diff --git a/e2etests/testdata/stable/multiple_offset/dagre/board.exp.json b/e2etests/testdata/stable/multiple_offset/dagre/board.exp.json
index e6009b026..3af11b9ef 100644
--- a/e2etests/testdata/stable/multiple_offset/dagre/board.exp.json
+++ b/e2etests/testdata/stable/multiple_offset/dagre/board.exp.json
@@ -10,8 +10,8 @@
"x": 0,
"y": 41
},
- "width": 133,
- "height": 291,
+ "width": 143,
+ "height": 321,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -48,8 +48,8 @@
"id": "n1.a",
"type": "rectangle",
"pos": {
- "x": 40,
- "y": 70
+ "x": 45,
+ "y": 78
},
"width": 53,
"height": 66,
@@ -90,7 +90,7 @@
"type": "rectangle",
"pos": {
"x": 40,
- "y": 236
+ "y": 264
},
"width": 53,
"height": 66,
@@ -130,11 +130,11 @@
"id": "n2",
"type": "rectangle",
"pos": {
- "x": 153,
+ "x": 163,
"y": 41
},
- "width": 133,
- "height": 291,
+ "width": 148,
+ "height": 321,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -171,8 +171,8 @@
"id": "n2.a",
"type": "rectangle",
"pos": {
- "x": 193,
- "y": 70
+ "x": 211,
+ "y": 78
},
"width": 53,
"height": 66,
@@ -212,8 +212,8 @@
"id": "n2.b",
"type": "rectangle",
"pos": {
- "x": 193,
- "y": 236
+ "x": 203,
+ "y": 266
},
"width": 53,
"height": 66,
@@ -253,11 +253,11 @@
"id": "n3",
"type": "rectangle",
"pos": {
- "x": 306,
- "y": 41
+ "x": 331,
+ "y": 51
},
- "width": 133,
- "height": 291,
+ "width": 143,
+ "height": 321,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -294,8 +294,8 @@
"id": "n3.a",
"type": "rectangle",
"pos": {
- "x": 346,
- "y": 70
+ "x": 376,
+ "y": 88
},
"width": 53,
"height": 66,
@@ -335,8 +335,8 @@
"id": "n3.b",
"type": "rectangle",
"pos": {
- "x": 346,
- "y": 236
+ "x": 371,
+ "y": 274
},
"width": 53,
"height": 66,
@@ -376,11 +376,11 @@
"id": "n4",
"type": "rectangle",
"pos": {
- "x": 459,
- "y": 41
+ "x": 494,
+ "y": 56
},
- "width": 133,
- "height": 291,
+ "width": 148,
+ "height": 321,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -417,8 +417,8 @@
"id": "n4.a",
"type": "rectangle",
"pos": {
- "x": 499,
- "y": 70
+ "x": 542,
+ "y": 93
},
"width": 53,
"height": 66,
@@ -458,8 +458,8 @@
"id": "n4.b",
"type": "rectangle",
"pos": {
- "x": 499,
- "y": 236
+ "x": 534,
+ "y": 281
},
"width": 53,
"height": 66,
@@ -499,11 +499,11 @@
"id": "n5",
"type": "rectangle",
"pos": {
- "x": 612,
- "y": 41
+ "x": 662,
+ "y": 51
},
"width": 133,
- "height": 291,
+ "height": 321,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -540,8 +540,8 @@
"id": "n5.a",
"type": "rectangle",
"pos": {
- "x": 652,
- "y": 70
+ "x": 702,
+ "y": 88
},
"width": 53,
"height": 66,
@@ -581,8 +581,8 @@
"id": "n5.b",
"type": "rectangle",
"pos": {
- "x": 652,
- "y": 236
+ "x": 702,
+ "y": 269
},
"width": 53,
"height": 66,
@@ -622,11 +622,11 @@
"id": "n6",
"type": "rectangle",
"pos": {
- "x": 765,
- "y": 41
+ "x": 815,
+ "y": 56
},
"width": 133,
- "height": 291,
+ "height": 321,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -663,8 +663,8 @@
"id": "n6.a",
"type": "rectangle",
"pos": {
- "x": 805,
- "y": 70
+ "x": 855,
+ "y": 93
},
"width": 53,
"height": 66,
@@ -704,8 +704,8 @@
"id": "n6.b",
"type": "rectangle",
"pos": {
- "x": 805,
- "y": 236
+ "x": 855,
+ "y": 274
},
"width": 53,
"height": 66,
@@ -745,11 +745,11 @@
"id": "n7",
"type": "rectangle",
"pos": {
- "x": 918,
- "y": 41
+ "x": 968,
+ "y": 51
},
- "width": 133,
- "height": 291,
+ "width": 143,
+ "height": 321,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -786,8 +786,8 @@
"id": "n7.a",
"type": "rectangle",
"pos": {
- "x": 958,
- "y": 70
+ "x": 1008,
+ "y": 93
},
"width": 53,
"height": 66,
@@ -827,8 +827,8 @@
"id": "n7.b",
"type": "rectangle",
"pos": {
- "x": 958,
- "y": 236
+ "x": 1013,
+ "y": 269
},
"width": 53,
"height": 66,
@@ -868,11 +868,11 @@
"id": "n8",
"type": "rectangle",
"pos": {
- "x": 1071,
- "y": 41
+ "x": 1131,
+ "y": 56
},
- "width": 133,
- "height": 291,
+ "width": 148,
+ "height": 321,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -909,8 +909,8 @@
"id": "n8.a",
"type": "rectangle",
"pos": {
- "x": 1111,
- "y": 70
+ "x": 1171,
+ "y": 100
},
"width": 53,
"height": 66,
@@ -950,8 +950,8 @@
"id": "n8.b",
"type": "rectangle",
"pos": {
- "x": 1111,
- "y": 236
+ "x": 1179,
+ "y": 274
},
"width": 53,
"height": 66,
@@ -991,11 +991,11 @@
"id": "n9",
"type": "rectangle",
"pos": {
- "x": 1224,
- "y": 41
+ "x": 1299,
+ "y": 51
},
- "width": 133,
- "height": 291,
+ "width": 143,
+ "height": 321,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -1032,8 +1032,8 @@
"id": "n9.a",
"type": "rectangle",
"pos": {
- "x": 1264,
- "y": 70
+ "x": 1339,
+ "y": 93
},
"width": 53,
"height": 66,
@@ -1073,8 +1073,8 @@
"id": "n9.b",
"type": "rectangle",
"pos": {
- "x": 1264,
- "y": 236
+ "x": 1339,
+ "y": 274
},
"width": 53,
"height": 66,
@@ -1114,11 +1114,11 @@
"id": "n10",
"type": "rectangle",
"pos": {
- "x": 1377,
- "y": 41
+ "x": 1462,
+ "y": 56
},
- "width": 133,
- "height": 291,
+ "width": 148,
+ "height": 321,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -1155,8 +1155,8 @@
"id": "n10.a",
"type": "rectangle",
"pos": {
- "x": 1417,
- "y": 70
+ "x": 1502,
+ "y": 100
},
"width": 53,
"height": 66,
@@ -1196,8 +1196,8 @@
"id": "n10.b",
"type": "rectangle",
"pos": {
- "x": 1417,
- "y": 236
+ "x": 1502,
+ "y": 281
},
"width": 53,
"height": 66,
@@ -1260,20 +1260,20 @@
"labelPercentage": 0,
"route": [
{
- "x": 66.5,
- "y": 136.5
+ "x": 71.5,
+ "y": 145
},
{
- "x": 66.5,
- "y": 176.5
+ "x": 71.5,
+ "y": 190.1999969482422
},
{
- "x": 66.5,
- "y": 196.5
+ "x": 71.5,
+ "y": 212
},
{
- "x": 66.5,
- "y": 236.5
+ "x": 71.5,
+ "y": 254
}
],
"isCurve": true,
@@ -1307,20 +1307,20 @@
"labelPercentage": 0,
"route": [
{
- "x": 219.5,
- "y": 136.5
+ "x": 237,
+ "y": 145
},
{
- "x": 219.5,
- "y": 176.5
+ "x": 237,
+ "y": 190.1999969482422
},
{
- "x": 219.5,
- "y": 196.5
+ "x": 237,
+ "y": 211.5
},
{
- "x": 219.5,
- "y": 236.5
+ "x": 237,
+ "y": 251.5
}
],
"isCurve": true,
@@ -1354,20 +1354,20 @@
"labelPercentage": 0,
"route": [
{
- "x": 372.5,
- "y": 136.5
+ "x": 402.5,
+ "y": 155
},
{
- "x": 372.5,
- "y": 176.5
+ "x": 402.5,
+ "y": 200.1999969482422
},
{
- "x": 372.5,
- "y": 196.5
+ "x": 402.5,
+ "y": 222
},
{
- "x": 372.5,
- "y": 236.5
+ "x": 402.5,
+ "y": 264
}
],
"isCurve": true,
@@ -1401,20 +1401,20 @@
"labelPercentage": 0,
"route": [
{
- "x": 525.5,
- "y": 136.5
+ "x": 568,
+ "y": 160
},
{
- "x": 525.5,
- "y": 176.5
+ "x": 568,
+ "y": 205.1999969482422
},
{
- "x": 525.5,
- "y": 196.5
+ "x": 568,
+ "y": 226.5
},
{
- "x": 525.5,
- "y": 236.5
+ "x": 568,
+ "y": 266.5
}
],
"isCurve": true,
@@ -1448,20 +1448,20 @@
"labelPercentage": 0,
"route": [
{
- "x": 678.5,
- "y": 136.5
+ "x": 728.5,
+ "y": 155
},
{
- "x": 678.5,
- "y": 176.5
+ "x": 728.5,
+ "y": 200.1999969482422
},
{
- "x": 678.5,
- "y": 196.5
+ "x": 728.5,
+ "y": 223
},
{
- "x": 678.5,
- "y": 236.5
+ "x": 728.5,
+ "y": 269
}
],
"isCurve": true,
@@ -1495,20 +1495,20 @@
"labelPercentage": 0,
"route": [
{
- "x": 831.5,
- "y": 136.5
+ "x": 881.5,
+ "y": 160
},
{
- "x": 831.5,
- "y": 176.5
+ "x": 881.5,
+ "y": 205.1999969482422
},
{
- "x": 831.5,
- "y": 196.5
+ "x": 881.5,
+ "y": 228
},
{
- "x": 831.5,
- "y": 236.5
+ "x": 881.5,
+ "y": 274
}
],
"isCurve": true,
@@ -1542,20 +1542,20 @@
"labelPercentage": 0,
"route": [
{
- "x": 984.5,
- "y": 136.5
+ "x": 1039.5,
+ "y": 160
},
{
- "x": 984.5,
- "y": 176.5
+ "x": 1039.5,
+ "y": 201.1999969482422
},
{
- "x": 984.5,
- "y": 196.5
+ "x": 1039.5,
+ "y": 223
},
{
- "x": 984.5,
- "y": 236.5
+ "x": 1039.5,
+ "y": 269
}
],
"isCurve": true,
@@ -1589,20 +1589,20 @@
"labelPercentage": 0,
"route": [
{
- "x": 1137.5,
- "y": 136.5
+ "x": 1205,
+ "y": 166.5
},
{
- "x": 1137.5,
- "y": 176.5
+ "x": 1205,
+ "y": 206.5
},
{
- "x": 1137.5,
- "y": 196.5
+ "x": 1205,
+ "y": 228
},
{
- "x": 1137.5,
- "y": 236.5
+ "x": 1205,
+ "y": 274
}
],
"isCurve": true,
@@ -1636,20 +1636,20 @@
"labelPercentage": 0,
"route": [
{
- "x": 1290.5,
- "y": 136.5
+ "x": 1370.5,
+ "y": 160
},
{
- "x": 1290.5,
- "y": 176.5
+ "x": 1370.5,
+ "y": 201.1999969482422
},
{
- "x": 1290.5,
- "y": 196.5
+ "x": 1370.5,
+ "y": 222
},
{
- "x": 1290.5,
- "y": 236.5
+ "x": 1370.5,
+ "y": 264
}
],
"isCurve": true,
@@ -1683,20 +1683,20 @@
"labelPercentage": 0,
"route": [
{
- "x": 1443.5,
- "y": 136.5
+ "x": 1536,
+ "y": 166.5
},
{
- "x": 1443.5,
- "y": 176.5
+ "x": 1536,
+ "y": 206.5
},
{
- "x": 1443.5,
- "y": 196.5
+ "x": 1536,
+ "y": 226.5
},
{
- "x": 1443.5,
- "y": 236.5
+ "x": 1536,
+ "y": 266.5
}
],
"isCurve": true,
diff --git a/e2etests/testdata/stable/multiple_offset/dagre/sketch.exp.svg b/e2etests/testdata/stable/multiple_offset/dagre/sketch.exp.svg
index 999db2ea2..2494e1911 100644
--- a/e2etests/testdata/stable/multiple_offset/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/multiple_offset/dagre/sketch.exp.svg
@@ -1,16 +1,16 @@
-
\ No newline at end of file
diff --git a/e2etests/testdata/stable/multiple_offset/elk/board.exp.json b/e2etests/testdata/stable/multiple_offset/elk/board.exp.json
index 633476eda..9c8483c2d 100644
--- a/e2etests/testdata/stable/multiple_offset/elk/board.exp.json
+++ b/e2etests/testdata/stable/multiple_offset/elk/board.exp.json
@@ -8,10 +8,10 @@
"type": "rectangle",
"pos": {
"x": 12,
- "y": 12
+ "y": 22
},
- "width": 153,
- "height": 302,
+ "width": 163,
+ "height": 312,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -48,8 +48,8 @@
"id": "n1.a",
"type": "rectangle",
"pos": {
- "x": 62,
- "y": 62
+ "x": 67,
+ "y": 72
},
"width": 53,
"height": 66,
@@ -90,7 +90,7 @@
"type": "rectangle",
"pos": {
"x": 62,
- "y": 198
+ "y": 218
},
"width": 53,
"height": 66,
@@ -130,11 +130,11 @@
"id": "n2",
"type": "rectangle",
"pos": {
- "x": 185,
- "y": 12
+ "x": 195,
+ "y": 19
},
- "width": 153,
- "height": 302,
+ "width": 168,
+ "height": 317,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -171,8 +171,8 @@
"id": "n2.a",
"type": "rectangle",
"pos": {
- "x": 235,
- "y": 62
+ "x": 252,
+ "y": 69
},
"width": 53,
"height": 66,
@@ -212,8 +212,8 @@
"id": "n2.b",
"type": "rectangle",
"pos": {
- "x": 235,
- "y": 198
+ "x": 245,
+ "y": 220
},
"width": 53,
"height": 66,
@@ -253,11 +253,11 @@
"id": "n3",
"type": "rectangle",
"pos": {
- "x": 358,
- "y": 12
+ "x": 383,
+ "y": 32
},
- "width": 153,
- "height": 302,
+ "width": 163,
+ "height": 312,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -294,8 +294,8 @@
"id": "n3.a",
"type": "rectangle",
"pos": {
- "x": 408,
- "y": 62
+ "x": 438,
+ "y": 82
},
"width": 53,
"height": 66,
@@ -335,8 +335,8 @@
"id": "n3.b",
"type": "rectangle",
"pos": {
- "x": 408,
- "y": 198
+ "x": 433,
+ "y": 228
},
"width": 53,
"height": 66,
@@ -376,11 +376,11 @@
"id": "n4",
"type": "rectangle",
"pos": {
- "x": 531,
- "y": 12
+ "x": 566,
+ "y": 34
},
- "width": 153,
- "height": 302,
+ "width": 168,
+ "height": 317,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -417,8 +417,8 @@
"id": "n4.a",
"type": "rectangle",
"pos": {
- "x": 581,
- "y": 62
+ "x": 623,
+ "y": 84
},
"width": 53,
"height": 66,
@@ -458,8 +458,8 @@
"id": "n4.b",
"type": "rectangle",
"pos": {
- "x": 581,
- "y": 198
+ "x": 616,
+ "y": 235
},
"width": 53,
"height": 66,
@@ -499,8 +499,8 @@
"id": "n5",
"type": "rectangle",
"pos": {
- "x": 704,
- "y": 12
+ "x": 754,
+ "y": 37
},
"width": 153,
"height": 302,
@@ -540,8 +540,8 @@
"id": "n5.a",
"type": "rectangle",
"pos": {
- "x": 754,
- "y": 62
+ "x": 804,
+ "y": 87
},
"width": 53,
"height": 66,
@@ -581,8 +581,8 @@
"id": "n5.b",
"type": "rectangle",
"pos": {
- "x": 754,
- "y": 198
+ "x": 804,
+ "y": 223
},
"width": 53,
"height": 66,
@@ -622,8 +622,8 @@
"id": "n6",
"type": "rectangle",
"pos": {
- "x": 877,
- "y": 12
+ "x": 927,
+ "y": 42
},
"width": 153,
"height": 302,
@@ -663,8 +663,8 @@
"id": "n6.a",
"type": "rectangle",
"pos": {
- "x": 927,
- "y": 62
+ "x": 977,
+ "y": 92
},
"width": 53,
"height": 66,
@@ -704,8 +704,8 @@
"id": "n6.b",
"type": "rectangle",
"pos": {
- "x": 927,
- "y": 198
+ "x": 977,
+ "y": 228
},
"width": 53,
"height": 66,
@@ -745,11 +745,11 @@
"id": "n7",
"type": "rectangle",
"pos": {
- "x": 1050,
- "y": 12
+ "x": 1100,
+ "y": 32
},
- "width": 153,
- "height": 302,
+ "width": 163,
+ "height": 312,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -786,8 +786,8 @@
"id": "n7.a",
"type": "rectangle",
"pos": {
- "x": 1100,
- "y": 62
+ "x": 1150,
+ "y": 92
},
"width": 53,
"height": 66,
@@ -827,8 +827,8 @@
"id": "n7.b",
"type": "rectangle",
"pos": {
- "x": 1100,
- "y": 198
+ "x": 1155,
+ "y": 228
},
"width": 53,
"height": 66,
@@ -868,11 +868,11 @@
"id": "n8",
"type": "rectangle",
"pos": {
- "x": 1223,
- "y": 12
+ "x": 1283,
+ "y": 34
},
- "width": 153,
- "height": 302,
+ "width": 168,
+ "height": 317,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -909,8 +909,8 @@
"id": "n8.a",
"type": "rectangle",
"pos": {
- "x": 1273,
- "y": 62
+ "x": 1333,
+ "y": 99
},
"width": 53,
"height": 66,
@@ -950,8 +950,8 @@
"id": "n8.b",
"type": "rectangle",
"pos": {
- "x": 1273,
- "y": 198
+ "x": 1340,
+ "y": 235
},
"width": 53,
"height": 66,
@@ -991,11 +991,11 @@
"id": "n9",
"type": "rectangle",
"pos": {
- "x": 1396,
- "y": 12
+ "x": 1471,
+ "y": 27
},
- "width": 153,
- "height": 302,
+ "width": 163,
+ "height": 322,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -1032,8 +1032,8 @@
"id": "n9.a",
"type": "rectangle",
"pos": {
- "x": 1446,
- "y": 62
+ "x": 1521,
+ "y": 87
},
"width": 53,
"height": 66,
@@ -1073,8 +1073,8 @@
"id": "n9.b",
"type": "rectangle",
"pos": {
- "x": 1446,
- "y": 198
+ "x": 1521,
+ "y": 233
},
"width": 53,
"height": 66,
@@ -1114,11 +1114,11 @@
"id": "n10",
"type": "rectangle",
"pos": {
- "x": 1569,
- "y": 12
+ "x": 1654,
+ "y": 27
},
- "width": 153,
- "height": 302,
+ "width": 168,
+ "height": 332,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -1155,8 +1155,8 @@
"id": "n10.a",
"type": "rectangle",
"pos": {
- "x": 1619,
- "y": 62
+ "x": 1704,
+ "y": 92
},
"width": 53,
"height": 66,
@@ -1196,8 +1196,8 @@
"id": "n10.b",
"type": "rectangle",
"pos": {
- "x": 1619,
- "y": 198
+ "x": 1704,
+ "y": 243
},
"width": 53,
"height": 66,
@@ -1260,12 +1260,12 @@
"labelPercentage": 0,
"route": [
{
- "x": 88.5,
- "y": 128
+ "x": 93.5,
+ "y": 138
},
{
- "x": 88.5,
- "y": 198
+ "x": 93.5,
+ "y": 208
}
],
"animated": false,
@@ -1298,12 +1298,12 @@
"labelPercentage": 0,
"route": [
{
- "x": 261.5,
- "y": 128
+ "x": 279,
+ "y": 135.5
},
{
- "x": 261.5,
- "y": 198
+ "x": 279,
+ "y": 205.5
}
],
"animated": false,
@@ -1336,12 +1336,12 @@
"labelPercentage": 0,
"route": [
{
- "x": 434.5,
- "y": 128
+ "x": 464.5,
+ "y": 148
},
{
- "x": 434.5,
- "y": 198
+ "x": 464.5,
+ "y": 218
}
],
"animated": false,
@@ -1374,12 +1374,12 @@
"labelPercentage": 0,
"route": [
{
- "x": 607.5,
- "y": 128
+ "x": 650,
+ "y": 150.5
},
{
- "x": 607.5,
- "y": 198
+ "x": 650,
+ "y": 220.5
}
],
"animated": false,
@@ -1412,12 +1412,12 @@
"labelPercentage": 0,
"route": [
{
- "x": 780.5,
- "y": 128
+ "x": 830.5,
+ "y": 153
},
{
- "x": 780.5,
- "y": 198
+ "x": 830.5,
+ "y": 223
}
],
"animated": false,
@@ -1450,12 +1450,12 @@
"labelPercentage": 0,
"route": [
{
- "x": 953.5,
- "y": 128
+ "x": 1003.5,
+ "y": 158
},
{
- "x": 953.5,
- "y": 198
+ "x": 1003.5,
+ "y": 228
}
],
"animated": false,
@@ -1488,12 +1488,12 @@
"labelPercentage": 0,
"route": [
{
- "x": 1126.5,
- "y": 128
+ "x": 1181.5,
+ "y": 158
},
{
- "x": 1126.5,
- "y": 198
+ "x": 1181.5,
+ "y": 228
}
],
"animated": false,
@@ -1526,12 +1526,12 @@
"labelPercentage": 0,
"route": [
{
- "x": 1299.5,
- "y": 128
+ "x": 1367,
+ "y": 165.5
},
{
- "x": 1299.5,
- "y": 198
+ "x": 1367,
+ "y": 235.5
}
],
"animated": false,
@@ -1564,12 +1564,12 @@
"labelPercentage": 0,
"route": [
{
- "x": 1472.5,
- "y": 128
+ "x": 1552.5,
+ "y": 153
},
{
- "x": 1472.5,
- "y": 198
+ "x": 1552.5,
+ "y": 223
}
],
"animated": false,
@@ -1602,12 +1602,12 @@
"labelPercentage": 0,
"route": [
{
- "x": 1645.5,
- "y": 128
+ "x": 1738,
+ "y": 158
},
{
- "x": 1645.5,
- "y": 198
+ "x": 1738,
+ "y": 228
}
],
"animated": false,
diff --git a/e2etests/testdata/stable/multiple_offset/elk/sketch.exp.svg b/e2etests/testdata/stable/multiple_offset/elk/sketch.exp.svg
index bffce029d..270abaf63 100644
--- a/e2etests/testdata/stable/multiple_offset/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/multiple_offset/elk/sketch.exp.svg
@@ -1,16 +1,16 @@
-n1n2n3
-
-n4n5
-
-n6n7
-
-n8n9
-
-n10aba
-
-baba
-
-bababab
-
-abab
-
-a
-
-b
-
+ .d2-3957744761 .fill-N1{fill:#0A0F25;}
+ .d2-3957744761 .fill-N2{fill:#676C7E;}
+ .d2-3957744761 .fill-N3{fill:#9499AB;}
+ .d2-3957744761 .fill-N4{fill:#CFD2DD;}
+ .d2-3957744761 .fill-N5{fill:#DEE1EB;}
+ .d2-3957744761 .fill-N6{fill:#EEF1F8;}
+ .d2-3957744761 .fill-N7{fill:#FFFFFF;}
+ .d2-3957744761 .fill-B1{fill:#0D32B2;}
+ .d2-3957744761 .fill-B2{fill:#0D32B2;}
+ .d2-3957744761 .fill-B3{fill:#E3E9FD;}
+ .d2-3957744761 .fill-B4{fill:#E3E9FD;}
+ .d2-3957744761 .fill-B5{fill:#EDF0FD;}
+ .d2-3957744761 .fill-B6{fill:#F7F8FE;}
+ .d2-3957744761 .fill-AA2{fill:#4A6FF3;}
+ .d2-3957744761 .fill-AA4{fill:#EDF0FD;}
+ .d2-3957744761 .fill-AA5{fill:#F7F8FE;}
+ .d2-3957744761 .fill-AB4{fill:#EDF0FD;}
+ .d2-3957744761 .fill-AB5{fill:#F7F8FE;}
+ .d2-3957744761 .stroke-N1{stroke:#0A0F25;}
+ .d2-3957744761 .stroke-N2{stroke:#676C7E;}
+ .d2-3957744761 .stroke-N3{stroke:#9499AB;}
+ .d2-3957744761 .stroke-N4{stroke:#CFD2DD;}
+ .d2-3957744761 .stroke-N5{stroke:#DEE1EB;}
+ .d2-3957744761 .stroke-N6{stroke:#EEF1F8;}
+ .d2-3957744761 .stroke-N7{stroke:#FFFFFF;}
+ .d2-3957744761 .stroke-B1{stroke:#0D32B2;}
+ .d2-3957744761 .stroke-B2{stroke:#0D32B2;}
+ .d2-3957744761 .stroke-B3{stroke:#E3E9FD;}
+ .d2-3957744761 .stroke-B4{stroke:#E3E9FD;}
+ .d2-3957744761 .stroke-B5{stroke:#EDF0FD;}
+ .d2-3957744761 .stroke-B6{stroke:#F7F8FE;}
+ .d2-3957744761 .stroke-AA2{stroke:#4A6FF3;}
+ .d2-3957744761 .stroke-AA4{stroke:#EDF0FD;}
+ .d2-3957744761 .stroke-AA5{stroke:#F7F8FE;}
+ .d2-3957744761 .stroke-AB4{stroke:#EDF0FD;}
+ .d2-3957744761 .stroke-AB5{stroke:#F7F8FE;}
+ .d2-3957744761 .background-color-N1{background-color:#0A0F25;}
+ .d2-3957744761 .background-color-N2{background-color:#676C7E;}
+ .d2-3957744761 .background-color-N3{background-color:#9499AB;}
+ .d2-3957744761 .background-color-N4{background-color:#CFD2DD;}
+ .d2-3957744761 .background-color-N5{background-color:#DEE1EB;}
+ .d2-3957744761 .background-color-N6{background-color:#EEF1F8;}
+ .d2-3957744761 .background-color-N7{background-color:#FFFFFF;}
+ .d2-3957744761 .background-color-B1{background-color:#0D32B2;}
+ .d2-3957744761 .background-color-B2{background-color:#0D32B2;}
+ .d2-3957744761 .background-color-B3{background-color:#E3E9FD;}
+ .d2-3957744761 .background-color-B4{background-color:#E3E9FD;}
+ .d2-3957744761 .background-color-B5{background-color:#EDF0FD;}
+ .d2-3957744761 .background-color-B6{background-color:#F7F8FE;}
+ .d2-3957744761 .background-color-AA2{background-color:#4A6FF3;}
+ .d2-3957744761 .background-color-AA4{background-color:#EDF0FD;}
+ .d2-3957744761 .background-color-AA5{background-color:#F7F8FE;}
+ .d2-3957744761 .background-color-AB4{background-color:#EDF0FD;}
+ .d2-3957744761 .background-color-AB5{background-color:#F7F8FE;}
+ .d2-3957744761 .color-N1{color:#0A0F25;}
+ .d2-3957744761 .color-N2{color:#676C7E;}
+ .d2-3957744761 .color-N3{color:#9499AB;}
+ .d2-3957744761 .color-N4{color:#CFD2DD;}
+ .d2-3957744761 .color-N5{color:#DEE1EB;}
+ .d2-3957744761 .color-N6{color:#EEF1F8;}
+ .d2-3957744761 .color-N7{color:#FFFFFF;}
+ .d2-3957744761 .color-B1{color:#0D32B2;}
+ .d2-3957744761 .color-B2{color:#0D32B2;}
+ .d2-3957744761 .color-B3{color:#E3E9FD;}
+ .d2-3957744761 .color-B4{color:#E3E9FD;}
+ .d2-3957744761 .color-B5{color:#EDF0FD;}
+ .d2-3957744761 .color-B6{color:#F7F8FE;}
+ .d2-3957744761 .color-AA2{color:#4A6FF3;}
+ .d2-3957744761 .color-AA4{color:#EDF0FD;}
+ .d2-3957744761 .color-AA5{color:#F7F8FE;}
+ .d2-3957744761 .color-AB4{color:#EDF0FD;}
+ .d2-3957744761 .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);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]>n1n2n3
+
+n4n5
+
+n6n7
+
+n8n9
+
+n10aba
+
+baba
+
+bababab
+
+abab
+
+a
+
+b
+
\ No newline at end of file
diff --git a/e2etests/testdata/stable/multiple_offset_left/dagre/board.exp.json b/e2etests/testdata/stable/multiple_offset_left/dagre/board.exp.json
index c2924e78d..a0bfacf2b 100644
--- a/e2etests/testdata/stable/multiple_offset_left/dagre/board.exp.json
+++ b/e2etests/testdata/stable/multiple_offset_left/dagre/board.exp.json
@@ -10,8 +10,8 @@
"x": 0,
"y": 41
},
- "width": 306,
- "height": 85,
+ "width": 336,
+ "height": 95,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -48,8 +48,8 @@
"id": "n1.a",
"type": "rectangle",
"pos": {
- "x": 203,
- "y": 50
+ "x": 226,
+ "y": 55
},
"width": 53,
"height": 66,
@@ -89,8 +89,8 @@
"id": "n1.b",
"type": "rectangle",
"pos": {
- "x": 50,
- "y": 50
+ "x": 53,
+ "y": 60
},
"width": 53,
"height": 66,
@@ -131,10 +131,10 @@
"type": "rectangle",
"pos": {
"x": 0,
- "y": 207
+ "y": 217
},
- "width": 306,
- "height": 85,
+ "width": 336,
+ "height": 100,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -171,8 +171,8 @@
"id": "n2.a",
"type": "rectangle",
"pos": {
- "x": 203,
- "y": 216
+ "x": 226,
+ "y": 234
},
"width": 53,
"height": 66,
@@ -213,7 +213,7 @@
"type": "rectangle",
"pos": {
"x": 50,
- "y": 216
+ "y": 241
},
"width": 53,
"height": 66,
@@ -254,10 +254,10 @@
"type": "rectangle",
"pos": {
"x": 0,
- "y": 373
+ "y": 408
},
- "width": 306,
- "height": 85,
+ "width": 336,
+ "height": 95,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -294,8 +294,8 @@
"id": "n3.a",
"type": "rectangle",
"pos": {
- "x": 203,
- "y": 382
+ "x": 226,
+ "y": 422
},
"width": 53,
"height": 66,
@@ -335,8 +335,8 @@
"id": "n3.b",
"type": "rectangle",
"pos": {
- "x": 50,
- "y": 382
+ "x": 53,
+ "y": 427
},
"width": 53,
"height": 66,
@@ -377,10 +377,10 @@
"type": "rectangle",
"pos": {
"x": 0,
- "y": 539
+ "y": 589
},
- "width": 306,
- "height": 85,
+ "width": 336,
+ "height": 100,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -417,8 +417,8 @@
"id": "n4.a",
"type": "rectangle",
"pos": {
- "x": 203,
- "y": 548
+ "x": 226,
+ "y": 606
},
"width": 53,
"height": 66,
@@ -459,7 +459,7 @@
"type": "rectangle",
"pos": {
"x": 50,
- "y": 548
+ "y": 613
},
"width": 53,
"height": 66,
@@ -500,9 +500,9 @@
"type": "rectangle",
"pos": {
"x": 0,
- "y": 705
+ "y": 765
},
- "width": 306,
+ "width": 336,
"height": 85,
"opacity": 1,
"strokeDash": 0,
@@ -540,8 +540,8 @@
"id": "n5.a",
"type": "rectangle",
"pos": {
- "x": 203,
- "y": 714
+ "x": 226,
+ "y": 774
},
"width": 53,
"height": 66,
@@ -581,8 +581,8 @@
"id": "n5.b",
"type": "rectangle",
"pos": {
- "x": 50,
- "y": 714
+ "x": 58,
+ "y": 774
},
"width": 53,
"height": 66,
@@ -623,9 +623,9 @@
"type": "rectangle",
"pos": {
"x": 0,
- "y": 871
+ "y": 936
},
- "width": 306,
+ "width": 336,
"height": 85,
"opacity": 1,
"strokeDash": 0,
@@ -663,8 +663,8 @@
"id": "n6.a",
"type": "rectangle",
"pos": {
- "x": 203,
- "y": 880
+ "x": 226,
+ "y": 945
},
"width": 53,
"height": 66,
@@ -704,8 +704,8 @@
"id": "n6.b",
"type": "rectangle",
"pos": {
- "x": 50,
- "y": 880
+ "x": 58,
+ "y": 945
},
"width": 53,
"height": 66,
@@ -746,10 +746,10 @@
"type": "rectangle",
"pos": {
"x": 0,
- "y": 1037
+ "y": 1097
},
- "width": 306,
- "height": 85,
+ "width": 336,
+ "height": 95,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -786,8 +786,8 @@
"id": "n7.a",
"type": "rectangle",
"pos": {
- "x": 203,
- "y": 1046
+ "x": 221,
+ "y": 1116
},
"width": 53,
"height": 66,
@@ -827,8 +827,8 @@
"id": "n7.b",
"type": "rectangle",
"pos": {
- "x": 50,
- "y": 1046
+ "x": 58,
+ "y": 1111
},
"width": 53,
"height": 66,
@@ -869,10 +869,10 @@
"type": "rectangle",
"pos": {
"x": 0,
- "y": 1203
+ "y": 1278
},
- "width": 306,
- "height": 85,
+ "width": 336,
+ "height": 100,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -909,8 +909,8 @@
"id": "n8.a",
"type": "rectangle",
"pos": {
- "x": 203,
- "y": 1212
+ "x": 218,
+ "y": 1302
},
"width": 53,
"height": 66,
@@ -950,8 +950,8 @@
"id": "n8.b",
"type": "rectangle",
"pos": {
- "x": 50,
- "y": 1212
+ "x": 58,
+ "y": 1295
},
"width": 53,
"height": 66,
@@ -992,10 +992,10 @@
"type": "rectangle",
"pos": {
"x": 0,
- "y": 1369
+ "y": 1454
},
- "width": 306,
- "height": 85,
+ "width": 336,
+ "height": 95,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -1032,8 +1032,8 @@
"id": "n9.a",
"type": "rectangle",
"pos": {
- "x": 203,
- "y": 1378
+ "x": 221,
+ "y": 1473
},
"width": 53,
"height": 66,
@@ -1073,8 +1073,8 @@
"id": "n9.b",
"type": "rectangle",
"pos": {
- "x": 50,
- "y": 1378
+ "x": 53,
+ "y": 1473
},
"width": 53,
"height": 66,
@@ -1115,10 +1115,10 @@
"type": "rectangle",
"pos": {
"x": 0,
- "y": 1535
+ "y": 1635
},
- "width": 306,
- "height": 85,
+ "width": 336,
+ "height": 100,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -1155,8 +1155,8 @@
"id": "n10.a",
"type": "rectangle",
"pos": {
- "x": 203,
- "y": 1544
+ "x": 218,
+ "y": 1659
},
"width": 53,
"height": 66,
@@ -1197,7 +1197,7 @@
"type": "rectangle",
"pos": {
"x": 50,
- "y": 1544
+ "y": 1659
},
"width": 53,
"height": 66,
@@ -1260,20 +1260,20 @@
"labelPercentage": 0,
"route": [
{
- "x": 203,
- "y": 83.5
+ "x": 225.5,
+ "y": 88.5
},
{
- "x": 163,
- "y": 83.5
+ "x": 179.5,
+ "y": 88.5
},
{
- "x": 143,
- "y": 83.5
+ "x": 157.60000610351562,
+ "y": 88.5
},
{
- "x": 103,
- "y": 83.5
+ "x": 116,
+ "y": 88.5
}
],
"isCurve": true,
@@ -1307,20 +1307,20 @@
"labelPercentage": 0,
"route": [
{
- "x": 203,
- "y": 249.5
+ "x": 225.5,
+ "y": 267
},
{
- "x": 163,
- "y": 249.5
+ "x": 179.5,
+ "y": 267
},
{
- "x": 143,
- "y": 249.5
+ "x": 158,
+ "y": 267
},
{
- "x": 103,
- "y": 249.5
+ "x": 118,
+ "y": 267
}
],
"isCurve": true,
@@ -1354,20 +1354,20 @@
"labelPercentage": 0,
"route": [
{
- "x": 203,
- "y": 415.5
+ "x": 225.5,
+ "y": 455.5
},
{
- "x": 163,
- "y": 415.5
+ "x": 179.5,
+ "y": 455.5
},
{
- "x": 143,
- "y": 415.5
+ "x": 157.60000610351562,
+ "y": 455.5
},
{
- "x": 103,
- "y": 415.5
+ "x": 116,
+ "y": 455.5
}
],
"isCurve": true,
@@ -1401,20 +1401,20 @@
"labelPercentage": 0,
"route": [
{
- "x": 203,
- "y": 581.5
+ "x": 225.5,
+ "y": 639
},
{
- "x": 163,
- "y": 581.5
+ "x": 179.5,
+ "y": 639
},
{
- "x": 143,
- "y": 581.5
+ "x": 158,
+ "y": 639
},
{
- "x": 103,
- "y": 581.5
+ "x": 118,
+ "y": 639
}
],
"isCurve": true,
@@ -1448,20 +1448,20 @@
"labelPercentage": 0,
"route": [
{
- "x": 203,
- "y": 747.5
+ "x": 225.5,
+ "y": 807.5
},
{
- "x": 163,
- "y": 747.5
+ "x": 179.5,
+ "y": 807.5
},
{
- "x": 143,
- "y": 747.5
+ "x": 156.60000610351562,
+ "y": 807.5
},
{
- "x": 103,
- "y": 747.5
+ "x": 111,
+ "y": 807.5
}
],
"isCurve": true,
@@ -1495,20 +1495,20 @@
"labelPercentage": 0,
"route": [
{
- "x": 203,
- "y": 913.5
+ "x": 225.5,
+ "y": 978.5
},
{
- "x": 163,
- "y": 913.5
+ "x": 179.5,
+ "y": 978.5
},
{
- "x": 143,
- "y": 913.5
+ "x": 156.60000610351562,
+ "y": 978.5
},
{
- "x": 103,
- "y": 913.5
+ "x": 111,
+ "y": 978.5
}
],
"isCurve": true,
@@ -1542,20 +1542,20 @@
"labelPercentage": 0,
"route": [
{
- "x": 203,
- "y": 1079.5
+ "x": 220.5,
+ "y": 1144.5
},
{
- "x": 163,
- "y": 1079.5
+ "x": 178.5,
+ "y": 1144.5
},
{
- "x": 143,
- "y": 1079.5
+ "x": 156.60000610351562,
+ "y": 1144.5
},
{
- "x": 103,
- "y": 1079.5
+ "x": 111,
+ "y": 1144.5
}
],
"isCurve": true,
@@ -1589,20 +1589,20 @@
"labelPercentage": 0,
"route": [
{
- "x": 203,
- "y": 1245.5
+ "x": 218,
+ "y": 1328
},
{
- "x": 163,
- "y": 1245.5
+ "x": 178,
+ "y": 1328
},
{
- "x": 143,
- "y": 1245.5
+ "x": 156.60000610351562,
+ "y": 1328
},
{
- "x": 103,
- "y": 1245.5
+ "x": 111,
+ "y": 1328
}
],
"isCurve": true,
@@ -1636,20 +1636,20 @@
"labelPercentage": 0,
"route": [
{
- "x": 203,
- "y": 1411.5
+ "x": 220.5,
+ "y": 1501.5
},
{
- "x": 163,
- "y": 1411.5
+ "x": 178.5,
+ "y": 1501.5
},
{
- "x": 143,
- "y": 1411.5
+ "x": 157.60000610351562,
+ "y": 1501.5
},
{
- "x": 103,
- "y": 1411.5
+ "x": 116,
+ "y": 1501.5
}
],
"isCurve": true,
@@ -1683,20 +1683,20 @@
"labelPercentage": 0,
"route": [
{
- "x": 203,
- "y": 1577.5
+ "x": 218,
+ "y": 1685
},
{
- "x": 163,
- "y": 1577.5
+ "x": 178,
+ "y": 1685
},
{
- "x": 143,
- "y": 1577.5
+ "x": 158,
+ "y": 1685
},
{
- "x": 103,
- "y": 1577.5
+ "x": 118,
+ "y": 1685
}
],
"isCurve": true,
diff --git a/e2etests/testdata/stable/multiple_offset_left/dagre/sketch.exp.svg b/e2etests/testdata/stable/multiple_offset_left/dagre/sketch.exp.svg
index f165a2279..10dd0afc2 100644
--- a/e2etests/testdata/stable/multiple_offset_left/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/multiple_offset_left/dagre/sketch.exp.svg
@@ -1,16 +1,16 @@
-n1n2n3
-
-n4n5
-
-n6n7
-
-n8n9
-
-n10aba
-
-baba
-
-bababab
-
-abab
-
-a
-
-b
-
+ .d2-2380711863 .fill-N1{fill:#0A0F25;}
+ .d2-2380711863 .fill-N2{fill:#676C7E;}
+ .d2-2380711863 .fill-N3{fill:#9499AB;}
+ .d2-2380711863 .fill-N4{fill:#CFD2DD;}
+ .d2-2380711863 .fill-N5{fill:#DEE1EB;}
+ .d2-2380711863 .fill-N6{fill:#EEF1F8;}
+ .d2-2380711863 .fill-N7{fill:#FFFFFF;}
+ .d2-2380711863 .fill-B1{fill:#0D32B2;}
+ .d2-2380711863 .fill-B2{fill:#0D32B2;}
+ .d2-2380711863 .fill-B3{fill:#E3E9FD;}
+ .d2-2380711863 .fill-B4{fill:#E3E9FD;}
+ .d2-2380711863 .fill-B5{fill:#EDF0FD;}
+ .d2-2380711863 .fill-B6{fill:#F7F8FE;}
+ .d2-2380711863 .fill-AA2{fill:#4A6FF3;}
+ .d2-2380711863 .fill-AA4{fill:#EDF0FD;}
+ .d2-2380711863 .fill-AA5{fill:#F7F8FE;}
+ .d2-2380711863 .fill-AB4{fill:#EDF0FD;}
+ .d2-2380711863 .fill-AB5{fill:#F7F8FE;}
+ .d2-2380711863 .stroke-N1{stroke:#0A0F25;}
+ .d2-2380711863 .stroke-N2{stroke:#676C7E;}
+ .d2-2380711863 .stroke-N3{stroke:#9499AB;}
+ .d2-2380711863 .stroke-N4{stroke:#CFD2DD;}
+ .d2-2380711863 .stroke-N5{stroke:#DEE1EB;}
+ .d2-2380711863 .stroke-N6{stroke:#EEF1F8;}
+ .d2-2380711863 .stroke-N7{stroke:#FFFFFF;}
+ .d2-2380711863 .stroke-B1{stroke:#0D32B2;}
+ .d2-2380711863 .stroke-B2{stroke:#0D32B2;}
+ .d2-2380711863 .stroke-B3{stroke:#E3E9FD;}
+ .d2-2380711863 .stroke-B4{stroke:#E3E9FD;}
+ .d2-2380711863 .stroke-B5{stroke:#EDF0FD;}
+ .d2-2380711863 .stroke-B6{stroke:#F7F8FE;}
+ .d2-2380711863 .stroke-AA2{stroke:#4A6FF3;}
+ .d2-2380711863 .stroke-AA4{stroke:#EDF0FD;}
+ .d2-2380711863 .stroke-AA5{stroke:#F7F8FE;}
+ .d2-2380711863 .stroke-AB4{stroke:#EDF0FD;}
+ .d2-2380711863 .stroke-AB5{stroke:#F7F8FE;}
+ .d2-2380711863 .background-color-N1{background-color:#0A0F25;}
+ .d2-2380711863 .background-color-N2{background-color:#676C7E;}
+ .d2-2380711863 .background-color-N3{background-color:#9499AB;}
+ .d2-2380711863 .background-color-N4{background-color:#CFD2DD;}
+ .d2-2380711863 .background-color-N5{background-color:#DEE1EB;}
+ .d2-2380711863 .background-color-N6{background-color:#EEF1F8;}
+ .d2-2380711863 .background-color-N7{background-color:#FFFFFF;}
+ .d2-2380711863 .background-color-B1{background-color:#0D32B2;}
+ .d2-2380711863 .background-color-B2{background-color:#0D32B2;}
+ .d2-2380711863 .background-color-B3{background-color:#E3E9FD;}
+ .d2-2380711863 .background-color-B4{background-color:#E3E9FD;}
+ .d2-2380711863 .background-color-B5{background-color:#EDF0FD;}
+ .d2-2380711863 .background-color-B6{background-color:#F7F8FE;}
+ .d2-2380711863 .background-color-AA2{background-color:#4A6FF3;}
+ .d2-2380711863 .background-color-AA4{background-color:#EDF0FD;}
+ .d2-2380711863 .background-color-AA5{background-color:#F7F8FE;}
+ .d2-2380711863 .background-color-AB4{background-color:#EDF0FD;}
+ .d2-2380711863 .background-color-AB5{background-color:#F7F8FE;}
+ .d2-2380711863 .color-N1{color:#0A0F25;}
+ .d2-2380711863 .color-N2{color:#676C7E;}
+ .d2-2380711863 .color-N3{color:#9499AB;}
+ .d2-2380711863 .color-N4{color:#CFD2DD;}
+ .d2-2380711863 .color-N5{color:#DEE1EB;}
+ .d2-2380711863 .color-N6{color:#EEF1F8;}
+ .d2-2380711863 .color-N7{color:#FFFFFF;}
+ .d2-2380711863 .color-B1{color:#0D32B2;}
+ .d2-2380711863 .color-B2{color:#0D32B2;}
+ .d2-2380711863 .color-B3{color:#E3E9FD;}
+ .d2-2380711863 .color-B4{color:#E3E9FD;}
+ .d2-2380711863 .color-B5{color:#EDF0FD;}
+ .d2-2380711863 .color-B6{color:#F7F8FE;}
+ .d2-2380711863 .color-AA2{color:#4A6FF3;}
+ .d2-2380711863 .color-AA4{color:#EDF0FD;}
+ .d2-2380711863 .color-AA5{color:#F7F8FE;}
+ .d2-2380711863 .color-AB4{color:#EDF0FD;}
+ .d2-2380711863 .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);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]>n1n2n3
+
+n4n5
+
+n6n7
+
+n8n9
+
+n10aba
+
+baba
+
+bababab
+
+abab
+
+a
+
+b
+
\ No newline at end of file
diff --git a/e2etests/testdata/stable/multiple_offset_left/elk/board.exp.json b/e2etests/testdata/stable/multiple_offset_left/elk/board.exp.json
index ff06b119f..480bdb042 100644
--- a/e2etests/testdata/stable/multiple_offset_left/elk/board.exp.json
+++ b/e2etests/testdata/stable/multiple_offset_left/elk/board.exp.json
@@ -7,11 +7,11 @@
"id": "n1",
"type": "rectangle",
"pos": {
- "x": 12,
+ "x": 22,
"y": 12
},
- "width": 276,
- "height": 166,
+ "width": 286,
+ "height": 176,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -48,8 +48,8 @@
"id": "n1.a",
"type": "rectangle",
"pos": {
- "x": 185,
- "y": 62
+ "x": 205,
+ "y": 67
},
"width": 53,
"height": 66,
@@ -89,8 +89,8 @@
"id": "n1.b",
"type": "rectangle",
"pos": {
- "x": 62,
- "y": 62
+ "x": 72,
+ "y": 72
},
"width": 53,
"height": 66,
@@ -130,11 +130,11 @@
"id": "n2",
"type": "rectangle",
"pos": {
- "x": 12,
- "y": 198
+ "x": 19,
+ "y": 208
},
- "width": 276,
- "height": 166,
+ "width": 291,
+ "height": 181,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -171,8 +171,8 @@
"id": "n2.a",
"type": "rectangle",
"pos": {
- "x": 185,
- "y": 248
+ "x": 207,
+ "y": 265
},
"width": 53,
"height": 66,
@@ -212,8 +212,8 @@
"id": "n2.b",
"type": "rectangle",
"pos": {
- "x": 62,
- "y": 248
+ "x": 69,
+ "y": 273
},
"width": 53,
"height": 66,
@@ -253,11 +253,11 @@
"id": "n3",
"type": "rectangle",
"pos": {
- "x": 12,
- "y": 384
+ "x": 22,
+ "y": 419
},
- "width": 276,
- "height": 166,
+ "width": 286,
+ "height": 176,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -294,8 +294,8 @@
"id": "n3.a",
"type": "rectangle",
"pos": {
- "x": 185,
- "y": 434
+ "x": 205,
+ "y": 474
},
"width": 53,
"height": 66,
@@ -335,8 +335,8 @@
"id": "n3.b",
"type": "rectangle",
"pos": {
- "x": 62,
- "y": 434
+ "x": 72,
+ "y": 479
},
"width": 53,
"height": 66,
@@ -376,11 +376,11 @@
"id": "n4",
"type": "rectangle",
"pos": {
- "x": 12,
- "y": 570
+ "x": 19,
+ "y": 620
},
- "width": 276,
- "height": 166,
+ "width": 291,
+ "height": 181,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -417,8 +417,8 @@
"id": "n4.a",
"type": "rectangle",
"pos": {
- "x": 185,
- "y": 620
+ "x": 207,
+ "y": 677
},
"width": 53,
"height": 66,
@@ -458,8 +458,8 @@
"id": "n4.b",
"type": "rectangle",
"pos": {
- "x": 62,
- "y": 620
+ "x": 69,
+ "y": 685
},
"width": 53,
"height": 66,
@@ -499,8 +499,8 @@
"id": "n5",
"type": "rectangle",
"pos": {
- "x": 12,
- "y": 756
+ "x": 27,
+ "y": 816
},
"width": 276,
"height": 166,
@@ -540,8 +540,8 @@
"id": "n5.a",
"type": "rectangle",
"pos": {
- "x": 185,
- "y": 806
+ "x": 200,
+ "y": 866
},
"width": 53,
"height": 66,
@@ -581,8 +581,8 @@
"id": "n5.b",
"type": "rectangle",
"pos": {
- "x": 62,
- "y": 806
+ "x": 77,
+ "y": 866
},
"width": 53,
"height": 66,
@@ -622,8 +622,8 @@
"id": "n6",
"type": "rectangle",
"pos": {
- "x": 12,
- "y": 942
+ "x": 27,
+ "y": 1007
},
"width": 276,
"height": 166,
@@ -663,8 +663,8 @@
"id": "n6.a",
"type": "rectangle",
"pos": {
- "x": 185,
- "y": 992
+ "x": 200,
+ "y": 1057
},
"width": 53,
"height": 66,
@@ -704,8 +704,8 @@
"id": "n6.b",
"type": "rectangle",
"pos": {
- "x": 62,
- "y": 992
+ "x": 77,
+ "y": 1057
},
"width": 53,
"height": 66,
@@ -745,11 +745,11 @@
"id": "n7",
"type": "rectangle",
"pos": {
- "x": 12,
- "y": 1128
+ "x": 22,
+ "y": 1188
},
- "width": 276,
- "height": 166,
+ "width": 286,
+ "height": 176,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -786,8 +786,8 @@
"id": "n7.a",
"type": "rectangle",
"pos": {
- "x": 185,
- "y": 1178
+ "x": 195,
+ "y": 1248
},
"width": 53,
"height": 66,
@@ -827,8 +827,8 @@
"id": "n7.b",
"type": "rectangle",
"pos": {
- "x": 62,
- "y": 1178
+ "x": 72,
+ "y": 1243
},
"width": 53,
"height": 66,
@@ -868,11 +868,11 @@
"id": "n8",
"type": "rectangle",
"pos": {
- "x": 12,
- "y": 1314
+ "x": 19,
+ "y": 1389
},
- "width": 276,
- "height": 166,
+ "width": 291,
+ "height": 181,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -909,8 +909,8 @@
"id": "n8.a",
"type": "rectangle",
"pos": {
- "x": 185,
- "y": 1364
+ "x": 192,
+ "y": 1454
},
"width": 53,
"height": 66,
@@ -950,8 +950,8 @@
"id": "n8.b",
"type": "rectangle",
"pos": {
- "x": 62,
- "y": 1364
+ "x": 69,
+ "y": 1446
},
"width": 53,
"height": 66,
@@ -991,11 +991,11 @@
"id": "n9",
"type": "rectangle",
"pos": {
- "x": 12,
- "y": 1500
+ "x": 17,
+ "y": 1585
},
- "width": 276,
- "height": 166,
+ "width": 296,
+ "height": 176,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -1032,8 +1032,8 @@
"id": "n9.a",
"type": "rectangle",
"pos": {
- "x": 185,
- "y": 1550
+ "x": 200,
+ "y": 1645
},
"width": 53,
"height": 66,
@@ -1073,8 +1073,8 @@
"id": "n9.b",
"type": "rectangle",
"pos": {
- "x": 62,
- "y": 1550
+ "x": 67,
+ "y": 1645
},
"width": 53,
"height": 66,
@@ -1115,10 +1115,10 @@
"type": "rectangle",
"pos": {
"x": 12,
- "y": 1686
+ "y": 1786
},
- "width": 276,
- "height": 166,
+ "width": 306,
+ "height": 181,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@@ -1155,8 +1155,8 @@
"id": "n10.a",
"type": "rectangle",
"pos": {
- "x": 185,
- "y": 1736
+ "x": 200,
+ "y": 1851
},
"width": 53,
"height": 66,
@@ -1197,7 +1197,7 @@
"type": "rectangle",
"pos": {
"x": 62,
- "y": 1736
+ "y": 1851
},
"width": 53,
"height": 66,
@@ -1260,12 +1260,12 @@
"labelPercentage": 0,
"route": [
{
- "x": 185,
- "y": 95
+ "x": 205,
+ "y": 100
},
{
- "x": 115,
- "y": 95
+ "x": 135,
+ "y": 100
}
],
"animated": false,
@@ -1298,12 +1298,12 @@
"labelPercentage": 0,
"route": [
{
- "x": 185,
- "y": 281
+ "x": 207.5,
+ "y": 298.5
},
{
- "x": 115,
- "y": 281
+ "x": 137.5,
+ "y": 298.5
}
],
"animated": false,
@@ -1336,12 +1336,12 @@
"labelPercentage": 0,
"route": [
{
- "x": 185,
- "y": 467
+ "x": 205,
+ "y": 507
},
{
- "x": 115,
- "y": 467
+ "x": 135,
+ "y": 507
}
],
"animated": false,
@@ -1374,12 +1374,12 @@
"labelPercentage": 0,
"route": [
{
- "x": 185,
- "y": 653
+ "x": 207.5,
+ "y": 710.5
},
{
- "x": 115,
- "y": 653
+ "x": 137.5,
+ "y": 710.5
}
],
"animated": false,
@@ -1412,12 +1412,12 @@
"labelPercentage": 0,
"route": [
{
- "x": 185,
- "y": 839
+ "x": 200,
+ "y": 899
},
{
- "x": 115,
- "y": 839
+ "x": 130,
+ "y": 899
}
],
"animated": false,
@@ -1450,12 +1450,12 @@
"labelPercentage": 0,
"route": [
{
- "x": 185,
- "y": 1025
+ "x": 200,
+ "y": 1090
},
{
- "x": 115,
- "y": 1025
+ "x": 130,
+ "y": 1090
}
],
"animated": false,
@@ -1488,12 +1488,12 @@
"labelPercentage": 0,
"route": [
{
- "x": 185,
- "y": 1211
+ "x": 195,
+ "y": 1276
},
{
- "x": 115,
- "y": 1211
+ "x": 125,
+ "y": 1276
}
],
"animated": false,
@@ -1526,12 +1526,12 @@
"labelPercentage": 0,
"route": [
{
- "x": 185,
- "y": 1397
+ "x": 192.5,
+ "y": 1479.5
},
{
- "x": 115,
- "y": 1397
+ "x": 122.5,
+ "y": 1479.5
}
],
"animated": false,
@@ -1564,12 +1564,12 @@
"labelPercentage": 0,
"route": [
{
- "x": 185,
- "y": 1583
+ "x": 200,
+ "y": 1673
},
{
- "x": 115,
- "y": 1583
+ "x": 130,
+ "y": 1673
}
],
"animated": false,
@@ -1602,12 +1602,12 @@
"labelPercentage": 0,
"route": [
{
- "x": 185,
- "y": 1769
+ "x": 200,
+ "y": 1876.5
},
{
- "x": 115,
- "y": 1769
+ "x": 130,
+ "y": 1876.5
}
],
"animated": false,
diff --git a/e2etests/testdata/stable/multiple_offset_left/elk/sketch.exp.svg b/e2etests/testdata/stable/multiple_offset_left/elk/sketch.exp.svg
index f776ec25c..a258af8ee 100644
--- a/e2etests/testdata/stable/multiple_offset_left/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/multiple_offset_left/elk/sketch.exp.svg
@@ -1,16 +1,16 @@
-n1n2n3
-
-n4n5
-
-n6n7
-
-n8n9
-
-n10aba
-
-baba
-
-bababab
-
-abab
-
-a
-
-b
-
+ .d2-2597857338 .fill-N1{fill:#0A0F25;}
+ .d2-2597857338 .fill-N2{fill:#676C7E;}
+ .d2-2597857338 .fill-N3{fill:#9499AB;}
+ .d2-2597857338 .fill-N4{fill:#CFD2DD;}
+ .d2-2597857338 .fill-N5{fill:#DEE1EB;}
+ .d2-2597857338 .fill-N6{fill:#EEF1F8;}
+ .d2-2597857338 .fill-N7{fill:#FFFFFF;}
+ .d2-2597857338 .fill-B1{fill:#0D32B2;}
+ .d2-2597857338 .fill-B2{fill:#0D32B2;}
+ .d2-2597857338 .fill-B3{fill:#E3E9FD;}
+ .d2-2597857338 .fill-B4{fill:#E3E9FD;}
+ .d2-2597857338 .fill-B5{fill:#EDF0FD;}
+ .d2-2597857338 .fill-B6{fill:#F7F8FE;}
+ .d2-2597857338 .fill-AA2{fill:#4A6FF3;}
+ .d2-2597857338 .fill-AA4{fill:#EDF0FD;}
+ .d2-2597857338 .fill-AA5{fill:#F7F8FE;}
+ .d2-2597857338 .fill-AB4{fill:#EDF0FD;}
+ .d2-2597857338 .fill-AB5{fill:#F7F8FE;}
+ .d2-2597857338 .stroke-N1{stroke:#0A0F25;}
+ .d2-2597857338 .stroke-N2{stroke:#676C7E;}
+ .d2-2597857338 .stroke-N3{stroke:#9499AB;}
+ .d2-2597857338 .stroke-N4{stroke:#CFD2DD;}
+ .d2-2597857338 .stroke-N5{stroke:#DEE1EB;}
+ .d2-2597857338 .stroke-N6{stroke:#EEF1F8;}
+ .d2-2597857338 .stroke-N7{stroke:#FFFFFF;}
+ .d2-2597857338 .stroke-B1{stroke:#0D32B2;}
+ .d2-2597857338 .stroke-B2{stroke:#0D32B2;}
+ .d2-2597857338 .stroke-B3{stroke:#E3E9FD;}
+ .d2-2597857338 .stroke-B4{stroke:#E3E9FD;}
+ .d2-2597857338 .stroke-B5{stroke:#EDF0FD;}
+ .d2-2597857338 .stroke-B6{stroke:#F7F8FE;}
+ .d2-2597857338 .stroke-AA2{stroke:#4A6FF3;}
+ .d2-2597857338 .stroke-AA4{stroke:#EDF0FD;}
+ .d2-2597857338 .stroke-AA5{stroke:#F7F8FE;}
+ .d2-2597857338 .stroke-AB4{stroke:#EDF0FD;}
+ .d2-2597857338 .stroke-AB5{stroke:#F7F8FE;}
+ .d2-2597857338 .background-color-N1{background-color:#0A0F25;}
+ .d2-2597857338 .background-color-N2{background-color:#676C7E;}
+ .d2-2597857338 .background-color-N3{background-color:#9499AB;}
+ .d2-2597857338 .background-color-N4{background-color:#CFD2DD;}
+ .d2-2597857338 .background-color-N5{background-color:#DEE1EB;}
+ .d2-2597857338 .background-color-N6{background-color:#EEF1F8;}
+ .d2-2597857338 .background-color-N7{background-color:#FFFFFF;}
+ .d2-2597857338 .background-color-B1{background-color:#0D32B2;}
+ .d2-2597857338 .background-color-B2{background-color:#0D32B2;}
+ .d2-2597857338 .background-color-B3{background-color:#E3E9FD;}
+ .d2-2597857338 .background-color-B4{background-color:#E3E9FD;}
+ .d2-2597857338 .background-color-B5{background-color:#EDF0FD;}
+ .d2-2597857338 .background-color-B6{background-color:#F7F8FE;}
+ .d2-2597857338 .background-color-AA2{background-color:#4A6FF3;}
+ .d2-2597857338 .background-color-AA4{background-color:#EDF0FD;}
+ .d2-2597857338 .background-color-AA5{background-color:#F7F8FE;}
+ .d2-2597857338 .background-color-AB4{background-color:#EDF0FD;}
+ .d2-2597857338 .background-color-AB5{background-color:#F7F8FE;}
+ .d2-2597857338 .color-N1{color:#0A0F25;}
+ .d2-2597857338 .color-N2{color:#676C7E;}
+ .d2-2597857338 .color-N3{color:#9499AB;}
+ .d2-2597857338 .color-N4{color:#CFD2DD;}
+ .d2-2597857338 .color-N5{color:#DEE1EB;}
+ .d2-2597857338 .color-N6{color:#EEF1F8;}
+ .d2-2597857338 .color-N7{color:#FFFFFF;}
+ .d2-2597857338 .color-B1{color:#0D32B2;}
+ .d2-2597857338 .color-B2{color:#0D32B2;}
+ .d2-2597857338 .color-B3{color:#E3E9FD;}
+ .d2-2597857338 .color-B4{color:#E3E9FD;}
+ .d2-2597857338 .color-B5{color:#EDF0FD;}
+ .d2-2597857338 .color-B6{color:#F7F8FE;}
+ .d2-2597857338 .color-AA2{color:#4A6FF3;}
+ .d2-2597857338 .color-AA4{color:#EDF0FD;}
+ .d2-2597857338 .color-AA5{color:#F7F8FE;}
+ .d2-2597857338 .color-AB4{color:#EDF0FD;}
+ .d2-2597857338 .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);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]>n1n2n3
+
+n4n5
+
+n6n7
+
+n8n9
+
+n10aba
+
+baba
+
+bababab
+
+abab
+
+a
+
+b
+
\ No newline at end of file