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

Merge branch 'master' into png-img

Browse source
This commit is contained in:
Alexander Wang 2022-11-29 16:54:09 -08:00
commit 9b982a684e
No known key found for this signature in database
GPG key ID: D89FA31966BDBECE
382 changed files with 10346 additions and 3632 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -2,6 +2,9 @@
- Latex is now supported. See [docs](https://d2lang.com/tour/text) for more. - Latex is now supported. See [docs](https://d2lang.com/tour/text) for more.
[#229](https://github.com/terrastruct/d2/pull/229) [#229](https://github.com/terrastruct/d2/pull/229)
- `direction` keyword is now supported to specify `up`, `down`, `right`, `left` layouts. See
[docs](https://d2lang.com/tour/layouts) for more.
[#251](https://github.com/terrastruct/d2/pull/251)
- Arrowhead labels are now supported. [#182](https://github.com/terrastruct/d2/pull/182) - Arrowhead labels are now supported. [#182](https://github.com/terrastruct/d2/pull/182)
- `stroke-dash` on shapes is now supported. [#188](https://github.com/terrastruct/d2/issues/188) - `stroke-dash` on shapes is now supported. [#188](https://github.com/terrastruct/d2/issues/188)
- `font-color` is now supported on shapes and connections. [#215](https://github.com/terrastruct/d2/pull/215) - `font-color` is now supported on shapes and connections. [#215](https://github.com/terrastruct/d2/pull/215)
@ -13,6 +16,8 @@
- Local images can now be included, e.g. `icon: ./my_img.png`. - Local images can now be included, e.g. `icon: ./my_img.png`.
[#146](https://github.com/terrastruct/d2/issues/146) [#146](https://github.com/terrastruct/d2/issues/146)
- ELK layout engine now defaults to top-down to be consistent with dagre.
[#251](https://github.com/terrastruct/d2/pull/251)
- [install.sh](./install.sh) prints the dry run message more visibly. - [install.sh](./install.sh) prints the dry run message more visibly.
[#266](https://github.com/terrastruct/d2/pull/266) [#266](https://github.com/terrastruct/d2/pull/266)

9
d2compiler/compile.go
View file

@ -13,6 +13,7 @@ import (
"oss.terrastruct.com/d2/d2graph" "oss.terrastruct.com/d2/d2graph"
"oss.terrastruct.com/d2/d2parser" "oss.terrastruct.com/d2/d2parser"
"oss.terrastruct.com/d2/d2target" "oss.terrastruct.com/d2/d2target"
"oss.terrastruct.com/d2/lib/go2"
) )
// TODO: should Parse even be exported? guess not. IR should contain list of files and // TODO: should Parse even be exported? guess not. IR should contain list of files and
@ -356,6 +357,14 @@ func (c *compiler) applyScalar(attrs *d2graph.Attributes, reserved string, box d
case "link": case "link":
attrs.Link = scalar.ScalarString() attrs.Link = scalar.ScalarString()
return return
case "direction":
dirs := []string{"up", "down", "right", "left"}
if !go2.Contains(dirs, scalar.ScalarString()) {
c.errorf(scalar.GetRange().Start, scalar.GetRange().End, `direction must be one of %v, got %q`, strings.Join(dirs, ", "), scalar.ScalarString())
return
}
attrs.Direction.Value = scalar.ScalarString()
return
} }
if _, ok := d2graph.StyleKeywords[reserved]; ok { if _, ok := d2graph.StyleKeywords[reserved]; ok {

35
d2compiler/compile_test.go
View file

@ -1521,6 +1521,41 @@ dst.id <-> src.dst_id
diff.AssertStringEq(t, "sequence_diagram", g.Root.Attributes.Shape.Value) diff.AssertStringEq(t, "sequence_diagram", g.Root.Attributes.Shape.Value)
}, },
}, },
{
name: "root_direction",
text: `direction: right`,
assertions: func(t *testing.T, g *d2graph.Graph) {
diff.AssertStringEq(t, "right", g.Root.Attributes.Direction.Value)
},
},
{
name: "default_direction",
text: `x`,
assertions: func(t *testing.T, g *d2graph.Graph) {
diff.AssertStringEq(t, "down", g.Objects[0].Attributes.Direction.Value)
},
},
{
name: "set_direction",
text: `x: {
direction: left
}`,
assertions: func(t *testing.T, g *d2graph.Graph) {
diff.AssertStringEq(t, "left", g.Objects[0].Attributes.Direction.Value)
},
},
{
name: "invalid_direction",
text: `x: {
direction: diagonal
}`,
expErr: `d2/testdata/d2compiler/TestCompile/invalid_direction.d2:2:14: direction must be one of up, down, right, left, got "diagonal"
`,
},
} }
for _, tc := range testCases { for _, tc := range testCases {

7
d2graph/d2graph.go
View file

@ -39,6 +39,7 @@ func NewGraph(ast *d2ast.Map) *Graph {
Parent: nil, Parent: nil,
Children: make(map[string]*Object), Children: make(map[string]*Object),
} }
d.Root.Attributes.Direction.Value = "down"
return d return d
} }
@ -97,6 +98,8 @@ type Attributes struct {
Language string `json:"language,omitempty"` Language string `json:"language,omitempty"`
// TODO: default to ShapeRectangle instead of empty string // TODO: default to ShapeRectangle instead of empty string
Shape Scalar `json:"shape"` Shape Scalar `json:"shape"`
Direction Scalar `json:"direction"`
} }
// TODO references at the root scope should have their Scope set to root graph AST // TODO references at the root scope should have their Scope set to root graph AST
@ -442,6 +445,9 @@ func (obj *Object) newObject(id string) *Object {
Label: Scalar{ Label: Scalar{
Value: idval, Value: idval,
}, },
Direction: Scalar{
Value: "down",
},
}, },
Graph: obj.Graph, Graph: obj.Graph,
@ -1057,6 +1063,7 @@ var ReservedKeywords = map[string]struct{}{
"near": {}, "near": {},
"width": {}, "width": {},
"height": {}, "height": {},
"direction": {},
} }
// ReservedKeywordHolders are reserved keywords that are meaningless on its own and exist solely to hold a set of reserved keywords // ReservedKeywordHolders are reserved keywords that are meaningless on its own and exist solely to hold a set of reserved keywords

16
d2layouts/d2dagrelayout/layout.go
View file

@ -60,12 +60,22 @@ func Layout(ctx context.Context, d2graph *d2graph.Graph) (err error) {
return err return err
} }
configJS := setGraphAttrs(dagreGraphAttrs{ rootAttrs := dagreGraphAttrs{
ranksep: 100, ranksep: 100,
edgesep: 40, edgesep: 40,
nodesep: 60, nodesep: 60,
rankdir: "tb", }
}) switch d2graph.Root.Attributes.Direction.Value {
case "down":
rootAttrs.rankdir = "TB"
case "right":
rootAttrs.rankdir = "LR"
case "left":
rootAttrs.rankdir = "RL"
case "up":
rootAttrs.rankdir = "BT"
}
configJS := setGraphAttrs(rootAttrs)
if _, err := v8ctx.RunScript(configJS, "config.js"); err != nil { if _, err := v8ctx.RunScript(configJS, "config.js"); err != nil {
return err return err
} }

15
d2layouts/d2elklayout/layout.go
View file

@ -69,7 +69,7 @@ type ELKEdge struct {
type ELKGraph struct { type ELKGraph struct {
ID string `json:"id"` ID string `json:"id"`
LayoutOptions ELKLayoutOptions `json:"layoutOptions"` LayoutOptions *ELKLayoutOptions `json:"layoutOptions"`
Children []*ELKNode `json:"children,omitempty"` Children []*ELKNode `json:"children,omitempty"`
Edges []*ELKEdge `json:"edges,omitempty"` Edges []*ELKEdge `json:"edges,omitempty"`
} }
@ -80,6 +80,7 @@ type ELKLayoutOptions struct {
NodeSpacing float64 `json:"spacing.nodeNodeBetweenLayers,omitempty"` NodeSpacing float64 `json:"spacing.nodeNodeBetweenLayers,omitempty"`
Padding string `json:"elk.padding,omitempty"` Padding string `json:"elk.padding,omitempty"`
EdgeNodeSpacing float64 `json:"spacing.edgeNodeBetweenLayers,omitempty"` EdgeNodeSpacing float64 `json:"spacing.edgeNodeBetweenLayers,omitempty"`
Direction string `json:"elk.direction"`
} }
func Layout(ctx context.Context, g *d2graph.Graph) (err error) { func Layout(ctx context.Context, g *d2graph.Graph) (err error) {
@ -114,13 +115,23 @@ func Layout(ctx context.Context, g *d2graph.Graph) (err error) {
elkGraph := &ELKGraph{ elkGraph := &ELKGraph{
ID: "root", ID: "root",
LayoutOptions: ELKLayoutOptions{ LayoutOptions: &ELKLayoutOptions{
Algorithm: "layered", Algorithm: "layered",
HierarchyHandling: "INCLUDE_CHILDREN", HierarchyHandling: "INCLUDE_CHILDREN",
NodeSpacing: 100.0, NodeSpacing: 100.0,
EdgeNodeSpacing: 50.0, EdgeNodeSpacing: 50.0,
}, },
} }
switch g.Root.Attributes.Direction.Value {
case "down":
elkGraph.LayoutOptions.Direction = "DOWN"
case "up":
elkGraph.LayoutOptions.Direction = "UP"
case "right":
elkGraph.LayoutOptions.Direction = "RIGHT"
case "left":
elkGraph.LayoutOptions.Direction = "LEFT"
}
elkNodes := make(map[*d2graph.Object]*ELKNode) elkNodes := make(map[*d2graph.Object]*ELKNode)
elkEdges := make(map[*d2graph.Edge]*ELKEdge) elkEdges := make(map[*d2graph.Edge]*ELKEdge)

14
e2etests/stable_test.go
View file

@ -986,6 +986,20 @@ sugar -> c
c: mixed together c: mixed together
c -> solution: we get c -> solution: we get
`,
},
{
name: "direction",
script: `a -> b -> c -> d -> e
b: {
direction: right
1 -> 2 -> 3 -> 4 -> 5
2: {
direction: up
a -> b -> c -> d -> e
}
}
`, `,
}, },
{ {

36
e2etests/testdata/sanity/1_to_2/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 31,
"y": 33 "y": 12
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -43,8 +43,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 225, "x": 12,
"y": 12 "y": 238
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -81,8 +81,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 225, "x": 145,
"y": 158 "y": 238
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -143,12 +143,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 68.5,
"y": 75 "y": 138
}, },
{ {
"x": 225, "x": 68.5,
"y": 75 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -181,20 +181,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 106.16666666666667,
"y": 117 "y": 138
}, },
{ {
"x": 175, "x": 106.16666666666667,
"y": 117 "y": 188
}, },
{ {
"x": 175, "x": 201.5,
"y": 221 "y": 188
}, },
{ {
"x": 225, "x": 201.5,
"y": 221 "y": 238
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/sanity/1_to_2/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="526" height="472" viewBox="-88 -88 526 472"><style type="text/css"> width="446" height="552" viewBox="-88 -88 446 552"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,7 +14,7 @@ width="526" height="472" viewBox="-88 -88 526 472"><style type="text/css">
} }
]]> ]]>
</style><g id="a"><g class="shape" ><rect x="12" y="33" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="99.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="225" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="281.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="225" y="158" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="281.500000" y="224.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 127.000000 75.000000 L 221.000000 75.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(a -&gt; c)[0]"><path d="M 127.000000 117.000000 L 165.000000 117.000000 S 175.000000 117.000000 175.000000 127.000000 L 175.000000 211.000000 S 175.000000 221.000000 185.000000 221.000000 L 221.000000 221.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </style><g id="a"><g class="shape" ><rect x="31" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="87.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="12" y="238" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="304.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="145" y="238" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="201.500000" y="304.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 68.500000 140.000000 L 68.500000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(a -&gt; c)[0]"><path d="M 106.166667 140.000000 L 106.166667 178.000000 S 106.166667 188.000000 116.166667 188.000000 L 191.500000 188.000000 S 201.500000 188.000000 201.500000 198.000000 L 201.500000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 325 KiB

After

Width:  |  Height:  |  Size: 325 KiB

12
e2etests/testdata/sanity/basic/elk/board.exp.json generated vendored
View file

@ -43,8 +43,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 225, "x": 12,
"y": 12 "y": 238
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -105,12 +105,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 68.5,
"y": 75 "y": 138
}, },
{ {
"x": 225, "x": 68.5,
"y": 75 "y": 238
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/sanity/basic/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="526" height="326" viewBox="-88 -88 526 326"><style type="text/css"> width="313" height="552" viewBox="-88 -88 313 552"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,7 +14,7 @@ width="526" height="326" viewBox="-88 -88 526 326"><style type="text/css">
} }
]]> ]]>
</style><g id="a"><g class="shape" ><rect x="12" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="225" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="281.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 127.000000 75.000000 L 221.000000 75.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </style><g id="a"><g class="shape" ><rect x="12" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="12" y="238" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="304.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 68.500000 140.000000 L 68.500000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 324 KiB

After

Width:  |  Height:  |  Size: 324 KiB

20
e2etests/testdata/sanity/child_to_child/elk/board.exp.json generated vendored
View file

@ -5,7 +5,7 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 13,
"y": 12 "y": 12
}, },
"width": 263, "width": 263,
@ -43,7 +43,7 @@
"id": "a.b", "id": "a.b",
"type": "", "type": "",
"pos": { "pos": {
"x": 87, "x": 88,
"y": 87 "y": 87
}, },
"width": 113, "width": 113,
@ -81,8 +81,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 385, "x": 12,
"y": 12 "y": 398
}, },
"width": 264, "width": 264,
"height": 276, "height": 276,
@ -119,8 +119,8 @@
"id": "c.d", "id": "c.d",
"type": "", "type": "",
"pos": { "pos": {
"x": 460, "x": 87,
"y": 87 "y": 473
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -181,12 +181,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 200, "x": 144,
"y": 150 "y": 213
}, },
{ {
"x": 460, "x": 144,
"y": 150 "y": 473
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/sanity/child_to_child/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="837" height="476" viewBox="-88 -88 837 476"><style type="text/css"> width="464" height="862" viewBox="-88 -88 464 862"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,7 +14,7 @@ width="837" height="476" viewBox="-88 -88 837 476"><style type="text/css">
} }
]]> ]]>
</style><g id="a"><g class="shape" ><rect x="12" y="12" width="263" height="276" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="143.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="385" y="12" width="264" height="276" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="517.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="87" y="87" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="143.500000" y="153.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="460" y="87" width="114" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="517.000000" y="153.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; c.d)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 202.000000 150.000000 L 456.000000 150.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </style><g id="a"><g class="shape" ><rect x="13" y="12" width="263" height="276" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="144.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="12" y="398" width="264" height="276" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="144.000000" y="431.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="88" y="87" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="144.500000" y="153.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="87" y="473" width="114" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="144.000000" y="539.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; c.d)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 144.000000 215.000000 L 144.000000 469.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 325 KiB

After

Width:  |  Height:  |  Size: 325 KiB

12
e2etests/testdata/sanity/connection_label/elk/board.exp.json generated vendored
View file

@ -43,8 +43,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 358, "x": 12,
"y": 12 "y": 359
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -105,12 +105,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 68.5,
"y": 75 "y": 138
}, },
{ {
"x": 358, "x": 68.5,
"y": 75 "y": 359
} }
], ],
"animated": false, "animated": false,

10
e2etests/testdata/sanity/connection_label/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="659" height="326" viewBox="-88 -88 659 326"><style type="text/css"> width="313" height="673" viewBox="-88 -88 313 673"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,10 +14,10 @@ width="659" height="326" viewBox="-88 -88 659 326"><style type="text/css">
} }
]]> ]]>
</style><g id="a"><g class="shape" ><rect x="12" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="358" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="414.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><mask id="mask-1985426896" maskUnits="userSpaceOnUse" x="113.000000" y="61.000000" width="257.000000" height="28.000000"> </style><g id="a"><g class="shape" ><rect x="12" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="12" y="359" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="425.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><mask id="mask-1985426896" maskUnits="userSpaceOnUse" x="52.000000" y="124.000000" width="33.000000" height="249.000000">
<rect x="113.000000" y="61.000000" width="257.000000" height="28.000000" fill="white"></rect> <rect x="52.000000" y="124.000000" width="33.000000" height="249.000000" fill="white"></rect>
<rect x="225.000000" y="65.000000" width="33" height="21" fill="black"></rect> <rect x="52.000000" y="238.000000" width="33" height="21" fill="black"></rect>
</mask><path d="M 127.000000 75.000000 L 354.000000 75.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#mask-1985426896)" /><text class="text-italic" x="241.500000" y="81.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">hello</text></g><style type="text/css"><![CDATA[ </mask><path d="M 68.500000 140.000000 L 68.500000 355.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#mask-1985426896)" /><text class="text-italic" x="68.500000" y="254.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">hello</text></g><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 468 KiB

After

Width:  |  Height:  |  Size: 468 KiB

154
e2etests/testdata/stable/all_shapes/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "rectangle", "id": "rectangle",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 45, "x": 769,
"y": 610 "y": 12
}, },
"width": 171, "width": 171,
"height": 126, "height": 126,
@ -43,8 +43,8 @@
"id": "square", "id": "square",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 335, "x": 778,
"y": 596 "y": 238
}, },
"width": 154, "width": 154,
"height": 154, "height": 154,
@ -81,8 +81,8 @@
"id": "page", "id": "page",
"type": "page", "type": "page",
"pos": { "pos": {
"x": 607, "x": 785,
"y": 610 "y": 492
}, },
"width": 139, "width": 139,
"height": 126, "height": 126,
@ -119,8 +119,8 @@
"id": "parallelogram", "id": "parallelogram",
"type": "parallelogram", "type": "parallelogram",
"pos": { "pos": {
"x": 12, "x": 960,
"y": 770 "y": 12
}, },
"width": 204, "width": 204,
"height": 126, "height": 126,
@ -157,8 +157,8 @@
"id": "document", "id": "document",
"type": "document", "type": "document",
"pos": { "pos": {
"x": 323, "x": 974,
"y": 770 "y": 252
}, },
"width": 177, "width": 177,
"height": 126, "height": 126,
@ -195,8 +195,8 @@
"id": "cylinder", "id": "cylinder",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 607, "x": 980,
"y": 770 "y": 492
}, },
"width": 164, "width": 164,
"height": 126, "height": 126,
@ -233,7 +233,7 @@
"id": "queue", "id": "queue",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 67, "x": 19,
"y": 12 "y": 12
}, },
"width": 149, "width": 149,
@ -271,8 +271,8 @@
"id": "package", "id": "package",
"type": "package", "type": "package",
"pos": { "pos": {
"x": 330, "x": 12,
"y": 12 "y": 252
}, },
"width": 163, "width": 163,
"height": 126, "height": 126,
@ -309,8 +309,8 @@
"id": "step", "id": "step",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 607, "x": 26,
"y": 12 "y": 492
}, },
"width": 136, "width": 136,
"height": 126, "height": 126,
@ -347,8 +347,8 @@
"id": "callout", "id": "callout",
"type": "callout", "type": "callout",
"pos": { "pos": {
"x": 61, "x": 213,
"y": 158 "y": 12
}, },
"width": 155, "width": 155,
"height": 126, "height": 126,
@ -385,8 +385,8 @@
"id": "stored_data", "id": "stored_data",
"type": "stored_data", "type": "stored_data",
"pos": { "pos": {
"x": 316, "x": 195,
"y": 158 "y": 252
}, },
"width": 191, "width": 191,
"height": 126, "height": 126,
@ -423,8 +423,8 @@
"id": "person", "id": "person",
"type": "person", "type": "person",
"pos": { "pos": {
"x": 607, "x": 214,
"y": 158 "y": 492
}, },
"width": 153, "width": 153,
"height": 126, "height": 126,
@ -461,8 +461,8 @@
"id": "diamond", "id": "diamond",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 48, "x": 581,
"y": 450 "y": 12
}, },
"width": 168, "width": 168,
"height": 126, "height": 126,
@ -499,8 +499,8 @@
"id": "oval", "id": "oval",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 344, "x": 597,
"y": 450 "y": 252
}, },
"width": 136, "width": 136,
"height": 126, "height": 126,
@ -537,8 +537,8 @@
"id": "circle", "id": "circle",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 607, "x": 593,
"y": 441 "y": 492
}, },
"width": 144, "width": 144,
"height": 144, "height": 144,
@ -575,8 +575,8 @@
"id": "hexagon", "id": "hexagon",
"type": "hexagon", "type": "hexagon",
"pos": { "pos": {
"x": 51, "x": 396,
"y": 304 "y": 12
}, },
"width": 165, "width": 165,
"height": 126, "height": 126,
@ -613,8 +613,8 @@
"id": "cloud", "id": "cloud",
"type": "cloud", "type": "cloud",
"pos": { "pos": {
"x": 316, "x": 406,
"y": 304 "y": 238
}, },
"width": 145, "width": 145,
"height": 126, "height": 126,
@ -675,12 +675,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 216, "x": 854.5,
"y": 673 "y": 138
}, },
{ {
"x": 334.5, "x": 854.5,
"y": 673 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -713,12 +713,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 488.5, "x": 854.5,
"y": 673 "y": 392
}, },
{ {
"x": 607, "x": 854.5,
"y": 673 "y": 492
} }
], ],
"animated": false, "animated": false,
@ -751,12 +751,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 216, "x": 1062,
"y": 833 "y": 138
}, },
{ {
"x": 323, "x": 1062,
"y": 833 "y": 252
} }
], ],
"animated": false, "animated": false,
@ -789,12 +789,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 500, "x": 1062,
"y": 833 "y": 378
}, },
{ {
"x": 607, "x": 1062,
"y": 833 "y": 492
} }
], ],
"animated": false, "animated": false,
@ -827,12 +827,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 216, "x": 93.5,
"y": 75 "y": 138
}, },
{ {
"x": 330, "x": 93.5,
"y": 75 "y": 252
} }
], ],
"animated": false, "animated": false,
@ -865,12 +865,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 493, "x": 93.5,
"y": 75 "y": 378
}, },
{ {
"x": 607, "x": 93.5,
"y": 75 "y": 492
} }
], ],
"animated": false, "animated": false,
@ -903,12 +903,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 216, "x": 290.5,
"y": 221 "y": 138
}, },
{ {
"x": 316, "x": 290.5,
"y": 221 "y": 252
} }
], ],
"animated": false, "animated": false,
@ -941,12 +941,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 507, "x": 290.5,
"y": 221 "y": 378
}, },
{ {
"x": 607, "x": 290.5,
"y": 221 "y": 492
} }
], ],
"animated": false, "animated": false,
@ -979,12 +979,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 216, "x": 665,
"y": 513 "y": 138
}, },
{ {
"x": 343.5, "x": 665,
"y": 513 "y": 252
} }
], ],
"animated": false, "animated": false,
@ -1017,12 +1017,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 479.5, "x": 665,
"y": 513 "y": 378
}, },
{ {
"x": 607, "x": 665,
"y": 513 "y": 492
} }
], ],
"animated": false, "animated": false,
@ -1055,12 +1055,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 216, "x": 478.5,
"y": 367 "y": 138
}, },
{ {
"x": 316, "x": 478.5,
"y": 367 "y": 238
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/stable/all_shapes/elk/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 333 KiB

After

Width:  |  Height:  |  Size: 333 KiB

154
e2etests/testdata/stable/all_shapes_multiple/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "rectangle", "id": "rectangle",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 45, "x": 769,
"y": 610 "y": 12
}, },
"width": 171, "width": 171,
"height": 126, "height": 126,
@ -43,8 +43,8 @@
"id": "square", "id": "square",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 335, "x": 778,
"y": 596 "y": 238
}, },
"width": 154, "width": 154,
"height": 154, "height": 154,
@ -81,8 +81,8 @@
"id": "page", "id": "page",
"type": "page", "type": "page",
"pos": { "pos": {
"x": 607, "x": 785,
"y": 610 "y": 492
}, },
"width": 139, "width": 139,
"height": 126, "height": 126,
@ -119,8 +119,8 @@
"id": "parallelogram", "id": "parallelogram",
"type": "parallelogram", "type": "parallelogram",
"pos": { "pos": {
"x": 12, "x": 960,
"y": 770 "y": 12
}, },
"width": 204, "width": 204,
"height": 126, "height": 126,
@ -157,8 +157,8 @@
"id": "document", "id": "document",
"type": "document", "type": "document",
"pos": { "pos": {
"x": 323, "x": 974,
"y": 770 "y": 252
}, },
"width": 177, "width": 177,
"height": 126, "height": 126,
@ -195,8 +195,8 @@
"id": "cylinder", "id": "cylinder",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 607, "x": 980,
"y": 770 "y": 492
}, },
"width": 164, "width": 164,
"height": 126, "height": 126,
@ -233,7 +233,7 @@
"id": "queue", "id": "queue",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 67, "x": 19,
"y": 12 "y": 12
}, },
"width": 149, "width": 149,
@ -271,8 +271,8 @@
"id": "package", "id": "package",
"type": "package", "type": "package",
"pos": { "pos": {
"x": 330, "x": 12,
"y": 12 "y": 252
}, },
"width": 163, "width": 163,
"height": 126, "height": 126,
@ -309,8 +309,8 @@
"id": "step", "id": "step",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 607, "x": 26,
"y": 12 "y": 492
}, },
"width": 136, "width": 136,
"height": 126, "height": 126,
@ -347,8 +347,8 @@
"id": "callout", "id": "callout",
"type": "callout", "type": "callout",
"pos": { "pos": {
"x": 61, "x": 213,
"y": 158 "y": 12
}, },
"width": 155, "width": 155,
"height": 126, "height": 126,
@ -385,8 +385,8 @@
"id": "stored_data", "id": "stored_data",
"type": "stored_data", "type": "stored_data",
"pos": { "pos": {
"x": 316, "x": 195,
"y": 158 "y": 252
}, },
"width": 191, "width": 191,
"height": 126, "height": 126,
@ -423,8 +423,8 @@
"id": "person", "id": "person",
"type": "person", "type": "person",
"pos": { "pos": {
"x": 607, "x": 214,
"y": 158 "y": 492
}, },
"width": 153, "width": 153,
"height": 126, "height": 126,
@ -461,8 +461,8 @@
"id": "diamond", "id": "diamond",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 48, "x": 581,
"y": 450 "y": 12
}, },
"width": 168, "width": 168,
"height": 126, "height": 126,
@ -499,8 +499,8 @@
"id": "oval", "id": "oval",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 344, "x": 597,
"y": 450 "y": 252
}, },
"width": 136, "width": 136,
"height": 126, "height": 126,
@ -537,8 +537,8 @@
"id": "circle", "id": "circle",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 607, "x": 593,
"y": 441 "y": 492
}, },
"width": 144, "width": 144,
"height": 144, "height": 144,
@ -575,8 +575,8 @@
"id": "hexagon", "id": "hexagon",
"type": "hexagon", "type": "hexagon",
"pos": { "pos": {
"x": 51, "x": 396,
"y": 304 "y": 12
}, },
"width": 165, "width": 165,
"height": 126, "height": 126,
@ -613,8 +613,8 @@
"id": "cloud", "id": "cloud",
"type": "cloud", "type": "cloud",
"pos": { "pos": {
"x": 316, "x": 406,
"y": 304 "y": 238
}, },
"width": 145, "width": 145,
"height": 126, "height": 126,
@ -675,12 +675,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 216, "x": 854.5,
"y": 673 "y": 138
}, },
{ {
"x": 334.5, "x": 854.5,
"y": 673 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -713,12 +713,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 488.5, "x": 854.5,
"y": 673 "y": 392
}, },
{ {
"x": 607, "x": 854.5,
"y": 673 "y": 492
} }
], ],
"animated": false, "animated": false,
@ -751,12 +751,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 216, "x": 1062,
"y": 833 "y": 138
}, },
{ {
"x": 323, "x": 1062,
"y": 833 "y": 252
} }
], ],
"animated": false, "animated": false,
@ -789,12 +789,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 500, "x": 1062,
"y": 833 "y": 378
}, },
{ {
"x": 607, "x": 1062,
"y": 833 "y": 492
} }
], ],
"animated": false, "animated": false,
@ -827,12 +827,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 216, "x": 93.5,
"y": 75 "y": 138
}, },
{ {
"x": 330, "x": 93.5,
"y": 75 "y": 252
} }
], ],
"animated": false, "animated": false,
@ -865,12 +865,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 493, "x": 93.5,
"y": 75 "y": 378
}, },
{ {
"x": 607, "x": 93.5,
"y": 75 "y": 492
} }
], ],
"animated": false, "animated": false,
@ -903,12 +903,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 216, "x": 290.5,
"y": 221 "y": 138
}, },
{ {
"x": 316, "x": 290.5,
"y": 221 "y": 252
} }
], ],
"animated": false, "animated": false,
@ -941,12 +941,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 507, "x": 290.5,
"y": 221 "y": 378
}, },
{ {
"x": 607, "x": 290.5,
"y": 221 "y": 492
} }
], ],
"animated": false, "animated": false,
@ -979,12 +979,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 216, "x": 665,
"y": 513 "y": 138
}, },
{ {
"x": 343.5, "x": 665,
"y": 513 "y": 252
} }
], ],
"animated": false, "animated": false,
@ -1017,12 +1017,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 479.5, "x": 665,
"y": 513 "y": 378
}, },
{ {
"x": 607, "x": 665,
"y": 513 "y": 492
} }
], ],
"animated": false, "animated": false,
@ -1055,12 +1055,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 216, "x": 478.5,
"y": 367 "y": 138
}, },
{ {
"x": 316, "x": 478.5,
"y": 367 "y": 238
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/stable/all_shapes_multiple/elk/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 338 KiB

After

Width:  |  Height:  |  Size: 338 KiB

154
e2etests/testdata/stable/all_shapes_shadow/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "rectangle", "id": "rectangle",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 45, "x": 769,
"y": 610 "y": 12
}, },
"width": 171, "width": 171,
"height": 126, "height": 126,
@ -43,8 +43,8 @@
"id": "square", "id": "square",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 335, "x": 778,
"y": 596 "y": 238
}, },
"width": 154, "width": 154,
"height": 154, "height": 154,
@ -81,8 +81,8 @@
"id": "page", "id": "page",
"type": "page", "type": "page",
"pos": { "pos": {
"x": 607, "x": 785,
"y": 610 "y": 492
}, },
"width": 139, "width": 139,
"height": 126, "height": 126,
@ -119,8 +119,8 @@
"id": "parallelogram", "id": "parallelogram",
"type": "parallelogram", "type": "parallelogram",
"pos": { "pos": {
"x": 12, "x": 960,
"y": 770 "y": 12
}, },
"width": 204, "width": 204,
"height": 126, "height": 126,
@ -157,8 +157,8 @@
"id": "document", "id": "document",
"type": "document", "type": "document",
"pos": { "pos": {
"x": 323, "x": 974,
"y": 770 "y": 252
}, },
"width": 177, "width": 177,
"height": 126, "height": 126,
@ -195,8 +195,8 @@
"id": "cylinder", "id": "cylinder",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 607, "x": 980,
"y": 770 "y": 492
}, },
"width": 164, "width": 164,
"height": 126, "height": 126,
@ -233,7 +233,7 @@
"id": "queue", "id": "queue",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 67, "x": 19,
"y": 12 "y": 12
}, },
"width": 149, "width": 149,
@ -271,8 +271,8 @@
"id": "package", "id": "package",
"type": "package", "type": "package",
"pos": { "pos": {
"x": 330, "x": 12,
"y": 12 "y": 252
}, },
"width": 163, "width": 163,
"height": 126, "height": 126,
@ -309,8 +309,8 @@
"id": "step", "id": "step",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 607, "x": 26,
"y": 12 "y": 492
}, },
"width": 136, "width": 136,
"height": 126, "height": 126,
@ -347,8 +347,8 @@
"id": "callout", "id": "callout",
"type": "callout", "type": "callout",
"pos": { "pos": {
"x": 61, "x": 213,
"y": 158 "y": 12
}, },
"width": 155, "width": 155,
"height": 126, "height": 126,
@ -385,8 +385,8 @@
"id": "stored_data", "id": "stored_data",
"type": "stored_data", "type": "stored_data",
"pos": { "pos": {
"x": 316, "x": 195,
"y": 158 "y": 252
}, },
"width": 191, "width": 191,
"height": 126, "height": 126,
@ -423,8 +423,8 @@
"id": "person", "id": "person",
"type": "person", "type": "person",
"pos": { "pos": {
"x": 607, "x": 214,
"y": 158 "y": 492
}, },
"width": 153, "width": 153,
"height": 126, "height": 126,
@ -461,8 +461,8 @@
"id": "diamond", "id": "diamond",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 48, "x": 581,
"y": 450 "y": 12
}, },
"width": 168, "width": 168,
"height": 126, "height": 126,
@ -499,8 +499,8 @@
"id": "oval", "id": "oval",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 344, "x": 597,
"y": 450 "y": 252
}, },
"width": 136, "width": 136,
"height": 126, "height": 126,
@ -537,8 +537,8 @@
"id": "circle", "id": "circle",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 607, "x": 593,
"y": 441 "y": 492
}, },
"width": 144, "width": 144,
"height": 144, "height": 144,
@ -575,8 +575,8 @@
"id": "hexagon", "id": "hexagon",
"type": "hexagon", "type": "hexagon",
"pos": { "pos": {
"x": 51, "x": 396,
"y": 304 "y": 12
}, },
"width": 165, "width": 165,
"height": 126, "height": 126,
@ -613,8 +613,8 @@
"id": "cloud", "id": "cloud",
"type": "cloud", "type": "cloud",
"pos": { "pos": {
"x": 316, "x": 406,
"y": 304 "y": 238
}, },
"width": 145, "width": 145,
"height": 126, "height": 126,
@ -675,12 +675,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 216, "x": 854.5,
"y": 673 "y": 138
}, },
{ {
"x": 334.5, "x": 854.5,
"y": 673 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -713,12 +713,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 488.5, "x": 854.5,
"y": 673 "y": 392
}, },
{ {
"x": 607, "x": 854.5,
"y": 673 "y": 492
} }
], ],
"animated": false, "animated": false,
@ -751,12 +751,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 216, "x": 1062,
"y": 833 "y": 138
}, },
{ {
"x": 323, "x": 1062,
"y": 833 "y": 252
} }
], ],
"animated": false, "animated": false,
@ -789,12 +789,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 500, "x": 1062,
"y": 833 "y": 378
}, },
{ {
"x": 607, "x": 1062,
"y": 833 "y": 492
} }
], ],
"animated": false, "animated": false,
@ -827,12 +827,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 216, "x": 93.5,
"y": 75 "y": 138
}, },
{ {
"x": 330, "x": 93.5,
"y": 75 "y": 252
} }
], ],
"animated": false, "animated": false,
@ -865,12 +865,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 493, "x": 93.5,
"y": 75 "y": 378
}, },
{ {
"x": 607, "x": 93.5,
"y": 75 "y": 492
} }
], ],
"animated": false, "animated": false,
@ -903,12 +903,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 216, "x": 290.5,
"y": 221 "y": 138
}, },
{ {
"x": 316, "x": 290.5,
"y": 221 "y": 252
} }
], ],
"animated": false, "animated": false,
@ -941,12 +941,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 507, "x": 290.5,
"y": 221 "y": 378
}, },
{ {
"x": 607, "x": 290.5,
"y": 221 "y": 492
} }
], ],
"animated": false, "animated": false,
@ -979,12 +979,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 216, "x": 665,
"y": 513 "y": 138
}, },
{ {
"x": 343.5, "x": 665,
"y": 513 "y": 252
} }
], ],
"animated": false, "animated": false,
@ -1017,12 +1017,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 479.5, "x": 665,
"y": 513 "y": 378
}, },
{ {
"x": 607, "x": 665,
"y": 513 "y": 492
} }
], ],
"animated": false, "animated": false,
@ -1055,12 +1055,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 216, "x": 478.5,
"y": 367 "y": 138
}, },
{ {
"x": 316, "x": 478.5,
"y": 367 "y": 238
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/stable/all_shapes_shadow/elk/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 334 KiB

After

Width:  |  Height:  |  Size: 334 KiB

88
e2etests/testdata/stable/arrowhead_adjustment/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "c", "id": "c",
"type": "document", "type": "document",
"pos": { "pos": {
"x": 12, "x": 21,
"y": 23 "y": 12
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -43,8 +43,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 448, "x": 12,
"y": 12 "y": 474
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -81,8 +81,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 235, "x": 103,
"y": 107 "y": 248
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -119,8 +119,8 @@
"id": "Oval", "id": "Oval",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 448, "x": 145,
"y": 158 "y": 474
}, },
"width": 100, "width": 100,
"height": 100, "height": 100,
@ -180,20 +180,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 348, "x": 140.66666666666666,
"y": 149.33333333333331 "y": 374
}, },
{ {
"x": 398, "x": 140.66666666666666,
"y": 149.33333333333331 "y": 424
}, },
{ {
"x": 398, "x": 87.33333333333334,
"y": 96 "y": 424
}, },
{ {
"x": 448, "x": 87.33333333333334,
"y": 96 "y": 474
} }
], ],
"animated": false, "animated": false,
@ -226,12 +226,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 49.66666666666667,
"y": 54 "y": 138
}, },
{ {
"x": 448, "x": 49.66666666666667,
"y": 54 "y": 474
} }
], ],
"animated": false, "animated": false,
@ -264,12 +264,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 348, "x": 178.33333333333331,
"y": 191.33333333333331 "y": 374
}, },
{ {
"x": 448, "x": 178.33333333333331,
"y": 191.33333333333331 "y": 474
} }
], ],
"animated": false, "animated": false,
@ -302,20 +302,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 77.91666666666667,
"y": 85.5 "y": 138
}, },
{ {
"x": 185, "x": 77.91666666666667,
"y": 85.5 "y": 198
}, },
{ {
"x": 185, "x": 159.5,
"y": 170.33333333333331 "y": 198
}, },
{ {
"x": 235, "x": 159.5,
"y": 170.33333333333331 "y": 248
} }
], ],
"animated": false, "animated": false,
@ -348,28 +348,28 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 448, "x": 211.66666666666666,
"y": 224.66666666666666 "y": 474
}, },
{ {
"x": 398, "x": 211.66666666666666,
"y": 224.66666666666666 "y": 424
}, },
{ {
"x": 398, "x": 226,
"y": 243.33333333333331 "y": 424
}, },
{ {
"x": 175, "x": 226,
"y": 243.33333333333331 "y": 188
}, },
{ {
"x": 175, "x": 106.16666666666667,
"y": 117 "y": 188
}, },
{ {
"x": 125, "x": 106.16666666666667,
"y": 117 "y": 138
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/stable/arrowhead_adjustment/elk/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 471 KiB

After

Width:  |  Height:  |  Size: 471 KiB

14
e2etests/testdata/stable/arrowhead_labels/elk/board.exp.json generated vendored
View file

@ -5,7 +5,7 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 159,
"y": 12 "y": 12
}, },
"width": 113, "width": 113,
@ -43,8 +43,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 526, "x": 159,
"y": 12 "y": 359
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -105,12 +105,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 215,
"y": 75 "y": 138
}, },
{ {
"x": 526, "x": 215,
"y": 75 "y": 359
} }
], ],
"animated": false, "animated": false,

10
e2etests/testdata/stable/arrowhead_labels/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="827" height="326" viewBox="-88 -88 827 326"><style type="text/css"> width="401" height="673" viewBox="14 -88 401 673"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,10 +14,10 @@ width="827" height="326" viewBox="-88 -88 827 326"><style type="text/css">
} }
]]> ]]>
</style><g id="a"><g class="shape" ><rect x="12" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="526" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="582.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-1247258845" markerWidth="24.200000" markerHeight="18.000000" refX="20.800000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="#0D32B2" stroke-width="2" points="0.000000,9.000000 11.000000,2.250000 22.000000,9.000000 11.000000,16.200000" /> </marker><mask id="mask-1985426896" maskUnits="userSpaceOnUse" x="101.000000" y="55.000000" width="449.000000" height="40.000000"> </style><g id="a"><g class="shape" ><rect x="159" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="215.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="159" y="359" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="215.500000" y="425.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-1247258845" markerWidth="24.200000" markerHeight="18.000000" refX="20.800000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="#0D32B2" stroke-width="2" points="0.000000,9.000000 11.000000,2.250000 22.000000,9.000000 11.000000,16.200000" /> </marker><mask id="mask-1985426896" maskUnits="userSpaceOnUse" x="115.000000" y="118.000000" width="201.000000" height="261.000000">
<rect x="101.000000" y="55.000000" width="449.000000" height="40.000000" fill="white"></rect> <rect x="115.000000" y="118.000000" width="201.000000" height="261.000000" fill="white"></rect>
<rect x="225.000000" y="65.000000" width="201" height="21" fill="black"></rect> <rect x="115.000000" y="238.000000" width="201" height="21" fill="black"></rect>
</mask><path d="M 127.000000 75.000000 L 522.000000 75.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-1247258845)" mask="url(#mask-1985426896)" /><text class="text-italic" x="325.500000" y="81.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">To err is human, to moo bovine</text><text class="text-italic" x="141.000000" y="69.000000" style="text-anchor:middle;font-size:16px;fill:black">1</text><text class="text-italic" x="510.000000" y="69.000000" style="text-anchor:middle;font-size:16px;fill:black">*</text></g><style type="text/css"><![CDATA[ </mask><path d="M 215.000000 140.000000 L 215.000000 355.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-1247258845)" mask="url(#mask-1985426896)" /><text class="text-italic" x="215.500000" y="254.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">To err is human, to moo bovine</text><text class="text-italic" x="229.000000" y="162.000000" style="text-anchor:middle;font-size:16px;fill:black">1</text><text class="text-italic" x="229.000000" y="351.000000" style="text-anchor:middle;font-size:16px;fill:black">*</text></g><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 468 KiB

After

Width:  |  Height:  |  Size: 468 KiB

228
e2etests/testdata/stable/binary_tree/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 67,
"y": 75 "y": 12
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -43,8 +43,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 225, "x": 48,
"y": 54 "y": 238
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -81,8 +81,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 225, "x": 575,
"y": 638 "y": 238
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -119,8 +119,8 @@
"id": "d", "id": "d",
"type": "", "type": "",
"pos": { "pos": {
"x": 438, "x": 294,
"y": 325 "y": 464
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -157,8 +157,8 @@
"id": "e", "id": "e",
"type": "", "type": "",
"pos": { "pos": {
"x": 439, "x": 29,
"y": 33 "y": 464
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -195,8 +195,8 @@
"id": "f", "id": "f",
"type": "", "type": "",
"pos": { "pos": {
"x": 440, "x": 822,
"y": 909 "y": 464
}, },
"width": 111, "width": 111,
"height": 126, "height": 126,
@ -233,8 +233,8 @@
"id": "g", "id": "g",
"type": "", "type": "",
"pos": { "pos": {
"x": 438, "x": 556,
"y": 617 "y": 464
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -271,8 +271,8 @@
"id": "h", "id": "h",
"type": "", "type": "",
"pos": { "pos": {
"x": 652, "x": 275,
"y": 304 "y": 690
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -309,8 +309,8 @@
"id": "i", "id": "i",
"type": "", "type": "",
"pos": { "pos": {
"x": 652, "x": 408,
"y": 450 "y": 690
}, },
"width": 109, "width": 109,
"height": 126, "height": 126,
@ -347,8 +347,8 @@
"id": "j", "id": "j",
"type": "", "type": "",
"pos": { "pos": {
"x": 652, "x": 12,
"y": 12 "y": 690
}, },
"width": 110, "width": 110,
"height": 126, "height": 126,
@ -385,8 +385,8 @@
"id": "k", "id": "k",
"type": "", "type": "",
"pos": { "pos": {
"x": 652, "x": 142,
"y": 158 "y": 690
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -423,8 +423,8 @@
"id": "l", "id": "l",
"type": "", "type": "",
"pos": { "pos": {
"x": 652, "x": 804,
"y": 888 "y": 690
}, },
"width": 109, "width": 109,
"height": 126, "height": 126,
@ -461,8 +461,8 @@
"id": "m", "id": "m",
"type": "", "type": "",
"pos": { "pos": {
"x": 652, "x": 933,
"y": 1034 "y": 690
}, },
"width": 117, "width": 117,
"height": 126, "height": 126,
@ -499,8 +499,8 @@
"id": "n", "id": "n",
"type": "", "type": "",
"pos": { "pos": {
"x": 652, "x": 671,
"y": 742 "y": 690
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -537,8 +537,8 @@
"id": "o", "id": "o",
"type": "", "type": "",
"pos": { "pos": {
"x": 652, "x": 537,
"y": 596 "y": 690
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -599,12 +599,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 104.66666666666666,
"y": 117 "y": 138
}, },
{ {
"x": 225, "x": 104.66666666666666,
"y": 117 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -637,20 +637,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 142.33333333333331,
"y": 159 "y": 138
}, },
{ {
"x": 175, "x": 142.33333333333331,
"y": 159 "y": 188
}, },
{ {
"x": 175, "x": 631.8333333333334,
"y": 701 "y": 188
}, },
{ {
"x": 225, "x": 631.8333333333334,
"y": 701 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -683,20 +683,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 338, "x": 123.5,
"y": 138 "y": 364
}, },
{ {
"x": 388, "x": 123.5,
"y": 138 "y": 414
}, },
{ {
"x": 388, "x": 350.5,
"y": 388 "y": 414
}, },
{ {
"x": 438, "x": 350.5,
"y": 388 "y": 464
} }
], ],
"animated": false, "animated": false,
@ -729,12 +729,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 338, "x": 85.83333333333333,
"y": 96 "y": 364
}, },
{ {
"x": 438.6666666666667, "x": 85.83333333333333,
"y": 96 "y": 464
} }
], ],
"animated": false, "animated": false,
@ -767,20 +767,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 338, "x": 650.6666666666667,
"y": 722 "y": 364
}, },
{ {
"x": 388, "x": 650.6666666666667,
"y": 722 "y": 414
}, },
{ {
"x": 388, "x": 877,
"y": 972 "y": 414
}, },
{ {
"x": 440, "x": 877,
"y": 972 "y": 464
} }
], ],
"animated": false, "animated": false,
@ -813,12 +813,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 338, "x": 613,
"y": 680 "y": 364
}, },
{ {
"x": 438, "x": 613,
"y": 680 "y": 464
} }
], ],
"animated": false, "animated": false,
@ -851,12 +851,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 552, "x": 331.5,
"y": 367 "y": 590
}, },
{ {
"x": 652, "x": 331.5,
"y": 367 "y": 690
} }
], ],
"animated": false, "animated": false,
@ -889,20 +889,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 552, "x": 369.5,
"y": 409 "y": 590
}, },
{ {
"x": 602, "x": 369.5,
"y": 409 "y": 640
}, },
{ {
"x": 602, "x": 462.5,
"y": 513 "y": 640
}, },
{ {
"x": 652, "x": 462.5,
"y": 513 "y": 690
} }
], ],
"animated": false, "animated": false,
@ -935,12 +935,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 551.6666666666667, "x": 67,
"y": 75 "y": 590
}, },
{ {
"x": 652, "x": 67,
"y": 75 "y": 690
} }
], ],
"animated": false, "animated": false,
@ -973,20 +973,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 551.6666666666667, "x": 104.66666666666667,
"y": 117 "y": 590
}, },
{ {
"x": 602, "x": 104.66666666666667,
"y": 117 "y": 640
}, },
{ {
"x": 602, "x": 198.5,
"y": 221 "y": 640
}, },
{ {
"x": 652, "x": 198.5,
"y": 221 "y": 690
} }
], ],
"animated": false, "animated": false,
@ -1019,12 +1019,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 551, "x": 858.5,
"y": 951 "y": 590
}, },
{ {
"x": 652, "x": 858.5,
"y": 951 "y": 690
} }
], ],
"animated": false, "animated": false,
@ -1057,20 +1057,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 551, "x": 895.5,
"y": 993 "y": 590
}, },
{ {
"x": 602, "x": 895.5,
"y": 993 "y": 640
}, },
{ {
"x": 602, "x": 991.5,
"y": 1097 "y": 640
}, },
{ {
"x": 652, "x": 991.5,
"y": 1097 "y": 690
} }
], ],
"animated": false, "animated": false,
@ -1103,20 +1103,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 552, "x": 632,
"y": 701 "y": 590
}, },
{ {
"x": 602, "x": 632,
"y": 701 "y": 640
}, },
{ {
"x": 602, "x": 727.5,
"y": 805 "y": 640
}, },
{ {
"x": 652, "x": 727.5,
"y": 805 "y": 690
} }
], ],
"animated": false, "animated": false,
@ -1149,12 +1149,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 552, "x": 594,
"y": 659 "y": 590
}, },
{ {
"x": 652, "x": 594,
"y": 659 "y": 690
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/stable/binary_tree/elk/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 331 KiB

After

Width:  |  Height:  |  Size: 331 KiB

40
e2etests/testdata/stable/chaos1/elk/board.exp.json generated vendored
View file

@ -5,11 +5,11 @@
"id": "aaa", "id": "aaa",
"type": "", "type": "",
"pos": { "pos": {
"x": 375, "x": 12,
"y": 12 "y": 364
}, },
"width": 325, "width": 430,
"height": 422, "height": 317,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -43,8 +43,8 @@
"id": "aaa.bbb", "id": "aaa.bbb",
"type": "callout", "type": "callout",
"pos": { "pos": {
"x": 450, "x": 87,
"y": 87 "y": 439
}, },
"width": 132, "width": 132,
"height": 126, "height": 126,
@ -81,8 +81,8 @@
"id": "ddd", "id": "ddd",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 12, "x": 85,
"y": 87 "y": 12
}, },
"width": 133, "width": 133,
"height": 126, "height": 126,
@ -119,8 +119,8 @@
"id": "eee", "id": "eee",
"type": "document", "type": "document",
"pos": { "pos": {
"x": 15, "x": 238,
"y": 233 "y": 12
}, },
"width": 130, "width": 130,
"height": 126, "height": 126,
@ -157,8 +157,8 @@
"id": "aaa.ccc", "id": "aaa.ccc",
"type": "", "type": "",
"pos": { "pos": {
"x": 452, "x": 239,
"y": 233 "y": 439
}, },
"width": 128, "width": 128,
"height": 126, "height": 126,
@ -219,12 +219,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 580, "x": 303,
"y": 296 "y": 565
}, },
{ {
"x": 700, "x": 303,
"y": 296 "y": 681
} }
], ],
"animated": false, "animated": false,
@ -257,12 +257,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 145, "x": 303,
"y": 296 "y": 138
}, },
{ {
"x": 452, "x": 303,
"y": 296 "y": 439
} }
], ],
"animated": false, "animated": false,

16
e2etests/testdata/stable/chaos1/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="888" height="622" viewBox="-88 -88 888 622"><style type="text/css"> width="630" height="869" viewBox="-88 -88 630 869"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,13 +14,13 @@ width="888" height="622" viewBox="-88 -88 888 622"><style type="text/css">
} }
]]> ]]>
</style><g id="aaa"><g class="shape" ><rect x="375" y="12" width="325" height="422" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="537.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">aaa</text></g><g id="ddd"><g class="shape" ><path d="M 12 111 C 12 87 71.85 87 78.5 87 C 85.15 87 145 87 145 111 V 189 C 145 213 85.15 213 78.5 213 C 71.85 213 12 213 12 189 V 111 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/><path d="M 12 111 C 12 135 71.85 135 78.5 135 C 85.15 135 145 135 145 111" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="78.500000" y="165.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ddd</text></g><g id="eee"><g class="shape" ><path d="M 15 341.5231 L 15 233 L 145 233 L 145 341.5231 C 123.3333 318.2206 101.6667 318.2206 80 341.5231 C 58.3333 364.8256 36.6667 364.8256 15 341.5231 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="80.000000" y="299.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">eee</text></g><g id="aaa.bbb"><g class="shape" ><path d="M 450 87 V 168 H 516 V 213 L 546 168 H 582 V 87 H 450 Z" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="516.000000" y="130.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">bbb</text></g><g id="aaa.ccc"><g class="shape" ><rect x="452" y="233" width="128" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="516.000000" y="299.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ccc</text></g><g id="(aaa.ccc -- aaa)[0]"><mask id="mask-3626742025" maskUnits="userSpaceOnUse" x="578.000000" y="286.000000" width="124.000000" height="21.000000"> </style><g id="aaa"><g class="shape" ><rect x="12" y="364" width="430" height="317" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="227.000000" y="397.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">aaa</text></g><g id="ddd"><g class="shape" ><path d="M 85 36 C 85 12 144.85 12 151.5 12 C 158.15 12 218 12 218 36 V 114 C 218 138 158.15 138 151.5 138 C 144.85 138 85 138 85 114 V 36 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/><path d="M 85 36 C 85 60 144.85 60 151.5 60 C 158.15 60 218 60 218 36" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="151.500000" y="90.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ddd</text></g><g id="eee"><g class="shape" ><path d="M 238 120.5231 L 238 12 L 368 12 L 368 120.5231 C 346.3333 97.2206 324.6667 97.2206 303 120.5231 C 281.3333 143.8256 259.6667 143.8256 238 120.5231 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="303.000000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">eee</text></g><g id="aaa.bbb"><g class="shape" ><path d="M 87 439 V 520 H 153 V 565 L 183 520 H 219 V 439 H 87 Z" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="153.000000" y="482.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">bbb</text></g><g id="aaa.ccc"><g class="shape" ><rect x="239" y="439" width="128" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="303.000000" y="505.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ccc</text></g><g id="(aaa.ccc -- aaa)[0]"><mask id="mask-3626742025" maskUnits="userSpaceOnUse" x="292.000000" y="563.000000" width="23.000000" height="120.000000">
<rect x="578.000000" y="286.000000" width="124.000000" height="21.000000" fill="white"></rect> <rect x="292.000000" y="563.000000" width="23.000000" height="120.000000" fill="white"></rect>
<rect x="629.000000" y="286.000000" width="23" height="21" fill="black"></rect> <rect x="292.000000" y="613.000000" width="23" height="21" fill="black"></rect>
</mask><path d="M 582.000000 296.000000 L 698.000000 296.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" mask="url(#mask-3626742025)" /><text class="text-italic" x="640.500000" y="302.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">111</text></g><g id="(eee &lt;- aaa.ccc)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><mask id="mask-2957989372" maskUnits="userSpaceOnUse" x="133.000000" y="282.000000" width="331.000000" height="28.000000"> </mask><path d="M 303.000000 567.000000 L 303.000000 679.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" mask="url(#mask-3626742025)" /><text class="text-italic" x="303.500000" y="629.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">111</text></g><g id="(eee &lt;- aaa.ccc)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><mask id="mask-2957989372" maskUnits="userSpaceOnUse" x="291.000000" y="124.000000" width="25.000000" height="329.000000">
<rect x="133.000000" y="282.000000" width="331.000000" height="28.000000" fill="white"></rect> <rect x="291.000000" y="124.000000" width="25.000000" height="329.000000" fill="white"></rect>
<rect x="286.000000" y="286.000000" width="25" height="21" fill="black"></rect> <rect x="291.000000" y="278.000000" width="25" height="21" fill="black"></rect>
</mask><path d="M 149.000000 296.000000 L 450.000000 296.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#mask-2957989372)" /><text class="text-italic" x="298.500000" y="302.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">222</text></g><style type="text/css"><![CDATA[ </mask><path d="M 303.000000 142.000000 L 303.000000 437.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#mask-2957989372)" /><text class="text-italic" x="303.500000" y="294.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">222</text></g><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 469 KiB

After

Width:  |  Height:  |  Size: 469 KiB

288
e2etests/testdata/stable/chaos2/elk/board.exp.json generated vendored
View file

@ -8,8 +8,8 @@
"x": 12, "x": 12,
"y": 12 "y": 12
}, },
"width": 1656, "width": 892,
"height": 897, "height": 1707,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -43,11 +43,11 @@
"id": "aa.bb", "id": "aa.bb",
"type": "", "type": "",
"pos": { "pos": {
"x": 434, "x": 144,
"y": 132 "y": 445
}, },
"width": 1134, "width": 685,
"height": 702, "height": 1174,
"level": 2, "level": 2,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -81,11 +81,11 @@
"id": "aa.bb.cc", "id": "aa.bb.cc",
"type": "", "type": "",
"pos": { "pos": {
"x": 819, "x": 290,
"y": 278 "y": 841
}, },
"width": 674, "width": 464,
"height": 481, "height": 703,
"level": 3, "level": 3,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -119,11 +119,11 @@
"id": "aa.bb.cc.dd", "id": "aa.bb.cc.dd",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 894, "x": 376,
"y": 364 "y": 916
}, },
"width": 267, "width": 303,
"height": 320, "height": 276,
"level": 4, "level": 4,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -157,8 +157,8 @@
"id": "aa.bb.cc.dd.ee", "id": "aa.bb.cc.dd.ee",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 1070, "x": 588,
"y": 585 "y": 1093
}, },
"width": 16, "width": 16,
"height": 24, "height": 24,
@ -194,8 +194,8 @@
"id": "aa.bb.cc.dd.ff", "id": "aa.bb.cc.dd.ff",
"type": "", "type": "",
"pos": { "pos": {
"x": 969, "x": 451,
"y": 439 "y": 991
}, },
"width": 117, "width": 117,
"height": 126, "height": 126,
@ -232,8 +232,8 @@
"id": "aa.bb.cc.gg", "id": "aa.bb.cc.gg",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 1221, "x": 585,
"y": 581 "y": 1258
}, },
"width": 17, "width": 17,
"height": 24, "height": 24,
@ -269,8 +269,8 @@
"id": "aa.bb.cc.hh", "id": "aa.bb.cc.hh",
"type": "", "type": "",
"pos": { "pos": {
"x": 1295, "x": 532,
"y": 530 "y": 1343
}, },
"width": 123, "width": 123,
"height": 126, "height": 126,
@ -307,8 +307,8 @@
"id": "aa.bb.ii", "id": "aa.bb.ii",
"type": "package", "type": "package",
"pos": { "pos": {
"x": 509, "x": 376,
"y": 364 "y": 520
}, },
"width": 265, "width": 265,
"height": 276, "height": 276,
@ -345,8 +345,8 @@
"id": "aa.bb.ii.jj", "id": "aa.bb.ii.jj",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 584, "x": 451,
"y": 439 "y": 595
}, },
"width": 115, "width": 115,
"height": 126, "height": 126,
@ -383,8 +383,8 @@
"id": "aa.bb.kk", "id": "aa.bb.kk",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 579, "x": 219,
"y": 207 "y": 595
}, },
"width": 126, "width": 126,
"height": 126, "height": 126,
@ -421,8 +421,8 @@
"id": "aa.ll", "id": "aa.ll",
"type": "", "type": "",
"pos": { "pos": {
"x": 238, "x": 357,
"y": 356 "y": 233
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -459,8 +459,8 @@
"id": "aa.mm", "id": "aa.mm",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 87, "x": 462,
"y": 471 "y": 87
}, },
"width": 131, "width": 131,
"height": 126, "height": 126,
@ -497,8 +497,8 @@
"id": "aa.nn", "id": "aa.nn",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 144, "x": 424,
"y": 427 "y": 138
}, },
"width": 18, "width": 18,
"height": 24, "height": 24,
@ -534,8 +534,8 @@
"id": "aa.oo", "id": "aa.oo",
"type": "", "type": "",
"pos": { "pos": {
"x": 91, "x": 613,
"y": 617 "y": 87
}, },
"width": 123, "width": 123,
"height": 126, "height": 126,
@ -596,12 +596,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1086, "x": 596,
"y": 597 "y": 1117
}, },
{ {
"x": 1221, "x": 596,
"y": 597 "y": 1258
} }
], ],
"animated": false, "animated": false,
@ -634,12 +634,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1238, "x": 593.1666666666666,
"y": 593 "y": 1282
}, },
{ {
"x": 1295, "x": 593.1666666666666,
"y": 593 "y": 1343
} }
], ],
"animated": false, "animated": false,
@ -672,20 +672,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 774, "x": 552.6666666666666,
"y": 548 "y": 796
}, },
{ {
"x": 794, "x": 552.6666666666666,
"y": 548 "y": 816
}, },
{ {
"x": 794, "x": 451,
"y": 439 "y": 816
}, },
{ {
"x": 894, "x": 451,
"y": 439 "y": 916
} }
], ],
"animated": false, "animated": false,
@ -718,28 +718,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 352, "x": 424.9000000000001,
"y": 431.6 "y": 359
}, },
{ {
"x": 362, "x": 424.9000000000001,
"y": 431.6 "y": 420
}, },
{ {
"x": 362, "x": 345.00000000000006,
"y": 421.80000000000007 "y": 420
}, },
{ {
"x": 409, "x": 345.00000000000006,
"y": 421.80000000000007 "y": 445
},
{
"x": 409,
"y": 333.00000000000006
},
{
"x": 434,
"y": 333.00000000000006
} }
], ],
"animated": false, "animated": false,
@ -772,28 +764,28 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 218, "x": 566.5,
"y": 572 "y": 213
}, },
{ {
"x": 409, "x": 566.5,
"y": 572 "y": 420
}, },
{ {
"x": 409, "x": 651,
"y": 650 "y": 420
}, },
{ {
"x": 804, "x": 651,
"y": 650 "y": 826
}, },
{ {
"x": 804, "x": 461.00000000000006,
"y": 449.00000000000006 "y": 826
}, },
{ {
"x": 819, "x": 461.00000000000006,
"y": 449.00000000000006 "y": 841
} }
], ],
"animated": false, "animated": false,
@ -826,20 +818,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 218, "x": 487.90000000000003,
"y": 496.40000000000003 "y": 213
}, },
{ {
"x": 228, "x": 487.90000000000003,
"y": 496.40000000000003 "y": 223
}, },
{ {
"x": 228, "x": 413.50000000000006,
"y": 419.00000000000006 "y": 223
}, },
{ {
"x": 238, "x": 413.50000000000006,
"y": 419.00000000000006 "y": 233
} }
], ],
"animated": false, "animated": false,
@ -872,28 +864,28 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 218, "x": 540.3000000000001,
"y": 546.8000000000001 "y": 213
}, },
{ {
"x": 228, "x": 540.3000000000001,
"y": 546.8000000000001 "y": 223
}, },
{ {
"x": 228, "x": 537.5,
"y": 537 "y": 223
}, },
{ {
"x": 409, "x": 537.5,
"y": 537 "y": 420
}, },
{ {
"x": 409, "x": 518.5,
"y": 512 "y": 420
}, },
{ {
"x": 434, "x": 518.5,
"y": 512 "y": 445
} }
], ],
"animated": false, "animated": false,
@ -926,28 +918,28 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 352, "x": 447.70000000000005,
"y": 456.80000000000007 "y": 359
}, },
{ {
"x": 419, "x": 447.70000000000005,
"y": 456.80000000000007 "y": 430
}, },
{ {
"x": 419, "x": 365.00000000000006,
"y": 353.00000000000006 "y": 430
}, },
{ {
"x": 1211, "x": 365.00000000000006,
"y": 353.00000000000006 "y": 1248
}, },
{ {
"x": 1211, "x": 590.3333333333334,
"y": 589 "y": 1248
}, },
{ {
"x": 1221, "x": 590.3333333333334,
"y": 589 "y": 1258
} }
], ],
"animated": false, "animated": false,
@ -980,20 +972,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 218, "x": 514.1,
"y": 521.6 "y": 213
}, },
{ {
"x": 228, "x": 514.1,
"y": 521.6 "y": 223
}, },
{ {
"x": 228, "x": 508.50000000000006,
"y": 502.00000000000006 "y": 223
}, },
{ {
"x": 509, "x": 508.50000000000006,
"y": 502.00000000000006 "y": 520
} }
], ],
"animated": false, "animated": false,
@ -1026,28 +1018,28 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1493, "x": 461.00000000000006,
"y": 449.00000000000006 "y": 1544
}, },
{ {
"x": 1593, "x": 461.0000000000001,
"y": 449.0000000000001 "y": 1644
}, },
{ {
"x": 1593, "x": 105.00000000000006,
"y": 87.00000000000006 "y": 1644
}, },
{ {
"x": 362, "x": 105.00000000000006,
"y": 87.00000000000006 "y": 369
}, },
{ {
"x": 362, "x": 379.3000000000001,
"y": 381.2000000000001 "y": 369
}, },
{ {
"x": 352, "x": 379.3000000000001,
"y": 381.2000000000001 "y": 359
} }
], ],
"animated": false, "animated": false,
@ -1080,36 +1072,36 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 774, "x": 464.33333333333337,
"y": 456.00000000000006 "y": 796
}, },
{ {
"x": 784, "x": 464.33333333333337,
"y": 456.00000000000006 "y": 806
}, },
{ {
"x": 784, "x": 279.00000000000006,
"y": 267.00000000000006 "y": 806
}, },
{ {
"x": 1583, "x": 279.0000000000001,
"y": 267.0000000000001 "y": 1634
}, },
{ {
"x": 1583, "x": 134.0000000000001,
"y": 122.00000000000011 "y": 1634
}, },
{ {
"x": 372, "x": 134.0000000000001,
"y": 122.00000000000011 "y": 379
}, },
{ {
"x": 372, "x": 402.10000000000014,
"y": 406.4000000000001 "y": 379
}, },
{ {
"x": 352, "x": 402.10000000000014,
"y": 406.4000000000001 "y": 359
} }
], ],
"animated": false, "animated": false,

58
e2etests/testdata/stable/chaos2/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1856" height="1097" viewBox="-88 -88 1856 1097"><style type="text/css"> width="1092" height="1907" viewBox="-88 -88 1092 1907"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -770,34 +770,34 @@ width="1856" height="1097" viewBox="-88 -88 1856 1097"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="aa"><g class="shape" ><rect x="12" y="12" width="1656" height="897" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="840.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">aa</text></g><g id="aa.bb"><g class="shape" ><rect x="434" y="132" width="1134" height="702" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1001.000000" y="161.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">bb</text></g><g id="aa.ll"><g class="shape" ><rect x="238" y="356" width="114" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="295.000000" y="422.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ll</text></g><g id="aa.mm"><g class="shape" ><path d="M 87 495 C 87 471 145.95 471 152.5 471 C 159.05 471 218 471 218 495 V 573 C 218 597 159.05 597 152.5 597 C 145.95 597 87 597 87 573 V 495 Z" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/><path d="M 87 495 C 87 519 145.95 519 152.5 519 C 159.05 519 218 519 218 495" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="152.500000" y="549.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">mm</text></g><g id="aa.nn"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="144.000000" y="427.000000" width="18" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>nn</p> </style><g id="aa"><g class="shape" ><rect x="12" y="12" width="892" height="1707" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="458.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">aa</text></g><g id="aa.bb"><g class="shape" ><rect x="144" y="445" width="685" height="1174" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="486.500000" y="474.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">bb</text></g><g id="aa.ll"><g class="shape" ><rect x="357" y="233" width="114" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="414.000000" y="299.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ll</text></g><g id="aa.mm"><g class="shape" ><path d="M 462 111 C 462 87 520.95 87 527.5 87 C 534.05 87 593 87 593 111 V 189 C 593 213 534.05 213 527.5 213 C 520.95 213 462 213 462 189 V 111 Z" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/><path d="M 462 111 C 462 135 520.95 135 527.5 135 C 534.05 135 593 135 593 111" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="527.500000" y="165.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">mm</text></g><g id="aa.nn"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="424.000000" y="138.000000" width="18" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>nn</p>
</div></foreignObject></g></g><g id="aa.oo"><g class="shape" ><rect x="91" y="617" width="123" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="152.500000" y="683.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">oo</text></g><g id="aa.bb.cc"><g class="shape" ><rect x="819" y="278" width="674" height="481" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1156.000000" y="303.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">cc</text></g><g id="aa.bb.ii"><g class="shape" ><path d="M 509 364 L 641.5 364 L 641.5 419 L 774 419 L 774 640 L 509 640 Z" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="641.500000" y="389.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">ii</text></g><g id="aa.bb.kk"><g class="shape" ><ellipse class="shape" cx="642.000000" cy="270.000000" rx="63.000000" ry="63.000000" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="642.000000" y="273.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">kk</text></g><g id="aa.bb.cc.dd"><g class="shape" ><rect x="894" y="364" width="267" height="320" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1027.500000" y="385.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">dd</text></g><g id="aa.bb.cc.gg"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1221.000000" y="581.000000" width="17" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>gg</p> </div></foreignObject></g></g><g id="aa.oo"><g class="shape" ><rect x="613" y="87" width="123" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="674.500000" y="153.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">oo</text></g><g id="aa.bb.cc"><g class="shape" ><rect x="290" y="841" width="464" height="703" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="522.000000" y="866.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">cc</text></g><g id="aa.bb.ii"><g class="shape" ><path d="M 376 520 L 508.5 520 L 508.5 575 L 641 575 L 641 796 L 376 796 Z" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="508.500000" y="545.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">ii</text></g><g id="aa.bb.kk"><g class="shape" ><ellipse class="shape" cx="282.000000" cy="658.000000" rx="63.000000" ry="63.000000" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="282.000000" y="661.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">kk</text></g><g id="aa.bb.cc.dd"><g class="shape" ><rect x="376" y="916" width="303" height="276" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="527.500000" y="937.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">dd</text></g><g id="aa.bb.cc.gg"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="585.000000" y="1258.000000" width="17" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>gg</p>
</div></foreignObject></g></g><g id="aa.bb.cc.hh"><g class="shape" ><rect x="1295" y="530" width="123" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1356.500000" y="596.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">hh</text></g><g id="aa.bb.ii.jj"><g class="shape" ><path d="M 641.5 565 C 641.0519 565 640.7532 564.8362 640.4545 564.5085 L 584.4481 503.2289 C 583.8507 502.5735 583.8507 501.5904 584.4481 500.935 L 640.4545 439.4915 C 641.0519 438.8361 641.948 438.8361 642.5454 439.4915 L 698.5519 500.9349 C 699.1493 501.5903 699.1493 502.5734 698.5519 503.2288 L 642.5455 564.5085 C 642.2468 564.8362 641.9481 565 641.5 565 Z" style="fill:#CFD2DD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="641.500000" y="505.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">jj</text></g><g id="aa.bb.cc.dd.ee"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1070.000000" y="585.000000" width="16" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>ee</p> </div></foreignObject></g></g><g id="aa.bb.cc.hh"><g class="shape" ><rect x="532" y="1343" width="123" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="593.500000" y="1409.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">hh</text></g><g id="aa.bb.ii.jj"><g class="shape" ><path d="M 508.5 721 C 508.0519 721 507.7532 720.8362 507.4545 720.5085 L 451.4481 659.2289 C 450.8507 658.5735 450.8507 657.5904 451.4481 656.935 L 507.4545 595.4915 C 508.0519 594.8361 508.948 594.8361 509.5454 595.4915 L 565.5519 656.9349 C 566.1493 657.5903 566.1493 658.5734 565.5519 659.2288 L 509.5455 720.5085 C 509.2468 720.8362 508.9481 721 508.5 721 Z" style="fill:#CFD2DD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="508.500000" y="661.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">jj</text></g><g id="aa.bb.cc.dd.ee"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="588.000000" y="1093.000000" width="16" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>ee</p>
</div></foreignObject></g></g><g id="aa.bb.cc.dd.ff"><g class="shape" ><rect x="969" y="439" width="117" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1027.500000" y="505.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ff</text></g><g id="aa.bb.cc.(dd.ee -- gg)[0]"><mask id="mask-3834907066" maskUnits="userSpaceOnUse" x="1084.000000" y="587.000000" width="139.000000" height="21.000000"> </div></foreignObject></g></g><g id="aa.bb.cc.dd.ff"><g class="shape" ><rect x="451" y="991" width="117" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="509.500000" y="1057.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ff</text></g><g id="aa.bb.cc.(dd.ee -- gg)[0]"><mask id="mask-3834907066" maskUnits="userSpaceOnUse" x="589.000000" y="1115.000000" width="15.000000" height="145.000000">
<rect x="1084.000000" y="587.000000" width="139.000000" height="21.000000" fill="white"></rect> <rect x="589.000000" y="1115.000000" width="15.000000" height="145.000000" fill="white"></rect>
<rect x="1146.000000" y="587.000000" width="15" height="21" fill="black"></rect> <rect x="589.000000" y="1177.000000" width="15" height="21" fill="black"></rect>
</mask><path d="M 1088.000000 597.000000 L 1219.000000 597.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" mask="url(#mask-3834907066)" /><text class="text-italic" x="1153.500000" y="603.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">11</text></g><g id="aa.bb.cc.(gg -- hh)[0]"><mask id="mask-1342911600" maskUnits="userSpaceOnUse" x="1236.000000" y="583.000000" width="61.000000" height="21.000000"> </mask><path d="M 596.000000 1119.000000 L 596.000000 1256.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" mask="url(#mask-3834907066)" /><text class="text-italic" x="596.500000" y="1193.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">11</text></g><g id="aa.bb.cc.(gg -- hh)[0]"><mask id="mask-1342911600" maskUnits="userSpaceOnUse" x="585.000000" y="1280.000000" width="17.000000" height="65.000000">
<rect x="1236.000000" y="583.000000" width="61.000000" height="21.000000" fill="white"></rect> <rect x="585.000000" y="1280.000000" width="17.000000" height="65.000000" fill="white"></rect>
<rect x="1258.000000" y="583.000000" width="17" height="21" fill="black"></rect> <rect x="585.000000" y="1302.000000" width="17" height="21" fill="black"></rect>
</mask><path d="M 1240.000000 593.000000 L 1293.000000 593.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" mask="url(#mask-1342911600)" /><text class="text-italic" x="1266.500000" y="599.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">22</text></g><g id="aa.bb.(ii -&gt; cc.dd)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 776.000000 548.000000 L 784.000000 548.000000 S 794.000000 548.000000 794.000000 538.000000 L 794.000000 449.000000 S 794.000000 439.000000 804.000000 439.000000 L 890.000000 439.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="aa.(ll &lt;-&gt; bb)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><mask id="mask-2288667663" maskUnits="userSpaceOnUse" x="330.000000" y="307.000000" width="126.000000" height="150.600000"> </mask><path d="M 593.166667 1284.000000 L 593.166667 1341.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" mask="url(#mask-1342911600)" /><text class="text-italic" x="593.500000" y="1318.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">22</text></g><g id="aa.bb.(ii -&gt; cc.dd)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 552.666667 798.000000 L 552.666667 806.000000 S 552.666667 816.000000 542.666667 816.000000 L 461.000000 816.000000 S 451.000000 816.000000 451.000000 826.000000 L 451.000000 912.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="aa.(ll &lt;-&gt; bb)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><mask id="mask-2288667663" maskUnits="userSpaceOnUse" x="323.000000" y="333.000000" width="123.900000" height="138.000000">
<rect x="330.000000" y="307.000000" width="126.000000" height="150.600000" fill="white"></rect> <rect x="323.000000" y="333.000000" width="123.900000" height="138.000000" fill="white"></rect>
<rect x="401.000000" y="388.000000" width="17" height="21" fill="black"></rect> <rect x="394.000000" y="410.000000" width="17" height="21" fill="black"></rect>
</mask><path d="M 356.000000 431.600000 L 357.100000 431.600000 C 366.900000 431.600000 357.100000 421.800000 366.900000 421.800000 L 399.000000 421.800000 S 409.000000 421.800000 409.000000 411.800000 L 409.000000 343.000000 S 409.000000 333.000000 419.000000 333.000000 L 430.000000 333.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#mask-2288667663)" /><text class="text-italic" x="409.500000" y="404.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">33</text></g><g id="aa.(mm -&gt; bb.cc)[0]"><mask id="mask-2170131283" maskUnits="userSpaceOnUse" x="206.000000" y="435.000000" width="625.000000" height="229.000000"> </mask><path d="M 424.900000 363.000000 L 424.900000 410.000000 S 424.900000 420.000000 414.900000 420.000000 L 355.000000 420.000000 S 345.000000 420.000000 345.000000 430.000000 L 345.000000 441.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#mask-2288667663)" /><text class="text-italic" x="402.500000" y="426.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">33</text></g><g id="aa.(mm -&gt; bb.cc)[0]"><mask id="mask-2170131283" maskUnits="userSpaceOnUse" x="449.000000" y="199.000000" width="214.000000" height="656.000000">
<rect x="206.000000" y="435.000000" width="625.000000" height="229.000000" fill="white"></rect> <rect x="449.000000" y="199.000000" width="214.000000" height="656.000000" fill="white"></rect>
<rect x="572.000000" y="640.000000" width="16" height="21" fill="black"></rect> <rect x="643.000000" y="569.000000" width="16" height="21" fill="black"></rect>
</mask><path d="M 220.000000 572.000000 L 399.000000 572.000000 S 409.000000 572.000000 409.000000 582.000000 L 409.000000 640.000000 S 409.000000 650.000000 419.000000 650.000000 L 794.000000 650.000000 S 804.000000 650.000000 804.000000 640.000000 L 804.000000 456.500000 S 804.000000 449.000000 811.500000 449.000000 L 815.000000 449.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#mask-2170131283)" /><text class="text-italic" x="580.000000" y="656.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">44</text></g><g id="aa.(mm -&gt; ll)[0]"><path d="M 220.000000 496.400000 L 218.000000 496.400000 S 228.000000 496.400000 228.000000 486.400000 L 228.000000 424.000000 S 228.000000 419.000000 233.000000 419.000000 L 234.000000 419.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="aa.(mm &lt;-&gt; bb)[0]"><mask id="mask-3699877661" maskUnits="userSpaceOnUse" x="196.000000" y="486.000000" width="260.000000" height="86.800000"> </mask><path d="M 566.500000 215.000000 L 566.500000 410.000000 S 566.500000 420.000000 576.500000 420.000000 L 641.000000 420.000000 S 651.000000 420.000000 651.000000 430.000000 L 651.000000 816.000000 S 651.000000 826.000000 641.000000 826.000000 L 468.500000 826.000000 S 461.000000 826.000000 461.000000 833.500000 L 461.000000 837.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#mask-2170131283)" /><text class="text-italic" x="651.000000" y="585.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">44</text></g><g id="aa.(mm -&gt; ll)[0]"><path d="M 487.900000 215.000000 L 487.900000 213.000000 S 487.900000 223.000000 477.900000 223.000000 L 418.500000 223.000000 S 413.500000 223.000000 413.500000 228.000000 L 413.500000 229.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="aa.(mm &lt;-&gt; bb)[0]"><mask id="mask-3699877661" maskUnits="userSpaceOnUse" x="496.500000" y="187.000000" width="65.800000" height="284.000000">
<rect x="196.000000" y="486.000000" width="260.000000" height="86.800000" fill="white"></rect> <rect x="496.500000" y="187.000000" width="65.800000" height="284.000000" fill="white"></rect>
<rect x="326.000000" y="527.000000" width="16" height="21" fill="black"></rect> <rect x="530.000000" y="327.000000" width="16" height="21" fill="black"></rect>
</mask><path d="M 222.000000 546.800000 L 223.100000 546.800000 C 232.900000 546.800000 223.100000 537.000000 232.900000 537.000000 L 399.000000 537.000000 S 409.000000 537.000000 409.000000 527.000000 L 409.000000 522.000000 S 409.000000 512.000000 419.000000 512.000000 L 430.000000 512.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#mask-3699877661)" /><text class="text-italic" x="334.000000" y="543.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">55</text></g><g id="aa.(ll &lt;-&gt; bb.cc.gg)[0]"><path d="M 356.000000 456.800000 L 409.000000 456.800000 S 419.000000 456.800000 419.000000 446.800000 L 419.000000 363.000000 S 419.000000 353.000000 429.000000 353.000000 L 1201.000000 353.000000 S 1211.000000 353.000000 1211.000000 363.000000 L 1211.000000 584.000000 S 1211.000000 589.000000 1216.000000 589.000000 L 1217.000000 589.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" /></g><g id="aa.(mm &lt;- bb.ii)[0]"><mask id="mask-3134112715" maskUnits="userSpaceOnUse" x="206.000000" y="488.000000" width="315.000000" height="47.600000"> </mask><path d="M 540.300000 217.000000 L 540.300000 221.600000 C 540.300000 224.400000 537.500000 221.600000 537.500000 224.400000 L 537.500000 410.500000 C 537.500000 429.500000 518.500000 410.500000 518.500000 429.500000 L 518.500000 441.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#mask-3699877661)" /><text class="text-italic" x="538.000000" y="343.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">55</text></g><g id="aa.(ll &lt;-&gt; bb.cc.gg)[0]"><path d="M 447.700000 363.000000 L 447.700000 420.000000 S 447.700000 430.000000 437.700000 430.000000 L 375.000000 430.000000 S 365.000000 430.000000 365.000000 440.000000 L 365.000000 1238.000000 S 365.000000 1248.000000 375.000000 1248.000000 L 585.333333 1248.000000 S 590.333333 1248.000000 590.333333 1253.000000 L 590.333333 1254.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" /></g><g id="aa.(mm &lt;- bb.ii)[0]"><mask id="mask-3134112715" maskUnits="userSpaceOnUse" x="496.500000" y="199.000000" width="29.600000" height="335.000000">
<rect x="206.000000" y="488.000000" width="315.000000" height="47.600000" fill="white"></rect> <rect x="496.500000" y="199.000000" width="29.600000" height="335.000000" fill="white"></rect>
<rect x="346.000000" y="492.000000" width="16" height="21" fill="black"></rect> <rect x="501.000000" y="353.000000" width="16" height="21" fill="black"></rect>
</mask><path d="M 222.000000 521.600000 L 218.200000 521.600000 C 237.800000 521.600000 218.200000 502.000000 237.800000 502.000000 L 507.000000 502.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#mask-3134112715)" /><text class="text-italic" x="354.000000" y="508.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">66</text></g><g id="aa.(bb.cc &lt;- ll)[0]"><mask id="mask-3003327047" maskUnits="userSpaceOnUse" x="340.000000" y="73.000000" width="1265.000000" height="390.000000"> </mask><path d="M 514.100000 217.000000 L 514.100000 220.200000 C 514.100000 225.800000 508.500000 220.200000 508.500000 225.800000 L 508.500000 518.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#mask-3134112715)" /><text class="text-italic" x="509.000000" y="369.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">66</text></g><g id="aa.(bb.cc &lt;- ll)[0]"><mask id="mask-3003327047" maskUnits="userSpaceOnUse" x="93.000000" y="345.000000" width="380.000000" height="1313.000000">
<rect x="340.000000" y="73.000000" width="1265.000000" height="390.000000" fill="white"></rect> <rect x="93.000000" y="345.000000" width="380.000000" height="1313.000000" fill="white"></rect>
<rect x="1048.000000" y="77.000000" width="16" height="21" fill="black"></rect> <rect x="97.000000" y="1082.000000" width="16" height="21" fill="black"></rect>
</mask><path d="M 1497.000000 449.000000 L 1583.000000 449.000000 S 1593.000000 449.000000 1593.000000 439.000000 L 1593.000000 97.000000 S 1593.000000 87.000000 1583.000000 87.000000 L 372.000000 87.000000 S 362.000000 87.000000 362.000000 97.000000 L 362.000000 376.200000 S 362.000000 381.200000 357.000000 381.200000 L 354.000000 381.200000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#mask-3003327047)" /><text class="text-italic" x="1056.000000" y="93.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">77</text></g><g id="aa.(bb.ii &lt;-&gt; ll)[0]"><mask id="mask-4288302333" maskUnits="userSpaceOnUse" x="330.000000" y="96.000000" width="1275.000000" height="386.000000"> </mask><path d="M 461.000000 1548.000000 L 461.000000 1634.000000 S 461.000000 1644.000000 451.000000 1644.000000 L 115.000000 1644.000000 S 105.000000 1644.000000 105.000000 1634.000000 L 105.000000 379.000000 S 105.000000 369.000000 115.000000 369.000000 L 374.300000 369.000000 S 379.300000 369.000000 379.300000 364.000000 L 379.300000 361.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#mask-3003327047)" /><text class="text-italic" x="105.000000" y="1098.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">77</text></g><g id="aa.(bb.ii &lt;-&gt; ll)[0]"><mask id="mask-4288302333" maskUnits="userSpaceOnUse" x="112.000000" y="333.000000" width="374.333333" height="1327.000000">
<rect x="330.000000" y="96.000000" width="1275.000000" height="386.000000" fill="white"></rect> <rect x="112.000000" y="333.000000" width="374.333333" height="1327.000000" fill="white"></rect>
<rect x="1389.000000" y="112.000000" width="16" height="21" fill="black"></rect> <rect x="126.000000" y="1436.000000" width="16" height="21" fill="black"></rect>
</mask><path d="M 778.000000 456.000000 L 774.000000 456.000000 S 784.000000 456.000000 784.000000 446.000000 L 784.000000 277.000000 S 784.000000 267.000000 794.000000 267.000000 L 1573.000000 267.000000 S 1583.000000 267.000000 1583.000000 257.000000 L 1583.000000 132.000000 S 1583.000000 122.000000 1573.000000 122.000000 L 382.000000 122.000000 S 372.000000 122.000000 372.000000 132.000000 L 372.000000 396.400000 S 372.000000 406.400000 362.000000 406.400000 L 356.000000 406.400000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#mask-4288302333)" /><text class="text-italic" x="1397.000000" y="128.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">88</text></g><style type="text/css"><![CDATA[ </mask><path d="M 464.333333 800.000000 L 464.333333 796.000000 S 464.333333 806.000000 454.333333 806.000000 L 289.000000 806.000000 S 279.000000 806.000000 279.000000 816.000000 L 279.000000 1624.000000 S 279.000000 1634.000000 269.000000 1634.000000 L 144.000000 1634.000000 S 134.000000 1634.000000 134.000000 1624.000000 L 134.000000 389.000000 S 134.000000 379.000000 144.000000 379.000000 L 392.100000 379.000000 S 402.100000 379.000000 402.100000 369.000000 L 402.100000 363.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#mask-4288302333)" /><text class="text-italic" x="134.000000" y="1452.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">88</text></g><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 814 KiB

After

Width:  |  Height:  |  Size: 814 KiB

80
e2etests/testdata/stable/child_parent_edges/dagre/board.exp.json generated vendored
View file

@ -8,7 +8,7 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 494, "width": 524,
"height": 426, "height": 426,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
@ -46,7 +46,7 @@
"x": 40, "x": 40,
"y": 50 "y": 50
}, },
"width": 414, "width": 444,
"height": 326, "height": 326,
"level": 2, "level": 2,
"opacity": 1, "opacity": 1,
@ -84,7 +84,7 @@
"x": 80, "x": 80,
"y": 100 "y": 100
}, },
"width": 334, "width": 364,
"height": 226, "height": 226,
"level": 3, "level": 3,
"opacity": 1, "opacity": 1,
@ -182,55 +182,55 @@
"route": [ "route": [
{ {
"x": 244, "x": 244,
"y": 173.24723247232473 "y": 174.66192170818505
}, },
{ {
"x": 270.66666666666663, "x": 273.33333333333337,
"y": 154.64944649446494 "y": 154.932384341637
}, },
{ {
"x": 279, "x": 282.5,
"y": 150 "y": 150
}, },
{ {
"x": 281.5, "x": 285.25,
"y": 150 "y": 150
}, },
{ {
"x": 284, "x": 288,
"y": 150 "y": 150
}, },
{ {
"x": 287.33333333333337, "x": 291.66666666666663,
"y": 162.6 "y": 162.6
}, },
{ {
"x": 289.83333333333337, "x": 294.41666666666663,
"y": 181.5 "y": 181.5
}, },
{ {
"x": 292.3333333333333, "x": 297.1666666666667,
"y": 200.4 "y": 200.4
}, },
{ {
"x": 292.3333333333333, "x": 297.1666666666667,
"y": 225.6 "y": 225.6
}, },
{ {
"x": 289.83333333333337, "x": 294.41666666666663,
"y": 244.5 "y": 244.5
}, },
{ {
"x": 287.33333333333337, "x": 291.66666666666663,
"y": 263.4 "y": 263.4
}, },
{ {
"x": 270.66666666666663, "x": 273.33333333333337,
"y": 271.35055350553506 "y": 271.06761565836297
}, },
{ {
"x": 244, "x": 244,
"y": 252.75276752767527 "y": 251.33807829181495
} }
], ],
"isCurve": true, "isCurve": true,
@ -265,55 +265,55 @@
"route": [ "route": [
{ {
"x": 244, "x": 244,
"y": 182.30769230769232 "y": 184.7244094488189
}, },
{ {
"x": 292, "x": 300,
"y": 156.46153846153845 "y": 156.9448818897638
}, },
{ {
"x": 307, "x": 317.5,
"y": 150 "y": 150
}, },
{ {
"x": 311.5, "x": 322.75,
"y": 150 "y": 150
}, },
{ {
"x": 316, "x": 328,
"y": 150 "y": 150
}, },
{ {
"x": 322, "x": 335,
"y": 162.6 "y": 162.6
}, },
{ {
"x": 326.5, "x": 340.25,
"y": 181.5 "y": 181.5
}, },
{ {
"x": 331, "x": 345.5,
"y": 200.4 "y": 200.4
}, },
{ {
"x": 331, "x": 345.5,
"y": 225.6 "y": 225.6
}, },
{ {
"x": 326.5, "x": 340.25,
"y": 244.5 "y": 244.5
}, },
{ {
"x": 322, "x": 335,
"y": 263.4 "y": 263.4
}, },
{ {
"x": 292, "x": 300,
"y": 269.53846153846155 "y": 269.0551181102362
}, },
{ {
"x": 244, "x": 244,
"y": 243.69230769230768 "y": 241.2755905511811
} }
], ],
"isCurve": true, "isCurve": true,
@ -347,20 +347,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 243.66666666666669, "x": 244.33333333333331,
"y": 238 "y": 235
}, },
{ {
"x": 243.93333333333334, "x": 244.06666666666666,
"y": 237.99628770301624 "y": 235.3176715176715
}, },
{ {
"x": 243.73333333333335, "x": 244.26666666666665,
"y": 237.99907192575407 "y": 235.0794178794179
}, },
{ {
"x": 244, "x": 244,
"y": 237.9953596287703 "y": 235.3970893970894
} }
], ],
"isCurve": true, "isCurve": true,

4
e2etests/testdata/stable/child_parent_edges/dagre/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="694" height="626" viewBox="-100 -100 694 626"><style type="text/css"> width="724" height="626" viewBox="-100 -100 724 626"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,7 +14,7 @@ width="694" height="626" viewBox="-100 -100 694 626"><style type="text/css">
} }
]]> ]]>
</style><g id="a"><g class="shape" ><rect x="0" y="0" width="494" height="426" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="247.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="40" y="50" width="414" height="326" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="247.000000" y="79.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">b</text></g><g id="a.b.c"><g class="shape" ><rect x="80" y="100" width="334" height="226" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="247.000000" y="125.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">c</text></g><g id="a.b.c.d"><g class="shape" ><rect x="130" y="150" width="114" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="187.000000" y="216.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; a)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 245.640452 172.103153 C 270.666667 154.649446 279.000000 150.000000 281.500000 150.000000 C 284.000000 150.000000 287.333333 162.600000 289.833333 181.500000 C 292.333333 200.400000 292.333333 225.600000 289.833333 244.500000 C 287.333333 263.400000 270.666667 271.350554 247.280904 255.040926" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="a.(b -&gt; b.c)[0]"><path d="M 245.760942 181.359493 C 292.000000 156.461538 307.000000 150.000000 311.500000 150.000000 C 316.000000 150.000000 322.000000 162.600000 326.500000 181.500000 C 331.000000 200.400000 331.000000 225.600000 326.500000 244.500000 C 322.000000 263.400000 292.000000 269.538462 247.521884 245.588707" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="a.(b.c.d -&gt; b)[0]"><path d="M 245.666473 237.972160 C 243.933333 237.996288 243.733333 237.999072 240.000388 238.051039" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </style><g id="a"><g class="shape" ><rect x="0" y="0" width="524" height="426" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="262.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="40" y="50" width="444" height="326" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="262.000000" y="79.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">b</text></g><g id="a.b.c"><g class="shape" ><rect x="80" y="100" width="364" height="226" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="262.000000" y="125.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">c</text></g><g id="a.b.c.d"><g class="shape" ><rect x="130" y="150" width="114" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="187.000000" y="216.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; a)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 245.659544 173.545716 C 273.333333 154.932384 282.500000 150.000000 285.250000 150.000000 C 288.000000 150.000000 291.666667 162.600000 294.416667 181.500000 C 297.166667 200.400000 297.166667 225.600000 294.416667 244.500000 C 291.666667 263.400000 273.333333 271.067616 247.319087 253.570489" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="a.(b -&gt; b.c)[0]"><path d="M 245.791667 183.835630 C 300.000000 156.944882 317.500000 150.000000 322.750000 150.000000 C 328.000000 150.000000 335.000000 162.600000 340.250000 181.500000 C 345.500000 200.400000 345.500000 225.600000 340.250000 244.500000 C 335.000000 263.400000 300.000000 269.055118 247.583334 243.053150" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="a.(b.c.d -&gt; b)[0]"><path d="M 243.047451 236.531831 C 244.066667 235.317672 244.266667 235.079418 246.571765 232.333427" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 326 KiB

After

Width:  |  Height:  |  Size: 326 KiB

40
e2etests/testdata/stable/child_parent_edges/elk/board.exp.json generated vendored
View file

@ -8,8 +8,8 @@
"x": 12, "x": 12,
"y": 12 "y": 12
}, },
"width": 589, "width": 574,
"height": 586, "height": 601,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -46,8 +46,8 @@
"x": 87, "x": 87,
"y": 87 "y": 87
}, },
"width": 439, "width": 424,
"height": 436, "height": 451,
"level": 2, "level": 2,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -181,12 +181,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 526, "x": 162,
"y": 162 "y": 538
}, },
{ {
"x": 601, "x": 162,
"y": 162 "y": 613
} }
], ],
"animated": false, "animated": false,
@ -219,12 +219,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 87, "x": 237,
"y": 237 "y": 87
}, },
{ {
"x": 162, "x": 237,
"y": 237 "y": 162
} }
], ],
"animated": false, "animated": false,
@ -257,20 +257,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 351, "x": 294,
"y": 300 "y": 363
}, },
{ {
"x": 441, "x": 294,
"y": 300 "y": 453
}, },
{ {
"x": 441, "x": 436,
"y": 448 "y": 453
}, },
{ {
"x": 87, "x": 436,
"y": 448 "y": 87
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/stable/child_parent_edges/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="789" height="786" viewBox="-88 -88 789 786"><style type="text/css"> width="774" height="801" viewBox="-88 -88 774 801"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,7 +14,7 @@ width="789" height="786" viewBox="-88 -88 789 786"><style type="text/css">
} }
]]> ]]>
</style><g id="a"><g class="shape" ><rect x="12" y="12" width="589" height="586" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="306.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="87" y="87" width="439" height="436" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="306.500000" y="116.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">b</text></g><g id="a.b.c"><g class="shape" ><rect x="162" y="162" width="264" height="276" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="294.000000" y="187.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">c</text></g><g id="a.b.c.d"><g class="shape" ><rect x="237" y="237" width="114" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="294.000000" y="303.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; a)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 528.000000 162.000000 L 597.000000 162.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="a.(b -&gt; b.c)[0]"><path d="M 89.000000 237.000000 L 158.000000 237.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="a.(b.c.d -&gt; b)[0]"><path d="M 353.000000 300.000000 L 431.000000 300.000000 S 441.000000 300.000000 441.000000 310.000000 L 441.000000 438.000000 S 441.000000 448.000000 431.000000 448.000000 L 91.000000 448.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </style><g id="a"><g class="shape" ><rect x="12" y="12" width="574" height="601" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="299.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="87" y="87" width="424" height="451" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="299.000000" y="116.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">b</text></g><g id="a.b.c"><g class="shape" ><rect x="162" y="162" width="264" height="276" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="294.000000" y="187.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">c</text></g><g id="a.b.c.d"><g class="shape" ><rect x="237" y="237" width="114" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="294.000000" y="303.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; a)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 162.000000 540.000000 L 162.000000 609.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="a.(b -&gt; b.c)[0]"><path d="M 237.000000 89.000000 L 237.000000 158.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="a.(b.c.d -&gt; b)[0]"><path d="M 294.000000 365.000000 L 294.000000 443.000000 S 294.000000 453.000000 304.000000 453.000000 L 426.000000 453.000000 S 436.000000 453.000000 436.000000 443.000000 L 436.000000 91.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 325 KiB

After

Width:  |  Height:  |  Size: 325 KiB

40
e2etests/testdata/stable/circular_dependency/elk/board.exp.json generated vendored
View file

@ -43,8 +43,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 225, "x": 12,
"y": 12 "y": 238
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -81,8 +81,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 438, "x": 12,
"y": 12 "y": 464
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -143,12 +143,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 49.66666666666667,
"y": 54 "y": 138
}, },
{ {
"x": 225, "x": 49.66666666666667,
"y": 54 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -181,12 +181,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 338, "x": 49.66666666666667,
"y": 54 "y": 364
}, },
{ {
"x": 438, "x": 49.66666666666667,
"y": 54 "y": 464
} }
], ],
"animated": false, "animated": false,
@ -219,12 +219,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 438, "x": 87.33333333333334,
"y": 96 "y": 464
}, },
{ {
"x": 338, "x": 87.33333333333334,
"y": 96 "y": 364
} }
], ],
"animated": false, "animated": false,
@ -257,12 +257,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 225, "x": 87.33333333333334,
"y": 96 "y": 238
}, },
{ {
"x": 125, "x": 87.33333333333334,
"y": 96 "y": 138
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/stable/circular_dependency/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="739" height="326" viewBox="-88 -88 739 326"><style type="text/css"> width="313" height="778" viewBox="-88 -88 313 778"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,7 +14,7 @@ width="739" height="326" viewBox="-88 -88 739 326"><style type="text/css">
} }
]]> ]]>
</style><g id="a"><g class="shape" ><rect x="12" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="225" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="281.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="438" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="494.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 127.000000 54.000000 L 221.000000 54.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(b -&gt; c)[0]"><path d="M 340.000000 54.000000 L 434.000000 54.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(c -&gt; b)[0]"><path d="M 436.000000 96.000000 L 342.000000 96.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(b -&gt; a)[0]"><path d="M 223.000000 96.000000 L 129.000000 96.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </style><g id="a"><g class="shape" ><rect x="12" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="12" y="238" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="304.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="12" y="464" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="530.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 49.666667 140.000000 L 49.666667 234.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(b -&gt; c)[0]"><path d="M 49.666667 366.000000 L 49.666667 460.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(c -&gt; b)[0]"><path d="M 87.333333 462.000000 L 87.333333 368.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(b -&gt; a)[0]"><path d="M 87.333333 236.000000 L 87.333333 142.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 325 KiB

After

Width:  |  Height:  |  Size: 325 KiB

28
e2etests/testdata/stable/code_snippet/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "hey", "id": "hey",
"type": "code", "type": "code",
"pos": { "pos": {
"x": 225, "x": 12,
"y": 12 "y": 238
}, },
"width": 755, "width": 755,
"height": 166, "height": 166,
@ -42,8 +42,8 @@
"id": "x", "id": "x",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 333,
"y": 32 "y": 12
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -80,8 +80,8 @@
"id": "y", "id": "y",
"type": "", "type": "",
"pos": { "pos": {
"x": 1080, "x": 333,
"y": 32 "y": 504
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -142,12 +142,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 389.5,
"y": 95 "y": 138
}, },
{ {
"x": 225, "x": 389.5,
"y": 95 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -180,12 +180,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 980, "x": 389.5,
"y": 95 "y": 404
}, },
{ {
"x": 1080, "x": 389.5,
"y": 95 "y": 504
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/code_snippet/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1382" height="366" viewBox="-88 -88 1382 366"><style type="text/css"> width="955" height="818" viewBox="-88 -88 955 818"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,7 +14,7 @@ width="1382" height="366" viewBox="-88 -88 1382 366"><style type="text/css">
} }
]]> ]]>
</style><g id="hey"><g class="shape" ></g><g transform="translate(225.000000 12.000000)" style="opacity:1.000000"><rect class="shape" width="755" height="166" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve"><tspan fill="#999988" font-style="italic">//&#160;RegisterHash&#160;registers&#160;a&#160;function&#160;that&#160;returns&#160;a&#160;new&#160;instance&#160;of&#160;the&#160;given </style><g id="hey"><g class="shape" ></g><g transform="translate(12.000000 238.000000)" style="opacity:1.000000"><rect class="shape" width="755" height="166" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve"><tspan fill="#999988" font-style="italic">//&#160;RegisterHash&#160;registers&#160;a&#160;function&#160;that&#160;returns&#160;a&#160;new&#160;instance&#160;of&#160;the&#160;given
</tspan></text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve"><tspan fill="#999988" font-style="italic"></tspan><tspan fill="#999988" font-style="italic">//&#160;hash&#160;function.&#160;This&#160;is&#160;intended&#160;to&#160;be&#160;called&#160;from&#160;the&#160;init&#160;function&#160;in </tspan></text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve"><tspan fill="#999988" font-style="italic"></tspan><tspan fill="#999988" font-style="italic">//&#160;hash&#160;function.&#160;This&#160;is&#160;intended&#160;to&#160;be&#160;called&#160;from&#160;the&#160;init&#160;function&#160;in
</tspan></text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve"><tspan fill="#999988" font-style="italic"></tspan><tspan fill="#999988" font-style="italic">//&#160;packages&#160;that&#160;implement&#160;hash&#160;functions. </tspan></text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve"><tspan fill="#999988" font-style="italic"></tspan><tspan fill="#999988" font-style="italic">//&#160;packages&#160;that&#160;implement&#160;hash&#160;functions.
</tspan></text><text class="text-mono" x="0" y="4.000000em" xml:space="preserve"><tspan fill="#999988" font-style="italic"></tspan><tspan fill="#000000" font-weight="bold">func</tspan>&#160;<tspan fill="#990000" font-weight="bold">RegisterHash</tspan>(h&#160;Hash,&#160;f&#160;<tspan fill="#000000" font-weight="bold">func</tspan>()&#160;hash.Hash)&#160;{ </tspan></text><text class="text-mono" x="0" y="4.000000em" xml:space="preserve"><tspan fill="#999988" font-style="italic"></tspan><tspan fill="#000000" font-weight="bold">func</tspan>&#160;<tspan fill="#990000" font-weight="bold">RegisterHash</tspan>(h&#160;Hash,&#160;f&#160;<tspan fill="#000000" font-weight="bold">func</tspan>()&#160;hash.Hash)&#160;{
@ -22,7 +22,7 @@ width="1382" height="366" viewBox="-88 -88 1382 366"><style type="text/css">
</text><text class="text-mono" x="0" y="6.000000em" xml:space="preserve">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<tspan fill="#0086b3">panic</tspan>(<tspan fill="#dd1144">&quot;crypto:&#160;RegisterHash&#160;of&#160;unknown&#160;hash&#160;function&quot;</tspan>) </text><text class="text-mono" x="0" y="6.000000em" xml:space="preserve">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<tspan fill="#0086b3">panic</tspan>(<tspan fill="#dd1144">&quot;crypto:&#160;RegisterHash&#160;of&#160;unknown&#160;hash&#160;function&quot;</tspan>)
</text><text class="text-mono" x="0" y="7.000000em" xml:space="preserve">&#160;&#160;&#160;&#160;} </text><text class="text-mono" x="0" y="7.000000em" xml:space="preserve">&#160;&#160;&#160;&#160;}
</text><text class="text-mono" x="0" y="8.000000em" xml:space="preserve">&#160;&#160;&#160;&#160;hashes[h]&#160;=&#160;f </text><text class="text-mono" x="0" y="8.000000em" xml:space="preserve">&#160;&#160;&#160;&#160;hashes[h]&#160;=&#160;f
</text><text class="text-mono" x="0" y="9.000000em" xml:space="preserve">}</text></g></g></g><g id="x"><g class="shape" ><rect x="12" y="32" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="98.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><rect x="1080" y="32" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1137.000000" y="98.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="(x -&gt; hey)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 127.000000 95.000000 L 221.000000 95.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(hey -&gt; y)[0]"><path d="M 982.000000 95.000000 L 1076.000000 95.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </text><text class="text-mono" x="0" y="9.000000em" xml:space="preserve">}</text></g></g></g><g id="x"><g class="shape" ><rect x="333" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="389.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><rect x="333" y="504" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="390.000000" y="570.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="(x -&gt; hey)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 389.500000 140.000000 L 389.500000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(hey -&gt; y)[0]"><path d="M 389.500000 406.000000 L 389.500000 500.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 507 KiB

After

Width:  |  Height:  |  Size: 507 KiB

48
e2etests/testdata/stable/connected_container/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 88,
"y": 87 "y": 12
}, },
"width": 263, "width": 263,
"height": 276, "height": 276,
@ -43,8 +43,8 @@
"id": "a.b", "id": "a.b",
"type": "", "type": "",
"pos": { "pos": {
"x": 87, "x": 163,
"y": 162 "y": 87
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -81,8 +81,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 385, "x": 87,
"y": 87 "y": 398
}, },
"width": 264, "width": 264,
"height": 276, "height": 276,
@ -119,8 +119,8 @@
"id": "c.d", "id": "c.d",
"type": "", "type": "",
"pos": { "pos": {
"x": 460, "x": 162,
"y": 162 "y": 473
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -157,11 +157,11 @@
"id": "f", "id": "f",
"type": "", "type": "",
"pos": { "pos": {
"x": 759, "x": 12,
"y": 12 "y": 784
}, },
"width": 419, "width": 414,
"height": 426, "height": 431,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -195,8 +195,8 @@
"id": "f.h", "id": "f.h",
"type": "", "type": "",
"pos": { "pos": {
"x": 839, "x": 87,
"y": 87 "y": 864
}, },
"width": 264, "width": 264,
"height": 276, "height": 276,
@ -233,8 +233,8 @@
"id": "f.h.g", "id": "f.h.g",
"type": "", "type": "",
"pos": { "pos": {
"x": 914, "x": 162,
"y": 162 "y": 939
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -295,12 +295,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 200, "x": 219,
"y": 225 "y": 213
}, },
{ {
"x": 460, "x": 219,
"y": 225 "y": 473
} }
], ],
"animated": false, "animated": false,
@ -333,12 +333,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 574, "x": 219,
"y": 225 "y": 599
}, },
{ {
"x": 914, "x": 219,
"y": 225 "y": 939
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/stable/connected_container/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1366" height="626" viewBox="-88 -88 1366 626"><style type="text/css"> width="614" height="1403" viewBox="-88 -88 614 1403"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,7 +14,7 @@ width="1366" height="626" viewBox="-88 -88 1366 626"><style type="text/css">
} }
]]> ]]>
</style><g id="a"><g class="shape" ><rect x="12" y="87" width="263" height="276" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="143.500000" y="120.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="385" y="87" width="264" height="276" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="517.000000" y="120.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="f"><g class="shape" ><rect x="759" y="12" width="419" height="426" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="968.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">f</text></g><g id="a.b"><g class="shape" ><rect x="87" y="162" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="143.500000" y="228.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="460" y="162" width="114" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="517.000000" y="228.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="f.h"><g class="shape" ><rect x="839" y="87" width="264" height="276" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="971.000000" y="116.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="f.h.g"><g class="shape" ><rect x="914" y="162" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="971.000000" y="228.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">g</text></g><g id="(a.b -&gt; c.d)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 202.000000 225.000000 L 456.000000 225.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(c.d -&gt; f.h.g)[0]"><path d="M 576.000000 225.000000 L 910.000000 225.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </style><g id="a"><g class="shape" ><rect x="88" y="12" width="263" height="276" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="219.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="87" y="398" width="264" height="276" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="219.000000" y="431.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="f"><g class="shape" ><rect x="12" y="784" width="414" height="431" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="219.000000" y="817.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">f</text></g><g id="a.b"><g class="shape" ><rect x="163" y="87" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="219.500000" y="153.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="162" y="473" width="114" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="219.000000" y="539.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="f.h"><g class="shape" ><rect x="87" y="864" width="264" height="276" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="219.000000" y="893.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="f.h.g"><g class="shape" ><rect x="162" y="939" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="219.000000" y="1005.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">g</text></g><g id="(a.b -&gt; c.d)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 219.000000 215.000000 L 219.000000 469.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(c.d -&gt; f.h.g)[0]"><path d="M 219.000000 601.000000 L 219.000000 935.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 326 KiB

After

Width:  |  Height:  |  Size: 326 KiB

120
e2etests/testdata/stable/container_edges/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 162,
"y": 162 "y": 12
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -43,11 +43,11 @@
"id": "g", "id": "g",
"type": "", "type": "",
"pos": { "pos": {
"x": 240, "x": 87,
"y": 87 "y": 253
}, },
"width": 263, "width": 396,
"height": 422, "height": 276,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -81,8 +81,8 @@
"id": "g.b", "id": "g.b",
"type": "", "type": "",
"pos": { "pos": {
"x": 315, "x": 162,
"y": 162 "y": 328
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -119,11 +119,11 @@
"id": "d", "id": "d",
"type": "", "type": "",
"pos": { "pos": {
"x": 613, "x": 12,
"y": 12 "y": 639
}, },
"width": 418, "width": 413,
"height": 426, "height": 431,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -157,8 +157,8 @@
"id": "d.h", "id": "d.h",
"type": "", "type": "",
"pos": { "pos": {
"x": 693, "x": 87,
"y": 87 "y": 719
}, },
"width": 263, "width": 263,
"height": 276, "height": 276,
@ -195,8 +195,8 @@
"id": "d.h.c", "id": "d.h.c",
"type": "", "type": "",
"pos": { "pos": {
"x": 768, "x": 162,
"y": 162 "y": 794
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -233,8 +233,8 @@
"id": "g.e", "id": "g.e",
"type": "", "type": "",
"pos": { "pos": {
"x": 315, "x": 295,
"y": 308 "y": 328
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -271,8 +271,8 @@
"id": "f", "id": "f",
"type": "", "type": "",
"pos": { "pos": {
"x": 613, "x": 445,
"y": 458 "y": 639
}, },
"width": 111, "width": 111,
"height": 126, "height": 126,
@ -333,12 +333,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 218.5,
"y": 225 "y": 138
}, },
{ {
"x": 315, "x": 218.5,
"y": 225 "y": 328
} }
], ],
"animated": false, "animated": false,
@ -371,12 +371,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 428, "x": 218.5,
"y": 225 "y": 454
}, },
{ {
"x": 768, "x": 218.5,
"y": 225 "y": 794
} }
], ],
"animated": false, "animated": false,
@ -409,28 +409,28 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1031, "x": 87,
"y": 87 "y": 1070
}, },
{ {
"x": 1081, "x": 87,
"y": 87 "y": 1120
}, },
{ {
"x": 1081, "x": 566,
"y": 594 "y": 1120
}, },
{ {
"x": 175, "x": 566,
"y": 594 "y": 188
}, },
{ {
"x": 175, "x": 351.5,
"y": 371 "y": 188
}, },
{ {
"x": 315, "x": 351.5,
"y": 371 "y": 328
} }
], ],
"animated": false, "animated": false,
@ -463,20 +463,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 428, "x": 351.5,
"y": 371 "y": 454
}, },
{ {
"x": 558, "x": 351.5,
"y": 371 "y": 584
}, },
{ {
"x": 558, "x": 482,
"y": 500 "y": 584
}, },
{ {
"x": 613, "x": 482,
"y": 500 "y": 639
} }
], ],
"animated": false, "animated": false,
@ -509,20 +509,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 613, "x": 519,
"y": 542 "y": 639
}, },
{ {
"x": 185, "x": 519,
"y": 542 "y": 198
}, },
{ {
"x": 185, "x": 361.5,
"y": 381 "y": 198
}, },
{ {
"x": 240, "x": 361.5,
"y": 381 "y": 253
} }
], ],
"animated": false, "animated": false,
@ -555,12 +555,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 503, "x": 228.5,
"y": 235 "y": 529
}, },
{ {
"x": 693, "x": 228.5,
"y": 235 "y": 719
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/stable/container_edges/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1269" height="782" viewBox="-88 -88 1269 782"><style type="text/css"> width="754" height="1308" viewBox="-88 -88 754 1308"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,7 +14,7 @@ width="1269" height="782" viewBox="-88 -88 1269 782"><style type="text/css">
} }
]]> ]]>
</style><g id="a"><g class="shape" ><rect x="12" y="162" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="228.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="g"><g class="shape" ><rect x="240" y="87" width="263" height="422" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="371.500000" y="120.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">g</text></g><g id="d"><g class="shape" ><rect x="613" y="12" width="418" height="426" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="822.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">d</text></g><g id="f"><g class="shape" ><rect x="613" y="458" width="111" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="668.500000" y="524.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">f</text></g><g id="g.b"><g class="shape" ><rect x="315" y="162" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="371.500000" y="228.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="d.h"><g class="shape" ><rect x="693" y="87" width="263" height="276" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="824.500000" y="116.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="g.e"><g class="shape" ><rect x="315" y="308" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="371.500000" y="374.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">e</text></g><g id="d.h.c"><g class="shape" ><rect x="768" y="162" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="824.500000" y="228.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(a -&gt; g.b)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 127.000000 225.000000 L 311.000000 225.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(g.b -&gt; d.h.c)[0]"><path d="M 430.000000 225.000000 L 764.000000 225.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(d -&gt; g.e)[0]"><path d="M 1033.000000 87.000000 L 1071.000000 87.000000 S 1081.000000 87.000000 1081.000000 97.000000 L 1081.000000 584.000000 S 1081.000000 594.000000 1071.000000 594.000000 L 185.000000 594.000000 S 175.000000 594.000000 175.000000 584.000000 L 175.000000 381.000000 S 175.000000 371.000000 185.000000 371.000000 L 311.000000 371.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(g.e -&gt; f)[0]"><path d="M 430.000000 371.000000 L 548.000000 371.000000 S 558.000000 371.000000 558.000000 381.000000 L 558.000000 490.000000 S 558.000000 500.000000 568.000000 500.000000 L 609.000000 500.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(f -&gt; g)[0]"><path d="M 611.000000 542.000000 L 195.000000 542.000000 S 185.000000 542.000000 185.000000 532.000000 L 185.000000 391.000000 S 185.000000 381.000000 195.000000 381.000000 L 236.000000 381.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(g -&gt; d.h)[0]"><path d="M 505.000000 235.000000 L 689.000000 235.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </style><g id="a"><g class="shape" ><rect x="162" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="218.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="g"><g class="shape" ><rect x="87" y="253" width="396" height="276" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="285.000000" y="286.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">g</text></g><g id="d"><g class="shape" ><rect x="12" y="639" width="413" height="431" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="218.500000" y="672.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">d</text></g><g id="f"><g class="shape" ><rect x="445" y="639" width="111" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="500.500000" y="705.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">f</text></g><g id="g.b"><g class="shape" ><rect x="162" y="328" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="218.500000" y="394.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="d.h"><g class="shape" ><rect x="87" y="719" width="263" height="276" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="218.500000" y="748.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="g.e"><g class="shape" ><rect x="295" y="328" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="351.500000" y="394.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">e</text></g><g id="d.h.c"><g class="shape" ><rect x="162" y="794" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="218.500000" y="860.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(a -&gt; g.b)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 218.500000 140.000000 L 218.500000 324.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(g.b -&gt; d.h.c)[0]"><path d="M 218.500000 456.000000 L 218.500000 790.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(d -&gt; g.e)[0]"><path d="M 87.000000 1072.000000 L 87.000000 1110.000000 S 87.000000 1120.000000 97.000000 1120.000000 L 556.000000 1120.000000 S 566.000000 1120.000000 566.000000 1110.000000 L 566.000000 198.000000 S 566.000000 188.000000 556.000000 188.000000 L 361.500000 188.000000 S 351.500000 188.000000 351.500000 198.000000 L 351.500000 324.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(g.e -&gt; f)[0]"><path d="M 351.500000 456.000000 L 351.500000 574.000000 S 351.500000 584.000000 361.500000 584.000000 L 472.000000 584.000000 S 482.000000 584.000000 482.000000 594.000000 L 482.000000 635.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(f -&gt; g)[0]"><path d="M 519.000000 637.000000 L 519.000000 208.000000 S 519.000000 198.000000 509.000000 198.000000 L 371.500000 198.000000 S 361.500000 198.000000 361.500000 208.000000 L 361.500000 249.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(g -&gt; d.h)[0]"><path d="M 228.500000 531.000000 L 228.500000 715.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 327 KiB

After

Width:  |  Height:  |  Size: 327 KiB

404
e2etests/testdata/stable/dense/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 222, "x": 449,
"y": 485 "y": 238
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -43,8 +43,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 445, "x": 420,
"y": 453 "y": 474
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -81,8 +81,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 222, "x": 316,
"y": 339 "y": 238
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -119,8 +119,8 @@
"id": "d", "id": "d",
"type": "", "type": "",
"pos": { "pos": {
"x": 680, "x": 428,
"y": 462 "y": 720
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -157,8 +157,8 @@
"id": "e", "id": "e",
"type": "", "type": "",
"pos": { "pos": {
"x": 1136, "x": 533,
"y": 577 "y": 1202
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -195,8 +195,8 @@
"id": "f", "id": "f",
"type": "", "type": "",
"pos": { "pos": {
"x": 895, "x": 73,
"y": 75 "y": 946
}, },
"width": 111, "width": 111,
"height": 126, "height": 126,
@ -233,8 +233,8 @@
"id": "g", "id": "g",
"type": "", "type": "",
"pos": { "pos": {
"x": 680, "x": 23,
"y": 23 "y": 720
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -271,8 +271,8 @@
"id": "h", "id": "h",
"type": "", "type": "",
"pos": { "pos": {
"x": 678, "x": 562,
"y": 608 "y": 720
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -309,8 +309,8 @@
"id": "i", "id": "i",
"type": "", "type": "",
"pos": { "pos": {
"x": 1351, "x": 384,
"y": 410 "y": 1428
}, },
"width": 109, "width": 109,
"height": 126, "height": 126,
@ -347,8 +347,8 @@
"id": "j", "id": "j",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 317,
"y": 339 "y": 12
}, },
"width": 110, "width": 110,
"height": 126, "height": 126,
@ -385,8 +385,8 @@
"id": "k", "id": "k",
"type": "", "type": "",
"pos": { "pos": {
"x": 1563, "x": 382,
"y": 410 "y": 1654
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -423,8 +423,8 @@
"id": "l", "id": "l",
"type": "", "type": "",
"pos": { "pos": {
"x": 896, "x": 297,
"y": 316 "y": 946
}, },
"width": 109, "width": 109,
"height": 126, "height": 126,
@ -461,8 +461,8 @@
"id": "m", "id": "m",
"type": "", "type": "",
"pos": { "pos": {
"x": 678, "x": 158,
"y": 170 "y": 720
}, },
"width": 117, "width": 117,
"height": 126, "height": 126,
@ -499,8 +499,8 @@
"id": "n", "id": "n",
"type": "", "type": "",
"pos": { "pos": {
"x": 1136, "x": 400,
"y": 431 "y": 1202
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -537,8 +537,8 @@
"id": "o", "id": "o",
"type": "", "type": "",
"pos": { "pos": {
"x": 678, "x": 695,
"y": 754 "y": 720
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -575,8 +575,8 @@
"id": "p", "id": "p",
"type": "", "type": "",
"pos": { "pos": {
"x": 682, "x": 295,
"y": 316 "y": 720
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -613,8 +613,8 @@
"id": "q", "id": "q",
"type": "", "type": "",
"pos": { "pos": {
"x": 1349, "x": 533,
"y": 577 "y": 1428
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -675,12 +675,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 335, "x": 505.17857142857144,
"y": 547.5 "y": 364
}, },
{ {
"x": 445, "x": 505.17857142857144,
"y": 547.5 "y": 474
} }
], ],
"animated": false, "animated": false,
@ -713,20 +713,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 335, "x": 372.17857142857144,
"y": 401.5 "y": 364
}, },
{ {
"x": 385, "x": 372.17857142857144,
"y": 401.5 "y": 414
}, },
{ {
"x": 385, "x": 476.92857142857144,
"y": 516 "y": 414
}, },
{ {
"x": 445, "x": 476.92857142857144,
"y": 516 "y": 474
} }
], ],
"animated": false, "animated": false,
@ -759,20 +759,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 794.25, "x": 513.5,
"y": 556.5 "y": 846
}, },
{ {
"x": 845, "x": 513.5,
"y": 556.5 "y": 896
}, },
{ {
"x": 845, "x": 618,
"y": 671 "y": 896
}, },
{ {
"x": 1136, "x": 618,
"y": 671 "y": 1202
} }
], ],
"animated": false, "animated": false,
@ -805,20 +805,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1006, "x": 147,
"y": 159 "y": 1072
}, },
{ {
"x": 1076, "x": 147,
"y": 159 "y": 1142
}, },
{ {
"x": 1076, "x": 561.5,
"y": 608 "y": 1142
}, },
{ {
"x": 1136, "x": 561.5,
"y": 608 "y": 1202
} }
], ],
"animated": false, "animated": false,
@ -851,20 +851,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 558, "x": 468.8571428571429,
"y": 507 "y": 600
}, },
{ {
"x": 628, "x": 468.8571428571429,
"y": 507 "y": 670
}, },
{ {
"x": 628, "x": 147,
"y": 159 "y": 670
}, },
{ {
"x": 895, "x": 147,
"y": 159 "y": 946
} }
], ],
"animated": false, "animated": false,
@ -897,20 +897,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 558, "x": 452.7142857142857,
"y": 489 "y": 600
}, },
{ {
"x": 618, "x": 452.7142857142857,
"y": 489 "y": 660
}, },
{ {
"x": 618, "x": 80,
"y": 86 "y": 660
}, },
{ {
"x": 679.5, "x": 80,
"y": 86 "y": 720
} }
], ],
"animated": false, "animated": false,
@ -943,20 +943,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 793.5, "x": 80,
"y": 86 "y": 846
}, },
{ {
"x": 845, "x": 80,
"y": 86 "y": 896
}, },
{ {
"x": 845, "x": 110,
"y": 117 "y": 896
}, },
{ {
"x": 895, "x": 110,
"y": 117 "y": 946
} }
], ],
"animated": false, "animated": false,
@ -989,20 +989,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 558, "x": 501.1428571428571,
"y": 543 "y": 600
}, },
{ {
"x": 618, "x": 501.1428571428571,
"y": 543 "y": 660
}, },
{ {
"x": 618, "x": 618.5,
"y": 671 "y": 660
}, },
{ {
"x": 678, "x": 618.5,
"y": 671 "y": 720
} }
], ],
"animated": false, "animated": false,
@ -1035,28 +1035,28 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 558, "x": 436.57142857142856,
"y": 471 "y": 600
}, },
{ {
"x": 608, "x": 436.57142857142856,
"y": 471 "y": 650
}, },
{ {
"x": 608, "x": 12,
"y": 12 "y": 650
}, },
{ {
"x": 1299, "x": 12,
"y": 12 "y": 1378
}, },
{ {
"x": 1299, "x": 420.4166666666667,
"y": 451.5 "y": 1378
}, },
{ {
"x": 1350.6666666666667, "x": 420.4166666666667,
"y": 451.5 "y": 1428
} }
], ],
"animated": false, "animated": false,
@ -1089,12 +1089,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 558, "x": 485,
"y": 525 "y": 600
}, },
{ {
"x": 680.25, "x": 485,
"y": 525 "y": 720
} }
], ],
"animated": false, "animated": false,
@ -1127,12 +1127,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 122, "x": 372.17857142857144,
"y": 401.5 "y": 138
}, },
{ {
"x": 222, "x": 372.17857142857144,
"y": 401.5 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -1165,20 +1165,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 122, "x": 399.67857142857144,
"y": 433 "y": 138
}, },
{ {
"x": 172, "x": 399.67857142857144,
"y": 433 "y": 188
}, },
{ {
"x": 172, "x": 505.17857142857144,
"y": 547.5 "y": 188
}, },
{ {
"x": 222, "x": 505.17857142857144,
"y": 547.5 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -1211,28 +1211,28 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 445, "x": 448.67857142857144,
"y": 484.5 "y": 474
}, },
{ {
"x": 395, "x": 448.67857142857144,
"y": 484.5 "y": 424
}, },
{ {
"x": 395, "x": 304.67857142857144,
"y": 327.5 "y": 424
}, },
{ {
"x": 172, "x": 304.67857142857144,
"y": 327.5 "y": 188
}, },
{ {
"x": 172, "x": 344.67857142857144,
"y": 370 "y": 188
}, },
{ {
"x": 122, "x": 344.67857142857144,
"y": 370 "y": 138
} }
], ],
"animated": false, "animated": false,
@ -1265,12 +1265,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1459.6666666666667, "x": 438.58333333333337,
"y": 472.5 "y": 1554
}, },
{ {
"x": 1563, "x": 438.58333333333337,
"y": 472.5 "y": 1654
} }
], ],
"animated": false, "animated": false,
@ -1303,20 +1303,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 794.25, "x": 456.5,
"y": 493.5 "y": 846
}, },
{ {
"x": 845, "x": 456.5,
"y": 493.5 "y": 896
}, },
{ {
"x": 845, "x": 378.75,
"y": 410.5 "y": 896
}, },
{ {
"x": 895.5, "x": 378.75,
"y": 410.5 "y": 946
} }
], ],
"animated": false, "animated": false,
@ -1349,20 +1349,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1004.5, "x": 351.5,
"y": 379 "y": 1072
}, },
{ {
"x": 1056, "x": 351.5,
"y": 379 "y": 1122
}, },
{ {
"x": 1056, "x": 589.75,
"y": 639.5 "y": 1122
}, },
{ {
"x": 1136, "x": 589.75,
"y": 639.5 "y": 1202
} }
], ],
"animated": false, "animated": false,
@ -1395,20 +1395,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 795, "x": 236,
"y": 254 "y": 846
}, },
{ {
"x": 845, "x": 236,
"y": 254 "y": 896
}, },
{ {
"x": 845, "x": 324.25,
"y": 347.5 "y": 896
}, },
{ {
"x": 895.5, "x": 324.25,
"y": 347.5 "y": 946
} }
], ],
"animated": false, "animated": false,
@ -1441,20 +1441,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 795, "x": 197,
"y": 212 "y": 846
}, },
{ {
"x": 1066, "x": 197,
"y": 212 "y": 1132
}, },
{ {
"x": 1066, "x": 456.75,
"y": 493.5 "y": 1132
}, },
{ {
"x": 1136, "x": 456.75,
"y": 493.5 "y": 1202
} }
], ],
"animated": false, "animated": false,
@ -1487,12 +1487,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1249, "x": 456.75,
"y": 493.5 "y": 1328
}, },
{ {
"x": 1350.6666666666667, "x": 456.75,
"y": 493.5 "y": 1428
} }
], ],
"animated": false, "animated": false,
@ -1525,12 +1525,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 794.25, "x": 485,
"y": 525 "y": 846
}, },
{ {
"x": 1136, "x": 485,
"y": 525 "y": 1202
} }
], ],
"animated": false, "animated": false,
@ -1563,20 +1563,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1006, "x": 110,
"y": 117 "y": 1072
}, },
{ {
"x": 1086, "x": 110,
"y": 117 "y": 1152
}, },
{ {
"x": 1086, "x": 428.5,
"y": 462 "y": 1152
}, },
{ {
"x": 1136, "x": 428.5,
"y": 462 "y": 1202
} }
], ],
"animated": false, "animated": false,
@ -1609,20 +1609,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 558, "x": 517.2857142857142,
"y": 561 "y": 600
}, },
{ {
"x": 608, "x": 517.2857142857142,
"y": 561 "y": 650
}, },
{ {
"x": 608, "x": 752,
"y": 817 "y": 650
}, },
{ {
"x": 678, "x": 752,
"y": 817 "y": 720
} }
], ],
"animated": false, "animated": false,
@ -1655,12 +1655,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 795, "x": 351.5,
"y": 379 "y": 846
}, },
{ {
"x": 895.5, "x": 351.5,
"y": 379 "y": 946
} }
], ],
"animated": false, "animated": false,
@ -1693,12 +1693,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1249, "x": 589.75,
"y": 639.5 "y": 1328
}, },
{ {
"x": 1349, "x": 589.75,
"y": 639.5 "y": 1428
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/stable/dense/elk/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 335 KiB

After

Width:  |  Height:  |  Size: 335 KiB

284
e2etests/testdata/stable/different_subgraphs/elk/board.exp.json generated vendored
View file

@ -5,11 +5,11 @@
"id": "finally", "id": "finally",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 843,
"y": 742 "y": 12
}, },
"width": 779, "width": 458,
"height": 422, "height": 714,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -43,8 +43,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 678, "x": 57,
"y": 44 "y": 600
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -81,8 +81,8 @@
"id": "tree", "id": "tree",
"type": "", "type": "",
"pos": { "pos": {
"x": 927, "x": 362,
"y": 325 "y": 836
}, },
"width": 134, "width": 134,
"height": 126, "height": 126,
@ -119,8 +119,8 @@
"id": "and", "id": "and",
"type": "", "type": "",
"pos": { "pos": {
"x": 922, "x": 179,
"y": 158 "y": 836
}, },
"width": 132, "width": 132,
"height": 126, "height": 126,
@ -157,8 +157,8 @@
"id": "nodes", "id": "nodes",
"type": "", "type": "",
"pos": { "pos": {
"x": 901, "x": 12,
"y": 12 "y": 836
}, },
"width": 147, "width": 147,
"height": 126, "height": 126,
@ -195,8 +195,8 @@
"id": "some", "id": "some",
"type": "", "type": "",
"pos": { "pos": {
"x": 1174, "x": 174,
"y": 158 "y": 1062
}, },
"width": 143, "width": 143,
"height": 126, "height": 126,
@ -233,8 +233,8 @@
"id": "more", "id": "more",
"type": "", "type": "",
"pos": { "pos": {
"x": 1174, "x": 337,
"y": 304 "y": 1062
}, },
"width": 141, "width": 141,
"height": 126, "height": 126,
@ -271,8 +271,8 @@
"id": "many", "id": "many",
"type": "", "type": "",
"pos": { "pos": {
"x": 1174, "x": 498,
"y": 450 "y": 1062
}, },
"width": 145, "width": 145,
"height": 126, "height": 126,
@ -309,8 +309,8 @@
"id": "then", "id": "then",
"type": "", "type": "",
"pos": { "pos": {
"x": 653, "x": 685,
"y": 596 "y": 600
}, },
"width": 138, "width": 138,
"height": 126, "height": 126,
@ -347,8 +347,8 @@
"id": "here", "id": "here",
"type": "", "type": "",
"pos": { "pos": {
"x": 920, "x": 709,
"y": 617 "y": 836
}, },
"width": 136, "width": 136,
"height": 126, "height": 126,
@ -385,8 +385,8 @@
"id": "you", "id": "you",
"type": "", "type": "",
"pos": { "pos": {
"x": 1174, "x": 711,
"y": 617 "y": 1062
}, },
"width": 132, "width": 132,
"height": 126, "height": 126,
@ -423,8 +423,8 @@
"id": "have", "id": "have",
"type": "", "type": "",
"pos": { "pos": {
"x": 653, "x": 505,
"y": 450 "y": 600
}, },
"width": 138, "width": 138,
"height": 126, "height": 126,
@ -461,8 +461,8 @@
"id": "hierarchy", "id": "hierarchy",
"type": "", "type": "",
"pos": { "pos": {
"x": 901, "x": 516,
"y": 471 "y": 836
}, },
"width": 173, "width": 173,
"height": 126, "height": 126,
@ -499,8 +499,8 @@
"id": "another", "id": "another",
"type": "", "type": "",
"pos": { "pos": {
"x": 906, "x": 915,
"y": 820 "y": 836
}, },
"width": 163, "width": 163,
"height": 126, "height": 126,
@ -537,8 +537,8 @@
"id": "of", "id": "of",
"type": "", "type": "",
"pos": { "pos": {
"x": 1174, "x": 936,
"y": 820 "y": 1062
}, },
"width": 120, "width": 120,
"height": 126, "height": 126,
@ -575,8 +575,8 @@
"id": "nesting", "id": "nesting",
"type": "", "type": "",
"pos": { "pos": {
"x": 633, "x": 1322,
"y": 1184 "y": 600
}, },
"width": 158, "width": 158,
"height": 126, "height": 126,
@ -613,8 +613,8 @@
"id": "trees", "id": "trees",
"type": "", "type": "",
"pos": { "pos": {
"x": 901, "x": 1306,
"y": 1163 "y": 836
}, },
"width": 142, "width": 142,
"height": 126, "height": 126,
@ -651,8 +651,8 @@
"id": "finally.a", "id": "finally.a",
"type": "", "type": "",
"pos": { "pos": {
"x": 255, "x": 948,
"y": 838 "y": 233
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -689,8 +689,8 @@
"id": "finally.tree", "id": "finally.tree",
"type": "", "type": "",
"pos": { "pos": {
"x": 389, "x": 1073,
"y": 963 "y": 379
}, },
"width": 134, "width": 134,
"height": 126, "height": 126,
@ -727,8 +727,8 @@
"id": "finally.inside", "id": "finally.inside",
"type": "", "type": "",
"pos": { "pos": {
"x": 87, "x": 930,
"y": 838 "y": 87
}, },
"width": 148, "width": 148,
"height": 126, "height": 126,
@ -765,8 +765,8 @@
"id": "finally.hierarchy", "id": "finally.hierarchy",
"type": "", "type": "",
"pos": { "pos": {
"x": 543, "x": 1054,
"y": 963 "y": 525
}, },
"width": 173, "width": 173,
"height": 126, "height": 126,
@ -803,8 +803,8 @@
"id": "finally.root", "id": "finally.root",
"type": "", "type": "",
"pos": { "pos": {
"x": 388, "x": 918,
"y": 817 "y": 379
}, },
"width": 135, "width": 135,
"height": 126, "height": 126,
@ -865,20 +865,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 791, "x": 142,
"y": 138 "y": 726
}, },
{ {
"x": 841, "x": 142,
"y": 138 "y": 776
}, },
{ {
"x": 841, "x": 429.3333333333333,
"y": 388 "y": 776
}, },
{ {
"x": 927, "x": 429.3333333333333,
"y": 388 "y": 836
} }
], ],
"animated": false, "animated": false,
@ -911,20 +911,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 791, "x": 113.75,
"y": 106.5 "y": 726
}, },
{ {
"x": 851, "x": 113.75,
"y": 106.5 "y": 786
}, },
{ {
"x": 851, "x": 245,
"y": 221 "y": 786
}, },
{ {
"x": 921.5, "x": 245,
"y": 221 "y": 836
} }
], ],
"animated": false, "animated": false,
@ -957,12 +957,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 791, "x": 85.5,
"y": 75 "y": 726
}, },
{ {
"x": 901, "x": 85.5,
"y": 75 "y": 836
} }
], ],
"animated": false, "animated": false,
@ -995,12 +995,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1053.5, "x": 245,
"y": 221 "y": 962
}, },
{ {
"x": 1174, "x": 245,
"y": 221 "y": 1062
} }
], ],
"animated": false, "animated": false,
@ -1033,12 +1033,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1061, "x": 407,
"y": 367 "y": 962
}, },
{ {
"x": 1174, "x": 407,
"y": 367 "y": 1062
} }
], ],
"animated": false, "animated": false,
@ -1071,20 +1071,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1061, "x": 451.66666666666663,
"y": 409 "y": 962
}, },
{ {
"x": 1124, "x": 451.66666666666663,
"y": 409 "y": 1012
}, },
{ {
"x": 1124, "x": 570,
"y": 513 "y": 1012
}, },
{ {
"x": 1174, "x": 570,
"y": 513 "y": 1062
} }
], ],
"animated": false, "animated": false,
@ -1117,12 +1117,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 791, "x": 777.3333333333333,
"y": 680 "y": 726
}, },
{ {
"x": 919.5, "x": 777.3333333333333,
"y": 680 "y": 836
} }
], ],
"animated": false, "animated": false,
@ -1155,12 +1155,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1055.5, "x": 777.3333333333333,
"y": 680 "y": 962
}, },
{ {
"x": 1174, "x": 777.3333333333333,
"y": 680 "y": 1062
} }
], ],
"animated": false, "animated": false,
@ -1193,12 +1193,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 791, "x": 574,
"y": 513 "y": 726
}, },
{ {
"x": 901, "x": 574,
"y": 513 "y": 836
} }
], ],
"animated": false, "animated": false,
@ -1231,20 +1231,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 791, "x": 731.3333333333333,
"y": 638 "y": 726
}, },
{ {
"x": 841, "x": 731.3333333333333,
"y": 638 "y": 776
}, },
{ {
"x": 841, "x": 631.6666666666666,
"y": 555 "y": 776
}, },
{ {
"x": 901, "x": 631.6666666666666,
"y": 555 "y": 836
} }
], ],
"animated": false, "animated": false,
@ -1277,12 +1277,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 791, "x": 996.1666666666666,
"y": 882.6666666666666 "y": 726
}, },
{ {
"x": 906, "x": 996.1666666666666,
"y": 882.6666666666666 "y": 836
} }
], ],
"animated": false, "animated": false,
@ -1315,12 +1315,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1069, "x": 996.1666666666666,
"y": 882.6666666666666 "y": 962
}, },
{ {
"x": 1174, "x": 996.1666666666666,
"y": 882.6666666666666 "y": 1062
} }
], ],
"animated": false, "animated": false,
@ -1353,12 +1353,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 791, "x": 1400.8333333333333,
"y": 1247 "y": 726
}, },
{ {
"x": 901, "x": 1400.8333333333333,
"y": 1247 "y": 836
} }
], ],
"animated": false, "animated": false,
@ -1391,20 +1391,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 791, "x": 1149,
"y": 1023.3333333333333 "y": 726
}, },
{ {
"x": 841, "x": 1149,
"y": 1023.3333333333333 "y": 776
}, },
{ {
"x": 841, "x": 1353.4999999999998,
"y": 1205 "y": 776
}, },
{ {
"x": 901, "x": 1353.4999999999998,
"y": 1205 "y": 836
} }
], ],
"animated": false, "animated": false,
@ -1437,20 +1437,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 368, "x": 1023.1666666666667,
"y": 922 "y": 359
}, },
{ {
"x": 378, "x": 1023.1666666666667,
"y": 922 "y": 369
}, },
{ {
"x": 378, "x": 1140,
"y": 1026 "y": 369
}, },
{ {
"x": 388.5, "x": 1140,
"y": 1026 "y": 379
} }
], ],
"animated": false, "animated": false,
@ -1483,12 +1483,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 235, "x": 1004.3333333333333,
"y": 901 "y": 213
}, },
{ {
"x": 255, "x": 1004.3333333333333,
"y": 901 "y": 233
} }
], ],
"animated": false, "animated": false,
@ -1521,12 +1521,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 522.5, "x": 1140,
"y": 1026 "y": 505
}, },
{ {
"x": 543, "x": 1140,
"y": 1026 "y": 525
} }
], ],
"animated": false, "animated": false,
@ -1559,12 +1559,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 368, "x": 985.5,
"y": 880 "y": 359
}, },
{ {
"x": 388, "x": 985.5,
"y": 880 "y": 379
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/stable/different_subgraphs/elk/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 334 KiB

After

Width:  |  Height:  |  Size: 334 KiB

1141
e2etests/testdata/stable/direction/dagre/board.exp.json generated vendored Normal file
View file

File diff suppressed because it is too large Load diff

24
e2etests/testdata/stable/direction/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: 330 KiB

1033
e2etests/testdata/stable/direction/elk/board.exp.json generated vendored Normal file
View file

File diff suppressed because it is too large Load diff

24
e2etests/testdata/stable/direction/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: 330 KiB

12
e2etests/testdata/stable/font_colors/elk/board.exp.json generated vendored
View file

@ -43,8 +43,8 @@
"id": "beta", "id": "beta",
"type": "", "type": "",
"pos": { "pos": {
"x": 409, "x": 17,
"y": 12 "y": 359
}, },
"width": 136, "width": 136,
"height": 126, "height": 126,
@ -105,12 +105,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 157, "x": 84.5,
"y": 75 "y": 138
}, },
{ {
"x": 409, "x": 84.5,
"y": 75 "y": 359
} }
], ],
"animated": false, "animated": false,

10
e2etests/testdata/stable/font_colors/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="733" height="326" viewBox="-88 -88 733 326"><style type="text/css"> width="345" height="673" viewBox="-88 -88 345 673"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,10 +14,10 @@ width="733" height="326" viewBox="-88 -88 733 326"><style type="text/css">
} }
]]> ]]>
</style><g id="alpha"><g class="shape" ><rect x="12" y="12" width="145" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="84.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#4A6FF3">alpha</text></g><g id="beta"><g class="shape" ><rect x="409" y="12" width="136" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="477.000000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:red">beta</text></g><g id="(alpha -&gt; beta)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><mask id="mask-2829690043" maskUnits="userSpaceOnUse" x="145.000000" y="61.000000" width="276.000000" height="28.000000"> </style><g id="alpha"><g class="shape" ><rect x="12" y="12" width="145" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="84.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#4A6FF3">alpha</text></g><g id="beta"><g class="shape" ><rect x="17" y="359" width="136" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="85.000000" y="425.000000" style="text-anchor:middle;font-size:16px;fill:red">beta</text></g><g id="(alpha -&gt; beta)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><mask id="mask-2829690043" maskUnits="userSpaceOnUse" x="59.000000" y="124.000000" width="52.000000" height="249.000000">
<rect x="145.000000" y="61.000000" width="276.000000" height="28.000000" fill="white"></rect> <rect x="59.000000" y="124.000000" width="52.000000" height="249.000000" fill="white"></rect>
<rect x="257.000000" y="65.000000" width="52" height="21" fill="black"></rect> <rect x="59.000000" y="238.000000" width="52" height="21" fill="black"></rect>
</mask><path d="M 159.000000 75.000000 L 405.000000 75.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#mask-2829690043)" /><text class="text-italic" x="283.000000" y="81.000000" style="text-anchor:middle;font-size:16px;fill:green">gamma</text></g><style type="text/css"><![CDATA[ </mask><path d="M 84.500000 140.000000 L 84.500000 355.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#mask-2829690043)" /><text class="text-italic" x="85.000000" y="254.000000" style="text-anchor:middle;font-size:16px;fill:green">gamma</text></g><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 468 KiB

After

Width:  |  Height:  |  Size: 468 KiB

28
e2etests/testdata/stable/giant_markdown_test/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "md", "id": "md",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 225, "x": 12,
"y": 12 "y": 238
}, },
"width": 3051, "width": 3051,
"height": 4848, "height": 4848,
@ -42,8 +42,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 1481,
"y": 2373 "y": 12
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -80,8 +80,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 3376, "x": 1481,
"y": 2373 "y": 5186
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -142,12 +142,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 1537.5,
"y": 2436 "y": 138
}, },
{ {
"x": 225, "x": 1537.5,
"y": 2436 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -180,12 +180,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3276, "x": 1537.5,
"y": 2436 "y": 5086
}, },
{ {
"x": 3376, "x": 1537.5,
"y": 2436 "y": 5186
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/giant_markdown_test/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="3677" height="5048" viewBox="-88 -88 3677 5048"><style type="text/css"> width="3251" height="5500" viewBox="-88 -88 3251 5500"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -770,7 +770,7 @@ width="3677" height="5048" viewBox="-88 -88 3677 5048"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="225.000000" y="12.000000" width="3051" height="4848"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Markdown: Syntax</h1> </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="238.000000" width="3051" height="4848"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Markdown: Syntax</h1>
<ul> <ul>
<li><a href="#overview">Overview</a> <li><a href="#overview">Overview</a>
<ul> <ul>
@ -1027,7 +1027,7 @@ title for the link, surrounded in quotes. For example:</p>
<h3>Code</h3> <h3>Code</h3>
<p>Unlike a pre-formatted code block, a code span indicates code within a <p>Unlike a pre-formatted code block, a code span indicates code within a
normal paragraph. For example:</p> normal paragraph. For example:</p>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="12" y="2373" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="2439.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="3376" y="2373" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="3432.500000" y="2439.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 127.000000 2436.000000 L 221.000000 2436.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 3278.000000 2436.000000 L 3372.000000 2436.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="1481" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1537.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="1481" y="5186" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1537.500000" y="5252.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 1537.500000 140.000000 L 1537.500000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 1537.500000 5088.000000 L 1537.500000 5182.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 993 KiB

After

Width:  |  Height:  |  Size: 993 KiB

28
e2etests/testdata/stable/hr/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "md", "id": "md",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 225, "x": 12,
"y": 12 "y": 238
}, },
"width": 738, "width": 738,
"height": 134, "height": 134,
@ -42,8 +42,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 325,
"y": 16 "y": 12
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -80,8 +80,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 1063, "x": 325,
"y": 16 "y": 472
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -142,12 +142,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 381,
"y": 79 "y": 138
}, },
{ {
"x": 225, "x": 381,
"y": 79 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -180,12 +180,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 963, "x": 381,
"y": 79 "y": 372
}, },
{ {
"x": 1063, "x": 381,
"y": 79 "y": 472
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/hr/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1364" height="334" viewBox="-88 -88 1364 334"><style type="text/css"> width="938" height="786" viewBox="-88 -88 938 786"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -770,11 +770,11 @@ width="1364" height="334" viewBox="-88 -88 1364 334"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="225.000000" y="12.000000" width="738" height="134"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><strong>Note:</strong> This document is itself written using Markdown; you </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="238.000000" width="738" height="134"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><strong>Note:</strong> This document is itself written using Markdown; you
can <a href="/projects/markdown/syntax.text">see the source for it by adding '.text' to the URL</a>.</p> can <a href="/projects/markdown/syntax.text">see the source for it by adding '.text' to the URL</a>.</p>
<hr /> <hr />
<h2>Overview</h2> <h2>Overview</h2>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="12" y="16" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="82.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="1063" y="16" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1119.500000" y="82.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 127.000000 79.000000 L 221.000000 79.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 965.000000 79.000000 L 1059.000000 79.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="325" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="381.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="325" y="472" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="381.500000" y="538.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 381.000000 140.000000 L 381.000000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 381.000000 374.000000 L 381.000000 468.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 KiB

After

Width:  |  Height:  |  Size: 660 KiB

12
e2etests/testdata/stable/images/elk/board.exp.json generated vendored
View file

@ -54,8 +54,8 @@
"id": "b", "id": "b",
"type": "image", "type": "image",
"pos": { "pos": {
"x": 240, "x": 12,
"y": 12 "y": 240
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -127,12 +127,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 140, "x": 76,
"y": 76 "y": 140
}, },
{ {
"x": 240, "x": 76,
"y": 76 "y": 240
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/stable/images/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="556" height="359" viewBox="-88 -119 556 359"><style type="text/css"> width="328" height="587" viewBox="-88 -119 328 587"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,7 +14,7 @@ width="556" height="359" viewBox="-88 -119 556 359"><style type="text/css">
} }
]]> ]]>
</style><g id="a"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="12" y="12" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="76.000000" y="-3.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="240" y="12" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="304.000000" y="-3.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 142.000000 76.000000 L 236.000000 76.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </style><g id="a"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="12" y="12" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="76.000000" y="-3.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="12" y="240" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="76.000000" y="225.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 76.000000 142.000000 L 76.000000 236.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 324 KiB

After

Width:  |  Height:  |  Size: 324 KiB

434
e2etests/testdata/stable/investigate/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "aa", "id": "aa",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 12, "x": 435,
"y": 450 "y": 12
}, },
"width": 122, "width": 122,
"height": 126, "height": 126,
@ -43,8 +43,8 @@
"id": "bb", "id": "bb",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 234, "x": 292,
"y": 304 "y": 238
}, },
"width": 123, "width": 123,
"height": 126, "height": 126,
@ -81,8 +81,8 @@
"id": "cc", "id": "cc",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 457, "x": 314,
"y": 325 "y": 464
}, },
"width": 121, "width": 121,
"height": 126, "height": 126,
@ -119,11 +119,11 @@
"id": "dd", "id": "dd",
"type": "", "type": "",
"pos": { "pos": {
"x": 792, "x": 238,
"y": 250 "y": 816
}, },
"width": 273, "width": 415,
"height": 422, "height": 276,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -157,8 +157,8 @@
"id": "dd.ee", "id": "dd.ee",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 868, "x": 456,
"y": 471 "y": 891
}, },
"width": 122, "width": 122,
"height": 126, "height": 126,
@ -195,10 +195,10 @@
"id": "ll", "id": "ll",
"type": "", "type": "",
"pos": { "pos": {
"x": 3033, "x": 253,
"y": 268 "y": 3094
}, },
"width": 419, "width": 425,
"height": 427, "height": 427,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
@ -233,8 +233,8 @@
"id": "ll.mm", "id": "ll.mm",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 3108, "x": 472,
"y": 489 "y": 3169
}, },
"width": 131, "width": 131,
"height": 131, "height": 131,
@ -271,8 +271,8 @@
"id": "ff", "id": "ff",
"type": "", "type": "",
"pos": { "pos": {
"x": 2391, "x": 254,
"y": 268 "y": 2436
}, },
"width": 424, "width": 424,
"height": 427, "height": 427,
@ -309,8 +309,8 @@
"id": "ff.mm", "id": "ff.mm",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 2466, "x": 472,
"y": 489 "y": 2511
}, },
"width": 131, "width": 131,
"height": 131, "height": 131,
@ -347,8 +347,8 @@
"id": "ff.gg", "id": "ff.gg",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 2469, "x": 329,
"y": 343 "y": 2513
}, },
"width": 123, "width": 123,
"height": 126, "height": 126,
@ -385,8 +385,8 @@
"id": "dd.hh", "id": "dd.hh",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 867, "x": 313,
"y": 325 "y": 891
}, },
"width": 123, "width": 123,
"height": 126, "height": 126,
@ -423,8 +423,8 @@
"id": "ww", "id": "ww",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 2145, "x": 127,
"y": 143 "y": 2195
}, },
"width": 131, "width": 131,
"height": 126, "height": 126,
@ -472,11 +472,11 @@
"id": "yy", "id": "yy",
"type": "", "type": "",
"pos": { "pos": {
"x": 3562, "x": 75,
"y": 89 "y": 3631
}, },
"width": 413, "width": 273,
"height": 276, "height": 422,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -510,8 +510,8 @@
"id": "yy.zz", "id": "yy.zz",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 3637, "x": 152,
"y": 164 "y": 3706
}, },
"width": 120, "width": 120,
"height": 126, "height": 126,
@ -559,8 +559,8 @@
"id": "ad", "id": "ad",
"type": "parallelogram", "type": "parallelogram",
"pos": { "pos": {
"x": 4473, "x": 333,
"y": 346 "y": 4554
}, },
"width": 123, "width": 123,
"height": 126, "height": 126,
@ -597,11 +597,11 @@
"id": "nn", "id": "nn",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 4095, "x": 117,
"y": 125 "y": 4173
}, },
"width": 273, "width": 557,
"height": 568, "height": 276,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -635,8 +635,8 @@
"id": "ii", "id": "ii",
"type": "", "type": "",
"pos": { "pos": {
"x": 1170, "x": 460,
"y": 471 "y": 1197
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -673,8 +673,8 @@
"id": "jj", "id": "jj",
"type": "", "type": "",
"pos": { "pos": {
"x": 1466, "x": 459,
"y": 471 "y": 1503
}, },
"width": 115, "width": 115,
"height": 126, "height": 126,
@ -711,8 +711,8 @@
"id": "kk", "id": "kk",
"type": "", "type": "",
"pos": { "pos": {
"x": 1868, "x": 456,
"y": 471 "y": 1914
}, },
"width": 122, "width": 122,
"height": 126, "height": 126,
@ -749,8 +749,8 @@
"id": "nn.oo", "id": "nn.oo",
"type": "", "type": "",
"pos": { "pos": {
"x": 4170, "x": 476,
"y": 492 "y": 4248
}, },
"width": 123, "width": 123,
"height": 126, "height": 126,
@ -787,8 +787,8 @@
"id": "ff.pp", "id": "ff.pp",
"type": "", "type": "",
"pos": { "pos": {
"x": 2617, "x": 329,
"y": 343 "y": 2662
}, },
"width": 123, "width": 123,
"height": 126, "height": 126,
@ -825,8 +825,8 @@
"id": "ll.qq", "id": "ll.qq",
"type": "", "type": "",
"pos": { "pos": {
"x": 3112, "x": 328,
"y": 343 "y": 3172
}, },
"width": 124, "width": 124,
"height": 126, "height": 126,
@ -863,8 +863,8 @@
"id": "ll.rr", "id": "ll.rr",
"type": "", "type": "",
"pos": { "pos": {
"x": 3259, "x": 331,
"y": 343 "y": 3320
}, },
"width": 118, "width": 118,
"height": 126, "height": 126,
@ -901,8 +901,8 @@
"id": "ss", "id": "ss",
"type": "", "type": "",
"pos": { "pos": {
"x": 1389, "x": 37,
"y": 47 "y": 1428
}, },
"width": 268, "width": 268,
"height": 276, "height": 276,
@ -939,8 +939,8 @@
"id": "ss.tt", "id": "ss.tt",
"type": "", "type": "",
"pos": { "pos": {
"x": 1464, "x": 112,
"y": 122 "y": 1503
}, },
"width": 118, "width": 118,
"height": 126, "height": 126,
@ -977,8 +977,8 @@
"id": "uu", "id": "uu",
"type": "", "type": "",
"pos": { "pos": {
"x": 1767, "x": 34,
"y": 47 "y": 1814
}, },
"width": 273, "width": 273,
"height": 276, "height": 276,
@ -1015,8 +1015,8 @@
"id": "uu.vv", "id": "uu.vv",
"type": "", "type": "",
"pos": { "pos": {
"x": 1842, "x": 109,
"y": 122 "y": 1889
}, },
"width": 123, "width": 123,
"height": 126, "height": 126,
@ -1053,8 +1053,8 @@
"id": "rm", "id": "rm",
"type": "", "type": "",
"pos": { "pos": {
"x": 3230, "x": 109,
"y": 122 "y": 3295
}, },
"width": 124, "width": 124,
"height": 126, "height": 126,
@ -1091,8 +1091,8 @@
"id": "nn.xx", "id": "nn.xx",
"type": "", "type": "",
"pos": { "pos": {
"x": 4170, "x": 192,
"y": 200 "y": 4248
}, },
"width": 122, "width": 122,
"height": 126, "height": 126,
@ -1129,8 +1129,8 @@
"id": "yy.ab", "id": "yy.ab",
"type": "", "type": "",
"pos": { "pos": {
"x": 3777, "x": 150,
"y": 164 "y": 3852
}, },
"width": 123, "width": 123,
"height": 126, "height": 126,
@ -1167,8 +1167,8 @@
"id": "nn.ac", "id": "nn.ac",
"type": "", "type": "",
"pos": { "pos": {
"x": 4171, "x": 334,
"y": 346 "y": 4248
}, },
"width": 122, "width": 122,
"height": 126, "height": 126,
@ -1229,20 +1229,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 134, "x": 476,
"y": 491.5 "y": 138
}, },
{ {
"x": 184, "x": 476,
"y": 491.5 "y": 188
}, },
{ {
"x": 184, "x": 353.66666666666663,
"y": 366.5 "y": 188
}, },
{ {
"x": 234, "x": 353.66666666666663,
"y": 366.5 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -1275,12 +1275,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 357, "x": 374.16666666666663,
"y": 387.5 "y": 364
}, },
{ {
"x": 457, "x": 374.16666666666663,
"y": 387.5 "y": 464
} }
], ],
"animated": false, "animated": false,
@ -1313,12 +1313,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 134, "x": 516.6666666666666,
"y": 533.5 "y": 138
}, },
{ {
"x": 867.5, "x": 516.6666666666666,
"y": 533.5 "y": 891
} }
], ],
"animated": false, "animated": false,
@ -1351,28 +1351,28 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 357, "x": 333.16666666666663,
"y": 345.5 "y": 364
}, },
{ {
"x": 407, "x": 333.16666666666663,
"y": 345.5 "y": 414
}, },
{ {
"x": 407, "x": 23,
"y": 36 "y": 414
}, },
{ {
"x": 2336, "x": 23,
"y": 36 "y": 2381
}, },
{ {
"x": 2336, "x": 369.5,
"y": 385 "y": 2381
}, },
{ {
"x": 2468.6666666666665, "x": 369.5,
"y": 385 "y": 2512.6666666666665
} }
], ],
"animated": false, "animated": false,
@ -1405,12 +1405,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 578, "x": 374.16666666666663,
"y": 387.5 "y": 590
}, },
{ {
"x": 867, "x": 374.16666666666663,
"y": 387.5 "y": 891
} }
], ],
"animated": false, "animated": false,
@ -1443,12 +1443,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 989.5, "x": 516.6666666666666,
"y": 533.5 "y": 1017
}, },
{ {
"x": 1170, "x": 516.6666666666666,
"y": 533.5 "y": 1197
} }
], ],
"animated": false, "animated": false,
@ -1481,12 +1481,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1284, "x": 516.6666666666666,
"y": 533.5 "y": 1323
}, },
{ {
"x": 1465.5, "x": 516.6666666666666,
"y": 533.5 "y": 1503
} }
], ],
"animated": false, "animated": false,
@ -1519,12 +1519,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1580.5, "x": 516.6666666666666,
"y": 533.5 "y": 1629
}, },
{ {
"x": 1867.6666666666667, "x": 516.6666666666666,
"y": 533.5 "y": 1914
} }
], ],
"animated": false, "animated": false,
@ -1557,12 +1557,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1989.6666666666667, "x": 537,
"y": 554.5 "y": 2040
}, },
{ {
"x": 2466, "x": 537,
"y": 554.5 "y": 2511
} }
], ],
"animated": false, "animated": false,
@ -1595,12 +1595,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2597, "x": 537,
"y": 554.5 "y": 2642
}, },
{ {
"x": 3108, "x": 537,
"y": 554.5 "y": 3169
} }
], ],
"animated": false, "animated": false,
@ -1633,12 +1633,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3239, "x": 537,
"y": 554.5 "y": 3300
}, },
{ {
"x": 4170, "x": 537,
"y": 554.5 "y": 4248
} }
], ],
"animated": false, "animated": false,
@ -1671,12 +1671,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2591.6666666666665, "x": 390.5,
"y": 406 "y": 2638.6666666666665
}, },
{ {
"x": 2617, "x": 390.5,
"y": 406 "y": 2662
} }
], ],
"animated": false, "animated": false,
@ -1709,12 +1709,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2740, "x": 390,
"y": 406 "y": 2788
}, },
{ {
"x": 3111.5, "x": 390,
"y": 406 "y": 2918
},
{
"x": 389.5,
"y": 2918
},
{
"x": 389.5,
"y": 3171.5
} }
], ],
"animated": false, "animated": false,
@ -1747,12 +1755,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3235.5, "x": 390,
"y": 406 "y": 3297.5
}, },
{ {
"x": 3259, "x": 390,
"y": 406 "y": 3320
} }
], ],
"animated": false, "animated": false,
@ -1785,20 +1793,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 990, "x": 374.16666666666663,
"y": 387.5 "y": 1017
}, },
{ {
"x": 1120, "x": 374.16666666666663,
"y": 387.5 "y": 1147
}, },
{ {
"x": 1120, "x": 170.49999999999997,
"y": 185 "y": 1147
}, },
{ {
"x": 1464, "x": 170.49999999999997,
"y": 185 "y": 1503
} }
], ],
"animated": false, "animated": false,
@ -1831,12 +1839,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1582, "x": 170.5,
"y": 185 "y": 1629
}, },
{ {
"x": 1842, "x": 170.5,
"y": 185 "y": 1889
} }
], ],
"animated": false, "animated": false,
@ -1869,20 +1877,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1989.6666666666667, "x": 496.3333333333333,
"y": 512.5 "y": 2040
}, },
{ {
"x": 2095, "x": 496.3333333333333,
"y": 512.5 "y": 2145
}, },
{ {
"x": 2095, "x": 214.16666666666669,
"y": 227 "y": 2145
}, },
{ {
"x": 2145, "x": 214.16666666666669,
"y": 227 "y": 2195
} }
], ],
"animated": false, "animated": false,
@ -1915,12 +1923,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1965, "x": 170.5,
"y": 185 "y": 2015
}, },
{ {
"x": 2145, "x": 170.5,
"y": 185 "y": 2195
} }
], ],
"animated": false, "animated": false,
@ -1953,12 +1961,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2276, "x": 170.5,
"y": 185 "y": 2321
}, },
{ {
"x": 3229.6666666666665, "x": 170.5,
"y": 185 "y": 3294.6666666666665
} }
], ],
"animated": false, "animated": false,
@ -1991,28 +1999,28 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3353.6666666666665, "x": 149.83333333333331,
"y": 164 "y": 3420.6666666666665
}, },
{ {
"x": 3507, "x": 149.83333333333331,
"y": 164 "y": 3576
}, },
{ {
"x": 3507, "x": 63.666666666666664,
"y": 78 "y": 3576
}, },
{ {
"x": 4040, "x": 63.666666666666664,
"y": 78 "y": 4118
}, },
{ {
"x": 4040, "x": 252.5,
"y": 262.5 "y": 4118
}, },
{ {
"x": 4170, "x": 252.5,
"y": 262.5 "y": 4248
} }
], ],
"animated": false, "animated": false,
@ -2045,20 +2053,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3377, "x": 389.5,
"y": 406 "y": 3446
}, },
{ {
"x": 3507, "x": 389.5,
"y": 406 "y": 3576
}, },
{ {
"x": 3507, "x": 231.16666666666666,
"y": 248 "y": 3576
}, },
{ {
"x": 3637, "x": 231.16666666666666,
"y": 248 "y": 3706
} }
], ],
"animated": false, "animated": false,
@ -2091,12 +2099,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3353.6666666666665, "x": 191.16666666666666,
"y": 206 "y": 3420.6666666666665
}, },
{ {
"x": 3637, "x": 191.16666666666666,
"y": 206 "y": 3706
} }
], ],
"animated": false, "animated": false,
@ -2129,12 +2137,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3757, "x": 211.5,
"y": 227 "y": 3832
}, },
{ {
"x": 3777, "x": 211.5,
"y": 227 "y": 3852
} }
], ],
"animated": false, "animated": false,
@ -2167,20 +2175,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3900, "x": 211.16666666666666,
"y": 227 "y": 3978
}, },
{ {
"x": 4030, "x": 211.16666666666666,
"y": 227 "y": 4108
}, },
{ {
"x": 4030, "x": 394.5,
"y": 408.5 "y": 4108
}, },
{ {
"x": 4170.5, "x": 394.5,
"y": 408.5 "y": 4248
} }
], ],
"animated": false, "animated": false,
@ -2213,12 +2221,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4292.5, "x": 394.5,
"y": 408.5 "y": 4374
}, },
{ {
"x": 4473, "x": 394.5,
"y": 408.5 "y": 4554
} }
], ],
"animated": false, "animated": false,
@ -2251,20 +2259,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2276, "x": 214.16666666666669,
"y": 227 "y": 2321
}, },
{ {
"x": 2326, "x": 214.16666666666669,
"y": 227 "y": 2371
}, },
{ {
"x": 2326, "x": 410.5,
"y": 427 "y": 2371
}, },
{ {
"x": 2468.6666666666665, "x": 410.5,
"y": 427 "y": 2512.6666666666665
} }
], ],
"animated": false, "animated": false,

40
e2etests/testdata/stable/investigate/elk/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 486 KiB

After

Width:  |  Height:  |  Size: 486 KiB

396
e2etests/testdata/stable/large_arch/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 528, "x": 1657,
"y": 1728 "y": 541
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -43,8 +43,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 528, "x": 1524,
"y": 1582 "y": 541
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -81,8 +81,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 2112, "x": 578,
"y": 604 "y": 2178
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -119,8 +119,8 @@
"id": "d", "id": "d",
"type": "", "type": "",
"pos": { "pos": {
"x": 2112, "x": 711,
"y": 750 "y": 2178
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -157,8 +157,8 @@
"id": "e", "id": "e",
"type": "", "type": "",
"pos": { "pos": {
"x": 2326, "x": 712,
"y": 750 "y": 2404
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -195,8 +195,8 @@
"id": "f", "id": "f",
"type": "", "type": "",
"pos": { "pos": {
"x": 2112, "x": 447,
"y": 458 "y": 2178
}, },
"width": 111, "width": 111,
"height": 126, "height": 126,
@ -233,8 +233,8 @@
"id": "g", "id": "g",
"type": "", "type": "",
"pos": { "pos": {
"x": 2112, "x": 919,
"y": 955 "y": 2178
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -271,8 +271,8 @@
"id": "h", "id": "h",
"type": "", "type": "",
"pos": { "pos": {
"x": 1271, "x": 1006,
"y": 1050 "y": 1311
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -309,11 +309,11 @@
"id": "i", "id": "i",
"type": "", "type": "",
"pos": { "pos": {
"x": 1271, "x": 239,
"y": 237 "y": 1311
}, },
"width": 706, "width": 746,
"height": 792, "height": 732,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -347,11 +347,11 @@
"id": "i.j", "id": "i.j",
"type": "", "type": "",
"pos": { "pos": {
"x": 1346, "x": 517,
"y": 532 "y": 1386
}, },
"width": 263, "width": 392,
"height": 422, "height": 276,
"level": 2, "level": 2,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -385,8 +385,8 @@
"id": "i.j.k", "id": "i.j.k",
"type": "", "type": "",
"pos": { "pos": {
"x": 1421, "x": 592,
"y": 607 "y": 1461
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -423,8 +423,8 @@
"id": "i.j.l", "id": "i.j.l",
"type": "", "type": "",
"pos": { "pos": {
"x": 1425, "x": 725,
"y": 753 "y": 1461
}, },
"width": 109, "width": 109,
"height": 126, "height": 126,
@ -461,8 +461,8 @@
"id": "i.m", "id": "i.m",
"type": "", "type": "",
"pos": { "pos": {
"x": 1728, "x": 447,
"y": 458 "y": 1784
}, },
"width": 117, "width": 117,
"height": 126, "height": 126,
@ -499,8 +499,8 @@
"id": "i.n", "id": "i.n",
"type": "", "type": "",
"pos": { "pos": {
"x": 1789, "x": 314,
"y": 312 "y": 1842
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -537,8 +537,8 @@
"id": "i.o", "id": "i.o",
"type": "", "type": "",
"pos": { "pos": {
"x": 1639, "x": 648,
"y": 678 "y": 1692
}, },
"width": 263, "width": 263,
"height": 276, "height": 276,
@ -575,8 +575,8 @@
"id": "i.o.p", "id": "i.o.p",
"type": "", "type": "",
"pos": { "pos": {
"x": 1714, "x": 723,
"y": 753 "y": 1767
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -613,8 +613,8 @@
"id": "q", "id": "q",
"type": "", "type": "",
"pos": { "pos": {
"x": 2112, "x": 313,
"y": 312 "y": 2178
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -654,8 +654,8 @@
"x": 12, "x": 12,
"y": 12 "y": 12
}, },
"width": 1139, "width": 1492,
"height": 1550, "height": 1179,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -689,11 +689,11 @@
"id": "r.s", "id": "r.s",
"type": "", "type": "",
"pos": { "pos": {
"x": 386, "x": 87,
"y": 87 "y": 388
}, },
"width": 553, "width": 767,
"height": 812, "height": 577,
"level": 2, "level": 2,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -727,8 +727,8 @@
"id": "r.s.t", "id": "r.s.t",
"type": "", "type": "",
"pos": { "pos": {
"x": 658, "x": 669,
"y": 698 "y": 671
}, },
"width": 111, "width": 111,
"height": 126, "height": 126,
@ -765,8 +765,8 @@
"id": "r.s.u", "id": "r.s.u",
"type": "", "type": "",
"pos": { "pos": {
"x": 595, "x": 162,
"y": 162 "y": 609
}, },
"width": 264, "width": 264,
"height": 276, "height": 276,
@ -803,8 +803,8 @@
"id": "r.s.u.v", "id": "r.s.u.v",
"type": "", "type": "",
"pos": { "pos": {
"x": 670, "x": 237,
"y": 237 "y": 684
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -841,8 +841,8 @@
"id": "r.s.w", "id": "r.s.w",
"type": "", "type": "",
"pos": { "pos": {
"x": 671, "x": 446,
"y": 458 "y": 687
}, },
"width": 118, "width": 118,
"height": 126, "height": 126,
@ -879,8 +879,8 @@
"id": "r.s.x", "id": "r.s.x",
"type": "", "type": "",
"pos": { "pos": {
"x": 462, "x": 467,
"y": 479 "y": 463
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -917,8 +917,8 @@
"id": "r.s.y", "id": "r.s.y",
"type": "", "type": "",
"pos": { "pos": {
"x": 461, "x": 600,
"y": 625 "y": 463
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -955,8 +955,8 @@
"id": "r.z", "id": "r.z",
"type": "", "type": "",
"pos": { "pos": {
"x": 964, "x": 238,
"y": 237 "y": 990
}, },
"width": 112, "width": 112,
"height": 126, "height": 126,
@ -993,8 +993,8 @@
"id": "r.aa", "id": "r.aa",
"type": "", "type": "",
"pos": { "pos": {
"x": 239, "x": 549,
"y": 584 "y": 237
}, },
"width": 122, "width": 122,
"height": 126, "height": 126,
@ -1031,11 +1031,11 @@
"id": "r.bb", "id": "r.bb",
"type": "", "type": "",
"pos": { "pos": {
"x": 87, "x": 1014,
"y": 1065 "y": 87
}, },
"width": 274, "width": 415,
"height": 422, "height": 276,
"level": 2, "level": 2,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -1069,8 +1069,8 @@
"id": "r.bb.cc", "id": "r.bb.cc",
"type": "", "type": "",
"pos": { "pos": {
"x": 164, "x": 1089,
"y": 1140 "y": 162
}, },
"width": 121, "width": 121,
"height": 126, "height": 126,
@ -1107,8 +1107,8 @@
"id": "r.bb.dd", "id": "r.bb.dd",
"type": "", "type": "",
"pos": { "pos": {
"x": 162, "x": 1230,
"y": 1286 "y": 162
}, },
"width": 124, "width": 124,
"height": 126, "height": 126,
@ -1145,8 +1145,8 @@
"id": "r.ee", "id": "r.ee",
"type": "", "type": "",
"pos": { "pos": {
"x": 239, "x": 872,
"y": 919 "y": 237
}, },
"width": 122, "width": 122,
"height": 126, "height": 126,
@ -1183,8 +1183,8 @@
"id": "r.ff", "id": "r.ff",
"type": "", "type": "",
"pos": { "pos": {
"x": 386, "x": 875,
"y": 919 "y": 388
}, },
"width": 117, "width": 117,
"height": 126, "height": 126,
@ -1221,8 +1221,8 @@
"id": "r.gg", "id": "r.gg",
"type": "", "type": "",
"pos": { "pos": {
"x": 238, "x": 691,
"y": 730 "y": 237
}, },
"width": 123, "width": 123,
"height": 126, "height": 126,
@ -1283,20 +1283,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1534, "x": 648,
"y": 670 "y": 1587
}, },
{ {
"x": 1624, "x": 648,
"y": 670 "y": 1677
}, },
{ {
"x": 1624, "x": 534.75,
"y": 552.5 "y": 1677
}, },
{ {
"x": 1728.375, "x": 534.75,
"y": 552.5 "y": 1783.875
} }
], ],
"animated": false, "animated": false,
@ -1329,12 +1329,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1534, "x": 779,
"y": 816 "y": 1587
}, },
{ {
"x": 1714, "x": 779,
"y": 816 "y": 1767
} }
], ],
"animated": false, "animated": false,
@ -1367,28 +1367,28 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2112, "x": 341.5,
"y": 343.5 "y": 2178
}, },
{ {
"x": 2032, "x": 341.5,
"y": 343.5 "y": 2098
}, },
{ {
"x": 2032, "x": 228.5,
"y": 227 "y": 2098
}, },
{ {
"x": 1216, "x": 228.5,
"y": 227 "y": 1256
}, },
{ {
"x": 1216, "x": 475.75,
"y": 489.5 "y": 1256
}, },
{ {
"x": 1728.375, "x": 475.75,
"y": 489.5 "y": 1783.875
} }
], ],
"animated": false, "animated": false,
@ -1421,20 +1421,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1845.375, "x": 466,
"y": 479 "y": 1909.875
}, },
{ {
"x": 2032, "x": 466,
"y": 479 "y": 2098
}, },
{ {
"x": 2032, "x": 398.5,
"y": 406.5 "y": 2098
}, },
{ {
"x": 2112, "x": 398.5,
"y": 406.5 "y": 2178
} }
], ],
"animated": false, "animated": false,
@ -1467,12 +1467,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1902, "x": 370,
"y": 375 "y": 1968
}, },
{ {
"x": 2112, "x": 370,
"y": 375 "y": 2178
} }
], ],
"animated": false, "animated": false,
@ -1505,20 +1505,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1845.375, "x": 505,
"y": 521 "y": 1909.875
}, },
{ {
"x": 2052, "x": 505,
"y": 521 "y": 2118
}, },
{ {
"x": 2052, "x": 634.5,
"y": 667 "y": 2118
}, },
{ {
"x": 2112, "x": 634.5,
"y": 667 "y": 2178
} }
], ],
"animated": false, "animated": false,
@ -1551,20 +1551,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1845.375, "x": 524.5,
"y": 542 "y": 1909.875
}, },
{ {
"x": 2042, "x": 524.5,
"y": 542 "y": 2108
}, },
{ {
"x": 2042, "x": 768,
"y": 813 "y": 2108
}, },
{ {
"x": 2112, "x": 768,
"y": 813 "y": 2178
} }
], ],
"animated": false, "animated": false,
@ -1597,20 +1597,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1845.375, "x": 544,
"y": 563 "y": 1909.875
}, },
{ {
"x": 2032, "x": 544,
"y": 563 "y": 2098
}, },
{ {
"x": 2032, "x": 957,
"y": 997 "y": 2098
}, },
{ {
"x": 2112, "x": 957,
"y": 997 "y": 2178
} }
], ],
"animated": false, "animated": false,
@ -1643,20 +1643,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1845.375, "x": 485.5,
"y": 500 "y": 1909.875
}, },
{ {
"x": 2062, "x": 485.5,
"y": 500 "y": 2128
}, },
{ {
"x": 2062, "x": 502.5,
"y": 521 "y": 2128
}, },
{ {
"x": 2112, "x": 502.5,
"y": 521 "y": 2178
} }
], ],
"animated": false, "animated": false,
@ -1689,12 +1689,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2226, "x": 768,
"y": 813 "y": 2304
}, },
{ {
"x": 2326, "x": 768,
"y": 813 "y": 2404
} }
], ],
"animated": false, "animated": false,
@ -1727,20 +1727,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 542.6666666666666,
"y": 563 "y": 589
}, },
{ {
"x": 585, "x": 542.6666666666666,
"y": 563 "y": 599
}, },
{ {
"x": 585, "x": 696.5833333333333,
"y": 729.5 "y": 599
}, },
{ {
"x": 658.2, "x": 696.5833333333333,
"y": 729.5 "y": 671
} }
], ],
"animated": false, "animated": false,
@ -1773,12 +1773,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 505,
"y": 521 "y": 589
}, },
{ {
"x": 670.5, "x": 505,
"y": 521 "y": 686.5
} }
], ],
"animated": false, "animated": false,
@ -1811,12 +1811,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 361, "x": 752.0833333333333,
"y": 792.5 "y": 363
}, },
{ {
"x": 658.2, "x": 752.0833333333333,
"y": 792.5 "y": 671
} }
], ],
"animated": false, "animated": false,
@ -1849,12 +1849,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 784, "x": 294,
"y": 300 "y": 810
}, },
{ {
"x": 964, "x": 294,
"y": 300 "y": 990
} }
], ],
"animated": false, "animated": false,
@ -1887,20 +1887,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 361, "x": 609.5833333333333,
"y": 646.5 "y": 363
}, },
{ {
"x": 371, "x": 609.5833333333333,
"y": 646.5 "y": 373
}, },
{ {
"x": 371, "x": 724.3333333333333,
"y": 761 "y": 373
}, },
{ {
"x": 658.2, "x": 724.3333333333333,
"y": 761 "y": 671
} }
], ],
"animated": false, "animated": false,
@ -1933,12 +1933,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 788.5, "x": 505,
"y": 521 "y": 812.5
}, },
{ {
"x": 1728.375, "x": 505,
"y": 521 "y": 1783.875
} }
], ],
"animated": false, "animated": false,
@ -1971,20 +1971,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 769.2, "x": 705.8333333333333,
"y": 740 "y": 797
}, },
{ {
"x": 1216, "x": 705.8333333333333,
"y": 740 "y": 1256
}, },
{ {
"x": 1216, "x": 995,
"y": 1039 "y": 1256
}, },
{ {
"x": 2112, "x": 995,
"y": 1039 "y": 2178
} }
], ],
"animated": false, "animated": false,
@ -2017,20 +2017,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 769.2, "x": 742.8333333333333,
"y": 782 "y": 797
}, },
{ {
"x": 1206, "x": 742.8333333333333,
"y": 782 "y": 1246
}, },
{ {
"x": 1206, "x": 1062.5,
"y": 1113 "y": 1246
}, },
{ {
"x": 1271, "x": 1062.5,
"y": 1113 "y": 1311
} }
], ],
"animated": false, "animated": false,
@ -2063,12 +2063,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 361, "x": 933.3333333333333,
"y": 982 "y": 363
}, },
{ {
"x": 386, "x": 933.3333333333333,
"y": 982 "y": 388
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/stable/large_arch/elk/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 338 KiB

After

Width:  |  Height:  |  Size: 338 KiB

96
e2etests/testdata/stable/latex/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "a", "id": "a",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 291, "x": 263,
"y": 196 "y": 176
}, },
"width": 382, "width": 382,
"height": 101, "height": 101,
@ -42,8 +42,8 @@
"id": "b", "id": "b",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 450, "x": 178,
"y": 158 "y": 217
}, },
"width": 65, "width": 65,
"height": 18, "height": 18,
@ -79,8 +79,8 @@
"id": "z", "id": "z",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 12, "x": 151,
"y": 150 "y": 12
}, },
"width": 179, "width": 179,
"height": 51, "height": 51,
@ -116,8 +116,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 773, "x": 104,
"y": 104 "y": 389
}, },
"width": 214, "width": 214,
"height": 126, "height": 126,
@ -154,8 +154,8 @@
"id": "sugar", "id": "sugar",
"type": "", "type": "",
"pos": { "pos": {
"x": 527, "x": 12,
"y": 12 "y": 163
}, },
"width": 146, "width": 146,
"height": 126, "height": 126,
@ -192,8 +192,8 @@
"id": "solution", "id": "solution",
"type": "", "type": "",
"pos": { "pos": {
"x": 1231, "x": 129,
"y": 104 "y": 736
}, },
"width": 164, "width": 164,
"height": 126, "height": 126,
@ -254,20 +254,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 191, "x": 270.1666666666667,
"y": 184 "y": 63
}, },
{ {
"x": 241, "x": 270.1666666666667,
"y": 184 "y": 113
}, },
{ {
"x": 241, "x": 454,
"y": 246.5 "y": 113
}, },
{ {
"x": 291, "x": 454,
"y": 246.5 "y": 175.5
} }
], ],
"animated": false, "animated": false,
@ -300,12 +300,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 191, "x": 210.5,
"y": 167 "y": 63
}, },
{ {
"x": 449.5, "x": 210.5,
"y": 167 "y": 217
} }
], ],
"animated": false, "animated": false,
@ -338,20 +338,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 673, "x": 454,
"y": 246.5 "y": 276.5
}, },
{ {
"x": 723, "x": 454,
"y": 246.5 "y": 339
}, },
{ {
"x": 723, "x": 264,
"y": 198.5 "y": 339
}, },
{ {
"x": 773, "x": 264,
"y": 198.5 "y": 389
} }
], ],
"animated": false, "animated": false,
@ -384,12 +384,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 514.5, "x": 210.5,
"y": 167 "y": 235
}, },
{ {
"x": 773, "x": 210.5,
"y": 167 "y": 389
} }
], ],
"animated": false, "animated": false,
@ -422,20 +422,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 673, "x": 85,
"y": 75 "y": 289
}, },
{ {
"x": 723, "x": 85,
"y": 75 "y": 339
}, },
{ {
"x": 723, "x": 157,
"y": 135.5 "y": 339
}, },
{ {
"x": 773, "x": 157,
"y": 135.5 "y": 389
} }
], ],
"animated": false, "animated": false,
@ -468,12 +468,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 987, "x": 210.5,
"y": 167 "y": 515
}, },
{ {
"x": 1231, "x": 210.5,
"y": 167 "y": 736
} }
], ],
"animated": false, "animated": false,

10
e2etests/testdata/stable/latex/elk/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 506 KiB

After

Width:  |  Height:  |  Size: 506 KiB

26
e2etests/testdata/stable/li1/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "md", "id": "md",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 225, "x": 12,
"y": 25 "y": 238
}, },
"width": 379, "width": 379,
"height": 100, "height": 100,
@ -42,7 +42,7 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 145,
"y": 12 "y": 12
}, },
"width": 113, "width": 113,
@ -80,8 +80,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 704, "x": 145,
"y": 12 "y": 438
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -142,12 +142,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 201.5,
"y": 75 "y": 138
}, },
{ {
"x": 225, "x": 201.5,
"y": 75 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -180,12 +180,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 604, "x": 201.5,
"y": 75 "y": 338
}, },
{ {
"x": 704, "x": 201.5,
"y": 75 "y": 438
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/li1/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1005" height="326" viewBox="-88 -88 1005 326"><style type="text/css"> width="579" height="752" viewBox="-88 -88 579 752"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -770,7 +770,7 @@ width="1005" height="326" viewBox="-88 -88 1005 326"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="225.000000" y="25.000000" width="379" height="100"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><ul> </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="238.000000" width="379" height="100"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><ul>
<li><a href="#overview">Overview</a> <li><a href="#overview">Overview</a>
<ul> <ul>
<li><a href="#philosophy">Philosophy</a></li> <li><a href="#philosophy">Philosophy</a></li>
@ -782,7 +782,7 @@ width="1005" height="326" viewBox="-88 -88 1005 326"><style type="text/css">
</ul> </ul>
</li> </li>
</ul> </ul>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="12" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="704" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="760.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 127.000000 75.000000 L 221.000000 75.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 606.000000 75.000000 L 700.000000 75.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="145" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="201.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="145" y="438" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="201.500000" y="504.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 201.500000 140.000000 L 201.500000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 201.500000 340.000000 L 201.500000 434.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 KiB

After

Width:  |  Height:  |  Size: 660 KiB

26
e2etests/testdata/stable/li2/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "md", "id": "md",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 225, "x": 12,
"y": 37 "y": 238
}, },
"width": 245, "width": 245,
"height": 76, "height": 76,
@ -42,7 +42,7 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 78,
"y": 12 "y": 12
}, },
"width": 113, "width": 113,
@ -80,8 +80,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 570, "x": 78,
"y": 12 "y": 414
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -142,12 +142,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 134.5,
"y": 75 "y": 138
}, },
{ {
"x": 225, "x": 134.5,
"y": 75 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -180,12 +180,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 470, "x": 134.5,
"y": 75 "y": 314
}, },
{ {
"x": 570, "x": 134.5,
"y": 75 "y": 414
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/li2/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="871" height="326" viewBox="-88 -88 871 326"><style type="text/css"> width="445" height="728" viewBox="-88 -88 445 728"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -770,7 +770,7 @@ width="871" height="326" viewBox="-88 -88 871 326"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="225.000000" y="37.000000" width="245" height="76"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><ul> </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="238.000000" width="245" height="76"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><ul>
<li><a href="#overview">Overview</a> ok <em>this is all measured</em> <li><a href="#overview">Overview</a> ok <em>this is all measured</em>
<ul> <ul>
<li><a href="#philosophy">Philosophy</a></li> <li><a href="#philosophy">Philosophy</a></li>
@ -778,7 +778,7 @@ width="871" height="326" viewBox="-88 -88 871 326"><style type="text/css">
</ul> </ul>
</li> </li>
</ul> </ul>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="12" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="570" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="626.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 127.000000 75.000000 L 221.000000 75.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 472.000000 75.000000 L 566.000000 75.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="78" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="134.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="78" y="414" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="134.500000" y="480.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 134.500000 140.000000 L 134.500000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 134.500000 316.000000 L 134.500000 410.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 802 KiB

After

Width:  |  Height:  |  Size: 802 KiB

28
e2etests/testdata/stable/li3/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "md", "id": "md",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 225, "x": 12,
"y": 12 "y": 238
}, },
"width": 347, "width": 347,
"height": 512, "height": 512,
@ -42,8 +42,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 129,
"y": 205 "y": 12
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -80,8 +80,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 672, "x": 129,
"y": 205 "y": 850
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -142,12 +142,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 185.5,
"y": 268 "y": 138
}, },
{ {
"x": 225, "x": 185.5,
"y": 268 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -180,12 +180,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 572, "x": 185.5,
"y": 268 "y": 750
}, },
{ {
"x": 672, "x": 185.5,
"y": 268 "y": 850
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/li3/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="973" height="712" viewBox="-88 -88 973 712"><style type="text/css"> width="547" height="1164" viewBox="-88 -88 547 1164"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -770,7 +770,7 @@ width="973" height="712" viewBox="-88 -88 973 712"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="225.000000" y="12.000000" width="347" height="512"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><ul> </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="238.000000" width="347" height="512"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><ul>
<li><a href="#overview">Overview</a> <li><a href="#overview">Overview</a>
<ul> <ul>
<li><a href="#philosophy">Philosophy</a></li> <li><a href="#philosophy">Philosophy</a></li>
@ -803,7 +803,7 @@ width="973" height="712" viewBox="-88 -88 973 712"><style type="text/css">
</ul> </ul>
</li> </li>
</ul> </ul>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="12" y="205" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="271.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="672" y="205" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="728.500000" y="271.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 127.000000 268.000000 L 221.000000 268.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 574.000000 268.000000 L 668.000000 268.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="129" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="185.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="129" y="850" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="185.500000" y="916.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 185.500000 140.000000 L 185.500000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 185.500000 752.000000 L 185.500000 846.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 KiB

After

Width:  |  Height:  |  Size: 660 KiB

28
e2etests/testdata/stable/li4/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "md", "id": "md",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 225, "x": 12,
"y": 12 "y": 238
}, },
"width": 920, "width": 920,
"height": 376, "height": 376,
@ -42,8 +42,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 416,
"y": 137 "y": 12
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -80,8 +80,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 1245, "x": 416,
"y": 137 "y": 714
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -142,12 +142,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 472,
"y": 200 "y": 138
}, },
{ {
"x": 225, "x": 472,
"y": 200 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -180,12 +180,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1145, "x": 472,
"y": 200 "y": 614
}, },
{ {
"x": 1245, "x": 472,
"y": 200 "y": 714
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/li4/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1546" height="576" viewBox="-88 -88 1546 576"><style type="text/css"> width="1120" height="1028" viewBox="-88 -88 1120 1028"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -770,7 +770,7 @@ width="1546" height="576" viewBox="-88 -88 1546 576"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="225.000000" y="12.000000" width="920" height="376"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>List items may consist of multiple paragraphs. Each subsequent </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="238.000000" width="920" height="376"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>List items may consist of multiple paragraphs. Each subsequent
paragraph in a list item must be indented by either 4 spaces paragraph in a list item must be indented by either 4 spaces
or one tab:</p> or one tab:</p>
<ol> <ol>
@ -801,7 +801,7 @@ sit amet, consectetuer adipiscing elit.</p>
<p>Another item in the same list.</p> <p>Another item in the same list.</p>
</li> </li>
</ul> </ul>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="12" y="137" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="203.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="1245" y="137" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1301.500000" y="203.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 127.000000 200.000000 L 221.000000 200.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 1147.000000 200.000000 L 1241.000000 200.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="416" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="472.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="416" y="714" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="472.500000" y="780.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 472.000000 140.000000 L 472.000000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 472.000000 616.000000 L 472.000000 710.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 841 KiB

After

Width:  |  Height:  |  Size: 841 KiB

26
e2etests/testdata/stable/lone_h1/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "md", "id": "md",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 225, "x": 12,
"y": 50 "y": 238
}, },
"width": 266, "width": 266,
"height": 50, "height": 50,
@ -42,7 +42,7 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 89,
"y": 12 "y": 12
}, },
"width": 113, "width": 113,
@ -80,8 +80,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 591, "x": 89,
"y": 12 "y": 388
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -142,12 +142,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 145,
"y": 75 "y": 138
}, },
{ {
"x": 225, "x": 145,
"y": 75 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -180,12 +180,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 491, "x": 145,
"y": 75 "y": 288
}, },
{ {
"x": 591, "x": 145,
"y": 75 "y": 388
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/lone_h1/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="892" height="326" viewBox="-88 -88 892 326"><style type="text/css"> width="466" height="702" viewBox="-88 -88 466 702"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -770,8 +770,8 @@ width="892" height="326" viewBox="-88 -88 892 326"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="225.000000" y="50.000000" width="266" height="50"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Markdown: Syntax</h1> </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="238.000000" width="266" height="50"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Markdown: Syntax</h1>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="12" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="591" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="647.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 127.000000 75.000000 L 221.000000 75.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 493.000000 75.000000 L 587.000000 75.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="89" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="145.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="89" y="388" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="145.500000" y="454.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 145.000000 140.000000 L 145.000000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 145.000000 290.000000 L 145.000000 384.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 KiB

After

Width:  |  Height:  |  Size: 660 KiB

28
e2etests/testdata/stable/markdown/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "hey", "id": "hey",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 225, "x": 12,
"y": 12 "y": 238
}, },
"width": 531, "width": 531,
"height": 186, "height": 186,
@ -42,8 +42,8 @@
"id": "x", "id": "x",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 221,
"y": 42 "y": 12
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -80,8 +80,8 @@
"id": "y", "id": "y",
"type": "", "type": "",
"pos": { "pos": {
"x": 856, "x": 221,
"y": 42 "y": 524
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -142,12 +142,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 277.5,
"y": 105 "y": 138
}, },
{ {
"x": 225, "x": 277.5,
"y": 105 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -180,12 +180,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 756, "x": 277.5,
"y": 105 "y": 424
}, },
{ {
"x": 856, "x": 277.5,
"y": 105 "y": 524
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/markdown/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1158" height="386" viewBox="-88 -88 1158 386"><style type="text/css"> width="731" height="838" viewBox="-88 -88 731 838"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -770,14 +770,14 @@ width="1158" height="386" viewBox="-88 -88 1158 386"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="hey"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="225.000000" y="12.000000" width="531" height="186"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Every frustum longs to be a cone</h1> </style><g id="hey"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="238.000000" width="531" height="186"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Every frustum longs to be a cone</h1>
<ul> <ul>
<li>A continuing flow of paper is sufficient to continue the flow of paper</li> <li>A continuing flow of paper is sufficient to continue the flow of paper</li>
<li>Please remain calm, it's no use both of us being hysterical at the same time</li> <li>Please remain calm, it's no use both of us being hysterical at the same time</li>
<li>Visits always give pleasure: if not on arrival, then on the departure</li> <li>Visits always give pleasure: if not on arrival, then on the departure</li>
</ul> </ul>
<p><em>Festivity Level 1</em>: Your guests are chatting amiably with each other.</p> <p><em>Festivity Level 1</em>: Your guests are chatting amiably with each other.</p>
</div></foreignObject></g></g><g id="x"><g class="shape" ><rect x="12" y="42" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="108.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><rect x="856" y="42" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="913.000000" y="108.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="(x -&gt; hey)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 127.000000 105.000000 L 221.000000 105.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(hey -&gt; y)[0]"><path d="M 758.000000 105.000000 L 852.000000 105.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </div></foreignObject></g></g><g id="x"><g class="shape" ><rect x="221" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="277.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><rect x="221" y="524" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="278.000000" y="590.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="(x -&gt; hey)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 277.500000 140.000000 L 277.500000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(hey -&gt; y)[0]"><path d="M 277.500000 426.000000 L 277.500000 520.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 803 KiB

After

Width:  |  Height:  |  Size: 803 KiB

26
e2etests/testdata/stable/md_code_block_fenced/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "md", "id": "md",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 225, "x": 12,
"y": 20 "y": 238
}, },
"width": 196, "width": 196,
"height": 111, "height": 111,
@ -42,7 +42,7 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 54,
"y": 12 "y": 12
}, },
"width": 113, "width": 113,
@ -80,8 +80,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 521, "x": 54,
"y": 12 "y": 449
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -142,12 +142,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 110,
"y": 75 "y": 138
}, },
{ {
"x": 225, "x": 110,
"y": 75 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -180,12 +180,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 421, "x": 110,
"y": 75 "y": 349
}, },
{ {
"x": 521, "x": 110,
"y": 75 "y": 449
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/md_code_block_fenced/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="822" height="326" viewBox="-88 -88 822 326"><style type="text/css"> width="396" height="763" viewBox="-88 -88 396 763"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -770,12 +770,12 @@ width="822" height="326" viewBox="-88 -88 822 326"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="225.000000" y="20.000000" width="196" height="111"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><pre><code>{ </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="238.000000" width="196" height="111"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><pre><code>{
fenced: &quot;block&quot;, fenced: &quot;block&quot;,
of: &quot;json&quot;, of: &quot;json&quot;,
} }
</code></pre> </code></pre>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="12" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="521" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="577.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 127.000000 75.000000 L 221.000000 75.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 423.000000 75.000000 L 517.000000 75.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="54" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="110.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="54" y="449" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="110.500000" y="515.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 110.000000 140.000000 L 110.000000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 110.000000 351.000000 L 110.000000 445.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 840 KiB

After

Width:  |  Height:  |  Size: 840 KiB

28
e2etests/testdata/stable/md_code_block_indented/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "md", "id": "md",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 225, "x": 12,
"y": 12 "y": 238
}, },
"width": 212, "width": 212,
"height": 151, "height": 151,
@ -42,8 +42,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 62,
"y": 25 "y": 12
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -80,8 +80,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 537, "x": 62,
"y": 25 "y": 489
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -142,12 +142,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 118,
"y": 87.5 "y": 138
}, },
{ {
"x": 225, "x": 118,
"y": 87.5 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -180,12 +180,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 437, "x": 118,
"y": 87.5 "y": 389
}, },
{ {
"x": 537, "x": 118,
"y": 87.5 "y": 489
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/md_code_block_indented/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="838" height="351" viewBox="-88 -88 838 351"><style type="text/css"> width="412" height="803" viewBox="-88 -88 412 803"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -770,13 +770,13 @@ width="838" height="351" viewBox="-88 -88 838 351"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="225.000000" y="12.000000" width="212" height="151"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>a line of text and an</p> </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="238.000000" width="212" height="151"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>a line of text and an</p>
<pre><code>{ <pre><code>{
indented: &quot;block&quot;, indented: &quot;block&quot;,
of: &quot;json&quot;, of: &quot;json&quot;,
} }
</code></pre> </code></pre>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="12" y="25" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="91.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="537" y="25" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="593.500000" y="91.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 127.000000 87.500000 L 221.000000 87.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 439.000000 87.500000 L 533.000000 87.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="62" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="118.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="62" y="489" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="118.500000" y="555.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 118.000000 140.000000 L 118.000000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 118.000000 391.000000 L 118.000000 485.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 840 KiB

After

Width:  |  Height:  |  Size: 840 KiB

24
e2etests/testdata/stable/md_code_inline/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "md", "id": "md",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 225, "x": 46,
"y": 63 "y": 238
}, },
"width": 46, "width": 46,
"height": 24, "height": 24,
@ -80,8 +80,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 371, "x": 12,
"y": 12 "y": 362
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -142,12 +142,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 68.5,
"y": 75 "y": 138
}, },
{ {
"x": 225, "x": 68.5,
"y": 75 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -180,12 +180,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 271, "x": 68.5,
"y": 75 "y": 262
}, },
{ {
"x": 371, "x": 68.5,
"y": 75 "y": 362
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/md_code_inline/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="672" height="326" viewBox="-88 -88 672 326"><style type="text/css"> width="313" height="676" viewBox="-88 -88 313 676"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -770,8 +770,8 @@ width="672" height="326" viewBox="-88 -88 672 326"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="225.000000" y="63.000000" width="46" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><code>code</code></p> </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="46.000000" y="238.000000" width="46" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><code>code</code></p>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="12" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="371" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="427.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 127.000000 75.000000 L 221.000000 75.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 273.000000 75.000000 L 367.000000 75.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="12" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="12" y="362" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="428.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 68.500000 140.000000 L 68.500000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 68.500000 264.000000 L 68.500000 358.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 840 KiB

After

Width:  |  Height:  |  Size: 840 KiB

364
e2etests/testdata/stable/multiple_trees/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 443, "x": 450,
"y": 491 "y": 464
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -43,8 +43,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 677, "x": 1110,
"y": 1212 "y": 710
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -81,8 +81,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 678, "x": 706,
"y": 774 "y": 710
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -119,8 +119,8 @@
"id": "d", "id": "d",
"type": "", "type": "",
"pos": { "pos": {
"x": 677, "x": 976,
"y": 1066 "y": 710
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -157,8 +157,8 @@
"id": "e", "id": "e",
"type": "", "type": "",
"pos": { "pos": {
"x": 678, "x": 442,
"y": 482 "y": 710
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -195,8 +195,8 @@
"id": "f", "id": "f",
"type": "", "type": "",
"pos": { "pos": {
"x": 679, "x": 176,
"y": 190 "y": 710
}, },
"width": 111, "width": 111,
"height": 126, "height": 126,
@ -233,8 +233,8 @@
"id": "g", "id": "g",
"type": "", "type": "",
"pos": { "pos": {
"x": 225, "x": 449,
"y": 491 "y": 238
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -271,8 +271,8 @@
"id": "h", "id": "h",
"type": "", "type": "",
"pos": { "pos": {
"x": 677, "x": 43,
"y": 44 "y": 710
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -309,8 +309,8 @@
"id": "i", "id": "i",
"type": "", "type": "",
"pos": { "pos": {
"x": 448, "x": 1112,
"y": 1212 "y": 464
}, },
"width": 109, "width": 109,
"height": 126, "height": 126,
@ -347,8 +347,8 @@
"id": "j", "id": "j",
"type": "", "type": "",
"pos": { "pos": {
"x": 447, "x": 1241,
"y": 1358 "y": 464
}, },
"width": 110, "width": 110,
"height": 126, "height": 126,
@ -385,8 +385,8 @@
"id": "k", "id": "k",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 562,
"y": 616 "y": 12
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -423,8 +423,8 @@
"id": "l", "id": "l",
"type": "", "type": "",
"pos": { "pos": {
"x": 16, "x": 433,
"y": 470 "y": 12
}, },
"width": 109, "width": 109,
"height": 126, "height": 126,
@ -461,8 +461,8 @@
"id": "m", "id": "m",
"type": "", "type": "",
"pos": { "pos": {
"x": 891, "x": 820,
"y": 899 "y": 936
}, },
"width": 117, "width": 117,
"height": 126, "height": 126,
@ -499,8 +499,8 @@
"id": "n", "id": "n",
"type": "", "type": "",
"pos": { "pos": {
"x": 891, "x": 687,
"y": 753 "y": 936
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -537,8 +537,8 @@
"id": "o", "id": "o",
"type": "", "type": "",
"pos": { "pos": {
"x": 891, "x": 1090,
"y": 1191 "y": 936
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -575,8 +575,8 @@
"id": "p", "id": "p",
"type": "", "type": "",
"pos": { "pos": {
"x": 893, "x": 957,
"y": 1045 "y": 936
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -613,8 +613,8 @@
"id": "q", "id": "q",
"type": "", "type": "",
"pos": { "pos": {
"x": 891, "x": 422,
"y": 461 "y": 936
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -651,8 +651,8 @@
"id": "r", "id": "r",
"type": "", "type": "",
"pos": { "pos": {
"x": 891, "x": 556,
"y": 607 "y": 936
}, },
"width": 111, "width": 111,
"height": 126, "height": 126,
@ -689,8 +689,8 @@
"id": "s", "id": "s",
"type": "", "type": "",
"pos": { "pos": {
"x": 1108, "x": 958,
"y": 1045 "y": 1162
}, },
"width": 112, "width": 112,
"height": 126, "height": 126,
@ -727,8 +727,8 @@
"id": "t", "id": "t",
"type": "", "type": "",
"pos": { "pos": {
"x": 891, "x": 157,
"y": 169 "y": 936
}, },
"width": 111, "width": 111,
"height": 126, "height": 126,
@ -765,8 +765,8 @@
"id": "u", "id": "u",
"type": "", "type": "",
"pos": { "pos": {
"x": 891, "x": 288,
"y": 315 "y": 936
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -803,8 +803,8 @@
"id": "v", "id": "v",
"type": "", "type": "",
"pos": { "pos": {
"x": 443, "x": 150,
"y": 158 "y": 464
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -841,8 +841,8 @@
"id": "w", "id": "w",
"type": "", "type": "",
"pos": { "pos": {
"x": 439, "x": 12,
"y": 12 "y": 464
}, },
"width": 118, "width": 118,
"height": 126, "height": 126,
@ -903,20 +903,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 556.2857142857142, "x": 546.5119047619048,
"y": 598.5 "y": 590
}, },
{ {
"x": 607, "x": 546.5119047619048,
"y": 598.5 "y": 640
}, },
{ {
"x": 607, "x": 1138,
"y": 1243 "y": 640
}, },
{ {
"x": 677, "x": 1138,
"y": 1243 "y": 710
} }
], ],
"animated": false, "animated": false,
@ -949,20 +949,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 556.2857142857142, "x": 514.2261904761905,
"y": 562.5 "y": 590
}, },
{ {
"x": 627, "x": 514.2261904761905,
"y": 562.5 "y": 660
}, },
{ {
"x": 627, "x": 762.5833333333334,
"y": 836.5 "y": 660
}, },
{ {
"x": 677.6666666666666, "x": 762.5833333333334,
"y": 836.5 "y": 710
} }
], ],
"animated": false, "animated": false,
@ -995,20 +995,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 556.2857142857142, "x": 530.3690476190476,
"y": 580.5 "y": 590
}, },
{ {
"x": 617, "x": 530.3690476190476,
"y": 580.5 "y": 650
}, },
{ {
"x": 617, "x": 1032.75,
"y": 1128.5 "y": 650
}, },
{ {
"x": 677, "x": 1032.75,
"y": 1128.5 "y": 710
} }
], ],
"animated": false, "animated": false,
@ -1041,12 +1041,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 556.2857142857142, "x": 498.08333333333337,
"y": 544.5 "y": 590
}, },
{ {
"x": 677.6666666666666, "x": 498.0833333333333,
"y": 544.5 "y": 710
} }
], ],
"animated": false, "animated": false,
@ -1079,20 +1079,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 556.2857142857142, "x": 481.9404761904762,
"y": 526.5 "y": 590
}, },
{ {
"x": 627, "x": 481.9404761904762,
"y": 526.5 "y": 660
}, },
{ {
"x": 627, "x": 231.25,
"y": 252.5 "y": 660
}, },
{ {
"x": 679, "x": 231.25,
"y": 252.5 "y": 710
} }
], ],
"animated": false, "animated": false,
@ -1125,12 +1125,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 339, "x": 506.1547619047619,
"y": 553.5 "y": 364
}, },
{ {
"x": 443.2857142857143, "x": 506.1547619047619,
"y": 553.5 "y": 464
} }
], ],
"animated": false, "animated": false,
@ -1163,20 +1163,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 556.2857142857142, "x": 465.7976190476191,
"y": 508.5 "y": 590
}, },
{ {
"x": 617, "x": 465.7976190476191,
"y": 508.5 "y": 650
}, },
{ {
"x": 617, "x": 127.5,
"y": 138 "y": 650
}, },
{ {
"x": 677, "x": 127.5,
"y": 138 "y": 710
} }
], ],
"animated": false, "animated": false,
@ -1209,12 +1209,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 557, "x": 1166.25,
"y": 1274.5 "y": 590
}, },
{ {
"x": 677, "x": 1166.25,
"y": 1274.5 "y": 710
} }
], ],
"animated": false, "animated": false,
@ -1247,20 +1247,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 557, "x": 1295.75,
"y": 1420.5 "y": 590
}, },
{ {
"x": 607, "x": 1295.75,
"y": 1420.5 "y": 640
}, },
{ {
"x": 607, "x": 1194.5,
"y": 1306 "y": 640
}, },
{ {
"x": 677, "x": 1194.5,
"y": 1306 "y": 710
} }
], ],
"animated": false, "animated": false,
@ -1293,20 +1293,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 618.1547619047619,
"y": 678.5 "y": 138
}, },
{ {
"x": 175, "x": 618.1547619047619,
"y": 678.5 "y": 188
}, },
{ {
"x": 175, "x": 525.1547619047619,
"y": 574.5 "y": 188
}, },
{ {
"x": 225, "x": 525.1547619047619,
"y": 574.5 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -1339,12 +1339,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 487.1547619047619,
"y": 532.5 "y": 138
}, },
{ {
"x": 225, "x": 487.1547619047619,
"y": 532.5 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -1377,20 +1377,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 790.6666666666666, "x": 781.4166666666667,
"y": 857.5 "y": 836
}, },
{ {
"x": 841, "x": 781.4166666666667,
"y": 857.5 "y": 886
}, },
{ {
"x": 841, "x": 878.75,
"y": 961.5 "y": 886
}, },
{ {
"x": 891, "x": 878.75,
"y": 961.5 "y": 936
} }
], ],
"animated": false, "animated": false,
@ -1423,12 +1423,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 790.6666666666666, "x": 743.75,
"y": 815.5 "y": 836
}, },
{ {
"x": 891, "x": 743.75,
"y": 815.5 "y": 936
} }
], ],
"animated": false, "animated": false,
@ -1461,20 +1461,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 791, "x": 1051.75,
"y": 1149.5 "y": 836
}, },
{ {
"x": 841, "x": 1051.75,
"y": 1149.5 "y": 886
}, },
{ {
"x": 841, "x": 1147.25,
"y": 1253.5 "y": 886
}, },
{ {
"x": 891, "x": 1147.25,
"y": 1253.5 "y": 936
} }
], ],
"animated": false, "animated": false,
@ -1507,12 +1507,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 791, "x": 1013.75,
"y": 1107.5 "y": 836
}, },
{ {
"x": 893, "x": 1013.75,
"y": 1107.5 "y": 936
} }
], ],
"animated": false, "animated": false,
@ -1545,12 +1545,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 790.6666666666666, "x": 479.25,
"y": 523.5 "y": 836
}, },
{ {
"x": 891, "x": 479.25,
"y": 523.5 "y": 936
} }
], ],
"animated": false, "animated": false,
@ -1583,20 +1583,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 790.6666666666666, "x": 516.9166666666666,
"y": 565.5 "y": 836
}, },
{ {
"x": 841, "x": 516.9166666666666,
"y": 565.5 "y": 886
}, },
{ {
"x": 841, "x": 611.75,
"y": 669.5 "y": 886
}, },
{ {
"x": 891, "x": 611.75,
"y": 669.5 "y": 936
} }
], ],
"animated": false, "animated": false,
@ -1629,12 +1629,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1006, "x": 1013.75,
"y": 1107.5 "y": 1062
}, },
{ {
"x": 1108, "x": 1013.75,
"y": 1107.5 "y": 1162
} }
], ],
"animated": false, "animated": false,
@ -1667,12 +1667,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 790, "x": 212.75,
"y": 231.5 "y": 836
}, },
{ {
"x": 891, "x": 212.75,
"y": 231.5 "y": 936
} }
], ],
"animated": false, "animated": false,
@ -1705,20 +1705,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 790, "x": 249.75,
"y": 273.5 "y": 836
}, },
{ {
"x": 841, "x": 249.75,
"y": 273.5 "y": 886
}, },
{ {
"x": 841, "x": 345.25,
"y": 377.5 "y": 886
}, },
{ {
"x": 891, "x": 345.25,
"y": 377.5 "y": 936
} }
], ],
"animated": false, "animated": false,
@ -1751,20 +1751,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 557, "x": 207,
"y": 221 "y": 590
}, },
{ {
"x": 607, "x": 207,
"y": 221 "y": 640
}, },
{ {
"x": 607, "x": 99.25,
"y": 106.5 "y": 640
}, },
{ {
"x": 677, "x": 99.25,
"y": 106.5 "y": 710
} }
], ],
"animated": false, "animated": false,
@ -1797,12 +1797,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 557, "x": 71,
"y": 75 "y": 590
}, },
{ {
"x": 677, "x": 71,
"y": 75 "y": 710
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/stable/multiple_trees/elk/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 336 KiB

After

Width:  |  Height:  |  Size: 336 KiB

540
e2etests/testdata/stable/n22_e32/elk/board.exp.json generated vendored
View file

File diff suppressed because it is too large Load diff

4
e2etests/testdata/stable/n22_e32/elk/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 339 KiB

After

Width:  |  Height:  |  Size: 339 KiB

116
e2etests/testdata/stable/one_container_loop/elk/board.exp.json generated vendored
View file

@ -8,8 +8,8 @@
"x": 12, "x": 12,
"y": 12 "y": 12
}, },
"width": 263, "width": 396,
"height": 422, "height": 276,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -43,8 +43,8 @@
"id": "a.b", "id": "a.b",
"type": "", "type": "",
"pos": { "pos": {
"x": 87, "x": 220,
"y": 233 "y": 87
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -81,8 +81,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 1021, "x": 209,
"y": 223 "y": 1071
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -119,8 +119,8 @@
"id": "d", "id": "d",
"type": "", "type": "",
"pos": { "pos": {
"x": 807, "x": 209,
"y": 223 "y": 845
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -157,8 +157,8 @@
"id": "e", "id": "e",
"type": "", "type": "",
"pos": { "pos": {
"x": 594, "x": 77,
"y": 77 "y": 619
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -195,8 +195,8 @@
"id": "f", "id": "f",
"type": "", "type": "",
"pos": { "pos": {
"x": 595, "x": 210,
"y": 223 "y": 619
}, },
"width": 111, "width": 111,
"height": 126, "height": 126,
@ -233,8 +233,8 @@
"id": "g", "id": "g",
"type": "", "type": "",
"pos": { "pos": {
"x": 380, "x": 209,
"y": 223 "y": 393
}, },
"width": 114, "width": 114,
"height": 126, "height": 126,
@ -333,28 +333,28 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 200, "x": 276.5,
"y": 296 "y": 213
}, },
{ {
"x": 330, "x": 276.5,
"y": 296 "y": 343
}, },
{ {
"x": 330, "x": 332.5,
"y": 359 "y": 343
}, },
{ {
"x": 971, "x": 332.5,
"y": 359 "y": 1021
}, },
{ {
"x": 971, "x": 293.75,
"y": 317.5 "y": 1021
}, },
{ {
"x": 1021, "x": 293.75,
"y": 317.5 "y": 1071
} }
], ],
"animated": false, "animated": false,
@ -387,12 +387,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 921, "x": 265.5,
"y": 286 "y": 971
}, },
{ {
"x": 1021, "x": 265.5,
"y": 286 "y": 1071
} }
], ],
"animated": false, "animated": false,
@ -425,20 +425,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 707, "x": 133.5,
"y": 140 "y": 745
}, },
{ {
"x": 971, "x": 133.5,
"y": 140 "y": 1021
}, },
{ {
"x": 971, "x": 237.25,
"y": 254.5 "y": 1021
}, },
{ {
"x": 1021, "x": 237.25,
"y": 254.5 "y": 1071
} }
], ],
"animated": false, "animated": false,
@ -471,12 +471,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 706, "x": 265.5,
"y": 286 "y": 745
}, },
{ {
"x": 807, "x": 265.5,
"y": 286 "y": 845
} }
], ],
"animated": false, "animated": false,
@ -509,12 +509,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 275, "x": 133.5,
"y": 140 "y": 288
}, },
{ {
"x": 594, "x": 133.5,
"y": 140 "y": 619
} }
], ],
"animated": false, "animated": false,
@ -547,12 +547,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 494, "x": 265.5,
"y": 286 "y": 519
}, },
{ {
"x": 595, "x": 265.5,
"y": 286 "y": 619
} }
], ],
"animated": false, "animated": false,
@ -585,20 +585,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 200, "x": 143.5,
"y": 150 "y": 213
}, },
{ {
"x": 330, "x": 143.5,
"y": 150 "y": 343
}, },
{ {
"x": 330, "x": 265.5,
"y": 286 "y": 343
}, },
{ {
"x": 380, "x": 265.5,
"y": 286 "y": 393
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/stable/one_container_loop/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1322" height="622" viewBox="-88 -88 1322 622"><style type="text/css"> width="596" height="1385" viewBox="-88 -88 596 1385"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,7 +14,7 @@ width="1322" height="622" viewBox="-88 -88 1322 622"><style type="text/css">
} }
]]> ]]>
</style><g id="a"><g class="shape" ><rect x="12" y="12" width="263" height="422" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="143.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="1021" y="223" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1077.500000" y="289.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="807" y="223" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="864.000000" y="289.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="e"><g class="shape" ><rect x="594" y="77" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="650.500000" y="143.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">e</text></g><g id="f"><g class="shape" ><rect x="595" y="223" width="111" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="650.500000" y="289.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">f</text></g><g id="g"><g class="shape" ><rect x="380" y="223" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="437.000000" y="289.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">g</text></g><g id="a.b"><g class="shape" ><rect x="87" y="233" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="143.500000" y="299.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.h"><g class="shape" ><rect x="87" y="87" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="143.500000" y="153.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">h</text></g><g id="(a.b -&gt; c)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 202.000000 296.000000 L 320.000000 296.000000 S 330.000000 296.000000 330.000000 306.000000 L 330.000000 349.000000 S 330.000000 359.000000 340.000000 359.000000 L 961.000000 359.000000 S 971.000000 359.000000 971.000000 349.000000 L 971.000000 327.500000 S 971.000000 317.500000 981.000000 317.500000 L 1017.000000 317.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(d -&gt; c)[0]"><path d="M 923.000000 286.000000 L 1017.000000 286.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(e -&gt; c)[0]"><path d="M 709.000000 140.000000 L 961.000000 140.000000 S 971.000000 140.000000 971.000000 150.000000 L 971.000000 244.500000 S 971.000000 254.500000 981.000000 254.500000 L 1017.000000 254.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(f -&gt; d)[0]"><path d="M 708.000000 286.000000 L 803.000000 286.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(a -&gt; e)[0]"><path d="M 277.000000 140.000000 L 590.000000 140.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(g -&gt; f)[0]"><path d="M 496.000000 286.000000 L 591.000000 286.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(a.h -&gt; g)[0]"><path d="M 202.000000 150.000000 L 320.000000 150.000000 S 330.000000 150.000000 330.000000 160.000000 L 330.000000 276.000000 S 330.000000 286.000000 340.000000 286.000000 L 376.000000 286.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </style><g id="a"><g class="shape" ><rect x="12" y="12" width="396" height="276" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="210.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="209" y="1071" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="265.500000" y="1137.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="209" y="845" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="266.000000" y="911.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="e"><g class="shape" ><rect x="77" y="619" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="133.500000" y="685.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">e</text></g><g id="f"><g class="shape" ><rect x="210" y="619" width="111" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="265.500000" y="685.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">f</text></g><g id="g"><g class="shape" ><rect x="209" y="393" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="266.000000" y="459.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">g</text></g><g id="a.b"><g class="shape" ><rect x="220" y="87" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="276.500000" y="153.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.h"><g class="shape" ><rect x="87" y="87" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="143.500000" y="153.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">h</text></g><g id="(a.b -&gt; c)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 276.500000 215.000000 L 276.500000 333.000000 S 276.500000 343.000000 286.500000 343.000000 L 322.500000 343.000000 S 332.500000 343.000000 332.500000 353.000000 L 332.500000 1011.000000 S 332.500000 1021.000000 322.500000 1021.000000 L 303.750000 1021.000000 S 293.750000 1021.000000 293.750000 1031.000000 L 293.750000 1067.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(d -&gt; c)[0]"><path d="M 265.500000 973.000000 L 265.500000 1067.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(e -&gt; c)[0]"><path d="M 133.500000 747.000000 L 133.500000 1011.000000 S 133.500000 1021.000000 143.500000 1021.000000 L 227.250000 1021.000000 S 237.250000 1021.000000 237.250000 1031.000000 L 237.250000 1067.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(f -&gt; d)[0]"><path d="M 265.500000 747.000000 L 265.500000 841.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(a -&gt; e)[0]"><path d="M 133.500000 290.000000 L 133.500000 615.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(g -&gt; f)[0]"><path d="M 265.500000 521.000000 L 265.500000 615.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(a.h -&gt; g)[0]"><path d="M 143.500000 215.000000 L 143.500000 333.000000 S 143.500000 343.000000 153.500000 343.000000 L 255.500000 343.000000 S 265.500000 343.000000 265.500000 353.000000 L 265.500000 389.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 328 KiB

After

Width:  |  Height:  |  Size: 328 KiB

120
e2etests/testdata/stable/one_three_one_container/elk/board.exp.json generated vendored
View file

@ -5,7 +5,7 @@
"id": "top", "id": "top",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 108,
"y": 12 "y": 12
}, },
"width": 290, "width": 290,
@ -43,7 +43,7 @@
"id": "top.start", "id": "top.start",
"type": "", "type": "",
"pos": { "pos": {
"x": 87, "x": 183,
"y": 87 "y": 87
}, },
"width": 140, "width": 140,
@ -81,8 +81,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 417, "x": 330,
"y": 348 "y": 393
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -119,8 +119,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 417, "x": 197,
"y": 202 "y": 393
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -157,8 +157,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 417, "x": 64,
"y": 56 "y": 393
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -195,8 +195,8 @@
"id": "bottom", "id": "bottom",
"type": "", "type": "",
"pos": { "pos": {
"x": 635, "x": 12,
"y": 127 "y": 634
}, },
"width": 282, "width": 282,
"height": 276, "height": 276,
@ -233,8 +233,8 @@
"id": "bottom.end", "id": "bottom.end",
"type": "", "type": "",
"pos": { "pos": {
"x": 710, "x": 87,
"y": 202 "y": 709
}, },
"width": 132, "width": 132,
"height": 126, "height": 126,
@ -295,20 +295,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 227, "x": 288,
"y": 181.5 "y": 213
}, },
{ {
"x": 357, "x": 288,
"y": 181.5 "y": 343
}, },
{ {
"x": 357, "x": 386,
"y": 410.5 "y": 343
}, },
{ {
"x": 417, "x": 386,
"y": 410.5 "y": 393
} }
], ],
"animated": false, "animated": false,
@ -341,20 +341,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 227, "x": 253,
"y": 150 "y": 213
}, },
{ {
"x": 367, "x": 253,
"y": 150 "y": 393
},
{
"x": 367,
"y": 264.5
},
{
"x": 417,
"y": 264.5
} }
], ],
"animated": false, "animated": false,
@ -387,12 +379,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 227, "x": 218,
"y": 118.5 "y": 213
}, },
{ {
"x": 417, "x": 218,
"y": 118.5 "y": 343
},
{
"x": 120,
"y": 343
},
{
"x": 120,
"y": 393
} }
], ],
"animated": false, "animated": false,
@ -425,20 +425,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 530, "x": 386,
"y": 410.5 "y": 519
}, },
{ {
"x": 580, "x": 386,
"y": 410.5 "y": 579
}, },
{ {
"x": 580, "x": 186,
"y": 296 "y": 579
}, },
{ {
"x": 710, "x": 186,
"y": 296 "y": 709
} }
], ],
"animated": false, "animated": false,
@ -471,12 +471,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 530, "x": 253,
"y": 264.5 "y": 519
}, },
{ {
"x": 710, "x": 253,
"y": 264.5 "y": 569
},
{
"x": 153,
"y": 569
},
{
"x": 153,
"y": 709
} }
], ],
"animated": false, "animated": false,
@ -509,20 +517,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 530, "x": 120,
"y": 118.5 "y": 519
}, },
{ {
"x": 580, "x": 120,
"y": 118.5 "y": 709
},
{
"x": 580,
"y": 233
},
{
"x": 710,
"y": 233
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/stable/one_three_one_container/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1105" height="662" viewBox="-88 -88 1105 662"><style type="text/css"> width="631" height="1098" viewBox="-88 -88 631 1098"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,7 +14,7 @@ width="1105" height="662" viewBox="-88 -88 1105 662"><style type="text/css">
} }
]]> ]]>
</style><g id="top"><g class="shape" ><rect x="12" y="12" width="290" height="276" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="157.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">top</text></g><g id="a"><g class="shape" ><rect x="417" y="348" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="473.500000" y="414.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="417" y="202" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="473.500000" y="268.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="417" y="56" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="473.500000" y="122.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="bottom"><g class="shape" ><rect x="635" y="127" width="282" height="276" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="776.000000" y="160.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">bottom</text></g><g id="top.start"><g class="shape" ><rect x="87" y="87" width="140" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="157.000000" y="153.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">start</text></g><g id="bottom.end"><g class="shape" ><rect x="710" y="202" width="132" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="776.000000" y="268.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">end</text></g><g id="(top.start -&gt; a)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 229.000000 181.500000 L 347.000000 181.500000 S 357.000000 181.500000 357.000000 191.500000 L 357.000000 400.500000 S 357.000000 410.500000 367.000000 410.500000 L 413.000000 410.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(top.start -&gt; b)[0]"><path d="M 229.000000 150.000000 L 357.000000 150.000000 S 367.000000 150.000000 367.000000 160.000000 L 367.000000 254.500000 S 367.000000 264.500000 377.000000 264.500000 L 413.000000 264.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(top.start -&gt; c)[0]"><path d="M 229.000000 118.500000 L 413.000000 118.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(a -&gt; bottom.end)[0]"><path d="M 532.000000 410.500000 L 570.000000 410.500000 S 580.000000 410.500000 580.000000 400.500000 L 580.000000 306.000000 S 580.000000 296.000000 590.000000 296.000000 L 706.000000 296.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(b -&gt; bottom.end)[0]"><path d="M 532.000000 264.500000 L 706.000000 264.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(c -&gt; bottom.end)[0]"><path d="M 532.000000 118.500000 L 570.000000 118.500000 S 580.000000 118.500000 580.000000 128.500000 L 580.000000 223.000000 S 580.000000 233.000000 590.000000 233.000000 L 706.000000 233.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </style><g id="top"><g class="shape" ><rect x="108" y="12" width="290" height="276" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="253.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">top</text></g><g id="a"><g class="shape" ><rect x="330" y="393" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="386.500000" y="459.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="197" y="393" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="253.500000" y="459.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="64" y="393" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="459.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="bottom"><g class="shape" ><rect x="12" y="634" width="282" height="276" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="153.000000" y="667.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">bottom</text></g><g id="top.start"><g class="shape" ><rect x="183" y="87" width="140" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="253.000000" y="153.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">start</text></g><g id="bottom.end"><g class="shape" ><rect x="87" y="709" width="132" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="153.000000" y="775.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">end</text></g><g id="(top.start -&gt; a)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 288.000000 215.000000 L 288.000000 333.000000 S 288.000000 343.000000 298.000000 343.000000 L 376.000000 343.000000 S 386.000000 343.000000 386.000000 353.000000 L 386.000000 389.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(top.start -&gt; b)[0]"><path d="M 253.000000 215.000000 L 253.000000 389.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(top.start -&gt; c)[0]"><path d="M 218.000000 215.000000 L 218.000000 333.000000 S 218.000000 343.000000 208.000000 343.000000 L 130.000000 343.000000 S 120.000000 343.000000 120.000000 353.000000 L 120.000000 389.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(a -&gt; bottom.end)[0]"><path d="M 386.000000 521.000000 L 386.000000 569.000000 S 386.000000 579.000000 376.000000 579.000000 L 196.000000 579.000000 S 186.000000 579.000000 186.000000 589.000000 L 186.000000 705.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(b -&gt; bottom.end)[0]"><path d="M 253.000000 521.000000 L 253.000000 559.000000 S 253.000000 569.000000 243.000000 569.000000 L 163.000000 569.000000 S 153.000000 569.000000 153.000000 579.000000 L 153.000000 705.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(c -&gt; bottom.end)[0]"><path d="M 120.000000 521.000000 L 120.000000 705.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 327 KiB

After

Width:  |  Height:  |  Size: 327 KiB

26
e2etests/testdata/stable/p/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "md", "id": "md",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 225, "x": 12,
"y": 63 "y": 238
}, },
"width": 1857, "width": 1857,
"height": 24, "height": 24,
@ -42,7 +42,7 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 884,
"y": 12 "y": 12
}, },
"width": 113, "width": 113,
@ -80,8 +80,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 2182, "x": 884,
"y": 12 "y": 362
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -142,12 +142,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 940.5,
"y": 75 "y": 138
}, },
{ {
"x": 225, "x": 940.5,
"y": 75 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -180,12 +180,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2082, "x": 940.5,
"y": 75 "y": 262
}, },
{ {
"x": 2182, "x": 940.5,
"y": 75 "y": 362
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/p/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="2483" height="326" viewBox="-88 -88 2483 326"><style type="text/css"> width="2057" height="676" viewBox="-88 -88 2057 676"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -770,11 +770,11 @@ width="2483" height="326" viewBox="-88 -88 2483 326"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="225.000000" y="63.000000" width="1857" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>A paragraph is simply one or more consecutive lines of text, separated </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="238.000000" width="1857" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>A paragraph is simply one or more consecutive lines of text, separated
by one or more blank lines. (A blank line is any line that looks like a by one or more blank lines. (A blank line is any line that looks like a
blank line -- a line containing nothing but spaces or tabs is considered blank line -- a line containing nothing but spaces or tabs is considered
blank.) Normal paragraphs should not be indented with spaces or tabs.</p> blank.) Normal paragraphs should not be indented with spaces or tabs.</p>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="12" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="2182" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="2238.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 127.000000 75.000000 L 221.000000 75.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 2084.000000 75.000000 L 2178.000000 75.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="884" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="940.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="884" y="362" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="940.500000" y="428.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 940.500000 140.000000 L 940.500000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 940.500000 264.000000 L 940.500000 358.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 KiB

After

Width:  |  Height:  |  Size: 660 KiB

28
e2etests/testdata/stable/pre/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "md", "id": "md",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 225, "x": 12,
"y": 12 "y": 238
}, },
"width": 602, "width": 602,
"height": 170, "height": 170,
@ -42,8 +42,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 257,
"y": 34 "y": 12
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -80,8 +80,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 927, "x": 257,
"y": 34 "y": 508
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -142,12 +142,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 313,
"y": 97 "y": 138
}, },
{ {
"x": 225, "x": 313,
"y": 97 "y": 238
} }
], ],
"animated": false, "animated": false,
@ -180,12 +180,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 827, "x": 313,
"y": 97 "y": 408
}, },
{ {
"x": 927, "x": 313,
"y": 97 "y": 508
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/pre/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1228" height="370" viewBox="-88 -88 1228 370"><style type="text/css"> width="802" height="822" viewBox="-88 -88 802 822"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -770,14 +770,14 @@ width="1228" height="370" viewBox="-88 -88 1228 370"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="225.000000" y="12.000000" width="602" height="170"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Here is an example of AppleScript:</p> </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="238.000000" width="602" height="170"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>Here is an example of AppleScript:</p>
<pre><code>tell application &quot;Foo&quot; <pre><code>tell application &quot;Foo&quot;
beep beep
end tell end tell
</code></pre> </code></pre>
<p>A code block continues until it reaches a line that is not indented <p>A code block continues until it reaches a line that is not indented
(or the end of the article).</p> (or the end of the article).</p>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="12" y="34" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="100.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="927" y="34" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="983.500000" y="100.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 127.000000 97.000000 L 221.000000 97.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 829.000000 97.000000 L 923.000000 97.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="257" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="313.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="257" y="508" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="313.500000" y="574.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 313.000000 140.000000 L 313.000000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><g id="(md -&gt; b)[0]"><path d="M 313.000000 410.000000 L 313.000000 504.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 840 KiB

After

Width:  |  Height:  |  Size: 840 KiB

54
e2etests/testdata/stable/sql_tables/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "users", "id": "users",
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 46, "x": 635,
"y": 412 "y": 12
}, },
"width": 259, "width": 259,
"height": 216, "height": 216,
@ -73,8 +73,8 @@
"id": "products", "id": "products",
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 15, "x": 325,
"y": 212 "y": 48
}, },
"width": 290, "width": 290,
"height": 180, "height": 180,
@ -135,8 +135,8 @@
"id": "orders", "id": "orders",
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 405, "x": 363,
"y": 230 "y": 328
}, },
"width": 215, "width": 215,
"height": 144, "height": 144,
@ -192,7 +192,7 @@
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 12 "y": 48
}, },
"width": 293, "width": 293,
"height": 180, "height": 180,
@ -277,20 +277,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 305, "x": 764.5,
"y": 520 "y": 228
}, },
{ {
"x": 355, "x": 764.5,
"y": 520 "y": 278
}, },
{ {
"x": 355, "x": 523.75,
"y": 338 "y": 278
}, },
{ {
"x": 405, "x": 523.75,
"y": 338 "y": 328
} }
], ],
"animated": false, "animated": false,
@ -323,12 +323,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 305, "x": 470,
"y": 302 "y": 228
}, },
{ {
"x": 405, "x": 470,
"y": 302 "y": 328
} }
], ],
"animated": false, "animated": false,
@ -361,20 +361,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 305, "x": 158.5,
"y": 102 "y": 228
}, },
{ {
"x": 355, "x": 158.5,
"y": 102 "y": 278
}, },
{ {
"x": 355, "x": 416.25,
"y": 266 "y": 278
}, },
{ {
"x": 405, "x": 416.25,
"y": 266 "y": 328
} }
], ],
"animated": false, "animated": false,

64
e2etests/testdata/stable/sql_tables/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="808" height="816" viewBox="-88 -88 808 816"><style type="text/css"> width="1082" height="660" viewBox="-88 -88 1082 660"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,39 +14,39 @@ width="808" height="816" viewBox="-88 -88 808 816"><style type="text/css">
} }
]]> ]]>
</style><g id="users"><g class="shape" ><rect class="shape" x="46" y="412" width="259" height="216" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="46.000000" y="412.000000" width="259.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="66.000000" y="439.000000" style="text-anchor:start;font-size:24px;fill:white">users</text><text class="text" x="56.000000" y="471.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text> </style><g id="users"><g class="shape" ><rect class="shape" x="635" y="12" width="259" height="216" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="635.000000" y="12.000000" width="259.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="655.000000" y="39.000000" style="text-anchor:start;font-size:24px;fill:white">users</text><text class="text" x="645.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
<text class="text" x="167.111111" y="471.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text> <text class="text" x="756.111111" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="285.000000" y="471.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="46.000000" y1="484.000000" x2="305.000000" y2="484.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="56.000000" y="507.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text> <text class="text" x="874.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="635.000000" y1="84.000000" x2="894.000000" y2="84.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="645.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text>
<text class="text" x="167.111111" y="507.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text> <text class="text" x="756.111111" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
<text class="text" x="285.000000" y="507.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="46.000000" y1="520.000000" x2="305.000000" y2="520.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="56.000000" y="543.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">email</text> <text class="text" x="874.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="635.000000" y1="120.000000" x2="894.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="645.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">email</text>
<text class="text" x="167.111111" y="543.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text> <text class="text" x="756.111111" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
<text class="text" x="285.000000" y="543.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="46.000000" y1="556.000000" x2="305.000000" y2="556.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="56.000000" y="579.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">password</text> <text class="text" x="874.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="635.000000" y1="156.000000" x2="894.000000" y2="156.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="645.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">password</text>
<text class="text" x="167.111111" y="579.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text> <text class="text" x="756.111111" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
<text class="text" x="285.000000" y="579.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="46.000000" y1="592.000000" x2="305.000000" y2="592.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="56.000000" y="615.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">last_login</text> <text class="text" x="874.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="635.000000" y1="192.000000" x2="894.000000" y2="192.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="645.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">last_login</text>
<text class="text" x="167.111111" y="615.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">datetime</text> <text class="text" x="756.111111" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">datetime</text>
<text class="text" x="285.000000" y="615.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="46.000000" y1="628.000000" x2="305.000000" y2="628.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="products"><g class="shape" ><rect class="shape" x="15" y="212" width="290" height="180" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="15.000000" y="212.000000" width="290.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="35.000000" y="239.000000" style="text-anchor:start;font-size:24px;fill:white">products</text><text class="text" x="25.000000" y="271.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text> <text class="text" x="874.000000" y="215.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="635.000000" y1="228.000000" x2="894.000000" y2="228.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="products"><g class="shape" ><rect class="shape" x="325" y="48" width="290" height="180" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="325.000000" y="48.000000" width="290.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="345.000000" y="75.000000" style="text-anchor:start;font-size:24px;fill:white">products</text><text class="text" x="335.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
<text class="text" x="80.555556" y="271.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text> <text class="text" x="390.555556" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="285.000000" y="271.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="15.000000" y1="284.000000" x2="305.000000" y2="284.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="25.000000" y="307.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">price</text> <text class="text" x="595.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="325.000000" y1="120.000000" x2="615.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="335.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">price</text>
<text class="text" x="80.555556" y="307.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">decimal</text> <text class="text" x="390.555556" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">decimal</text>
<text class="text" x="285.000000" y="307.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="15.000000" y1="320.000000" x2="305.000000" y2="320.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="25.000000" y="343.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">sku</text> <text class="text" x="595.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="325.000000" y1="156.000000" x2="615.000000" y2="156.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="335.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">sku</text>
<text class="text" x="80.555556" y="343.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text> <text class="text" x="390.555556" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
<text class="text" x="285.000000" y="343.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="15.000000" y1="356.000000" x2="305.000000" y2="356.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="25.000000" y="379.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text> <text class="text" x="595.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="325.000000" y1="192.000000" x2="615.000000" y2="192.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="335.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text>
<text class="text" x="80.555556" y="379.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text> <text class="text" x="390.555556" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
<text class="text" x="285.000000" y="379.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="15.000000" y1="392.000000" x2="305.000000" y2="392.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="orders"><g class="shape" ><rect class="shape" x="405" y="230" width="215" height="144" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="405.000000" y="230.000000" width="215.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="425.000000" y="257.000000" style="text-anchor:start;font-size:24px;fill:white">orders</text><text class="text" x="415.000000" y="289.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text> <text class="text" x="595.000000" y="215.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="325.000000" y1="228.000000" x2="615.000000" y2="228.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="orders"><g class="shape" ><rect class="shape" x="363" y="328" width="215" height="144" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="363.000000" y="328.000000" width="215.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="383.000000" y="355.000000" style="text-anchor:start;font-size:24px;fill:white">orders</text><text class="text" x="373.000000" y="387.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
<text class="text" x="526.111111" y="289.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text> <text class="text" x="484.111111" y="387.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="600.000000" y="289.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="405.000000" y1="302.000000" x2="620.000000" y2="302.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="415.000000" y="325.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">user_id</text> <text class="text" x="558.000000" y="387.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="363.000000" y1="400.000000" x2="578.000000" y2="400.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="373.000000" y="423.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">user_id</text>
<text class="text" x="526.111111" y="325.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text> <text class="text" x="484.111111" y="423.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="600.000000" y="325.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="405.000000" y1="338.000000" x2="620.000000" y2="338.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="415.000000" y="361.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">product_id</text> <text class="text" x="558.000000" y="423.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="363.000000" y1="436.000000" x2="578.000000" y2="436.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="373.000000" y="459.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">product_id</text>
<text class="text" x="526.111111" y="361.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text> <text class="text" x="484.111111" y="459.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="600.000000" y="361.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="405.000000" y1="374.000000" x2="620.000000" y2="374.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="shipments"><g class="shape" ><rect class="shape" x="12" y="12" width="293" height="180" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="293.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="32.000000" y="39.000000" style="text-anchor:start;font-size:24px;fill:white">shipments</text><text class="text" x="22.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text> <text class="text" x="558.000000" y="459.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="363.000000" y1="472.000000" x2="578.000000" y2="472.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="shipments"><g class="shape" ><rect class="shape" x="12" y="48" width="293" height="180" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="12.000000" y="48.000000" width="293.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="32.000000" y="75.000000" style="text-anchor:start;font-size:24px;fill:white">shipments</text><text class="text" x="22.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
<text class="text" x="188.666667" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="285.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="84.000000" x2="305.000000" y2="84.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">order_id</text>
<text class="text" x="188.666667" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text> <text class="text" x="188.666667" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="285.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="120.000000" x2="305.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">tracking_number</text> <text class="text" x="285.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="120.000000" x2="305.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">order_id</text>
<text class="text" x="188.666667" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text> <text class="text" x="188.666667" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
<text class="text" x="285.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="156.000000" x2="305.000000" y2="156.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">status</text> <text class="text" x="285.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="156.000000" x2="305.000000" y2="156.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">tracking_number</text>
<text class="text" x="188.666667" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text> <text class="text" x="188.666667" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
<text class="text" x="285.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="192.000000" x2="305.000000" y2="192.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="(users &lt;-&gt; orders)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 309.000000 520.000000 L 345.000000 520.000000 S 355.000000 520.000000 355.000000 510.000000 L 355.000000 348.000000 S 355.000000 338.000000 365.000000 338.000000 L 401.000000 338.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" /></g><g id="(products &lt;-&gt; orders)[0]"><path d="M 309.000000 302.000000 L 401.000000 302.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" /></g><g id="(shipments &lt;-&gt; orders)[0]"><path d="M 309.000000 102.000000 L 345.000000 102.000000 S 355.000000 102.000000 355.000000 112.000000 L 355.000000 256.000000 S 355.000000 266.000000 365.000000 266.000000 L 401.000000 266.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ <text class="text" x="285.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="192.000000" x2="305.000000" y2="192.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">status</text>
<text class="text" x="188.666667" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
<text class="text" x="285.000000" y="215.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="228.000000" x2="305.000000" y2="228.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="(users &lt;-&gt; orders)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 764.500000 232.000000 L 764.500000 268.000000 S 764.500000 278.000000 754.500000 278.000000 L 533.750000 278.000000 S 523.750000 278.000000 523.750000 288.000000 L 523.750000 324.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" /></g><g id="(products &lt;-&gt; orders)[0]"><path d="M 470.000000 232.000000 L 470.000000 324.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" /></g><g id="(shipments &lt;-&gt; orders)[0]"><path d="M 158.500000 232.000000 L 158.500000 268.000000 S 158.500000 278.000000 168.500000 278.000000 L 406.250000 278.000000 S 416.250000 278.000000 416.250000 288.000000 L 416.250000 324.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 335 KiB

After

Width:  |  Height:  |  Size: 335 KiB

14
e2etests/testdata/stable/square_3d/elk/board.exp.json generated vendored
View file

@ -6,7 +6,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 26 "y": 12
}, },
"width": 171, "width": 171,
"height": 126, "height": 126,
@ -43,8 +43,8 @@
"id": "square", "id": "square",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 283, "x": 21,
"y": 12 "y": 238
}, },
"width": 154, "width": 154,
"height": 154, "height": 154,
@ -105,12 +105,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 183, "x": 97.5,
"y": 89 "y": 138
}, },
{ {
"x": 283, "x": 97.5,
"y": 89 "y": 238
} }
], ],
"animated": false, "animated": false,

12
e2etests/testdata/stable/square_3d/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="625" height="354" viewBox="-88 -88 625 354"><style type="text/css"> width="371" height="580" viewBox="-88 -88 371 580"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,11 +14,11 @@ width="625" height="354" viewBox="-88 -88 625 354"><style type="text/css">
} }
]]> ]]>
</style><g id="rectangle"><g class="shape" ><defs><mask id="border-mask-rectangle" maskUnits="userSpaceOnUse" x="12" y="11" width="186" height="141"> </style><g id="rectangle"><g class="shape" ><defs><mask id="border-mask-rectangle" maskUnits="userSpaceOnUse" x="12" y="-3" width="186" height="141">
<rect x="12" y="11" width="186" height="141" fill="white"></rect> <rect x="12" y="-3" width="186" height="141" fill="white"></rect>
<path d="M12,26L27,11L198,11L198,137L183,152L12,152L12,26L183,26L183,152M183,26L198,11" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="12" y="26" width="171" height="126" style="fill:#F7F8FE;stroke:none;opacity:1.000000;stroke-width:2;" mask="url(#border-mask-rectangle)"/><polygon points="12,26 27,11 198,11 198,137 183,152 183,26" style="fill:#cad0f8;stroke:none;opacity:1.000000;stroke-width:2;" mask="url(#border-mask-rectangle)"/><path d="M12,26 L27,11 L198,11 L198,137 L183,152 L12,152 L12,26 L183,26 L183,152 M183,26 L198,11" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="97.500000" y="92.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">rectangle</text></g><g id="square"><g class="shape" ><defs><mask id="border-mask-square" maskUnits="userSpaceOnUse" x="283" y="-3" width="169" height="169"> <path d="M12,12L27,-3L198,-3L198,123L183,138L12,138L12,12L183,12L183,138M183,12L198,-3" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="12" y="12" width="171" height="126" style="fill:#F7F8FE;stroke:none;opacity:1.000000;stroke-width:2;" mask="url(#border-mask-rectangle)"/><polygon points="12,12 27,-3 198,-3 198,123 183,138 183,12" style="fill:#cad0f8;stroke:none;opacity:1.000000;stroke-width:2;" mask="url(#border-mask-rectangle)"/><path d="M12,12 L27,-3 L198,-3 L198,123 L183,138 L12,138 L12,12 L183,12 L183,138 M183,12 L198,-3" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="97.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">rectangle</text></g><g id="square"><g class="shape" ><defs><mask id="border-mask-square" maskUnits="userSpaceOnUse" x="21" y="223" width="169" height="169">
<rect x="283" y="-3" width="169" height="169" fill="white"></rect> <rect x="21" y="223" width="169" height="169" fill="white"></rect>
<path d="M283,12L298,-3L452,-3L452,151L437,166L283,166L283,12L437,12L437,166M437,12L452,-3" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="283" y="12" width="154" height="154" style="fill:#F7F8FE;stroke:none;opacity:1.000000;stroke-width:2;" mask="url(#border-mask-square)"/><polygon points="283,12 298,-3 452,-3 452,151 437,166 437,12" style="fill:#cad0f8;stroke:none;opacity:1.000000;stroke-width:2;" mask="url(#border-mask-square)"/><path d="M283,12 L298,-3 L452,-3 L452,151 L437,166 L283,166 L283,12 L437,12 L437,166 M437,12 L452,-3" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="360.000000" y="92.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">square</text></g><g id="(rectangle -&gt; square)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 185.000000 89.000000 L 279.000000 89.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[ <path d="M21,238L36,223L190,223L190,377L175,392L21,392L21,238L175,238L175,392M175,238L190,223" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="21" y="238" width="154" height="154" style="fill:#F7F8FE;stroke:none;opacity:1.000000;stroke-width:2;" mask="url(#border-mask-square)"/><polygon points="21,238 36,223 190,223 190,377 175,392 175,238" style="fill:#cad0f8;stroke:none;opacity:1.000000;stroke-width:2;" mask="url(#border-mask-square)"/><path d="M21,238 L36,223 L190,223 L190,377 L175,392 L21,392 L21,238 L175,238 L175,392 M175,238 L190,223" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="98.000000" y="318.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">square</text></g><g id="(rectangle -&gt; square)[0]"><marker id="mk-3990223579" 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 class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 97.500000 140.000000 L 97.500000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /></g><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 326 KiB

After

Width:  |  Height:  |  Size: 326 KiB

240
e2etests/testdata/stable/straight_hierarchy_container/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 295,
"y": 308 "y": 12
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -43,8 +43,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 162,
"y": 162 "y": 12
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -81,8 +81,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 428,
"y": 454 "y": 12
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -119,11 +119,11 @@
"id": "l1", "id": "l1",
"type": "", "type": "",
"pos": { "pos": {
"x": 230, "x": 87,
"y": 87 "y": 243
}, },
"width": 263, "width": 529,
"height": 568, "height": 276,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -157,8 +157,8 @@
"id": "l1.b", "id": "l1.b",
"type": "", "type": "",
"pos": { "pos": {
"x": 305, "x": 428,
"y": 454 "y": 318
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -195,8 +195,8 @@
"id": "l1.a", "id": "l1.a",
"type": "", "type": "",
"pos": { "pos": {
"x": 305, "x": 295,
"y": 308 "y": 318
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -233,8 +233,8 @@
"id": "l1.c", "id": "l1.c",
"type": "", "type": "",
"pos": { "pos": {
"x": 305, "x": 162,
"y": 162 "y": 318
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -271,8 +271,8 @@
"id": "l2c1", "id": "l2c1",
"type": "", "type": "",
"pos": { "pos": {
"x": 613, "x": 370,
"y": 383 "y": 639
}, },
"width": 263, "width": 263,
"height": 276, "height": 276,
@ -309,8 +309,8 @@
"id": "l2c1.a", "id": "l2c1.a",
"type": "", "type": "",
"pos": { "pos": {
"x": 688, "x": 445,
"y": 458 "y": 714
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -347,8 +347,8 @@
"id": "l2c3", "id": "l2c3",
"type": "", "type": "",
"pos": { "pos": {
"x": 613, "x": 87,
"y": 87 "y": 639
}, },
"width": 263, "width": 263,
"height": 276, "height": 276,
@ -385,8 +385,8 @@
"id": "l2c3.c", "id": "l2c3.c",
"type": "", "type": "",
"pos": { "pos": {
"x": 688, "x": 162,
"y": 162 "y": 714
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -423,8 +423,8 @@
"id": "l2c2", "id": "l2c2",
"type": "", "type": "",
"pos": { "pos": {
"x": 613, "x": 653,
"y": 679 "y": 639
}, },
"width": 263, "width": 263,
"height": 276, "height": 276,
@ -461,8 +461,8 @@
"id": "l2c2.b", "id": "l2c2.b",
"type": "", "type": "",
"pos": { "pos": {
"x": 688, "x": 728,
"y": 754 "y": 714
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -499,11 +499,11 @@
"id": "l3c1", "id": "l3c1",
"type": "", "type": "",
"pos": { "pos": {
"x": 986, "x": 370,
"y": 383 "y": 1025
}, },
"width": 263, "width": 396,
"height": 422, "height": 276,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -537,8 +537,8 @@
"id": "l3c1.a", "id": "l3c1.a",
"type": "", "type": "",
"pos": { "pos": {
"x": 1061, "x": 445,
"y": 458 "y": 1100
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -575,8 +575,8 @@
"id": "l3c1.b", "id": "l3c1.b",
"type": "", "type": "",
"pos": { "pos": {
"x": 1061, "x": 578,
"y": 604 "y": 1100
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -613,8 +613,8 @@
"id": "l3c2", "id": "l3c2",
"type": "", "type": "",
"pos": { "pos": {
"x": 986, "x": 87,
"y": 87 "y": 1025
}, },
"width": 263, "width": 263,
"height": 276, "height": 276,
@ -651,8 +651,8 @@
"id": "l3c2.c", "id": "l3c2.c",
"type": "", "type": "",
"pos": { "pos": {
"x": 1061, "x": 162,
"y": 162 "y": 1100
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -689,11 +689,11 @@
"id": "l4", "id": "l4",
"type": "", "type": "",
"pos": { "pos": {
"x": 1359, "x": 12,
"y": 12 "y": 1411
}, },
"width": 418, "width": 979,
"height": 1018, "height": 431,
"level": 1, "level": 1,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -727,8 +727,8 @@
"id": "l4.c1", "id": "l4.c1",
"type": "", "type": "",
"pos": { "pos": {
"x": 1439, "x": 370,
"y": 383 "y": 1491
}, },
"width": 263, "width": 263,
"height": 276, "height": 276,
@ -765,8 +765,8 @@
"id": "l4.c1.a", "id": "l4.c1.a",
"type": "", "type": "",
"pos": { "pos": {
"x": 1514, "x": 445,
"y": 458 "y": 1566
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -803,8 +803,8 @@
"id": "l4.c2", "id": "l4.c2",
"type": "", "type": "",
"pos": { "pos": {
"x": 1439, "x": 653,
"y": 679 "y": 1491
}, },
"width": 263, "width": 263,
"height": 276, "height": 276,
@ -841,8 +841,8 @@
"id": "l4.c2.b", "id": "l4.c2.b",
"type": "", "type": "",
"pos": { "pos": {
"x": 1514, "x": 728,
"y": 754 "y": 1566
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -879,8 +879,8 @@
"id": "l4.c3", "id": "l4.c3",
"type": "", "type": "",
"pos": { "pos": {
"x": 1439, "x": 87,
"y": 87 "y": 1491
}, },
"width": 263, "width": 263,
"height": 276, "height": 276,
@ -917,8 +917,8 @@
"id": "l4.c3.c", "id": "l4.c3.c",
"type": "", "type": "",
"pos": { "pos": {
"x": 1514, "x": 162,
"y": 162 "y": 1566
}, },
"width": 113, "width": 113,
"height": 126, "height": 126,
@ -979,12 +979,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 484.5,
"y": 517 "y": 138
}, },
{ {
"x": 305, "x": 484.5,
"y": 517 "y": 318
} }
], ],
"animated": false, "animated": false,
@ -1017,12 +1017,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 351.5,
"y": 371 "y": 138
}, },
{ {
"x": 305, "x": 351.5,
"y": 371 "y": 318
} }
], ],
"animated": false, "animated": false,
@ -1055,12 +1055,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 125, "x": 218.5,
"y": 225 "y": 138
}, },
{ {
"x": 305, "x": 218.5,
"y": 225 "y": 318
} }
], ],
"animated": false, "animated": false,
@ -1093,20 +1093,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 418, "x": 351.5,
"y": 371 "y": 444
}, },
{ {
"x": 558, "x": 351.5,
"y": 371 "y": 584
}, },
{ {
"x": 558, "x": 501.5,
"y": 521 "y": 584
}, },
{ {
"x": 688, "x": 501.5,
"y": 521 "y": 714
} }
], ],
"animated": false, "animated": false,
@ -1139,12 +1139,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 418, "x": 218.5,
"y": 225 "y": 444
}, },
{ {
"x": 688, "x": 218.5,
"y": 225 "y": 714
} }
], ],
"animated": false, "animated": false,
@ -1177,20 +1177,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 418, "x": 484.5,
"y": 517 "y": 444
}, },
{ {
"x": 548, "x": 484.5,
"y": 517 "y": 574
}, },
{ {
"x": 548, "x": 784.5,
"y": 817 "y": 574
}, },
{ {
"x": 688, "x": 784.5,
"y": 817 "y": 714
} }
], ],
"animated": false, "animated": false,
@ -1223,12 +1223,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 801, "x": 501.5,
"y": 521 "y": 840
}, },
{ {
"x": 1061, "x": 501.5,
"y": 521 "y": 1100
} }
], ],
"animated": false, "animated": false,
@ -1261,20 +1261,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 801, "x": 784.5,
"y": 817 "y": 840
}, },
{ {
"x": 931, "x": 784.5,
"y": 817 "y": 970
}, },
{ {
"x": 931, "x": 634.5,
"y": 667 "y": 970
}, },
{ {
"x": 1061, "x": 634.5,
"y": 667 "y": 1100
} }
], ],
"animated": false, "animated": false,
@ -1307,12 +1307,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 801, "x": 218.5,
"y": 225 "y": 840
}, },
{ {
"x": 1061, "x": 218.5,
"y": 225 "y": 1100
} }
], ],
"animated": false, "animated": false,
@ -1345,12 +1345,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1174, "x": 501.5,
"y": 521 "y": 1226
}, },
{ {
"x": 1514, "x": 501.5,
"y": 521 "y": 1566
} }
], ],
"animated": false, "animated": false,
@ -1383,20 +1383,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1174, "x": 634.5,
"y": 667 "y": 1226
}, },
{ {
"x": 1304, "x": 634.5,
"y": 667 "y": 1356
}, },
{ {
"x": 1304, "x": 784.5,
"y": 817 "y": 1356
}, },
{ {
"x": 1514, "x": 784.5,
"y": 817 "y": 1566
} }
], ],
"animated": false, "animated": false,
@ -1429,12 +1429,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1174, "x": 218.5,
"y": 225 "y": 1226
}, },
{ {
"x": 1514, "x": 218.5,
"y": 225 "y": 1566
} }
], ],
"animated": false, "animated": false,

Some files were not shown because too many files have changed in this diff Show more