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

add multiple_box_selection test

Browse source
This commit is contained in:
Gavin Nishizawa 2023-06-02 11:05:02 -07:00
parent 69b816c1b4
commit f6580b69df
No known key found for this signature in database
GPG key ID: AE3B177777CE55CD
6 changed files with 1024 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
e2etests/stable_test.go
View file

@ -2726,6 +2726,7 @@ scenarios: {
loadFromFile(t, "grid_icon"), loadFromFile(t, "grid_icon"),
loadFromFile(t, "multiple_offset"), loadFromFile(t, "multiple_offset"),
loadFromFile(t, "multiple_offset_left"), loadFromFile(t, "multiple_offset_left"),
loadFromFile(t, "multiple_box_selection"),
} }
runa(t, tcs) runa(t, tcs)

11
e2etests/testdata/files/multiple_box_selection.d2 vendored Normal file
View file

@ -0,0 +1,11 @@
outer: {
vg: volume group {
vd: volume definition {
style.multiple: true
volume.style.multiple: true
volume.style.stroke-dash: 3
}
}
}
start -> outer.vg.vd.volume -> end

437
e2etests/testdata/stable/multiple_box_selection/dagre/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,437 @@
{
"name": "",
"isFolderOnly": false,
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "outer",
"type": "rectangle",
"pos": {
"x": 0,
"y": 207
},
"width": 268,
"height": 335,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B4",
"stroke": "B1",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "outer",
"fontSize": 28,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 63,
"labelHeight": 36,
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "outer.vg",
"type": "rectangle",
"pos": {
"x": 20,
"y": 272
},
"width": 228,
"height": 240,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B5",
"stroke": "B1",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "volume group",
"fontSize": 24,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 140,
"labelHeight": 31,
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
{
"id": "outer.vg.vd",
"type": "rectangle",
"pos": {
"x": 40,
"y": 345
},
"width": 188,
"height": 145,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B6",
"stroke": "B1",
"shadow": false,
"3d": false,
"multiple": true,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "volume definition",
"fontSize": 20,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 147,
"labelHeight": 26,
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 3
},
{
"id": "outer.vg.vd.volume",
"type": "rectangle",
"pos": {
"x": 80,
"y": 390
},
"width": 98,
"height": 66,
"opacity": 1,
"strokeDash": 3,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N7",
"stroke": "B2",
"shadow": false,
"3d": false,
"multiple": true,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "volume",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 53,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 4
},
{
"id": "start",
"type": "rectangle",
"pos": {
"x": 94,
"y": 0
},
"width": 80,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B6",
"stroke": "B1",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "start",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 35,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "end",
"type": "rectangle",
"pos": {
"x": 98,
"y": 642
},
"width": 72,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B6",
"stroke": "B1",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "end",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 27,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
}
],
"connections": [
{
"id": "(start -> outer.vg.vd.volume)[0]",
"src": "start",
"srcArrow": "none",
"dst": "outer.vg.vd.volume",
"dstArrow": "triangle",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "B1",
"borderRadius": 10,
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N2",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 134,
"y": 66
},
{
"x": 134,
"y": 106
},
{
"x": 134,
"y": 126
},
{
"x": 134,
"y": 141
},
{
"x": 134,
"y": 156
},
{
"x": 134,
"y": 176
},
{
"x": 134,
"y": 191
},
{
"x": 134,
"y": 206
},
{
"x": 134,
"y": 288.79998779296875
},
{
"x": 134,
"y": 380
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "(outer.vg.vd.volume -> end)[0]",
"src": "outer.vg.vd.volume",
"srcArrow": "none",
"dst": "end",
"dstArrow": "triangle",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "B1",
"borderRadius": 10,
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N2",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 134,
"y": 456
},
{
"x": 134,
"y": 444.79998779296875
},
{
"x": 134,
"y": 452
},
{
"x": 134,
"y": 467
},
{
"x": 134,
"y": 482
},
{
"x": 134,
"y": 502
},
{
"x": 134,
"y": 517
},
{
"x": 134,
"y": 532
},
{
"x": 134,
"y": 602
},
{
"x": 134,
"y": 642
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
}
],
"root": {
"id": "",
"type": "",
"pos": {
"x": 0,
"y": 0
},
"width": 0,
"height": 0,
"opacity": 0,
"strokeDash": 0,
"strokeWidth": 0,
"borderRadius": 0,
"fill": "N7",
"stroke": "",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"zIndex": 0,
"level": 0
}
}

102
e2etests/testdata/stable/multiple_box_selection/dagre/sketch.exp.svg vendored Normal file
View file

@ -0,0 +1,102 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 270 710"><svg id="d2-svg" class="d2-3501004098" width="270" height="710" viewBox="-1 -1 270 710"><rect x="-1.000000" y="-1.000000" width="270.000000" height="710.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-3501004098 .text {
font-family: "d2-3501004098-font-regular";
}
@font-face {
font-family: d2-3501004098-font-regular;
src: url("data:application/font-woff;base64,d09GRgABAAAAAArMAAoAAAAAEOQAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXd/Vo2NtYXAAAAFUAAAAZAAAAHgCBAGRZ2x5ZgAAAbgAAATWAAAGNIwjWI9oZWFkAAAGkAAAADYAAAA2G4Ue32hoZWEAAAbIAAAAJAAAACQKhAXWaG10eAAABuwAAABQAAAAUCFcA+hsb2NhAAAHPAAAACoAAAAqEeQQrm1heHAAAAdoAAAAIAAAACAALAD2bmFtZQAAB4gAAAMjAAAIFAbDVU1wb3N0AAAKrAAAAB0AAAAg/9EAMgADAgkBkAAFAAACigJYAAAASwKKAlgAAAFeADIBIwAAAgsFAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPAEAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAeYClAAAACAAA3icTMtBDsFgAAbR97dVRRU3cDWJRJp0IRYuQ4ijOckn6crsZvFQ1Ap6jQmDTqV1dHIxuronzH82mtySfPPJO68885j1f0Wl1lhoLXVW1jZ6W4OdvQM/AAAA//8BAAD//xJbE4l4nFRUTWjb5ht/Xlmx/ontJootyU4cy5ISKbYTO7EsKall6d/EyZzEX3ES2rRNtqxdXcZWtgxWCmU9dKO9jO3Q2y6F9VIYjFIog94GY91XYTDWDXboyRTaw2bMGIzKQ7KdpqfHGL2/3/v7eF7og20ATMFugAv6YRCGgQKQSY6c4CRJIDRZ0wTGpUmIJLbRH9anCK1kcFXFZxeeLly6cgWd+AC78fytox/W69/sXrxofdx4YqXRwyeAQabdQndQE0ZgHIDhRSWjahlRFHg3IamqnKYpUpAEt1tKq5ridlMB+uvc+iefkYnJ+OpYlD9zdLuaJ1z8Oi0YwqW9tHflWHWLZOeEaGCejr19yvr1aDi+wLPXBvVUbAIwSLVb6HfsAfgh2uOzWRhJkXtEmuLw21z/nLqQ3dPiRhTfyBOucDH0f52dj0imuOz96FLlPSMysnH/+dx8OLa0aIWZ1Mbc8TOAQbLdQt+jJgSBBejjxR4JFXATHE3LaVVj3G4Xl7FpEHPsTcM8q+28gTDrq77jy0J2dIyt/IBwc15e9+b2K9V94/J5X6i/dJoi1UAEiaulCgAgiAAgE/ulk4WgaErGkUKIAk9RMiWQry0sLK0w8aHh0XC+XkefG32l1eP9hOndLS1aOwDggul2FD1DTZiFHJQOElDEQ8MBlSmBtgW4BV5yrJE7gtyutKo4QqgA7e/8Fnix883f2++I3HCI9wel9OZsYNx3+yzJzFTTEu8bnpjd3drSLxTjOT2R0HPq8qac2jzCDY0E1x7nTXaexj2TYTbpwwP5hFKOE33mkMJmijHSMxpgIlpuuphCd0xF0XVFMa3rOZEfwXF/nJKSAO02LAHAXeweJsIwALjBfxkcz2rtFvyGPYDBjlZSJgO9QG4nY7Uj/ThBeP5He+cV7NzzG34SIQPH7XMA2F+oCZzttczIHVd6DSVtB4iDWcsTrmgxMWcOiuWptZXaVFLN16ZSah41loXU7FQss7dj/YhieWPNutkdHQ70CDUhcJijh+7uwArldOmV2tTMRHbCAesBiRPWTeh270/UhEEYfal7TlbSoazQYLZumvWsfs40z+lmqWQa5bJX36/W9nV9v1bd1/P1jc3z5zc36jZurS2jf1Gzuzcvbuc0QpQYyt/DJiiatm/KVRK7r2dfneMXeeyiXskuseY4Z/yE3Z0LT157t/a+ERnZuoXc9ZPVM3y0HWa6+QCgXdQE8pAHDCG+MCBUiI0xQ97AILsYQo0TSXWggONpw3rQOR9ut9BV1IS4k6+kOeumZERRSmIH+9G1gGYimC3g58yuEIvmEzMznDzKL8S3K9Pl8GRIjSYTkZlRIT8dq3ilsBbiptkQzwz4OCWWrUSZjD8YDzNjlMfHaUlpYdLhD7ZbaAm7AEy3X4KiabKzjAc9e1rOFYoDS1evcnFfxDsUSHlPFpDP6Lt+fdFqTs/24wbhcbDW2i30EDXsPrzUVbL7VD0uFTYSM2KWt33hi969HZSxHuUNKYG2rZHi5Awg8AKgb1EDfACyS/bTtG2p5pdd97/cOu1hPLiHGTi9/gVqWM/GC4JQGEcBa6STA9xCDXA5OZC1GmrY/7e/w1ZBw+6BB4B03opOCYIsGwyyLLY6FgpGIsHQGPwHAAD//wEAAP//W51CrwAAAAEAAAACC4UNdtiRXw889QADA+gAAAAA2F2goQAAAADdZi82/jr+2whvA8gAAAADAAIAAAAAAAAAAQAAA9j+7wAACJj+Ov46CG8AAQAAAAAAAAAAAAAAAAAAABQCjQBZAMgAAAH4ADQCKwAvAfAALgEkAB4B+AAtAPYARQD/AFIDPQBSAiMAUgIeAC4CKwBSAVsAUgGjABwBUgAYAiAASwHTAAwA9gBSAAD/yQAAACwALABkAJYAygDsAVgBZAGAAbIB1AIAAjQCVAKUAroC3AL4AwQDGgAAAAEAAAAUAIwADABmAAcAAQAAAAAAAAAAAAAAAAAEAAN4nJyU3U4bVxSFPwfbbVQ1FxWKyA06l22VjN0IogSuTAmKVYRTj9Mfqao0eMY/Yjwz8gxQqj5Ar/sWfYtc9Tn6EFWvq7O8DTaqFIEQsM6cvfdZZ6+1D7DJv2xQqz8E/mr+YLjGdnPP8AMeNZ8a3uC48bfh+kpMg7jxm+EmXzb6hj/iff0Pwx+zU//Z8EO26keGP+F5fdPwpxuOfww/Yof3C1yDl/xuuMYWheEHbPKT4Q0eYzVrdR7TNtzgM7YNN9kGBkypSJmSMcYxYsqYc+YklIQkzJkyIiHG0aVDSqWvGZGQY/y/XyNCKuZEqjihwpESkhJRMrGKvyor561OHGk1t70OFRMiTpVxRkSGI2dMTkbCmepUVBTs0aJFyVB8CypKAkqmpATkzBnToscRxwyYMKXEcaRKnllIzoiKSyKd7yzCd2ZIQkZprM7JiMXTiV+i7C7HOHoUil2tfLxW4SmO75TtueWK/YpAv26F2fq5SzYRF+pnqq6k2rmUghPt+nM7fCtcsYe7V3/WmXy4R7H+V6p8yrn0j6VUJiYZzm3RIZSDQvcEx4HWXUJ15Hu6DHhDj3cMtO7Qp0+HEwZ0ea3cHn0cX9PjhENldIUXe0dyzAk/4viGrmJ87cT6s1As4RcKc3cpjnPdY0ahnnvmge6a6IZ3V9jPUL7mjlI5Q82Rj3TSL9OcRYzNFYUYztTLpTdK619sjpjpLl7bm30/DRc2e8spviLXDHu3Ljh55RaMPqRqcMszl/oJiIjJOVXEkJwZLSquxPstEeekOA7VvTeakorOdY4/50ouSZiJQZdMdeYU+huZb0LjPlzzvbO3JFa+Z3p2fav7nOLUqxuN3ql7y73QupysKNAyVfMVNw3FNTPvJ5qpVf6hcku9bjnP6JNI9VQ3uP0OPCegzQ677DPROUPtXNgb0dY70eYV++rBGYmiRnJ1YhV2CXjBLru84sVazQ6HHNBj/w4cF1k9Dnh9a2ddp2UVZ3X+FJu2+DqeXa9e3luvz+/gyy80UTcvY1/a+G5fWLUb/58QMfNc3NbqndwTgv8AAAD//wEAAP//B1tMMAB4nGJgZgCD/+cYjBiwAAAAAAD//wEAAP//LwECAwAAAA==");
}
.d2-3501004098 .text-bold {
font-family: "d2-3501004098-font-bold";
}
@font-face {
font-family: d2-3501004098-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
stroke-linejoin: round;
}
.connection {
stroke-linecap: round;
stroke-linejoin: round;
}
.blend {
mix-blend-mode: multiply;
opacity: 0.5;
}
.d2-3501004098 .fill-N1{fill:#0A0F25;}
.d2-3501004098 .fill-N2{fill:#676C7E;}
.d2-3501004098 .fill-N3{fill:#9499AB;}
.d2-3501004098 .fill-N4{fill:#CFD2DD;}
.d2-3501004098 .fill-N5{fill:#DEE1EB;}
.d2-3501004098 .fill-N6{fill:#EEF1F8;}
.d2-3501004098 .fill-N7{fill:#FFFFFF;}
.d2-3501004098 .fill-B1{fill:#0D32B2;}
.d2-3501004098 .fill-B2{fill:#0D32B2;}
.d2-3501004098 .fill-B3{fill:#E3E9FD;}
.d2-3501004098 .fill-B4{fill:#E3E9FD;}
.d2-3501004098 .fill-B5{fill:#EDF0FD;}
.d2-3501004098 .fill-B6{fill:#F7F8FE;}
.d2-3501004098 .fill-AA2{fill:#4A6FF3;}
.d2-3501004098 .fill-AA4{fill:#EDF0FD;}
.d2-3501004098 .fill-AA5{fill:#F7F8FE;}
.d2-3501004098 .fill-AB4{fill:#EDF0FD;}
.d2-3501004098 .fill-AB5{fill:#F7F8FE;}
.d2-3501004098 .stroke-N1{stroke:#0A0F25;}
.d2-3501004098 .stroke-N2{stroke:#676C7E;}
.d2-3501004098 .stroke-N3{stroke:#9499AB;}
.d2-3501004098 .stroke-N4{stroke:#CFD2DD;}
.d2-3501004098 .stroke-N5{stroke:#DEE1EB;}
.d2-3501004098 .stroke-N6{stroke:#EEF1F8;}
.d2-3501004098 .stroke-N7{stroke:#FFFFFF;}
.d2-3501004098 .stroke-B1{stroke:#0D32B2;}
.d2-3501004098 .stroke-B2{stroke:#0D32B2;}
.d2-3501004098 .stroke-B3{stroke:#E3E9FD;}
.d2-3501004098 .stroke-B4{stroke:#E3E9FD;}
.d2-3501004098 .stroke-B5{stroke:#EDF0FD;}
.d2-3501004098 .stroke-B6{stroke:#F7F8FE;}
.d2-3501004098 .stroke-AA2{stroke:#4A6FF3;}
.d2-3501004098 .stroke-AA4{stroke:#EDF0FD;}
.d2-3501004098 .stroke-AA5{stroke:#F7F8FE;}
.d2-3501004098 .stroke-AB4{stroke:#EDF0FD;}
.d2-3501004098 .stroke-AB5{stroke:#F7F8FE;}
.d2-3501004098 .background-color-N1{background-color:#0A0F25;}
.d2-3501004098 .background-color-N2{background-color:#676C7E;}
.d2-3501004098 .background-color-N3{background-color:#9499AB;}
.d2-3501004098 .background-color-N4{background-color:#CFD2DD;}
.d2-3501004098 .background-color-N5{background-color:#DEE1EB;}
.d2-3501004098 .background-color-N6{background-color:#EEF1F8;}
.d2-3501004098 .background-color-N7{background-color:#FFFFFF;}
.d2-3501004098 .background-color-B1{background-color:#0D32B2;}
.d2-3501004098 .background-color-B2{background-color:#0D32B2;}
.d2-3501004098 .background-color-B3{background-color:#E3E9FD;}
.d2-3501004098 .background-color-B4{background-color:#E3E9FD;}
.d2-3501004098 .background-color-B5{background-color:#EDF0FD;}
.d2-3501004098 .background-color-B6{background-color:#F7F8FE;}
.d2-3501004098 .background-color-AA2{background-color:#4A6FF3;}
.d2-3501004098 .background-color-AA4{background-color:#EDF0FD;}
.d2-3501004098 .background-color-AA5{background-color:#F7F8FE;}
.d2-3501004098 .background-color-AB4{background-color:#EDF0FD;}
.d2-3501004098 .background-color-AB5{background-color:#F7F8FE;}
.d2-3501004098 .color-N1{color:#0A0F25;}
.d2-3501004098 .color-N2{color:#676C7E;}
.d2-3501004098 .color-N3{color:#9499AB;}
.d2-3501004098 .color-N4{color:#CFD2DD;}
.d2-3501004098 .color-N5{color:#DEE1EB;}
.d2-3501004098 .color-N6{color:#EEF1F8;}
.d2-3501004098 .color-N7{color:#FFFFFF;}
.d2-3501004098 .color-B1{color:#0D32B2;}
.d2-3501004098 .color-B2{color:#0D32B2;}
.d2-3501004098 .color-B3{color:#E3E9FD;}
.d2-3501004098 .color-B4{color:#E3E9FD;}
.d2-3501004098 .color-B5{color:#EDF0FD;}
.d2-3501004098 .color-B6{color:#F7F8FE;}
.d2-3501004098 .color-AA2{color:#4A6FF3;}
.d2-3501004098 .color-AA4{color:#EDF0FD;}
.d2-3501004098 .color-AA5{color:#F7F8FE;}
.d2-3501004098 .color-AB4{color:#EDF0FD;}
.d2-3501004098 .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}]]></style><g id="outer"><g class="shape" ><rect x="0.000000" y="207.000000" width="268.000000" height="335.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="134.000000" y="194.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">outer</text></g><g id="start"><g class="shape" ><rect x="94.000000" y="0.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="134.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">start</text></g><g id="end"><g class="shape" ><rect x="98.000000" y="642.000000" width="72.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="134.000000" y="680.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">end</text></g><g id="outer.vg"><g class="shape" ><rect x="20.000000" y="272.000000" width="228.000000" height="240.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="134.000000" y="260.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">volume group</text></g><g id="outer.vg.vd"><g class="shape" ><rect x="50.000000" y="335.000000" width="188.000000" height="145.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="40.000000" y="345.000000" width="188.000000" height="145.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="139.000000" y="324.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">volume definition</text></g><g id="outer.vg.vd.volume"><g class="shape" ><rect x="90.000000" y="380.000000" width="98.000000" height="66.000000" class=" stroke-B2 fill-N7" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" /><rect x="80.000000" y="390.000000" width="98.000000" height="66.000000" class=" stroke-B2 fill-N7" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" /></g><text x="129.000000" y="428.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">volume</text></g><g id="(start -&gt; outer.vg.vd.volume)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 134.000000 68.000000 C 134.000000 106.000000 134.000000 126.000000 134.000000 141.000000 C 134.000000 156.000000 134.000000 176.000000 134.000000 191.000000 C 134.000000 206.000000 134.000000 288.799988 134.000000 376.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3501004098)" /></g><g id="(outer.vg.vd.volume -&gt; end)[0]"><path d="M 134.000000 454.000000 C 134.000000 444.799988 134.000000 452.000000 134.000000 467.000000 C 134.000000 482.000000 134.000000 502.000000 134.000000 517.000000 C 134.000000 532.000000 134.000000 602.000000 134.000000 638.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3501004098)" /></g><mask id="d2-3501004098" maskUnits="userSpaceOnUse" x="-1" y="-1" width="270" height="710">
<rect x="-1" y="-1" width="270" height="710" fill="white"></rect>
</mask></svg></svg>
Side by side

After

Width:  |  Height:  |  Size: 17 KiB

371
e2etests/testdata/stable/multiple_box_selection/elk/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,371 @@
{
"name": "",
"isFolderOnly": false,
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "outer",
"type": "rectangle",
"pos": {
"x": 12,
"y": 153
},
"width": 408,
"height": 396,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B4",
"stroke": "B1",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "outer",
"fontSize": 28,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 63,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "outer.vg",
"type": "rectangle",
"pos": {
"x": 62,
"y": 208
},
"width": 308,
"height": 286,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B5",
"stroke": "B1",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "volume group",
"fontSize": 24,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 140,
"labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
{
"id": "outer.vg.vd",
"type": "rectangle",
"pos": {
"x": 112,
"y": 273
},
"width": 208,
"height": 176,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B6",
"stroke": "B1",
"shadow": false,
"3d": false,
"multiple": true,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "volume definition",
"fontSize": 20,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 147,
"labelHeight": 26,
"labelPosition": "INSIDE_TOP_CENTER",
"zIndex": 0,
"level": 3
},
{
"id": "outer.vg.vd.volume",
"type": "rectangle",
"pos": {
"x": 162,
"y": 333
},
"width": 98,
"height": 66,
"opacity": 1,
"strokeDash": 3,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N7",
"stroke": "B2",
"shadow": false,
"3d": false,
"multiple": true,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "volume",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 53,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 4
},
{
"id": "start",
"type": "rectangle",
"pos": {
"x": 176,
"y": 12
},
"width": 80,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B6",
"stroke": "B1",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "start",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 35,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "end",
"type": "rectangle",
"pos": {
"x": 180,
"y": 624
},
"width": 72,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B6",
"stroke": "B1",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "end",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 27,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
}
],
"connections": [
{
"id": "(start -> outer.vg.vd.volume)[0]",
"src": "start",
"srcArrow": "none",
"dst": "outer.vg.vd.volume",
"dstArrow": "triangle",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "B1",
"borderRadius": 10,
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N2",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 216,
"y": 78
},
{
"x": 216,
"y": 323
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "(outer.vg.vd.volume -> end)[0]",
"src": "outer.vg.vd.volume",
"srcArrow": "none",
"dst": "end",
"dstArrow": "triangle",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "B1",
"borderRadius": 10,
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N2",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 216,
"y": 399
},
{
"x": 216,
"y": 624
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
}
],
"root": {
"id": "",
"type": "",
"pos": {
"x": 0,
"y": 0
},
"width": 0,
"height": 0,
"opacity": 0,
"strokeDash": 0,
"strokeWidth": 0,
"borderRadius": 0,
"fill": "N7",
"stroke": "",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"zIndex": 0,
"level": 0
}
}

102
e2etests/testdata/stable/multiple_box_selection/elk/sketch.exp.svg vendored Normal file
View file

@ -0,0 +1,102 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 410 680"><svg id="d2-svg" class="d2-1354954191" width="410" height="680" viewBox="11 11 410 680"><rect x="11.000000" y="11.000000" width="410.000000" height="680.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-1354954191 .text {
font-family: "d2-1354954191-font-regular";
}
@font-face {
font-family: d2-1354954191-font-regular;
src: url("data:application/font-woff;base64,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");
}
.d2-1354954191 .text-bold {
font-family: "d2-1354954191-font-bold";
}
@font-face {
font-family: d2-1354954191-font-bold;
src: url("data:application/font-woff;base64,d09GRgABAAAAAArQAAoAAAAAEOwAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXxHXrmNtYXAAAAFUAAAAZAAAAHgCBAGRZ2x5ZgAAAbgAAATWAAAGJAeubhZoZWFkAAAGkAAAADYAAAA2G38e1GhoZWEAAAbIAAAAJAAAACQKfwXTaG10eAAABuwAAABQAAAAUCOGAvtsb2NhAAAHPAAAACoAAAAqEcwQkm1heHAAAAdoAAAAIAAAACAALAD3bmFtZQAAB4gAAAMoAAAIKgjwVkFwb3N0AAAKsAAAAB0AAAAg/9EAMgADAioCvAAFAAACigJYAAAASwKKAlgAAAFeADIBKQAAAgsHAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPACAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAfAClAAAACAAA3icTMtBDsFgAAbR97dVRRU3cDWJRJp0IRYuQ4ijOckn6crsZvFQ1Ap6jQmDTqV1dHIxuronzH82mtySfPPJO68885j1f0Wl1lhoLXVW1jZ6W4OdvQM/AAAA//8BAAD//xJbE4l4nGRUS2wa1xr+zwDDNR7HDPPiNQwwMIfBBgeGYYIxwdjEjh2I7USx8/BDyeLe3OvEkWJH8Y1addGoUltFVUUWVRetVLVqu+giiiq1kdJtG6U7R82qait1lRWKUNUFGaoBk7jqAs4sZr7v/x7/AQcsAhCXiLtggwEYBg9wABodoeMaxrLT0AxDFmwGRrRzkfCYn32KVbuq2pPhD6RbGxuovk7cfXHlQv3SpT82ikXzo28fmHfQ9gMAApKdFnqC2uADGUCIKnoubyiKHCWdOJ/XsjxHy1gmSSObN3SS5Fj+u+ri7QYhq9JkTB/bHN/4967LLs3+yxdnTk5I1Er55NnhCPZyF8XY1nXzdy0oXxeYFdeI6BXA4sOdFmoTD4GBcJ/PohGwrh1g6k7Asfzz1WvFjZx6xEc2dl12/wzhxR5mhJXzY9S7/1+6cTTorX35Yjrjl3dZ32PPoenZuWNAQKzTQr+hNnhBAnBElT4Jz7GkM8LzWtYQSNKm5SwWJM1en5q+UpxdG7MT5lPXTEbPZ5T1D+/j0WieOrpzammnXN6sMvGBvBY55w+hcVUfAwBA4AVAO8Qj69RoWTf6Wpy98TmNk+nzU1OxxWkp5w4M+alA6Nw59PpVR0BfzlHkFYcjooS2zTcBbBDtpAgnasMYFGG+64yi5ywjrED0vgRB4+SuDFKOYssgzYqIJUlbNq/n9k1jes9yVOm+8nx8/cgsEwh7/er4uj4a+XrBOZA7a4iSJ6ourl6svjYvYiyKGKvZSRzXfBEqUNrzHxmdSNiHElIg67Z7qiMTCwlqczDKFuZjrmGe8RSntaU0epRUsZpIqEmzEfMJbpvN6wuKANDpgAEAPxN7hAIeAHACA+90Pat0WshDPIThXvq0RrO8ls1bgfxQKzboAYeT9FBx6sIJQn7xVPAgdNXhtL4DsImoDRHLa03Qek73K0pb2p0vz4rVyZmMXmEi85nFEw0xHD9s/Y2h5qSUGklEM5tr5o8okk8cNu/tHz0OAlAb2IMcfXSyBxuuZ5fmGmI4mPCiZjmU6gP5BPMe9LrXzXEYAv/oHokPpIT48rVq9Vq5vFWtbpVT6XQqnUpRpRunTu+USjunT90o3axPVmq1ymTdwq10jhM8agMDIQDh1XTdKihY4Lqpy1Enx/PWnOIcPn95YiMfnvA7FpT88kiSTXxDfJHxy29vn9ktB3wL76PYTO2t1GPPIehpR++htpXWAX97Te4pD9QULujyDvncwRKLmivZjMPxht2uZs1fAQHXaaGPURtwN1dsWFtmiVVwmtBzr8A4lhdCBMeSe5n/KFPRshQJiWl/qJj475nCijTlz/kLBSVcUi9TirTqCwgMzTMuKlZQjy1j71mWx17foUG5kJ5e6+0g3WmhLWIHhK7bui7rhqFZm8e97BWC1YVqjb5186YsUj6XwBjU/5YfXSVv397+Phkn7Zsk1cOa6LTQn6hp5f+3btL7V9NPS3ONUDio8I3dQZs0T22uoZz5i676RXTcdB+LjwICCgB1UBOGADSbJvC8ZaVhaLb7n9+ddDEu+wDjqtz5BDWfxesY1+PPTDfs+w9PUBNsXf/pSgM1TTegzldEAU4TezAIQHdvy17o8XQ6Hk+niUJSlpPWD/4CAAD//wEAAP//WMg5XAAAAAEAAAACC4ULlKoDXw889QABA+gAAAAA2F2ghAAAAADdZi82/jf+xAhtA/EAAQADAAIAAAAAAAAAAQAAA9j+7wAACJj+N/43CG0AAQAAAAAAAAAAAAAAAAAAABQCsgBQAMgAAAIPACoCPQAnAgYAJAFVABgCFgAiARQANwEeAEEDWQBBAjwAQQIrACQCPQBBAY4AQQG7ABUBfwARAjgAPAILAAwBFABBAAD/rQAAACwALABkAJYAygDwAVgBZAGAAbIB1AIAAjACUAKMArIC1ALwAvwDEgAAAAEAAAAUAJAADABjAAcAAQAAAAAAAAAAAAAAAAAEAAN4nJyUz24bVRTGf05s0wrBAkVVuonugkWR6NhUSdU2K4fUikUUB48LQkJIE8/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 {
shape-rendering: geometricPrecision;
stroke-linejoin: round;
}
.connection {
stroke-linecap: round;
stroke-linejoin: round;
}
.blend {
mix-blend-mode: multiply;
opacity: 0.5;
}
.d2-1354954191 .fill-N1{fill:#0A0F25;}
.d2-1354954191 .fill-N2{fill:#676C7E;}
.d2-1354954191 .fill-N3{fill:#9499AB;}
.d2-1354954191 .fill-N4{fill:#CFD2DD;}
.d2-1354954191 .fill-N5{fill:#DEE1EB;}
.d2-1354954191 .fill-N6{fill:#EEF1F8;}
.d2-1354954191 .fill-N7{fill:#FFFFFF;}
.d2-1354954191 .fill-B1{fill:#0D32B2;}
.d2-1354954191 .fill-B2{fill:#0D32B2;}
.d2-1354954191 .fill-B3{fill:#E3E9FD;}
.d2-1354954191 .fill-B4{fill:#E3E9FD;}
.d2-1354954191 .fill-B5{fill:#EDF0FD;}
.d2-1354954191 .fill-B6{fill:#F7F8FE;}
.d2-1354954191 .fill-AA2{fill:#4A6FF3;}
.d2-1354954191 .fill-AA4{fill:#EDF0FD;}
.d2-1354954191 .fill-AA5{fill:#F7F8FE;}
.d2-1354954191 .fill-AB4{fill:#EDF0FD;}
.d2-1354954191 .fill-AB5{fill:#F7F8FE;}
.d2-1354954191 .stroke-N1{stroke:#0A0F25;}
.d2-1354954191 .stroke-N2{stroke:#676C7E;}
.d2-1354954191 .stroke-N3{stroke:#9499AB;}
.d2-1354954191 .stroke-N4{stroke:#CFD2DD;}
.d2-1354954191 .stroke-N5{stroke:#DEE1EB;}
.d2-1354954191 .stroke-N6{stroke:#EEF1F8;}
.d2-1354954191 .stroke-N7{stroke:#FFFFFF;}
.d2-1354954191 .stroke-B1{stroke:#0D32B2;}
.d2-1354954191 .stroke-B2{stroke:#0D32B2;}
.d2-1354954191 .stroke-B3{stroke:#E3E9FD;}
.d2-1354954191 .stroke-B4{stroke:#E3E9FD;}
.d2-1354954191 .stroke-B5{stroke:#EDF0FD;}
.d2-1354954191 .stroke-B6{stroke:#F7F8FE;}
.d2-1354954191 .stroke-AA2{stroke:#4A6FF3;}
.d2-1354954191 .stroke-AA4{stroke:#EDF0FD;}
.d2-1354954191 .stroke-AA5{stroke:#F7F8FE;}
.d2-1354954191 .stroke-AB4{stroke:#EDF0FD;}
.d2-1354954191 .stroke-AB5{stroke:#F7F8FE;}
.d2-1354954191 .background-color-N1{background-color:#0A0F25;}
.d2-1354954191 .background-color-N2{background-color:#676C7E;}
.d2-1354954191 .background-color-N3{background-color:#9499AB;}
.d2-1354954191 .background-color-N4{background-color:#CFD2DD;}
.d2-1354954191 .background-color-N5{background-color:#DEE1EB;}
.d2-1354954191 .background-color-N6{background-color:#EEF1F8;}
.d2-1354954191 .background-color-N7{background-color:#FFFFFF;}
.d2-1354954191 .background-color-B1{background-color:#0D32B2;}
.d2-1354954191 .background-color-B2{background-color:#0D32B2;}
.d2-1354954191 .background-color-B3{background-color:#E3E9FD;}
.d2-1354954191 .background-color-B4{background-color:#E3E9FD;}
.d2-1354954191 .background-color-B5{background-color:#EDF0FD;}
.d2-1354954191 .background-color-B6{background-color:#F7F8FE;}
.d2-1354954191 .background-color-AA2{background-color:#4A6FF3;}
.d2-1354954191 .background-color-AA4{background-color:#EDF0FD;}
.d2-1354954191 .background-color-AA5{background-color:#F7F8FE;}
.d2-1354954191 .background-color-AB4{background-color:#EDF0FD;}
.d2-1354954191 .background-color-AB5{background-color:#F7F8FE;}
.d2-1354954191 .color-N1{color:#0A0F25;}
.d2-1354954191 .color-N2{color:#676C7E;}
.d2-1354954191 .color-N3{color:#9499AB;}
.d2-1354954191 .color-N4{color:#CFD2DD;}
.d2-1354954191 .color-N5{color:#DEE1EB;}
.d2-1354954191 .color-N6{color:#EEF1F8;}
.d2-1354954191 .color-N7{color:#FFFFFF;}
.d2-1354954191 .color-B1{color:#0D32B2;}
.d2-1354954191 .color-B2{color:#0D32B2;}
.d2-1354954191 .color-B3{color:#E3E9FD;}
.d2-1354954191 .color-B4{color:#E3E9FD;}
.d2-1354954191 .color-B5{color:#EDF0FD;}
.d2-1354954191 .color-B6{color:#F7F8FE;}
.d2-1354954191 .color-AA2{color:#4A6FF3;}
.d2-1354954191 .color-AA4{color:#EDF0FD;}
.d2-1354954191 .color-AA5{color:#F7F8FE;}
.d2-1354954191 .color-AB4{color:#EDF0FD;}
.d2-1354954191 .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}]]></style><g id="outer"><g class="shape" ><rect x="12.000000" y="153.000000" width="408.000000" height="396.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="216.000000" y="186.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">outer</text></g><g id="start"><g class="shape" ><rect x="176.000000" y="12.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="216.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">start</text></g><g id="end"><g class="shape" ><rect x="180.000000" y="624.000000" width="72.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="216.000000" y="662.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">end</text></g><g id="outer.vg"><g class="shape" ><rect x="62.000000" y="208.000000" width="308.000000" height="286.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="216.000000" y="237.000000" class="text fill-N1" style="text-anchor:middle;font-size:24px">volume group</text></g><g id="outer.vg.vd"><g class="shape" ><rect x="122.000000" y="263.000000" width="208.000000" height="176.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="112.000000" y="273.000000" width="208.000000" height="176.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="216.000000" y="298.000000" class="text fill-N1" style="text-anchor:middle;font-size:20px">volume definition</text></g><g id="outer.vg.vd.volume"><g class="shape" ><rect x="172.000000" y="323.000000" width="98.000000" height="66.000000" class=" stroke-B2 fill-N7" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" /><rect x="162.000000" y="333.000000" width="98.000000" height="66.000000" class=" stroke-B2 fill-N7" style="stroke-width:2;stroke-dasharray:6.000000,5.919384;" /></g><text x="211.000000" y="371.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">volume</text></g><g id="(start -&gt; outer.vg.vd.volume)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 216.000000 80.000000 L 216.000000 319.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1354954191)" /></g><g id="(outer.vg.vd.volume -&gt; end)[0]"><path d="M 216.000000 401.000000 L 216.000000 620.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1354954191)" /></g><mask id="d2-1354954191" maskUnits="userSpaceOnUse" x="11" y="11" width="410" height="680">
<rect x="11" y="11" width="410" height="680" fill="white"></rect>
</mask></svg></svg>
Side by side

After

Width:  |  Height:  |  Size: 16 KiB