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

fix c4 person dimensions

Browse source
This commit is contained in:
Alexander Wang 2025-03-13 11:55:30 -06:00
parent 4dafa8610c
commit 9eba6219d6
No known key found for this signature in database
GPG key ID: BE3937D0D52D8927
14 changed files with 1596 additions and 1593 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

100
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": 544 "y": 612
}, },
"width": 312, "width": 390,
"height": 350, "height": 468,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 1, "strokeWidth": 1,
@ -57,11 +57,11 @@
"id": "c4person", "id": "c4person",
"type": "c4-person", "type": "c4-person",
"pos": { "pos": {
"x": 244, "x": 286,
"y": 0 "y": 0
}, },
"width": 135, "width": 169,
"height": 152, "height": 203,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 1, "strokeWidth": 1,
@ -99,8 +99,8 @@
"id": "regular_person", "id": "regular_person",
"type": "person", "type": "person",
"pos": { "pos": {
"x": 89, "x": 128,
"y": 339 "y": 399
}, },
"width": 134, "width": 134,
"height": 89, "height": 89,
@ -141,11 +141,11 @@
"id": "styling", "id": "styling",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 362, "x": 440,
"y": 293 "y": 344
}, },
"width": 210, "width": 210,
"height": 546, "height": 622,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -183,11 +183,11 @@
"id": "styling.c4styled", "id": "styling.c4styled",
"type": "c4-person", "type": "c4-person",
"pos": { "pos": {
"x": 425, "x": 492,
"y": 323 "y": 374
}, },
"width": 85, "width": 107,
"height": 121, "height": 138,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 1, "strokeWidth": 1,
@ -225,8 +225,8 @@
"id": "styling.c4sized", "id": "styling.c4sized",
"type": "c4-person", "type": "c4-person",
"pos": { "pos": {
"x": 392, "x": 470,
"y": 629 "y": 756
}, },
"width": 150, "width": 150,
"height": 180, "height": 180,
@ -291,20 +291,20 @@
"link": "", "link": "",
"route": [ "route": [
{ {
"x": 156, "x": 195,
"y": 454 "y": 514
}, },
{ {
"x": 156, "x": 195,
"y": 486 "y": 552.4000244140625
}, },
{ {
"x": 156, "x": 195,
"y": 502.79998779296875 "y": 571.5999755859375
}, },
{ {
"x": 156, "x": 195,
"y": 538 "y": 610
} }
], ],
"isCurve": true, "isCurve": true,
@ -339,20 +339,20 @@
"link": "", "link": "",
"route": [ "route": [
{ {
"x": 245, "x": 287,
"y": 135 "y": 179
}, },
{ {
"x": 173.8000030517578, "x": 213.3990020751953,
"y": 197 "y": 246.60000610351562
}, },
{ {
"x": 156, "x": 195,
"y": 286.20001220703125
},
{
"x": 156,
"y": 339 "y": 339
},
{
"x": 195,
"y": 399
} }
], ],
"isCurve": true, "isCurve": true,
@ -387,20 +387,20 @@
"link": "", "link": "",
"route": [ "route": [
{ {
"x": 379, "x": 455,
"y": 135 "y": 180
}, },
{ {
"x": 449.3999938964844, "x": 527,
"y": 197 "y": 246.8000030517578
}, },
{ {
"x": 467, "x": 545,
"y": 283.6000061035156 "y": 334.20001220703125
}, },
{ {
"x": 467, "x": 545,
"y": 326 "y": 375
} }
], ],
"isCurve": true, "isCurve": true,
@ -435,20 +435,20 @@
"link": "", "link": "",
"route": [ "route": [
{ {
"x": 467, "x": 545,
"y": 445 "y": 512
}, },
{ {
"x": 467, "x": 545,
"y": 484.20001220703125 "y": 552
}, },
{ {
"x": 467, "x": 545,
"y": 520.7990112304688 "y": 600.5999755859375
}, },
{ {
"x": 467, "x": 545,
"y": 628 "y": 755
} }
], ],
"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

82
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": 975 "y": 1043
}, },
"width": 312, "width": 390,
"height": 350, "height": 468,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 1, "strokeWidth": 1,
@ -57,11 +57,11 @@
"id": "c4person", "id": "c4person",
"type": "c4-person", "type": "c4-person",
"pos": { "pos": {
"x": 201, "x": 223,
"y": 12 "y": 12
}, },
"width": 135, "width": 169,
"height": 152, "height": 203,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 1, "strokeWidth": 1,
@ -99,8 +99,8 @@
"id": "regular_person", "id": "regular_person",
"type": "person", "type": "person",
"pos": { "pos": {
"x": 101, "x": 140,
"y": 790 "y": 858
}, },
"width": 134, "width": 134,
"height": 89, "height": 89,
@ -141,11 +141,11 @@
"id": "styling", "id": "styling",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 244, "x": 283,
"y": 249 "y": 300
}, },
"width": 250, "width": 250,
"height": 471, "height": 488,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -183,11 +183,11 @@
"id": "styling.c4styled", "id": "styling.c4styled",
"type": "c4-person", "type": "c4-person",
"pos": { "pos": {
"x": 327, "x": 355,
"y": 299 "y": 350
}, },
"width": 85, "width": 107,
"height": 121, "height": 138,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 1, "strokeWidth": 1,
@ -225,8 +225,8 @@
"id": "styling.c4sized", "id": "styling.c4sized",
"type": "c4-person", "type": "c4-person",
"pos": { "pos": {
"x": 294, "x": 333,
"y": 490 "y": 558
}, },
"width": 150, "width": 150,
"height": 180, "height": 180,
@ -291,12 +291,12 @@
"link": "", "link": "",
"route": [ "route": [
{ {
"x": 168, "x": 207,
"y": 905 "y": 973
}, },
{ {
"x": 168, "x": 207,
"y": 969 "y": 1041
} }
], ],
"animated": false, "animated": false,
@ -330,20 +330,20 @@
"link": "", "link": "",
"route": [ "route": [
{ {
"x": 246, "x": 280,
"y": 165 "y": 216
}, },
{ {
"x": 246.25, "x": 279.5830078125,
"y": 204 "y": 255
}, },
{ {
"x": 168, "x": 207,
"y": 204 "y": 255
}, },
{ {
"x": 168, "x": 207,
"y": 790 "y": 858
} }
], ],
"animated": false, "animated": false,
@ -377,20 +377,20 @@
"link": "", "link": "",
"route": [ "route": [
{ {
"x": 291, "x": 336,
"y": 165 "y": 216
}, },
{ {
"x": 291.25, "x": 335.9159851074219,
"y": 204 "y": 255
}, },
{ {
"x": 369.5, "x": 408.5,
"y": 204 "y": 255
}, },
{ {
"x": 370, "x": 409,
"y": 302 "y": 351
} }
], ],
"animated": false, "animated": false,
@ -424,12 +424,12 @@
"link": "", "link": "",
"route": [ "route": [
{ {
"x": 369, "x": 408,
"y": 421 "y": 488
}, },
{ {
"x": 370, "x": 409,
"y": 489 "y": 557
} }
], ],
"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

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

@ -15,11 +15,11 @@
"id": "customer", "id": "customer",
"type": "c4-person", "type": "c4-person",
"pos": { "pos": {
"x": 1105, "x": 1057,
"y": 0 "y": 0
}, },
"width": 383, "width": 479,
"height": 429, "height": 575,
"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": 586 "y": 732
}, },
"width": 2407, "width": 2407,
"height": 915, "height": 915,
@ -100,7 +100,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 177, "x": 177,
"y": 616 "y": 762
}, },
"width": 550, "width": 550,
"height": 164, "height": 164,
@ -142,7 +142,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 390, "x": 390,
"y": 901 "y": 1047
}, },
"width": 609, "width": 609,
"height": 164, "height": 164,
@ -184,7 +184,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1123, "x": 1123,
"y": 901 "y": 1047
}, },
"width": 707, "width": 707,
"height": 164, "height": 164,
@ -226,7 +226,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1246, "x": 1246,
"y": 1202 "y": 1348
}, },
"width": 461, "width": 461,
"height": 164, "height": 164,
@ -268,7 +268,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1890, "x": 1890,
"y": 901 "y": 1047
}, },
"width": 634, "width": 634,
"height": 164, "height": 164,
@ -310,7 +310,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2410, "x": 2410,
"y": 1638 "y": 1784
}, },
"width": 360, "width": 360,
"height": 164, "height": 164,
@ -352,7 +352,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 1638 "y": 1784
}, },
"width": 629, "width": 629,
"height": 164, "height": 164,
@ -417,20 +417,20 @@
"link": "", "link": "",
"route": [ "route": [
{ {
"x": 1105, "x": 1057,
"y": 279 "y": 388
}, },
{ {
"x": 582.5999755859375, "x": 573,
"y": 453.79998779296875 "y": 592.4000244140625
}, },
{ {
"x": 452, "x": 452,
"y": 576 "y": 722
}, },
{ {
"x": 452, "x": 452,
"y": 616 "y": 762
} }
], ],
"isCurve": true, "isCurve": true,
@ -466,19 +466,19 @@
"route": [ "route": [
{ {
"x": 452, "x": 452,
"y": 779.5 "y": 925.5
}, },
{ {
"x": 452, "x": 452,
"y": 828.2999877929688 "y": 974.2999877929688
}, },
{ {
"x": 472.3999938964844, "x": 472.3999938964844,
"y": 852.7000122070312 "y": 998.7000122070312
}, },
{ {
"x": 554, "x": 554,
"y": 901.5 "y": 1047.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -513,44 +513,44 @@
"link": "", "link": "",
"route": [ "route": [
{ {
"x": 1105, "x": 1063,
"y": 365 "y": 519
}, },
{ {
"x": 970.5999755859375, "x": 962.2000122070312,
"y": 471 "y": 618.5999755859375
}, },
{ {
"x": 937, "x": 937,
"y": 511.20001220703125 "y": 657.2000122070312
}, },
{ {
"x": 937, "x": 937,
"y": 531.75 "y": 677.75
}, },
{ {
"x": 937, "x": 937,
"y": 552.2999877929688 "y": 698.2999877929688
}, },
{ {
"x": 937, "x": 937,
"y": 592.4000244140625 "y": 738.4000244140625
}, },
{ {
"x": 937, "x": 937,
"y": 632 "y": 778
}, },
{ {
"x": 937, "x": 937,
"y": 671.5999755859375 "y": 817.5999755859375
}, },
{ {
"x": 916.5999755859375, "x": 916.5999755859375,
"y": 852.7000122070312 "y": 998.7000122070312
}, },
{ {
"x": 835, "x": 835,
"y": 901.5 "y": 1047.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -585,44 +585,44 @@
"link": "", "link": "",
"route": [ "route": [
{ {
"x": 1432, "x": 1442,
"y": 428 "y": 576
}, },
{ {
"x": 1467.199951171875, "x": 1469.199951171875,
"y": 483.6000061035156 "y": 630
}, },
{ {
"x": 1476, "x": 1476,
"y": 511.20001220703125 "y": 657.2000122070312
}, },
{ {
"x": 1476, "x": 1476,
"y": 531.75 "y": 677.75
}, },
{ {
"x": 1476, "x": 1476,
"y": 552.2999877929688 "y": 698.2999877929688
}, },
{ {
"x": 1476, "x": 1476,
"y": 592.4000244140625 "y": 738.4000244140625
}, },
{ {
"x": 1476, "x": 1476,
"y": 632 "y": 778
}, },
{ {
"x": 1476, "x": 1476,
"y": 671.5999755859375 "y": 817.5999755859375
}, },
{ {
"x": 1476, "x": 1476,
"y": 852.7000122070312 "y": 998.7000122070312
}, },
{ {
"x": 1476, "x": 1476,
"y": 901.5 "y": 1047.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -658,19 +658,19 @@
"route": [ "route": [
{ {
"x": 694.5, "x": 694.5,
"y": 1064.5 "y": 1210.5
}, },
{ {
"x": 694.5, "x": 694.5,
"y": 1119.699951171875 "y": 1265.699951171875
}, },
{ {
"x": 804.7000122070312, "x": 804.7000122070312,
"y": 1154.7220458984375 "y": 1300.7220458984375
}, },
{ {
"x": 1245.5, "x": 1245.5,
"y": 1239.6099853515625 "y": 1385.6099853515625
} }
], ],
"isCurve": true, "isCurve": true,
@ -706,19 +706,19 @@
"route": [ "route": [
{ {
"x": 1476, "x": 1476,
"y": 1064.5 "y": 1210.5
}, },
{ {
"x": 1476, "x": 1476,
"y": 1119.699951171875 "y": 1265.699951171875
}, },
{ {
"x": 1476, "x": 1476,
"y": 1147.300048828125 "y": 1293.300048828125
}, },
{ {
"x": 1476, "x": 1476,
"y": 1202.5 "y": 1348.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -754,19 +754,19 @@
"route": [ "route": [
{ {
"x": 1245.5, "x": 1245.5,
"y": 1310.1949462890625 "y": 1456.1949462890625
}, },
{ {
"x": 500.6990051269531, "x": 500.6990051269531,
"y": 1462.8389892578125 "y": 1608.8389892578125
}, },
{ {
"x": 314.5, "x": 314.5,
"y": 1583.300048828125 "y": 1729.300048828125
}, },
{ {
"x": 314.5, "x": 314.5,
"y": 1638.5 "y": 1784.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -801,104 +801,104 @@
"link": "", "link": "",
"route": [ "route": [
{ {
"x": 1488, "x": 1536,
"y": 255 "y": 351
}, },
{ {
"x": 2407.199951171875, "x": 2416.800048828125,
"y": 449 "y": 585
}, },
{ {
"x": 2637, "x": 2637,
"y": 511.20001220703125 "y": 657.2000122070312
}, },
{ {
"x": 2637, "x": 2637,
"y": 531.75 "y": 677.75
}, },
{ {
"x": 2637, "x": 2637,
"y": 552.2999877929688 "y": 698.2999877929688
}, },
{ {
"x": 2637, "x": 2637,
"y": 592.4000244140625 "y": 738.4000244140625
}, },
{ {
"x": 2637, "x": 2637,
"y": 632 "y": 778
}, },
{ {
"x": 2637, "x": 2637,
"y": 671.5999755859375 "y": 817.5999755859375
}, },
{ {
"x": 2637, "x": 2637,
"y": 726.5 "y": 872.5
}, },
{ {
"x": 2637, "x": 2637,
"y": 769.25 "y": 915.25
}, },
{ {
"x": 2637, "x": 2637,
"y": 812 "y": 958
}, },
{ {
"x": 2637, "x": 2637,
"y": 869 "y": 1015
}, },
{ {
"x": 2637, "x": 2637,
"y": 911.75 "y": 1057.75
}, },
{ {
"x": 2637, "x": 2637,
"y": 954.5 "y": 1100.5
}, },
{ {
"x": 2637, "x": 2637,
"y": 1013.0999755859375 "y": 1159.0999755859375
}, },
{ {
"x": 2637, "x": 2637,
"y": 1058.25 "y": 1204.25
}, },
{ {
"x": 2637, "x": 2637,
"y": 1103.4000244140625 "y": 1249.4000244140625
}, },
{ {
"x": 2637, "x": 2637,
"y": 1163.5999755859375 "y": 1309.5999755859375
}, },
{ {
"x": 2637, "x": 2637,
"y": 1208.75 "y": 1354.75
}, },
{ {
"x": 2637, "x": 2637,
"y": 1253.9000244140625 "y": 1399.9000244140625
}, },
{ {
"x": 2637, "x": 2637,
"y": 1327.4000244140625 "y": 1473.4000244140625
}, },
{ {
"x": 2637, "x": 2637,
"y": 1392.5 "y": 1538.5
}, },
{ {
"x": 2637, "x": 2637,
"y": 1457.5999755859375 "y": 1603.5999755859375
}, },
{ {
"x": 2632.800048828125, "x": 2632.800048828125,
"y": 1583.300048828125 "y": 1729.300048828125
}, },
{ {
"x": 2616, "x": 2616,
"y": 1638.5 "y": 1784.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -934,19 +934,19 @@
"route": [ "route": [
{ {
"x": 1707.5, "x": 1707.5,
"y": 1317.843994140625 "y": 1463.843994140625
}, },
{ {
"x": 2241.5, "x": 2241.5,
"y": 1464.3680419921875 "y": 1610.3680419921875
}, },
{ {
"x": 2394.39990234375, "x": 2394.39990234375,
"y": 1583.300048828125 "y": 1729.300048828125
}, },
{ {
"x": 2472, "x": 2472,
"y": 1638.5 "y": 1784.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -982,19 +982,19 @@
"route": [ "route": [
{ {
"x": 2206.5, "x": 2206.5,
"y": 1064.5 "y": 1210.5
}, },
{ {
"x": 2206.5, "x": 2206.5,
"y": 1119.699951171875 "y": 1265.699951171875
}, },
{ {
"x": 2106.5, "x": 2106.5,
"y": 1154.0999755859375 "y": 1300.0999755859375
}, },
{ {
"x": 1706.5, "x": 1706.5,
"y": 1236.5 "y": 1382.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: 54 KiB

After

Width:  |  Height:  |  Size: 53 KiB

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

@ -15,11 +15,11 @@
"id": "customer", "id": "customer",
"type": "c4-person", "type": "c4-person",
"pos": { "pos": {
"x": 720, "x": 672,
"y": 12 "y": 12
}, },
"width": 383, "width": 479,
"height": 429, "height": 575,
"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": 693 "y": 839
}, },
"width": 2218, "width": 2218,
"height": 1035, "height": 1035,
@ -100,7 +100,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 62, "x": 62,
"y": 743 "y": 889
}, },
"width": 550, "width": 550,
"height": 164, "height": 164,
@ -142,7 +142,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 190, "x": 190,
"y": 1078 "y": 1224
}, },
"width": 609, "width": 609,
"height": 164, "height": 164,
@ -184,7 +184,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 819, "x": 819,
"y": 1078 "y": 1224
}, },
"width": 707, "width": 707,
"height": 164, "height": 164,
@ -226,7 +226,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 942, "x": 942,
"y": 1429 "y": 1575
}, },
"width": 461, "width": 461,
"height": 164, "height": 164,
@ -268,7 +268,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1546, "x": 1546,
"y": 1078 "y": 1224
}, },
"width": 634, "width": 634,
"height": 164, "height": 164,
@ -310,7 +310,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1746, "x": 1746,
"y": 1930 "y": 2076
}, },
"width": 360, "width": 360,
"height": 164, "height": 164,
@ -352,7 +352,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 781, "x": 781,
"y": 1930 "y": 2076
}, },
"width": 629, "width": 629,
"height": 164, "height": 164,
@ -417,20 +417,20 @@
"link": "", "link": "",
"route": [ "route": [
{ {
"x": 797, "x": 769,
"y": 441 "y": 588
}, },
{ {
"x": 797.3499755859375, "x": 768.5499877929688,
"y": 481 "y": 627
}, },
{ {
"x": 359.25, "x": 359.25,
"y": 481 "y": 627
}, },
{ {
"x": 359.25, "x": 359.25,
"y": 743 "y": 889
} }
], ],
"animated": false, "animated": false,
@ -465,11 +465,11 @@
"route": [ "route": [
{ {
"x": 393, "x": 393,
"y": 907 "y": 1053
}, },
{ {
"x": 393, "x": 393,
"y": 1078 "y": 1224
} }
], ],
"animated": false, "animated": false,
@ -503,20 +503,20 @@
"link": "", "link": "",
"route": [ "route": [
{ {
"x": 874, "x": 864,
"y": 441 "y": 588
}, },
{ {
"x": 873.9500122070312, "x": 864.3499755859375,
"y": 531 "y": 677
}, },
{ {
"x": 652, "x": 652,
"y": 531 "y": 677
}, },
{ {
"x": 652, "x": 652,
"y": 1078 "y": 1224
} }
], ],
"animated": false, "animated": false,
@ -550,12 +550,12 @@
"link": "", "link": "",
"route": [ "route": [
{ {
"x": 951, "x": 960,
"y": 441 "y": 588
}, },
{ {
"x": 950.5499877929688, "x": 960.1500244140625,
"y": 1078 "y": 1224
} }
], ],
"animated": false, "animated": false,
@ -590,19 +590,19 @@
"route": [ "route": [
{ {
"x": 494.5, "x": 494.5,
"y": 1242 "y": 1388
}, },
{ {
"x": 494.5, "x": 494.5,
"y": 1389 "y": 1535
}, },
{ {
"x": 1057.25, "x": 1057.25,
"y": 1389 "y": 1535
}, },
{ {
"x": 1057.25, "x": 1057.25,
"y": 1429 "y": 1575
} }
], ],
"animated": false, "animated": false,
@ -637,11 +637,11 @@
"route": [ "route": [
{ {
"x": 1172.5, "x": 1172.5,
"y": 1242 "y": 1388
}, },
{ {
"x": 1172.5, "x": 1172.5,
"y": 1429 "y": 1575
} }
], ],
"animated": false, "animated": false,
@ -676,11 +676,11 @@
"route": [ "route": [
{ {
"x": 1095.666015625, "x": 1095.666015625,
"y": 1593 "y": 1739
}, },
{ {
"x": 1095.666015625, "x": 1095.666015625,
"y": 1930 "y": 2076
} }
], ],
"animated": false, "animated": false,
@ -714,28 +714,28 @@
"link": "", "link": "",
"route": [ "route": [
{ {
"x": 1027, "x": 1056,
"y": 441 "y": 588
}, },
{ {
"x": 1027.1500244140625, "x": 1055.948974609375,
"y": 481 "y": 627
}, },
{ {
"x": 2303.5, "x": 2303.5,
"y": 481 "y": 627
}, },
{ {
"x": 2303.5, "x": 2303.5,
"y": 1890 "y": 2036
}, },
{ {
"x": 1986.8330078125, "x": 1986.8330078125,
"y": 1890 "y": 2036
}, },
{ {
"x": 1986.8330078125, "x": 1986.8330078125,
"y": 1930 "y": 2076
} }
], ],
"animated": false, "animated": false,
@ -770,19 +770,19 @@
"route": [ "route": [
{ {
"x": 1249.3330078125, "x": 1249.3330078125,
"y": 1593 "y": 1739
}, },
{ {
"x": 1249.3330078125, "x": 1249.3330078125,
"y": 1890 "y": 2036
}, },
{ {
"x": 1866.8330078125, "x": 1866.8330078125,
"y": 1890 "y": 2036
}, },
{ {
"x": 1866.8330078125, "x": 1866.8330078125,
"y": 1930 "y": 2076
} }
], ],
"animated": false, "animated": false,
@ -817,19 +817,19 @@
"route": [ "route": [
{ {
"x": 1863, "x": 1863,
"y": 1242 "y": 1388
}, },
{ {
"x": 1863, "x": 1863,
"y": 1389 "y": 1535
}, },
{ {
"x": 1287.75, "x": 1287.75,
"y": 1389 "y": 1535
}, },
{ {
"x": 1287.75, "x": 1287.75,
"y": 1429 "y": 1575
} }
], ],
"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": 114, "height": 126,
"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 136"><svg class="d2-1872684779 d2-svg" width="182" height="136" viewBox="-1 -21 182 136"><rect x="-1.000000" y="-21.000000" width="182.000000" height="136.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 146"><svg class="d2-144415964 d2-svg" width="182" height="146" viewBox="-1 -19 182 146"><rect x="-1.000000" y="-19.000000" width="182.000000" height="146.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-1872684779 .text-bold { .d2-144415964 .text-bold {
font-family: "d2-1872684779-font-bold"; font-family: "d2-144415964-font-bold";
} }
@font-face { @font-face {
font-family: d2-1872684779-font-bold; font-family: d2-144415964-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-1872684779 .fill-N1{fill:#0A0F25;} .d2-144415964 .fill-N1{fill:#0A0F25;}
.d2-1872684779 .fill-N2{fill:#676C7E;} .d2-144415964 .fill-N2{fill:#676C7E;}
.d2-1872684779 .fill-N3{fill:#9499AB;} .d2-144415964 .fill-N3{fill:#9499AB;}
.d2-1872684779 .fill-N4{fill:#CFD2DD;} .d2-144415964 .fill-N4{fill:#CFD2DD;}
.d2-1872684779 .fill-N5{fill:#DEE1EB;} .d2-144415964 .fill-N5{fill:#DEE1EB;}
.d2-1872684779 .fill-N6{fill:#EEF1F8;} .d2-144415964 .fill-N6{fill:#EEF1F8;}
.d2-1872684779 .fill-N7{fill:#FFFFFF;} .d2-144415964 .fill-N7{fill:#FFFFFF;}
.d2-1872684779 .fill-B1{fill:#0D32B2;} .d2-144415964 .fill-B1{fill:#0D32B2;}
.d2-1872684779 .fill-B2{fill:#0D32B2;} .d2-144415964 .fill-B2{fill:#0D32B2;}
.d2-1872684779 .fill-B3{fill:#E3E9FD;} .d2-144415964 .fill-B3{fill:#E3E9FD;}
.d2-1872684779 .fill-B4{fill:#E3E9FD;} .d2-144415964 .fill-B4{fill:#E3E9FD;}
.d2-1872684779 .fill-B5{fill:#EDF0FD;} .d2-144415964 .fill-B5{fill:#EDF0FD;}
.d2-1872684779 .fill-B6{fill:#F7F8FE;} .d2-144415964 .fill-B6{fill:#F7F8FE;}
.d2-1872684779 .fill-AA2{fill:#4A6FF3;} .d2-144415964 .fill-AA2{fill:#4A6FF3;}
.d2-1872684779 .fill-AA4{fill:#EDF0FD;} .d2-144415964 .fill-AA4{fill:#EDF0FD;}
.d2-1872684779 .fill-AA5{fill:#F7F8FE;} .d2-144415964 .fill-AA5{fill:#F7F8FE;}
.d2-1872684779 .fill-AB4{fill:#EDF0FD;} .d2-144415964 .fill-AB4{fill:#EDF0FD;}
.d2-1872684779 .fill-AB5{fill:#F7F8FE;} .d2-144415964 .fill-AB5{fill:#F7F8FE;}
.d2-1872684779 .stroke-N1{stroke:#0A0F25;} .d2-144415964 .stroke-N1{stroke:#0A0F25;}
.d2-1872684779 .stroke-N2{stroke:#676C7E;} .d2-144415964 .stroke-N2{stroke:#676C7E;}
.d2-1872684779 .stroke-N3{stroke:#9499AB;} .d2-144415964 .stroke-N3{stroke:#9499AB;}
.d2-1872684779 .stroke-N4{stroke:#CFD2DD;} .d2-144415964 .stroke-N4{stroke:#CFD2DD;}
.d2-1872684779 .stroke-N5{stroke:#DEE1EB;} .d2-144415964 .stroke-N5{stroke:#DEE1EB;}
.d2-1872684779 .stroke-N6{stroke:#EEF1F8;} .d2-144415964 .stroke-N6{stroke:#EEF1F8;}
.d2-1872684779 .stroke-N7{stroke:#FFFFFF;} .d2-144415964 .stroke-N7{stroke:#FFFFFF;}
.d2-1872684779 .stroke-B1{stroke:#0D32B2;} .d2-144415964 .stroke-B1{stroke:#0D32B2;}
.d2-1872684779 .stroke-B2{stroke:#0D32B2;} .d2-144415964 .stroke-B2{stroke:#0D32B2;}
.d2-1872684779 .stroke-B3{stroke:#E3E9FD;} .d2-144415964 .stroke-B3{stroke:#E3E9FD;}
.d2-1872684779 .stroke-B4{stroke:#E3E9FD;} .d2-144415964 .stroke-B4{stroke:#E3E9FD;}
.d2-1872684779 .stroke-B5{stroke:#EDF0FD;} .d2-144415964 .stroke-B5{stroke:#EDF0FD;}
.d2-1872684779 .stroke-B6{stroke:#F7F8FE;} .d2-144415964 .stroke-B6{stroke:#F7F8FE;}
.d2-1872684779 .stroke-AA2{stroke:#4A6FF3;} .d2-144415964 .stroke-AA2{stroke:#4A6FF3;}
.d2-1872684779 .stroke-AA4{stroke:#EDF0FD;} .d2-144415964 .stroke-AA4{stroke:#EDF0FD;}
.d2-1872684779 .stroke-AA5{stroke:#F7F8FE;} .d2-144415964 .stroke-AA5{stroke:#F7F8FE;}
.d2-1872684779 .stroke-AB4{stroke:#EDF0FD;} .d2-144415964 .stroke-AB4{stroke:#EDF0FD;}
.d2-1872684779 .stroke-AB5{stroke:#F7F8FE;} .d2-144415964 .stroke-AB5{stroke:#F7F8FE;}
.d2-1872684779 .background-color-N1{background-color:#0A0F25;} .d2-144415964 .background-color-N1{background-color:#0A0F25;}
.d2-1872684779 .background-color-N2{background-color:#676C7E;} .d2-144415964 .background-color-N2{background-color:#676C7E;}
.d2-1872684779 .background-color-N3{background-color:#9499AB;} .d2-144415964 .background-color-N3{background-color:#9499AB;}
.d2-1872684779 .background-color-N4{background-color:#CFD2DD;} .d2-144415964 .background-color-N4{background-color:#CFD2DD;}
.d2-1872684779 .background-color-N5{background-color:#DEE1EB;} .d2-144415964 .background-color-N5{background-color:#DEE1EB;}
.d2-1872684779 .background-color-N6{background-color:#EEF1F8;} .d2-144415964 .background-color-N6{background-color:#EEF1F8;}
.d2-1872684779 .background-color-N7{background-color:#FFFFFF;} .d2-144415964 .background-color-N7{background-color:#FFFFFF;}
.d2-1872684779 .background-color-B1{background-color:#0D32B2;} .d2-144415964 .background-color-B1{background-color:#0D32B2;}
.d2-1872684779 .background-color-B2{background-color:#0D32B2;} .d2-144415964 .background-color-B2{background-color:#0D32B2;}
.d2-1872684779 .background-color-B3{background-color:#E3E9FD;} .d2-144415964 .background-color-B3{background-color:#E3E9FD;}
.d2-1872684779 .background-color-B4{background-color:#E3E9FD;} .d2-144415964 .background-color-B4{background-color:#E3E9FD;}
.d2-1872684779 .background-color-B5{background-color:#EDF0FD;} .d2-144415964 .background-color-B5{background-color:#EDF0FD;}
.d2-1872684779 .background-color-B6{background-color:#F7F8FE;} .d2-144415964 .background-color-B6{background-color:#F7F8FE;}
.d2-1872684779 .background-color-AA2{background-color:#4A6FF3;} .d2-144415964 .background-color-AA2{background-color:#4A6FF3;}
.d2-1872684779 .background-color-AA4{background-color:#EDF0FD;} .d2-144415964 .background-color-AA4{background-color:#EDF0FD;}
.d2-1872684779 .background-color-AA5{background-color:#F7F8FE;} .d2-144415964 .background-color-AA5{background-color:#F7F8FE;}
.d2-1872684779 .background-color-AB4{background-color:#EDF0FD;} .d2-144415964 .background-color-AB4{background-color:#EDF0FD;}
.d2-1872684779 .background-color-AB5{background-color:#F7F8FE;} .d2-144415964 .background-color-AB5{background-color:#F7F8FE;}
.d2-1872684779 .color-N1{color:#0A0F25;} .d2-144415964 .color-N1{color:#0A0F25;}
.d2-1872684779 .color-N2{color:#676C7E;} .d2-144415964 .color-N2{color:#676C7E;}
.d2-1872684779 .color-N3{color:#9499AB;} .d2-144415964 .color-N3{color:#9499AB;}
.d2-1872684779 .color-N4{color:#CFD2DD;} .d2-144415964 .color-N4{color:#CFD2DD;}
.d2-1872684779 .color-N5{color:#DEE1EB;} .d2-144415964 .color-N5{color:#DEE1EB;}
.d2-1872684779 .color-N6{color:#EEF1F8;} .d2-144415964 .color-N6{color:#EEF1F8;}
.d2-1872684779 .color-N7{color:#FFFFFF;} .d2-144415964 .color-N7{color:#FFFFFF;}
.d2-1872684779 .color-B1{color:#0D32B2;} .d2-144415964 .color-B1{color:#0D32B2;}
.d2-1872684779 .color-B2{color:#0D32B2;} .d2-144415964 .color-B2{color:#0D32B2;}
.d2-1872684779 .color-B3{color:#E3E9FD;} .d2-144415964 .color-B3{color:#E3E9FD;}
.d2-1872684779 .color-B4{color:#E3E9FD;} .d2-144415964 .color-B4{color:#E3E9FD;}
.d2-1872684779 .color-B5{color:#EDF0FD;} .d2-144415964 .color-B5{color:#EDF0FD;}
.d2-1872684779 .color-B6{color:#F7F8FE;} .d2-144415964 .color-B6{color:#F7F8FE;}
.d2-1872684779 .color-AA2{color:#4A6FF3;} .d2-144415964 .color-AA2{color:#4A6FF3;}
.d2-1872684779 .color-AA4{color:#EDF0FD;} .d2-144415964 .color-AA4{color:#EDF0FD;}
.d2-1872684779 .color-AA5{color:#F7F8FE;} .d2-144415964 .color-AA5{color:#F7F8FE;}
.d2-1872684779 .color-AB4{color:#EDF0FD;} .d2-144415964 .color-AB4{color:#EDF0FD;}
.d2-1872684779 .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-1872684779);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1872684779);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1872684779);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1872684779);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1872684779);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1872684779);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1872684779);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1872684779);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1872684779);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1872684779);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1872684779);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1872684779);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1872684779);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1872684779);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1872684779);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1872684779);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1872684779);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1872684779);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><path d="M 0 68 C 0 59 9 53 15 53 H 164 C 173 53 179 62 179 68 V 99 C 179 108 170 114 164 114 H 15 C 6 114 -0 105 -0 99 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /><path d="M 90 -19 C 112 -19 130 -1 130 21 C 130 42 112 60 90 60 C 68 60 50 42 50 21 C 50 -1 68 -19 90 -19" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="90.000000" y="88.600000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c4-person</text></g><mask id="d2-1872684779" maskUnits="userSpaceOnUse" x="-1" y="-21" width="182" height="136"> .d2-144415964 .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-144415964);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-144415964);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-144415964);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-144415964);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-144415964);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-144415964);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-144415964);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-144415964);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-144415964);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-144415964);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-144415964);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-144415964);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-144415964);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-144415964);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-144415964);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-144415964);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-144415964);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-144415964);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><path d="M 0 72 C 0 62 10 54 18 54 H 162 C 172 54 180 64 180 72 V 108 C 180 118 170 126 162 126 H 18 C 8 126 0 116 0 108 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /><path d="M 90 -17 C 112 -17 130 1 130 23 C 130 45 112 62 90 62 C 68 62 50 45 50 23 C 50 1 68 -17 90 -17" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="90.000000" y="95.680000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c4-person</text></g><mask id="d2-144415964" maskUnits="userSpaceOnUse" x="-1" y="-19" width="182" height="146">
<rect x="-1" y="-21" width="182" height="136" fill="white"></rect> <rect x="-1" y="-19" width="182" height="146" fill="white"></rect>
<rect x="54.500000" y="72.600000" width="71" height="21" fill="rgba(0,0,0,0.75)"></rect> <rect x="54.500000" y="79.680000" 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

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": 114, "height": 126,
"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 136"><svg class="d2-1815602595 d2-svg" width="182" height="136" viewBox="11 -9 182 136"><rect x="11.000000" y="-9.000000" width="182.000000" height="136.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 146"><svg class="d2-1179796372 d2-svg" width="182" height="146" viewBox="11 -7 182 146"><rect x="11.000000" y="-7.000000" width="182.000000" height="146.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-1815602595 .text-bold { .d2-1179796372 .text-bold {
font-family: "d2-1815602595-font-bold"; font-family: "d2-1179796372-font-bold";
} }
@font-face { @font-face {
font-family: d2-1815602595-font-bold; font-family: d2-1179796372-font-bold;
src: url("data:application/font-woff;base64,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"); src: url("data:application/font-woff;base64,d09GRgABAAAAAAhsAAoAAAAADagAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXxHXrmNtYXAAAAFUAAAAWAAAAGgBWgGPZ2x5ZgAAAawAAAK5AAADLDNc4nVoZWFkAAAEaAAAADYAAAA2G38e1GhoZWEAAASgAAAAJAAAACQKfwXJaG10eAAABMQAAAAoAAAAKBPUAdJsb2NhAAAE7AAAABYAAAAWBQwERm1heHAAAAUEAAAAIAAAACAAIgD3bmFtZQAABSQAAAMoAAAIKgjwVkFwb3N0AAAITAAAAB0AAAAg/9EAMgADAioCvAAFAAACigJYAAAASwKKAlgAAAFeADIBKQAAAgsHAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPACAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAfAClAAAACAAA3icTMu9DQFQAEbR8348TyI20RlHJ1oRVqFkKqVdPolC3O4WB0VTsNbtsTFVw9bOwdHZNeH3J5ck77zyzCP33L76v5WpqJpuYVjyAQAA//8BAAD//8jdEt14nGSSS08TexjG3/+0nTn09MCZzq2dttPLwEwLp8PpTGcmpdShUC5N2nAL4A1qSAw1EDBSlGiiOxIXxBhZEBfqQhO3RhdK4gcgunPhVnduTFgQ4qIOZrAJGr/A73l+z/uCByYAsEVsB1zQBh3gBwZAI+NklybLImFqpilyLlNGJDGB+e1nT+WUO5Vyd8d2ozdrNVRdwHa+r1yoLi4e1fJ5+9GbPXsbre8BIOg8PkRvURN4AE9CkvSsYWgqyxGSmMAZmtVUw+RwHAWH14pj10vKaHhYjOmW9X9Aofq6Zn2FjanpRkHgapFKcaDKdFyKhQAAsBPuZ9SEAER/I7MMjRNxltVUh+vSsk4Qio5eGxxayY/O97ox+6N3JKMbGWnh4Uv5v4ThO9OYmmxY1nKJ6moztPg5XkB9Kb3XyUFQdMJQE2hnD43TTkIYUiRPwARZ3PS6Y1V1svwgEgsnA+jAEtLL8/Z7FDeSQc5+0eqKEagJHRD6oysuq4aeba2BWGutVFqzrNVSadVKK0paSadbGxQa01MbhRvVgWLFmcLhFo/HMBY1gQIBgDttR+O4mJBkjqEctpggGJZ1ekbK8vl6f82I9fOeccmY7emmk6+x5xlevLs+s2mFguP3UedIZSv9zt/eckf3UBP8v7pzhHRqHqpITNgb+Cf4b7hAo4M5NePx3HG7U6r9CRAwx4foMWqCDMAlJNl0ruLISrKC6dlTGEOznIAxNP4hsyQNJqxoXIgovJBPXpnJzUUH+Syfy0mxQqruk6IXgyGOIlnK6+vMpYZn5cBZmpUDwfa/xZwyNP/zNygA9A27BW3O1ShNzxqmiOMEpcd1SiM1RmSebHmQ28e3q/bXL6/KZfTXUnRS4I2Qvbp7Gd22t6/uOv49sI/iKAMuAFPXmJ6j/XodfgAAAP//AQAA//9YyqVqAAAAAAEAAAACC4Xug/WvXw889QABA+gAAAAA2F2ghAAAAADdZi82/jf+xAhtA/EAAQADAAIAAAAAAAAAAQAAA9j+7wAACJj+N/43CG0AAQAAAAAAAAAAAAAAAAAAAAoCsgBQAdMAJAIGACQCPABBAisAJAI9AEEBjgBBAbsAFQIQABMBTAArAAAALABYAIwArgDaAQoBKgFmAYoBlgAAAAEAAAAKAJAADABjAAcAAQAAAAAAAAAAAAAAAAAEAAN4nJyUz24bVRTGf05s0wrBAkVVuonugkWR6NhUSdU2K4fUikUUB48LQkJIE8/4jzKeGXkmDuEJWPMWvEVXPATPgVij+Xzs2AXRJoqSfHfu+fOdc75zgR3+ZptK9SHwRz0xXGGvfm54iwf1E8PbtOtbhqs8qf1puEZYmxuu83mtZ/gj3lZ/M/yA/epPhh+yW20b/phn1R3Dn2w7/jL8Kfu8XeAKvOBXwxV2yQxvscOPhrd5hMWsVHlE03CNz9gzXGcP6DOhIGZCwgjHkAkjrpgRkeMTMWPCkIgQR4cWMYW+JgRCjtF/fg3wKZgRKOKYAkeMT0xAztgi/iKvlHNlHOo0s7sWBWMCLuRxSUCCI2VESkLEpeIUFGS8okGDnIH4ZhTkeORMiPFImTGiQZc2p/QZMyHH0VakkplPypCCawLld2ZRdmZAREJurK5ICMXTiV8k7w6nOLpksl2PfLoR4Usc38m75JbK9is8/bo1Zpt5l2wC5upnrK7EurnWBMe6LfO2+Fa44BXuXv3ZZPL+HoX6XyjyBVeaf6hJJWKS4NwuLXwpyHePcRzp3MFXR76nQ58Turyhr3OLHj1anNGnw2v5dunh+JouZxzLoyO8uGtLMWf8gOMbOrIpY0fWn8XEIn4mM3Xn4jhTHVMy9bxk7qnWSBXefcLlDqUb6sjlM9AelZZO80u0ZwEjU0UmhlP1cqmN3PoXmiKmqqWc7e19uQ1z273lFt+QaodLtS44lZNbMHrfVL13NHOtH4+AkJQLWQxImdKg4Ea8zwm4IsZxrO6daEsKWiufMs+NVBIxFYMOieLMyPQ3MN34xn2woXtnb0ko/5Lp5aqq+2Rx6tXtjN6oe8s737ocrU2gYVNN19Q0ENfEtB9pp9b5+/LN9bqlPOWIlJjwXy/AMzya7HPAIWNlGOhmbq9DUy9Ek5ccqvpLIlkNpefIIhzg8ZwDDnjJ83f6uGTijItbcVnP3eKYI7ocflAVC/suR7xeffv/rL+LaVO1OJ6uTi/uPcUnd1DrF9qz2/eyp4mVk5hbtNutOCNgWnJxu+s1ucd4/wAAAP//AQAA///0t09ReJxiYGYAg//nGIwYsAAAAAAA//8BAAD//y8BAgMAAAA=");
}]]></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-1815602595 .fill-N1{fill:#0A0F25;} .d2-1179796372 .fill-N1{fill:#0A0F25;}
.d2-1815602595 .fill-N2{fill:#676C7E;} .d2-1179796372 .fill-N2{fill:#676C7E;}
.d2-1815602595 .fill-N3{fill:#9499AB;} .d2-1179796372 .fill-N3{fill:#9499AB;}
.d2-1815602595 .fill-N4{fill:#CFD2DD;} .d2-1179796372 .fill-N4{fill:#CFD2DD;}
.d2-1815602595 .fill-N5{fill:#DEE1EB;} .d2-1179796372 .fill-N5{fill:#DEE1EB;}
.d2-1815602595 .fill-N6{fill:#EEF1F8;} .d2-1179796372 .fill-N6{fill:#EEF1F8;}
.d2-1815602595 .fill-N7{fill:#FFFFFF;} .d2-1179796372 .fill-N7{fill:#FFFFFF;}
.d2-1815602595 .fill-B1{fill:#0D32B2;} .d2-1179796372 .fill-B1{fill:#0D32B2;}
.d2-1815602595 .fill-B2{fill:#0D32B2;} .d2-1179796372 .fill-B2{fill:#0D32B2;}
.d2-1815602595 .fill-B3{fill:#E3E9FD;} .d2-1179796372 .fill-B3{fill:#E3E9FD;}
.d2-1815602595 .fill-B4{fill:#E3E9FD;} .d2-1179796372 .fill-B4{fill:#E3E9FD;}
.d2-1815602595 .fill-B5{fill:#EDF0FD;} .d2-1179796372 .fill-B5{fill:#EDF0FD;}
.d2-1815602595 .fill-B6{fill:#F7F8FE;} .d2-1179796372 .fill-B6{fill:#F7F8FE;}
.d2-1815602595 .fill-AA2{fill:#4A6FF3;} .d2-1179796372 .fill-AA2{fill:#4A6FF3;}
.d2-1815602595 .fill-AA4{fill:#EDF0FD;} .d2-1179796372 .fill-AA4{fill:#EDF0FD;}
.d2-1815602595 .fill-AA5{fill:#F7F8FE;} .d2-1179796372 .fill-AA5{fill:#F7F8FE;}
.d2-1815602595 .fill-AB4{fill:#EDF0FD;} .d2-1179796372 .fill-AB4{fill:#EDF0FD;}
.d2-1815602595 .fill-AB5{fill:#F7F8FE;} .d2-1179796372 .fill-AB5{fill:#F7F8FE;}
.d2-1815602595 .stroke-N1{stroke:#0A0F25;} .d2-1179796372 .stroke-N1{stroke:#0A0F25;}
.d2-1815602595 .stroke-N2{stroke:#676C7E;} .d2-1179796372 .stroke-N2{stroke:#676C7E;}
.d2-1815602595 .stroke-N3{stroke:#9499AB;} .d2-1179796372 .stroke-N3{stroke:#9499AB;}
.d2-1815602595 .stroke-N4{stroke:#CFD2DD;} .d2-1179796372 .stroke-N4{stroke:#CFD2DD;}
.d2-1815602595 .stroke-N5{stroke:#DEE1EB;} .d2-1179796372 .stroke-N5{stroke:#DEE1EB;}
.d2-1815602595 .stroke-N6{stroke:#EEF1F8;} .d2-1179796372 .stroke-N6{stroke:#EEF1F8;}
.d2-1815602595 .stroke-N7{stroke:#FFFFFF;} .d2-1179796372 .stroke-N7{stroke:#FFFFFF;}
.d2-1815602595 .stroke-B1{stroke:#0D32B2;} .d2-1179796372 .stroke-B1{stroke:#0D32B2;}
.d2-1815602595 .stroke-B2{stroke:#0D32B2;} .d2-1179796372 .stroke-B2{stroke:#0D32B2;}
.d2-1815602595 .stroke-B3{stroke:#E3E9FD;} .d2-1179796372 .stroke-B3{stroke:#E3E9FD;}
.d2-1815602595 .stroke-B4{stroke:#E3E9FD;} .d2-1179796372 .stroke-B4{stroke:#E3E9FD;}
.d2-1815602595 .stroke-B5{stroke:#EDF0FD;} .d2-1179796372 .stroke-B5{stroke:#EDF0FD;}
.d2-1815602595 .stroke-B6{stroke:#F7F8FE;} .d2-1179796372 .stroke-B6{stroke:#F7F8FE;}
.d2-1815602595 .stroke-AA2{stroke:#4A6FF3;} .d2-1179796372 .stroke-AA2{stroke:#4A6FF3;}
.d2-1815602595 .stroke-AA4{stroke:#EDF0FD;} .d2-1179796372 .stroke-AA4{stroke:#EDF0FD;}
.d2-1815602595 .stroke-AA5{stroke:#F7F8FE;} .d2-1179796372 .stroke-AA5{stroke:#F7F8FE;}
.d2-1815602595 .stroke-AB4{stroke:#EDF0FD;} .d2-1179796372 .stroke-AB4{stroke:#EDF0FD;}
.d2-1815602595 .stroke-AB5{stroke:#F7F8FE;} .d2-1179796372 .stroke-AB5{stroke:#F7F8FE;}
.d2-1815602595 .background-color-N1{background-color:#0A0F25;} .d2-1179796372 .background-color-N1{background-color:#0A0F25;}
.d2-1815602595 .background-color-N2{background-color:#676C7E;} .d2-1179796372 .background-color-N2{background-color:#676C7E;}
.d2-1815602595 .background-color-N3{background-color:#9499AB;} .d2-1179796372 .background-color-N3{background-color:#9499AB;}
.d2-1815602595 .background-color-N4{background-color:#CFD2DD;} .d2-1179796372 .background-color-N4{background-color:#CFD2DD;}
.d2-1815602595 .background-color-N5{background-color:#DEE1EB;} .d2-1179796372 .background-color-N5{background-color:#DEE1EB;}
.d2-1815602595 .background-color-N6{background-color:#EEF1F8;} .d2-1179796372 .background-color-N6{background-color:#EEF1F8;}
.d2-1815602595 .background-color-N7{background-color:#FFFFFF;} .d2-1179796372 .background-color-N7{background-color:#FFFFFF;}
.d2-1815602595 .background-color-B1{background-color:#0D32B2;} .d2-1179796372 .background-color-B1{background-color:#0D32B2;}
.d2-1815602595 .background-color-B2{background-color:#0D32B2;} .d2-1179796372 .background-color-B2{background-color:#0D32B2;}
.d2-1815602595 .background-color-B3{background-color:#E3E9FD;} .d2-1179796372 .background-color-B3{background-color:#E3E9FD;}
.d2-1815602595 .background-color-B4{background-color:#E3E9FD;} .d2-1179796372 .background-color-B4{background-color:#E3E9FD;}
.d2-1815602595 .background-color-B5{background-color:#EDF0FD;} .d2-1179796372 .background-color-B5{background-color:#EDF0FD;}
.d2-1815602595 .background-color-B6{background-color:#F7F8FE;} .d2-1179796372 .background-color-B6{background-color:#F7F8FE;}
.d2-1815602595 .background-color-AA2{background-color:#4A6FF3;} .d2-1179796372 .background-color-AA2{background-color:#4A6FF3;}
.d2-1815602595 .background-color-AA4{background-color:#EDF0FD;} .d2-1179796372 .background-color-AA4{background-color:#EDF0FD;}
.d2-1815602595 .background-color-AA5{background-color:#F7F8FE;} .d2-1179796372 .background-color-AA5{background-color:#F7F8FE;}
.d2-1815602595 .background-color-AB4{background-color:#EDF0FD;} .d2-1179796372 .background-color-AB4{background-color:#EDF0FD;}
.d2-1815602595 .background-color-AB5{background-color:#F7F8FE;} .d2-1179796372 .background-color-AB5{background-color:#F7F8FE;}
.d2-1815602595 .color-N1{color:#0A0F25;} .d2-1179796372 .color-N1{color:#0A0F25;}
.d2-1815602595 .color-N2{color:#676C7E;} .d2-1179796372 .color-N2{color:#676C7E;}
.d2-1815602595 .color-N3{color:#9499AB;} .d2-1179796372 .color-N3{color:#9499AB;}
.d2-1815602595 .color-N4{color:#CFD2DD;} .d2-1179796372 .color-N4{color:#CFD2DD;}
.d2-1815602595 .color-N5{color:#DEE1EB;} .d2-1179796372 .color-N5{color:#DEE1EB;}
.d2-1815602595 .color-N6{color:#EEF1F8;} .d2-1179796372 .color-N6{color:#EEF1F8;}
.d2-1815602595 .color-N7{color:#FFFFFF;} .d2-1179796372 .color-N7{color:#FFFFFF;}
.d2-1815602595 .color-B1{color:#0D32B2;} .d2-1179796372 .color-B1{color:#0D32B2;}
.d2-1815602595 .color-B2{color:#0D32B2;} .d2-1179796372 .color-B2{color:#0D32B2;}
.d2-1815602595 .color-B3{color:#E3E9FD;} .d2-1179796372 .color-B3{color:#E3E9FD;}
.d2-1815602595 .color-B4{color:#E3E9FD;} .d2-1179796372 .color-B4{color:#E3E9FD;}
.d2-1815602595 .color-B5{color:#EDF0FD;} .d2-1179796372 .color-B5{color:#EDF0FD;}
.d2-1815602595 .color-B6{color:#F7F8FE;} .d2-1179796372 .color-B6{color:#F7F8FE;}
.d2-1815602595 .color-AA2{color:#4A6FF3;} .d2-1179796372 .color-AA2{color:#4A6FF3;}
.d2-1815602595 .color-AA4{color:#EDF0FD;} .d2-1179796372 .color-AA4{color:#EDF0FD;}
.d2-1815602595 .color-AA5{color:#F7F8FE;} .d2-1179796372 .color-AA5{color:#F7F8FE;}
.d2-1815602595 .color-AB4{color:#EDF0FD;} .d2-1179796372 .color-AB4{color:#EDF0FD;}
.d2-1815602595 .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-1815602595);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1815602595);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1815602595);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1815602595);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1815602595);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1815602595);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1815602595);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1815602595);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1815602595);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1815602595);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1815602595);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1815602595);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1815602595);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1815602595);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1815602595);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1815602595);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1815602595);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1815602595);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><path d="M 12 80 C 12 71 21 65 27 65 H 176 C 185 65 191 74 191 80 V 111 C 191 120 182 126 176 126 H 27 C 18 126 12 117 12 111 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /><path d="M 102 -7 C 124 -7 142 11 142 33 C 142 54 124 72 102 72 C 80 72 62 54 62 33 C 62 11 80 -7 102 -7" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="102.000000" y="100.600000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c4-person</text></g><mask id="d2-1815602595" maskUnits="userSpaceOnUse" x="11" y="-9" width="182" height="136"> .d2-1179796372 .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-1179796372);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1179796372);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1179796372);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1179796372);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1179796372);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1179796372);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1179796372);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1179796372);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1179796372);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1179796372);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1179796372);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1179796372);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1179796372);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1179796372);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1179796372);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1179796372);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1179796372);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1179796372);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><path d="M 12 84 C 12 74 22 66 30 66 H 174 C 184 66 192 76 192 84 V 120 C 192 130 182 138 174 138 H 30 C 20 138 12 128 12 120 Z" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /><path d="M 102 -5 C 124 -5 142 13 142 35 C 142 57 124 74 102 74 C 80 74 62 57 62 35 C 62 13 80 -5 102 -5" stroke="#0D32B2" fill="#E3E9FD" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="102.000000" y="107.680000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c4-person</text></g><mask id="d2-1179796372" maskUnits="userSpaceOnUse" x="11" y="-7" width="182" height="146">
<rect x="11" y="-9" width="182" height="136" fill="white"></rect> <rect x="11" y="-7" width="182" height="146" fill="white"></rect>
<rect x="66.500000" y="84.600000" width="71" height="21" fill="rgba(0,0,0,0.75)"></rect> <rect x="66.500000" y="91.680000" 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.8 KiB

2
lib/shape/shape.go
View file

@ -21,7 +21,7 @@ const (
CALLOUT_TYPE = "Callout" CALLOUT_TYPE = "Callout"
STORED_DATA_TYPE = "StoredData" STORED_DATA_TYPE = "StoredData"
PERSON_TYPE = "Person" PERSON_TYPE = "Person"
C4_PERSON_TYPE = "c4-person" C4_PERSON_TYPE = "C4Person"
DIAMOND_TYPE = "Diamond" DIAMOND_TYPE = "Diamond"
OVAL_TYPE = "Oval" OVAL_TYPE = "Oval"
CIRCLE_TYPE = "Circle" CIRCLE_TYPE = "Circle"

19
lib/shape/shape_c4_person.go
View file

@ -138,16 +138,19 @@ 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) {
totalWidth := width + paddingX contentWidth := width + paddingX
totalHeight := height + paddingY contentHeight := height + paddingY
totalWidth := contentWidth / 0.8
if totalHeight < totalWidth*0.8 { headRadius := totalWidth * 0.22
totalHeight = totalWidth * 0.8 bodyTop := totalWidth*0.18 + headRadius*0.8
verticalPaddingRatio := 0.1 // 5% top + 5% bottom
totalHeight := (contentHeight + bodyTop) / (1 - verticalPaddingRatio)
minHeight := totalWidth * 1.2
if totalHeight < minHeight {
totalHeight = minHeight
} }
totalHeight *= 1.4
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)
} }