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

Merge pull request #973 from gavin-ts/dagre-direction-right-padding

Browse source 
dagre: direction right padding
This commit is contained in:
gavin-ts 2023-03-03 22:40:57 -08:00 committed by GitHub
commit 531b8bef62
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
14 changed files with 852 additions and 252 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
ci/release/changelogs/next.md
View file

@ -15,3 +15,4 @@
- Fixes a regression where PNG backgrounds could be cut off in the appendix. [#941](https://github.com/terrastruct/d2/pull/941)
- Fixes zooming not working in watch mode. [#944](https://github.com/terrastruct/d2/pull/944)
- [API] Fixes `DeleteIDDeltas` giving duplicate deltas in rare cases. [#957](https://github.com/terrastruct/d2/pull/957)
- Fixes insufficient vertical padding in dagre with direction: right/left. [#973](https://github.com/terrastruct/d2/pull/973)

27
d2layouts/d2dagrelayout/layout.go
View file

@ -109,6 +109,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
maxContainerLabelHeight := 0
for _, obj := range g.Objects {
// TODO count root level container label sizes for ranksep
if len(obj.ChildrenArray) == 0 || obj.Parent == g.Root {
continue
}
@ -126,15 +127,25 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
}
}
maxLabelSize := 0
maxLabelWidth := 0
maxLabelHeight := 0
for _, edge := range g.Edges {
size := edge.LabelDimensions.Width
if !isHorizontal {
size = edge.LabelDimensions.Height
}
maxLabelSize = go2.Max(maxLabelSize, size)
width := edge.LabelDimensions.Width
height := edge.LabelDimensions.Height
maxLabelWidth = go2.Max(maxLabelWidth, width)
maxLabelHeight = go2.Max(maxLabelHeight, height)
}
if !isHorizontal {
rootAttrs.ranksep = go2.Max(go2.Max(100, maxLabelHeight+40), maxContainerLabelHeight)
} else {
rootAttrs.ranksep = go2.Max(100, maxLabelWidth+40)
// use existing config
rootAttrs.NodeSep = rootAttrs.EdgeSep
// configure vertical padding
rootAttrs.EdgeSep = go2.Max(maxLabelHeight+40, maxContainerLabelHeight)
// Note: non-containers have both of these as padding (rootAttrs.NodeSep + rootAttrs.EdgeSep)
}
rootAttrs.ranksep = go2.Max(go2.Max(100, maxLabelSize+40), maxContainerLabelHeight)
configJS := setGraphAttrs(rootAttrs)
if _, err := vm.RunString(configJS); err != nil {
@ -286,7 +297,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
}
for _, obj := range g.Objects {
if obj.LabelHeight == nil || len(obj.ChildrenArray) <= 0 {
if obj.LabelHeight == nil || len(obj.ChildrenArray) == 0 {
continue
}

BIN
e2etests-cli/testdata/TestCLI_E2E/internal_linked_pdf.exp.pdf vendored
View file

Binary file not shown.

22
e2etests/stable_test.go
View file

@ -669,6 +669,28 @@ x -> hey -> y
{
name: "font_sizes_containers_large",
script: `
ninety nine: {
style.font-size: 99
sixty four: {
style.font-size: 64
thirty two:{
style.font-size: 32
sixteen: {
style.font-size: 16
eight: {
style.font-size: 8
}
}
}
}
}
`,
},
{
name: "font_sizes_containers_large_right",
script: `
direction: right
ninety nine: {
style.font-size: 99
sixty four: {

44
e2etests/testdata/regression/dagre_edge_label_spacing/dagre/board.exp.json generated vendored
View file

@ -11,7 +11,7 @@
"y": 41
},
"width": 2328,
"height": 116,
"height": 117,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -49,7 +49,7 @@
"type": "rectangle",
"pos": {
"x": 105,
"y": 60
"y": 61
},
"width": 270,
"height": 77,
@ -90,7 +90,7 @@
"type": "rectangle",
"pos": {
"x": 638,
"y": 60
"y": 61
},
"width": 209,
"height": 77,
@ -131,7 +131,7 @@
"type": "rectangle",
"pos": {
"x": 1194,
"y": 60
"y": 61
},
"width": 71,
"height": 77,
@ -172,7 +172,7 @@
"type": "rectangle",
"pos": {
"x": 1593,
"y": 60
"y": 61
},
"width": 158,
"height": 77,
@ -213,7 +213,7 @@
"type": "rectangle",
"pos": {
"x": 2129,
"y": 60
"y": 61
},
"width": 95,
"height": 77,
@ -279,19 +279,19 @@
"route": [
{
"x": 375.5,
"y": 99
"y": 99.5
},
{
"x": 479.9,
"y": 99
"y": 99.5
},
{
"x": 532.3,
"y": 99
"y": 99.5
},
{
"x": 637.5,
"y": 99
"y": 99.5
}
],
"isCurve": true,
@ -328,19 +328,19 @@
"route": [
{
"x": 846.5,
"y": 99
"y": 99.5
},
{
"x": 985.3,
"y": 99
"y": 99.5
},
{
"x": 1054.7,
"y": 99
"y": 99.5
},
{
"x": 1193.5,
"y": 99
"y": 99.5
}
],
"isCurve": true,
@ -377,19 +377,19 @@
"route": [
{
"x": 1265.5,
"y": 99
"y": 99.5
},
{
"x": 1395.9,
"y": 99
"y": 99.5
},
{
"x": 1461.3,
"y": 99
"y": 99.5
},
{
"x": 1592.5,
"y": 99
"y": 99.5
}
],
"isCurve": true,
@ -426,19 +426,19 @@
"route": [
{
"x": 1751.5,
"y": 99
"y": 99.5
},
{
"x": 1901.9,
"y": 99
"y": 99.5
},
{
"x": 1977.3,
"y": 99
"y": 99.5
},
{
"x": 2128.5,
"y": 99
"y": 99.5
}
],
"isCurve": true,

6
e2etests/testdata/regression/dagre_edge_label_spacing/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: 798 KiB

After

Width:  |  Height:  |  Size: 798 KiB

236
e2etests/testdata/regression/straight_hierarchy_container_direction_right/dagre/board.exp.json generated vendored
View file

@ -8,7 +8,7 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 60
"y": 87
},
"width": 53,
"height": 66,
@ -49,7 +49,7 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 392
"y": 453
},
"width": 53,
"height": 66,
@ -90,7 +90,7 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 226
"y": 270
},
"width": 53,
"height": 66,
@ -131,10 +131,10 @@
"type": "rectangle",
"pos": {
"x": 153,
"y": 61
"y": 81
},
"width": 153,
"height": 437,
"height": 468,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -172,7 +172,7 @@
"type": "rectangle",
"pos": {
"x": 203,
"y": 246
"y": 290
},
"width": 53,
"height": 66,
@ -213,7 +213,7 @@
"type": "rectangle",
"pos": {
"x": 203,
"y": 80
"y": 107
},
"width": 53,
"height": 66,
@ -254,7 +254,7 @@
"type": "rectangle",
"pos": {
"x": 203,
"y": 412
"y": 473
},
"width": 53,
"height": 66,
@ -295,10 +295,10 @@
"type": "rectangle",
"pos": {
"x": 406,
"y": 61
"y": 81
},
"width": 153,
"height": 105,
"height": 102,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -336,7 +336,7 @@
"type": "rectangle",
"pos": {
"x": 456,
"y": 80
"y": 107
},
"width": 53,
"height": 66,
@ -377,10 +377,10 @@
"type": "rectangle",
"pos": {
"x": 406,
"y": 393
"y": 447
},
"width": 153,
"height": 105,
"height": 102,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -418,7 +418,7 @@
"type": "rectangle",
"pos": {
"x": 456,
"y": 412
"y": 473
},
"width": 53,
"height": 66,
@ -459,10 +459,10 @@
"type": "rectangle",
"pos": {
"x": 406,
"y": 227
"y": 264
},
"width": 153,
"height": 105,
"height": 102,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -500,7 +500,7 @@
"type": "rectangle",
"pos": {
"x": 456,
"y": 246
"y": 290
},
"width": 53,
"height": 66,
@ -541,10 +541,10 @@
"type": "rectangle",
"pos": {
"x": 659,
"y": 61
"y": 81
},
"width": 153,
"height": 271,
"height": 285,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -582,7 +582,7 @@
"type": "rectangle",
"pos": {
"x": 709,
"y": 80
"y": 107
},
"width": 53,
"height": 66,
@ -623,7 +623,7 @@
"type": "rectangle",
"pos": {
"x": 709,
"y": 246
"y": 290
},
"width": 53,
"height": 66,
@ -664,10 +664,10 @@
"type": "rectangle",
"pos": {
"x": 659,
"y": 393
"y": 447
},
"width": 153,
"height": 105,
"height": 102,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -705,7 +705,7 @@
"type": "rectangle",
"pos": {
"x": 709,
"y": 412
"y": 473
},
"width": 53,
"height": 66,
@ -749,7 +749,7 @@
"y": 41
},
"width": 253,
"height": 477,
"height": 548,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -787,10 +787,10 @@
"type": "rectangle",
"pos": {
"x": 962,
"y": 76
"y": 96
},
"width": 153,
"height": 110,
"height": 107,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -828,7 +828,7 @@
"type": "rectangle",
"pos": {
"x": 1012,
"y": 98
"y": 125
},
"width": 53,
"height": 66,
@ -869,10 +869,10 @@
"type": "rectangle",
"pos": {
"x": 962,
"y": 242
"y": 279
},
"width": 153,
"height": 110,
"height": 107,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -910,7 +910,7 @@
"type": "rectangle",
"pos": {
"x": 1012,
"y": 264
"y": 308
},
"width": 53,
"height": 66,
@ -951,10 +951,10 @@
"type": "rectangle",
"pos": {
"x": 962,
"y": 408
"y": 462
},
"width": 153,
"height": 110,
"height": 107,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -992,7 +992,7 @@
"type": "rectangle",
"pos": {
"x": 1012,
"y": 430
"y": 491
},
"width": 53,
"height": 66,
@ -1058,19 +1058,19 @@
"route": [
{
"x": 53,
"y": 259
"y": 303
},
{
"x": 93,
"y": 259
"y": 303
},
{
"x": 163,
"y": 263.1
"y": 307.1
},
{
"x": 203,
"y": 279.5
"y": 323.5
}
],
"isCurve": true,
@ -1107,19 +1107,19 @@
"route": [
{
"x": 53,
"y": 93
"y": 120
},
{
"x": 93,
"y": 93
"y": 120
},
{
"x": 163,
"y": 97.1
"y": 124.1
},
{
"x": 203,
"y": 113.5
"y": 140.5
}
],
"isCurve": true,
@ -1156,19 +1156,19 @@
"route": [
{
"x": 53,
"y": 425
"y": 486
},
{
"x": 93,
"y": 425
"y": 486
},
{
"x": 163,
"y": 429.1
"y": 490.1
},
{
"x": 203,
"y": 445.5
"y": 506.5
}
],
"isCurve": true,
@ -1205,31 +1205,31 @@
"route": [
{
"x": 256,
"y": 113.5
"y": 140.5
},
{
"x": 296,
"y": 113.5
"y": 140.5
},
{
"x": 316,
"y": 113.5
"y": 140.5
},
{
"x": 331,
"y": 113.5
"y": 140.5
},
{
"x": 346,
"y": 113.5
"y": 140.5
},
{
"x": 416,
"y": 113.5
"y": 140.5
},
{
"x": 456,
"y": 113.5
"y": 140.5
}
],
"isCurve": true,
@ -1266,31 +1266,31 @@
"route": [
{
"x": 256,
"y": 445.5
"y": 506.5
},
{
"x": 296,
"y": 445.5
"y": 506.5
},
{
"x": 316,
"y": 445.5
"y": 506.5
},
{
"x": 331,
"y": 445.5
"y": 506.5
},
{
"x": 346,
"y": 445.5
"y": 506.5
},
{
"x": 416,
"y": 445.5
"y": 506.5
},
{
"x": 456,
"y": 445.5
"y": 506.5
}
],
"isCurve": true,
@ -1327,31 +1327,31 @@
"route": [
{
"x": 256,
"y": 279.5
"y": 323.5
},
{
"x": 296,
"y": 279.5
"y": 323.5
},
{
"x": 316,
"y": 279.5
"y": 323.5
},
{
"x": 331,
"y": 279.5
"y": 323.5
},
{
"x": 346,
"y": 279.5
"y": 323.5
},
{
"x": 416,
"y": 279.5
"y": 323.5
},
{
"x": 456,
"y": 279.5
"y": 323.5
}
],
"isCurve": true,
@ -1388,31 +1388,31 @@
"route": [
{
"x": 509,
"y": 113.5
"y": 140.5
},
{
"x": 549,
"y": 113.5
"y": 140.5
},
{
"x": 569,
"y": 113.5
"y": 140.5
},
{
"x": 584,
"y": 113.5
"y": 140.5
},
{
"x": 599,
"y": 113.5
"y": 140.5
},
{
"x": 669,
"y": 113.5
"y": 140.5
},
{
"x": 709,
"y": 113.5
"y": 140.5
}
],
"isCurve": true,
@ -1449,31 +1449,31 @@
"route": [
{
"x": 509,
"y": 279.5
"y": 323.5
},
{
"x": 549,
"y": 279.5
"y": 323.5
},
{
"x": 569,
"y": 279.5
"y": 323.5
},
{
"x": 584,
"y": 279.5
"y": 323.5
},
{
"x": 599,
"y": 279.5
"y": 323.5
},
{
"x": 669,
"y": 279.5
"y": 323.5
},
{
"x": 709,
"y": 279.5
"y": 323.5
}
],
"isCurve": true,
@ -1510,31 +1510,31 @@
"route": [
{
"x": 509,
"y": 445.5
"y": 506.5
},
{
"x": 549,
"y": 445.5
"y": 506.5
},
{
"x": 569,
"y": 445.5
"y": 506.5
},
{
"x": 584,
"y": 445.5
"y": 506.5
},
{
"x": 599,
"y": 445.5
"y": 506.5
},
{
"x": 669,
"y": 445.5
"y": 506.5
},
{
"x": 709,
"y": 445.5
"y": 506.5
}
],
"isCurve": true,
@ -1571,43 +1571,43 @@
"route": [
{
"x": 762,
"y": 122.5
"y": 149.5
},
{
"x": 802,
"y": 122.5
"y": 149.5
},
{
"x": 822,
"y": 122.5
"y": 149.5
},
{
"x": 837,
"y": 122.5
"y": 149.5
},
{
"x": 852,
"y": 122.5
"y": 149.5
},
{
"x": 872,
"y": 122.5
"y": 149.5
},
{
"x": 887,
"y": 122.5
"y": 149.5
},
{
"x": 902,
"y": 122.5
"y": 149.5
},
{
"x": 972,
"y": 122.5
"y": 149.5
},
{
"x": 1012,
"y": 122.5
"y": 149.5
}
],
"isCurve": true,
@ -1644,43 +1644,43 @@
"route": [
{
"x": 762,
"y": 288.5
"y": 332.5
},
{
"x": 802,
"y": 288.5
"y": 332.5
},
{
"x": 822,
"y": 288.5
"y": 332.5
},
{
"x": 837,
"y": 288.5
"y": 332.5
},
{
"x": 852,
"y": 288.5
"y": 332.5
},
{
"x": 872,
"y": 288.5
"y": 332.5
},
{
"x": 887,
"y": 288.5
"y": 332.5
},
{
"x": 902,
"y": 288.5
"y": 332.5
},
{
"x": 972,
"y": 288.5
"y": 332.5
},
{
"x": 1012,
"y": 288.5
"y": 332.5
}
],
"isCurve": true,
@ -1717,43 +1717,43 @@
"route": [
{
"x": 762,
"y": 454.5
"y": 515.5
},
{
"x": 802,
"y": 454.5
"y": 515.5
},
{
"x": 822,
"y": 454.5
"y": 515.5
},
{
"x": 837,
"y": 454.5
"y": 515.5
},
{
"x": 852,
"y": 454.5
"y": 515.5
},
{
"x": 872,
"y": 454.5
"y": 515.5
},
{
"x": 887,
"y": 454.5
"y": 515.5
},
{
"x": 902,
"y": 454.5
"y": 515.5
},
{
"x": 972,
"y": 454.5
"y": 515.5
},
{
"x": 1012,
"y": 454.5
"y": 515.5
}
],
"isCurve": true,

6
e2etests/testdata/regression/straight_hierarchy_container_direction_right/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: 662 KiB

After

Width:  |  Height:  |  Size: 662 KiB

188
e2etests/testdata/regression/unconnected/dagre/board.exp.json generated vendored
View file

@ -8,7 +8,7 @@
"type": "rectangle",
"pos": {
"x": 50,
"y": 322
"y": 262
},
"width": 135,
"height": 66,
@ -49,7 +49,7 @@
"type": "rectangle",
"pos": {
"x": 358,
"y": 332
"y": 282
},
"width": 159,
"height": 66,
@ -90,7 +90,7 @@
"type": "rectangle",
"pos": {
"x": 335,
"y": 458
"y": 368
},
"width": 204,
"height": 66,
@ -131,10 +131,10 @@
"type": "rectangle",
"pos": {
"x": 639,
"y": 203
"y": 169
},
"width": 872,
"height": 308,
"height": 272,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -172,7 +172,7 @@
"type": "rectangle",
"pos": {
"x": 689,
"y": 316
"y": 271
},
"width": 94,
"height": 66,
@ -213,7 +213,7 @@
"type": "rectangle",
"pos": {
"x": 883,
"y": 389
"y": 325
},
"width": 120,
"height": 66,
@ -254,7 +254,7 @@
"type": "rectangle",
"pos": {
"x": 1103,
"y": 268
"y": 238
},
"width": 120,
"height": 66,
@ -295,7 +295,7 @@
"type": "rectangle",
"pos": {
"x": 1331,
"y": 257
"y": 237
},
"width": 122,
"height": 66,
@ -336,7 +336,7 @@
"type": "text",
"pos": {
"x": 1323,
"y": 383
"y": 323
},
"width": 138,
"height": 108,
@ -379,7 +379,7 @@
"y": 41
},
"width": 235,
"height": 231,
"height": 171,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -417,7 +417,7 @@
"type": "rectangle",
"pos": {
"x": 55,
"y": 60
"y": 50
},
"width": 126,
"height": 66,
@ -458,7 +458,7 @@
"type": "rectangle",
"pos": {
"x": 66,
"y": 186
"y": 136
},
"width": 103,
"height": 66,
@ -565,19 +565,19 @@
"route": [
{
"x": 185,
"y": 360.74468085106383
"y": 306.48936170212767
},
{
"x": 225,
"y": 364.1489361702128
"y": 313.29787234042556
},
{
"x": 299.5,
"y": 365
"y": 315
},
{
"x": 357.5,
"y": 365
"y": 315
}
],
"isCurve": true,
@ -613,20 +613,20 @@
"labelPercentage": 0,
"route": [
{
"x": 146.0110294117647,
"y": 388
"x": 154.08018867924528,
"y": 328
},
{
"x": 217.20220588235293,
"y": 470.4
"x": 218.81603773584908,
"y": 386.4
},
{
"x": 295,
"y": 491
"y": 401
},
{
"x": 335,
"y": 491
"y": 401
}
],
"isCurve": true,
@ -662,44 +662,44 @@
"labelPercentage": 0,
"route": [
{
"x": 179.04761904761904,
"y": 322
"x": 185,
"y": 270.29787234042556
},
{
"x": 223.8095238095238,
"y": 298
"x": 225,
"y": 255.6595744680851
},
{
"x": 245,
"y": 292
"y": 252
},
{
"x": 260,
"y": 292
"y": 252
},
{
"x": 275,
"y": 292
"y": 252
},
{
"x": 315.4,
"y": 292
"y": 252
},
{
"x": 361,
"y": 292
"y": 252
},
{
"x": 406.6,
"y": 292
"y": 252
},
{
"x": 599,
"y": 292
"y": 252
},
{
"x": 639,
"y": 292
"y": 252
}
],
"isCurve": true,
@ -735,20 +735,20 @@
"labelPercentage": 0,
"route": [
{
"x": 780.8493150684932,
"y": 383
"x": 783,
"y": 330.4072164948454
},
{
"x": 822.5698630136986,
"y": 414.2
"x": 823,
"y": 352.8814432989691
},
{
"x": 843,
"y": 422
"y": 358.5
},
{
"x": 883,
"y": 422
"y": 358.5
}
],
"isCurve": true,
@ -784,32 +784,32 @@
"labelPercentage": 0,
"route": [
{
"x": 779.2567567567568,
"y": 316
"x": 783,
"y": 278.5618556701031
},
{
"x": 822.2513513513513,
"y": 283.2
"x": 823,
"y": 256.91237113402065
},
{
"x": 855,
"y": 275
"y": 251.5
},
{
"x": 888,
"y": 275
"y": 251.5
},
{
"x": 921,
"y": 275
"y": 251.5
},
{
"x": 1063,
"y": 277.4
"y": 253.3
},
{
"x": 1103,
"y": 287
"y": 260.5
}
],
"isCurve": true,
@ -845,56 +845,56 @@
"labelPercentage": 0,
"route": [
{
"x": 762.5643153526971,
"y": 316
"x": 766.7788461538462,
"y": 271
},
{
"x": 818.9128630705394,
"y": 246
"x": 819.7557692307693,
"y": 214.2
},
{
"x": 855,
"y": 228.5
"y": 200
},
{
"x": 888,
"y": 228.5
"y": 200
},
{
"x": 921,
"y": 228.5
"y": 200
},
{
"x": 965,
"y": 228.5
"y": 200
},
{
"x": 998,
"y": 228.5
"y": 200
},
{
"x": 1031,
"y": 228.5
"y": 200
},
{
"x": 1075,
"y": 228.5
"y": 200
},
{
"x": 1108,
"y": 228.5
"y": 200
},
{
"x": 1141,
"y": 228.5
"y": 200
},
{
"x": 1284.6,
"y": 234.5
"x": 1285.6,
"y": 207.6
},
{
"x": 1331,
"y": 258.5
"x": 1336,
"y": 238
}
],
"isCurve": true,
@ -931,19 +931,19 @@
"route": [
{
"x": 1003,
"y": 396.09090909090907
"y": 340.77272727272725
},
{
"x": 1043,
"y": 378.8181818181818
"y": 328.95454545454544
},
{
"x": 1065,
"y": 366.5
"x": 1063,
"y": 321
},
{
"x": 1113,
"y": 334.5
"x": 1103,
"y": 301
}
],
"isCurve": true,
@ -980,19 +980,19 @@
"route": [
{
"x": 1223,
"y": 301.5
"y": 271.5
},
{
"x": 1263,
"y": 301.5
"y": 271.5
},
{
"x": 1284.6,
"y": 300.5
"y": 271.5
},
{
"x": 1331,
"y": 296.5
"y": 271.5
}
],
"isCurve": true,
@ -1028,32 +1028,32 @@
"labelPercentage": 0,
"route": [
{
"x": 1367.1455696202531,
"y": 323.5
"x": 1355.638888888889,
"y": 303.5
},
{
"x": 1291.8291139240507,
"y": 423.5
"x": 1289.5277777777778,
"y": 363.5
},
{
"x": 1251,
"y": 448.5
"y": 378.5
},
{
"x": 1218,
"y": 448.5
"y": 378.5
},
{
"x": 1185,
"y": 448.5
"y": 378.5
},
{
"x": 1043,
"y": 446.1
"y": 376.7
},
{
"x": 1003,
"y": 436.5
"y": 369.5
}
],
"isCurve": true,
@ -1090,19 +1090,19 @@
"route": [
{
"x": 517.5,
"y": 365
"y": 315
},
{
"x": 574.7,
"y": 365
"y": 315
},
{
"x": 599,
"y": 365
"y": 315
},
{
"x": 639,
"y": 365
"y": 315
}
],
"isCurve": true,
@ -1139,19 +1139,19 @@
"route": [
{
"x": 539,
"y": 491
"y": 401
},
{
"x": 579,
"y": 491
"y": 401
},
{
"x": 599,
"y": 491
"y": 401
},
{
"x": 639,
"y": 491
"y": 401
}
],
"isCurve": true,

8
e2etests/testdata/regression/unconnected/dagre/sketch.exp.svg vendored
View file

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1513 597"><svg id="d2-svg" width="1513" height="597" viewBox="-1 -72 1513 597"><rect x="-1.000000" y="-72.000000" width="1513.000000" height="597.000000" rx="0.000000" 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" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1513 514"><svg id="d2-svg" width="1513" height="514" viewBox="-1 -72 1513 514"><rect x="-1.000000" y="-72.000000" width="1513.000000" height="514.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.text {
font-family: "font-regular";
}
@ -766,13 +766,13 @@
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="OEM Factory"><g class="shape" ><rect x="50.000000" y="322.000000" width="135.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="117.500000" y="360.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Factory</text></g><g id="OEM Warehouse"><g class="shape" ><rect x="358.000000" y="332.000000" width="159.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="437.500000" y="370.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Warehouse</text></g><g id="Distributor Warehouse"><g class="shape" ><rect x="335.000000" y="458.000000" width="204.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="437.000000" y="496.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Distributor Warehouse</text></g><g id="Gos Warehouse"><g class="shape" ><rect x="639.000000" y="203.000000" width="872.000000" height="308.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1075.000000" y="190.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">Gos Warehouse</text></g><g id="Customer Site"><g class="shape" ><rect x="0.000000" y="41.000000" width="235.000000" height="231.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="117.500000" y="28.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">Customer Site</text></g><g id="title"><g class="shape" ></g><text x="755.500000" y="-31.000000" class="text fill-N1" style="text-anchor:middle;font-size:40px">Workflow-I (Warehousing, Installation)</text></g><g id="Gos Warehouse.Master"><g class="shape" ><rect x="689.000000" y="316.000000" width="94.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="736.000000" y="354.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Master</text></g><g id="Gos Warehouse.Regional-1"><g class="shape" ><rect x="883.000000" y="389.000000" width="120.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="943.000000" y="427.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-1</text></g><g id="Gos Warehouse.Regional-2"><g class="shape" ><rect x="1103.000000" y="268.000000" width="120.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1163.000000" y="306.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-2</text></g><g id="Gos Warehouse.Regional-N"><g class="shape" ><rect x="1331.000000" y="257.000000" width="122.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1392.000000" y="295.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-N</text></g><g id="Gos Warehouse.explaination"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1323.000000" y="383.000000" width="138" height="108"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><ul>
</style><g id="OEM Factory"><g class="shape" ><rect x="50.000000" y="262.000000" width="135.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="117.500000" y="300.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Factory</text></g><g id="OEM Warehouse"><g class="shape" ><rect x="358.000000" y="282.000000" width="159.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="437.500000" y="320.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">OEM Warehouse</text></g><g id="Distributor Warehouse"><g class="shape" ><rect x="335.000000" y="368.000000" width="204.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="437.000000" y="406.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Distributor Warehouse</text></g><g id="Gos Warehouse"><g class="shape" ><rect x="639.000000" y="169.000000" width="872.000000" height="272.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="1075.000000" y="156.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">Gos Warehouse</text></g><g id="Customer Site"><g class="shape" ><rect x="0.000000" y="41.000000" width="235.000000" height="171.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="117.500000" y="28.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">Customer Site</text></g><g id="title"><g class="shape" ></g><text x="755.500000" y="-31.000000" class="text fill-N1" style="text-anchor:middle;font-size:40px">Workflow-I (Warehousing, Installation)</text></g><g id="Gos Warehouse.Master"><g class="shape" ><rect x="689.000000" y="271.000000" width="94.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="736.000000" y="309.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Master</text></g><g id="Gos Warehouse.Regional-1"><g class="shape" ><rect x="883.000000" y="325.000000" width="120.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="943.000000" y="363.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-1</text></g><g id="Gos Warehouse.Regional-2"><g class="shape" ><rect x="1103.000000" y="238.000000" width="120.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1163.000000" y="276.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-2</text></g><g id="Gos Warehouse.Regional-N"><g class="shape" ><rect x="1331.000000" y="237.000000" width="122.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1392.000000" y="275.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Regional-N</text></g><g id="Gos Warehouse.explaination"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1323.000000" y="323.000000" width="138" height="108"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><ul>
<li>Asset Tagging</li>
<li>Inventory</li>
<li>Staging</li>
<li>Dispatch to Site</li>
</ul>
</div></foreignObject></g></g><g id="Customer Site.Installation"><g class="shape" ><rect x="55.000000" y="60.000000" width="126.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="118.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Installation</text></g><g id="Customer Site.Support"><g class="shape" ><rect x="66.000000" y="186.000000" width="103.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="117.500000" y="224.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Support</text></g><g id="(OEM Factory -&gt; OEM Warehouse)[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 186.992796 360.914281 C 225.000000 364.148936 299.500000 365.000000 353.500000 365.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#437792484)" /></g><g id="(OEM Factory -&gt; Distributor Warehouse)[0]"><path d="M 147.318559 389.513396 C 217.202206 470.400000 295.000000 491.000000 331.000000 491.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#437792484)" /></g><g id="(OEM Factory -&gt; Gos Warehouse)[0]"><path d="M 180.810244 321.054933 C 223.809524 298.000000 245.000000 292.000000 260.000000 292.000000 C 275.000000 292.000000 315.400000 292.000000 361.000000 292.000000 C 406.600000 292.000000 599.000000 292.000000 635.000000 292.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#437792484)" /></g><g id="Gos Warehouse.(Master -&gt; Regional-1)[0]"><path d="M 782.450980 384.197777 C 822.569863 414.200000 843.000000 422.000000 879.000000 422.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#437792484)" /></g><g id="Gos Warehouse.(Master -&gt; Regional-2)[0]"><path d="M 780.846867 314.786926 C 822.251351 283.200000 855.000000 275.000000 888.000000 275.000000 C 921.000000 275.000000 1063.000000 277.400000 1099.110451 286.066508" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#437792484)" /></g><g id="Gos Warehouse.(Master -&gt; Regional-N)[0]"><path d="M 763.818430 314.442054 C 818.912863 246.000000 855.000000 228.500000 888.000000 228.500000 C 921.000000 228.500000 965.000000 228.500000 998.000000 228.500000 C 1031.000000 228.500000 1075.000000 228.500000 1108.000000 228.500000 C 1141.000000 228.500000 1284.600000 234.500000 1327.447129 256.662308" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#437792484)" /></g><g id="Gos Warehouse.(Regional-1 -&gt; Regional-2)[0]"><path d="M 1004.836125 395.298037 C 1043.000000 378.818182 1065.000000 366.500000 1109.671799 336.718801" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#437792484)" /></g><g id="Gos Warehouse.(Regional-2 -&gt; Regional-N)[0]"><path d="M 1225.000000 301.500000 C 1263.000000 301.500000 1284.600000 300.500000 1327.014781 296.843553" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#437792484)" /></g><g id="Gos Warehouse.(Regional-N -&gt; Regional-1)[0]"><path d="M 1365.942336 325.097570 C 1291.829114 423.500000 1251.000000 448.500000 1218.000000 448.500000 C 1185.000000 448.500000 1043.000000 446.100000 1006.889549 437.433492" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#437792484)" /></g><g id="(OEM Warehouse -&gt; Gos Warehouse)[0]"><path d="M 519.500000 365.000000 C 574.700000 365.000000 599.000000 365.000000 635.000000 365.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#437792484)" /></g><g id="(Distributor Warehouse -&gt; Gos Warehouse)[0]"><path d="M 541.000000 491.000000 C 579.000000 491.000000 599.000000 491.000000 635.000000 491.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#437792484)" /></g><mask id="437792484" maskUnits="userSpaceOnUse" x="-1" y="-72" width="1513" height="597">
<rect x="-1" y="-72" width="1513" height="597" fill="white"></rect>
</div></foreignObject></g></g><g id="Customer Site.Installation"><g class="shape" ><rect x="55.000000" y="50.000000" width="126.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="118.000000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Installation</text></g><g id="Customer Site.Support"><g class="shape" ><rect x="66.000000" y="136.000000" width="103.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="117.500000" y="174.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Support</text></g><g id="(OEM Factory -&gt; OEM Warehouse)[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 186.971642 306.824960 C 225.000000 313.297872 299.500000 315.000000 353.500000 315.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#94055136)" /></g><g id="(OEM Factory -&gt; Distributor Warehouse)[0]"><path d="M 155.565205 329.339674 C 218.816038 386.400000 295.000000 401.000000 331.000000 401.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#94055136)" /></g><g id="(OEM Factory -&gt; Gos Warehouse)[0]"><path d="M 186.878183 269.610537 C 225.000000 255.659574 245.000000 252.000000 260.000000 252.000000 C 275.000000 252.000000 315.400000 252.000000 361.000000 252.000000 C 406.600000 252.000000 599.000000 252.000000 635.000000 252.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#94055136)" /></g><g id="Gos Warehouse.(Master -&gt; Regional-1)[0]"><path d="M 784.743631 331.386885 C 823.000000 352.881443 843.000000 358.500000 879.000000 358.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#94055136)" /></g><g id="Gos Warehouse.(Master -&gt; Regional-2)[0]"><path d="M 784.758900 277.609874 C 823.000000 256.912371 855.000000 251.500000 888.000000 251.500000 C 921.000000 251.500000 1063.000000 253.300000 1099.063267 259.791388" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#94055136)" /></g><g id="Gos Warehouse.(Master -&gt; Regional-N)[0]"><path d="M 768.142982 269.537422 C 819.755769 214.200000 855.000000 200.000000 888.000000 200.000000 C 921.000000 200.000000 965.000000 200.000000 998.000000 200.000000 C 1031.000000 200.000000 1075.000000 200.000000 1108.000000 200.000000 C 1141.000000 200.000000 1285.600000 207.600000 1332.574835 235.934027" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#94055136)" /></g><g id="Gos Warehouse.(Regional-1 -&gt; Regional-2)[0]"><path d="M 1004.918035 340.206035 C 1043.000000 328.954545 1063.000000 321.000000 1099.422291 302.788854" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#94055136)" /></g><g id="Gos Warehouse.(Regional-2 -&gt; Regional-N)[0]"><path d="M 1225.000000 271.500000 C 1263.000000 271.500000 1284.600000 271.500000 1327.000000 271.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#94055136)" /></g><g id="Gos Warehouse.(Regional-N -&gt; Regional-1)[0]"><path d="M 1354.157883 304.844106 C 1289.527778 363.500000 1251.000000 378.500000 1218.000000 378.500000 C 1185.000000 378.500000 1043.000000 376.700000 1006.936733 370.208612" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#94055136)" /></g><g id="(OEM Warehouse -&gt; Gos Warehouse)[0]"><path d="M 519.500000 315.000000 C 574.700000 315.000000 599.000000 315.000000 635.000000 315.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#94055136)" /></g><g id="(Distributor Warehouse -&gt; Gos Warehouse)[0]"><path d="M 541.000000 401.000000 C 579.000000 401.000000 599.000000 401.000000 635.000000 401.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#94055136)" /></g><mask id="94055136" maskUnits="userSpaceOnUse" x="-1" y="-72" width="1513" height="514">
<rect x="-1" y="-72" width="1513" height="514" fill="white"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 669 KiB

After

Width:  |  Height:  |  Size: 669 KiB

253
e2etests/testdata/stable/font_sizes_containers_large_right/dagre/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,253 @@
{
"name": "",
"isFolderOnly": false,
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "ninety nine",
"type": "rectangle",
"pos": {
"x": 0,
"y": 50
},
"width": 464,
"height": 638,
"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": "ninety nine",
"fontSize": 99,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 452,
"labelHeight": 125,
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "ninety nine.sixty four",
"type": "rectangle",
"pos": {
"x": 50,
"y": 161
},
"width": 364,
"height": 466,
"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": "sixty four",
"fontSize": 64,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 246,
"labelHeight": 81,
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
{
"id": "ninety nine.sixty four.thirty two",
"type": "rectangle",
"pos": {
"x": 100,
"y": 268
},
"width": 264,
"height": 298,
"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": "thirty two",
"fontSize": 32,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 130,
"labelHeight": 41,
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 3
},
{
"id": "ninety nine.sixty four.thirty two.sixteen",
"type": "rectangle",
"pos": {
"x": 150,
"y": 357
},
"width": 164,
"height": 146,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N7",
"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": "sixteen",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 48,
"labelHeight": 21,
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 4
},
{
"id": "ninety nine.sixty four.thirty two.sixteen.eight",
"type": "rectangle",
"pos": {
"x": 200,
"y": 402
},
"width": 64,
"height": 56,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N7",
"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": "eight",
"fontSize": 8,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 19,
"labelHeight": 11,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 5
}
],
"connections": [],
"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
}
}

30
e2etests/testdata/stable/font_sizes_containers_large_right/dagre/sketch.exp.svg vendored Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 653 KiB

253
e2etests/testdata/stable/font_sizes_containers_large_right/elk/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,253 @@
{
"name": "",
"isFolderOnly": false,
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "ninety nine",
"type": "rectangle",
"pos": {
"x": 12,
"y": 12
},
"width": 464,
"height": 572,
"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": "ninety nine",
"fontSize": 99,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 452,
"labelHeight": 125,
"labelPosition": "INSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "ninety nine.sixty four",
"type": "rectangle",
"pos": {
"x": 62,
"y": 142
},
"width": 364,
"height": 392,
"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": "sixty four",
"fontSize": 64,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 246,
"labelHeight": 81,
"labelPosition": "INSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
{
"id": "ninety nine.sixty four.thirty two",
"type": "rectangle",
"pos": {
"x": 112,
"y": 228
},
"width": 264,
"height": 256,
"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": "thirty two",
"fontSize": 32,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 130,
"labelHeight": 41,
"labelPosition": "INSIDE_TOP_CENTER",
"zIndex": 0,
"level": 3
},
{
"id": "ninety nine.sixty four.thirty two.sixteen",
"type": "rectangle",
"pos": {
"x": 162,
"y": 278
},
"width": 164,
"height": 156,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N7",
"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": "sixteen",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 48,
"labelHeight": 21,
"labelPosition": "INSIDE_TOP_CENTER",
"zIndex": 0,
"level": 4
},
{
"id": "ninety nine.sixty four.thirty two.sixteen.eight",
"type": "rectangle",
"pos": {
"x": 212,
"y": 328
},
"width": 64,
"height": 56,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N7",
"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": "eight",
"fontSize": 8,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 19,
"labelHeight": 11,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 5
}
],
"connections": [],
"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
}
}

30
e2etests/testdata/stable/font_sizes_containers_large_right/elk/sketch.exp.svg vendored Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 653 KiB