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

Merge pull request #48 from terrastruct/fix-arrowhead

Browse source 
Adjust Arrowhead overlap
This commit is contained in:
ejulio-ts 2022-11-09 15:55:53 -03:00 committed by GitHub
commit fd59a1b5f1
36 changed files with 540 additions and 58 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
d2renderers/d2svg/d2svg.go
View file

@ -207,9 +207,9 @@ func arrowheadMarker(isTarget bool, id string, connection d2target.Connection) s
width *= 1.1 width *= 1.1
default: default:
if isTarget { if isTarget {
refX = width - 3/2*strokeWidth refX = width - 1.5*strokeWidth
} else { } else {
refX = 3 / 2 * strokeWidth refX = 1.5 * strokeWidth
} }
} }
@ -225,10 +225,10 @@ func arrowheadMarker(isTarget bool, id string, connection d2target.Connection) s
} }
// compute the (dx, dy) adjustment to apply to get the arrowhead-adjusted end point // compute the (dx, dy) adjustment to apply to get the arrowhead-adjusted end point
func arrowheadAdjustment(start, end *geo.Point, arrowhead d2target.Arrowhead, strokeWidth int) *geo.Point { func arrowheadAdjustment(start, end *geo.Point, arrowhead d2target.Arrowhead, edgeStrokeWidth, shapeStrokeWidth int) *geo.Point {
distance := float64(strokeWidth) / 2.0 distance := (float64(edgeStrokeWidth) + float64(shapeStrokeWidth)) / 2.0
if arrowhead != d2target.NoArrowhead { if arrowhead != d2target.NoArrowhead {
distance += float64(strokeWidth) distance += float64(edgeStrokeWidth)
} }
v := geo.NewVector(end.X-start.X, end.Y-start.Y) v := geo.NewVector(end.X-start.X, end.Y-start.Y)
@ -236,11 +236,13 @@ func arrowheadAdjustment(start, end *geo.Point, arrowhead d2target.Arrowhead, st
} }
// returns the path's d attribute for the given connection // returns the path's d attribute for the given connection
func pathData(connection d2target.Connection) string { func pathData(connection d2target.Connection, idToShape map[string]d2target.Shape) string {
var path []string var path []string
route := connection.Route route := connection.Route
srcShape := idToShape[connection.Src]
dstShape := idToShape[connection.Dst]
sourceAdjustment := arrowheadAdjustment(route[0], route[1], connection.SrcArrow, connection.StrokeWidth) sourceAdjustment := arrowheadAdjustment(route[0], route[1], connection.SrcArrow, connection.StrokeWidth, srcShape.StrokeWidth)
path = append(path, fmt.Sprintf("M %f %f", path = append(path, fmt.Sprintf("M %f %f",
route[0].X-sourceAdjustment.X, route[0].X-sourceAdjustment.X,
route[0].Y-sourceAdjustment.Y, route[0].Y-sourceAdjustment.Y,
@ -256,7 +258,7 @@ func pathData(connection d2target.Connection) string {
)) ))
} }
// final curve target adjustment // final curve target adjustment
targetAdjustment := arrowheadAdjustment(route[i+1], route[i+2], connection.DstArrow, connection.StrokeWidth) targetAdjustment := arrowheadAdjustment(route[i+1], route[i+2], connection.DstArrow, connection.StrokeWidth, dstShape.StrokeWidth)
path = append(path, fmt.Sprintf("C %f %f %f %f %f %f", path = append(path, fmt.Sprintf("C %f %f %f %f %f %f",
route[i].X, route[i].Y, route[i].X, route[i].Y,
route[i+1].X, route[i+1].Y, route[i+1].X, route[i+1].Y,
@ -315,7 +317,7 @@ func pathData(connection d2target.Connection) string {
lastPoint := route[len(route)-1] lastPoint := route[len(route)-1]
secondToLastPoint := route[len(route)-2] secondToLastPoint := route[len(route)-2]
targetAdjustment := arrowheadAdjustment(secondToLastPoint, lastPoint, connection.DstArrow, connection.StrokeWidth) targetAdjustment := arrowheadAdjustment(secondToLastPoint, lastPoint, connection.DstArrow, connection.StrokeWidth, dstShape.StrokeWidth)
path = append(path, fmt.Sprintf("L %f %f", path = append(path, fmt.Sprintf("L %f %f",
lastPoint.X+targetAdjustment.X, lastPoint.X+targetAdjustment.X,
lastPoint.Y+targetAdjustment.Y, lastPoint.Y+targetAdjustment.Y,
@ -344,7 +346,7 @@ func labelMask(id string, connection d2target.Connection, labelTL, tl, br *geo.P
}, "\n") }, "\n")
} }
func drawConnection(writer io.Writer, connection d2target.Connection, markers map[string]struct{}) { func drawConnection(writer io.Writer, connection d2target.Connection, markers map[string]struct{}, idToShape map[string]d2target.Shape) {
var markerStart string var markerStart string
if connection.SrcArrow != d2target.NoArrowhead { if connection.SrcArrow != d2target.NoArrowhead {
id := arrowheadMarkerID(false, connection) id := arrowheadMarkerID(false, connection)
@ -414,7 +416,7 @@ func drawConnection(writer io.Writer, connection d2target.Connection, markers ma
} }
fmt.Fprintf(writer, `<path d="%s" class="connection" style="fill:none;%s" %s%s%s/>`, fmt.Fprintf(writer, `<path d="%s" class="connection" style="fill:none;%s" %s%s%s/>`,
pathData(connection), pathData(connection, idToShape),
connectionStyle(connection), connectionStyle(connection),
markerStart, markerStart,
markerEnd, markerEnd,
@ -772,9 +774,11 @@ func Render(diagram *d2target.Diagram) ([]byte, error) {
// SVG has no notion of z-index. The z-index is effectively the order it's drawn. // SVG has no notion of z-index. The z-index is effectively the order it's drawn.
// So draw from the least nested to most nested // So draw from the least nested to most nested
idToShape := make(map[string]d2target.Shape)
highest := 1 highest := 1
for _, s := range diagram.Shapes { for _, s := range diagram.Shapes {
highest = go2.Max(highest, s.Level) highest = go2.Max(highest, s.Level)
idToShape[s.ID] = s
} }
for i := 1; i <= highest; i++ { for i := 1; i <= highest; i++ {
for _, s := range diagram.Shapes { for _, s := range diagram.Shapes {
@ -789,7 +793,7 @@ func Render(diagram *d2target.Diagram) ([]byte, error) {
markers := map[string]struct{}{} markers := map[string]struct{}{}
for _, c := range diagram.Connections { for _, c := range diagram.Connections {
drawConnection(buf, c, markers) drawConnection(buf, c, markers, idToShape)
} }
embedFonts(buf) embedFonts(buf)

39
e2etests/stable_test.go
View file

@ -637,6 +637,45 @@ func RegisterHash(h Hash, f func() hash.Hash) {
} }
| |
x -> hey -> y`, x -> hey -> y`,
}, {
name: "arrowhead_adjustment",
script: `a <-> b: {
style.stroke-width: 6
style.stroke-dash: 4
source-arrowhead: {
shape: arrow
}
}
c -> b: {
style.stroke-width: 7
style.stroke: "#20222a"
}
c.style.stroke-width: 7
c.style.stroke: "#b2350d"
c.shape: document
b.style.stroke-width: 8
b.style.stroke: "#0db254"
a.style.border-radius: 10
a.style.stroke-width: 8
a.style.stroke: "#2bc3d8"
Oval: "" {
shape: oval
style.stroke-width: 6
style.stroke: "#a1a4af"
}
a <-> Oval: {
style.stroke-width: 6
source-arrowhead: {
shape: diamond
}
target-arrowhead: * {
shape: diamond
style.filled: true
}
}
c -- a: {style.stroke-width: 7}
Oval <-> c`,
}, },
{ {
name: "md_code_inline", name: "md_code_inline",

2
e2etests/testdata/stable/all_shapes/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

417
e2etests/testdata/stable/arrowhead_adjustment/board.exp.json vendored Normal file
View file

@ -0,0 +1,417 @@
{
"name": "",
"shapes": [
{
"id": "c",
"type": "document",
"pos": {
"x": 87,
"y": 0
},
"width": 113,
"height": 126,
"level": 1,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 7,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#b2350d",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "c",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 13,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER"
},
{
"id": "b",
"type": "",
"pos": {
"x": 0,
"y": 452
},
"width": 113,
"height": 126,
"level": 1,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 8,
"borderRadius": 0,
"fill": "#F7F8FE",
"stroke": "#0db254",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "b",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 13,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER"
},
{
"id": "a",
"type": "",
"pos": {
"x": 87,
"y": 226
},
"width": 113,
"height": 126,
"level": 1,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 8,
"borderRadius": 10,
"fill": "#F7F8FE",
"stroke": "#2bc3d8",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "a",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 13,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER"
},
{
"id": "Oval",
"type": "oval",
"pos": {
"x": 180,
"y": 465
},
"width": 100,
"height": 100,
"level": 1,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 6,
"borderRadius": 0,
"fill": "#F7F8FE",
"stroke": "#a1a4af",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 0,
"labelHeight": 0
}
],
"connections": [
{
"id": "(a <-> b)[0]",
"src": "a",
"srcArrow": "arrow",
"srcLabel": "",
"dst": "b",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 4,
"strokeWidth": 6,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 124.46238938053096,
"y": 352
},
{
"x": 112.6924778761062,
"y": 392
},
{
"x": 104.95,
"y": 412
},
{
"x": 85.75,
"y": 452
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null
},
{
"id": "(c -> b)[0]",
"src": "c",
"srcArrow": "none",
"srcLabel": "",
"dst": "b",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 7,
"stroke": "#20222a",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 93,
"y": 116
},
{
"x": 47.8,
"y": 164
},
{
"x": 36.5,
"y": 198.6
},
{
"x": 36.5,
"y": 232.5
},
{
"x": 36.5,
"y": 266.4
},
{
"x": 38.3,
"y": 412
},
{
"x": 45.5,
"y": 452
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null
},
{
"id": "(a <-> Oval)[0]",
"src": "a",
"srcArrow": "diamond",
"srcLabel": "",
"dst": "Oval",
"dstArrow": "filled-diamond",
"dstLabel": "*",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 6,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 161.53761061946904,
"y": 352
},
{
"x": 173.30752212389382,
"y": 392
},
{
"x": 182.8,
"y": 415.6
},
{
"x": 209,
"y": 470
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null
},
{
"id": "(c -- a)[0]",
"src": "c",
"srcArrow": "none",
"srcLabel": "",
"dst": "a",
"dstArrow": "none",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 7,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 143,
"y": 109
},
{
"x": 143,
"y": 162.6
},
{
"x": 143,
"y": 186
},
{
"x": 143,
"y": 226
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null
},
{
"id": "(Oval <-> c)[0]",
"src": "Oval",
"srcArrow": "triangle",
"srcLabel": "",
"dst": "c",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 238,
"y": 466
},
{
"x": 247.2,
"y": 414.8
},
{
"x": 249.5,
"y": 379.4
},
{
"x": 249.5,
"y": 345.5
},
{
"x": 249.5,
"y": 311.6
},
{
"x": 233.4,
"y": 159
},
{
"x": 169,
"y": 91
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null
}
]
}

22
e2etests/testdata/stable/arrowhead_adjustment/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: 328 KiB

2
e2etests/testdata/stable/binary_tree/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: 330 KiB

After

Width:  |  Height:  |  Size: 330 KiB

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

@ -15,10 +15,10 @@ width="634" height="652" viewBox="-100 -100 634 652"><style type="text/css">
</style><rect class="shape" x="0" y="0" width="251" height="452" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="125.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:black">aaa</text><path class="shape" d="M 301 74 C 301 50 360.85 50 367.5 50 C 374.15 50 434 50 434 74 V 152 C 434 176 374.15 176 367.5 176 C 360.85 176 301 176 301 152 V 74 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><path class="shape" d="M 301 74 C 301 98 360.85 98 367.5 98 C 374.15 98 434 98 434 74" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="367.500000" y="128.000000" style="text-anchor:middle;font-size:16px;fill:black">ddd</text><path class="shape" d="M 301 384.5231 L 301 276 L 431 276 L 431 384.5231 C 409.3333 361.2206 387.6667 361.2206 366 384.5231 C 344.3333 407.8256 322.6667 407.8256 301 384.5231 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="366.000000" y="342.000000" style="text-anchor:middle;font-size:16px;fill:black">eee</text><path class="shape" d="M 50 276 V 357 H 116 V 402 L 146 357 H 182 V 276 H 50 Z" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="116.000000" y="319.500000" style="text-anchor:middle;font-size:16px;fill:black">bbb</text><rect class="shape" x="72" y="50" width="128" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="136.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:black">ccc</text><mask id="mask-3626742025" maskUnits="userSpaceOnUse" x="105.000000" y="174.000000" width="23.000000" height="104.000000"> </style><rect class="shape" x="0" y="0" width="251" height="452" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="125.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:black">aaa</text><path class="shape" d="M 301 74 C 301 50 360.85 50 367.5 50 C 374.15 50 434 50 434 74 V 152 C 434 176 374.15 176 367.5 176 C 360.85 176 301 176 301 152 V 74 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><path class="shape" d="M 301 74 C 301 98 360.85 98 367.5 98 C 374.15 98 434 98 434 74" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="367.500000" y="128.000000" style="text-anchor:middle;font-size:16px;fill:black">ddd</text><path class="shape" d="M 301 384.5231 L 301 276 L 431 276 L 431 384.5231 C 409.3333 361.2206 387.6667 361.2206 366 384.5231 C 344.3333 407.8256 322.6667 407.8256 301 384.5231 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="366.000000" y="342.000000" style="text-anchor:middle;font-size:16px;fill:black">eee</text><path class="shape" d="M 50 276 V 357 H 116 V 402 L 146 357 H 182 V 276 H 50 Z" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="116.000000" y="319.500000" style="text-anchor:middle;font-size:16px;fill:black">bbb</text><rect class="shape" x="72" y="50" width="128" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="136.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:black">ccc</text><mask id="mask-3626742025" maskUnits="userSpaceOnUse" x="105.000000" y="174.000000" width="23.000000" height="104.000000">
<rect x="105.000000" y="174.000000" width="23.000000" height="104.000000" fill="white"></rect> <rect x="105.000000" y="174.000000" width="23.000000" height="104.000000" fill="white"></rect>
<rect x="105.000000" y="215.000000" width="23" height="21" fill="black"></rect> <rect x="105.000000" y="215.000000" width="23" height="21" fill="black"></rect>
</mask><path d="M 124.675275 176.984696 C 117.769912 216.000000 116.000000 236.000000 116.000000 275.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" mask="url(#mask-3626742025)" /><text class="text-italic" x="116.500000" y="231.000000" style="text-anchor:middle;font-size:16px;fill:black">111</text><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="2.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="145.000000" y="162.000000" width="168.000000" height="153.000000"> </mask><path d="M 124.500993 177.969391 C 117.769912 216.000000 116.000000 236.000000 116.000000 274.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" mask="url(#mask-3626742025)" /><text class="text-italic" x="116.500000" y="231.000000" style="text-anchor:middle;font-size:16px;fill:black">111</text><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="145.000000" y="162.000000" width="168.000000" height="153.000000">
<rect x="145.000000" y="162.000000" width="168.000000" height="153.000000" fill="white"></rect> <rect x="145.000000" y="162.000000" width="168.000000" height="153.000000" fill="white"></rect>
<rect x="203.000000" y="240.000000" width="25" height="21" fill="black"></rect> <rect x="203.000000" y="240.000000" width="25" height="21" fill="black"></rect>
</mask><path d="M 298.416816 299.474497 C 199.400000 241.000000 170.600000 216.000000 157.321903 176.946773" 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="215.500000" y="256.000000" style="text-anchor:middle;font-size:16px;fill:black">222</text><style type="text/css"><![CDATA[ </mask><path d="M 297.555754 298.965997 C 199.400000 241.000000 170.600000 216.000000 157.643805 177.893545" 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="215.500000" y="256.000000" style="text-anchor:middle;font-size:16px;fill:black">222</text><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

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

@ -794,28 +794,28 @@ width="1317" height="1854" viewBox="-100 -100 1317 1854"><style type="text/css">
</div></foreignObject></g><rect class="shape" x="308" y="978" width="117" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="366.500000" y="1044.000000" style="text-anchor:middle;font-size:16px;fill:black">ff</text><mask id="mask-3834907066" maskUnits="userSpaceOnUse" x="238.000000" y="1051.000000" width="173.000000" height="214.000000"> </div></foreignObject></g><rect class="shape" x="308" y="978" width="117" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="366.500000" y="1044.000000" style="text-anchor:middle;font-size:16px;fill:black">ff</text><mask id="mask-3834907066" maskUnits="userSpaceOnUse" x="238.000000" y="1051.000000" width="173.000000" height="214.000000">
<rect x="238.000000" y="1051.000000" width="173.000000" height="214.000000" fill="white"></rect> <rect x="238.000000" y="1051.000000" width="173.000000" height="214.000000" fill="white"></rect>
<rect x="261.000000" y="1193.000000" width="15" height="21" fill="black"></rect> <rect x="261.000000" y="1193.000000" width="15" height="21" fill="black"></rect>
</mask><path d="M 240.000000 1054.000000 C 240.000000 1133.800000 273.800000 1215.800000 408.055881 1262.670396" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" mask="url(#mask-3834907066)" /><text class="text-italic" x="268.500000" y="1209.000000" style="text-anchor:middle;font-size:16px;fill:black">11</text><mask id="mask-1342911600" maskUnits="userSpaceOnUse" x="409.000000" y="1276.000000" width="17.000000" height="104.000000"> </mask><path d="M 240.000000 1055.000000 C 240.000000 1133.800000 273.800000 1215.800000 407.111761 1262.340792" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" mask="url(#mask-3834907066)" /><text class="text-italic" x="268.500000" y="1209.000000" style="text-anchor:middle;font-size:16px;fill:black">11</text><mask id="mask-1342911600" maskUnits="userSpaceOnUse" x="409.000000" y="1276.000000" width="17.000000" height="104.000000">
<rect x="409.000000" y="1276.000000" width="17.000000" height="104.000000" fill="white"></rect> <rect x="409.000000" y="1276.000000" width="17.000000" height="104.000000" fill="white"></rect>
<rect x="409.000000" y="1318.000000" width="17" height="21" fill="black"></rect> <rect x="409.000000" y="1318.000000" width="17" height="21" fill="black"></rect>
</mask><path d="M 417.500000 1279.000000 C 417.500000 1318.000000 417.500000 1338.000000 417.500000 1377.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" mask="url(#mask-1342911600)" /><text class="text-italic" x="417.500000" y="1334.000000" style="text-anchor:middle;font-size:16px;fill:black">22</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 200.000000 327.000000 C 200.000000 366.000000 200.000000 398.600000 200.000000 432.500000 C 200.000000 466.400000 200.000000 511.600000 200.000000 545.500000 C 200.000000 579.400000 200.000000 624.600000 200.000000 658.500000 C 200.000000 692.400000 200.000000 737.600000 200.000000 771.500000 C 200.000000 805.400000 200.000000 888.000000 200.000000 925.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="2.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="794.500000" y="697.805195" width="142.000000" height="67.000000"> </mask><path d="M 417.500000 1280.000000 C 417.500000 1318.000000 417.500000 1338.000000 417.500000 1376.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" mask="url(#mask-1342911600)" /><text class="text-italic" x="417.500000" y="1334.000000" style="text-anchor:middle;font-size:16px;fill:black">22</text><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 200.000000 328.000000 C 200.000000 366.000000 200.000000 398.600000 200.000000 432.500000 C 200.000000 466.400000 200.000000 511.600000 200.000000 545.500000 C 200.000000 579.400000 200.000000 624.600000 200.000000 658.500000 C 200.000000 692.400000 200.000000 737.600000 200.000000 771.500000 C 200.000000 805.400000 200.000000 888.000000 200.000000 924.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><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="794.500000" y="697.805195" width="142.000000" height="67.000000">
<rect x="794.500000" y="697.805195" width="142.000000" height="67.000000" fill="white"></rect> <rect x="794.500000" y="697.805195" width="142.000000" height="67.000000" fill="white"></rect>
<rect x="857.000000" y="721.000000" width="17" height="21" fill="black"></rect> <rect x="857.000000" y="721.000000" width="17" height="21" fill="black"></rect>
</mask><path d="M 911.534536 724.259092 C 836.100000 735.805195 894.900000 726.805195 819.465464 738.351297" 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="865.500000" y="737.000000" style="text-anchor:middle;font-size:16px;fill:black">33</text><mask id="mask-2170131283" maskUnits="userSpaceOnUse" x="268.000000" y="486.000000" width="646.000000" height="406.000000"> </mask><path d="M 910.546048 724.410392 C 836.100000 735.805195 894.900000 726.805195 820.453952 738.199998" 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="865.500000" y="737.000000" style="text-anchor:middle;font-size:16px;fill:black">33</text><mask id="mask-2170131283" maskUnits="userSpaceOnUse" x="268.000000" y="486.000000" width="646.000000" height="406.000000">
<rect x="268.000000" y="486.000000" width="646.000000" height="406.000000" fill="white"></rect> <rect x="268.000000" y="486.000000" width="646.000000" height="406.000000" fill="white"></rect>
<rect x="455.000000" y="561.000000" width="16" height="21" fill="black"></rect> <rect x="455.000000" y="561.000000" width="16" height="21" fill="black"></rect>
</mask><path d="M 901.013181 500.161826 C 404.400000 581.600000 280.000000 624.600000 280.000000 658.500000 C 280.000000 692.400000 280.000000 838.000000 280.000000 875.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="463.000000" y="577.000000" style="text-anchor:middle;font-size:16px;fill:black">44</text><path d="M 970.029987 552.999550 C 971.200000 592.000000 971.500000 612.000000 971.500000 649.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><mask id="mask-3699877661" maskUnits="userSpaceOnUse" x="794.750000" y="474.000000" width="129.250000" height="67.435303"> </mask><path d="M 900.026361 500.323651 C 404.400000 581.600000 280.000000 624.600000 280.000000 658.500000 C 280.000000 692.400000 280.000000 838.000000 280.000000 874.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="463.000000" y="577.000000" style="text-anchor:middle;font-size:16px;fill:black">44</text><path d="M 970.059973 553.999101 C 971.200000 592.000000 971.500000 612.000000 971.500000 648.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><mask id="mask-3699877661" maskUnits="userSpaceOnUse" x="794.750000" y="474.000000" width="129.250000" height="67.435303">
<rect x="794.750000" y="474.000000" width="129.250000" height="67.435303" fill="white"></rect> <rect x="794.750000" y="474.000000" width="129.250000" height="67.435303" fill="white"></rect>
<rect x="851.000000" y="497.000000" width="16" height="21" fill="black"></rect> <rect x="851.000000" y="497.000000" width="16" height="21" fill="black"></rect>
</mask><path d="M 899.047997 500.534488 C 833.800000 512.348243 884.950000 503.087061 819.702003 514.900816" 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="859.000000" y="513.000000" style="text-anchor:middle;font-size:16px;fill:black">55</text><path d="M 911.587892 729.830379 C 594.900000 808.221906 515.000000 838.000000 515.000000 853.000000 C 515.000000 868.000000 515.000000 888.000000 515.000000 903.000000 C 515.000000 918.000000 515.000000 950.600000 515.000000 984.500000 C 515.000000 1018.400000 515.000000 1063.600000 515.000000 1097.500000 C 515.000000 1131.400000 497.200000 1215.400000 428.526299 1259.382034" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" /><mask id="mask-3134112715" maskUnits="userSpaceOnUse" x="388.000000" y="312.000000" width="526.000000" height="178.000000"> </mask><path d="M 898.063996 500.712650 C 833.800000 512.348243 884.950000 503.087061 820.686004 514.722653" 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="859.000000" y="513.000000" style="text-anchor:middle;font-size:16px;fill:black">55</text><path d="M 910.617189 730.070663 C 594.900000 808.221906 515.000000 838.000000 515.000000 853.000000 C 515.000000 868.000000 515.000000 888.000000 515.000000 903.000000 C 515.000000 918.000000 515.000000 950.600000 515.000000 984.500000 C 515.000000 1018.400000 515.000000 1063.600000 515.000000 1097.500000 C 515.000000 1131.400000 497.200000 1215.400000 429.368398 1258.842711" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" /><mask id="mask-3134112715" maskUnits="userSpaceOnUse" x="388.000000" y="312.000000" width="526.000000" height="178.000000">
<rect x="388.000000" y="312.000000" width="526.000000" height="178.000000" fill="white"></rect> <rect x="388.000000" y="312.000000" width="526.000000" height="178.000000" fill="white"></rect>
<rect x="622.000000" y="411.000000" width="16" height="21" fill="black"></rect> <rect x="622.000000" y="411.000000" width="16" height="21" fill="black"></rect>
</mask><path d="M 899.057808 475.413906 C 500.400000 396.000000 400.000000 366.000000 400.000000 327.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="630.000000" y="427.000000" style="text-anchor:middle;font-size:16px;fill:black">66</text><mask id="mask-3003327047" maskUnits="userSpaceOnUse" x="365.500000" y="711.843434" width="561.000000" height="180.156566"> </mask><path d="M 898.077077 475.218541 C 500.400000 396.000000 400.000000 366.000000 400.000000 328.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="630.000000" y="427.000000" style="text-anchor:middle;font-size:16px;fill:black">66</text><mask id="mask-3003327047" maskUnits="userSpaceOnUse" x="365.500000" y="711.843434" width="561.000000" height="180.156566">
<rect x="365.500000" y="711.843434" width="561.000000" height="180.156566" fill="white"></rect> <rect x="365.500000" y="711.843434" width="561.000000" height="180.156566" fill="white"></rect>
<rect x="617.000000" y="770.000000" width="16" height="21" fill="black"></rect> <rect x="617.000000" y="770.000000" width="16" height="21" fill="black"></rect>
</mask><path d="M 377.500000 875.000000 C 377.500000 838.000000 484.900000 807.568687 913.517618 726.030318" 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="625.000000" y="786.000000" style="text-anchor:middle;font-size:16px;fill:black">77</text><mask id="mask-4288302333" maskUnits="userSpaceOnUse" x="338.000000" y="300.000000" width="598.500000" height="430.466885"> </mask><path d="M 377.500000 874.000000 C 377.500000 838.000000 484.900000 807.568687 912.535236 726.217203" 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="625.000000" y="786.000000" style="text-anchor:middle;font-size:16px;fill:black">77</text><mask id="mask-4288302333" maskUnits="userSpaceOnUse" x="338.000000" y="300.000000" width="598.500000" height="430.466885">
<rect x="338.000000" y="300.000000" width="598.500000" height="430.466885" fill="white"></rect> <rect x="338.000000" y="300.000000" width="598.500000" height="430.466885" fill="white"></rect>
<rect x="522.000000" y="623.000000" width="16" height="21" fill="black"></rect> <rect x="522.000000" y="623.000000" width="16" height="21" fill="black"></rect>
</mask><path d="M 360.000000 329.000000 C 360.000000 366.000000 360.000000 398.600000 360.000000 432.500000 C 360.000000 466.400000 470.900000 622.493377 911.549946 703.921740" 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="530.000000" y="639.000000" style="text-anchor:middle;font-size:16px;fill:black">88</text><style type="text/css"><![CDATA[ </mask><path d="M 360.000000 330.000000 C 360.000000 366.000000 360.000000 398.600000 360.000000 432.500000 C 360.000000 466.400000 470.900000 622.493377 910.566595 703.740025" 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="530.000000" y="639.000000" style="text-anchor:middle;font-size:16px;fill:black">88</text><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 813 KiB

After

Width:  |  Height:  |  Size: 813 KiB

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

@ -12,7 +12,7 @@ width="694" height="626" viewBox="-100 -100 694 626"><style type="text/css">
stroke-linejoin: round; stroke-linejoin: round;
} }
]]> ]]>
</style><rect class="shape" x="0" y="0" width="494" height="426" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="247.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:black">a</text><rect class="shape" x="40" y="50" width="414" height="326" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="247.000000" y="79.000000" style="text-anchor:middle;font-size:24px;fill:black">b</text><rect class="shape" x="80" y="100" width="334" height="226" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="247.000000" y="125.000000" style="text-anchor:middle;font-size:20px;fill:black">c</text><rect class="shape" x="130" y="150" width="114" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="187.000000" y="216.000000" style="text-anchor:middle;font-size:16px;fill:black">d</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 244.820226 172.675193 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 246.460678 254.468886" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 244.880471 181.833592 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 246.641413 245.114607" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 244.666570 237.986080 C 243.933333 237.996288 243.733333 237.999072 241.000291 238.037119" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </style><rect class="shape" x="0" y="0" width="494" height="426" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="247.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:black">a</text><rect class="shape" x="40" y="50" width="414" height="326" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="247.000000" y="79.000000" style="text-anchor:middle;font-size:24px;fill:black">b</text><rect class="shape" x="80" y="100" width="334" height="226" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="247.000000" y="125.000000" style="text-anchor:middle;font-size:20px;fill:black">c</text><rect class="shape" x="130" y="150" width="114" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="187.000000" y="216.000000" style="text-anchor:middle;font-size:16px;fill:black">d</text><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)" /><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)" /><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)" /><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

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

@ -12,7 +12,7 @@ width="313" height="778" viewBox="-100 -100 313 778"><style type="text/css">
stroke-linejoin: round; stroke-linejoin: round;
} }
]]> ]]>
</style><rect class="shape" x="0" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="56.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="0" y="226" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="56.500000" y="292.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><rect class="shape" x="0" y="452" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="56.500000" y="518.000000" style="text-anchor:middle;font-size:16px;fill:black">c</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 45.175275 126.984696 C 38.269912 166.000000 38.300000 186.000000 44.968541 223.047450" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 45.175275 352.984696 C 38.269912 392.000000 38.300000 412.000000 44.968541 449.047450" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 67.824725 451.015304 C 74.730088 412.000000 74.700000 392.000000 68.031459 354.952550" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 67.824725 225.015304 C 74.730088 186.000000 74.700000 166.000000 68.031459 128.952550" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </style><rect class="shape" x="0" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="56.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="0" y="226" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="56.500000" y="292.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><rect class="shape" x="0" y="452" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="56.500000" y="518.000000" style="text-anchor:middle;font-size:16px;fill:black">c</text><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 45.000993 127.969391 C 38.269912 166.000000 38.300000 186.000000 44.791388 222.063267" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 45.000993 353.969391 C 38.269912 392.000000 38.300000 412.000000 44.791388 448.063267" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 67.999007 450.030609 C 74.730088 412.000000 74.700000 392.000000 68.208612 355.936733" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 67.999007 224.030609 C 74.730088 186.000000 74.700000 166.000000 68.208612 129.936733" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><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

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

@ -20,7 +20,7 @@ width="955" height="818" viewBox="-100 -100 955 818"><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><rect class="shape" x="321" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="377.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">x</text><rect class="shape" x="321" y="492" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="378.000000" y="558.000000" style="text-anchor:middle;font-size:16px;fill:black">y</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 377.500000 127.000000 C 377.500000 166.000000 377.500000 186.000000 377.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 377.500000 393.000000 C 377.500000 432.000000 377.500000 452.000000 377.500000 489.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </text><text class="text-mono" x="0" y="9.000000em" xml:space="preserve">}</text></g></g><rect class="shape" x="321" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="377.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">x</text><rect class="shape" x="321" y="492" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="378.000000" y="558.000000" style="text-anchor:middle;font-size:16px;fill:black">y</text><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 377.500000 128.000000 C 377.500000 166.000000 377.500000 186.000000 377.500000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 377.500000 394.000000 C 377.500000 432.000000 377.500000 452.000000 377.500000 488.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><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

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

@ -12,7 +12,7 @@ width="494" height="1178" viewBox="-100 -100 494 1178"><style type="text/css">
stroke-linejoin: round; stroke-linejoin: round;
} }
]]> ]]>
</style><rect class="shape" x="41" y="0" width="213" height="226" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="147.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:black">a</text><rect class="shape" x="40" y="326" width="214" height="226" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="147.000000" y="359.000000" style="text-anchor:middle;font-size:28px;fill:black">c</text><rect class="shape" x="0" y="652" width="294" height="326" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="147.000000" y="685.000000" style="text-anchor:middle;font-size:28px;fill:black">f</text><rect class="shape" x="91" y="50" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="147.500000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><rect class="shape" x="90" y="376" width="114" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="147.000000" y="442.000000" style="text-anchor:middle;font-size:16px;fill:black">d</text><rect class="shape" x="40" y="702" width="214" height="226" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="147.000000" y="731.000000" style="text-anchor:middle;font-size:24px;fill:black">h</text><rect class="shape" x="90" y="752" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="147.000000" y="818.000000" style="text-anchor:middle;font-size:16px;fill:black">g</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 147.000000 177.000000 C 147.000000 216.000000 147.000000 236.000000 147.000000 251.000000 C 147.000000 266.000000 147.000000 336.000000 147.000000 373.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 147.000000 503.000000 C 147.000000 542.000000 147.000000 562.000000 147.000000 577.000000 C 147.000000 592.000000 147.000000 612.000000 147.000000 627.000000 C 147.000000 642.000000 147.000000 712.000000 147.000000 749.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </style><rect class="shape" x="41" y="0" width="213" height="226" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="147.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:black">a</text><rect class="shape" x="40" y="326" width="214" height="226" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="147.000000" y="359.000000" style="text-anchor:middle;font-size:28px;fill:black">c</text><rect class="shape" x="0" y="652" width="294" height="326" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="147.000000" y="685.000000" style="text-anchor:middle;font-size:28px;fill:black">f</text><rect class="shape" x="91" y="50" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="147.500000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><rect class="shape" x="90" y="376" width="114" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="147.000000" y="442.000000" style="text-anchor:middle;font-size:16px;fill:black">d</text><rect class="shape" x="40" y="702" width="214" height="226" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="147.000000" y="731.000000" style="text-anchor:middle;font-size:24px;fill:black">h</text><rect class="shape" x="90" y="752" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="147.000000" y="818.000000" style="text-anchor:middle;font-size:16px;fill:black">g</text><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 147.000000 178.000000 C 147.000000 216.000000 147.000000 236.000000 147.000000 251.000000 C 147.000000 266.000000 147.000000 336.000000 147.000000 372.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 147.000000 504.000000 C 147.000000 542.000000 147.000000 562.000000 147.000000 577.000000 C 147.000000 592.000000 147.000000 612.000000 147.000000 627.000000 C 147.000000 642.000000 147.000000 712.000000 147.000000 748.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><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

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

@ -12,7 +12,7 @@ width="786" height="1530" viewBox="-100 -100 786 1530"><style type="text/css">
stroke-linejoin: round; stroke-linejoin: round;
} }
]]> ]]>
</style><rect class="shape" x="416" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="472.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="333" y="226" width="253" height="878" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="459.500000" y="259.000000" style="text-anchor:middle;font-size:28px;fill:black">g</text><rect class="shape" x="0" y="502" width="293" height="326" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="146.500000" y="535.000000" style="text-anchor:middle;font-size:28px;fill:black">d</text><rect class="shape" x="404" y="1204" width="111" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="459.500000" y="1270.000000" style="text-anchor:middle;font-size:16px;fill:black">f</text><rect class="shape" x="416" y="276" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="472.500000" y="342.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><rect class="shape" x="40" y="552" width="213" height="226" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="146.500000" y="581.000000" style="text-anchor:middle;font-size:24px;fill:black">h</text><rect class="shape" x="383" y="928" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="439.500000" y="994.000000" style="text-anchor:middle;font-size:16px;fill:black">e</text><rect class="shape" x="90" y="602" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="146.500000" y="668.000000" style="text-anchor:middle;font-size:16px;fill:black">c</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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.750000 127.000000 C 472.750000 166.000000 472.750000 236.000000 472.750000 273.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 435.167592 402.861836 C 412.134956 442.000000 406.250000 462.000000 406.250000 477.000000 C 406.250000 492.000000 365.650000 569.600000 206.002502 638.806797" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 147.485750 828.168217 C 380.900000 868.000000 439.500000 888.000000 439.500000 925.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 439.500000 1055.000000 C 439.500000 1094.000000 441.300000 1164.000000 447.968541 1201.047450" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 508.333505 1203.205941 C 538.345133 1164.000000 546.000000 1144.000000 546.000000 1107.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 331.559864 598.340799 C 268.500000 621.200000 316.500000 603.800000 255.320408 625.977602" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </style><rect class="shape" x="416" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="472.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="333" y="226" width="253" height="878" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="459.500000" y="259.000000" style="text-anchor:middle;font-size:28px;fill:black">g</text><rect class="shape" x="0" y="502" width="293" height="326" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="146.500000" y="535.000000" style="text-anchor:middle;font-size:28px;fill:black">d</text><rect class="shape" x="404" y="1204" width="111" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="459.500000" y="1270.000000" style="text-anchor:middle;font-size:16px;fill:black">f</text><rect class="shape" x="416" y="276" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="472.500000" y="342.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><rect class="shape" x="40" y="552" width="213" height="226" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="146.500000" y="581.000000" style="text-anchor:middle;font-size:24px;fill:black">h</text><rect class="shape" x="383" y="928" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="439.500000" y="994.000000" style="text-anchor:middle;font-size:16px;fill:black">e</text><rect class="shape" x="90" y="602" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="146.500000" y="668.000000" style="text-anchor:middle;font-size:16px;fill:black">c</text><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.750000 128.000000 C 472.750000 166.000000 472.750000 236.000000 472.750000 272.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 434.660405 403.723672 C 412.134956 442.000000 406.250000 462.000000 406.250000 477.000000 C 406.250000 492.000000 365.650000 569.600000 206.920003 638.409063" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 148.471500 828.336433 C 380.900000 868.000000 439.500000 888.000000 439.500000 924.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 439.500000 1056.000000 C 439.500000 1094.000000 441.300000 1164.000000 447.791388 1200.063267" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 508.941346 1202.411883 C 538.345133 1164.000000 546.000000 1144.000000 546.000000 1108.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 330.619728 598.681599 C 268.500000 621.200000 316.500000 603.800000 256.260544 625.636803" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><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

2
e2etests/testdata/stable/dense/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

2
e2etests/testdata/stable/different_subgraphs/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

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

@ -1045,7 +1045,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><rect class="shape" x="1469" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="1525.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="1469" y="5174" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="1525.500000" y="5240.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 1525.500000 127.000000 C 1525.500000 166.000000 1525.500000 186.000000 1525.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 1525.500000 5075.000000 C 1525.500000 5114.000000 1525.500000 5134.000000 1525.500000 5171.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="1469" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="1525.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="1469" y="5174" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="1525.500000" y="5240.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><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 1525.500000 128.000000 C 1525.500000 166.000000 1525.500000 186.000000 1525.500000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 1525.500000 5076.000000 C 1525.500000 5114.000000 1525.500000 5134.000000 1525.500000 5170.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><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

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

@ -792,7 +792,7 @@ width="938" height="786" viewBox="-100 -100 938 786"><style type="text/css">
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><rect class="shape" x="313" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="369.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="313" y="460" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="369.500000" y="526.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 369.000000 127.000000 C 369.000000 166.000000 369.000000 186.000000 369.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 369.000000 361.000000 C 369.000000 400.000000 369.000000 420.000000 369.000000 457.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="313" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="369.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="313" y="460" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="369.500000" y="526.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><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 369.000000 128.000000 C 369.000000 166.000000 369.000000 186.000000 369.000000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 369.000000 362.000000 C 369.000000 400.000000 369.000000 420.000000 369.000000 456.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><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

14
e2etests/testdata/stable/investigate/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: 488 KiB

After

Width:  |  Height:  |  Size: 488 KiB

2
e2etests/testdata/stable/large_arch/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

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

@ -800,7 +800,7 @@ width="579" height="752" viewBox="-100 -100 579 752"><style type="text/css">
</ul> </ul>
</li> </li>
</ul> </ul>
</div></foreignObject></g><rect class="shape" x="133" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="189.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="133" y="426" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="189.500000" y="492.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 189.500000 127.000000 C 189.500000 166.000000 189.500000 186.000000 189.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 189.500000 327.000000 C 189.500000 366.000000 189.500000 386.000000 189.500000 423.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="133" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="189.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="133" y="426" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="189.500000" y="492.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><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 189.500000 128.000000 C 189.500000 166.000000 189.500000 186.000000 189.500000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 189.500000 328.000000 C 189.500000 366.000000 189.500000 386.000000 189.500000 422.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><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

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

@ -796,7 +796,7 @@ width="445" height="728" viewBox="-100 -100 445 728"><style type="text/css">
</ul> </ul>
</li> </li>
</ul> </ul>
</div></foreignObject></g><rect class="shape" x="66" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="122.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="66" y="402" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="122.500000" y="468.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 122.500000 127.000000 C 122.500000 166.000000 122.500000 186.000000 122.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 122.500000 303.000000 C 122.500000 342.000000 122.500000 362.000000 122.500000 399.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="66" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="122.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="66" y="402" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="122.500000" y="468.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><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 122.500000 128.000000 C 122.500000 166.000000 122.500000 186.000000 122.500000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 122.500000 304.000000 C 122.500000 342.000000 122.500000 362.000000 122.500000 398.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><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

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

@ -821,7 +821,7 @@ width="547" height="1164" viewBox="-100 -100 547 1164"><style type="text/css">
</ul> </ul>
</li> </li>
</ul> </ul>
</div></foreignObject></g><rect class="shape" x="117" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="173.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="117" y="838" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="173.500000" y="904.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 173.500000 127.000000 C 173.500000 166.000000 173.500000 186.000000 173.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 173.500000 739.000000 C 173.500000 778.000000 173.500000 798.000000 173.500000 835.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="117" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="173.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="117" y="838" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="173.500000" y="904.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><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 173.500000 128.000000 C 173.500000 166.000000 173.500000 186.000000 173.500000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 173.500000 740.000000 C 173.500000 778.000000 173.500000 798.000000 173.500000 834.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 661 KiB

After

Width:  |  Height:  |  Size: 661 KiB

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

@ -819,7 +819,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><rect class="shape" x="404" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="460.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="404" y="702" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="460.500000" y="768.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 460.000000 127.000000 C 460.000000 166.000000 460.000000 186.000000 460.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 460.000000 603.000000 C 460.000000 642.000000 460.000000 662.000000 460.000000 699.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="404" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="460.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="404" y="702" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="460.500000" y="768.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><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 460.000000 128.000000 C 460.000000 166.000000 460.000000 186.000000 460.000000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 460.000000 604.000000 C 460.000000 642.000000 460.000000 662.000000 460.000000 698.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 842 KiB

After

Width:  |  Height:  |  Size: 842 KiB

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

@ -789,7 +789,7 @@ width="466" height="702" viewBox="-100 -100 466 702"><style type="text/css">
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="266" height="50"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Markdown: Syntax</h1> </style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="226.000000" width="266" height="50"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>Markdown: Syntax</h1>
</div></foreignObject></g><rect class="shape" x="77" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="133.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="77" y="376" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="133.500000" y="442.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 133.000000 127.000000 C 133.000000 166.000000 133.000000 186.000000 133.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 133.000000 277.000000 C 133.000000 316.000000 133.000000 336.000000 133.000000 373.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="77" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="133.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="77" y="376" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="133.500000" y="442.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><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 133.000000 128.000000 C 133.000000 166.000000 133.000000 186.000000 133.000000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 133.000000 278.000000 C 133.000000 316.000000 133.000000 336.000000 133.000000 372.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><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

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

@ -795,7 +795,7 @@ width="731" height="838" viewBox="-100 -100 731 838"><style type="text/css">
<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><rect class="shape" x="209" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="265.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">x</text><rect class="shape" x="209" y="512" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="266.000000" y="578.000000" style="text-anchor:middle;font-size:16px;fill:black">y</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 265.500000 127.000000 C 265.500000 166.000000 265.500000 186.000000 265.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 265.500000 413.000000 C 265.500000 452.000000 265.500000 472.000000 265.500000 509.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="209" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="265.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">x</text><rect class="shape" x="209" y="512" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="266.000000" y="578.000000" style="text-anchor:middle;font-size:16px;fill:black">y</text><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 265.500000 128.000000 C 265.500000 166.000000 265.500000 186.000000 265.500000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 265.500000 414.000000 C 265.500000 452.000000 265.500000 472.000000 265.500000 508.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><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

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

@ -793,7 +793,7 @@ width="396" height="763" viewBox="-100 -100 396 763"><style type="text/css">
of: &quot;json&quot;, of: &quot;json&quot;,
} }
</code></pre> </code></pre>
</div></foreignObject></g><rect class="shape" x="42" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="98.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="42" y="437" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="98.500000" y="503.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 98.000000 127.000000 C 98.000000 166.000000 98.000000 186.000000 98.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 98.000000 338.000000 C 98.000000 377.000000 98.000000 397.000000 98.000000 434.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="42" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="98.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="42" y="437" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="98.500000" y="503.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><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 98.000000 128.000000 C 98.000000 166.000000 98.000000 186.000000 98.000000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 98.000000 339.000000 C 98.000000 377.000000 98.000000 397.000000 98.000000 433.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><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

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

@ -794,7 +794,7 @@ width="412" height="803" viewBox="-100 -100 412 803"><style type="text/css">
of: &quot;json&quot;, of: &quot;json&quot;,
} }
</code></pre> </code></pre>
</div></foreignObject></g><rect class="shape" x="50" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="106.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="50" y="477" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="106.500000" y="543.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 106.000000 127.000000 C 106.000000 166.000000 106.000000 186.000000 106.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 106.000000 378.000000 C 106.000000 417.000000 106.000000 437.000000 106.000000 474.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="50" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="106.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="50" y="477" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="106.500000" y="543.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><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 106.000000 128.000000 C 106.000000 166.000000 106.000000 186.000000 106.000000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 106.000000 379.000000 C 106.000000 417.000000 106.000000 437.000000 106.000000 473.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><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

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

@ -789,7 +789,7 @@ width="313" height="676" viewBox="-100 -100 313 676"><style type="text/css">
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="34.000000" y="226.000000" width="46" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><code>code</code></p> </style><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="34.000000" y="226.000000" width="46" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p><code>code</code></p>
</div></foreignObject></g><rect class="shape" x="0" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="56.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="0" y="350" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="56.500000" y="416.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 56.500000 127.000000 C 56.500000 166.000000 56.500000 186.000000 56.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 56.500000 251.000000 C 56.500000 290.000000 56.500000 310.000000 56.500000 347.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="0" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="56.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="0" y="350" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="56.500000" y="416.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><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 56.500000 128.000000 C 56.500000 166.000000 56.500000 186.000000 56.500000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 56.500000 252.000000 C 56.500000 290.000000 56.500000 310.000000 56.500000 346.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><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

2
e2etests/testdata/stable/multiple_trees/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

2
e2etests/testdata/stable/n22_e32/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

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

@ -12,7 +12,7 @@ width="679" height="1330" viewBox="-100 -100 679 1330"><style type="text/css">
stroke-linejoin: round; stroke-linejoin: round;
} }
]]> ]]>
</style><rect class="shape" x="0" y="0" width="479" height="226" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="239.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:black">a</text><rect class="shape" x="143" y="1004" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="199.500000" y="1070.000000" style="text-anchor:middle;font-size:16px;fill:black">c</text><rect class="shape" x="316" y="778" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="373.000000" y="844.000000" style="text-anchor:middle;font-size:16px;fill:black">d</text><rect class="shape" x="143" y="778" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="199.500000" y="844.000000" style="text-anchor:middle;font-size:16px;fill:black">e</text><rect class="shape" x="318" y="552" width="111" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="373.500000" y="618.000000" style="text-anchor:middle;font-size:16px;fill:black">f</text><rect class="shape" x="316" y="326" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="373.000000" y="392.000000" style="text-anchor:middle;font-size:16px;fill:black">g</text><rect class="shape" x="90" y="50" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="146.500000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><rect class="shape" x="317" y="50" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="373.500000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:black">h</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 116.385668 176.904592 C 97.962389 216.000000 93.250000 236.000000 93.250000 251.000000 C 93.250000 266.000000 93.250000 298.600000 93.250000 332.500000 C 93.250000 366.400000 93.250000 411.600000 93.250000 445.500000 C 93.250000 479.400000 93.250000 524.600000 93.250000 558.500000 C 93.250000 592.400000 93.250000 637.600000 93.250000 671.500000 C 93.250000 705.400000 93.250000 750.600000 93.250000 784.500000 C 93.250000 818.400000 103.250000 964.600000 141.191339 1004.817819" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 373.250000 905.000000 C 373.250000 944.000000 349.850000 969.240346 258.763840 1028.564473" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 199.750000 905.000000 C 199.750000 944.000000 199.750000 964.000000 199.750000 1001.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 373.250000 679.000000 C 373.250000 718.000000 373.250000 738.000000 373.250000 775.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 199.750000 227.000000 C 199.750000 266.000000 199.750000 298.600000 199.750000 332.500000 C 199.750000 366.400000 199.750000 411.600000 199.750000 445.500000 C 199.750000 479.400000 199.750000 524.600000 199.750000 558.500000 C 199.750000 592.400000 199.750000 738.000000 199.750000 775.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 373.250000 453.000000 C 373.250000 492.000000 373.250000 512.000000 373.250000 549.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 373.250000 177.000000 C 373.250000 216.000000 373.250000 286.000000 373.250000 323.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </style><rect class="shape" x="0" y="0" width="479" height="226" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="239.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:black">a</text><rect class="shape" x="143" y="1004" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="199.500000" y="1070.000000" style="text-anchor:middle;font-size:16px;fill:black">c</text><rect class="shape" x="316" y="778" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="373.000000" y="844.000000" style="text-anchor:middle;font-size:16px;fill:black">d</text><rect class="shape" x="143" y="778" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="199.500000" y="844.000000" style="text-anchor:middle;font-size:16px;fill:black">e</text><rect class="shape" x="318" y="552" width="111" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="373.500000" y="618.000000" style="text-anchor:middle;font-size:16px;fill:black">f</text><rect class="shape" x="316" y="326" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="373.000000" y="392.000000" style="text-anchor:middle;font-size:16px;fill:black">g</text><rect class="shape" x="90" y="50" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="146.500000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><rect class="shape" x="317" y="50" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="373.500000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:black">h</text><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 115.959389 177.809184 C 97.962389 216.000000 93.250000 236.000000 93.250000 251.000000 C 93.250000 266.000000 93.250000 298.600000 93.250000 332.500000 C 93.250000 366.400000 93.250000 411.600000 93.250000 445.500000 C 93.250000 479.400000 93.250000 524.600000 93.250000 558.500000 C 93.250000 592.400000 93.250000 637.600000 93.250000 671.500000 C 93.250000 705.400000 93.250000 750.600000 93.250000 784.500000 C 93.250000 818.400000 103.250000 964.600000 140.505118 1004.090425" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 373.250000 906.000000 C 373.250000 944.000000 349.850000 969.240346 259.601787 1028.018721" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 199.750000 906.000000 C 199.750000 944.000000 199.750000 964.000000 199.750000 1000.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 373.250000 680.000000 C 373.250000 718.000000 373.250000 738.000000 373.250000 774.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 199.750000 228.000000 C 199.750000 266.000000 199.750000 298.600000 199.750000 332.500000 C 199.750000 366.400000 199.750000 411.600000 199.750000 445.500000 C 199.750000 479.400000 199.750000 524.600000 199.750000 558.500000 C 199.750000 592.400000 199.750000 738.000000 199.750000 774.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 373.250000 454.000000 C 373.250000 492.000000 373.250000 512.000000 373.250000 548.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 373.250000 178.000000 C 373.250000 216.000000 373.250000 286.000000 373.250000 322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><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

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

@ -12,7 +12,7 @@ width="706" height="978" viewBox="-100 -100 706 978"><style type="text/css">
stroke-linejoin: round; stroke-linejoin: round;
} }
]]> ]]>
</style><rect class="shape" x="0" y="0" width="506" height="226" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="253.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:black">top</text><rect class="shape" x="42" y="326" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="98.500000" y="392.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="215" y="326" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="271.500000" y="392.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><rect class="shape" x="388" y="326" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="444.500000" y="392.000000" style="text-anchor:middle;font-size:16px;fill:black">c</text><rect class="shape" x="0" y="552" width="504" height="226" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="252.000000" y="585.000000" style="text-anchor:middle;font-size:28px;fill:black">bottom</text><rect class="shape" x="183" y="50" width="140" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="253.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:black">start</text><rect class="shape" x="207" y="602" width="132" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="273.000000" y="668.000000" style="text-anchor:middle;font-size:16px;fill:black">end</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 182.191941 164.621359 C 115.000000 213.606452 98.000000 286.000000 98.000000 323.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 263.192707 176.987549 C 269.407080 216.000000 271.000000 286.000000 271.000000 323.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 323.860657 154.922797 C 419.800000 211.682723 444.000000 286.000000 444.000000 323.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 98.000000 453.000000 C 98.000000 492.000000 119.800000 566.000000 204.475712 620.378898" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 271.000000 453.000000 C 271.000000 492.000000 271.200000 562.000000 271.940012 599.000600" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 444.000000 453.000000 C 444.000000 492.000000 423.000000 565.800000 341.507116 619.352466" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </style><rect class="shape" x="0" y="0" width="506" height="226" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="253.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:black">top</text><rect class="shape" x="42" y="326" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="98.500000" y="392.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="215" y="326" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="271.500000" y="392.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><rect class="shape" x="388" y="326" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="444.500000" y="392.000000" style="text-anchor:middle;font-size:16px;fill:black">c</text><rect class="shape" x="0" y="552" width="504" height="226" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="252.000000" y="585.000000" style="text-anchor:middle;font-size:28px;fill:black">bottom</text><rect class="shape" x="183" y="50" width="140" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="253.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:black">start</text><rect class="shape" x="207" y="602" width="132" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="273.000000" y="668.000000" style="text-anchor:middle;font-size:16px;fill:black">end</text><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 181.383882 165.210461 C 115.000000 213.606452 98.000000 286.000000 98.000000 322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 263.350016 177.975099 C 269.407080 216.000000 271.000000 286.000000 271.000000 322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 324.721315 155.431982 C 419.800000 211.682723 444.000000 286.000000 444.000000 322.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 98.000000 454.000000 C 98.000000 492.000000 119.800000 566.000000 203.634283 619.838530" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 271.000000 454.000000 C 271.000000 492.000000 271.200000 562.000000 271.920016 598.000800" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 444.000000 454.000000 C 444.000000 492.000000 423.000000 565.800000 342.342822 618.803288" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><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

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

@ -792,7 +792,7 @@ width="2057" height="676" viewBox="-100 -100 2057 676"><style type="text/css">
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><rect class="shape" x="872" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="928.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="872" y="350" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="928.500000" y="416.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 928.500000 127.000000 C 928.500000 166.000000 928.500000 186.000000 928.500000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 928.500000 251.000000 C 928.500000 290.000000 928.500000 310.000000 928.500000 347.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="872" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="928.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="872" y="350" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="928.500000" y="416.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><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 928.500000 128.000000 C 928.500000 166.000000 928.500000 186.000000 928.500000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 928.500000 252.000000 C 928.500000 290.000000 928.500000 310.000000 928.500000 346.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><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

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

@ -795,7 +795,7 @@ 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><rect class="shape" x="245" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="301.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="245" y="496" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="301.500000" y="562.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="8.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 301.000000 127.000000 C 301.000000 166.000000 301.000000 186.000000 301.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 301.000000 397.000000 C 301.000000 436.000000 301.000000 456.000000 301.000000 493.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><style type="text/css"><![CDATA[ </div></foreignObject></g><rect class="shape" x="245" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="301.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:black">a</text><rect class="shape" x="245" y="496" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /><text class="text-bold" x="301.500000" y="562.000000" style="text-anchor:middle;font-size:16px;fill:black">b</text><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 301.000000 128.000000 C 301.000000 166.000000 301.000000 186.000000 301.000000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><path d="M 301.000000 398.000000 C 301.000000 436.000000 301.000000 456.000000 301.000000 492.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" /><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

2
e2etests/testdata/stable/straight_hierarchy_container/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

2
e2etests/testdata/stable/us_map/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: 362 KiB

After

Width:  |  Height:  |  Size: 362 KiB