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

update tests

Browse source
This commit is contained in:
Gavin Nishizawa 2022-12-17 18:57:35 -08:00
parent abb57adf48
commit 7b5c3ee3d8
No known key found for this signature in database
GPG key ID: AE3B177777CE55CD
12 changed files with 160 additions and 160 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
e2etests/testdata/regression/sql_table_overflow/dagre/board.exp.json generated vendored
View file

@ -8,7 +8,7 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 523, "width": 533,
"height": 108, "height": 108,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -57,7 +57,7 @@
"id": "table_constrained", "id": "table_constrained",
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 583, "x": 593,
"y": 0 "y": 0
}, },
"width": 593, "width": 593,

22
e2etests/testdata/regression/sql_table_overflow/dagre/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1376" height="308" viewBox="-100 -100 1376 308"><style type="text/css"> width="1386" height="308" viewBox="-100 -100 1386 308"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -18,16 +18,16 @@ width="1376" height="308" viewBox="-100 -100 1376 308"><style type="text/css">
} }
]]> ]]>
</style><g id="table"><g class="shape" ><rect class="shape" x="0" y="0" width="523" height="108" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="523.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="20.000000" y="27.000000" style="text-anchor:start;font-size:24px;fill:white">sql_table_overflow</text><text class="text" x="10.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">short</text> </style><g id="table"><g class="shape" ><rect class="shape" x="0" y="0" width="533" height="108" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="533.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="20.000000" y="27.000000" style="text-anchor:start;font-size:24px;fill:white">sql_table_overflow</text><text class="text" x="10.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">short</text>
<text class="text" x="265.555556" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">loooooooooooooooooooong</text> <text class="text" x="271.906250" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">loooooooooooooooooooong</text>
<text class="text" x="503.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="72.000000" x2="523.000000" y2="72.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="10.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">loooooooooooooooooooong</text> <text class="text" x="513.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="72.000000" x2="533.000000" y2="72.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="10.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">loooooooooooooooooooong</text>
<text class="text" x="265.555556" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">short</text> <text class="text" x="271.906250" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">short</text>
<text class="text" x="503.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="108.000000" x2="523.000000" y2="108.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="table_constrained"><g class="shape" ><rect class="shape" x="583" y="0" width="593" height="108" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="583.000000" y="0.000000" width="593.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="603.000000" y="27.000000" style="text-anchor:start;font-size:24px;fill:white">sql_table_constrained_overflow</text><text class="text" x="593.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">short</text> <text class="text" x="513.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="108.000000" x2="533.000000" y2="108.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="table_constrained"><g class="shape" ><rect class="shape" x="593" y="0" width="593" height="108" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="593.000000" y="0.000000" width="593.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="613.000000" y="27.000000" style="text-anchor:start;font-size:24px;fill:white">sql_table_constrained_overflow</text><text class="text" x="603.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">short</text>
<text class="text" x="848.555556" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">loooooooooooooooooooong</text> <text class="text" x="864.906250" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">loooooooooooooooooooong</text>
<text class="text" x="1156.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;">UNQ</text><line x1="583.000000" y1="72.000000" x2="1176.000000" y2="72.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="593.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">loooooooooooooooooooong</text> <text class="text" x="1166.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;">UNQ</text><line x1="593.000000" y1="72.000000" x2="1186.000000" y2="72.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="603.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">loooooooooooooooooooong</text>
<text class="text" x="848.555556" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">short</text> <text class="text" x="864.906250" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">short</text>
<text class="text" x="1156.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;">FK</text><line x1="583.000000" y1="108.000000" x2="1176.000000" y2="108.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><mask id="3346914773" maskUnits="userSpaceOnUse" x="0" y="0" width="1376" height="308"> <text class="text" x="1166.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;">FK</text><line x1="593.000000" y1="108.000000" x2="1186.000000" y2="108.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><mask id="3572639107" maskUnits="userSpaceOnUse" x="0" y="0" width="1386" height="308">
<rect x="0" y="0" width="1376" height="308" fill="white"></rect> <rect x="0" y="0" width="1386" height="308" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 327 KiB

After

Width:  |  Height:  |  Size: 327 KiB

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

@ -8,7 +8,7 @@
"x": 12, "x": 12,
"y": 12 "y": 12
}, },
"width": 523, "width": 533,
"height": 108, "height": 108,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -57,7 +57,7 @@
"id": "table_constrained", "id": "table_constrained",
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 556, "x": 566,
"y": 12 "y": 12
}, },
"width": 593, "width": 593,

22
e2etests/testdata/regression/sql_table_overflow/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1337" height="308" viewBox="-88 -88 1337 308"><style type="text/css"> width="1347" height="308" viewBox="-88 -88 1347 308"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -18,16 +18,16 @@ width="1337" height="308" viewBox="-88 -88 1337 308"><style type="text/css">
} }
]]> ]]>
</style><g id="table"><g class="shape" ><rect class="shape" x="12" y="12" width="523" height="108" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="523.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="32.000000" y="39.000000" style="text-anchor:start;font-size:24px;fill:white">sql_table_overflow</text><text class="text" x="22.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">short</text> </style><g id="table"><g class="shape" ><rect class="shape" x="12" y="12" width="533" height="108" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="533.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="32.000000" y="39.000000" style="text-anchor:start;font-size:24px;fill:white">sql_table_overflow</text><text class="text" x="22.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">short</text>
<text class="text" x="277.555556" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">loooooooooooooooooooong</text> <text class="text" x="283.906250" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">loooooooooooooooooooong</text>
<text class="text" x="515.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="84.000000" x2="535.000000" y2="84.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">loooooooooooooooooooong</text> <text class="text" x="525.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="84.000000" x2="545.000000" y2="84.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">loooooooooooooooooooong</text>
<text class="text" x="277.555556" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">short</text> <text class="text" x="283.906250" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">short</text>
<text class="text" x="515.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="120.000000" x2="535.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="table_constrained"><g class="shape" ><rect class="shape" x="556" y="12" width="593" height="108" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="556.000000" y="12.000000" width="593.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="576.000000" y="39.000000" style="text-anchor:start;font-size:24px;fill:white">sql_table_constrained_overflow</text><text class="text" x="566.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">short</text> <text class="text" x="525.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="120.000000" x2="545.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="table_constrained"><g class="shape" ><rect class="shape" x="566" y="12" width="593" height="108" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="566.000000" y="12.000000" width="593.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="586.000000" y="39.000000" style="text-anchor:start;font-size:24px;fill:white">sql_table_constrained_overflow</text><text class="text" x="576.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">short</text>
<text class="text" x="821.555556" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">loooooooooooooooooooong</text> <text class="text" x="837.906250" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">loooooooooooooooooooong</text>
<text class="text" x="1129.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;">UNQ</text><line x1="556.000000" y1="84.000000" x2="1149.000000" y2="84.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="566.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">loooooooooooooooooooong</text> <text class="text" x="1139.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;">UNQ</text><line x1="566.000000" y1="84.000000" x2="1159.000000" y2="84.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="576.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">loooooooooooooooooooong</text>
<text class="text" x="821.555556" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">short</text> <text class="text" x="837.906250" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">short</text>
<text class="text" x="1129.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;">FK</text><line x1="556.000000" y1="120.000000" x2="1149.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><mask id="2039554718" maskUnits="userSpaceOnUse" x="0" y="0" width="1337" height="308"> <text class="text" x="1139.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;">FK</text><line x1="566.000000" y1="120.000000" x2="1159.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><mask id="3602816342" maskUnits="userSpaceOnUse" x="0" y="0" width="1347" height="308">
<rect x="0" y="0" width="1337" height="308" fill="white"></rect> <rect x="0" y="0" width="1347" height="308" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 327 KiB

After

Width:  |  Height:  |  Size: 327 KiB

10
e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/board.exp.json generated vendored
View file

@ -787,10 +787,10 @@
"id": "t", "id": "t",
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 4759, "x": 4783,
"y": 150 "y": 150
}, },
"width": 210, "width": 160,
"height": 108, "height": 108,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -1570,7 +1570,7 @@
"y": 2728 "y": 2728
}, },
{ {
"x": 4864, "x": 4863.015625,
"y": 2728 "y": 2728
} }
], ],
@ -2346,11 +2346,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4864, "x": 4863.015625,
"y": 258 "y": 258
}, },
{ {
"x": 4864, "x": 4863.015625,
"y": 2858 "y": 2858
} }
], ],

14
e2etests/testdata/stable/sequence_diagram_all_shapes/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: 669 KiB

After

Width:  |  Height:  |  Size: 669 KiB

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

@ -787,10 +787,10 @@
"id": "t", "id": "t",
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 4759, "x": 4783,
"y": 150 "y": 150
}, },
"width": 210, "width": 160,
"height": 108, "height": 108,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -1570,7 +1570,7 @@
"y": 2728 "y": 2728
}, },
{ {
"x": 4864, "x": 4863.015625,
"y": 2728 "y": 2728
} }
], ],
@ -2346,11 +2346,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4864, "x": 4863.015625,
"y": 258 "y": 258
}, },
{ {
"x": 4864, "x": 4863.015625,
"y": 2858 "y": 2858
} }
], ],

14
e2etests/testdata/stable/sequence_diagram_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: 669 KiB

After

Width:  |  Height:  |  Size: 669 KiB

46
e2etests/testdata/stable/sql_tables/dagre/board.exp.json generated vendored
View file

@ -8,7 +8,7 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 259, "width": 206,
"height": 216, "height": 216,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -75,10 +75,10 @@
"id": "products", "id": "products",
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 319, "x": 266,
"y": 18 "y": 18
}, },
"width": 290, "width": 163,
"height": 180, "height": 180,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -139,10 +139,10 @@
"id": "orders", "id": "orders",
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 357, "x": 266,
"y": 316 "y": 316
}, },
"width": 215, "width": 163,
"height": 144, "height": 144,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -197,10 +197,10 @@
"id": "shipments", "id": "shipments",
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 669, "x": 489,
"y": 18 "y": 18
}, },
"width": 293, "width": 243,
"height": 180, "height": 180,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -285,20 +285,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 129.5, "x": 103,
"y": 216 "y": 216
}, },
{ {
"x": 129.5, "x": 103,
"y": 256 "y": 256
}, },
{ {
"x": 174.9, "x": 135.6,
"y": 282.55844544095663 "y": 282.2
}, },
{ {
"x": 356.5, "x": 266,
"y": 348.7922272047833 "y": 347
} }
], ],
"isCurve": true, "isCurve": true,
@ -333,19 +333,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 464, "x": 347.5,
"y": 198 "y": 198
}, },
{ {
"x": 464, "x": 347.5,
"y": 252.4 "y": 252.4
}, },
{ {
"x": 464, "x": 347.5,
"y": 276 "y": 276
}, },
{ {
"x": 464, "x": 347.5,
"y": 316 "y": 316
} }
], ],
@ -381,20 +381,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 815.5, "x": 610.5,
"y": 198 "y": 198
}, },
{ {
"x": 815.5, "x": 610.5,
"y": 252.4 "y": 252.4
}, },
{ {
"x": 766.7, "x": 574.1,
"y": 283 "y": 282.8
}, },
{ {
"x": 571.5, "x": 428.5,
"y": 351 "y": 350
} }
], ],
"isCurve": true, "isCurve": true,

70
e2etests/testdata/stable/sql_tables/dagre/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1162" height="660" viewBox="-100 -100 1162 660"><style type="text/css"> width="932" height="660" viewBox="-100 -100 932 660"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -18,40 +18,40 @@ width="1162" height="660" viewBox="-100 -100 1162 660"><style type="text/css">
} }
]]> ]]>
</style><g id="users"><g class="shape" ><rect class="shape" x="0" y="0" width="259" height="216" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="259.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="20.000000" y="27.000000" style="text-anchor:start;font-size:24px;fill:white">users</text><text class="text" x="10.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text> </style><g id="users"><g class="shape" ><rect class="shape" x="0" y="0" width="206" height="216" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="206.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="20.000000" y="27.000000" style="text-anchor:start;font-size:24px;fill:white">users</text><text class="text" x="10.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
<text class="text" x="121.111111" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text> <text class="text" x="110.250000" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="239.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="72.000000" x2="259.000000" y2="72.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="10.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text> <text class="text" x="186.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="72.000000" x2="206.000000" y2="72.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="10.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text>
<text class="text" x="121.111111" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text> <text class="text" x="110.250000" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
<text class="text" x="239.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="108.000000" x2="259.000000" y2="108.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="10.000000" y="131.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">email</text> <text class="text" x="186.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="108.000000" x2="206.000000" y2="108.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="10.000000" y="131.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">email</text>
<text class="text" x="121.111111" y="131.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text> <text class="text" x="110.250000" y="131.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
<text class="text" x="239.000000" y="131.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="144.000000" x2="259.000000" y2="144.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="10.000000" y="167.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">password</text> <text class="text" x="186.000000" y="131.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="144.000000" x2="206.000000" y2="144.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="10.000000" y="167.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">password</text>
<text class="text" x="121.111111" y="167.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text> <text class="text" x="110.250000" y="167.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
<text class="text" x="239.000000" y="167.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="180.000000" x2="259.000000" y2="180.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="10.000000" y="203.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">last_login</text> <text class="text" x="186.000000" y="167.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="180.000000" x2="206.000000" y2="180.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="10.000000" y="203.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">last_login</text>
<text class="text" x="121.111111" y="203.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">datetime</text> <text class="text" x="110.250000" y="203.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">datetime</text>
<text class="text" x="239.000000" y="203.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="216.000000" x2="259.000000" y2="216.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="products"><g class="shape" ><rect class="shape" x="319" y="18" width="290" height="180" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="319.000000" y="18.000000" width="290.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="339.000000" y="45.000000" style="text-anchor:start;font-size:24px;fill:white">products</text><text class="text" x="329.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text> <text class="text" x="186.000000" y="203.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="216.000000" x2="206.000000" y2="216.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="products"><g class="shape" ><rect class="shape" x="266" y="18" width="163" height="180" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="266.000000" y="18.000000" width="163.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="286.000000" y="45.000000" style="text-anchor:start;font-size:24px;fill:white">products</text><text class="text" x="276.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
<text class="text" x="384.555556" y="77.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text> <text class="text" x="342.593750" y="77.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="589.000000" y="77.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="319.000000" y1="90.000000" x2="609.000000" y2="90.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="329.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">price</text> <text class="text" x="409.000000" y="77.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="266.000000" y1="90.000000" x2="429.000000" y2="90.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="276.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">price</text>
<text class="text" x="384.555556" y="113.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">decimal</text> <text class="text" x="342.593750" y="113.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">decimal</text>
<text class="text" x="589.000000" y="113.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="319.000000" y1="126.000000" x2="609.000000" y2="126.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="329.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">sku</text> <text class="text" x="409.000000" y="113.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="266.000000" y1="126.000000" x2="429.000000" y2="126.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="276.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">sku</text>
<text class="text" x="384.555556" y="149.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text> <text class="text" x="342.593750" y="149.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
<text class="text" x="589.000000" y="149.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="319.000000" y1="162.000000" x2="609.000000" y2="162.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="329.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text> <text class="text" x="409.000000" y="149.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="266.000000" y1="162.000000" x2="429.000000" y2="162.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="276.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text>
<text class="text" x="384.555556" y="185.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text> <text class="text" x="342.593750" y="185.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
<text class="text" x="589.000000" y="185.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="319.000000" y1="198.000000" x2="609.000000" y2="198.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="orders"><g class="shape" ><rect class="shape" x="357" y="316" width="215" height="144" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="357.000000" y="316.000000" width="215.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="377.000000" y="343.000000" style="text-anchor:start;font-size:24px;fill:white">orders</text><text class="text" x="367.000000" y="375.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text> <text class="text" x="409.000000" y="185.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="266.000000" y1="198.000000" x2="429.000000" y2="198.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="orders"><g class="shape" ><rect class="shape" x="266" y="316" width="163" height="144" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="266.000000" y="316.000000" width="163.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="286.000000" y="343.000000" style="text-anchor:start;font-size:24px;fill:white">orders</text><text class="text" x="276.000000" y="375.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
<text class="text" x="478.111111" y="375.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text> <text class="text" x="386.656250" y="375.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="552.000000" y="375.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="357.000000" y1="388.000000" x2="572.000000" y2="388.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="367.000000" y="411.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">user_id</text> <text class="text" x="409.000000" y="375.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="266.000000" y1="388.000000" x2="429.000000" y2="388.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="276.000000" y="411.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">user_id</text>
<text class="text" x="478.111111" y="411.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text> <text class="text" x="386.656250" y="411.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="552.000000" y="411.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="357.000000" y1="424.000000" x2="572.000000" y2="424.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="367.000000" y="447.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">product_id</text> <text class="text" x="409.000000" y="411.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="266.000000" y1="424.000000" x2="429.000000" y2="424.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="276.000000" y="447.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">product_id</text>
<text class="text" x="478.111111" y="447.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text> <text class="text" x="386.656250" y="447.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="552.000000" y="447.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="357.000000" y1="460.000000" x2="572.000000" y2="460.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="shipments"><g class="shape" ><rect class="shape" x="669" y="18" width="293" height="180" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="669.000000" y="18.000000" width="293.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="689.000000" y="45.000000" style="text-anchor:start;font-size:24px;fill:white">shipments</text><text class="text" x="679.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text> <text class="text" x="409.000000" y="447.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="266.000000" y1="460.000000" x2="429.000000" y2="460.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="shipments"><g class="shape" ><rect class="shape" x="489" y="18" width="243" height="180" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="489.000000" y="18.000000" width="243.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="509.000000" y="45.000000" style="text-anchor:start;font-size:24px;fill:white">shipments</text><text class="text" x="499.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
<text class="text" x="845.666667" y="77.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text> <text class="text" x="664.125000" y="77.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="942.000000" y="77.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="669.000000" y1="90.000000" x2="962.000000" y2="90.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="679.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">order_id</text> <text class="text" x="712.000000" y="77.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="489.000000" y1="90.000000" x2="732.000000" y2="90.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="499.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">order_id</text>
<text class="text" x="845.666667" y="113.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text> <text class="text" x="664.125000" y="113.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="942.000000" y="113.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="669.000000" y1="126.000000" x2="962.000000" y2="126.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="679.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">tracking_number</text> <text class="text" x="712.000000" y="113.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="489.000000" y1="126.000000" x2="732.000000" y2="126.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="499.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">tracking_number</text>
<text class="text" x="845.666667" y="149.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text> <text class="text" x="664.125000" y="149.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
<text class="text" x="942.000000" y="149.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="669.000000" y1="162.000000" x2="962.000000" y2="162.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="679.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">status</text> <text class="text" x="712.000000" y="149.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="489.000000" y1="162.000000" x2="732.000000" y2="162.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="499.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">status</text>
<text class="text" x="845.666667" y="185.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text> <text class="text" x="664.125000" y="185.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
<text class="text" x="942.000000" y="185.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="669.000000" y1="198.000000" x2="962.000000" y2="198.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="(users &lt;-&gt; orders)[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><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 129.500000 220.000000 C 129.500000 256.000000 174.900000 282.558445 352.742140 347.421647" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#3739746318)"/></g><g id="(products &lt;-&gt; orders)[0]"><path d="M 464.000000 202.000000 C 464.000000 252.400000 464.000000 276.000000 464.000000 312.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#3739746318)"/></g><g id="(shipments &lt;-&gt; orders)[0]"><path d="M 815.500000 202.000000 C 815.500000 252.400000 766.700000 283.000000 575.277360 349.684116" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#3739746318)"/></g><mask id="3739746318" maskUnits="userSpaceOnUse" x="0" y="0" width="1162" height="660"> <text class="text" x="712.000000" y="185.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="489.000000" y1="198.000000" x2="732.000000" y2="198.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="(users &lt;-&gt; orders)[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><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 103.000000 220.000000 C 103.000000 256.000000 135.600000 282.200000 262.417907 345.219941" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#313878992)"/></g><g id="(products &lt;-&gt; orders)[0]"><path d="M 347.500000 202.000000 C 347.500000 252.400000 347.500000 276.000000 347.500000 312.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#313878992)"/></g><g id="(shipments &lt;-&gt; orders)[0]"><path d="M 610.500000 202.000000 C 610.500000 252.400000 574.100000 282.800000 432.131838 348.323767" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#313878992)"/></g><mask id="313878992" maskUnits="userSpaceOnUse" x="0" y="0" width="932" height="660">
<rect x="0" y="0" width="1162" height="660" fill="white"></rect> <rect x="0" y="0" width="932" height="660" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 335 KiB

After

Width:  |  Height:  |  Size: 335 KiB

34
e2etests/testdata/stable/sql_tables/elk/board.exp.json generated vendored
View file

@ -5,10 +5,10 @@
"id": "users", "id": "users",
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 635, "x": 458,
"y": 12 "y": 12
}, },
"width": 259, "width": 206,
"height": 216, "height": 216,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -75,10 +75,10 @@
"id": "products", "id": "products",
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 325, "x": 275,
"y": 48 "y": 48
}, },
"width": 290, "width": 163,
"height": 180, "height": 180,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -139,10 +139,10 @@
"id": "orders", "id": "orders",
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 363, "x": 275,
"y": 328 "y": 328
}, },
"width": 215, "width": 163,
"height": 144, "height": 144,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -200,7 +200,7 @@
"x": 12, "x": 12,
"y": 48 "y": 48
}, },
"width": 293, "width": 243,
"height": 180, "height": 180,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -285,19 +285,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 764.5, "x": 561.5625,
"y": 228 "y": 228
}, },
{ {
"x": 764.5, "x": 561.5625,
"y": 278 "y": 278
}, },
{ {
"x": 523.75, "x": 397.59765625,
"y": 278 "y": 278
}, },
{ {
"x": 523.75, "x": 397.59765625,
"y": 328 "y": 328
} }
], ],
@ -332,11 +332,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 470, "x": 356.71875,
"y": 228 "y": 228
}, },
{ {
"x": 470, "x": 356.71875,
"y": 328 "y": 328
} }
], ],
@ -371,19 +371,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 158.5, "x": 133.53125,
"y": 228 "y": 228
}, },
{ {
"x": 158.5, "x": 133.53125,
"y": 278 "y": 278
}, },
{ {
"x": 416.25, "x": 315.83984375,
"y": 278 "y": 278
}, },
{ {
"x": 416.25, "x": 315.83984375,
"y": 328 "y": 328
} }
], ],

70
e2etests/testdata/stable/sql_tables/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1082" height="660" viewBox="-88 -88 1082 660"><style type="text/css"> width="852" height="660" viewBox="-88 -88 852 660"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -18,40 +18,40 @@ width="1082" height="660" viewBox="-88 -88 1082 660"><style type="text/css">
} }
]]> ]]>
</style><g id="users"><g class="shape" ><rect class="shape" x="635" y="12" width="259" height="216" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="635.000000" y="12.000000" width="259.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="655.000000" y="39.000000" style="text-anchor:start;font-size:24px;fill:white">users</text><text class="text" x="645.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text> </style><g id="users"><g class="shape" ><rect class="shape" x="458" y="12" width="206" height="216" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="458.000000" y="12.000000" width="206.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="478.000000" y="39.000000" style="text-anchor:start;font-size:24px;fill:white">users</text><text class="text" x="468.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
<text class="text" x="756.111111" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text> <text class="text" x="568.250000" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="874.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="635.000000" y1="84.000000" x2="894.000000" y2="84.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="645.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text> <text class="text" x="644.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="458.000000" y1="84.000000" x2="664.000000" y2="84.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="468.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text>
<text class="text" x="756.111111" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text> <text class="text" x="568.250000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
<text class="text" x="874.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="635.000000" y1="120.000000" x2="894.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="645.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">email</text> <text class="text" x="644.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="458.000000" y1="120.000000" x2="664.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="468.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">email</text>
<text class="text" x="756.111111" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text> <text class="text" x="568.250000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
<text class="text" x="874.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="635.000000" y1="156.000000" x2="894.000000" y2="156.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="645.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">password</text> <text class="text" x="644.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="458.000000" y1="156.000000" x2="664.000000" y2="156.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="468.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">password</text>
<text class="text" x="756.111111" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text> <text class="text" x="568.250000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
<text class="text" x="874.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="635.000000" y1="192.000000" x2="894.000000" y2="192.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="645.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">last_login</text> <text class="text" x="644.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="458.000000" y1="192.000000" x2="664.000000" y2="192.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="468.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">last_login</text>
<text class="text" x="756.111111" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">datetime</text> <text class="text" x="568.250000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">datetime</text>
<text class="text" x="874.000000" y="215.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="635.000000" y1="228.000000" x2="894.000000" y2="228.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="products"><g class="shape" ><rect class="shape" x="325" y="48" width="290" height="180" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="325.000000" y="48.000000" width="290.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="345.000000" y="75.000000" style="text-anchor:start;font-size:24px;fill:white">products</text><text class="text" x="335.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text> <text class="text" x="644.000000" y="215.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="458.000000" y1="228.000000" x2="664.000000" y2="228.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="products"><g class="shape" ><rect class="shape" x="275" y="48" width="163" height="180" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="275.000000" y="48.000000" width="163.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="295.000000" y="75.000000" style="text-anchor:start;font-size:24px;fill:white">products</text><text class="text" x="285.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
<text class="text" x="390.555556" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text> <text class="text" x="351.593750" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="595.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="325.000000" y1="120.000000" x2="615.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="335.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">price</text> <text class="text" x="418.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="275.000000" y1="120.000000" x2="438.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="285.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">price</text>
<text class="text" x="390.555556" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">decimal</text> <text class="text" x="351.593750" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">decimal</text>
<text class="text" x="595.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="325.000000" y1="156.000000" x2="615.000000" y2="156.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="335.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">sku</text> <text class="text" x="418.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="275.000000" y1="156.000000" x2="438.000000" y2="156.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="285.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">sku</text>
<text class="text" x="390.555556" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text> <text class="text" x="351.593750" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
<text class="text" x="595.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="325.000000" y1="192.000000" x2="615.000000" y2="192.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="335.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text> <text class="text" x="418.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="275.000000" y1="192.000000" x2="438.000000" y2="192.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="285.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text>
<text class="text" x="390.555556" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text> <text class="text" x="351.593750" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
<text class="text" x="595.000000" y="215.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="325.000000" y1="228.000000" x2="615.000000" y2="228.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="orders"><g class="shape" ><rect class="shape" x="363" y="328" width="215" height="144" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="363.000000" y="328.000000" width="215.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="383.000000" y="355.000000" style="text-anchor:start;font-size:24px;fill:white">orders</text><text class="text" x="373.000000" y="387.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text> <text class="text" x="418.000000" y="215.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="275.000000" y1="228.000000" x2="438.000000" y2="228.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="orders"><g class="shape" ><rect class="shape" x="275" y="328" width="163" height="144" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="275.000000" y="328.000000" width="163.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="295.000000" y="355.000000" style="text-anchor:start;font-size:24px;fill:white">orders</text><text class="text" x="285.000000" y="387.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
<text class="text" x="484.111111" y="387.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text> <text class="text" x="395.656250" y="387.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="558.000000" y="387.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="363.000000" y1="400.000000" x2="578.000000" y2="400.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="373.000000" y="423.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">user_id</text> <text class="text" x="418.000000" y="387.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="275.000000" y1="400.000000" x2="438.000000" y2="400.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="285.000000" y="423.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">user_id</text>
<text class="text" x="484.111111" y="423.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text> <text class="text" x="395.656250" y="423.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="558.000000" y="423.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="363.000000" y1="436.000000" x2="578.000000" y2="436.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="373.000000" y="459.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">product_id</text> <text class="text" x="418.000000" y="423.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="275.000000" y1="436.000000" x2="438.000000" y2="436.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="285.000000" y="459.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">product_id</text>
<text class="text" x="484.111111" y="459.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text> <text class="text" x="395.656250" y="459.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="558.000000" y="459.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="363.000000" y1="472.000000" x2="578.000000" y2="472.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="shipments"><g class="shape" ><rect class="shape" x="12" y="48" width="293" height="180" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="12.000000" y="48.000000" width="293.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="32.000000" y="75.000000" style="text-anchor:start;font-size:24px;fill:white">shipments</text><text class="text" x="22.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text> <text class="text" x="418.000000" y="459.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="275.000000" y1="472.000000" x2="438.000000" y2="472.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="shipments"><g class="shape" ><rect class="shape" x="12" y="48" width="243" height="180" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="12.000000" y="48.000000" width="243.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="32.000000" y="75.000000" style="text-anchor:start;font-size:24px;fill:white">shipments</text><text class="text" x="22.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
<text class="text" x="188.666667" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text> <text class="text" x="187.125000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="285.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="120.000000" x2="305.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">order_id</text> <text class="text" x="235.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="120.000000" x2="255.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">order_id</text>
<text class="text" x="188.666667" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text> <text class="text" x="187.125000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="285.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="156.000000" x2="305.000000" y2="156.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">tracking_number</text> <text class="text" x="235.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="156.000000" x2="255.000000" y2="156.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">tracking_number</text>
<text class="text" x="188.666667" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text> <text class="text" x="187.125000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
<text class="text" x="285.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="192.000000" x2="305.000000" y2="192.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">status</text> <text class="text" x="235.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="192.000000" x2="255.000000" y2="192.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">status</text>
<text class="text" x="188.666667" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text> <text class="text" x="187.125000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
<text class="text" x="285.000000" y="215.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="228.000000" x2="305.000000" y2="228.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="(users &lt;-&gt; orders)[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><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 764.500000 232.000000 L 764.500000 268.000000 S 764.500000 278.000000 754.500000 278.000000 L 533.750000 278.000000 S 523.750000 278.000000 523.750000 288.000000 L 523.750000 324.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#823833100)"/></g><g id="(products &lt;-&gt; orders)[0]"><path d="M 470.000000 232.000000 L 470.000000 324.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#823833100)"/></g><g id="(shipments &lt;-&gt; orders)[0]"><path d="M 158.500000 232.000000 L 158.500000 268.000000 S 158.500000 278.000000 168.500000 278.000000 L 406.250000 278.000000 S 416.250000 278.000000 416.250000 288.000000 L 416.250000 324.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#823833100)"/></g><mask id="823833100" maskUnits="userSpaceOnUse" x="0" y="0" width="1082" height="660"> <text class="text" x="235.000000" y="215.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="228.000000" x2="255.000000" y2="228.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="(users &lt;-&gt; orders)[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><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 561.562500 232.000000 L 561.562500 268.000000 S 561.562500 278.000000 551.562500 278.000000 L 407.597656 278.000000 S 397.597656 278.000000 397.597656 288.000000 L 397.597656 324.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2536742687)"/></g><g id="(products &lt;-&gt; orders)[0]"><path d="M 356.718750 232.000000 L 356.718750 324.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2536742687)"/></g><g id="(shipments &lt;-&gt; orders)[0]"><path d="M 133.531250 232.000000 L 133.531250 268.000000 S 133.531250 278.000000 143.531250 278.000000 L 305.839844 278.000000 S 315.839844 278.000000 315.839844 288.000000 L 315.839844 324.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2536742687)"/></g><mask id="2536742687" maskUnits="userSpaceOnUse" x="0" y="0" width="852" height="660">
<rect x="0" y="0" width="1082" height="660" fill="white"></rect> <rect x="0" y="0" width="852" height="660" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 336 KiB

After

Width:  |  Height:  |  Size: 336 KiB