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

crows feet tuning

Browse source
This commit is contained in:
Alexander Wang 2023-02-10 00:57:15 -08:00
parent 4aaaf8dfa2
commit b12c878cf2
No known key found for this signature in database
GPG key ID: D89FA31966BDBECE
142 changed files with 1789 additions and 1789 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
d2layouts/d2elklayout/layout.go
View file

@ -87,7 +87,7 @@ type ConfigurableOpts struct {
var DefaultOpts = ConfigurableOpts{
Algorithm: "layered",
NodeSpacing: 60.0,
NodeSpacing: 70.0,
Padding: "[top=50,left=50,bottom=50,right=50]",
EdgeNodeSpacing: 40.0,
SelfLoopSpacing: 50.0,

16
d2renderers/d2svg/d2svg.go
View file

@ -117,8 +117,8 @@ func arrowheadDimensions(arrowhead d2target.Arrowhead, strokeWidth float64) (wid
widthMultiplier = 12
heightMultiplier = 12
case d2target.CfOne, d2target.CfMany, d2target.CfOneRequired, d2target.CfManyRequired:
widthMultiplier = 11
heightMultiplier = 12
widthMultiplier = 9
heightMultiplier = 9
}
clippedStrokeWidth := go2.Max(MIN_ARROWHEAD_STROKE_WIDTH, strokeWidth)
@ -265,7 +265,7 @@ func arrowheadMarker(isTarget bool, id string, connection d2target.Connection) s
case d2target.CfOne, d2target.CfMany, d2target.CfOneRequired, d2target.CfManyRequired:
attrs := fmt.Sprintf(`class="connection" stroke="%s" stroke-width="%d" fill="white"`, connection.Stroke, connection.StrokeWidth)
offset := 4.0 + float64(connection.StrokeWidth*2)
offset := 3.0 + float64(connection.StrokeWidth)*1.8
var modifier string
if arrowhead == d2target.CfOneRequired || arrowhead == d2target.CfManyRequired {
modifier = fmt.Sprintf(`<path %s d="M%f,%f %f,%f"/>`,
@ -276,7 +276,7 @@ func arrowheadMarker(isTarget bool, id string, connection d2target.Connection) s
} else {
modifier = fmt.Sprintf(`<circle %s cx="%f" cy="%f" r="%f"/>`,
attrs,
offset/2.0+1.0, height/2.0,
offset/2.0+2.0, height/2.0,
offset/2.0,
)
}
@ -288,9 +288,9 @@ func arrowheadMarker(isTarget bool, id string, connection d2target.Connection) s
attrs, modifier,
width-3.0, height/2.0,
width+offset, height/2.0,
offset+2.0, height/2.0,
offset+3.0, height/2.0,
width+offset, 0.,
offset+2.0, height/2.0,
offset+3.0, height/2.0,
width+offset, height,
)
} else {
@ -298,8 +298,8 @@ func arrowheadMarker(isTarget bool, id string, connection d2target.Connection) s
attrs, modifier,
width-3.0, height/2.0,
width+offset, height/2.0,
offset*1.6, 0.,
offset*1.6, height,
offset*2.0, 0.,
offset*2.0, height,
)
}
default:

28
e2etests/testdata/regression/dagre_broken_arrowhead/elk/board.exp.json generated vendored
View file

@ -10,7 +10,7 @@
"y": 12
},
"width": 290,
"height": 541,
"height": 551,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 76,
"y": 337
"y": 347
},
"width": 154,
"height": 166,
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 127,
"y": 191
"y": 201
},
"width": 52,
"height": 66,
@ -171,7 +171,7 @@
"type": "rectangle",
"pos": {
"x": 199,
"y": 191
"y": 201
},
"width": 53,
"height": 66,
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 126,
"y": 387
"y": 397
},
"width": 54,
"height": 66,
@ -281,15 +281,15 @@
},
{
"x": 88.5,
"y": 297
"y": 307
},
{
"x": 115,
"y": 297
"y": 307
},
{
"x": 115,
"y": 337
"y": 347
}
],
"animated": false,
@ -324,11 +324,11 @@
"route": [
{
"x": 153.5,
"y": 257
"y": 267
},
{
"x": 153.5,
"y": 337
"y": 347
}
],
"animated": false,
@ -363,19 +363,19 @@
"route": [
{
"x": 226,
"y": 257
"y": 267
},
{
"x": 226,
"y": 297
"y": 307
},
{
"x": 192,
"y": 297
"y": 307
},
{
"x": 192,
"y": 337
"y": 347
}
],
"animated": false,

8
e2etests/testdata/regression/dagre_broken_arrowhead/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="494" height="745" viewBox="-90 -90 494 745"><style type="text/css">
width="494" height="755" viewBox="-90 -90 494 755"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="494" height="745" viewBox="-90 -90 494 745"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="290" height="541" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="157.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="62" y="62" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="88.500000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.c"><g class="shape" ><rect x="76" y="337" width="154" height="166" style="fill:#EDF0FD;stroke:white;stroke-width:2;" /></g><text class="text" x="153.000000" y="366.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">c</text></g><g id="a.1"><g class="shape" ><rect x="127" y="191" width="52" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="153.000000" y="229.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">1</text></g><g id="a.2"><g class="shape" ><rect x="199" y="191" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="225.500000" y="229.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">2</text></g><g id="a.c.d"><g class="shape" ><rect x="126" y="387" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="153.000000" y="425.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="a.(b -&gt; c)[0]"><marker id="mk-1065319532" markerWidth="24.200000" markerHeight="18.000000" refX="20.800000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="red" stroke-width="2" points="0.000000,9.000000 11.000000,2.250000 22.000000,9.000000 11.000000,16.200000" /> </marker><path d="M 88.500000 130.000000 L 88.500000 287.000000 S 88.500000 297.000000 98.500000 297.000000 L 105.000000 297.000000 S 115.000000 297.000000 115.000000 307.000000 L 115.000000 333.000000" class="connection" style="fill:none;stroke:red;stroke-width:2;" marker-end="url(#mk-1065319532)" mask="url(#2017283763)"/><text class="text-italic" x="89.000000" y="227.000000" style="text-anchor:middle;font-size:16px;fill:red"><tspan x="89.000000" dy="0.000000">line 1</tspan><tspan x="89.000000" dy="17.250000">line 2</tspan><tspan x="89.000000" dy="17.250000">line 3</tspan><tspan x="89.000000" dy="17.250000">line 4</tspan></text></g><g id="a.(1 -&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 153.500000 259.000000 L 153.500000 333.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2017283763)"/></g><g id="a.(2 &lt;-&gt; c)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.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="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 226.000000 261.000000 L 226.000000 287.000000 S 226.000000 297.000000 216.000000 297.000000 L 202.000000 297.000000 S 192.000000 297.000000 192.000000 307.000000 L 192.000000 333.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2017283763)"/></g><mask id="2017283763" maskUnits="userSpaceOnUse" x="-100" y="-100" width="494" height="745">
<rect x="-100" y="-100" width="494" height="745" fill="white"></rect>
<rect x="71.000000" y="211.000000" width="36" height="69" fill="black"></rect>
]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="290" height="551" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="157.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="62" y="62" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="88.500000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.c"><g class="shape" ><rect x="76" y="347" width="154" height="166" style="fill:#EDF0FD;stroke:white;stroke-width:2;" /></g><text class="text" x="153.000000" y="376.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">c</text></g><g id="a.1"><g class="shape" ><rect x="127" y="201" width="52" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="153.000000" y="239.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">1</text></g><g id="a.2"><g class="shape" ><rect x="199" y="201" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="225.500000" y="239.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">2</text></g><g id="a.c.d"><g class="shape" ><rect x="126" y="397" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="153.000000" y="435.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="a.(b -&gt; c)[0]"><marker id="mk-1065319532" markerWidth="24.200000" markerHeight="18.000000" refX="20.800000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="red" stroke-width="2" points="0.000000,9.000000 11.000000,2.250000 22.000000,9.000000 11.000000,16.200000" /> </marker><path d="M 88.500000 130.000000 L 88.500000 297.000000 S 88.500000 307.000000 98.500000 307.000000 L 105.000000 307.000000 S 115.000000 307.000000 115.000000 317.000000 L 115.000000 343.000000" class="connection" style="fill:none;stroke:red;stroke-width:2;" marker-end="url(#mk-1065319532)" mask="url(#1504590825)"/><text class="text-italic" x="89.000000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:red"><tspan x="89.000000" dy="0.000000">line 1</tspan><tspan x="89.000000" dy="17.250000">line 2</tspan><tspan x="89.000000" dy="17.250000">line 3</tspan><tspan x="89.000000" dy="17.250000">line 4</tspan></text></g><g id="a.(1 -&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 153.500000 269.000000 L 153.500000 343.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1504590825)"/></g><g id="a.(2 &lt;-&gt; c)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.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="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 226.000000 271.000000 L 226.000000 297.000000 S 226.000000 307.000000 216.000000 307.000000 L 202.000000 307.000000 S 192.000000 307.000000 192.000000 317.000000 L 192.000000 343.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#1504590825)"/></g><mask id="1504590825" maskUnits="userSpaceOnUse" x="-100" y="-100" width="494" height="755">
<rect x="-100" y="-100" width="494" height="755" fill="white"></rect>
<rect x="71.000000" y="216.000000" width="36" height="69" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text {
font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 794 KiB

After

Width:  |  Height:  |  Size: 794 KiB

24
e2etests/testdata/regression/dagre_edge_label_spacing/elk/board.exp.json generated vendored
View file

@ -9,7 +9,7 @@
"x": 12,
"y": 12
},
"width": 1863,
"width": 1943,
"height": 177,
"opacity": 1,
"strokeDash": 0,
@ -88,7 +88,7 @@
"id": "build_workflow.GHA",
"type": "rectangle",
"pos": {
"x": 506,
"x": 526,
"y": 62
},
"width": 209,
@ -129,7 +129,7 @@
"id": "build_workflow.S3",
"type": "rectangle",
"pos": {
"x": 973,
"x": 1013,
"y": 62
},
"width": 71,
@ -170,7 +170,7 @@
"id": "build_workflow.Terraform",
"type": "rectangle",
"pos": {
"x": 1283,
"x": 1343,
"y": 62
},
"width": 158,
@ -211,7 +211,7 @@
"id": "build_workflow.AWS",
"type": "rectangle",
"pos": {
"x": 1730,
"x": 1810,
"y": 62
},
"width": 95,
@ -280,7 +280,7 @@
"y": 100.5
},
{
"x": 506,
"x": 526,
"y": 100.5
}
],
@ -315,11 +315,11 @@
"labelPercentage": 0,
"route": [
{
"x": 715,
"x": 735,
"y": 100.5
},
{
"x": 973,
"x": 1013,
"y": 100.5
}
],
@ -354,11 +354,11 @@
"labelPercentage": 0,
"route": [
{
"x": 1044,
"x": 1084,
"y": 100.5
},
{
"x": 1283,
"x": 1343,
"y": 100.5
}
],
@ -393,11 +393,11 @@
"labelPercentage": 0,
"route": [
{
"x": 1441,
"x": 1501,
"y": 100.5
},
{
"x": 1730,
"x": 1810,
"y": 100.5
}
],

14
e2etests/testdata/regression/dagre_edge_label_spacing/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="2067" height="381" viewBox="-90 -90 2067 381"><style type="text/css">
width="2147" height="381" viewBox="-90 -90 2147 381"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,12 +39,12 @@ width="2067" height="381" viewBox="-90 -90 2067 381"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="build_workflow"><g class="shape" ><rect x="12" y="12" width="1863" height="177" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="943.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">lambda-build.yaml</text></g><g id="build_workflow.push"><g class="shape" ><rect x="62" y="62" width="270" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="197.000000" y="109.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Push to main branch</text></g><g id="build_workflow.GHA"><g class="shape" ><rect x="506" y="62" width="209" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="610.500000" y="109.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">GitHub Actions</text></g><g id="build_workflow.S3"><g class="shape" ><rect x="973" y="62" width="71" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1008.500000" y="109.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">S3</text></g><g id="build_workflow.Terraform"><g class="shape" ><rect x="1283" y="62" width="158" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1362.000000" y="109.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Terraform</text></g><g id="build_workflow.AWS"><g class="shape" ><rect x="1730" y="62" width="95" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1777.500000" y="109.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">AWS</text></g><g id="build_workflow.(push -&gt; GHA)[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 334.000000 100.500000 L 502.000000 100.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3237896491)"/><text class="text-italic" x="419.000000" y="106.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Triggers</text></g><g id="build_workflow.(GHA -&gt; S3)[0]"><path d="M 717.000000 100.500000 L 969.000000 100.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3237896491)"/><text class="text-italic" x="844.000000" y="106.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Builds zip &amp; pushes it</text></g><g id="build_workflow.(S3 &lt;-&gt; Terraform)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.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="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 1048.000000 100.500000 L 1279.000000 100.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#3237896491)"/><text class="text-italic" x="1163.500000" y="106.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Pulls zip to deploy</text></g><g id="build_workflow.(Terraform -&gt; AWS)[0]"><path d="M 1443.000000 100.500000 L 1726.000000 100.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3237896491)"/><text class="text-italic" x="1585.500000" y="106.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Changes the live lambdas</text></g><mask id="3237896491" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2067" height="381">
<rect x="-100" y="-100" width="2067" height="381" fill="white"></rect>
<rect x="392.000000" y="90.000000" width="54" height="21" fill="black"></rect>
<rect x="775.000000" y="90.000000" width="138" height="21" fill="black"></rect>
<rect x="1104.000000" y="90.000000" width="119" height="21" fill="black"></rect>
<rect x="1501.000000" y="90.000000" width="169" height="21" fill="black"></rect>
]]></script><g id="build_workflow"><g class="shape" ><rect x="12" y="12" width="1943" height="177" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="983.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">lambda-build.yaml</text></g><g id="build_workflow.push"><g class="shape" ><rect x="62" y="62" width="270" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="197.000000" y="109.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Push to main branch</text></g><g id="build_workflow.GHA"><g class="shape" ><rect x="526" y="62" width="209" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="630.500000" y="109.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">GitHub Actions</text></g><g id="build_workflow.S3"><g class="shape" ><rect x="1013" y="62" width="71" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1048.500000" y="109.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">S3</text></g><g id="build_workflow.Terraform"><g class="shape" ><rect x="1343" y="62" width="158" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1422.000000" y="109.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Terraform</text></g><g id="build_workflow.AWS"><g class="shape" ><rect x="1810" y="62" width="95" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1857.500000" y="109.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">AWS</text></g><g id="build_workflow.(push -&gt; GHA)[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 334.000000 100.500000 L 522.000000 100.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#229275881)"/><text class="text-italic" x="429.000000" y="106.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Triggers</text></g><g id="build_workflow.(GHA -&gt; S3)[0]"><path d="M 737.000000 100.500000 L 1009.000000 100.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#229275881)"/><text class="text-italic" x="874.000000" y="106.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Builds zip &amp; pushes it</text></g><g id="build_workflow.(S3 &lt;-&gt; Terraform)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.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="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 1088.000000 100.500000 L 1339.000000 100.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#229275881)"/><text class="text-italic" x="1213.500000" y="106.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Pulls zip to deploy</text></g><g id="build_workflow.(Terraform -&gt; AWS)[0]"><path d="M 1503.000000 100.500000 L 1806.000000 100.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#229275881)"/><text class="text-italic" x="1655.500000" y="106.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Changes the live lambdas</text></g><mask id="229275881" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2147" height="381">
<rect x="-100" y="-100" width="2147" height="381" fill="white"></rect>
<rect x="402.000000" y="90.000000" width="54" height="21" fill="black"></rect>
<rect x="805.000000" y="90.000000" width="138" height="21" fill="black"></rect>
<rect x="1154.000000" y="90.000000" width="119" height="21" fill="black"></rect>
<rect x="1571.000000" y="90.000000" width="169" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text {
font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 795 KiB

After

Width:  |  Height:  |  Size: 795 KiB

60
e2etests/testdata/regression/elk_alignment/elk/board.exp.json generated vendored
View file

@ -10,7 +10,7 @@
"y": 12
},
"width": 370,
"height": 1069,
"height": 1149,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 92,
"y": 285
"y": 305
},
"width": 209,
"height": 77,
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 161,
"y": 508
"y": 548
},
"width": 71,
"height": 77,
@ -171,7 +171,7 @@
"type": "rectangle",
"pos": {
"x": 118,
"y": 731
"y": 791
},
"width": 158,
"height": 77,
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 149,
"y": 954
"y": 1034
},
"width": 95,
"height": 77,
@ -253,10 +253,10 @@
"type": "rectangle",
"pos": {
"x": 402,
"y": 195
"y": 215
},
"width": 311,
"height": 703,
"height": 743,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -294,7 +294,7 @@
"type": "rectangle",
"pos": {
"x": 452,
"y": 245
"y": 265
},
"width": 211,
"height": 77,
@ -335,7 +335,7 @@
"type": "rectangle",
"pos": {
"x": 453,
"y": 468
"y": 508
},
"width": 209,
"height": 77,
@ -376,7 +376,7 @@
"type": "rectangle",
"pos": {
"x": 510,
"y": 771
"y": 831
},
"width": 95,
"height": 77,
@ -417,10 +417,10 @@
"type": "rectangle",
"pos": {
"x": 733,
"y": 235
"y": 255
},
"width": 634,
"height": 623,
"height": 663,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -458,7 +458,7 @@
"type": "rectangle",
"pos": {
"x": 960,
"y": 285
"y": 305
},
"width": 178,
"height": 77,
@ -499,7 +499,7 @@
"type": "rectangle",
"pos": {
"x": 945,
"y": 508
"y": 548
},
"width": 209,
"height": 77,
@ -540,7 +540,7 @@
"type": "rectangle",
"pos": {
"x": 1002,
"y": 731
"y": 791
},
"width": 95,
"height": 77,
@ -609,7 +609,7 @@
},
{
"x": 197,
"y": 285
"y": 305
}
],
"animated": false,
@ -644,11 +644,11 @@
"route": [
{
"x": 197,
"y": 362
"y": 382
},
{
"x": 197,
"y": 508
"y": 548
}
],
"animated": false,
@ -683,11 +683,11 @@
"route": [
{
"x": 197,
"y": 585
"y": 625
},
{
"x": 197,
"y": 731
"y": 791
}
],
"animated": false,
@ -722,11 +722,11 @@
"route": [
{
"x": 197,
"y": 808
"y": 868
},
{
"x": 197,
"y": 954
"y": 1034
}
],
"animated": false,
@ -761,11 +761,11 @@
"route": [
{
"x": 557.5,
"y": 322
"y": 342
},
{
"x": 557.5,
"y": 468
"y": 508
}
],
"animated": false,
@ -800,11 +800,11 @@
"route": [
{
"x": 557.5,
"y": 545
"y": 585
},
{
"x": 557.5,
"y": 771
"y": 831
}
],
"animated": false,
@ -839,11 +839,11 @@
"route": [
{
"x": 1049.5,
"y": 362
"y": 382
},
{
"x": 1049.5,
"y": 508
"y": 548
}
],
"animated": false,
@ -878,11 +878,11 @@
"route": [
{
"x": 1049.5,
"y": 585
"y": 625
},
{
"x": 1049.5,
"y": 731
"y": 791
}
],
"animated": false,

22
e2etests/testdata/regression/elk_alignment/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: 799 KiB

After

Width:  |  Height:  |  Size: 799 KiB

4
e2etests/testdata/regression/empty_sequence/elk/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "sequence_diagram",
"pos": {
"x": 12,
"y": 138
"y": 148
},
"width": 106,
"height": 66,
@ -117,7 +117,7 @@
},
{
"x": 65,
"y": 138
"y": 148
}
],
"animated": false,

6
e2etests/testdata/regression/empty_sequence/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="306" height="392" viewBox="-88 -88 306 392"><style type="text/css">
width="306" height="402" viewBox="-88 -88 306 402"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="306" height="392" viewBox="-88 -88 306 392"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="A"><g class="shape" ><rect x="25" y="12" width="80" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text-bold" x="65.000000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">hello</text></g><g id="B"><g class="shape" ><rect x="12" y="138" width="106" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text-bold" x="65.000000" y="176.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">goodbye</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 65.000000 79.000000 L 65.000000 135.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#452064192)"/></g><mask id="452064192" maskUnits="userSpaceOnUse" x="-100" y="-100" width="306" height="392">
<rect x="-100" y="-100" width="306" height="392" fill="white"></rect>
]]></script><g id="A"><g class="shape" ><rect x="25" y="12" width="80" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text-bold" x="65.000000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">hello</text></g><g id="B"><g class="shape" ><rect x="12" y="148" width="106" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text-bold" x="65.000000" y="186.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">goodbye</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 65.000000 79.000000 L 65.000000 145.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2235083474)"/></g><mask id="2235083474" maskUnits="userSpaceOnUse" x="-100" y="-100" width="306" height="402">
<rect x="-100" y="-100" width="306" height="402" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 325 KiB

After

Width:  |  Height:  |  Size: 325 KiB

10
e2etests/testdata/regression/md_h1_li_li/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "text",
"pos": {
"x": 12,
"y": 138
"y": 148
},
"width": 95,
"height": 115,
@ -88,7 +88,7 @@
"type": "rectangle",
"pos": {
"x": 33,
"y": 313
"y": 333
},
"width": 53,
"height": 66,
@ -157,7 +157,7 @@
},
{
"x": 59.5,
"y": 138
"y": 148
}
],
"animated": false,
@ -192,11 +192,11 @@
"route": [
{
"x": 59.5,
"y": 253
"y": 263
},
{
"x": 59.5,
"y": 313
"y": 333
}
],
"animated": false,

8
e2etests/testdata/regression/md_h1_li_li/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="299" height="571" viewBox="-90 -90 299 571"><style type="text/css">
width="299" height="591" viewBox="-90 -90 299 591"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -796,7 +796,7 @@ width="299" height="571" viewBox="-90 -90 299 571"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="138.000000" width="95" height="115"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>hey</h1>
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="95" height="115"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>hey</h1>
<ul>
<li>they
<ol>
@ -804,8 +804,8 @@ width="299" height="571" viewBox="-90 -90 299 571"><style type="text/css">
</ol>
</li>
</ul>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="33" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="59.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="33" y="313" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="59.500000" y="351.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 59.500000 80.000000 L 59.500000 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2769297139)"/></g><g id="(md -&gt; b)[0]"><path d="M 59.500000 255.000000 L 59.500000 309.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2769297139)"/></g><mask id="2769297139" maskUnits="userSpaceOnUse" x="-100" y="-100" width="299" height="571">
<rect x="-100" y="-100" width="299" height="571" fill="white"></rect>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="33" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="59.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="33" y="333" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="59.500000" y="371.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 59.500000 80.000000 L 59.500000 144.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1583904512)"/></g><g id="(md -&gt; b)[0]"><path d="M 59.500000 265.000000 L 59.500000 329.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1583904512)"/></g><mask id="1583904512" maskUnits="userSpaceOnUse" x="-100" y="-100" width="299" height="591">
<rect x="-100" y="-100" width="299" height="591" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 KiB

After

Width:  |  Height:  |  Size: 660 KiB

10
e2etests/testdata/regression/only_header_class_table/elk/board.exp.json generated vendored
View file

@ -50,7 +50,7 @@
"type": "sql_table",
"pos": {
"x": 362,
"y": 164
"y": 174
},
"width": 381,
"height": 36,
@ -93,7 +93,7 @@
"type": "sql_table",
"pos": {
"x": 362,
"y": 260
"y": 280
},
"width": 381,
"height": 72,
@ -193,7 +193,7 @@
},
{
"x": 553,
"y": 164
"y": 174
}
],
"animated": false,
@ -228,11 +228,11 @@
"route": [
{
"x": 553,
"y": 200
"y": 210
},
{
"x": 553,
"y": 260
"y": 280
}
],
"animated": false,

10
e2etests/testdata/regression/only_header_class_table/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1286" height="524" viewBox="-90 -90 1286 524"><style type="text/css">
width="1286" height="544" viewBox="-90 -90 1286 544"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,10 +39,10 @@ width="1286" height="524" viewBox="-90 -90 1286 524"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="class"><g class="shape" ><rect class="shape" x="12" y="12" width="1082" height="92" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="1082.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="553.000000" y="65.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="12.000000" y1="104.000000" x2="1094.000000" y2="104.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="table"><g class="shape" ><rect class="shape" x="362" y="164" width="381" height="36" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="362.000000" y="164.000000" width="381.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="372.000000" y="189.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect class="shape" x="362" y="260" width="381" height="72" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="362.000000" y="260.000000" width="381.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="372.000000" y="285.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text><text class="text" x="372.000000" y="319.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">ok</text>
<text class="text" x="413.000000" y="319.000000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
<text class="text" x="723.000000" y="319.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="362.000000" y1="332.000000" x2="743.000000" y2="332.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(class -&gt; table)[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 553.000000 106.000000 L 553.000000 160.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#855640225)"/></g><g id="(table -&gt; table with short col)[0]"><path d="M 553.000000 202.000000 L 553.000000 256.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#855640225)"/></g><mask id="855640225" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1286" height="524">
<rect x="-100" y="-100" width="1286" height="524" fill="white"></rect>
]]></script><g id="class"><g class="shape" ><rect class="shape" x="12" y="12" width="1082" height="92" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="1082.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="553.000000" y="65.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="12.000000" y1="104.000000" x2="1094.000000" y2="104.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="table"><g class="shape" ><rect class="shape" x="362" y="174" width="381" height="36" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="362.000000" y="174.000000" width="381.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="372.000000" y="199.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect class="shape" x="362" y="280" width="381" height="72" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="362.000000" y="280.000000" width="381.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="372.000000" y="305.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text><text class="text" x="372.000000" y="339.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">ok</text>
<text class="text" x="413.000000" y="339.000000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
<text class="text" x="723.000000" y="339.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="362.000000" y1="352.000000" x2="743.000000" y2="352.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(class -&gt; table)[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 553.000000 106.000000 L 553.000000 170.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2395198926)"/></g><g id="(table -&gt; table with short col)[0]"><path d="M 553.000000 212.000000 L 553.000000 276.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2395198926)"/></g><mask id="2395198926" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1286" height="544">
<rect x="-100" y="-100" width="1286" height="544" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 508 KiB

After

Width:  |  Height:  |  Size: 508 KiB

4
e2etests/testdata/regression/opacity-on-label/elk/board.exp.json generated vendored
View file

@ -88,7 +88,7 @@
"type": "rectangle",
"pos": {
"x": 146,
"y": 235
"y": 255
},
"width": 53,
"height": 66,
@ -157,7 +157,7 @@
},
{
"x": 173,
"y": 235
"y": 255
}
],
"animated": false,

8
e2etests/testdata/regression/opacity-on-label/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="713" height="493" viewBox="-88 -90 713 493"><style type="text/css">
width="713" height="513" viewBox="-88 -90 713 513"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -797,9 +797,9 @@ width="713" height="493" viewBox="-88 -90 713 493"><style type="text/css">
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="x" style='opacity:0.400000'><g class="shape" ><rect x="146" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="172.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y" style='opacity:0.400000'><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="219.000000" y="33.000000" width="304" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>linux: because a PC is a terrible thing to waste</p>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="146" y="235" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="172.500000" y="273.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="(x -&gt; a)[0]" style='opacity:0.400000'><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 173.000000 80.000000 L 173.000000 231.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3103719276)"/><text class="text-italic" x="173.000000" y="154.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E"><tspan x="173.000000" dy="0.000000">You don&#39;t have to know how the computer works,</tspan><tspan x="173.000000" dy="18.500000">just how to work the computer.</tspan></text></g><mask id="3103719276" maskUnits="userSpaceOnUse" x="-100" y="-100" width="713" height="493">
<rect x="-100" y="-100" width="713" height="493" fill="white"></rect>
<rect x="12.000000" y="138.000000" width="322" height="37" fill="black"></rect>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="146" y="255" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="172.500000" y="293.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="(x -&gt; a)[0]" style='opacity:0.400000'><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 173.000000 80.000000 L 173.000000 251.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1975148760)"/><text class="text-italic" x="173.000000" y="164.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E"><tspan x="173.000000" dy="0.000000">You don&#39;t have to know how the computer works,</tspan><tspan x="173.000000" dy="18.500000">just how to work the computer.</tspan></text></g><mask id="1975148760" maskUnits="userSpaceOnUse" x="-100" y="-100" width="713" height="513">
<rect x="-100" y="-100" width="713" height="513" fill="white"></rect>
<rect x="12.000000" y="148.000000" width="322" height="37" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text {
font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 804 KiB

After

Width:  |  Height:  |  Size: 804 KiB

26
e2etests/testdata/regression/overlapping-edge-label/elk/board.exp.json generated vendored
View file

@ -294,7 +294,7 @@
"type": "rectangle",
"pos": {
"x": 301,
"y": 389
"y": 399
},
"width": 272,
"height": 166,
@ -335,7 +335,7 @@
"type": "rectangle",
"pos": {
"x": 351,
"y": 439
"y": 449
},
"width": 76,
"height": 66,
@ -376,7 +376,7 @@
"type": "rectangle",
"pos": {
"x": 447,
"y": 439
"y": 449
},
"width": 76,
"height": 66,
@ -445,15 +445,15 @@
},
{
"x": 211,
"y": 299
"y": 309
},
{
"x": 355.59999999999997,
"y": 299
"y": 309
},
{
"x": 355.59999999999997,
"y": 389
"y": 399
}
],
"animated": false,
@ -492,7 +492,7 @@
},
{
"x": 410,
"y": 389
"y": 399
}
],
"animated": false,
@ -531,15 +531,15 @@
},
{
"x": 609,
"y": 299
"y": 309
},
{
"x": 464.4,
"y": 299
"y": 309
},
{
"x": 464.4,
"y": 389
"y": 399
}
],
"animated": false,
@ -578,15 +578,15 @@
},
{
"x": 808,
"y": 349
"y": 359
},
{
"x": 518.8,
"y": 349
"y": 359
},
{
"x": 518.8,
"y": 389
"y": 399
}
],
"animated": false,

14
e2etests/testdata/regression/overlapping-edge-label/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1199" height="747" viewBox="-90 -90 1199 747"><style type="text/css">
width="1199" height="757" viewBox="-90 -90 1199 757"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,12 +39,12 @@ width="1199" height="747" viewBox="-90 -90 1199 747"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="k8s"><g class="shape" ><rect x="12" y="12" width="995" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="509.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">Kubernetes</text></g><g id="osvc"><g class="shape" ><rect x="301" y="389" width="272" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="437.000000" y="422.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">opensvc</text></g><g id="k8s.m1"><g class="shape" ><rect x="62" y="62" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="128.000000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master1</text></g><g id="k8s.m2"><g class="shape" ><rect x="214" y="62" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="280.000000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master2</text></g><g id="k8s.m3"><g class="shape" ><rect x="366" y="62" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="432.000000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master3</text></g><g id="k8s.w1"><g class="shape" ><rect x="518" y="62" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="584.500000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker1</text></g><g id="k8s.w2"><g class="shape" ><rect x="671" y="62" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="737.500000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker2</text></g><g id="k8s.w3"><g class="shape" ><rect x="824" y="62" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="890.500000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker3</text></g><g id="osvc.vm1"><g class="shape" ><rect x="351" y="439" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="389.000000" y="477.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM1</text></g><g id="osvc.vm2"><g class="shape" ><rect x="447" y="439" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="485.000000" y="477.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM2</text></g><g id="(k8s -&gt; osvc)[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 211.000000 180.000000 L 211.000000 289.000000 S 211.000000 299.000000 221.000000 299.000000 L 345.600000 299.000000 S 355.600000 299.000000 355.600000 309.000000 L 355.600000 385.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1091220301)"/><text class="text-italic" x="267.500000" y="305.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">keycloak</text></g><g id="(k8s -&gt; osvc)[1]"><path d="M 410.000000 180.000000 L 410.000000 385.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1091220301)"/><text class="text-italic" x="410.500000" y="289.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">heptapod</text></g><g id="(k8s -&gt; osvc)[2]"><path d="M 609.000000 180.000000 L 609.000000 289.000000 S 609.000000 299.000000 599.000000 299.000000 L 474.400000 299.000000 S 464.400000 299.000000 464.400000 309.000000 L 464.400000 385.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1091220301)"/><text class="text-italic" x="552.500000" y="305.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">harbor</text></g><g id="(k8s -&gt; osvc)[3]"><path d="M 808.000000 180.000000 L 808.000000 339.000000 S 808.000000 349.000000 798.000000 349.000000 L 528.800000 349.000000 S 518.800000 349.000000 518.800000 359.000000 L 518.800000 385.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1091220301)"/><text class="text-italic" x="728.500000" y="355.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">vault</text></g><mask id="1091220301" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1199" height="747">
<rect x="-100" y="-100" width="1199" height="747" fill="white"></rect>
<rect x="238.000000" y="289.000000" width="59" height="21" fill="black"></rect>
<rect x="378.000000" y="273.000000" width="65" height="21" fill="black"></rect>
<rect x="529.000000" y="289.000000" width="47" height="21" fill="black"></rect>
<rect x="711.000000" y="339.000000" width="35" height="21" fill="black"></rect>
]]></script><g id="k8s"><g class="shape" ><rect x="12" y="12" width="995" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="509.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">Kubernetes</text></g><g id="osvc"><g class="shape" ><rect x="301" y="399" width="272" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="437.000000" y="432.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">opensvc</text></g><g id="k8s.m1"><g class="shape" ><rect x="62" y="62" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="128.000000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master1</text></g><g id="k8s.m2"><g class="shape" ><rect x="214" y="62" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="280.000000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master2</text></g><g id="k8s.m3"><g class="shape" ><rect x="366" y="62" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="432.000000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master3</text></g><g id="k8s.w1"><g class="shape" ><rect x="518" y="62" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="584.500000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker1</text></g><g id="k8s.w2"><g class="shape" ><rect x="671" y="62" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="737.500000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker2</text></g><g id="k8s.w3"><g class="shape" ><rect x="824" y="62" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="890.500000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker3</text></g><g id="osvc.vm1"><g class="shape" ><rect x="351" y="449" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="389.000000" y="487.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM1</text></g><g id="osvc.vm2"><g class="shape" ><rect x="447" y="449" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="485.000000" y="487.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM2</text></g><g id="(k8s -&gt; osvc)[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 211.000000 180.000000 L 211.000000 299.000000 S 211.000000 309.000000 221.000000 309.000000 L 345.600000 309.000000 S 355.600000 309.000000 355.600000 319.000000 L 355.600000 395.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2150703550)"/><text class="text-italic" x="262.500000" y="315.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">keycloak</text></g><g id="(k8s -&gt; osvc)[1]"><path d="M 410.000000 180.000000 L 410.000000 395.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2150703550)"/><text class="text-italic" x="410.500000" y="294.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">heptapod</text></g><g id="(k8s -&gt; osvc)[2]"><path d="M 609.000000 180.000000 L 609.000000 299.000000 S 609.000000 309.000000 599.000000 309.000000 L 474.400000 309.000000 S 464.400000 309.000000 464.400000 319.000000 L 464.400000 395.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2150703550)"/><text class="text-italic" x="557.500000" y="315.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">harbor</text></g><g id="(k8s -&gt; osvc)[3]"><path d="M 808.000000 180.000000 L 808.000000 349.000000 S 808.000000 359.000000 798.000000 359.000000 L 528.800000 359.000000 S 518.800000 359.000000 518.800000 369.000000 L 518.800000 395.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2150703550)"/><text class="text-italic" x="733.500000" y="365.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">vault</text></g><mask id="2150703550" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1199" height="757">
<rect x="-100" y="-100" width="1199" height="757" fill="white"></rect>
<rect x="233.000000" y="299.000000" width="59" height="21" fill="black"></rect>
<rect x="378.000000" y="278.000000" width="65" height="21" fill="black"></rect>
<rect x="534.000000" y="299.000000" width="47" height="21" fill="black"></rect>
<rect x="716.000000" y="349.000000" width="35" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text {
font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 796 KiB

After

Width:  |  Height:  |  Size: 796 KiB

20
e2etests/testdata/regression/sequence_diagram_name_crash/elk/board.exp.json generated vendored
View file

@ -130,7 +130,7 @@
"type": "sequence_diagram",
"pos": {
"x": 12,
"y": 532
"y": 542
},
"width": 448,
"height": 460,
@ -171,7 +171,7 @@
"type": "rectangle",
"pos": {
"x": 36,
"y": 642
"y": 652
},
"width": 150,
"height": 66,
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 286,
"y": 642
"y": 652
},
"width": 150,
"height": 66,
@ -316,11 +316,11 @@
"route": [
{
"x": 111,
"y": 838
"y": 848
},
{
"x": 361,
"y": 838
"y": 848
}
],
"animated": false,
@ -359,7 +359,7 @@
},
{
"x": 236,
"y": 532
"y": 542
}
],
"animated": false,
@ -472,11 +472,11 @@
"route": [
{
"x": 111,
"y": 708
"y": 718
},
{
"x": 111,
"y": 968
"y": 978
}
],
"animated": false,
@ -511,11 +511,11 @@
"route": [
{
"x": 361,
"y": 708
"y": 718
},
{
"x": 361,
"y": 968
"y": 978
}
],
"animated": false,

6
e2etests/testdata/regression/sequence_diagram_name_crash/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="648" height="1180" viewBox="-88 -88 648 1180"><style type="text/css">
width="648" height="1190" viewBox="-88 -88 648 1190"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="648" height="1180" viewBox="-88 -88 648 1180"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="foo"><g class="shape" ><rect x="12" y="12" width="448" height="460" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="236.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">foo</text></g><g id="foobar"><g class="shape" ><rect x="12" y="532" width="448" height="460" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="236.000000" y="565.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">foobar</text></g><g id="foo.a"><g class="shape" ><rect x="36" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="111.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="foo.b"><g class="shape" ><rect x="286" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="361.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="foobar.c"><g class="shape" ><rect x="36" y="642" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="111.000000" y="680.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="foobar.d"><g class="shape" ><rect x="286" y="642" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="361.000000" y="680.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(foo -&gt; foobar)[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 236.000000 473.000000 L 236.000000 529.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3467963691)"/></g><g id="(foo.a -- )[0]"><path d="M 111.000000 190.000000 L 111.000000 447.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3467963691)"/></g><g id="(foo.b -- )[0]"><path d="M 361.000000 190.000000 L 361.000000 447.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3467963691)"/></g><g id="(foobar.c -- )[0]"><path d="M 111.000000 710.000000 L 111.000000 967.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3467963691)"/></g><g id="(foobar.d -- )[0]"><path d="M 361.000000 710.000000 L 361.000000 967.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3467963691)"/></g><g id="foo.(a -&gt; b)[0]"><path d="M 113.000000 318.000000 L 357.000000 318.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3467963691)"/></g><g id="foobar.(c -&gt; d)[0]"><path d="M 113.000000 838.000000 L 357.000000 838.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3467963691)"/></g><mask id="3467963691" maskUnits="userSpaceOnUse" x="-100" y="-100" width="648" height="1180">
<rect x="-100" y="-100" width="648" height="1180" fill="white"></rect>
]]></script><g id="foo"><g class="shape" ><rect x="12" y="12" width="448" height="460" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="236.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">foo</text></g><g id="foobar"><g class="shape" ><rect x="12" y="542" width="448" height="460" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="236.000000" y="575.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">foobar</text></g><g id="foo.a"><g class="shape" ><rect x="36" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="111.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="foo.b"><g class="shape" ><rect x="286" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="361.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="foobar.c"><g class="shape" ><rect x="36" y="652" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="111.000000" y="690.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="foobar.d"><g class="shape" ><rect x="286" y="652" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="361.000000" y="690.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(foo -&gt; foobar)[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 236.000000 473.000000 L 236.000000 539.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#195235471)"/></g><g id="(foo.a -- )[0]"><path d="M 111.000000 190.000000 L 111.000000 447.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#195235471)"/></g><g id="(foo.b -- )[0]"><path d="M 361.000000 190.000000 L 361.000000 447.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#195235471)"/></g><g id="(foobar.c -- )[0]"><path d="M 111.000000 720.000000 L 111.000000 977.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#195235471)"/></g><g id="(foobar.d -- )[0]"><path d="M 361.000000 720.000000 L 361.000000 977.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#195235471)"/></g><g id="foo.(a -&gt; b)[0]"><path d="M 113.000000 318.000000 L 357.000000 318.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#195235471)"/></g><g id="foobar.(c -&gt; d)[0]"><path d="M 113.000000 848.000000 L 357.000000 848.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#195235471)"/></g><mask id="195235471" maskUnits="userSpaceOnUse" x="-100" y="-100" width="648" height="1190">
<rect x="-100" y="-100" width="648" height="1190" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 328 KiB

After

Width:  |  Height:  |  Size: 328 KiB

10
e2etests/testdata/regression/unnamed_class_table_code/elk/board.exp.json generated vendored
View file

@ -82,7 +82,7 @@
"type": "sql_table",
"pos": {
"x": 119,
"y": 440
"y": 450
},
"width": 208,
"height": 186,
@ -266,7 +266,7 @@
"type": "code",
"pos": {
"x": 125,
"y": 686
"y": 706
},
"width": 196,
"height": 70,
@ -334,7 +334,7 @@
},
{
"x": 223,
"y": 440
"y": 450
}
],
"animated": false,
@ -369,11 +369,11 @@
"route": [
{
"x": 223,
"y": 626
"y": 636
},
{
"x": 223,
"y": 686
"y": 706
}
],
"animated": false,

28
e2etests/testdata/regression/unnamed_class_table_code/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="626" height="948" viewBox="-90 -90 626 948"><style type="text/css">
width="626" height="968" viewBox="-90 -90 626 968"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -51,20 +51,20 @@ width="626" height="948" viewBox="-90 -90 626 948"><style type="text/css">
<text class="text-mono" x="42.000000" y="316.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
<text class="text-mono" x="414.000000" y="316.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
<text class="text-mono" x="42.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
<text class="text-mono" x="414.000000" y="362.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="119" y="440" width="208" height="186" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="119.000000" y="440.000000" width="208.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="129.000000" y="491.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="230.000000" y="491.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="307.000000" y="491.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="502.000000" x2="327.000000" y2="502.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="522.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
<text class="text" x="230.000000" y="522.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="307.000000" y="522.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="533.000000" x2="327.000000" y2="533.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="553.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
<text class="text" x="230.000000" y="553.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="307.000000" y="553.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="564.000000" x2="327.000000" y2="564.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="584.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
<text class="text" x="230.000000" y="584.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="307.000000" y="584.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="595.000000" x2="327.000000" y2="595.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="615.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
<text class="text" x="230.000000" y="615.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
<text class="text" x="307.000000" y="615.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="626.000000" x2="327.000000" y2="626.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(125.000000 686.000000)"><rect class="shape" width="196" height="70" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
<text class="text-mono" x="414.000000" y="362.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="119" y="450" width="208" height="186" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="119.000000" y="450.000000" width="208.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="129.000000" y="501.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="230.000000" y="501.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="307.000000" y="501.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="512.000000" x2="327.000000" y2="512.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="532.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
<text class="text" x="230.000000" y="532.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="307.000000" y="532.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="543.000000" x2="327.000000" y2="543.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="563.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
<text class="text" x="230.000000" y="563.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="307.000000" y="563.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="574.000000" x2="327.000000" y2="574.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="594.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
<text class="text" x="230.000000" y="594.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="307.000000" y="594.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="605.000000" x2="327.000000" y2="605.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="625.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
<text class="text" x="230.000000" y="625.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
<text class="text" x="307.000000" y="625.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="636.000000" x2="327.000000" y2="636.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(125.000000 706.000000)"><rect class="shape" width="196" height="70" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
</text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="(class -&gt; users)[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 223.000000 382.000000 L 223.000000 436.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2276385886)"/></g><g id="(users -&gt; code)[0]"><path d="M 223.000000 628.000000 L 223.000000 682.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2276385886)"/></g><mask id="2276385886" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="948">
<rect x="-100" y="-100" width="626" height="948" fill="white"></rect>
</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="(class -&gt; users)[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 223.000000 382.000000 L 223.000000 446.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3740991939)"/></g><g id="(users -&gt; code)[0]"><path d="M 223.000000 638.000000 L 223.000000 702.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3740991939)"/></g><mask id="3740991939" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="968">
<rect x="-100" y="-100" width="626" height="968" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 601 KiB

After

Width:  |  Height:  |  Size: 601 KiB

4
e2etests/testdata/sanity/basic/elk/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 12,
"y": 138
"y": 148
},
"width": 53,
"height": 66,
@ -117,7 +117,7 @@
},
{
"x": 38.5,
"y": 138
"y": 148
}
],
"animated": false,

6
e2etests/testdata/sanity/basic/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="257" height="396" viewBox="-90 -90 257 396"><style type="text/css">
width="257" height="406" viewBox="-90 -90 257 406"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="257" height="396" viewBox="-90 -90 257 396"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="12" y="138" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="176.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</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 38.500000 80.000000 L 38.500000 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1474944634)"/></g><mask id="1474944634" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="396">
<rect x="-100" y="-100" width="257" height="396" fill="white"></rect>
]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="12" y="148" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="186.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</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 38.500000 80.000000 L 38.500000 144.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3916722828)"/></g><mask id="3916722828" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="406">
<rect x="-100" y="-100" width="257" height="406" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 325 KiB

After

Width:  |  Height:  |  Size: 325 KiB

6
e2etests/testdata/sanity/child_to_child/elk/board.exp.json generated vendored
View file

@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 12,
"y": 248
"y": 258
},
"width": 154,
"height": 166,
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 62,
"y": 298
"y": 308
},
"width": 54,
"height": 66,
@ -199,7 +199,7 @@
},
{
"x": 89,
"y": 298
"y": 308
}
],
"animated": false,

6
e2etests/testdata/sanity/child_to_child/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="358" height="606" viewBox="-90 -90 358 606"><style type="text/css">
width="358" height="616" viewBox="-90 -90 358 616"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="358" height="606" viewBox="-90 -90 358 606"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="153" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="88.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="12" y="248" width="154" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="89.000000" y="281.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="62" y="62" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="88.500000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="62" y="298" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="89.000000" y="336.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; c.d)[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 89.000000 130.000000 L 89.000000 294.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#285717803)"/></g><mask id="285717803" maskUnits="userSpaceOnUse" x="-100" y="-100" width="358" height="606">
<rect x="-100" y="-100" width="358" height="606" fill="white"></rect>
]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="153" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="88.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="12" y="258" width="154" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="89.000000" y="291.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="62" y="62" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="88.500000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="62" y="308" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="89.000000" y="346.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; c.d)[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 89.000000 130.000000 L 89.000000 304.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#414993162)"/></g><mask id="414993162" maskUnits="userSpaceOnUse" x="-100" y="-100" width="358" height="616">
<rect x="-100" y="-100" width="358" height="616" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 649 KiB

After

Width:  |  Height:  |  Size: 649 KiB

4
e2etests/testdata/sanity/connection_label/elk/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 12,
"y": 219
"y": 239
},
"width": 53,
"height": 66,
@ -117,7 +117,7 @@
},
{
"x": 38.5,
"y": 219
"y": 239
}
],
"animated": false,

8
e2etests/testdata/sanity/connection_label/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="257" height="477" viewBox="-90 -90 257 477"><style type="text/css">
width="257" height="497" viewBox="-90 -90 257 497"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="257" height="477" viewBox="-90 -90 257 477"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="12" y="219" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="257.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</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 38.500000 80.000000 L 38.500000 215.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3675629375)"/><text class="text-italic" x="38.500000" y="154.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">hello</text></g><mask id="3675629375" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="477">
<rect x="-100" y="-100" width="257" height="477" fill="white"></rect>
<rect x="22.000000" y="138.000000" width="33" height="21" fill="black"></rect>
]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="12" y="239" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="277.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</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 38.500000 80.000000 L 38.500000 235.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2573035679)"/><text class="text-italic" x="38.500000" y="164.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">hello</text></g><mask id="2573035679" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="497">
<rect x="-100" y="-100" width="257" height="497" fill="white"></rect>
<rect x="22.000000" y="148.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: 468 KiB

After

Width:  |  Height:  |  Size: 468 KiB

54
e2etests/testdata/stable/all_shapes/elk/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 20,
"y": 164
"y": 174
},
"width": 94,
"height": 94,
@ -89,7 +89,7 @@
"type": "page",
"pos": {
"x": 28,
"y": 318
"y": 338
},
"width": 79,
"height": 87,
@ -171,7 +171,7 @@
"type": "document",
"pos": {
"x": 182,
"y": 173
"y": 183
},
"width": 117,
"height": 76,
@ -212,7 +212,7 @@
"type": "cylinder",
"pos": {
"x": 189,
"y": 318
"y": 338
},
"width": 104,
"height": 118,
@ -294,7 +294,7 @@
"type": "package",
"pos": {
"x": 378,
"y": 174
"y": 184
},
"width": 103,
"height": 73,
@ -335,7 +335,7 @@
"type": "step",
"pos": {
"x": 371,
"y": 318
"y": 338
},
"width": 116,
"height": 101,
@ -417,7 +417,7 @@
"type": "stored_data",
"pos": {
"x": 509,
"y": 178
"y": 188
},
"width": 151,
"height": 66,
@ -458,7 +458,7 @@
"type": "person",
"pos": {
"x": 507,
"y": 318
"y": 338
},
"width": 155,
"height": 103,
@ -540,7 +540,7 @@
"type": "oval",
"pos": {
"x": 682,
"y": 176
"y": 186
},
"width": 97,
"height": 70,
@ -581,7 +581,7 @@
"type": "oval",
"pos": {
"x": 685,
"y": 318
"y": 338
},
"width": 91,
"height": 91,
@ -663,7 +663,7 @@
"type": "cloud",
"pos": {
"x": 840,
"y": 164
"y": 174
},
"width": 104,
"height": 84,
@ -732,7 +732,7 @@
},
{
"x": 67.5,
"y": 164
"y": 174
}
],
"animated": false,
@ -767,11 +767,11 @@
"route": [
{
"x": 67.5,
"y": 258
"y": 268
},
{
"x": 68,
"y": 318
"y": 338
}
],
"animated": false,
@ -810,7 +810,7 @@
},
{
"x": 241,
"y": 173
"y": 183
}
],
"animated": false,
@ -845,11 +845,11 @@
"route": [
{
"x": 241,
"y": 238
"y": 248
},
{
"x": 241,
"y": 318
"y": 338
}
],
"animated": false,
@ -888,7 +888,7 @@
},
{
"x": 430,
"y": 175
"y": 185
}
],
"animated": false,
@ -923,11 +923,11 @@
"route": [
{
"x": 429,
"y": 248
"y": 258
},
{
"x": 429,
"y": 318
"y": 338
}
],
"animated": false,
@ -966,7 +966,7 @@
},
{
"x": 585,
"y": 178
"y": 188
}
],
"animated": false,
@ -1001,11 +1001,11 @@
"route": [
{
"x": 585,
"y": 244
"y": 254
},
{
"x": 585,
"y": 318
"y": 338
}
],
"animated": false,
@ -1044,7 +1044,7 @@
},
{
"x": 731,
"y": 176
"y": 186
}
],
"animated": false,
@ -1079,11 +1079,11 @@
"route": [
{
"x": 731,
"y": 246
"y": 256
},
{
"x": 731,
"y": 318
"y": 338
}
],
"animated": false,
@ -1122,7 +1122,7 @@
},
{
"x": 892,
"y": 166
"y": 176
}
],
"animated": false,

6
e2etests/testdata/stable/all_shapes/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: 333 KiB

After

Width:  |  Height:  |  Size: 333 KiB

54
e2etests/testdata/stable/all_shapes_multiple/elk/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 20,
"y": 164
"y": 174
},
"width": 94,
"height": 94,
@ -89,7 +89,7 @@
"type": "page",
"pos": {
"x": 28,
"y": 318
"y": 338
},
"width": 79,
"height": 87,
@ -171,7 +171,7 @@
"type": "document",
"pos": {
"x": 182,
"y": 173
"y": 183
},
"width": 117,
"height": 76,
@ -212,7 +212,7 @@
"type": "cylinder",
"pos": {
"x": 189,
"y": 318
"y": 338
},
"width": 104,
"height": 118,
@ -294,7 +294,7 @@
"type": "package",
"pos": {
"x": 378,
"y": 174
"y": 184
},
"width": 103,
"height": 73,
@ -335,7 +335,7 @@
"type": "step",
"pos": {
"x": 371,
"y": 318
"y": 338
},
"width": 116,
"height": 101,
@ -417,7 +417,7 @@
"type": "stored_data",
"pos": {
"x": 509,
"y": 178
"y": 188
},
"width": 151,
"height": 66,
@ -458,7 +458,7 @@
"type": "person",
"pos": {
"x": 507,
"y": 318
"y": 338
},
"width": 155,
"height": 103,
@ -540,7 +540,7 @@
"type": "oval",
"pos": {
"x": 682,
"y": 176
"y": 186
},
"width": 97,
"height": 70,
@ -581,7 +581,7 @@
"type": "oval",
"pos": {
"x": 685,
"y": 318
"y": 338
},
"width": 91,
"height": 91,
@ -663,7 +663,7 @@
"type": "cloud",
"pos": {
"x": 840,
"y": 164
"y": 174
},
"width": 104,
"height": 84,
@ -732,7 +732,7 @@
},
{
"x": 67.5,
"y": 164
"y": 174
}
],
"animated": false,
@ -767,11 +767,11 @@
"route": [
{
"x": 67.5,
"y": 258
"y": 268
},
{
"x": 68,
"y": 318
"y": 338
}
],
"animated": false,
@ -810,7 +810,7 @@
},
{
"x": 241,
"y": 173
"y": 183
}
],
"animated": false,
@ -845,11 +845,11 @@
"route": [
{
"x": 241,
"y": 238
"y": 248
},
{
"x": 241,
"y": 318
"y": 338
}
],
"animated": false,
@ -888,7 +888,7 @@
},
{
"x": 430,
"y": 175
"y": 185
}
],
"animated": false,
@ -923,11 +923,11 @@
"route": [
{
"x": 429,
"y": 248
"y": 258
},
{
"x": 429,
"y": 318
"y": 338
}
],
"animated": false,
@ -966,7 +966,7 @@
},
{
"x": 585,
"y": 178
"y": 188
}
],
"animated": false,
@ -1001,11 +1001,11 @@
"route": [
{
"x": 585,
"y": 244
"y": 254
},
{
"x": 585,
"y": 318
"y": 338
}
],
"animated": false,
@ -1044,7 +1044,7 @@
},
{
"x": 731,
"y": 176
"y": 186
}
],
"animated": false,
@ -1079,11 +1079,11 @@
"route": [
{
"x": 731,
"y": 246
"y": 256
},
{
"x": 731,
"y": 318
"y": 338
}
],
"animated": false,
@ -1122,7 +1122,7 @@
},
{
"x": 892,
"y": 166
"y": 176
}
],
"animated": false,

6
e2etests/testdata/stable/all_shapes_multiple/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: 336 KiB

After

Width:  |  Height:  |  Size: 336 KiB

54
e2etests/testdata/stable/all_shapes_shadow/elk/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 20,
"y": 164
"y": 174
},
"width": 94,
"height": 94,
@ -89,7 +89,7 @@
"type": "page",
"pos": {
"x": 28,
"y": 318
"y": 338
},
"width": 79,
"height": 87,
@ -171,7 +171,7 @@
"type": "document",
"pos": {
"x": 182,
"y": 173
"y": 183
},
"width": 117,
"height": 76,
@ -212,7 +212,7 @@
"type": "cylinder",
"pos": {
"x": 189,
"y": 318
"y": 338
},
"width": 104,
"height": 118,
@ -294,7 +294,7 @@
"type": "package",
"pos": {
"x": 378,
"y": 174
"y": 184
},
"width": 103,
"height": 73,
@ -335,7 +335,7 @@
"type": "step",
"pos": {
"x": 371,
"y": 318
"y": 338
},
"width": 116,
"height": 101,
@ -417,7 +417,7 @@
"type": "stored_data",
"pos": {
"x": 509,
"y": 178
"y": 188
},
"width": 151,
"height": 66,
@ -458,7 +458,7 @@
"type": "person",
"pos": {
"x": 507,
"y": 318
"y": 338
},
"width": 155,
"height": 103,
@ -540,7 +540,7 @@
"type": "oval",
"pos": {
"x": 682,
"y": 176
"y": 186
},
"width": 97,
"height": 70,
@ -581,7 +581,7 @@
"type": "oval",
"pos": {
"x": 685,
"y": 318
"y": 338
},
"width": 91,
"height": 91,
@ -663,7 +663,7 @@
"type": "cloud",
"pos": {
"x": 840,
"y": 164
"y": 174
},
"width": 104,
"height": 84,
@ -732,7 +732,7 @@
},
{
"x": 67.5,
"y": 164
"y": 174
}
],
"animated": false,
@ -767,11 +767,11 @@
"route": [
{
"x": 67.5,
"y": 258
"y": 268
},
{
"x": 68,
"y": 318
"y": 338
}
],
"animated": false,
@ -810,7 +810,7 @@
},
{
"x": 241,
"y": 173
"y": 183
}
],
"animated": false,
@ -845,11 +845,11 @@
"route": [
{
"x": 241,
"y": 238
"y": 248
},
{
"x": 241,
"y": 318
"y": 338
}
],
"animated": false,
@ -888,7 +888,7 @@
},
{
"x": 430,
"y": 175
"y": 185
}
],
"animated": false,
@ -923,11 +923,11 @@
"route": [
{
"x": 429,
"y": 248
"y": 258
},
{
"x": 429,
"y": 318
"y": 338
}
],
"animated": false,
@ -966,7 +966,7 @@
},
{
"x": 585,
"y": 178
"y": 188
}
],
"animated": false,
@ -1001,11 +1001,11 @@
"route": [
{
"x": 585,
"y": 244
"y": 254
},
{
"x": 585,
"y": 318
"y": 338
}
],
"animated": false,
@ -1044,7 +1044,7 @@
},
{
"x": 731,
"y": 176
"y": 186
}
],
"animated": false,
@ -1079,11 +1079,11 @@
"route": [
{
"x": 731,
"y": 246
"y": 256
},
{
"x": 731,
"y": 318
"y": 338
}
],
"animated": false,
@ -1122,7 +1122,7 @@
},
{
"x": 892,
"y": 166
"y": 176
}
],
"animated": false,

6
e2etests/testdata/stable/all_shapes_shadow/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: 334 KiB

After

Width:  |  Height:  |  Size: 334 KiB

2
e2etests/testdata/stable/animated/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

4
e2etests/testdata/stable/animated/elk/board.exp.json generated vendored
View file

@ -499,7 +499,7 @@
"type": "rectangle",
"pos": {
"x": 841,
"y": 284
"y": 294
},
"width": 76,
"height": 66,
@ -865,7 +865,7 @@
},
{
"x": 879,
"y": 284
"y": 294
}
],
"animated": true,

8
e2etests/testdata/stable/animated/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

4
e2etests/testdata/stable/arrowhead_labels/elk/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 86,
"y": 219
"y": 239
},
"width": 53,
"height": 66,
@ -117,7 +117,7 @@
},
{
"x": 112.5,
"y": 219
"y": 239
}
],
"animated": false,

8
e2etests/testdata/stable/arrowhead_labels/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="401" height="477" viewBox="-88 -90 401 477"><style type="text/css">
width="401" height="497" viewBox="-88 -90 401 497"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="401" height="477" viewBox="-88 -90 401 477"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="86" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="112.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="86" y="219" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="112.500000" y="257.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-1247258845" markerWidth="24.200000" markerHeight="18.000000" refX="20.800000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="#0D32B2" stroke-width="2" points="0.000000,9.000000 11.000000,2.250000 22.000000,9.000000 11.000000,16.200000" /> </marker><path d="M 112.500000 80.000000 L 112.500000 215.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-1247258845)" mask="url(#2786566434)"/><text class="text-italic" x="112.500000" y="154.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">To err is human, to moo bovine</text><text class="text-italic" x="127.000000" y="211.000000" style="text-anchor:middle;font-size:16px;fill:black">*</text></g><mask id="2786566434" maskUnits="userSpaceOnUse" x="-100" y="-100" width="401" height="477">
<rect x="-100" y="-100" width="401" height="477" fill="white"></rect>
<rect x="12.000000" y="138.000000" width="201" height="21" fill="black"></rect>
]]></script><g id="a"><g class="shape" ><rect x="86" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="112.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="86" y="239" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="112.500000" y="277.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-1247258845" markerWidth="24.200000" markerHeight="18.000000" refX="20.800000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="#0D32B2" stroke-width="2" points="0.000000,9.000000 11.000000,2.250000 22.000000,9.000000 11.000000,16.200000" /> </marker><path d="M 112.500000 80.000000 L 112.500000 235.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-1247258845)" mask="url(#3280476426)"/><text class="text-italic" x="112.500000" y="164.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">To err is human, to moo bovine</text><text class="text-italic" x="127.000000" y="231.000000" style="text-anchor:middle;font-size:16px;fill:black">*</text></g><mask id="3280476426" maskUnits="userSpaceOnUse" x="-100" y="-100" width="401" height="497">
<rect x="-100" y="-100" width="401" height="497" fill="white"></rect>
<rect x="12.000000" y="148.000000" width="201" 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: 468 KiB

After

Width:  |  Height:  |  Size: 468 KiB

14
e2etests/testdata/stable/chaos1/elk/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 12,
"y": 276
"y": 296
},
"width": 260,
"height": 272,
"height": 282,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "callout",
"pos": {
"x": 62,
"y": 326
"y": 346
},
"width": 72,
"height": 91,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 154,
"y": 338
"y": 358
},
"width": 68,
"height": 66,
@ -236,11 +236,11 @@
"route": [
{
"x": 188,
"y": 404.5
"y": 424.5
},
{
"x": 188,
"y": 548
"y": 578
}
],
"animated": false,
@ -279,7 +279,7 @@
},
{
"x": 188,
"y": 338.5
"y": 358.5
}
],
"animated": false,

10
e2etests/testdata/stable/chaos1/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="464" height="740" viewBox="-90 -90 464 740"><style type="text/css">
width="464" height="770" viewBox="-90 -90 464 770"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,10 +39,10 @@ width="464" height="740" viewBox="-90 -90 464 740"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="aaa"><g class="shape" ><rect x="12" y="276" width="260" height="272" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="142.000000" y="309.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">aaa</text></g><g id="ddd"><g class="shape" ><path d="M 60 36 C 60 12 93 12 97 12 C 100 12 133 12 133 36 V 106 C 133 130 100 130 97 130 C 93 130 60 130 60 106 V 36 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 60 36 C 60 60 93 60 97 60 C 100 60 133 60 133 36" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="96.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ddd</text></g><g id="eee"><g class="shape" ><path d="M 153 119 L 153 54 L 223 54 L 223 119 C 211 105 200 105 188 119 C 176 134 165 134 153 119 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="188.000000" y="87.610964" style="text-anchor:middle;font-size:16px;fill:#0A0F25">eee</text></g><g id="aaa.bbb"><g class="shape" ><path d="M 62 326 V 372 H 98 V 417 L 128 372 H 134 V 326 H 62 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="98.000000" y="354.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">bbb</text></g><g id="aaa.ccc"><g class="shape" ><rect x="154" y="338" width="68" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="188.000000" y="376.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ccc</text></g><g id="(aaa.ccc -- aaa)[0]"><path d="M 188.000000 406.500000 L 188.000000 546.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" mask="url(#2381857220)"/><text class="text-italic" x="188.500000" y="482.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">111</text></g><g id="(eee &lt;- aaa.ccc)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.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="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 188.000000 123.000000 L 188.000000 336.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#2381857220)"/><text class="text-italic" x="188.500000" y="234.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">222</text></g><mask id="2381857220" maskUnits="userSpaceOnUse" x="-100" y="-100" width="464" height="740">
<rect x="-100" y="-100" width="464" height="740" fill="white"></rect>
<rect x="177.000000" y="466.000000" width="23" height="21" fill="black"></rect>
<rect x="176.000000" y="218.000000" width="25" height="21" fill="black"></rect>
]]></script><g id="aaa"><g class="shape" ><rect x="12" y="296" width="260" height="282" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="142.000000" y="329.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">aaa</text></g><g id="ddd"><g class="shape" ><path d="M 60 36 C 60 12 93 12 97 12 C 100 12 133 12 133 36 V 106 C 133 130 100 130 97 130 C 93 130 60 130 60 106 V 36 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 60 36 C 60 60 93 60 97 60 C 100 60 133 60 133 36" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="96.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ddd</text></g><g id="eee"><g class="shape" ><path d="M 153 119 L 153 54 L 223 54 L 223 119 C 211 105 200 105 188 119 C 176 134 165 134 153 119 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="188.000000" y="87.610964" style="text-anchor:middle;font-size:16px;fill:#0A0F25">eee</text></g><g id="aaa.bbb"><g class="shape" ><path d="M 62 346 V 392 H 98 V 437 L 128 392 H 134 V 346 H 62 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="98.000000" y="374.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">bbb</text></g><g id="aaa.ccc"><g class="shape" ><rect x="154" y="358" width="68" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="188.000000" y="396.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ccc</text></g><g id="(aaa.ccc -- aaa)[0]"><path d="M 188.000000 426.500000 L 188.000000 576.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" mask="url(#3846046650)"/><text class="text-italic" x="188.500000" y="507.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">111</text></g><g id="(eee &lt;- aaa.ccc)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.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="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 188.000000 123.000000 L 188.000000 356.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#3846046650)"/><text class="text-italic" x="188.500000" y="244.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">222</text></g><mask id="3846046650" maskUnits="userSpaceOnUse" x="-100" y="-100" width="464" height="770">
<rect x="-100" y="-100" width="464" height="770" fill="white"></rect>
<rect x="177.000000" y="491.000000" width="23" height="21" fill="black"></rect>
<rect x="176.000000" y="228.000000" width="25" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text {
font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 793 KiB

After

Width:  |  Height:  |  Size: 793 KiB

32
e2etests/testdata/stable/chaos2/elk/board.exp.json generated vendored
View file

@ -10,7 +10,7 @@
"y": 12
},
"width": 694,
"height": 1932,
"height": 1962,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -51,7 +51,7 @@
"y": 762
},
"width": 548,
"height": 1037,
"height": 1067,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -92,7 +92,7 @@
"y": 1089
},
"width": 304,
"height": 660,
"height": 690,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -252,7 +252,7 @@
"type": "text",
"pos": {
"x": 358,
"y": 1471
"y": 1481
},
"width": 17,
"height": 21,
@ -292,7 +292,7 @@
"type": "rectangle",
"pos": {
"x": 335,
"y": 1633
"y": 1663
},
"width": 63,
"height": 66,
@ -647,7 +647,7 @@
},
{
"x": 364,
"y": 1471
"y": 1481
}
],
"animated": false,
@ -682,11 +682,11 @@
"route": [
{
"x": 366.83333333333337,
"y": 1492
"y": 1502
},
{
"x": 366.8333333333333,
"y": 1633
"y": 1663
}
],
"animated": false,
@ -984,15 +984,15 @@
},
{
"x": 509,
"y": 1431
"y": 1441
},
{
"x": 369.6666666666667,
"y": 1431
"y": 1441
},
{
"x": 369.6666666666667,
"y": 1471
"y": 1481
}
],
"animated": false,
@ -1074,15 +1074,15 @@
"route": [
{
"x": 306,
"y": 1749
"y": 1779
},
{
"x": 306,
"y": 1844
"y": 1874
},
{
"x": 620,
"y": 1844
"y": 1874
},
{
"x": 620,
@ -1133,11 +1133,11 @@
},
{
"x": 162,
"y": 1894
"y": 1924
},
{
"x": 647,
"y": 1894
"y": 1924
},
{
"x": 647,

14
e2etests/testdata/stable/chaos2/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: 812 KiB

After

Width:  |  Height:  |  Size: 812 KiB

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

@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 12,
"y": 219
"y": 239
},
"width": 53,
"height": 66,
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 85,
"y": 219
"y": 239
},
"width": 54,
"height": 66,
@ -199,7 +199,7 @@
},
{
"x": 38.5,
"y": 219
"y": 239
}
],
"animated": false,
@ -238,7 +238,7 @@
},
{
"x": 112,
"y": 219
"y": 239
}
],
"animated": false,

10
e2etests/testdata/stable/circle_arrowhead/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="339" height="477" viewBox="-90 -90 339 477"><style type="text/css">
width="339" height="497" viewBox="-90 -90 339 497"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,10 +39,10 @@ width="339" height="477" viewBox="-90 -90 339 477"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="12" y="219" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="257.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="85" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="111.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="85" y="219" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="112.000000" y="257.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a &lt;-&gt; b)[0]"><marker id="mk-2353508688" markerWidth="24.000000" markerHeight="24.000000" refX="3.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="white" stroke="#0D32B2" stroke-width="2" cx="11.000000" cy="12.000000" r="10.000000"/> </marker><marker id="mk-3979614975" markerWidth="24.000000" markerHeight="24.000000" refX="21.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="white" stroke="#0D32B2" stroke-width="2" cx="13.000000" cy="12.000000" r="10.000000"/> </marker><path d="M 38.500000 82.000000 L 38.500000 215.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2353508688)" marker-end="url(#mk-3979614975)" mask="url(#479701471)"/><text class="text-italic" x="39.000000" y="154.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">circle</text></g><g id="(c &lt;-&gt; d)[0]"><marker id="mk-174437403" markerWidth="24.000000" markerHeight="24.000000" refX="3.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="#0D32B2" stroke-width="2" cx="11.000000" cy="12.000000" r="11.000000"/> </marker><marker id="mk-211976278" markerWidth="24.000000" markerHeight="24.000000" refX="21.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="#0D32B2" stroke-width="2" cx="13.000000" cy="12.000000" r="11.000000"/> </marker><path d="M 112.000000 82.000000 L 112.000000 215.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-174437403)" marker-end="url(#mk-211976278)" mask="url(#479701471)"/><text class="text-italic" x="112.500000" y="154.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">filled-circle</text></g><mask id="479701471" maskUnits="userSpaceOnUse" x="-100" y="-100" width="339" height="477">
<rect x="-100" y="-100" width="339" height="477" fill="white"></rect>
<rect x="21.000000" y="138.000000" width="36" height="21" fill="black"></rect>
<rect x="76.000000" y="138.000000" width="73" height="21" fill="black"></rect>
]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="12" y="239" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="277.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="85" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="111.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="85" y="239" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="112.000000" y="277.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a &lt;-&gt; b)[0]"><marker id="mk-2353508688" markerWidth="24.000000" markerHeight="24.000000" refX="3.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="white" stroke="#0D32B2" stroke-width="2" cx="11.000000" cy="12.000000" r="10.000000"/> </marker><marker id="mk-3979614975" markerWidth="24.000000" markerHeight="24.000000" refX="21.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="white" stroke="#0D32B2" stroke-width="2" cx="13.000000" cy="12.000000" r="10.000000"/> </marker><path d="M 38.500000 82.000000 L 38.500000 235.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2353508688)" marker-end="url(#mk-3979614975)" mask="url(#4256489027)"/><text class="text-italic" x="39.000000" y="164.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">circle</text></g><g id="(c &lt;-&gt; d)[0]"><marker id="mk-174437403" markerWidth="24.000000" markerHeight="24.000000" refX="3.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="#0D32B2" stroke-width="2" cx="11.000000" cy="12.000000" r="11.000000"/> </marker><marker id="mk-211976278" markerWidth="24.000000" markerHeight="24.000000" refX="21.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="#0D32B2" stroke-width="2" cx="13.000000" cy="12.000000" r="11.000000"/> </marker><path d="M 112.000000 82.000000 L 112.000000 235.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-174437403)" marker-end="url(#mk-211976278)" mask="url(#4256489027)"/><text class="text-italic" x="112.500000" y="164.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">filled-circle</text></g><mask id="4256489027" maskUnits="userSpaceOnUse" x="-100" y="-100" width="339" height="497">
<rect x="-100" y="-100" width="339" height="497" fill="white"></rect>
<rect x="21.000000" y="148.000000" width="36" height="21" fill="black"></rect>
<rect x="76.000000" y="148.000000" width="73" 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: 470 KiB

After

Width:  |  Height:  |  Size: 470 KiB

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

@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 12,
"y": 138
"y": 148
},
"width": 53,
"height": 66,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 12,
"y": 264
"y": 284
},
"width": 53,
"height": 66,
@ -158,7 +158,7 @@
},
{
"x": 29.666666666666668,
"y": 138
"y": 148
}
],
"animated": false,
@ -193,11 +193,11 @@
"route": [
{
"x": 29.666666666666668,
"y": 204
"y": 214
},
{
"x": 29.666666666666668,
"y": 264
"y": 284
}
],
"animated": false,
@ -232,11 +232,11 @@
"route": [
{
"x": 47.333333333333336,
"y": 264
"y": 284
},
{
"x": 47.333333333333336,
"y": 204
"y": 214
}
],
"animated": false,
@ -271,7 +271,7 @@
"route": [
{
"x": 47.333333333333336,
"y": 138
"y": 148
},
{
"x": 47.333333333333336,

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="257" height="522" viewBox="-90 -90 257 522"><style type="text/css">
width="257" height="542" viewBox="-90 -90 257 542"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="257" height="522" viewBox="-90 -90 257 522"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="12" y="138" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="176.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="12" y="264" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="302.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</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 29.666667 80.000000 L 29.666667 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3063489204)"/></g><g id="(b -&gt; c)[0]"><path d="M 29.666667 206.000000 L 29.666667 260.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3063489204)"/></g><g id="(c -&gt; b)[0]"><path d="M 47.333333 262.000000 L 47.333333 208.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3063489204)"/></g><g id="(b -&gt; a)[0]"><path d="M 47.333333 136.000000 L 47.333333 82.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3063489204)"/></g><mask id="3063489204" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="522">
<rect x="-100" y="-100" width="257" height="522" fill="white"></rect>
]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="12" y="148" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="186.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="12" y="284" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="322.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</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 29.666667 80.000000 L 29.666667 144.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1909693975)"/></g><g id="(b -&gt; c)[0]"><path d="M 29.666667 216.000000 L 29.666667 280.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1909693975)"/></g><g id="(c -&gt; b)[0]"><path d="M 47.333333 282.000000 L 47.333333 218.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1909693975)"/></g><g id="(b -&gt; a)[0]"><path d="M 47.333333 146.000000 L 47.333333 82.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1909693975)"/></g><mask id="1909693975" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="542">
<rect x="-100" y="-100" width="257" height="542" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 326 KiB

After

Width:  |  Height:  |  Size: 326 KiB

10
e2etests/testdata/stable/code_snippet/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "code",
"pos": {
"x": 12,
"y": 138
"y": 148
},
"width": 755,
"height": 166,
@ -88,7 +88,7 @@
"type": "rectangle",
"pos": {
"x": 362,
"y": 364
"y": 384
},
"width": 54,
"height": 66,
@ -157,7 +157,7 @@
},
{
"x": 389.5,
"y": 138
"y": 148
}
],
"animated": false,
@ -192,11 +192,11 @@
"route": [
{
"x": 389.5,
"y": 304
"y": 314
},
{
"x": 389.5,
"y": 364
"y": 384
}
],
"animated": false,

8
e2etests/testdata/stable/code_snippet/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="959" height="622" viewBox="-90 -90 959 622"><style type="text/css">
width="959" height="642" viewBox="-90 -90 959 642"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,7 +39,7 @@ width="959" height="622" viewBox="-90 -90 959 622"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="hey"><g class="shape" ></g><g transform="translate(12.000000 138.000000)"><rect class="shape" width="755" height="166" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic">//&#160;RegisterHash&#160;registers&#160;a&#160;function&#160;that&#160;returns&#160;a&#160;new&#160;instance&#160;of&#160;the&#160;given
]]></script><g id="hey"><g class="shape" ></g><g transform="translate(12.000000 148.000000)"><rect class="shape" width="755" height="166" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic">//&#160;RegisterHash&#160;registers&#160;a&#160;function&#160;that&#160;returns&#160;a&#160;new&#160;instance&#160;of&#160;the&#160;given
</tspan></text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic"></tspan><tspan fill="#999988" class="text-mono-italic">//&#160;hash&#160;function.&#160;This&#160;is&#160;intended&#160;to&#160;be&#160;called&#160;from&#160;the&#160;init&#160;function&#160;in
</tspan></text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic"></tspan><tspan fill="#999988" class="text-mono-italic">//&#160;packages&#160;that&#160;implement&#160;hash&#160;functions.
</tspan></text><text class="text-mono" x="0" y="4.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic"></tspan><tspan fill="#000000" class="text-mono-bold">func</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">RegisterHash</tspan>(h&#160;Hash,&#160;f&#160;<tspan fill="#000000" class="text-mono-bold">func</tspan>()&#160;hash.Hash)&#160;{
@ -47,8 +47,8 @@ width="959" height="622" viewBox="-90 -90 959 622"><style type="text/css">
</text><text class="text-mono" x="0" y="6.000000em" xml:space="preserve">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<tspan fill="#0086b3">panic</tspan>(<tspan fill="#dd1144">&quot;crypto:&#160;RegisterHash&#160;of&#160;unknown&#160;hash&#160;function&quot;</tspan>)
</text><text class="text-mono" x="0" y="7.000000em" xml:space="preserve">&#160;&#160;&#160;&#160;}
</text><text class="text-mono" x="0" y="8.000000em" xml:space="preserve">&#160;&#160;&#160;&#160;hashes[h]&#160;=&#160;f
</text><text class="text-mono" x="0" y="9.000000em" xml:space="preserve">}</text></g></g></g><g id="x"><g class="shape" ><rect x="363" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="389.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><rect x="362" y="364" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="389.000000" y="402.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="(x -&gt; hey)[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 389.500000 80.000000 L 389.500000 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3211694031)"/></g><g id="(hey -&gt; y)[0]"><path d="M 389.500000 306.000000 L 389.500000 360.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3211694031)"/></g><mask id="3211694031" maskUnits="userSpaceOnUse" x="-100" y="-100" width="959" height="622">
<rect x="-100" y="-100" width="959" height="622" fill="white"></rect>
</text><text class="text-mono" x="0" y="9.000000em" xml:space="preserve">}</text></g></g></g><g id="x"><g class="shape" ><rect x="363" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="389.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><rect x="362" y="384" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="389.000000" y="422.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="(x -&gt; hey)[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 389.500000 80.000000 L 389.500000 144.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3969803046)"/></g><g id="(hey -&gt; y)[0]"><path d="M 389.500000 316.000000 L 389.500000 380.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3969803046)"/></g><mask id="3969803046" maskUnits="userSpaceOnUse" x="-100" y="-100" width="959" height="642">
<rect x="-100" y="-100" width="959" height="642" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 673 KiB

After

Width:  |  Height:  |  Size: 673 KiB

12
e2etests/testdata/stable/complex-layers/elk/board.exp.json generated vendored
View file

@ -622,7 +622,7 @@
"type": "rectangle",
"pos": {
"x": 21,
"y": 138
"y": 148
},
"width": 140,
"height": 66,
@ -691,7 +691,7 @@
},
{
"x": 91.5,
"y": 138
"y": 148
}
],
"animated": false,
@ -751,7 +751,7 @@
"type": "rectangle",
"pos": {
"x": 27,
"y": 138
"y": 148
},
"width": 112,
"height": 66,
@ -820,7 +820,7 @@
},
{
"x": 83.5,
"y": 138
"y": 148
}
],
"animated": false,
@ -880,7 +880,7 @@
"type": "rectangle",
"pos": {
"x": 12,
"y": 138
"y": 148
},
"width": 167,
"height": 66,
@ -949,7 +949,7 @@
},
{
"x": 95.5,
"y": 138
"y": 148
}
],
"animated": false,

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

@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 62,
"y": 248
"y": 258
},
"width": 154,
"height": 166,
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 112,
"y": 298
"y": 308
},
"width": 54,
"height": 66,
@ -171,7 +171,7 @@
"type": "rectangle",
"pos": {
"x": 12,
"y": 484
"y": 504
},
"width": 254,
"height": 271,
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 62,
"y": 539
"y": 559
},
"width": 154,
"height": 166,
@ -253,7 +253,7 @@
"type": "rectangle",
"pos": {
"x": 112,
"y": 589
"y": 609
},
"width": 54,
"height": 66,
@ -322,7 +322,7 @@
},
{
"x": 139,
"y": 298
"y": 308
}
],
"animated": false,
@ -357,11 +357,11 @@
"route": [
{
"x": 139,
"y": 364
"y": 374
},
{
"x": 139,
"y": 589
"y": 609
}
],
"animated": false,

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="458" height="947" viewBox="-90 -90 458 947"><style type="text/css">
width="458" height="967" viewBox="-90 -90 458 967"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="458" height="947" viewBox="-90 -90 458 947"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="62" y="12" width="153" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="138.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="62" y="248" width="154" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="139.000000" y="281.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="f"><g class="shape" ><rect x="12" y="484" width="254" height="271" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="139.000000" y="517.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">f</text></g><g id="a.b"><g class="shape" ><rect x="112" y="62" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="138.500000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="112" y="298" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="139.000000" y="336.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="f.h"><g class="shape" ><rect x="62" y="539" width="154" height="166" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="139.000000" y="568.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="f.h.g"><g class="shape" ><rect x="112" y="589" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="139.000000" y="627.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">g</text></g><g id="(a.b -&gt; c.d)[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 139.000000 130.000000 L 139.000000 294.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#527864042)"/></g><g id="(c.d -&gt; f.h.g)[0]"><path d="M 139.000000 366.000000 L 139.000000 585.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#527864042)"/></g><mask id="527864042" maskUnits="userSpaceOnUse" x="-100" y="-100" width="458" height="947">
<rect x="-100" y="-100" width="458" height="947" fill="white"></rect>
]]></script><g id="a"><g class="shape" ><rect x="62" y="12" width="153" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="138.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="62" y="258" width="154" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="139.000000" y="291.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="f"><g class="shape" ><rect x="12" y="504" width="254" height="271" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="139.000000" y="537.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">f</text></g><g id="a.b"><g class="shape" ><rect x="112" y="62" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="138.500000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="112" y="308" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="139.000000" y="346.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="f.h"><g class="shape" ><rect x="62" y="559" width="154" height="166" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="139.000000" y="588.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="f.h.g"><g class="shape" ><rect x="112" y="609" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="139.000000" y="647.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">g</text></g><g id="(a.b -&gt; c.d)[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 139.000000 130.000000 L 139.000000 304.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2492212977)"/></g><g id="(c.d -&gt; f.h.g)[0]"><path d="M 139.000000 376.000000 L 139.000000 605.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2492212977)"/></g><mask id="2492212977" maskUnits="userSpaceOnUse" x="-100" y="-100" width="458" height="967">
<rect x="-100" y="-100" width="458" height="967" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 650 KiB

After

Width:  |  Height:  |  Size: 650 KiB

14
e2etests/testdata/stable/constant_near_stress/elk/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 12,
"y": 138
"y": 148
},
"width": 54,
"height": 66,
@ -130,7 +130,7 @@
"type": "text",
"pos": {
"x": -432,
"y": 224
"y": 234
},
"width": 943,
"height": 131,
@ -171,7 +171,7 @@
"type": "person",
"pos": {
"x": -553,
"y": 74
"y": 79
},
"width": 101,
"height": 67,
@ -212,7 +212,7 @@
"type": "person",
"pos": {
"x": 530,
"y": 54
"y": 59
},
"width": 160,
"height": 107,
@ -335,7 +335,7 @@
"type": "text",
"pos": {
"x": -559,
"y": 224
"y": 234
},
"width": 107,
"height": 21,
@ -376,7 +376,7 @@
"type": "text",
"pos": {
"x": 530,
"y": 224
"y": 234
},
"width": 117,
"height": 21,
@ -445,7 +445,7 @@
},
{
"x": 39,
"y": 138
"y": 148
}
],
"animated": false,

8
e2etests/testdata/stable/constant_near_stress/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1453" height="588" viewBox="-661 -131 1453 588"><style type="text/css">
width="1453" height="598" viewBox="-661 -131 1453 598"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -796,11 +796,11 @@ width="1453" height="588" viewBox="-661 -131 1453 588"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="x"><g class="shape" ><rect x="12" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><rect x="12" y="138" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="39.000000" y="176.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="The top of the mountain"><g class="shape" ></g><text class="text" x="39.000000" y="-13.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The top of the mountain</text></g><g id="bottom"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-432.000000" y="224.000000" width="943" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>Cats, no less liquid than their shadows, offer no angles to the wind.</h1>
</style><g id="x"><g class="shape" ><rect x="12" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><rect x="12" y="148" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="39.000000" y="186.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="The top of the mountain"><g class="shape" ></g><text class="text" x="39.000000" y="-13.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The top of the mountain</text></g><g id="bottom"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-432.000000" y="234.000000" width="943" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>Cats, no less liquid than their shadows, offer no angles to the wind.</h1>
<p>If we can't fix it, it ain't broke.</p>
<p>Dieters live life in the fasting lane.</p>
</div></foreignObject></g></g><g id="Joe"><g class="shape" ><path d="M -452 141 H -553 V 140 C -553 129 -542 118 -524 113 C -534 109 -540 103 -540 96 C -540 84 -523 74 -503 74 C -482 74 -466 84 -466 96 C -466 103 -472 110 -481 114 C -464 119 -452 129 -452 141 V 142 H -452 Z" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="-502.500000" y="113.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Joe</text></g><g id="Donald"><g class="shape" ><path d="M 690 161 H 530 V 159 C 530 141 548 124 575 116 C 560 111 551 100 551 89 C 551 70 577 54 610 54 C 643 54 669 70 669 89 C 669 100 660 111 645 117 C 673 125 690 141 690 160 V 161 H 690 Z" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="610.000000" y="113.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Donald</text></g><g id="i am top left"><g class="shape" ></g><text class="text" x="-492.000000" y="-13.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am top left</text></g><g id="i am top right"><g class="shape" ></g><text class="text" x="575.000000" y="-13.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am top right</text></g><g id="i am bottom left"><g class="shape" ></g><text class="text" x="-505.500000" y="240.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am bottom left</text></g><g id="i am bottom right"><g class="shape" ></g><text class="text" x="588.500000" y="240.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am bottom right</text></g><g id="(x -&gt; y)[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 39.000000 80.000000 L 39.000000 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#489112839)"/></g><mask id="489112839" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1453" height="588">
<rect x="-100" y="-100" width="1453" height="588" fill="white"></rect>
</div></foreignObject></g></g><g id="Joe"><g class="shape" ><path d="M -452 146 H -553 V 145 C -553 134 -542 123 -524 118 C -534 114 -540 108 -540 101 C -540 89 -523 79 -503 79 C -482 79 -466 89 -466 101 C -466 108 -472 115 -481 119 C -464 124 -452 134 -452 146 V 147 H -452 Z" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="-502.500000" y="118.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Joe</text></g><g id="Donald"><g class="shape" ><path d="M 690 166 H 530 V 164 C 530 146 548 129 575 121 C 560 116 551 105 551 94 C 551 75 577 59 610 59 C 643 59 669 75 669 94 C 669 105 660 116 645 122 C 673 130 690 146 690 165 V 166 H 690 Z" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="610.000000" y="118.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Donald</text></g><g id="i am top left"><g class="shape" ></g><text class="text" x="-492.000000" y="-13.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am top left</text></g><g id="i am top right"><g class="shape" ></g><text class="text" x="575.000000" y="-13.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am top right</text></g><g id="i am bottom left"><g class="shape" ></g><text class="text" x="-505.500000" y="250.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am bottom left</text></g><g id="i am bottom right"><g class="shape" ></g><text class="text" x="588.500000" y="250.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am bottom right</text></g><g id="(x -&gt; y)[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 39.000000 80.000000 L 39.000000 144.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1376991374)"/></g><mask id="1376991374" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1453" height="598">
<rect x="-100" y="-100" width="1453" height="598" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 662 KiB

After

Width:  |  Height:  |  Size: 662 KiB

4
e2etests/testdata/stable/constant_near_title/elk/board.exp.json generated vendored
View file

@ -171,7 +171,7 @@
"type": "rectangle",
"pos": {
"x": 12,
"y": 430
"y": 440
},
"width": 167,
"height": 66,
@ -453,7 +453,7 @@
},
{
"x": 95.5,
"y": 430
"y": 440
}
],
"animated": false,

8
e2etests/testdata/stable/constant_near_title/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="495" height="759" viewBox="-90 -161 495 759"><style type="text/css">
width="495" height="769" viewBox="-90 -161 495 769"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -796,9 +796,9 @@ width="495" height="759" viewBox="-90 -161 495 759"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="poll the people"><g class="shape" ><rect x="61" y="12" width="150" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="136.000000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">poll the people</text></g><g id="results"><g class="shape" ><rect x="64" y="158" width="93" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="110.500000" y="196.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">results</text></g><g id="unfavorable"><g class="shape" ><rect x="172" y="304" width="131" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="237.500000" y="342.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">unfavorable</text></g><g id="favorable"><g class="shape" ><rect x="39" y="304" width="113" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="95.500000" y="342.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">favorable</text></g><g id="will of the people"><g class="shape" ><rect x="12" y="430" width="167" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="95.500000" y="468.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">will of the people</text></g><g id="title"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="24.000000" y="-59.000000" width="266" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>A winning strategy</h1>
</div></foreignObject></g></g><g id="(poll the people -&gt; results)[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 111.000000 80.000000 L 111.000000 154.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1655103860)"/></g><g id="(results -&gt; unfavorable)[0]"><path d="M 126.500000 226.000000 L 126.500000 254.000000 S 126.500000 264.000000 136.500000 264.000000 L 205.666667 264.000000 S 215.666667 264.000000 215.666667 274.000000 L 215.666667 300.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1655103860)"/></g><g id="(unfavorable -&gt; poll the people)[0]"><path d="M 259.333333 302.000000 L 259.333333 128.000000 S 259.333333 118.000000 249.333333 118.000000 L 171.000000 118.000000 S 161.000000 118.000000 161.000000 108.000000 L 161.000000 82.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1655103860)"/></g><g id="(results -&gt; favorable)[0]"><path d="M 95.500000 226.000000 L 95.500000 300.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1655103860)"/></g><g id="(favorable -&gt; will of the people)[0]"><path d="M 95.500000 372.000000 L 95.500000 426.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1655103860)"/></g><mask id="1655103860" maskUnits="userSpaceOnUse" x="-100" y="-100" width="495" height="759">
<rect x="-100" y="-100" width="495" height="759" fill="white"></rect>
</style><g id="poll the people"><g class="shape" ><rect x="61" y="12" width="150" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="136.000000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">poll the people</text></g><g id="results"><g class="shape" ><rect x="64" y="158" width="93" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="110.500000" y="196.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">results</text></g><g id="unfavorable"><g class="shape" ><rect x="172" y="304" width="131" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="237.500000" y="342.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">unfavorable</text></g><g id="favorable"><g class="shape" ><rect x="39" y="304" width="113" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="95.500000" y="342.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">favorable</text></g><g id="will of the people"><g class="shape" ><rect x="12" y="440" width="167" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="95.500000" y="478.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">will of the people</text></g><g id="title"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="24.000000" y="-59.000000" width="266" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>A winning strategy</h1>
</div></foreignObject></g></g><g id="(poll the people -&gt; results)[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 111.000000 80.000000 L 111.000000 154.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#948926600)"/></g><g id="(results -&gt; unfavorable)[0]"><path d="M 126.500000 226.000000 L 126.500000 254.000000 S 126.500000 264.000000 136.500000 264.000000 L 205.666667 264.000000 S 215.666667 264.000000 215.666667 274.000000 L 215.666667 300.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#948926600)"/></g><g id="(unfavorable -&gt; poll the people)[0]"><path d="M 259.333333 302.000000 L 259.333333 128.000000 S 259.333333 118.000000 249.333333 118.000000 L 171.000000 118.000000 S 161.000000 118.000000 161.000000 108.000000 L 161.000000 82.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#948926600)"/></g><g id="(results -&gt; favorable)[0]"><path d="M 95.500000 226.000000 L 95.500000 300.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#948926600)"/></g><g id="(favorable -&gt; will of the people)[0]"><path d="M 95.500000 372.000000 L 95.500000 436.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#948926600)"/></g><mask id="948926600" maskUnits="userSpaceOnUse" x="-100" y="-100" width="495" height="769">
<rect x="-100" y="-100" width="495" height="769" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 662 KiB

After

Width:  |  Height:  |  Size: 662 KiB

2
e2etests/testdata/stable/crow_foot_arrowhead/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

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

@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 12,
"y": 138
"y": 148
},
"width": 53,
"height": 66,
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 85,
"y": 138
"y": 148
},
"width": 54,
"height": 66,
@ -171,7 +171,7 @@
"type": "rectangle",
"pos": {
"x": 95,
"y": 284
"y": 294
},
"width": 51,
"height": 66,
@ -253,7 +253,7 @@
"type": "rectangle",
"pos": {
"x": 159,
"y": 138
"y": 148
},
"width": 53,
"height": 66,
@ -294,7 +294,7 @@
"type": "rectangle",
"pos": {
"x": 232,
"y": 138
"y": 148
},
"width": 53,
"height": 66,
@ -363,7 +363,7 @@
},
{
"x": 38.5,
"y": 138
"y": 148
}
],
"animated": false,
@ -402,7 +402,7 @@
},
{
"x": 112,
"y": 138
"y": 148
}
],
"animated": false,
@ -437,11 +437,11 @@
"route": [
{
"x": 112,
"y": 204
"y": 214
},
{
"x": 112,
"y": 284
"y": 294
}
],
"animated": false,
@ -480,7 +480,7 @@
},
{
"x": 185.5,
"y": 138
"y": 148
}
],
"animated": false,
@ -515,19 +515,19 @@
"route": [
{
"x": 258.5,
"y": 204
"y": 214
},
{
"x": 258.5,
"y": 244
"y": 254
},
{
"x": 129,
"y": 244
"y": 254
},
{
"x": 129,
"y": 284
"y": 294
}
],
"animated": false,

6
e2etests/testdata/stable/crow_foot_arrowhead/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

4
e2etests/testdata/stable/dense/elk/board.exp.json generated vendored
View file

@ -417,7 +417,7 @@
"type": "rectangle",
"pos": {
"x": 155,
"y": 1464
"y": 1474
},
"width": 53,
"height": 66,
@ -1343,7 +1343,7 @@
},
{
"x": 181.83333333333331,
"y": 1464
"y": 1474
}
],
"animated": false,

6
e2etests/testdata/stable/dense/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: 336 KiB

After

Width:  |  Height:  |  Size: 336 KiB

136
e2etests/testdata/stable/different_subgraphs/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "rectangle",
"pos": {
"x": 319,
"y": 510
"y": 530
},
"width": 53,
"height": 66,
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 106,
"y": 706
"y": 726
},
"width": 74,
"height": 66,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 223,
"y": 706
"y": 726
},
"width": 72,
"height": 66,
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 315,
"y": 706
"y": 726
},
"width": 87,
"height": 66,
@ -171,7 +171,7 @@
"type": "rectangle",
"pos": {
"x": 218,
"y": 852
"y": 872
},
"width": 83,
"height": 66,
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 12,
"y": 852
"y": 872
},
"width": 81,
"height": 66,
@ -253,7 +253,7 @@
"type": "rectangle",
"pos": {
"x": 113,
"y": 852
"y": 872
},
"width": 85,
"height": 66,
@ -294,7 +294,7 @@
"type": "rectangle",
"pos": {
"x": 434,
"y": 510
"y": 530
},
"width": 78,
"height": 66,
@ -335,7 +335,7 @@
"type": "rectangle",
"pos": {
"x": 422,
"y": 706
"y": 726
},
"width": 76,
"height": 66,
@ -376,7 +376,7 @@
"type": "rectangle",
"pos": {
"x": 424,
"y": 852
"y": 872
},
"width": 72,
"height": 66,
@ -417,7 +417,7 @@
"type": "rectangle",
"pos": {
"x": 554,
"y": 510
"y": 530
},
"width": 78,
"height": 66,
@ -458,7 +458,7 @@
"type": "rectangle",
"pos": {
"x": 518,
"y": 706
"y": 726
},
"width": 113,
"height": 66,
@ -502,7 +502,7 @@
"y": 12
},
"width": 288,
"height": 564,
"height": 584,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -540,7 +540,7 @@
"type": "rectangle",
"pos": {
"x": 697,
"y": 706
"y": 726
},
"width": 103,
"height": 66,
@ -581,7 +581,7 @@
"type": "rectangle",
"pos": {
"x": 719,
"y": 852
"y": 872
},
"width": 60,
"height": 66,
@ -622,7 +622,7 @@
"type": "rectangle",
"pos": {
"x": 961,
"y": 510
"y": 530
},
"width": 98,
"height": 66,
@ -663,7 +663,7 @@
"type": "rectangle",
"pos": {
"x": 955,
"y": 706
"y": 726
},
"width": 82,
"height": 66,
@ -704,7 +704,7 @@
"type": "rectangle",
"pos": {
"x": 741,
"y": 188
"y": 198
},
"width": 53,
"height": 66,
@ -745,7 +745,7 @@
"type": "rectangle",
"pos": {
"x": 722,
"y": 334
"y": 344
},
"width": 74,
"height": 66,
@ -827,7 +827,7 @@
"type": "rectangle",
"pos": {
"x": 702,
"y": 460
"y": 480
},
"width": 113,
"height": 66,
@ -868,7 +868,7 @@
"type": "rectangle",
"pos": {
"x": 816,
"y": 334
"y": 344
},
"width": 75,
"height": 66,
@ -933,19 +933,19 @@
"route": [
{
"x": 332.5,
"y": 576
"y": 596
},
{
"x": 332.5,
"y": 616
"y": 636
},
{
"x": 143.16666666666663,
"y": 616
"y": 636
},
{
"x": 143.16666666666663,
"y": 706
"y": 726
}
],
"animated": false,
@ -980,19 +980,19 @@
"route": [
{
"x": 345.75,
"y": 576
"y": 596
},
{
"x": 345.75,
"y": 666
"y": 686
},
{
"x": 259.5,
"y": 666
"y": 686
},
{
"x": 259.5,
"y": 706
"y": 726
}
],
"animated": false,
@ -1027,11 +1027,11 @@
"route": [
{
"x": 359,
"y": 576
"y": 596
},
{
"x": 359,
"y": 706
"y": 726
}
],
"animated": false,
@ -1066,11 +1066,11 @@
"route": [
{
"x": 259.5,
"y": 772
"y": 792
},
{
"x": 259.5,
"y": 852
"y": 872
}
],
"animated": false,
@ -1105,19 +1105,19 @@
"route": [
{
"x": 130.83333333333326,
"y": 772
"y": 792
},
{
"x": 130.83333333333326,
"y": 812
"y": 832
},
{
"x": 52.5,
"y": 812
"y": 832
},
{
"x": 52.5,
"y": 852
"y": 872
}
],
"animated": false,
@ -1152,11 +1152,11 @@
"route": [
{
"x": 155.5,
"y": 772
"y": 792
},
{
"x": 155.5,
"y": 852
"y": 872
}
],
"animated": false,
@ -1191,11 +1191,11 @@
"route": [
{
"x": 460.5,
"y": 576
"y": 596
},
{
"x": 460.5,
"y": 706
"y": 726
}
],
"animated": false,
@ -1230,11 +1230,11 @@
"route": [
{
"x": 460.5,
"y": 772
"y": 792
},
{
"x": 460.5,
"y": 852
"y": 872
}
],
"animated": false,
@ -1269,11 +1269,11 @@
"route": [
{
"x": 593.8333333333334,
"y": 576
"y": 596
},
{
"x": 593.8333333333334,
"y": 706
"y": 726
}
],
"animated": false,
@ -1308,19 +1308,19 @@
"route": [
{
"x": 486.5,
"y": 576
"y": 596
},
{
"x": 486.5,
"y": 616
"y": 636
},
{
"x": 556.1666666666667,
"y": 616
"y": 636
},
{
"x": 556.1666666666667,
"y": 706
"y": 726
}
],
"animated": false,
@ -1355,11 +1355,11 @@
"route": [
{
"x": 749,
"y": 576
"y": 596
},
{
"x": 749,
"y": 706
"y": 726
}
],
"animated": false,
@ -1394,11 +1394,11 @@
"route": [
{
"x": 749,
"y": 772
"y": 792
},
{
"x": 749,
"y": 852
"y": 872
}
],
"animated": false,
@ -1433,11 +1433,11 @@
"route": [
{
"x": 1010.3333333333333,
"y": 576
"y": 596
},
{
"x": 1010.3333333333333,
"y": 706
"y": 726
}
],
"animated": false,
@ -1472,19 +1472,19 @@
"route": [
{
"x": 845.1666666666666,
"y": 576
"y": 596
},
{
"x": 845.1666666666666,
"y": 616
"y": 636
},
{
"x": 983,
"y": 616
"y": 636
},
{
"x": 983,
"y": 706
"y": 726
}
],
"animated": false,
@ -1519,11 +1519,11 @@
"route": [
{
"x": 759.3333333333333,
"y": 254
"y": 264
},
{
"x": 759.3333333333333,
"y": 334
"y": 344
}
],
"animated": false,
@ -1562,7 +1562,7 @@
},
{
"x": 768.1666666666666,
"y": 188
"y": 198
}
],
"animated": false,
@ -1597,11 +1597,11 @@
"route": [
{
"x": 759.3333333333333,
"y": 400
"y": 410
},
{
"x": 759.3333333333333,
"y": 460
"y": 480
}
],
"animated": false,
@ -1636,19 +1636,19 @@
"route": [
{
"x": 776.9999999999999,
"y": 254
"y": 264
},
{
"x": 776.9999999999999,
"y": 294
"y": 304
},
{
"x": 853.8333333333333,
"y": 294
"y": 304
},
{
"x": 853.8333333333333,
"y": 334
"y": 344
}
],
"animated": false,

6
e2etests/testdata/stable/different_subgraphs/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: 658 KiB

After

Width:  |  Height:  |  Size: 658 KiB

78
e2etests/testdata/stable/direction/elk/board.exp.json generated vendored
View file

@ -48,10 +48,10 @@
"type": "rectangle",
"pos": {
"x": 12,
"y": 138
"y": 148
},
"width": 254,
"height": 1274,
"height": 1354,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 112,
"y": 1472
"y": 1572
},
"width": 53,
"height": 66,
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 112,
"y": 1598
"y": 1708
},
"width": 54,
"height": 66,
@ -171,7 +171,7 @@
"type": "rectangle",
"pos": {
"x": 112,
"y": 1724
"y": 1844
},
"width": 53,
"height": 66,
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 113,
"y": 188
"y": 198
},
"width": 52,
"height": 66,
@ -253,10 +253,10 @@
"type": "rectangle",
"pos": {
"x": 62,
"y": 314
"y": 334
},
"width": 154,
"height": 670,
"height": 710,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -294,7 +294,7 @@
"type": "rectangle",
"pos": {
"x": 112,
"y": 1044
"y": 1114
},
"width": 53,
"height": 66,
@ -335,7 +335,7 @@
"type": "rectangle",
"pos": {
"x": 112,
"y": 1170
"y": 1250
},
"width": 54,
"height": 66,
@ -376,7 +376,7 @@
"type": "rectangle",
"pos": {
"x": 112,
"y": 1296
"y": 1386
},
"width": 53,
"height": 66,
@ -417,7 +417,7 @@
"type": "rectangle",
"pos": {
"x": 112,
"y": 364
"y": 384
},
"width": 53,
"height": 66,
@ -458,7 +458,7 @@
"type": "rectangle",
"pos": {
"x": 112,
"y": 490
"y": 520
},
"width": 53,
"height": 66,
@ -499,7 +499,7 @@
"type": "rectangle",
"pos": {
"x": 112,
"y": 616
"y": 656
},
"width": 53,
"height": 66,
@ -540,7 +540,7 @@
"type": "rectangle",
"pos": {
"x": 112,
"y": 742
"y": 792
},
"width": 54,
"height": 66,
@ -581,7 +581,7 @@
"type": "rectangle",
"pos": {
"x": 112,
"y": 868
"y": 928
},
"width": 53,
"height": 66,
@ -650,7 +650,7 @@
},
{
"x": 139,
"y": 138
"y": 148
}
],
"animated": false,
@ -685,11 +685,11 @@
"route": [
{
"x": 139,
"y": 1412
"y": 1502
},
{
"x": 139,
"y": 1472
"y": 1572
}
],
"animated": false,
@ -724,11 +724,11 @@
"route": [
{
"x": 139,
"y": 1538
"y": 1638
},
{
"x": 139,
"y": 1598
"y": 1708
}
],
"animated": false,
@ -763,11 +763,11 @@
"route": [
{
"x": 139,
"y": 1664
"y": 1774
},
{
"x": 139,
"y": 1724
"y": 1844
}
],
"animated": false,
@ -802,11 +802,11 @@
"route": [
{
"x": 139,
"y": 254
"y": 264
},
{
"x": 139,
"y": 314
"y": 334
}
],
"animated": false,
@ -841,11 +841,11 @@
"route": [
{
"x": 139,
"y": 984
"y": 1044
},
{
"x": 139,
"y": 1044
"y": 1114
}
],
"animated": false,
@ -880,11 +880,11 @@
"route": [
{
"x": 139,
"y": 1110
"y": 1180
},
{
"x": 139,
"y": 1170
"y": 1250
}
],
"animated": false,
@ -919,11 +919,11 @@
"route": [
{
"x": 139,
"y": 1236
"y": 1316
},
{
"x": 139,
"y": 1296
"y": 1386
}
],
"animated": false,
@ -958,11 +958,11 @@
"route": [
{
"x": 139,
"y": 430
"y": 450
},
{
"x": 139,
"y": 490
"y": 520
}
],
"animated": false,
@ -997,11 +997,11 @@
"route": [
{
"x": 139,
"y": 556
"y": 586
},
{
"x": 139,
"y": 616
"y": 656
}
],
"animated": false,
@ -1036,11 +1036,11 @@
"route": [
{
"x": 139,
"y": 682
"y": 722
},
{
"x": 139,
"y": 742
"y": 792
}
],
"animated": false,
@ -1075,11 +1075,11 @@
"route": [
{
"x": 139,
"y": 808
"y": 858
},
{
"x": 139,
"y": 868
"y": 928
}
],
"animated": false,

6
e2etests/testdata/stable/direction/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: 654 KiB

After

Width:  |  Height:  |  Size: 654 KiB

4
e2etests/testdata/stable/font_colors/elk/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 16,
"y": 219
"y": 239
},
"width": 76,
"height": 66,
@ -117,7 +117,7 @@
},
{
"x": 54.5,
"y": 219
"y": 239
}
],
"animated": false,

8
e2etests/testdata/stable/font_colors/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="289" height="477" viewBox="-90 -90 289 477"><style type="text/css">
width="289" height="497" viewBox="-90 -90 289 497"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="289" height="477" viewBox="-90 -90 289 477"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="alpha"><g class="shape" ><rect x="12" y="12" width="85" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="54.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#4A6FF3">alpha</text></g><g id="beta"><g class="shape" ><rect x="16" y="219" width="76" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="54.000000" y="257.500000" style="text-anchor:middle;font-size:16px;fill:red">beta</text></g><g id="(alpha -&gt; beta)[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 54.500000 80.000000 L 54.500000 215.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4085908023)"/><text class="text-italic" x="55.000000" y="154.000000" style="text-anchor:middle;font-size:16px;fill:green">gamma</text></g><mask id="4085908023" maskUnits="userSpaceOnUse" x="-100" y="-100" width="289" height="477">
<rect x="-100" y="-100" width="289" height="477" fill="white"></rect>
<rect x="29.000000" y="138.000000" width="52" height="21" fill="black"></rect>
]]></script><g id="alpha"><g class="shape" ><rect x="12" y="12" width="85" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="54.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#4A6FF3">alpha</text></g><g id="beta"><g class="shape" ><rect x="16" y="239" width="76" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="54.000000" y="277.500000" style="text-anchor:middle;font-size:16px;fill:red">beta</text></g><g id="(alpha -&gt; beta)[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 54.500000 80.000000 L 54.500000 235.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2383438871)"/><text class="text-italic" x="55.000000" y="164.000000" style="text-anchor:middle;font-size:16px;fill:green">gamma</text></g><mask id="2383438871" maskUnits="userSpaceOnUse" x="-100" y="-100" width="289" height="497">
<rect x="-100" y="-100" width="289" height="497" fill="white"></rect>
<rect x="29.000000" y="148.000000" width="52" 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: 468 KiB

After

Width:  |  Height:  |  Size: 468 KiB

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

@ -7,7 +7,7 @@
"type": "rectangle",
"pos": {
"x": 804,
"y": 279
"y": 299
},
"width": 85,
"height": 62,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 12,
"y": 279
"y": 299
},
"width": 87,
"height": 66,
@ -458,7 +458,7 @@
"type": "rectangle",
"pos": {
"x": 451,
"y": 279
"y": 299
},
"width": 333,
"height": 126,
@ -527,7 +527,7 @@
},
{
"x": 847,
"y": 279
"y": 299
}
],
"animated": false,
@ -566,7 +566,7 @@
},
{
"x": 55.5,
"y": 279
"y": 299
}
],
"animated": false,
@ -606,7 +606,7 @@
},
{
"x": 618,
"y": 279
"y": 299
}
],
"animated": false,

12
e2etests/testdata/stable/font_sizes/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1503" height="597" viewBox="-90 -90 1503 597"><style type="text/css">
width="1503" height="617" viewBox="-90 -90 1503 617"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,11 +39,11 @@ width="1503" height="597" viewBox="-90 -90 1503 597"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="size XS"><g class="shape" ><rect x="804" y="279" width="85" height="62" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="846.500000" y="314.500000" style="text-anchor:middle;font-size:13px;fill:#0A0F25">size XS</text></g><g id="size S"><g class="shape" ><rect x="15" y="35" width="80" height="63" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="55.000000" y="71.500000" style="text-anchor:middle;font-size:14px;fill:#0A0F25">size S</text></g><g id="size M"><g class="shape" ><rect x="12" y="279" width="87" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="55.500000" y="317.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">size M</text></g><g id="size L"><g class="shape" ><rect x="115" y="19" width="93" height="71" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="161.500000" y="61.500000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">size L</text></g><g id="size XL"><g class="shape" ><rect x="228" y="17" width="117" height="76" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="286.500000" y="63.500000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">size XL</text></g><g id="size XXL"><g class="shape" ><rect x="365" y="14" width="144" height="81" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="437.000000" y="64.500000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">size XXL</text></g><g id="size XXXL"><g class="shape" ><rect x="529" y="12" width="177" height="86" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="617.500000" y="66.500000" style="text-anchor:middle;font-size:32px;fill:#0A0F25">size XXXL</text></g><g id="custom 8"><g class="shape" ><rect x="808" y="42" width="77" height="56" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="846.500000" y="72.500000" style="text-anchor:middle;font-size:8px;fill:#0A0F25">custom 8</text></g><g id="custom 12"><g class="shape" ><rect x="905" y="24" width="100" height="61" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="955.000000" y="58.500000" style="text-anchor:middle;font-size:12px;fill:#0A0F25">custom 12</text></g><g id="custom 18"><g class="shape" ><rect x="1025" y="21" width="126" height="68" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1088.000000" y="61.500000" style="text-anchor:middle;font-size:18px;fill:#0A0F25">custom 18</text></g><g id="custom 21"><g class="shape" ><rect x="1171" y="19" width="140" height="72" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1241.000000" y="62.500000" style="text-anchor:middle;font-size:21px;fill:#0A0F25">custom 21</text></g><g id="custom 64"><g class="shape" ><rect x="451" y="279" width="333" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="617.500000" y="365.500000" style="text-anchor:middle;font-size:64px;fill:#0A0F25">custom 64</text></g><g id="(custom 8 -&gt; size XS)[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 847.000000 100.000000 L 847.000000 275.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4231140705)"/><text class="text-italic" x="847.000000" y="192.000000" style="text-anchor:middle;font-size:10px;fill:#676C7E">custom 10</text></g><g id="(size S -&gt; size M)[0]"><path d="M 55.500000 100.000000 L 55.500000 275.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4231140705)"/><text class="text-italic" x="56.000000" y="194.000000" style="text-anchor:middle;font-size:15px;fill:#676C7E">custom 15</text></g><g id="(size XXXL -&gt; custom 64)[0]"><path d="M 618.000000 100.000000 L 618.000000 275.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4231140705)"/><rect x="519.000000" y="158.000000" width="199" height="61" style="fill:lavender" /><text class="text-italic" x="618.500000" y="206.000000" style="text-anchor:middle;font-size:48px;fill:#676C7E">custom 48</text></g><mask id="4231140705" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1503" height="597">
<rect x="-100" y="-100" width="1503" height="597" fill="white"></rect>
<rect x="826.000000" y="182.000000" width="42" height="13" fill="black"></rect>
<rect x="24.000000" y="179.000000" width="64" height="19" fill="black"></rect>
<rect x="519.000000" y="158.000000" width="199" height="61" fill="black"></rect>
]]></script><g id="size XS"><g class="shape" ><rect x="804" y="299" width="85" height="62" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="846.500000" y="334.500000" style="text-anchor:middle;font-size:13px;fill:#0A0F25">size XS</text></g><g id="size S"><g class="shape" ><rect x="15" y="35" width="80" height="63" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="55.000000" y="71.500000" style="text-anchor:middle;font-size:14px;fill:#0A0F25">size S</text></g><g id="size M"><g class="shape" ><rect x="12" y="299" width="87" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="55.500000" y="337.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">size M</text></g><g id="size L"><g class="shape" ><rect x="115" y="19" width="93" height="71" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="161.500000" y="61.500000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">size L</text></g><g id="size XL"><g class="shape" ><rect x="228" y="17" width="117" height="76" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="286.500000" y="63.500000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">size XL</text></g><g id="size XXL"><g class="shape" ><rect x="365" y="14" width="144" height="81" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="437.000000" y="64.500000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">size XXL</text></g><g id="size XXXL"><g class="shape" ><rect x="529" y="12" width="177" height="86" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="617.500000" y="66.500000" style="text-anchor:middle;font-size:32px;fill:#0A0F25">size XXXL</text></g><g id="custom 8"><g class="shape" ><rect x="808" y="42" width="77" height="56" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="846.500000" y="72.500000" style="text-anchor:middle;font-size:8px;fill:#0A0F25">custom 8</text></g><g id="custom 12"><g class="shape" ><rect x="905" y="24" width="100" height="61" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="955.000000" y="58.500000" style="text-anchor:middle;font-size:12px;fill:#0A0F25">custom 12</text></g><g id="custom 18"><g class="shape" ><rect x="1025" y="21" width="126" height="68" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1088.000000" y="61.500000" style="text-anchor:middle;font-size:18px;fill:#0A0F25">custom 18</text></g><g id="custom 21"><g class="shape" ><rect x="1171" y="19" width="140" height="72" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1241.000000" y="62.500000" style="text-anchor:middle;font-size:21px;fill:#0A0F25">custom 21</text></g><g id="custom 64"><g class="shape" ><rect x="451" y="299" width="333" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="617.500000" y="385.500000" style="text-anchor:middle;font-size:64px;fill:#0A0F25">custom 64</text></g><g id="(custom 8 -&gt; size XS)[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 847.000000 100.000000 L 847.000000 295.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3165801277)"/><text class="text-italic" x="847.000000" y="202.000000" style="text-anchor:middle;font-size:10px;fill:#676C7E">custom 10</text></g><g id="(size S -&gt; size M)[0]"><path d="M 55.500000 100.000000 L 55.500000 295.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3165801277)"/><text class="text-italic" x="56.000000" y="204.000000" style="text-anchor:middle;font-size:15px;fill:#676C7E">custom 15</text></g><g id="(size XXXL -&gt; custom 64)[0]"><path d="M 618.000000 100.000000 L 618.000000 295.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3165801277)"/><rect x="519.000000" y="168.000000" width="199" height="61" style="fill:lavender" /><text class="text-italic" x="618.500000" y="216.000000" style="text-anchor:middle;font-size:48px;fill:#676C7E">custom 48</text></g><mask id="3165801277" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1503" height="617">
<rect x="-100" y="-100" width="1503" height="617" fill="white"></rect>
<rect x="826.000000" y="192.000000" width="42" height="13" fill="black"></rect>
<rect x="24.000000" y="189.000000" width="64" height="19" fill="black"></rect>
<rect x="519.000000" y="168.000000" width="199" height="61" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {
font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 472 KiB

After

Width:  |  Height:  |  Size: 472 KiB

10
e2etests/testdata/stable/giant_markdown_test/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "text",
"pos": {
"x": 12,
"y": 138
"y": 148
},
"width": 3051,
"height": 4853,
@ -88,7 +88,7 @@
"type": "rectangle",
"pos": {
"x": 1511,
"y": 5051
"y": 5071
},
"width": 53,
"height": 66,
@ -157,7 +157,7 @@
},
{
"x": 1537.5,
"y": 138
"y": 148
}
],
"animated": false,
@ -192,11 +192,11 @@
"route": [
{
"x": 1537.5,
"y": 4991
"y": 5001
},
{
"x": 1537.5,
"y": 5051
"y": 5071
}
],
"animated": false,

8
e2etests/testdata/stable/giant_markdown_test/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="3255" height="5309" viewBox="-90 -90 3255 5309"><style type="text/css">
width="3255" height="5329" viewBox="-90 -90 3255 5329"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -796,7 +796,7 @@ width="3255" height="5309" viewBox="-90 -90 3255 5309"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="138.000000" width="3051" height="4853"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>Markdown: Syntax</h1>
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="3051" height="4853"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>Markdown: Syntax</h1>
<ul>
<li><a href="#overview">Overview</a>
<ul>
@ -1053,8 +1053,8 @@ title for the link, surrounded in quotes. For example:</p>
<h3>Code</h3>
<p>Unlike a pre-formatted code block, a code span indicates code within a
normal paragraph. For example:</p>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="1511" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1537.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="1511" y="5051" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1537.500000" y="5089.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 1537.500000 80.000000 L 1537.500000 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#6850821)"/></g><g id="(md -&gt; b)[0]"><path d="M 1537.500000 4993.000000 L 1537.500000 5047.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#6850821)"/></g><mask id="6850821" maskUnits="userSpaceOnUse" x="-100" y="-100" width="3255" height="5309">
<rect x="-100" y="-100" width="3255" height="5309" fill="white"></rect>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="1511" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1537.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="1511" y="5071" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1537.500000" y="5109.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 1537.500000 80.000000 L 1537.500000 144.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3732215298)"/></g><g id="(md -&gt; b)[0]"><path d="M 1537.500000 5003.000000 L 1537.500000 5067.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3732215298)"/></g><mask id="3732215298" maskUnits="userSpaceOnUse" x="-100" y="-100" width="3255" height="5329">
<rect x="-100" y="-100" width="3255" height="5329" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 994 KiB

After

Width:  |  Height:  |  Size: 994 KiB

10
e2etests/testdata/stable/hr/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "text",
"pos": {
"x": 12,
"y": 138
"y": 148
},
"width": 738,
"height": 135,
@ -88,7 +88,7 @@
"type": "rectangle",
"pos": {
"x": 354,
"y": 333
"y": 353
},
"width": 53,
"height": 66,
@ -157,7 +157,7 @@
},
{
"x": 381,
"y": 138
"y": 148
}
],
"animated": false,
@ -192,11 +192,11 @@
"route": [
{
"x": 381,
"y": 273
"y": 283
},
{
"x": 381,
"y": 333
"y": 353
}
],
"animated": false,

8
e2etests/testdata/stable/hr/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="942" height="591" viewBox="-90 -90 942 591"><style type="text/css">
width="942" height="611" viewBox="-90 -90 942 611"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -796,12 +796,12 @@ width="942" height="591" viewBox="-90 -90 942 591"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="138.000000" width="738" height="135"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p><strong>Note:</strong> This document is itself written using Markdown; you
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="738" height="135"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p><strong>Note:</strong> This document is itself written using Markdown; you
can <a href="/projects/markdown/syntax.text">see the source for it by adding '.text' to the URL</a>.</p>
<hr />
<h2>Overview</h2>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="354" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="380.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="354" y="333" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="380.500000" y="371.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 381.000000 80.000000 L 381.000000 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1960857498)"/></g><g id="(md -&gt; b)[0]"><path d="M 381.000000 275.000000 L 381.000000 329.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1960857498)"/></g><mask id="1960857498" maskUnits="userSpaceOnUse" x="-100" y="-100" width="942" height="591">
<rect x="-100" y="-100" width="942" height="591" fill="white"></rect>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="354" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="380.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="354" y="353" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="380.500000" y="391.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 381.000000 80.000000 L 381.000000 144.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3430299959)"/></g><g id="(md -&gt; b)[0]"><path d="M 381.000000 285.000000 L 381.000000 349.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3430299959)"/></g><mask id="3430299959" maskUnits="userSpaceOnUse" x="-100" y="-100" width="942" height="611">
<rect x="-100" y="-100" width="942" height="611" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 661 KiB

After

Width:  |  Height:  |  Size: 661 KiB

4
e2etests/testdata/stable/images/elk/board.exp.json generated vendored
View file

@ -59,7 +59,7 @@
"type": "image",
"pos": {
"x": 12,
"y": 226
"y": 236
},
"width": 128,
"height": 128,
@ -139,7 +139,7 @@
},
{
"x": 76,
"y": 226
"y": 236
}
],
"animated": false,

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="332" height="570" viewBox="-90 -90 332 570"><style type="text/css">
width="332" height="580" viewBox="-90 -90 332 580"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="332" height="570" viewBox="-90 -90 332 570"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="12" y="12" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.000000" y="161.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="12" y="226" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.000000" y="375.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</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 76.000000 168.000000 L 76.000000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1341471120)"/></g><mask id="1341471120" maskUnits="userSpaceOnUse" x="-100" y="-100" width="332" height="570">
<rect x="-100" y="-100" width="332" height="570" fill="white"></rect>
]]></script><g id="a"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="12" y="12" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.000000" y="161.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="12" y="236" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.000000" y="385.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</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 76.000000 168.000000 L 76.000000 232.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1148136944)"/></g><mask id="1148136944" maskUnits="userSpaceOnUse" x="-100" y="-100" width="332" height="580">
<rect x="-100" y="-100" width="332" height="580" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 325 KiB

After

Width:  |  Height:  |  Size: 325 KiB

190
e2etests/testdata/stable/investigate/elk/board.exp.json generated vendored
View file

@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 19,
"y": 621
"y": 641
},
"width": 250,
"height": 272,
@ -171,7 +171,7 @@
"type": "diamond",
"pos": {
"x": 69,
"y": 671
"y": 691
},
"width": 64,
"height": 92,
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 279,
"y": 1799
"y": 1839
},
"width": 276,
"height": 338,
@ -253,7 +253,7 @@
"type": "diamond",
"pos": {
"x": 338,
"y": 1849
"y": 1889
},
"width": 66,
"height": 92,
@ -294,7 +294,7 @@
"type": "diamond",
"pos": {
"x": 153,
"y": 671
"y": 691
},
"width": 66,
"height": 92,
@ -335,7 +335,7 @@
"type": "rectangle",
"pos": {
"x": 292,
"y": 978
"y": 998
},
"width": 54,
"height": 66,
@ -376,7 +376,7 @@
"type": "rectangle",
"pos": {
"x": 291,
"y": 1159
"y": 1189
},
"width": 55,
"height": 66,
@ -417,7 +417,7 @@
"type": "rectangle",
"pos": {
"x": 288,
"y": 1411
"y": 1451
},
"width": 62,
"height": 66,
@ -458,10 +458,10 @@
"type": "rectangle",
"pos": {
"x": 238,
"y": 2308
"y": 2358
},
"width": 265,
"height": 307,
"height": 317,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -499,7 +499,7 @@
"type": "oval",
"pos": {
"x": 288,
"y": 2358
"y": 2408
},
"width": 81,
"height": 81,
@ -540,7 +540,7 @@
"type": "oval",
"pos": {
"x": 424,
"y": 1854
"y": 1894
},
"width": 81,
"height": 81,
@ -581,7 +581,7 @@
"type": "cylinder",
"pos": {
"x": 12,
"y": 3189
"y": 3259
},
"width": 327,
"height": 166,
@ -622,7 +622,7 @@
"type": "rectangle",
"pos": {
"x": 62,
"y": 3239
"y": 3309
},
"width": 63,
"height": 66,
@ -663,7 +663,7 @@
"type": "rectangle",
"pos": {
"x": 340,
"y": 2021
"y": 2061
},
"width": 63,
"height": 66,
@ -704,7 +704,7 @@
"type": "rectangle",
"pos": {
"x": 389,
"y": 2365
"y": 2415
},
"width": 64,
"height": 66,
@ -745,7 +745,7 @@
"type": "rectangle",
"pos": {
"x": 392,
"y": 2499
"y": 2559
},
"width": 58,
"height": 66,
@ -786,7 +786,7 @@
"type": "rectangle",
"pos": {
"x": 107,
"y": 1109
"y": 1139
},
"width": 158,
"height": 166,
@ -827,7 +827,7 @@
"type": "rectangle",
"pos": {
"x": 157,
"y": 1159
"y": 1189
},
"width": 58,
"height": 66,
@ -868,7 +868,7 @@
"type": "rectangle",
"pos": {
"x": 105,
"y": 1345
"y": 1385
},
"width": 163,
"height": 166,
@ -909,7 +909,7 @@
"type": "rectangle",
"pos": {
"x": 155,
"y": 1395
"y": 1435
},
"width": 63,
"height": 66,
@ -950,7 +950,7 @@
"type": "queue",
"pos": {
"x": 137,
"y": 1596
"y": 1636
},
"width": 149,
"height": 118,
@ -1002,7 +1002,7 @@
"type": "rectangle",
"pos": {
"x": 154,
"y": 2468
"y": 2525
},
"width": 64,
"height": 66,
@ -1043,7 +1043,7 @@
"type": "rectangle",
"pos": {
"x": 145,
"y": 3239
"y": 3309
},
"width": 62,
"height": 66,
@ -1084,10 +1084,10 @@
"type": "rectangle",
"pos": {
"x": 279,
"y": 2755
"y": 2815
},
"width": 238,
"height": 344,
"height": 354,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -1125,7 +1125,7 @@
"type": "queue",
"pos": {
"x": 329,
"y": 2805
"y": 2865
},
"width": 138,
"height": 118,
@ -1177,7 +1177,7 @@
"type": "rectangle",
"pos": {
"x": 367,
"y": 2983
"y": 3053
},
"width": 63,
"height": 66,
@ -1218,7 +1218,7 @@
"type": "rectangle",
"pos": {
"x": 227,
"y": 3239
"y": 3309
},
"width": 62,
"height": 66,
@ -1259,7 +1259,7 @@
"type": "parallelogram",
"pos": {
"x": 200,
"y": 3420
"y": 3500
},
"width": 115,
"height": 66,
@ -1414,7 +1414,7 @@
},
{
"x": 102,
"y": 671
"y": 691
}
],
"animated": false,
@ -1461,7 +1461,7 @@
},
{
"x": 383,
"y": 1864
"y": 1904
}
],
"animated": false,
@ -1500,7 +1500,7 @@
},
{
"x": 187,
"y": 671
"y": 691
}
],
"animated": false,
@ -1535,27 +1535,27 @@
"route": [
{
"x": 102,
"y": 763
"y": 783
},
{
"x": 101.66666666666666,
"y": 803
"y": 823
},
{
"x": 196.66666666666666,
"y": 803
"y": 823
},
{
"x": 196.66666666666666,
"y": 938
"y": 958
},
{
"x": 319.16666666666663,
"y": 938
"y": 958
},
{
"x": 319.16666666666663,
"y": 978
"y": 998
}
],
"animated": false,
@ -1590,11 +1590,11 @@
"route": [
{
"x": 319.16666666666663,
"y": 1044
"y": 1064
},
{
"x": 319.16666666666663,
"y": 1159
"y": 1189
}
],
"animated": false,
@ -1629,11 +1629,11 @@
"route": [
{
"x": 319.16666666666663,
"y": 1225
"y": 1255
},
{
"x": 319.16666666666663,
"y": 1411.6666666666667
"y": 1451.6666666666667
}
],
"animated": false,
@ -1668,19 +1668,19 @@
"route": [
{
"x": 329.49999999999994,
"y": 1477.6666666666667
"y": 1517.6666666666667
},
{
"x": 329.49999999999994,
"y": 1556
"y": 1596
},
{
"x": 465.16666666666663,
"y": 1556
"y": 1596
},
{
"x": 465,
"y": 1855
"y": 1895
}
],
"animated": false,
@ -1715,19 +1715,19 @@
"route": [
{
"x": 465,
"y": 1936
"y": 1976
},
{
"x": 465.16666666666663,
"y": 1981
"y": 2021
},
{
"x": 329.16666666666663,
"y": 1981
"y": 2021
},
{
"x": 329,
"y": 2358
"y": 2408
}
],
"animated": false,
@ -1762,19 +1762,19 @@
"route": [
{
"x": 329,
"y": 2439
"y": 2489
},
{
"x": 329.16666666666663,
"y": 2660
"y": 2720
},
{
"x": 93.5,
"y": 2660
"y": 2720
},
{
"x": 93.49999999999997,
"y": 3239
"y": 3309
}
],
"animated": false,
@ -1809,11 +1809,11 @@
"route": [
{
"x": 372,
"y": 1941
"y": 1981
},
{
"x": 371.66666666666663,
"y": 2021
"y": 2061
}
],
"animated": false,
@ -1848,19 +1848,19 @@
"route": [
{
"x": 371.66666666666663,
"y": 2087
"y": 2127
},
{
"x": 371.66666666666663,
"y": 2182
"y": 2222
},
{
"x": 421.66666666666663,
"y": 2182
"y": 2222
},
{
"x": 421.66666666666663,
"y": 2365.5
"y": 2415.5
}
],
"animated": false,
@ -1895,11 +1895,11 @@
"route": [
{
"x": 421.66666666666663,
"y": 2431.5
"y": 2481.5
},
{
"x": 421.66666666666663,
"y": 2499
"y": 2559
}
],
"animated": false,
@ -1934,11 +1934,11 @@
"route": [
{
"x": 187,
"y": 763
"y": 783
},
{
"x": 186.66666666666666,
"y": 1159
"y": 1189
}
],
"animated": false,
@ -1973,11 +1973,11 @@
"route": [
{
"x": 186.66666666666666,
"y": 1225
"y": 1255
},
{
"x": 186.66666666666666,
"y": 1395
"y": 1435
}
],
"animated": false,
@ -2012,19 +2012,19 @@
"route": [
{
"x": 308.8333333333333,
"y": 1477.6666666666667
"y": 1517.6666666666667
},
{
"x": 308.8333333333333,
"y": 1556
"y": 1596
},
{
"x": 236.33333333333331,
"y": 1556
"y": 1596
},
{
"x": 236,
"y": 1596
"y": 1636
}
],
"animated": false,
@ -2059,11 +2059,11 @@
"route": [
{
"x": 186.66666666666666,
"y": 1461
"y": 1501
},
{
"x": 187,
"y": 1596
"y": 1636
}
],
"animated": false,
@ -2098,11 +2098,11 @@
"route": [
{
"x": 187,
"y": 1714
"y": 1754
},
{
"x": 186.66666666666666,
"y": 2468.6666666666665
"y": 2525.3333333333335
}
],
"animated": false,
@ -2137,11 +2137,11 @@
"route": [
{
"x": 176,
"y": 2534.6666666666665
"y": 2591.3333333333335
},
{
"x": 176,
"y": 3239
"y": 3309
}
],
"animated": false,
@ -2176,11 +2176,11 @@
"route": [
{
"x": 421.66666666666663,
"y": 2565
"y": 2625
},
{
"x": 422,
"y": 2805
"y": 2865
}
],
"animated": false,
@ -2215,19 +2215,19 @@
"route": [
{
"x": 197.33333333333331,
"y": 2534.6666666666665
"y": 2591.3333333333335
},
{
"x": 197.33333333333331,
"y": 2710
"y": 2770
},
{
"x": 375.66666666666663,
"y": 2710
"y": 2770
},
{
"x": 376,
"y": 2805
"y": 2865
}
],
"animated": false,
@ -2262,11 +2262,11 @@
"route": [
{
"x": 399,
"y": 2923
"y": 2983
},
{
"x": 398.66666666666663,
"y": 2983
"y": 3053
}
],
"animated": false,
@ -2301,19 +2301,19 @@
"route": [
{
"x": 398.66666666666663,
"y": 3049
"y": 3119
},
{
"x": 398.66666666666663,
"y": 3144
"y": 3214
},
{
"x": 258,
"y": 3144
"y": 3214
},
{
"x": 258,
"y": 3239
"y": 3309
}
],
"animated": false,
@ -2348,11 +2348,11 @@
"route": [
{
"x": 258,
"y": 3305
"y": 3375
},
{
"x": 258,
"y": 3420
"y": 3500
}
],
"animated": false,
@ -2387,19 +2387,19 @@
"route": [
{
"x": 236,
"y": 1714
"y": 1754
},
{
"x": 236.33333333333331,
"y": 1754
"y": 1794
},
{
"x": 360.66666666666663,
"y": 1754
"y": 1794
},
{
"x": 361,
"y": 1864
"y": 1904
}
],
"animated": false,

18
e2etests/testdata/stable/investigate/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: 808 KiB

After

Width:  |  Height:  |  Size: 808 KiB

134
e2etests/testdata/stable/large_arch/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "rectangle",
"pos": {
"x": 12,
"y": 431
"y": 436
},
"width": 53,
"height": 66,
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 833,
"y": 431
"y": 436
},
"width": 53,
"height": 66,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 437,
"y": 1988
"y": 1998
},
"width": 53,
"height": 66,
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 510,
"y": 1988
"y": 1998
},
"width": 54,
"height": 66,
@ -171,7 +171,7 @@
"type": "rectangle",
"pos": {
"x": 511,
"y": 2114
"y": 2134
},
"width": 53,
"height": 66,
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 584,
"y": 1988
"y": 1998
},
"width": 51,
"height": 66,
@ -253,7 +253,7 @@
"type": "rectangle",
"pos": {
"x": 184,
"y": 1988
"y": 1998
},
"width": 54,
"height": 66,
@ -294,7 +294,7 @@
"type": "rectangle",
"pos": {
"x": 213,
"y": 1001
"y": 1011
},
"width": 53,
"height": 66,
@ -335,7 +335,7 @@
"type": "rectangle",
"pos": {
"x": 394,
"y": 1001
"y": 1011
},
"width": 403,
"height": 752,
@ -376,7 +376,7 @@
"type": "rectangle",
"pos": {
"x": 523,
"y": 1051
"y": 1061
},
"width": 222,
"height": 166,
@ -417,7 +417,7 @@
"type": "rectangle",
"pos": {
"x": 573,
"y": 1101
"y": 1111
},
"width": 53,
"height": 66,
@ -458,7 +458,7 @@
"type": "rectangle",
"pos": {
"x": 646,
"y": 1101
"y": 1111
},
"width": 49,
"height": 66,
@ -499,7 +499,7 @@
"type": "rectangle",
"pos": {
"x": 444,
"y": 1367
"y": 1377
},
"width": 57,
"height": 66,
@ -540,7 +540,7 @@
"type": "rectangle",
"pos": {
"x": 521,
"y": 1407
"y": 1417
},
"width": 53,
"height": 66,
@ -581,7 +581,7 @@
"type": "rectangle",
"pos": {
"x": 594,
"y": 1307
"y": 1317
},
"width": 153,
"height": 166,
@ -622,7 +622,7 @@
"type": "rectangle",
"pos": {
"x": 644,
"y": 1357
"y": 1367
},
"width": 53,
"height": 66,
@ -663,7 +663,7 @@
"type": "rectangle",
"pos": {
"x": 767,
"y": 1988
"y": 1998
},
"width": 54,
"height": 66,
@ -707,7 +707,7 @@
"y": 12
},
"width": 728,
"height": 899,
"height": 909,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -1032,7 +1032,7 @@
"type": "rectangle",
"pos": {
"x": 307,
"y": 795
"y": 805
},
"width": 52,
"height": 66,
@ -1384,19 +1384,19 @@
"route": [
{
"x": 600.25,
"y": 1167
"y": 1177
},
{
"x": 600.25,
"y": 1262
"y": 1272
},
{
"x": 487.5,
"y": 1262
"y": 1272
},
{
"x": 487.5,
"y": 1367.625
"y": 1377.625
}
],
"animated": false,
@ -1431,11 +1431,11 @@
"route": [
{
"x": 671.25,
"y": 1167
"y": 1177
},
{
"x": 671.25,
"y": 1357
"y": 1367
}
],
"animated": false,
@ -1470,19 +1470,19 @@
"route": [
{
"x": 807.75,
"y": 1988
"y": 1998
},
{
"x": 807.75,
"y": 956
"y": 966
},
{
"x": 473.25,
"y": 956
"y": 966
},
{
"x": 473.25,
"y": 1367.625
"y": 1377.625
}
],
"animated": false,
@ -1517,27 +1517,27 @@
"route": [
{
"x": 492.25,
"y": 1433.625
"y": 1443.625
},
{
"x": 492.25,
"y": 1513
"y": 1523
},
{
"x": 494.25,
"y": 1513
"y": 1523
},
{
"x": 494.25,
"y": 1848
"y": 1858
},
{
"x": 780.75,
"y": 1848
"y": 1858
},
{
"x": 780.75,
"y": 1988
"y": 1998
}
],
"animated": false,
@ -1572,19 +1572,19 @@
"route": [
{
"x": 548.25,
"y": 1473
"y": 1483
},
{
"x": 548.25,
"y": 1798
"y": 1808
},
{
"x": 794.25,
"y": 1798
"y": 1808
},
{
"x": 794.25,
"y": 1988
"y": 1998
}
],
"animated": false,
@ -1619,19 +1619,19 @@
"route": [
{
"x": 463.75,
"y": 1433.625
"y": 1443.625
},
{
"x": 463.75,
"y": 1663
"y": 1673
},
{
"x": 464.25,
"y": 1663
"y": 1673
},
{
"x": 464.25,
"y": 1988
"y": 1998
}
],
"animated": false,
@ -1666,27 +1666,27 @@
"route": [
{
"x": 473.25,
"y": 1433.625
"y": 1443.625
},
{
"x": 473.25,
"y": 1613
"y": 1623
},
{
"x": 474.25,
"y": 1613
"y": 1623
},
{
"x": 474.25,
"y": 1948
"y": 1958
},
{
"x": 537.75,
"y": 1948
"y": 1958
},
{
"x": 537.75,
"y": 1988
"y": 1998
}
],
"animated": false,
@ -1721,19 +1721,19 @@
"route": [
{
"x": 454.25,
"y": 1433.625
"y": 1443.625
},
{
"x": 454.25,
"y": 1798
"y": 1808
},
{
"x": 220,
"y": 1798
"y": 1808
},
{
"x": 220,
"y": 1988
"y": 1998
}
],
"animated": false,
@ -1768,27 +1768,27 @@
"route": [
{
"x": 482.75,
"y": 1433.625
"y": 1443.625
},
{
"x": 482.75,
"y": 1563
"y": 1573
},
{
"x": 484.25,
"y": 1563
"y": 1573
},
{
"x": 484.25,
"y": 1898
"y": 1908
},
{
"x": 610.25,
"y": 1898
"y": 1908
},
{
"x": 610.25,
"y": 1988
"y": 1998
}
],
"animated": false,
@ -1823,11 +1823,11 @@
"route": [
{
"x": 537.75,
"y": 2054
"y": 2064
},
{
"x": 537.75,
"y": 2114
"y": 2134
}
],
"animated": false,
@ -1999,7 +1999,7 @@
},
{
"x": 333,
"y": 795
"y": 805
}
],
"animated": false,
@ -2077,7 +2077,7 @@
},
{
"x": 459,
"y": 1367.625
"y": 1377.625
}
],
"animated": false,
@ -2116,7 +2116,7 @@
},
{
"x": 202,
"y": 1988
"y": 1998
}
],
"animated": false,
@ -2155,15 +2155,15 @@
},
{
"x": 219,
"y": 956
"y": 966
},
{
"x": 239.5,
"y": 956
"y": 966
},
{
"x": 239.5,
"y": 1001
"y": 1011
}
],
"animated": false,

6
e2etests/testdata/stable/large_arch/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: 662 KiB

After

Width:  |  Height:  |  Size: 662 KiB

4
e2etests/testdata/stable/latex/elk/board.exp.json generated vendored
View file

@ -209,7 +209,7 @@
"type": "rectangle",
"pos": {
"x": 394,
"y": 531
"y": 551
},
"width": 104,
"height": 66,
@ -497,7 +497,7 @@
},
{
"x": 446.5,
"y": 531
"y": 551
}
],
"animated": false,

8
e2etests/testdata/stable/latex/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: 507 KiB

After

Width:  |  Height:  |  Size: 507 KiB

10
e2etests/testdata/stable/li1/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "text",
"pos": {
"x": 12,
"y": 138
"y": 148
},
"width": 379,
"height": 100,
@ -88,7 +88,7 @@
"type": "rectangle",
"pos": {
"x": 175,
"y": 298
"y": 318
},
"width": 53,
"height": 66,
@ -157,7 +157,7 @@
},
{
"x": 201.5,
"y": 138
"y": 148
}
],
"animated": false,
@ -192,11 +192,11 @@
"route": [
{
"x": 201.5,
"y": 238
"y": 248
},
{
"x": 201.5,
"y": 298
"y": 318
}
],
"animated": false,

8
e2etests/testdata/stable/li1/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="583" height="556" viewBox="-90 -90 583 556"><style type="text/css">
width="583" height="576" viewBox="-90 -90 583 576"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -796,7 +796,7 @@ width="583" height="556" viewBox="-90 -90 583 556"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="138.000000" width="379" height="100"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><ul>
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="379" height="100"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><ul>
<li><a href="#overview">Overview</a>
<ul>
<li><a href="#philosophy">Philosophy</a></li>
@ -808,8 +808,8 @@ width="583" height="556" viewBox="-90 -90 583 556"><style type="text/css">
</ul>
</li>
</ul>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="175" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="201.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="175" y="298" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="201.500000" y="336.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 201.500000 80.000000 L 201.500000 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4254126287)"/></g><g id="(md -&gt; b)[0]"><path d="M 201.500000 240.000000 L 201.500000 294.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4254126287)"/></g><mask id="4254126287" maskUnits="userSpaceOnUse" x="-100" y="-100" width="583" height="556">
<rect x="-100" y="-100" width="583" height="556" fill="white"></rect>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="175" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="201.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="175" y="318" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="201.500000" y="356.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 201.500000 80.000000 L 201.500000 144.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2461562788)"/></g><g id="(md -&gt; b)[0]"><path d="M 201.500000 250.000000 L 201.500000 314.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2461562788)"/></g><mask id="2461562788" maskUnits="userSpaceOnUse" x="-100" y="-100" width="583" height="576">
<rect x="-100" y="-100" width="583" height="576" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 661 KiB

After

Width:  |  Height:  |  Size: 661 KiB

10
e2etests/testdata/stable/li2/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "text",
"pos": {
"x": 12,
"y": 138
"y": 148
},
"width": 245,
"height": 76,
@ -88,7 +88,7 @@
"type": "rectangle",
"pos": {
"x": 108,
"y": 274
"y": 294
},
"width": 53,
"height": 66,
@ -157,7 +157,7 @@
},
{
"x": 134.5,
"y": 138
"y": 148
}
],
"animated": false,
@ -192,11 +192,11 @@
"route": [
{
"x": 134.5,
"y": 214
"y": 224
},
{
"x": 134.5,
"y": 274
"y": 294
}
],
"animated": false,

8
e2etests/testdata/stable/li2/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="449" height="532" viewBox="-90 -90 449 532"><style type="text/css">
width="449" height="552" viewBox="-90 -90 449 552"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -796,7 +796,7 @@ width="449" height="532" viewBox="-90 -90 449 532"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="138.000000" width="245" height="76"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><ul>
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="245" height="76"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><ul>
<li><a href="#overview">Overview</a> ok <em>this is all measured</em>
<ul>
<li><a href="#philosophy">Philosophy</a></li>
@ -804,8 +804,8 @@ width="449" height="532" viewBox="-90 -90 449 532"><style type="text/css">
</ul>
</li>
</ul>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="108" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="134.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="108" y="274" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="134.500000" y="312.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 134.500000 80.000000 L 134.500000 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1359558660)"/></g><g id="(md -&gt; b)[0]"><path d="M 134.500000 216.000000 L 134.500000 270.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1359558660)"/></g><mask id="1359558660" maskUnits="userSpaceOnUse" x="-100" y="-100" width="449" height="532">
<rect x="-100" y="-100" width="449" height="532" fill="white"></rect>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="108" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="134.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="108" y="294" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="134.500000" y="332.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 134.500000 80.000000 L 134.500000 144.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3418237149)"/></g><g id="(md -&gt; b)[0]"><path d="M 134.500000 226.000000 L 134.500000 290.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3418237149)"/></g><mask id="3418237149" maskUnits="userSpaceOnUse" x="-100" y="-100" width="449" height="552">
<rect x="-100" y="-100" width="449" height="552" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 804 KiB

After

Width:  |  Height:  |  Size: 804 KiB

10
e2etests/testdata/stable/li3/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "text",
"pos": {
"x": 12,
"y": 138
"y": 148
},
"width": 347,
"height": 512,
@ -88,7 +88,7 @@
"type": "rectangle",
"pos": {
"x": 159,
"y": 710
"y": 730
},
"width": 53,
"height": 66,
@ -157,7 +157,7 @@
},
{
"x": 185.5,
"y": 138
"y": 148
}
],
"animated": false,
@ -192,11 +192,11 @@
"route": [
{
"x": 185.5,
"y": 650
"y": 660
},
{
"x": 185.5,
"y": 710
"y": 730
}
],
"animated": false,

8
e2etests/testdata/stable/li3/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="551" height="968" viewBox="-90 -90 551 968"><style type="text/css">
width="551" height="988" viewBox="-90 -90 551 988"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -796,7 +796,7 @@ width="551" height="968" viewBox="-90 -90 551 968"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="138.000000" width="347" height="512"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><ul>
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="347" height="512"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><ul>
<li><a href="#overview">Overview</a>
<ul>
<li><a href="#philosophy">Philosophy</a></li>
@ -829,8 +829,8 @@ width="551" height="968" viewBox="-90 -90 551 968"><style type="text/css">
</ul>
</li>
</ul>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="159" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="185.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="159" y="710" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="185.500000" y="748.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 185.500000 80.000000 L 185.500000 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3474912790)"/></g><g id="(md -&gt; b)[0]"><path d="M 185.500000 652.000000 L 185.500000 706.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3474912790)"/></g><mask id="3474912790" maskUnits="userSpaceOnUse" x="-100" y="-100" width="551" height="968">
<rect x="-100" y="-100" width="551" height="968" fill="white"></rect>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="159" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="185.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="159" y="730" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="185.500000" y="768.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 185.500000 80.000000 L 185.500000 144.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3615600757)"/></g><g id="(md -&gt; b)[0]"><path d="M 185.500000 662.000000 L 185.500000 726.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3615600757)"/></g><mask id="3615600757" maskUnits="userSpaceOnUse" x="-100" y="-100" width="551" height="988">
<rect x="-100" y="-100" width="551" height="988" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 661 KiB

After

Width:  |  Height:  |  Size: 661 KiB

10
e2etests/testdata/stable/li4/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "text",
"pos": {
"x": 12,
"y": 138
"y": 148
},
"width": 920,
"height": 376,
@ -88,7 +88,7 @@
"type": "rectangle",
"pos": {
"x": 445,
"y": 574
"y": 594
},
"width": 53,
"height": 66,
@ -157,7 +157,7 @@
},
{
"x": 472,
"y": 138
"y": 148
}
],
"animated": false,
@ -192,11 +192,11 @@
"route": [
{
"x": 472,
"y": 514
"y": 524
},
{
"x": 472,
"y": 574
"y": 594
}
],
"animated": false,

8
e2etests/testdata/stable/li4/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1124" height="832" viewBox="-90 -90 1124 832"><style type="text/css">
width="1124" height="852" viewBox="-90 -90 1124 852"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -796,7 +796,7 @@ width="1124" height="832" viewBox="-90 -90 1124 832"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="138.000000" width="920" height="376"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>List items may consist of multiple paragraphs. Each subsequent
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="920" height="376"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>List items may consist of multiple paragraphs. Each subsequent
paragraph in a list item must be indented by either 4 spaces
or one tab:</p>
<ol>
@ -827,8 +827,8 @@ sit amet, consectetuer adipiscing elit.</p>
<p>Another item in the same list.</p>
</li>
</ul>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="445" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="471.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="445" y="574" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="471.500000" y="612.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 472.000000 80.000000 L 472.000000 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#388838366)"/></g><g id="(md -&gt; b)[0]"><path d="M 472.000000 516.000000 L 472.000000 570.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#388838366)"/></g><mask id="388838366" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1124" height="832">
<rect x="-100" y="-100" width="1124" height="832" fill="white"></rect>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="445" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="471.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="445" y="594" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="471.500000" y="632.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 472.000000 80.000000 L 472.000000 144.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3661046463)"/></g><g id="(md -&gt; b)[0]"><path d="M 472.000000 526.000000 L 472.000000 590.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3661046463)"/></g><mask id="3661046463" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1124" height="852">
<rect x="-100" y="-100" width="1124" height="852" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 842 KiB

After

Width:  |  Height:  |  Size: 842 KiB

4
e2etests/testdata/stable/links/elk/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 12,
"y": 138
"y": 148
},
"width": 118,
"height": 66,
@ -117,7 +117,7 @@
},
{
"x": 71,
"y": 138
"y": 148
}
],
"animated": false,

10
e2etests/testdata/stable/links/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="338" height="412" viewBox="-90 -106 338 412"><style type="text/css">
width="338" height="422" viewBox="-90 -106 338 422"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -51,7 +51,7 @@ width="338" height="412" viewBox="-90 -106 338 412"><style type="text/css">
</clipPath>
</defs>
</svg>
</g></g></a><a href="https://terrastruct.com" xlink:href="https://terrastruct.com"><g id="y"><g class="shape" ><rect x="12" y="138" width="118" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="71.000000" y="176.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text><g transform="translate(114 122)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="https://terrastruct.com" xlink:href="https://terrastruct.com"><g id="y"><g class="shape" ><rect x="12" y="148" width="118" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="71.000000" y="186.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text><g transform="translate(114 132)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -65,7 +65,7 @@ width="338" height="412" viewBox="-90 -106 338 412"><style type="text/css">
</defs>
</svg>
</g><title>Gee, I feel kind of LIGHT in the head now,
knowing I can't make my satellite dish PAYMENTS!</title><g transform="translate(82 122)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
knowing I can't make my satellite dish PAYMENTS!</title><g transform="translate(82 132)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -77,8 +77,8 @@ knowing I can't make my satellite dish PAYMENTS!</title><g transform="translate(
</clipPath>
</defs>
</svg>
</g></g></a><g id="(x -&gt; y)[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 71.000000 80.000000 L 71.000000 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3153719143)"/></g><mask id="3153719143" maskUnits="userSpaceOnUse" x="-100" y="-100" width="338" height="412">
<rect x="-100" y="-100" width="338" height="412" fill="white"></rect>
</g></g></a><g id="(x -&gt; y)[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 71.000000 80.000000 L 71.000000 144.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3032045021)"/></g><mask id="3032045021" maskUnits="userSpaceOnUse" x="-100" y="-100" width="338" height="422">
<rect x="-100" y="-100" width="338" height="422" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.appendix-icon {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 330 KiB

After

Width:  |  Height:  |  Size: 330 KiB

10
e2etests/testdata/stable/lone_h1/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "text",
"pos": {
"x": 12,
"y": 138
"y": 148
},
"width": 266,
"height": 51,
@ -88,7 +88,7 @@
"type": "rectangle",
"pos": {
"x": 118,
"y": 249
"y": 269
},
"width": 53,
"height": 66,
@ -157,7 +157,7 @@
},
{
"x": 145,
"y": 138
"y": 148
}
],
"animated": false,
@ -192,11 +192,11 @@
"route": [
{
"x": 145,
"y": 189
"y": 199
},
{
"x": 145,
"y": 249
"y": 269
}
],
"animated": false,

8
e2etests/testdata/stable/lone_h1/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="470" height="507" viewBox="-90 -90 470 507"><style type="text/css">
width="470" height="527" viewBox="-90 -90 470 527"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -796,9 +796,9 @@ width="470" height="507" viewBox="-90 -90 470 507"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="138.000000" width="266" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>Markdown: Syntax</h1>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="118" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="144.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="118" y="249" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="144.500000" y="287.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 145.000000 80.000000 L 145.000000 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2834561291)"/></g><g id="(md -&gt; b)[0]"><path d="M 145.000000 191.000000 L 145.000000 245.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2834561291)"/></g><mask id="2834561291" maskUnits="userSpaceOnUse" x="-100" y="-100" width="470" height="507">
<rect x="-100" y="-100" width="470" height="507" fill="white"></rect>
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="266" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>Markdown: Syntax</h1>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="118" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="144.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="118" y="269" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="144.500000" y="307.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 145.000000 80.000000 L 145.000000 144.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#298252708)"/></g><g id="(md -&gt; b)[0]"><path d="M 145.000000 201.000000 L 145.000000 265.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#298252708)"/></g><mask id="298252708" maskUnits="userSpaceOnUse" x="-100" y="-100" width="470" height="527">
<rect x="-100" y="-100" width="470" height="527" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 KiB

After

Width:  |  Height:  |  Size: 660 KiB

10
e2etests/testdata/stable/markdown/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "text",
"pos": {
"x": 12,
"y": 138
"y": 148
},
"width": 531,
"height": 187,
@ -88,7 +88,7 @@
"type": "rectangle",
"pos": {
"x": 250,
"y": 385
"y": 405
},
"width": 54,
"height": 66,
@ -157,7 +157,7 @@
},
{
"x": 277.5,
"y": 138
"y": 148
}
],
"animated": false,
@ -192,11 +192,11 @@
"route": [
{
"x": 277.5,
"y": 325
"y": 335
},
{
"x": 277.5,
"y": 385
"y": 405
}
],
"animated": false,

8
e2etests/testdata/stable/markdown/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="735" height="643" viewBox="-90 -90 735 643"><style type="text/css">
width="735" height="663" viewBox="-90 -90 735 663"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -796,15 +796,15 @@ width="735" height="643" viewBox="-90 -90 735 643"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="hey"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="138.000000" width="531" height="187"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>Every frustum longs to be a cone</h1>
</style><g id="hey"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="531" height="187"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>Every frustum longs to be a cone</h1>
<ul>
<li>A continuing flow of paper is sufficient to continue the flow of paper</li>
<li>Please remain calm, it's no use both of us being hysterical at the same time</li>
<li>Visits always give pleasure: if not on arrival, then on the departure</li>
</ul>
<p><em>Festivity Level 1</em>: Your guests are chatting amiably with each other.</p>
</div></foreignObject></g></g><g id="x"><g class="shape" ><rect x="251" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="277.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><rect x="250" y="385" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="277.000000" y="423.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="(x -&gt; hey)[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 277.500000 80.000000 L 277.500000 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2421638722)"/></g><g id="(hey -&gt; y)[0]"><path d="M 277.500000 327.000000 L 277.500000 381.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2421638722)"/></g><mask id="2421638722" maskUnits="userSpaceOnUse" x="-100" y="-100" width="735" height="643">
<rect x="-100" y="-100" width="735" height="643" fill="white"></rect>
</div></foreignObject></g></g><g id="x"><g class="shape" ><rect x="251" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="277.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><rect x="250" y="405" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="277.000000" y="443.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="(x -&gt; hey)[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 277.500000 80.000000 L 277.500000 144.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4243043393)"/></g><g id="(hey -&gt; y)[0]"><path d="M 277.500000 337.000000 L 277.500000 401.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4243043393)"/></g><mask id="4243043393" maskUnits="userSpaceOnUse" x="-100" y="-100" width="735" height="663">
<rect x="-100" y="-100" width="735" height="663" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 804 KiB

After

Width:  |  Height:  |  Size: 804 KiB

4
e2etests/testdata/stable/markdown_stroke_fill/elk/board.exp.json generated vendored
View file

@ -88,7 +88,7 @@
"type": "text",
"pos": {
"x": 109,
"y": 430
"y": 440
},
"width": 118,
"height": 24,
@ -156,7 +156,7 @@
},
{
"x": 168,
"y": 430
"y": 440
}
],
"animated": false,

8
e2etests/testdata/stable/markdown_stroke_fill/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="516" height="646" viewBox="-90 -90 516 646"><style type="text/css">
width="516" height="656" viewBox="-90 -90 516 656"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -796,7 +796,7 @@ width="516" height="646" viewBox="-90 -90 516 646"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="container"><g class="shape" ><rect x="12" y="12" width="312" height="358" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="168.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">container</text></g><g id="no container"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="109.000000" y="430.000000" width="118" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:#CEEDEE;color:red;"><p>they did it in style</p>
</style><g id="container"><g class="shape" ><rect x="12" y="12" width="312" height="358" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="168.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">container</text></g><g id="no container"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="109.000000" y="440.000000" width="118" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:#CEEDEE;color:red;"><p>they did it in style</p>
</div></foreignObject></g></g><g id="container.md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="62.000000" y="62.000000" width="212" height="258"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:darkorange;"><h1>a header</h1>
<p>a line of text and an</p>
<pre><code>{
@ -805,8 +805,8 @@ width="516" height="646" viewBox="-90 -90 516 646"><style type="text/css">
}
</code></pre>
<p>walk into a bar.</p>
</div></foreignObject></g></g><g id="(container -&gt; no container)[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 168.000000 372.000000 L 168.000000 426.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#709825817)"/></g><mask id="709825817" maskUnits="userSpaceOnUse" x="-100" y="-100" width="516" height="646">
<rect x="-100" y="-100" width="516" height="646" fill="white"></rect>
</div></foreignObject></g></g><g id="(container -&gt; no container)[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 168.000000 372.000000 L 168.000000 436.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1325162741)"/></g><mask id="1325162741" maskUnits="userSpaceOnUse" x="-100" y="-100" width="516" height="656">
<rect x="-100" y="-100" width="516" height="656" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 518 KiB

After

Width:  |  Height:  |  Size: 518 KiB

10
e2etests/testdata/stable/md_code_block_fenced/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "text",
"pos": {
"x": 12,
"y": 138
"y": 148
},
"width": 196,
"height": 111,
@ -88,7 +88,7 @@
"type": "rectangle",
"pos": {
"x": 83,
"y": 309
"y": 329
},
"width": 53,
"height": 66,
@ -157,7 +157,7 @@
},
{
"x": 110,
"y": 138
"y": 148
}
],
"animated": false,
@ -192,11 +192,11 @@
"route": [
{
"x": 110,
"y": 249
"y": 259
},
{
"x": 110,
"y": 309
"y": 329
}
],
"animated": false,

8
e2etests/testdata/stable/md_code_block_fenced/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="400" height="567" viewBox="-90 -90 400 567"><style type="text/css">
width="400" height="587" viewBox="-90 -90 400 587"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -796,13 +796,13 @@ width="400" height="567" viewBox="-90 -90 400 567"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="138.000000" width="196" height="111"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><pre><code>{
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="148.000000" width="196" height="111"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><pre><code>{
fenced: &quot;block&quot;,
of: &quot;json&quot;,
}
</code></pre>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="83" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="109.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="83" y="309" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="109.500000" y="347.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 110.000000 80.000000 L 110.000000 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#805119086)"/></g><g id="(md -&gt; b)[0]"><path d="M 110.000000 251.000000 L 110.000000 305.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#805119086)"/></g><mask id="805119086" maskUnits="userSpaceOnUse" x="-100" y="-100" width="400" height="567">
<rect x="-100" y="-100" width="400" height="567" fill="white"></rect>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="83" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="109.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="83" y="329" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="109.500000" y="367.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 110.000000 80.000000 L 110.000000 144.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3138148247)"/></g><g id="(md -&gt; b)[0]"><path d="M 110.000000 261.000000 L 110.000000 325.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3138148247)"/></g><mask id="3138148247" maskUnits="userSpaceOnUse" x="-100" y="-100" width="400" height="587">
<rect x="-100" y="-100" width="400" height="587" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 841 KiB

After

Width:  |  Height:  |  Size: 841 KiB

10
e2etests/testdata/stable/md_code_block_indented/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "text",
"pos": {
"x": 12,
"y": 138
"y": 148
},
"width": 212,
"height": 151,
@ -88,7 +88,7 @@
"type": "rectangle",
"pos": {
"x": 91,
"y": 349
"y": 369
},
"width": 53,
"height": 66,
@ -157,7 +157,7 @@
},
{
"x": 118,
"y": 138
"y": 148
}
],
"animated": false,
@ -192,11 +192,11 @@
"route": [
{
"x": 118,
"y": 289
"y": 299
},
{
"x": 118,
"y": 349
"y": 369
}
],
"animated": false,

Some files were not shown because too many files have changed in this diff Show more