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

Revert "update"

Browse source 
This reverts commit e976038914.
This commit is contained in:
Alexander Wang 2025-03-13 19:24:54 -06:00
parent e976038914
commit 5b55e4d818
No known key found for this signature in database
GPG key ID: BE3937D0D52D8927
18 changed files with 2147 additions and 3135 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

519
e2etests/testdata/txtar/c4-person-label/dagre/board.exp.json generated vendored
View file

@ -16,10 +16,10 @@
"type": "c4-person", "type": "c4-person",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 8 "y": 0
}, },
"width": 410, "width": 410,
"height": 284, "height": 390,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -58,10 +58,10 @@
"type": "c4-person", "type": "c4-person",
"pos": { "pos": {
"x": 470, "x": 470,
"y": 8 "y": 0
}, },
"width": 410, "width": 410,
"height": 284, "height": 390,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -100,10 +100,10 @@
"type": "c4-person", "type": "c4-person",
"pos": { "pos": {
"x": 940, "x": 940,
"y": 8 "y": 0
}, },
"width": 410, "width": 410,
"height": 284, "height": 390,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -136,514 +136,9 @@
"labelPosition": "INSIDE_BOTTOM_CENTER", "labelPosition": "INSIDE_BOTTOM_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
},
{
"id": "customer1",
"type": "c4-person",
"pos": {
"x": 1410,
"y": 0
},
"width": 448,
"height": 299,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B3",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "## Personal Banking Customer\n[person]\n\nA customer of the bank, with pekkrsonal bank ccountskks.",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 388,
"labelHeight": 119,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "customer2",
"type": "c4-person",
"pos": {
"x": 1137,
"y": 399
},
"width": 457,
"height": 378,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B3",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "## Personal Banking Customerk\n[person]\n\nA customer of the bank, with pekkrsonal bank accountskks.\n\nA customer of the bank, with pekkrsonal bank accountskks.\n\nA customer of the bank, with pekkrsonal bank accountskks.",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 396,
"labelHeight": 199,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "customer3",
"type": "c4-person",
"pos": {
"x": 1147,
"y": 877
},
"width": 457,
"height": 304,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B3",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "## Personal Banking Customer\n[person]\n\nA customer of the bank, with pekkrsonal bank accountskks.",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 396,
"labelHeight": 119,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "customer4",
"type": "c4-person",
"pos": {
"x": 1426,
"y": 1281
},
"width": 457,
"height": 304,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B3",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "## Personal Banking Customer\n[person]\n\nA customer of the bank, with pekkrsonal bank accountskks.",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 396,
"labelHeight": 119,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
}
],
"connections": [
{
"id": "(customer1 -> customer2)[0]",
"src": "customer1",
"srcArrow": "none",
"dst": "customer2",
"dstArrow": "triangle",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "B1",
"borderRadius": 10,
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N2",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"link": "",
"route": [
{
"x": 1436,
"y": 297
},
{
"x": 1379.5999755859375,
"y": 338.6000061035156
},
{
"x": 1365.5999755859375,
"y": 359
},
{
"x": 1366,
"y": 399
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "(customer2 -> customer3)[0]",
"src": "customer2",
"srcArrow": "none",
"dst": "customer3",
"dstArrow": "triangle",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "B1",
"borderRadius": 10,
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N2",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"link": "",
"route": [
{
"x": 1358,
"y": 777
},
{
"x": 1356,
"y": 817
},
{
"x": 1356.5999755859375,
"y": 837.2000122070312
},
{
"x": 1361,
"y": 878
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "(customer3 -> customer4)[0]",
"src": "customer3",
"srcArrow": "none",
"dst": "customer4",
"dstArrow": "triangle",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "B1",
"borderRadius": 10,
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N2",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"link": "",
"route": [
{
"x": 1375,
"y": 1181
},
{
"x": 1375.4000244140625,
"y": 1221
},
{
"x": 1415,
"y": 1259.5999755859375
},
{
"x": 1573,
"y": 1374
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "(customer4 -> customer1)[0]",
"src": "customer4",
"srcArrow": "none",
"dst": "customer1",
"dstArrow": "triangle",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "B1",
"borderRadius": 10,
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N2",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"link": "",
"route": [
{
"x": 1654,
"y": 1281
},
{
"x": 1654,
"y": 1241
},
{
"x": 1654,
"y": 1190.5999755859375
},
{
"x": 1654,
"y": 1130
},
{
"x": 1654,
"y": 1069.4000244140625
},
{
"x": 1654,
"y": 988.5999755859375
},
{
"x": 1654,
"y": 928
},
{
"x": 1654,
"y": 867.4000244140625
},
{
"x": 1654,
"y": 779.2000122070312
},
{
"x": 1654,
"y": 707.5
},
{
"x": 1654,
"y": 635.7999877929688
},
{
"x": 1653,
"y": 339
},
{
"x": 1649,
"y": 299
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "(customer1 -> customer3)[0]",
"src": "customer1",
"srcArrow": "none",
"dst": "customer3",
"dstArrow": "triangle",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "B1",
"borderRadius": 10,
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N2",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"link": "",
"route": [
{
"x": 1634,
"y": 299
},
{
"x": 1634,
"y": 339
},
{
"x": 1634,
"y": 396.79998779296875
},
{
"x": 1634,
"y": 468.5
},
{
"x": 1634,
"y": 540.2000122070312
},
{
"x": 1598.800048828125,
"y": 854.5999755859375
},
{
"x": 1458,
"y": 965
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "(customer3 -> customer2)[0]",
"src": "customer3",
"srcArrow": "none",
"dst": "customer2",
"dstArrow": "triangle",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "B1",
"borderRadius": 10,
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N2",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"link": "",
"route": [
{
"x": 1442,
"y": 911
},
{
"x": 1480.199951171875,
"y": 843.7999877929688
},
{
"x": 1484.5999755859375,
"y": 817
},
{
"x": 1464,
"y": 777
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
} }
], ],
"connections": [],
"root": { "root": {
"id": "", "id": "",
"type": "", "type": "",

584
e2etests/testdata/txtar/c4-person-label/dagre/sketch.exp.svg vendored
View file

File diff suppressed because it is too large Load diff
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 32 KiB

421
e2etests/testdata/txtar/c4-person-label/elk/board.exp.json generated vendored
View file

@ -16,10 +16,10 @@
"type": "c4-person", "type": "c4-person",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 19 "y": 12
}, },
"width": 410, "width": 410,
"height": 284, "height": 390,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -57,11 +57,11 @@
"id": "c4mdperson2", "id": "c4mdperson2",
"type": "c4-person", "type": "c4-person",
"pos": { "pos": {
"x": 441, "x": 442,
"y": 19 "y": 12
}, },
"width": 410, "width": 410,
"height": 284, "height": 390,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -99,11 +99,11 @@
"id": "c4mdperson3", "id": "c4mdperson3",
"type": "c4-person", "type": "c4-person",
"pos": { "pos": {
"x": 871, "x": 872,
"y": 19 "y": 12
}, },
"width": 410, "width": 410,
"height": 284, "height": 390,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -136,412 +136,9 @@
"labelPosition": "INSIDE_BOTTOM_CENTER", "labelPosition": "INSIDE_BOTTOM_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
},
{
"id": "customer1",
"type": "c4-person",
"pos": {
"x": 1301,
"y": 12
},
"width": 448,
"height": 299,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B3",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "## Personal Banking Customer\n[person]\n\nA customer of the bank, with pekkrsonal bank ccountskks.",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 388,
"labelHeight": 119,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "customer2",
"type": "c4-person",
"pos": {
"x": 1028,
"y": 391
},
"width": 457,
"height": 378,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B3",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "## Personal Banking Customerk\n[person]\n\nA customer of the bank, with pekkrsonal bank accountskks.\n\nA customer of the bank, with pekkrsonal bank accountskks.\n\nA customer of the bank, with pekkrsonal bank accountskks.",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 396,
"labelHeight": 199,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "customer3",
"type": "c4-person",
"pos": {
"x": 1123,
"y": 849
},
"width": 457,
"height": 304,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B3",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "## Personal Banking Customer\n[person]\n\nA customer of the bank, with pekkrsonal bank accountskks.",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 396,
"labelHeight": 119,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "customer4",
"type": "c4-person",
"pos": {
"x": 1313,
"y": 1233
},
"width": 457,
"height": 304,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B3",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "## Personal Banking Customer\n[person]\n\nA customer of the bank, with pekkrsonal bank accountskks.",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "markdown",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 396,
"labelHeight": 119,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
}
],
"connections": [
{
"id": "(customer1 -> customer2)[0]",
"src": "customer1",
"srcArrow": "none",
"dst": "customer2",
"dstArrow": "triangle",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "B1",
"borderRadius": 10,
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N2",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"link": "",
"route": [
{
"x": 1414,
"y": 311
},
{
"x": 1414,
"y": 540
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "(customer2 -> customer3)[0]",
"src": "customer2",
"srcArrow": "none",
"dst": "customer3",
"dstArrow": "triangle",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "B1",
"borderRadius": 10,
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N2",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"link": "",
"route": [
{
"x": 1237,
"y": 769
},
{
"x": 1237,
"y": 997
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "(customer3 -> customer4)[0]",
"src": "customer3",
"srcArrow": "none",
"dst": "customer4",
"dstArrow": "triangle",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "B1",
"borderRadius": 10,
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N2",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"link": "",
"route": [
{
"x": 1465,
"y": 1153
},
{
"x": 1466,
"y": 1284
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "(customer4 -> customer1)[0]",
"src": "customer4",
"srcArrow": "none",
"dst": "customer1",
"dstArrow": "triangle",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "B1",
"borderRadius": 10,
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N2",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"link": "",
"route": [
{
"x": 1620,
"y": 1290
},
{
"x": 1620,
"y": 311
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "(customer1 -> customer3)[0]",
"src": "customer1",
"srcArrow": "none",
"dst": "customer3",
"dstArrow": "triangle",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "B1",
"borderRadius": 10,
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N2",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"link": "",
"route": [
{
"x": 1526,
"y": 311
},
{
"x": 1526,
"y": 997
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "(customer3 -> customer2)[0]",
"src": "customer3",
"srcArrow": "none",
"dst": "customer2",
"dstArrow": "triangle",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "B1",
"borderRadius": 10,
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N2",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"link": "",
"route": [
{
"x": 1334,
"y": 851
},
{
"x": 1334,
"y": 769
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
} }
], ],
"connections": [],
"root": { "root": {
"id": "", "id": "",
"type": "", "type": "",

584
e2etests/testdata/txtar/c4-person-label/elk/sketch.exp.svg vendored
View file

File diff suppressed because it is too large Load diff
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 32 KiB

58
e2etests/testdata/txtar/c4-person-shape/dagre/board.exp.json generated vendored
View file

@ -16,10 +16,10 @@
"type": "c4-person", "type": "c4-person",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 469 "y": 504
}, },
"width": 336, "width": 336,
"height": 286, "height": 328,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 1, "strokeWidth": 1,
@ -61,7 +61,7 @@
"y": 0 "y": 0
}, },
"width": 139, "width": 139,
"height": 107, "height": 132,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 1, "strokeWidth": 1,
@ -100,7 +100,7 @@
"type": "person", "type": "person",
"pos": { "pos": {
"x": 101, "x": 101,
"y": 279 "y": 309
}, },
"width": 134, "width": 134,
"height": 89, "height": 89,
@ -142,10 +142,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 386, "x": 386,
"y": 248 "y": 273
}, },
"width": 210, "width": 210,
"height": 484, "height": 515,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -184,10 +184,10 @@
"type": "c4-person", "type": "c4-person",
"pos": { "pos": {
"x": 449, "x": 449,
"y": 278 "y": 303
}, },
"width": 84, "width": 84,
"height": 91, "height": 101,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 1, "strokeWidth": 1,
@ -226,7 +226,7 @@
"type": "c4-person", "type": "c4-person",
"pos": { "pos": {
"x": 416, "x": 416,
"y": 522 "y": 578
}, },
"width": 150, "width": 150,
"height": 180, "height": 180,
@ -292,19 +292,19 @@
"route": [ "route": [
{ {
"x": 168, "x": 168,
"y": 394 "y": 424
}, },
{ {
"x": 168, "x": 168,
"y": 414 "y": 448
}, },
{ {
"x": 168, "x": 168,
"y": 429 "y": 461
}, },
{ {
"x": 168, "x": 168,
"y": 469 "y": 489
} }
], ],
"isCurve": true, "isCurve": true,
@ -339,20 +339,20 @@
"link": "", "link": "",
"route": [ "route": [
{ {
"x": 263, "x": 262,
"y": 100 "y": 119
}, },
{ {
"x": 187, "x": 186.8000030517578,
"y": 154 "y": 177.8000030517578
}, },
{ {
"x": 168, "x": 168,
"y": 238.1999969482422 "y": 264.20001220703125
}, },
{ {
"x": 168, "x": 168,
"y": 279 "y": 309
} }
], ],
"isCurve": true, "isCurve": true,
@ -387,20 +387,20 @@
"link": "", "link": "",
"route": [ "route": [
{ {
"x": 395, "x": 397,
"y": 100 "y": 119
}, },
{ {
"x": 471.79998779296875, "x": 472.20001220703125,
"y": 154 "y": 177.8000030517578
}, },
{ {
"x": 491, "x": 491,
"y": 238 "y": 263
}, },
{ {
"x": 491, "x": 491,
"y": 278 "y": 303
} }
], ],
"isCurve": true, "isCurve": true,
@ -436,19 +436,19 @@
"route": [ "route": [
{ {
"x": 491, "x": 491,
"y": 369 "y": 405
}, },
{ {
"x": 491, "x": 491,
"y": 409 "y": 444.20001220703125
}, },
{ {
"x": 491, "x": 491,
"y": 439.6000061035156 "y": 478.6000061035156
}, },
{ {
"x": 491, "x": 491,
"y": 522 "y": 577
} }
], ],
"isCurve": true, "isCurve": true,

578
e2etests/testdata/txtar/c4-person-shape/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: 46 KiB

After

Width:  |  Height:  |  Size: 46 KiB

42
e2etests/testdata/txtar/c4-person-shape/elk/board.exp.json generated vendored
View file

@ -16,10 +16,10 @@
"type": "c4-person", "type": "c4-person",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 900 "y": 935
}, },
"width": 336, "width": 336,
"height": 286, "height": 328,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 1, "strokeWidth": 1,
@ -61,7 +61,7 @@
"y": 12 "y": 12
}, },
"width": 139, "width": 139,
"height": 107, "height": 132,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 1, "strokeWidth": 1,
@ -100,7 +100,7 @@
"type": "person", "type": "person",
"pos": { "pos": {
"x": 113, "x": 113,
"y": 715 "y": 750
}, },
"width": 134, "width": 134,
"height": 89, "height": 89,
@ -142,10 +142,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 256, "x": 256,
"y": 204 "y": 229
}, },
"width": 250, "width": 250,
"height": 441, "height": 451,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -184,10 +184,10 @@
"type": "c4-person", "type": "c4-person",
"pos": { "pos": {
"x": 339, "x": 339,
"y": 254 "y": 279
}, },
"width": 84, "width": 84,
"height": 91, "height": 101,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 1, "strokeWidth": 1,
@ -226,7 +226,7 @@
"type": "c4-person", "type": "c4-person",
"pos": { "pos": {
"x": 306, "x": 306,
"y": 415 "y": 450
}, },
"width": 150, "width": 150,
"height": 180, "height": 180,
@ -292,11 +292,11 @@
"route": [ "route": [
{ {
"x": 180, "x": 180,
"y": 830 "y": 865
}, },
{ {
"x": 180, "x": 180,
"y": 900 "y": 920
} }
], ],
"animated": false, "animated": false,
@ -331,19 +331,19 @@
"route": [ "route": [
{ {
"x": 258, "x": 258,
"y": 119 "y": 144
}, },
{ {
"x": 257.5830078125, "x": 257.5830078125,
"y": 159 "y": 184
}, },
{ {
"x": 180, "x": 180,
"y": 159 "y": 184
}, },
{ {
"x": 180, "x": 180,
"y": 715 "y": 750
} }
], ],
"animated": false, "animated": false,
@ -378,19 +378,19 @@
"route": [ "route": [
{ {
"x": 304, "x": 304,
"y": 119 "y": 144
}, },
{ {
"x": 303.9159851074219, "x": 303.9159851074219,
"y": 159 "y": 184
}, },
{ {
"x": 381.5, "x": 381.5,
"y": 159 "y": 184
}, },
{ {
"x": 382, "x": 382,
"y": 254 "y": 279
} }
], ],
"animated": false, "animated": false,
@ -425,11 +425,11 @@
"route": [ "route": [
{ {
"x": 381, "x": 381,
"y": 345 "y": 381
}, },
{ {
"x": 382, "x": 382,
"y": 415 "y": 449
} }
], ],
"animated": false, "animated": false,

578
e2etests/testdata/txtar/c4-person-shape/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: 46 KiB

After

Width:  |  Height:  |  Size: 46 KiB

172
e2etests/testdata/txtar/c4-theme/dagre/board.exp.json generated vendored
View file

@ -19,7 +19,7 @@
"y": 0 "y": 0
}, },
"width": 415, "width": 415,
"height": 285, "height": 394,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -58,7 +58,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 147, "x": 147,
"y": 442 "y": 551
}, },
"width": 2407, "width": 2407,
"height": 915, "height": 915,
@ -100,7 +100,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 177, "x": 177,
"y": 472 "y": 581
}, },
"width": 550, "width": 550,
"height": 164, "height": 164,
@ -142,7 +142,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 390, "x": 390,
"y": 757 "y": 866
}, },
"width": 609, "width": 609,
"height": 164, "height": 164,
@ -184,7 +184,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1123, "x": 1123,
"y": 757 "y": 866
}, },
"width": 707, "width": 707,
"height": 164, "height": 164,
@ -226,7 +226,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1246, "x": 1246,
"y": 1058 "y": 1167
}, },
"width": 461, "width": 461,
"height": 164, "height": 164,
@ -268,7 +268,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1890, "x": 1890,
"y": 757 "y": 866
}, },
"width": 634, "width": 634,
"height": 164, "height": 164,
@ -310,7 +310,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2410, "x": 2410,
"y": 1494 "y": 1603
}, },
"width": 360, "width": 360,
"height": 164, "height": 164,
@ -352,7 +352,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 1494 "y": 1603
}, },
"width": 629, "width": 629,
"height": 164, "height": 164,
@ -418,19 +418,19 @@
"route": [ "route": [
{ {
"x": 1089, "x": 1089,
"y": 194 "y": 262
}, },
{ {
"x": 579.4000244140625, "x": 579.4000244140625,
"y": 321.6000061035156 "y": 422.3999938964844
}, },
{ {
"x": 452, "x": 452,
"y": 432 "y": 541
}, },
{ {
"x": 452, "x": 452,
"y": 472 "y": 581
} }
], ],
"isCurve": true, "isCurve": true,
@ -466,19 +466,19 @@
"route": [ "route": [
{ {
"x": 452, "x": 452,
"y": 635.5 "y": 744.5
}, },
{ {
"x": 452, "x": 452,
"y": 684.2999877929688 "y": 793.2999877929688
}, },
{ {
"x": 472.3999938964844, "x": 472.3999938964844,
"y": 708.7000122070312 "y": 817.7000122070312
}, },
{ {
"x": 554, "x": 554,
"y": 757.5 "y": 866.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -513,44 +513,44 @@
"link": "", "link": "",
"route": [ "route": [
{ {
"x": 1093, "x": 1092,
"y": 262 "y": 348
}, },
{ {
"x": 968.2000122070312, "x": 968,
"y": 335.20001220703125 "y": 439.6000061035156
}, },
{ {
"x": 937, "x": 937,
"y": 367.20001220703125 "y": 476.20001220703125
}, },
{ {
"x": 937, "x": 937,
"y": 387.75 "y": 496.75
}, },
{ {
"x": 937, "x": 937,
"y": 408.29998779296875 "y": 517.2990112304688
}, },
{ {
"x": 937, "x": 937,
"y": 448.3999938964844 "y": 557.4000244140625
}, },
{ {
"x": 937, "x": 937,
"y": 488 "y": 597
}, },
{ {
"x": 937, "x": 937,
"y": 527.5999755859375 "y": 636.5999755859375
}, },
{ {
"x": 916.5999755859375, "x": 916.5999755859375,
"y": 708.7000122070312 "y": 817.7000122070312
}, },
{ {
"x": 835, "x": 835,
"y": 757.5 "y": 866.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -585,44 +585,44 @@
"link": "", "link": "",
"route": [ "route": [
{ {
"x": 1418, "x": 1430,
"y": 285 "y": 394
}, },
{ {
"x": 1464.4000244140625, "x": 1466.800048828125,
"y": 339.79998779296875 "y": 448.79998779296875
}, },
{ {
"x": 1476, "x": 1476,
"y": 367.20001220703125 "y": 476.20001220703125
}, },
{ {
"x": 1476, "x": 1476,
"y": 387.75 "y": 496.75
}, },
{ {
"x": 1476, "x": 1476,
"y": 408.29998779296875 "y": 517.2990112304688
}, },
{ {
"x": 1476, "x": 1476,
"y": 448.3999938964844 "y": 557.4000244140625
}, },
{ {
"x": 1476, "x": 1476,
"y": 488 "y": 597
}, },
{ {
"x": 1476, "x": 1476,
"y": 527.5999755859375 "y": 636.5999755859375
}, },
{ {
"x": 1476, "x": 1476,
"y": 708.7000122070312 "y": 817.7000122070312
}, },
{ {
"x": 1476, "x": 1476,
"y": 757.5 "y": 866.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -658,19 +658,19 @@
"route": [ "route": [
{ {
"x": 694.5, "x": 694.5,
"y": 920.5 "y": 1029.5
}, },
{ {
"x": 694.5, "x": 694.5,
"y": 975.7000122070312 "y": 1084.699951171875
}, },
{ {
"x": 804.7000122070312, "x": 804.7000122070312,
"y": 1010.7219848632812 "y": 1119.7220458984375
}, },
{ {
"x": 1245.5, "x": 1245.5,
"y": 1095.6099853515625 "y": 1204.6099853515625
} }
], ],
"isCurve": true, "isCurve": true,
@ -706,19 +706,19 @@
"route": [ "route": [
{ {
"x": 1476, "x": 1476,
"y": 920.5 "y": 1029.5
}, },
{ {
"x": 1476, "x": 1476,
"y": 975.7000122070312 "y": 1084.699951171875
}, },
{ {
"x": 1476, "x": 1476,
"y": 1003.2999877929688 "y": 1112.300048828125
}, },
{ {
"x": 1476, "x": 1476,
"y": 1058.5 "y": 1167.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -754,19 +754,19 @@
"route": [ "route": [
{ {
"x": 1245.5, "x": 1245.5,
"y": 1166.1949462890625 "y": 1275.1949462890625
}, },
{ {
"x": 500.6990051269531, "x": 500.6990051269531,
"y": 1318.8389892578125 "y": 1427.8389892578125
}, },
{ {
"x": 314.5, "x": 314.5,
"y": 1439.300048828125 "y": 1548.300048828125
}, },
{ {
"x": 314.5, "x": 314.5,
"y": 1494.5 "y": 1603.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -802,103 +802,103 @@
"route": [ "route": [
{ {
"x": 1505, "x": 1505,
"y": 175 "y": 238
}, },
{ {
"x": 2410.60009765625, "x": 2410.60009765625,
"y": 317.79998779296875 "y": 417.6000061035156
}, },
{ {
"x": 2637, "x": 2637,
"y": 367.20001220703125 "y": 476.20001220703125
}, },
{ {
"x": 2637, "x": 2637,
"y": 387.75 "y": 496.75
}, },
{ {
"x": 2637, "x": 2637,
"y": 408.29998779296875 "y": 517.2990112304688
}, },
{ {
"x": 2637, "x": 2637,
"y": 448.3999938964844 "y": 557.4000244140625
}, },
{ {
"x": 2637, "x": 2637,
"y": 488 "y": 597
}, },
{ {
"x": 2637, "x": 2637,
"y": 527.5999755859375 "y": 636.5999755859375
}, },
{ {
"x": 2637, "x": 2637,
"y": 582.5 "y": 691.5
}, },
{ {
"x": 2637, "x": 2637,
"y": 625.25 "y": 734.25
}, },
{ {
"x": 2637, "x": 2637,
"y": 668 "y": 777
}, },
{ {
"x": 2637, "x": 2637,
"y": 725 "y": 834
}, },
{ {
"x": 2637, "x": 2637,
"y": 767.75 "y": 876.75
}, },
{ {
"x": 2637, "x": 2637,
"y": 810.5 "y": 919.5
}, },
{ {
"x": 2637, "x": 2637,
"y": 869.0999755859375 "y": 978.0999755859375
}, },
{ {
"x": 2637, "x": 2637,
"y": 914.25 "y": 1023.25
}, },
{ {
"x": 2637, "x": 2637,
"y": 959.4000244140625 "y": 1068.4000244140625
}, },
{ {
"x": 2637, "x": 2637,
"y": 1019.5999755859375 "y": 1128.5999755859375
}, },
{ {
"x": 2637, "x": 2637,
"y": 1064.75 "y": 1173.75
}, },
{ {
"x": 2637, "x": 2637,
"y": 1109.9000244140625 "y": 1218.9000244140625
}, },
{ {
"x": 2637, "x": 2637,
"y": 1183.4000244140625 "y": 1292.4000244140625
}, },
{ {
"x": 2637, "x": 2637,
"y": 1248.5 "y": 1357.5
}, },
{ {
"x": 2637, "x": 2637,
"y": 1313.5999755859375 "y": 1422.5999755859375
}, },
{ {
"x": 2632.800048828125, "x": 2632.800048828125,
"y": 1439.300048828125 "y": 1548.300048828125
}, },
{ {
"x": 2616, "x": 2616,
"y": 1494.5 "y": 1603.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -934,19 +934,19 @@
"route": [ "route": [
{ {
"x": 1707.5, "x": 1707.5,
"y": 1173.843994140625 "y": 1282.843994140625
}, },
{ {
"x": 2241.5, "x": 2241.5,
"y": 1320.3680419921875 "y": 1429.3680419921875
}, },
{ {
"x": 2394.39990234375, "x": 2394.39990234375,
"y": 1439.300048828125 "y": 1548.300048828125
}, },
{ {
"x": 2472, "x": 2472,
"y": 1494.5 "y": 1603.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -982,19 +982,19 @@
"route": [ "route": [
{ {
"x": 2206.5, "x": 2206.5,
"y": 920.5 "y": 1029.5
}, },
{ {
"x": 2206.5, "x": 2206.5,
"y": 975.7000122070312 "y": 1084.699951171875
}, },
{ {
"x": 2106.5, "x": 2106.5,
"y": 1010.0999755859375 "y": 1119.0999755859375
}, },
{ {
"x": 1706.5, "x": 1706.5,
"y": 1092.5 "y": 1201.5
} }
], ],
"isCurve": true, "isCurve": true,

612
e2etests/testdata/txtar/c4-theme/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: 53 KiB

After

Width:  |  Height:  |  Size: 54 KiB

86
e2etests/testdata/txtar/c4-theme/elk/board.exp.json generated vendored
View file

@ -19,7 +19,7 @@
"y": 12 "y": 12
}, },
"width": 415, "width": 415,
"height": 285, "height": 394,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -58,7 +58,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 549 "y": 658
}, },
"width": 2218, "width": 2218,
"height": 1035, "height": 1035,
@ -100,7 +100,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 62, "x": 62,
"y": 599 "y": 708
}, },
"width": 550, "width": 550,
"height": 164, "height": 164,
@ -142,7 +142,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 190, "x": 190,
"y": 934 "y": 1043
}, },
"width": 609, "width": 609,
"height": 164, "height": 164,
@ -184,7 +184,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 819, "x": 819,
"y": 934 "y": 1043
}, },
"width": 707, "width": 707,
"height": 164, "height": 164,
@ -226,7 +226,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 942, "x": 942,
"y": 1285 "y": 1394
}, },
"width": 461, "width": 461,
"height": 164, "height": 164,
@ -268,7 +268,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1546, "x": 1546,
"y": 934 "y": 1043
}, },
"width": 634, "width": 634,
"height": 164, "height": 164,
@ -310,7 +310,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1746, "x": 1746,
"y": 1786 "y": 1895
}, },
"width": 360, "width": 360,
"height": 164, "height": 164,
@ -352,7 +352,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 781, "x": 781,
"y": 1786 "y": 1895
}, },
"width": 629, "width": 629,
"height": 164, "height": 164,
@ -418,19 +418,19 @@
"route": [ "route": [
{ {
"x": 788, "x": 788,
"y": 297 "y": 406
}, },
{ {
"x": 787.75, "x": 787.75,
"y": 337 "y": 446
}, },
{ {
"x": 359.25, "x": 359.25,
"y": 337 "y": 446
}, },
{ {
"x": 359.25, "x": 359.25,
"y": 599 "y": 708
} }
], ],
"animated": false, "animated": false,
@ -465,11 +465,11 @@
"route": [ "route": [
{ {
"x": 393, "x": 393,
"y": 763 "y": 872
}, },
{ {
"x": 393, "x": 393,
"y": 934 "y": 1043
} }
], ],
"animated": false, "animated": false,
@ -504,19 +504,19 @@
"route": [ "route": [
{ {
"x": 871, "x": 871,
"y": 297 "y": 406
}, },
{ {
"x": 870.75, "x": 870.75,
"y": 387 "y": 496
}, },
{ {
"x": 652, "x": 652,
"y": 387 "y": 496
}, },
{ {
"x": 652, "x": 652,
"y": 934 "y": 1043
} }
], ],
"animated": false, "animated": false,
@ -551,11 +551,11 @@
"route": [ "route": [
{ {
"x": 954, "x": 954,
"y": 297 "y": 406
}, },
{ {
"x": 953.75, "x": 953.75,
"y": 934 "y": 1043
} }
], ],
"animated": false, "animated": false,
@ -590,19 +590,19 @@
"route": [ "route": [
{ {
"x": 494.5, "x": 494.5,
"y": 1098 "y": 1207
}, },
{ {
"x": 494.5, "x": 494.5,
"y": 1245 "y": 1354
}, },
{ {
"x": 1057.25, "x": 1057.25,
"y": 1245 "y": 1354
}, },
{ {
"x": 1057.25, "x": 1057.25,
"y": 1285 "y": 1394
} }
], ],
"animated": false, "animated": false,
@ -637,11 +637,11 @@
"route": [ "route": [
{ {
"x": 1172.5, "x": 1172.5,
"y": 1098 "y": 1207
}, },
{ {
"x": 1172.5, "x": 1172.5,
"y": 1285 "y": 1394
} }
], ],
"animated": false, "animated": false,
@ -676,11 +676,11 @@
"route": [ "route": [
{ {
"x": 1095.666015625, "x": 1095.666015625,
"y": 1449 "y": 1558
}, },
{ {
"x": 1095.666015625, "x": 1095.666015625,
"y": 1786 "y": 1895
} }
], ],
"animated": false, "animated": false,
@ -715,27 +715,27 @@
"route": [ "route": [
{ {
"x": 1037, "x": 1037,
"y": 297 "y": 406
}, },
{ {
"x": 1036.75, "x": 1036.75,
"y": 337 "y": 446
}, },
{ {
"x": 2303.5, "x": 2303.5,
"y": 337 "y": 446
}, },
{ {
"x": 2303.5, "x": 2303.5,
"y": 1746 "y": 1855
}, },
{ {
"x": 1986.8330078125, "x": 1986.8330078125,
"y": 1746 "y": 1855
}, },
{ {
"x": 1986.8330078125, "x": 1986.8330078125,
"y": 1786 "y": 1895
} }
], ],
"animated": false, "animated": false,
@ -770,19 +770,19 @@
"route": [ "route": [
{ {
"x": 1249.3330078125, "x": 1249.3330078125,
"y": 1449 "y": 1558
}, },
{ {
"x": 1249.3330078125, "x": 1249.3330078125,
"y": 1746 "y": 1855
}, },
{ {
"x": 1866.8330078125, "x": 1866.8330078125,
"y": 1746 "y": 1855
}, },
{ {
"x": 1866.8330078125, "x": 1866.8330078125,
"y": 1786 "y": 1895
} }
], ],
"animated": false, "animated": false,
@ -817,19 +817,19 @@
"route": [ "route": [
{ {
"x": 1863, "x": 1863,
"y": 1098 "y": 1207
}, },
{ {
"x": 1863, "x": 1863,
"y": 1245 "y": 1354
}, },
{ {
"x": 1287.75, "x": 1287.75,
"y": 1245 "y": 1354
}, },
{ {
"x": 1287.75, "x": 1287.75,
"y": 1285 "y": 1394
} }
], ],
"animated": false, "animated": false,

612
e2etests/testdata/txtar/c4-theme/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: 53 KiB

After

Width:  |  Height:  |  Size: 53 KiB

2
e2etests/testdata/txtar/small-c4-person/dagre/board.exp.json generated vendored
View file

@ -19,7 +19,7 @@
"y": 0 "y": 0
}, },
"width": 180, "width": 180,
"height": 85, "height": 94,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,

156
e2etests/testdata/txtar/small-c4-person/dagre/sketch.exp.svg vendored
View file

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-d2-version="v0.6.9-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 182 112"><svg class="d2-680955506 d2-svg" width="182" height="112" viewBox="-1 -26 182 112"><rect x="-1.000000" y="-26.000000" width="182.000000" height="112.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[ <?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-d2-version="v0.6.9-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 182 120"><svg class="d2-4248901620 d2-svg" width="182" height="120" viewBox="-1 -25 182 120"><rect x="-1.000000" y="-25.000000" width="182.000000" height="120.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-680955506 .text-bold { .d2-4248901620 .text-bold {
font-family: "d2-680955506-font-bold"; font-family: "d2-4248901620-font-bold";
} }
@font-face { @font-face {
font-family: d2-680955506-font-bold; font-family: d2-4248901620-font-bold;
src: url("data:application/font-woff;base64,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"); src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape { }]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -18,78 +18,78 @@
opacity: 0.5; opacity: 0.5;
} }
.d2-680955506 .fill-N1{fill:#0A0F25;} .d2-4248901620 .fill-N1{fill:#0A0F25;}
.d2-680955506 .fill-N2{fill:#676C7E;} .d2-4248901620 .fill-N2{fill:#676C7E;}
.d2-680955506 .fill-N3{fill:#9499AB;} .d2-4248901620 .fill-N3{fill:#9499AB;}
.d2-680955506 .fill-N4{fill:#CFD2DD;} .d2-4248901620 .fill-N4{fill:#CFD2DD;}
.d2-680955506 .fill-N5{fill:#DEE1EB;} .d2-4248901620 .fill-N5{fill:#DEE1EB;}
.d2-680955506 .fill-N6{fill:#EEF1F8;} .d2-4248901620 .fill-N6{fill:#EEF1F8;}
.d2-680955506 .fill-N7{fill:#FFFFFF;} .d2-4248901620 .fill-N7{fill:#FFFFFF;}
.d2-680955506 .fill-B1{fill:#0D32B2;} .d2-4248901620 .fill-B1{fill:#0D32B2;}
.d2-680955506 .fill-B2{fill:#0D32B2;} .d2-4248901620 .fill-B2{fill:#0D32B2;}
.d2-680955506 .fill-B3{fill:#E3E9FD;} .d2-4248901620 .fill-B3{fill:#E3E9FD;}
.d2-680955506 .fill-B4{fill:#E3E9FD;} .d2-4248901620 .fill-B4{fill:#E3E9FD;}
.d2-680955506 .fill-B5{fill:#EDF0FD;} .d2-4248901620 .fill-B5{fill:#EDF0FD;}
.d2-680955506 .fill-B6{fill:#F7F8FE;} .d2-4248901620 .fill-B6{fill:#F7F8FE;}
.d2-680955506 .fill-AA2{fill:#4A6FF3;} .d2-4248901620 .fill-AA2{fill:#4A6FF3;}
.d2-680955506 .fill-AA4{fill:#EDF0FD;} .d2-4248901620 .fill-AA4{fill:#EDF0FD;}
.d2-680955506 .fill-AA5{fill:#F7F8FE;} .d2-4248901620 .fill-AA5{fill:#F7F8FE;}
.d2-680955506 .fill-AB4{fill:#EDF0FD;} .d2-4248901620 .fill-AB4{fill:#EDF0FD;}
.d2-680955506 .fill-AB5{fill:#F7F8FE;} .d2-4248901620 .fill-AB5{fill:#F7F8FE;}
.d2-680955506 .stroke-N1{stroke:#0A0F25;} .d2-4248901620 .stroke-N1{stroke:#0A0F25;}
.d2-680955506 .stroke-N2{stroke:#676C7E;} .d2-4248901620 .stroke-N2{stroke:#676C7E;}
.d2-680955506 .stroke-N3{stroke:#9499AB;} .d2-4248901620 .stroke-N3{stroke:#9499AB;}
.d2-680955506 .stroke-N4{stroke:#CFD2DD;} .d2-4248901620 .stroke-N4{stroke:#CFD2DD;}
.d2-680955506 .stroke-N5{stroke:#DEE1EB;} .d2-4248901620 .stroke-N5{stroke:#DEE1EB;}
.d2-680955506 .stroke-N6{stroke:#EEF1F8;} .d2-4248901620 .stroke-N6{stroke:#EEF1F8;}
.d2-680955506 .stroke-N7{stroke:#FFFFFF;} .d2-4248901620 .stroke-N7{stroke:#FFFFFF;}
.d2-680955506 .stroke-B1{stroke:#0D32B2;} .d2-4248901620 .stroke-B1{stroke:#0D32B2;}
.d2-680955506 .stroke-B2{stroke:#0D32B2;} .d2-4248901620 .stroke-B2{stroke:#0D32B2;}
.d2-680955506 .stroke-B3{stroke:#E3E9FD;} .d2-4248901620 .stroke-B3{stroke:#E3E9FD;}
.d2-680955506 .stroke-B4{stroke:#E3E9FD;} .d2-4248901620 .stroke-B4{stroke:#E3E9FD;}
.d2-680955506 .stroke-B5{stroke:#EDF0FD;} .d2-4248901620 .stroke-B5{stroke:#EDF0FD;}
.d2-680955506 .stroke-B6{stroke:#F7F8FE;} .d2-4248901620 .stroke-B6{stroke:#F7F8FE;}
.d2-680955506 .stroke-AA2{stroke:#4A6FF3;} .d2-4248901620 .stroke-AA2{stroke:#4A6FF3;}
.d2-680955506 .stroke-AA4{stroke:#EDF0FD;} .d2-4248901620 .stroke-AA4{stroke:#EDF0FD;}
.d2-680955506 .stroke-AA5{stroke:#F7F8FE;} .d2-4248901620 .stroke-AA5{stroke:#F7F8FE;}
.d2-680955506 .stroke-AB4{stroke:#EDF0FD;} .d2-4248901620 .stroke-AB4{stroke:#EDF0FD;}
.d2-680955506 .stroke-AB5{stroke:#F7F8FE;} .d2-4248901620 .stroke-AB5{stroke:#F7F8FE;}
.d2-680955506 .background-color-N1{background-color:#0A0F25;} .d2-4248901620 .background-color-N1{background-color:#0A0F25;}
.d2-680955506 .background-color-N2{background-color:#676C7E;} .d2-4248901620 .background-color-N2{background-color:#676C7E;}
.d2-680955506 .background-color-N3{background-color:#9499AB;} .d2-4248901620 .background-color-N3{background-color:#9499AB;}
.d2-680955506 .background-color-N4{background-color:#CFD2DD;} .d2-4248901620 .background-color-N4{background-color:#CFD2DD;}
.d2-680955506 .background-color-N5{background-color:#DEE1EB;} .d2-4248901620 .background-color-N5{background-color:#DEE1EB;}
.d2-680955506 .background-color-N6{background-color:#EEF1F8;} .d2-4248901620 .background-color-N6{background-color:#EEF1F8;}
.d2-680955506 .background-color-N7{background-color:#FFFFFF;} .d2-4248901620 .background-color-N7{background-color:#FFFFFF;}
.d2-680955506 .background-color-B1{background-color:#0D32B2;} .d2-4248901620 .background-color-B1{background-color:#0D32B2;}
.d2-680955506 .background-color-B2{background-color:#0D32B2;} .d2-4248901620 .background-color-B2{background-color:#0D32B2;}
.d2-680955506 .background-color-B3{background-color:#E3E9FD;} .d2-4248901620 .background-color-B3{background-color:#E3E9FD;}
.d2-680955506 .background-color-B4{background-color:#E3E9FD;} .d2-4248901620 .background-color-B4{background-color:#E3E9FD;}
.d2-680955506 .background-color-B5{background-color:#EDF0FD;} .d2-4248901620 .background-color-B5{background-color:#EDF0FD;}
.d2-680955506 .background-color-B6{background-color:#F7F8FE;} .d2-4248901620 .background-color-B6{background-color:#F7F8FE;}
.d2-680955506 .background-color-AA2{background-color:#4A6FF3;} .d2-4248901620 .background-color-AA2{background-color:#4A6FF3;}
.d2-680955506 .background-color-AA4{background-color:#EDF0FD;} .d2-4248901620 .background-color-AA4{background-color:#EDF0FD;}
.d2-680955506 .background-color-AA5{background-color:#F7F8FE;} .d2-4248901620 .background-color-AA5{background-color:#F7F8FE;}
.d2-680955506 .background-color-AB4{background-color:#EDF0FD;} .d2-4248901620 .background-color-AB4{background-color:#EDF0FD;}
.d2-680955506 .background-color-AB5{background-color:#F7F8FE;} .d2-4248901620 .background-color-AB5{background-color:#F7F8FE;}
.d2-680955506 .color-N1{color:#0A0F25;} .d2-4248901620 .color-N1{color:#0A0F25;}
.d2-680955506 .color-N2{color:#676C7E;} .d2-4248901620 .color-N2{color:#676C7E;}
.d2-680955506 .color-N3{color:#9499AB;} .d2-4248901620 .color-N3{color:#9499AB;}
.d2-680955506 .color-N4{color:#CFD2DD;} .d2-4248901620 .color-N4{color:#CFD2DD;}
.d2-680955506 .color-N5{color:#DEE1EB;} .d2-4248901620 .color-N5{color:#DEE1EB;}
.d2-680955506 .color-N6{color:#EEF1F8;} .d2-4248901620 .color-N6{color:#EEF1F8;}
.d2-680955506 .color-N7{color:#FFFFFF;} .d2-4248901620 .color-N7{color:#FFFFFF;}
.d2-680955506 .color-B1{color:#0D32B2;} .d2-4248901620 .color-B1{color:#0D32B2;}
.d2-680955506 .color-B2{color:#0D32B2;} .d2-4248901620 .color-B2{color:#0D32B2;}
.d2-680955506 .color-B3{color:#E3E9FD;} .d2-4248901620 .color-B3{color:#E3E9FD;}
.d2-680955506 .color-B4{color:#E3E9FD;} .d2-4248901620 .color-B4{color:#E3E9FD;}
.d2-680955506 .color-B5{color:#EDF0FD;} .d2-4248901620 .color-B5{color:#EDF0FD;}
.d2-680955506 .color-B6{color:#F7F8FE;} .d2-4248901620 .color-B6{color:#F7F8FE;}
.d2-680955506 .color-AA2{color:#4A6FF3;} .d2-4248901620 .color-AA2{color:#4A6FF3;}
.d2-680955506 .color-AA4{color:#EDF0FD;} .d2-4248901620 .color-AA4{color:#EDF0FD;}
.d2-680955506 .color-AA5{color:#F7F8FE;} .d2-4248901620 .color-AA5{color:#F7F8FE;}
.d2-680955506 .color-AB4{color:#EDF0FD;} .d2-4248901620 .color-AB4{color:#EDF0FD;}
.d2-680955506 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-680955506);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-680955506);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-680955506);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-680955506);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-680955506);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-680955506);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-680955506);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-680955506);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-680955506);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-680955506);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-680955506);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-680955506);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-680955506);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-680955506);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-680955506);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-680955506);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-680955506);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-680955506);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><path d="M 0 65 C 0 61 4 58 7 58 H 174 C 178 58 181 62 181 65 V 78 C 181 82 177 85 174 85 H 7 C 3 85 0 81 0 78 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /><path d="M 90 -0 C 108 -0 122 15 122 32 C 122 50 108 65 90 65 C 72 65 58 50 58 32 C 58 15 72 -0 90 -0" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="90.000000" y="77.160000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c4-person</text></g><mask id="d2-680955506" maskUnits="userSpaceOnUse" x="-1" y="-26" width="182" height="112"> .d2-4248901620 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-4248901620);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-4248901620);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-4248901620);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-4248901620);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-4248901620);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-4248901620);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-4248901620);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-4248901620);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-4248901620);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-4248901620);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-4248901620);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-4248901620);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-4248901620);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-4248901620);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-4248901620);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-4248901620);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-4248901620);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-4248901620);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><path d="M 0 60 C 0 54 6 49 11 49 H 168 C 174 49 179 55 179 60 V 83 C 179 89 173 94 168 94 H 11 C 5 94 -0 88 -0 83 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /><path d="M 90 -23 C 112 -23 130 -5 130 17 C 130 39 112 57 90 57 C 68 57 50 39 50 17 C 50 -5 68 -23 90 -23" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="90.000000" y="76.800000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c4-person</text></g><mask id="d2-4248901620" maskUnits="userSpaceOnUse" x="-1" y="-25" width="182" height="120">
<rect x="-1" y="-26" width="182" height="112" fill="white"></rect> <rect x="-1" y="-25" width="182" height="120" fill="white"></rect>
<rect x="54.500000" y="61.160000" width="71" height="21" fill="rgba(0,0,0,0.75)"></rect> <rect x="54.500000" y="60.800000" width="71" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg> </mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 9.8 KiB

2
e2etests/testdata/txtar/small-c4-person/elk/board.exp.json generated vendored
View file

@ -19,7 +19,7 @@
"y": 12 "y": 12
}, },
"width": 180, "width": 180,
"height": 85, "height": 94,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,

156
e2etests/testdata/txtar/small-c4-person/elk/sketch.exp.svg vendored
View file

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-d2-version="v0.6.9-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 182 112"><svg class="d2-2607365194 d2-svg" width="182" height="112" viewBox="11 -14 182 112"><rect x="11.000000" y="-14.000000" width="182.000000" height="112.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[ <?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-d2-version="v0.6.9-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 182 120"><svg class="d2-108552620 d2-svg" width="182" height="120" viewBox="11 -13 182 120"><rect x="11.000000" y="-13.000000" width="182.000000" height="120.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-2607365194 .text-bold { .d2-108552620 .text-bold {
font-family: "d2-2607365194-font-bold"; font-family: "d2-108552620-font-bold";
} }
@font-face { @font-face {
font-family: d2-2607365194-font-bold; font-family: d2-108552620-font-bold;
src: url("data:application/font-woff;base64,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"); src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape { }]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -18,78 +18,78 @@
opacity: 0.5; opacity: 0.5;
} }
.d2-2607365194 .fill-N1{fill:#0A0F25;} .d2-108552620 .fill-N1{fill:#0A0F25;}
.d2-2607365194 .fill-N2{fill:#676C7E;} .d2-108552620 .fill-N2{fill:#676C7E;}
.d2-2607365194 .fill-N3{fill:#9499AB;} .d2-108552620 .fill-N3{fill:#9499AB;}
.d2-2607365194 .fill-N4{fill:#CFD2DD;} .d2-108552620 .fill-N4{fill:#CFD2DD;}
.d2-2607365194 .fill-N5{fill:#DEE1EB;} .d2-108552620 .fill-N5{fill:#DEE1EB;}
.d2-2607365194 .fill-N6{fill:#EEF1F8;} .d2-108552620 .fill-N6{fill:#EEF1F8;}
.d2-2607365194 .fill-N7{fill:#FFFFFF;} .d2-108552620 .fill-N7{fill:#FFFFFF;}
.d2-2607365194 .fill-B1{fill:#0D32B2;} .d2-108552620 .fill-B1{fill:#0D32B2;}
.d2-2607365194 .fill-B2{fill:#0D32B2;} .d2-108552620 .fill-B2{fill:#0D32B2;}
.d2-2607365194 .fill-B3{fill:#E3E9FD;} .d2-108552620 .fill-B3{fill:#E3E9FD;}
.d2-2607365194 .fill-B4{fill:#E3E9FD;} .d2-108552620 .fill-B4{fill:#E3E9FD;}
.d2-2607365194 .fill-B5{fill:#EDF0FD;} .d2-108552620 .fill-B5{fill:#EDF0FD;}
.d2-2607365194 .fill-B6{fill:#F7F8FE;} .d2-108552620 .fill-B6{fill:#F7F8FE;}
.d2-2607365194 .fill-AA2{fill:#4A6FF3;} .d2-108552620 .fill-AA2{fill:#4A6FF3;}
.d2-2607365194 .fill-AA4{fill:#EDF0FD;} .d2-108552620 .fill-AA4{fill:#EDF0FD;}
.d2-2607365194 .fill-AA5{fill:#F7F8FE;} .d2-108552620 .fill-AA5{fill:#F7F8FE;}
.d2-2607365194 .fill-AB4{fill:#EDF0FD;} .d2-108552620 .fill-AB4{fill:#EDF0FD;}
.d2-2607365194 .fill-AB5{fill:#F7F8FE;} .d2-108552620 .fill-AB5{fill:#F7F8FE;}
.d2-2607365194 .stroke-N1{stroke:#0A0F25;} .d2-108552620 .stroke-N1{stroke:#0A0F25;}
.d2-2607365194 .stroke-N2{stroke:#676C7E;} .d2-108552620 .stroke-N2{stroke:#676C7E;}
.d2-2607365194 .stroke-N3{stroke:#9499AB;} .d2-108552620 .stroke-N3{stroke:#9499AB;}
.d2-2607365194 .stroke-N4{stroke:#CFD2DD;} .d2-108552620 .stroke-N4{stroke:#CFD2DD;}
.d2-2607365194 .stroke-N5{stroke:#DEE1EB;} .d2-108552620 .stroke-N5{stroke:#DEE1EB;}
.d2-2607365194 .stroke-N6{stroke:#EEF1F8;} .d2-108552620 .stroke-N6{stroke:#EEF1F8;}
.d2-2607365194 .stroke-N7{stroke:#FFFFFF;} .d2-108552620 .stroke-N7{stroke:#FFFFFF;}
.d2-2607365194 .stroke-B1{stroke:#0D32B2;} .d2-108552620 .stroke-B1{stroke:#0D32B2;}
.d2-2607365194 .stroke-B2{stroke:#0D32B2;} .d2-108552620 .stroke-B2{stroke:#0D32B2;}
.d2-2607365194 .stroke-B3{stroke:#E3E9FD;} .d2-108552620 .stroke-B3{stroke:#E3E9FD;}
.d2-2607365194 .stroke-B4{stroke:#E3E9FD;} .d2-108552620 .stroke-B4{stroke:#E3E9FD;}
.d2-2607365194 .stroke-B5{stroke:#EDF0FD;} .d2-108552620 .stroke-B5{stroke:#EDF0FD;}
.d2-2607365194 .stroke-B6{stroke:#F7F8FE;} .d2-108552620 .stroke-B6{stroke:#F7F8FE;}
.d2-2607365194 .stroke-AA2{stroke:#4A6FF3;} .d2-108552620 .stroke-AA2{stroke:#4A6FF3;}
.d2-2607365194 .stroke-AA4{stroke:#EDF0FD;} .d2-108552620 .stroke-AA4{stroke:#EDF0FD;}
.d2-2607365194 .stroke-AA5{stroke:#F7F8FE;} .d2-108552620 .stroke-AA5{stroke:#F7F8FE;}
.d2-2607365194 .stroke-AB4{stroke:#EDF0FD;} .d2-108552620 .stroke-AB4{stroke:#EDF0FD;}
.d2-2607365194 .stroke-AB5{stroke:#F7F8FE;} .d2-108552620 .stroke-AB5{stroke:#F7F8FE;}
.d2-2607365194 .background-color-N1{background-color:#0A0F25;} .d2-108552620 .background-color-N1{background-color:#0A0F25;}
.d2-2607365194 .background-color-N2{background-color:#676C7E;} .d2-108552620 .background-color-N2{background-color:#676C7E;}
.d2-2607365194 .background-color-N3{background-color:#9499AB;} .d2-108552620 .background-color-N3{background-color:#9499AB;}
.d2-2607365194 .background-color-N4{background-color:#CFD2DD;} .d2-108552620 .background-color-N4{background-color:#CFD2DD;}
.d2-2607365194 .background-color-N5{background-color:#DEE1EB;} .d2-108552620 .background-color-N5{background-color:#DEE1EB;}
.d2-2607365194 .background-color-N6{background-color:#EEF1F8;} .d2-108552620 .background-color-N6{background-color:#EEF1F8;}
.d2-2607365194 .background-color-N7{background-color:#FFFFFF;} .d2-108552620 .background-color-N7{background-color:#FFFFFF;}
.d2-2607365194 .background-color-B1{background-color:#0D32B2;} .d2-108552620 .background-color-B1{background-color:#0D32B2;}
.d2-2607365194 .background-color-B2{background-color:#0D32B2;} .d2-108552620 .background-color-B2{background-color:#0D32B2;}
.d2-2607365194 .background-color-B3{background-color:#E3E9FD;} .d2-108552620 .background-color-B3{background-color:#E3E9FD;}
.d2-2607365194 .background-color-B4{background-color:#E3E9FD;} .d2-108552620 .background-color-B4{background-color:#E3E9FD;}
.d2-2607365194 .background-color-B5{background-color:#EDF0FD;} .d2-108552620 .background-color-B5{background-color:#EDF0FD;}
.d2-2607365194 .background-color-B6{background-color:#F7F8FE;} .d2-108552620 .background-color-B6{background-color:#F7F8FE;}
.d2-2607365194 .background-color-AA2{background-color:#4A6FF3;} .d2-108552620 .background-color-AA2{background-color:#4A6FF3;}
.d2-2607365194 .background-color-AA4{background-color:#EDF0FD;} .d2-108552620 .background-color-AA4{background-color:#EDF0FD;}
.d2-2607365194 .background-color-AA5{background-color:#F7F8FE;} .d2-108552620 .background-color-AA5{background-color:#F7F8FE;}
.d2-2607365194 .background-color-AB4{background-color:#EDF0FD;} .d2-108552620 .background-color-AB4{background-color:#EDF0FD;}
.d2-2607365194 .background-color-AB5{background-color:#F7F8FE;} .d2-108552620 .background-color-AB5{background-color:#F7F8FE;}
.d2-2607365194 .color-N1{color:#0A0F25;} .d2-108552620 .color-N1{color:#0A0F25;}
.d2-2607365194 .color-N2{color:#676C7E;} .d2-108552620 .color-N2{color:#676C7E;}
.d2-2607365194 .color-N3{color:#9499AB;} .d2-108552620 .color-N3{color:#9499AB;}
.d2-2607365194 .color-N4{color:#CFD2DD;} .d2-108552620 .color-N4{color:#CFD2DD;}
.d2-2607365194 .color-N5{color:#DEE1EB;} .d2-108552620 .color-N5{color:#DEE1EB;}
.d2-2607365194 .color-N6{color:#EEF1F8;} .d2-108552620 .color-N6{color:#EEF1F8;}
.d2-2607365194 .color-N7{color:#FFFFFF;} .d2-108552620 .color-N7{color:#FFFFFF;}
.d2-2607365194 .color-B1{color:#0D32B2;} .d2-108552620 .color-B1{color:#0D32B2;}
.d2-2607365194 .color-B2{color:#0D32B2;} .d2-108552620 .color-B2{color:#0D32B2;}
.d2-2607365194 .color-B3{color:#E3E9FD;} .d2-108552620 .color-B3{color:#E3E9FD;}
.d2-2607365194 .color-B4{color:#E3E9FD;} .d2-108552620 .color-B4{color:#E3E9FD;}
.d2-2607365194 .color-B5{color:#EDF0FD;} .d2-108552620 .color-B5{color:#EDF0FD;}
.d2-2607365194 .color-B6{color:#F7F8FE;} .d2-108552620 .color-B6{color:#F7F8FE;}
.d2-2607365194 .color-AA2{color:#4A6FF3;} .d2-108552620 .color-AA2{color:#4A6FF3;}
.d2-2607365194 .color-AA4{color:#EDF0FD;} .d2-108552620 .color-AA4{color:#EDF0FD;}
.d2-2607365194 .color-AA5{color:#F7F8FE;} .d2-108552620 .color-AA5{color:#F7F8FE;}
.d2-2607365194 .color-AB4{color:#EDF0FD;} .d2-108552620 .color-AB4{color:#EDF0FD;}
.d2-2607365194 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-2607365194);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2607365194);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2607365194);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2607365194);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2607365194);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2607365194);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2607365194);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2607365194);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2607365194);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2607365194);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2607365194);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2607365194);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2607365194);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2607365194);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2607365194);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2607365194);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2607365194);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2607365194);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><path d="M 12 77 C 12 73 16 70 19 70 H 186 C 190 70 193 74 193 77 V 90 C 193 94 189 97 186 97 H 19 C 15 97 12 93 12 90 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /><path d="M 102 12 C 120 12 134 27 134 44 C 134 62 120 77 102 77 C 84 77 70 62 70 44 C 70 27 84 12 102 12" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="102.000000" y="89.160000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c4-person</text></g><mask id="d2-2607365194" maskUnits="userSpaceOnUse" x="11" y="-14" width="182" height="112"> .d2-108552620 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-108552620);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-108552620);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-108552620);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-108552620);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-108552620);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-108552620);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-108552620);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-108552620);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-108552620);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-108552620);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-108552620);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-108552620);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-108552620);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-108552620);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-108552620);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-108552620);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-108552620);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-108552620);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><path d="M 12 72 C 12 66 18 61 23 61 H 180 C 186 61 191 67 191 72 V 95 C 191 101 185 106 180 106 H 23 C 17 106 12 100 12 95 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /><path d="M 102 -11 C 124 -11 142 7 142 29 C 142 51 124 69 102 69 C 80 69 62 51 62 29 C 62 7 80 -11 102 -11" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="102.000000" y="88.800000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c4-person</text></g><mask id="d2-108552620" maskUnits="userSpaceOnUse" x="11" y="-13" width="182" height="120">
<rect x="11" y="-14" width="182" height="112" fill="white"></rect> <rect x="11" y="-13" width="182" height="120" fill="white"></rect>
<rect x="66.500000" y="73.160000" width="71" height="21" fill="rgba(0,0,0,0.75)"></rect> <rect x="66.500000" y="72.800000" width="71" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg> </mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.8 KiB

After

Width:  |  Height:  |  Size: 9.7 KiB

44
e2etests/txtar.txt
View file

@ -1221,47 +1221,3 @@ A customer of the bank, with personal bank accounts
shape: c4-person shape: c4-person
label.near: bottom-center label.near: bottom-center
} }
customer1: |md
## Personal Banking Customer
[person]
A customer of the bank, with pekkrsonal bank ccountskks.
| {
shape: c4-person
}
customer2: |md
## Personal Banking Customerk
[person]
A customer of the bank, with pekkrsonal bank accountskks.
A customer of the bank, with pekkrsonal bank accountskks.
A customer of the bank, with pekkrsonal bank accountskks.
| {
shape: c4-person
}
customer3: |md
## Personal Banking Customer
[person]
A customer of the bank, with pekkrsonal bank accountskks.
| {
shape: c4-person
}
customer4: |md
## Personal Banking Customer
[person]
A customer of the bank, with pekkrsonal bank accountskks.
| {
shape: c4-person
}
customer1 -> customer2 -> customer3 -> customer4
customer4 -> customer1 -> customer3 -> customer2

76
lib/shape/shape_c4_person.go
View file

@ -32,24 +32,26 @@ const (
func (s shapeC4Person) GetInnerBox() *geo.Box { func (s shapeC4Person) GetInnerBox() *geo.Box {
width := s.Box.Width width := s.Box.Width
height := s.Box.Height
// Reduce head radius from 22% to 18% of width headRadius := width * 0.22
headRadius := width * 0.18 headCenterY := height * 0.18
headCenterY := headRadius
bodyTop := headCenterY + headRadius*0.8 bodyTop := headCenterY + headRadius*0.8
// Horizontal padding = 5% of width // Use a small fixed percentage instead of the full corner radius
horizontalPadding := width * 0.05 horizontalPadding := width * 0.05 // 5% padding
// Vertical padding = 3% of width (not height)
vertPadding := width * 0.03
tl := s.Box.TopLeft.Copy() tl := s.Box.TopLeft.Copy()
tl.X += horizontalPadding tl.X += horizontalPadding
tl.Y += bodyTop + vertPadding
// Add vertical padding
tl.Y += bodyTop + height*0.03
// Width minus padding on both sides
innerWidth := width - (horizontalPadding * 2) innerWidth := width - (horizontalPadding * 2)
innerHeight := s.Box.Height - bodyTop - (vertPadding * 2)
// Add bottom padding
innerHeight := height - (tl.Y - s.Box.TopLeft.Y) - (height * 0.03)
return geo.NewBox(tl, innerWidth, innerHeight) return geo.NewBox(tl, innerWidth, innerHeight)
} }
@ -60,10 +62,8 @@ func bodyPath(box *geo.Box) *svg.SvgPathContext {
pc := svg.NewSVGPathContext(box.TopLeft, 1, 1) pc := svg.NewSVGPathContext(box.TopLeft, 1, 1)
// Reduce head radius from 22% to 18% of width headRadius := width * 0.22
headRadius := width * 0.18 headCenterY := height * 0.18
// Adjust headCenterY to ensure head fits within box
headCenterY := headRadius
bodyTop := headCenterY + headRadius*0.8 bodyTop := headCenterY + headRadius*0.8
bodyWidth := width bodyWidth := width
bodyHeight := height - bodyTop bodyHeight := height - bodyTop
@ -88,13 +88,13 @@ func bodyPath(box *geo.Box) *svg.SvgPathContext {
func headPath(box *geo.Box) *svg.SvgPathContext { func headPath(box *geo.Box) *svg.SvgPathContext {
width := box.Width width := box.Width
height := box.Height
pc := svg.NewSVGPathContext(box.TopLeft, 1, 1) pc := svg.NewSVGPathContext(box.TopLeft, 1, 1)
// Reduce head radius from 22% to 18% of width headRadius := width * 0.22
headRadius := width * 0.18
headCenterX := width / 2 headCenterX := width / 2
// Adjust headCenterY to ensure head fits within box headCenterY := height * 0.18
headCenterY := headRadius
pc.StartAt(pc.Absolute(headCenterX, headCenterY-headRadius)) pc.StartAt(pc.Absolute(headCenterX, headCenterY-headRadius))
@ -123,13 +123,13 @@ func headPath(box *geo.Box) *svg.SvgPathContext {
func (s shapeC4Person) Perimeter() []geo.Intersectable { func (s shapeC4Person) Perimeter() []geo.Intersectable {
width := s.Box.Width width := s.Box.Width
height := s.Box.Height
bodyPerimeter := bodyPath(s.Box).Path bodyPerimeter := bodyPath(s.Box).Path
// Reduce head radius from 22% to 18% of width headRadius := width * 0.22
headRadius := width * 0.18
headCenterX := s.Box.TopLeft.X + width/2 headCenterX := s.Box.TopLeft.X + width/2
headCenterY := s.Box.TopLeft.Y + headRadius headCenterY := s.Box.TopLeft.Y + height*0.18
headCenter := geo.NewPoint(headCenterX, headCenterY) headCenter := geo.NewPoint(headCenterX, headCenterY)
headEllipse := geo.NewEllipse(headCenter, headRadius, headRadius) headEllipse := geo.NewEllipse(headCenter, headRadius, headRadius)
@ -145,28 +145,28 @@ func (s shapeC4Person) GetSVGPathData() []string {
} }
func (s shapeC4Person) GetDimensionsToFit(width, height, paddingX, paddingY float64) (float64, float64) { func (s shapeC4Person) GetDimensionsToFit(width, height, paddingX, paddingY float64) (float64, float64) {
// Start with content dimensions + padding contentWidth := width + paddingX
totalWidth := width + paddingX contentHeight := height + paddingY
totalHeight := height + paddingY
// Reduce head radius from 22% to 18% of width // Account for 10% total horizontal padding (5% on each side)
headRadius := totalWidth * 0.18 totalWidth := contentWidth / 0.9
headRadius := totalWidth * 0.22
headCenterY := totalWidth * 0.18
bodyTop := headCenterY + headRadius*0.8
// Head center is now at headRadius from the top // Include vertical padding from GetInnerBox
headCenterY := headRadius verticalPadding := totalWidth * 0.06 // 3% top + 3% bottom
totalHeight := contentHeight + bodyTop + verticalPadding
// Body starts at headCenterY + headRadius*0.8 // Calculate minimum height based on actual proportions
bodyTopPosition := headCenterY + headRadius*0.8 // Head height: 2 * headRadius = 0.44 * width
// Body should be at least half the width
minHeight := totalWidth * 0.95 // Reduced from 1.2
if totalHeight < minHeight {
totalHeight = minHeight
}
// Add space for body (head is now fully contained)
totalHeight += bodyTopPosition
// Horizontal padding is handled in GetInnerBox (5% on each side)
totalWidth /= 0.9
// Prevent the shape's aspect ratio from becoming too extreme
totalWidth, totalHeight = LimitAR(totalWidth, totalHeight, C4_PERSON_AR_LIMIT) totalWidth, totalHeight = LimitAR(totalWidth, totalHeight, C4_PERSON_AR_LIMIT)
return math.Ceil(totalWidth), math.Ceil(totalHeight) return math.Ceil(totalWidth), math.Ceil(totalHeight)
} }