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

export: use board labels

Browse source
This commit is contained in:
Alexander Wang 2023-12-07 13:31:05 -08:00
parent da3fa94689
commit 10a2cb60e7
No known key found for this signature in database
GPG key ID: D89FA31966BDBECE
61 changed files with 3311 additions and 3101 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
d2cli/main.go
View file

@ -552,9 +552,9 @@ func compile(ctx context.Context, ms *xmain.State, plugins []d2plugin.Plugin, fs
case PDF:
pageMap := buildBoardIDToIndex(diagram, nil, nil)
path := []pdf.BoardTitle{
{Name: "root", BoardID: "root"},
{Name: diagram.Root.Label, BoardID: "root"},
}
pdf, err := renderPDF(ctx, ms, plugin, renderOpts, outputPath, page, ruler, diagram, nil, path, pageMap)
pdf, err := renderPDF(ctx, ms, plugin, renderOpts, outputPath, page, ruler, diagram, nil, path, pageMap, diagram.Root.Label != "")
if err != nil {
return pdf, false, err
}
@ -566,10 +566,10 @@ func compile(ctx context.Context, ms *xmain.State, plugins []d2plugin.Plugin, fs
if user, err := user.Current(); err == nil {
username = user.Username
}
description := "Presentation generated with D2 - https://d2lang.com/"
description := "Presentation generated with D2 - https://d2lang.com"
rootName := getFileName(outputPath)
// version must be only numbers to avoid issues with PowerPoint
p := pptx.NewPresentation(rootName, description, rootName, username, version.OnlyNumbers())
p := pptx.NewPresentation(rootName, description, rootName, username, version.OnlyNumbers(), diagram.Root.Label != "")
boardIdToIndex := buildBoardIDToIndex(diagram, nil, nil)
path := []pptx.BoardTitle{
@ -914,7 +914,7 @@ func _render(ctx context.Context, ms *xmain.State, plugin d2plugin.Plugin, opts
return svg, nil
}
func renderPDF(ctx context.Context, ms *xmain.State, plugin d2plugin.Plugin, opts d2svg.RenderOpts, outputPath string, page playwright.Page, ruler *textmeasure.Ruler, diagram *d2target.Diagram, doc *pdf.GoFPDF, boardPath []pdf.BoardTitle, pageMap map[string]int) (svg []byte, err error) {
func renderPDF(ctx context.Context, ms *xmain.State, plugin d2plugin.Plugin, opts d2svg.RenderOpts, outputPath string, page playwright.Page, ruler *textmeasure.Ruler, diagram *d2target.Diagram, doc *pdf.GoFPDF, boardPath []pdf.BoardTitle, pageMap map[string]int, includeNav bool) (svg []byte, err error) {
var isRoot bool
if doc == nil {
doc = pdf.Init()
@ -973,7 +973,7 @@ func renderPDF(ctx context.Context, ms *xmain.State, plugin d2plugin.Plugin, opt
if err != nil {
return svg, err
}
err = doc.AddPDFPage(pngImg, boardPath, *opts.ThemeID, rootFill, diagram.Shapes, *opts.Pad, viewboxX, viewboxY, pageMap)
err = doc.AddPDFPage(pngImg, boardPath, *opts.ThemeID, rootFill, diagram.Shapes, *opts.Pad, viewboxX, viewboxY, pageMap, includeNav)
if err != nil {
return svg, err
}
@ -981,30 +981,30 @@ func renderPDF(ctx context.Context, ms *xmain.State, plugin d2plugin.Plugin, opt
for _, dl := range diagram.Layers {
path := append(boardPath, pdf.BoardTitle{
Name: dl.Name,
Name: dl.Root.Label,
BoardID: strings.Join([]string{boardPath[len(boardPath)-1].BoardID, LAYERS, dl.Name}, "."),
})
_, err := renderPDF(ctx, ms, plugin, opts, "", page, ruler, dl, doc, path, pageMap)
_, err := renderPDF(ctx, ms, plugin, opts, "", page, ruler, dl, doc, path, pageMap, includeNav)
if err != nil {
return nil, err
}
}
for _, dl := range diagram.Scenarios {
path := append(boardPath, pdf.BoardTitle{
Name: dl.Name,
Name: dl.Root.Label,
BoardID: strings.Join([]string{boardPath[len(boardPath)-1].BoardID, SCENARIOS, dl.Name}, "."),
})
_, err := renderPDF(ctx, ms, plugin, opts, "", page, ruler, dl, doc, path, pageMap)
_, err := renderPDF(ctx, ms, plugin, opts, "", page, ruler, dl, doc, path, pageMap, includeNav)
if err != nil {
return nil, err
}
}
for _, dl := range diagram.Steps {
path := append(boardPath, pdf.BoardTitle{
Name: dl.Name,
Name: dl.Root.Label,
BoardID: strings.Join([]string{boardPath[len(boardPath)-1].BoardID, STEPS, dl.Name}, "."),
})
_, err := renderPDF(ctx, ms, plugin, opts, "", page, ruler, dl, doc, path, pageMap)
_, err := renderPDF(ctx, ms, plugin, opts, "", page, ruler, dl, doc, path, pageMap, includeNav)
if err != nil {
return nil, err
}

59
d2exporter/export.go
View file

@ -2,11 +2,14 @@ package d2exporter
import (
"context"
"net/url"
"strconv"
"strings"
"oss.terrastruct.com/util-go/go2"
"oss.terrastruct.com/d2/d2graph"
"oss.terrastruct.com/d2/d2parser"
"oss.terrastruct.com/d2/d2renderers/d2fonts"
"oss.terrastruct.com/d2/d2target"
"oss.terrastruct.com/d2/d2themes"
@ -17,6 +20,11 @@ import (
func Export(ctx context.Context, g *d2graph.Graph, fontFamily *d2fonts.FontFamily) (*d2target.Diagram, error) {
diagram := d2target.NewDiagram()
applyStyles(&diagram.Root, g.Root)
if g.Root.Label.MapKey == nil {
diagram.Root.Label = g.Name
} else {
diagram.Root.Label = g.Root.Label.Value
}
diagram.Name = g.Name
diagram.IsFolderOnly = g.IsFolderOnly
if fontFamily == nil {
@ -29,7 +37,7 @@ func Export(ctx context.Context, g *d2graph.Graph, fontFamily *d2fonts.FontFamil
diagram.Shapes = make([]d2target.Shape, len(g.Objects))
for i := range g.Objects {
diagram.Shapes[i] = toShape(g.Objects[i], g.Theme)
diagram.Shapes[i] = toShape(g.Objects[i], g)
}
diagram.Connections = make([]d2target.Connection, len(g.Edges))
@ -126,7 +134,7 @@ func applyStyles(shape *d2target.Shape, obj *d2graph.Object) {
}
}
func toShape(obj *d2graph.Object, theme *d2themes.Theme) d2target.Shape {
func toShape(obj *d2graph.Object, g *d2graph.Graph) d2target.Shape {
shape := d2target.BaseShape()
shape.SetType(obj.Shape.Value)
shape.ID = obj.AbsID()
@ -152,7 +160,7 @@ func toShape(obj *d2graph.Object, theme *d2themes.Theme) d2target.Shape {
}
applyStyles(shape, obj)
applyTheme(shape, obj, theme)
applyTheme(shape, obj, g.Theme)
shape.Color = text.GetColor(shape.Italic)
applyStyles(shape, obj)
@ -188,6 +196,7 @@ func toShape(obj *d2graph.Object, theme *d2themes.Theme) d2target.Shape {
}
if obj.Link != nil {
shape.Link = obj.Link.Value
shape.PrettyLink = toPrettyLink(g, obj.Link.Value)
}
shape.Icon = obj.Icon
if obj.IconPosition != nil {
@ -197,6 +206,50 @@ func toShape(obj *d2graph.Object, theme *d2themes.Theme) d2target.Shape {
return *shape
}
func toPrettyLink(g *d2graph.Graph, link string) string {
u, err := url.ParseRequestURI(link)
if err == nil && u.Host != "" && len(u.RawPath) > 30 {
return u.Scheme + "://" + u.Host + u.RawPath[:10] + "..." + u.RawPath[len(u.RawPath)-10:]
} else if err != nil {
linkKey, err := d2parser.ParseKey(link)
if err != nil {
return link
}
rootG := g
for rootG.Parent != nil {
rootG = rootG.Parent
}
var prettyLink []string
FOR:
for i := 0; i < len(linkKey.Path); i++ {
p := linkKey.Path[i].Unbox().ScalarString()
if i > 0 {
switch p {
case "layers", "scenarios", "steps":
continue FOR
}
rootG = rootG.GetBoard(p)
if rootG == nil {
return link
}
}
if rootG.Root.Label.MapKey != nil {
prettyLink = append(prettyLink, rootG.Root.Label.Value)
} else {
prettyLink = append(prettyLink, rootG.Name)
}
}
for _, l := range prettyLink {
// If any part of it is blank, "x > > y" looks stupid, so just use the last
if l == "" {
return prettyLink[len(prettyLink)-1]
}
}
return strings.Join(prettyLink, " > ")
}
return link
}
func toConnection(edge *d2graph.Edge, theme *d2themes.Theme) d2target.Connection {
connection := d2target.BaseConnection()
connection.ID = edge.AbsID()

28
d2renderers/d2svg/appendix/appendix.go
View file

@ -12,7 +12,6 @@ import (
"strings"
"oss.terrastruct.com/d2/d2graph"
"oss.terrastruct.com/d2/d2parser"
"oss.terrastruct.com/d2/d2renderers/d2fonts"
"oss.terrastruct.com/d2/d2renderers/d2svg"
"oss.terrastruct.com/d2/d2target"
@ -193,31 +192,6 @@ func Append(diagram *d2target.Diagram, ruler *textmeasure.Ruler, in []byte) []by
return []byte(svg)
}
// transformInternalLink turns
// "root.layers.x.layers.y"
// into
// "root > x > y"
func transformInternalLink(link string) string {
if link == "" || !strings.HasPrefix(link, "root") {
return link
}
mk, err := d2parser.ParseMapKey(link)
if err != nil {
return ""
}
key := d2graph.Key(mk.Key)
if len(key) > 1 {
for i := 1; i < len(key); i += 2 {
key[i] = ">"
}
}
return strings.Join(key, " ")
}
func generateAppendix(diagram *d2target.Diagram, ruler *textmeasure.Ruler, svg string) (string, int, int) {
tl, br := diagram.BoundingBox()
@ -227,7 +201,7 @@ func generateAppendix(diagram *d2target.Diagram, ruler *textmeasure.Ruler, svg s
i := 1
for _, s := range diagram.Shapes {
for _, txt := range []string{s.Tooltip, transformInternalLink(s.Link)} {
for _, txt := range []string{s.Tooltip, s.PrettyLink} {
if txt != "" {
line, w, h := generateLine(i, br.Y+(PAD_TOP*2)+totalHeight, txt, ruler)
i++

154
d2renderers/d2svg/appendix/testdata/internal-links/sketch.exp.svg vendored
View file

@ -1,12 +1,12 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 304 407"><svg id="d2-svg" class="d2-3057089836" width="304" height="407" viewBox="-101 -118 304 407"><rect x="-101.000000" y="-118.000000" width="304" height="407" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 304 407"><svg id="d2-svg" class="d2-1118191387" width="304" height="407" viewBox="-101 -118 304 407"><rect x="-101.000000" y="-118.000000" width="304" height="407" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.appendix-icon {
filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
}
.d2-3057089836 .text-bold {
font-family: "d2-3057089836-font-bold";
.d2-1118191387 .text-bold {
font-family: "d2-1118191387-font-bold";
}
@font-face {
font-family: d2-3057089836-font-bold;
font-family: d2-1118191387-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -21,81 +21,81 @@
opacity: 0.5;
}
.d2-3057089836 .fill-N1{fill:#0A0F25;}
.d2-3057089836 .fill-N2{fill:#676C7E;}
.d2-3057089836 .fill-N3{fill:#9499AB;}
.d2-3057089836 .fill-N4{fill:#CFD2DD;}
.d2-3057089836 .fill-N5{fill:#DEE1EB;}
.d2-3057089836 .fill-N6{fill:#EEF1F8;}
.d2-3057089836 .fill-N7{fill:#FFFFFF;}
.d2-3057089836 .fill-B1{fill:#0D32B2;}
.d2-3057089836 .fill-B2{fill:#0D32B2;}
.d2-3057089836 .fill-B3{fill:#E3E9FD;}
.d2-3057089836 .fill-B4{fill:#E3E9FD;}
.d2-3057089836 .fill-B5{fill:#EDF0FD;}
.d2-3057089836 .fill-B6{fill:#F7F8FE;}
.d2-3057089836 .fill-AA2{fill:#4A6FF3;}
.d2-3057089836 .fill-AA4{fill:#EDF0FD;}
.d2-3057089836 .fill-AA5{fill:#F7F8FE;}
.d2-3057089836 .fill-AB4{fill:#EDF0FD;}
.d2-3057089836 .fill-AB5{fill:#F7F8FE;}
.d2-3057089836 .stroke-N1{stroke:#0A0F25;}
.d2-3057089836 .stroke-N2{stroke:#676C7E;}
.d2-3057089836 .stroke-N3{stroke:#9499AB;}
.d2-3057089836 .stroke-N4{stroke:#CFD2DD;}
.d2-3057089836 .stroke-N5{stroke:#DEE1EB;}
.d2-3057089836 .stroke-N6{stroke:#EEF1F8;}
.d2-3057089836 .stroke-N7{stroke:#FFFFFF;}
.d2-3057089836 .stroke-B1{stroke:#0D32B2;}
.d2-3057089836 .stroke-B2{stroke:#0D32B2;}
.d2-3057089836 .stroke-B3{stroke:#E3E9FD;}
.d2-3057089836 .stroke-B4{stroke:#E3E9FD;}
.d2-3057089836 .stroke-B5{stroke:#EDF0FD;}
.d2-3057089836 .stroke-B6{stroke:#F7F8FE;}
.d2-3057089836 .stroke-AA2{stroke:#4A6FF3;}
.d2-3057089836 .stroke-AA4{stroke:#EDF0FD;}
.d2-3057089836 .stroke-AA5{stroke:#F7F8FE;}
.d2-3057089836 .stroke-AB4{stroke:#EDF0FD;}
.d2-3057089836 .stroke-AB5{stroke:#F7F8FE;}
.d2-3057089836 .background-color-N1{background-color:#0A0F25;}
.d2-3057089836 .background-color-N2{background-color:#676C7E;}
.d2-3057089836 .background-color-N3{background-color:#9499AB;}
.d2-3057089836 .background-color-N4{background-color:#CFD2DD;}
.d2-3057089836 .background-color-N5{background-color:#DEE1EB;}
.d2-3057089836 .background-color-N6{background-color:#EEF1F8;}
.d2-3057089836 .background-color-N7{background-color:#FFFFFF;}
.d2-3057089836 .background-color-B1{background-color:#0D32B2;}
.d2-3057089836 .background-color-B2{background-color:#0D32B2;}
.d2-3057089836 .background-color-B3{background-color:#E3E9FD;}
.d2-3057089836 .background-color-B4{background-color:#E3E9FD;}
.d2-3057089836 .background-color-B5{background-color:#EDF0FD;}
.d2-3057089836 .background-color-B6{background-color:#F7F8FE;}
.d2-3057089836 .background-color-AA2{background-color:#4A6FF3;}
.d2-3057089836 .background-color-AA4{background-color:#EDF0FD;}
.d2-3057089836 .background-color-AA5{background-color:#F7F8FE;}
.d2-3057089836 .background-color-AB4{background-color:#EDF0FD;}
.d2-3057089836 .background-color-AB5{background-color:#F7F8FE;}
.d2-3057089836 .color-N1{color:#0A0F25;}
.d2-3057089836 .color-N2{color:#676C7E;}
.d2-3057089836 .color-N3{color:#9499AB;}
.d2-3057089836 .color-N4{color:#CFD2DD;}
.d2-3057089836 .color-N5{color:#DEE1EB;}
.d2-3057089836 .color-N6{color:#EEF1F8;}
.d2-3057089836 .color-N7{color:#FFFFFF;}
.d2-3057089836 .color-B1{color:#0D32B2;}
.d2-3057089836 .color-B2{color:#0D32B2;}
.d2-3057089836 .color-B3{color:#E3E9FD;}
.d2-3057089836 .color-B4{color:#E3E9FD;}
.d2-3057089836 .color-B5{color:#EDF0FD;}
.d2-3057089836 .color-B6{color:#F7F8FE;}
.d2-3057089836 .color-AA2{color:#4A6FF3;}
.d2-3057089836 .color-AA4{color:#EDF0FD;}
.d2-3057089836 .color-AA5{color:#F7F8FE;}
.d2-3057089836 .color-AB4{color:#EDF0FD;}
.d2-3057089836 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="root.layers.x" xlink:href="root.layers.x"><g id="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g></a><g transform="translate(69 -16)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><mask id="d2-3057089836" maskUnits="userSpaceOnUse" x="-101" y="-118" width="304" height="285">
.d2-1118191387 .fill-N1{fill:#0A0F25;}
.d2-1118191387 .fill-N2{fill:#676C7E;}
.d2-1118191387 .fill-N3{fill:#9499AB;}
.d2-1118191387 .fill-N4{fill:#CFD2DD;}
.d2-1118191387 .fill-N5{fill:#DEE1EB;}
.d2-1118191387 .fill-N6{fill:#EEF1F8;}
.d2-1118191387 .fill-N7{fill:#FFFFFF;}
.d2-1118191387 .fill-B1{fill:#0D32B2;}
.d2-1118191387 .fill-B2{fill:#0D32B2;}
.d2-1118191387 .fill-B3{fill:#E3E9FD;}
.d2-1118191387 .fill-B4{fill:#E3E9FD;}
.d2-1118191387 .fill-B5{fill:#EDF0FD;}
.d2-1118191387 .fill-B6{fill:#F7F8FE;}
.d2-1118191387 .fill-AA2{fill:#4A6FF3;}
.d2-1118191387 .fill-AA4{fill:#EDF0FD;}
.d2-1118191387 .fill-AA5{fill:#F7F8FE;}
.d2-1118191387 .fill-AB4{fill:#EDF0FD;}
.d2-1118191387 .fill-AB5{fill:#F7F8FE;}
.d2-1118191387 .stroke-N1{stroke:#0A0F25;}
.d2-1118191387 .stroke-N2{stroke:#676C7E;}
.d2-1118191387 .stroke-N3{stroke:#9499AB;}
.d2-1118191387 .stroke-N4{stroke:#CFD2DD;}
.d2-1118191387 .stroke-N5{stroke:#DEE1EB;}
.d2-1118191387 .stroke-N6{stroke:#EEF1F8;}
.d2-1118191387 .stroke-N7{stroke:#FFFFFF;}
.d2-1118191387 .stroke-B1{stroke:#0D32B2;}
.d2-1118191387 .stroke-B2{stroke:#0D32B2;}
.d2-1118191387 .stroke-B3{stroke:#E3E9FD;}
.d2-1118191387 .stroke-B4{stroke:#E3E9FD;}
.d2-1118191387 .stroke-B5{stroke:#EDF0FD;}
.d2-1118191387 .stroke-B6{stroke:#F7F8FE;}
.d2-1118191387 .stroke-AA2{stroke:#4A6FF3;}
.d2-1118191387 .stroke-AA4{stroke:#EDF0FD;}
.d2-1118191387 .stroke-AA5{stroke:#F7F8FE;}
.d2-1118191387 .stroke-AB4{stroke:#EDF0FD;}
.d2-1118191387 .stroke-AB5{stroke:#F7F8FE;}
.d2-1118191387 .background-color-N1{background-color:#0A0F25;}
.d2-1118191387 .background-color-N2{background-color:#676C7E;}
.d2-1118191387 .background-color-N3{background-color:#9499AB;}
.d2-1118191387 .background-color-N4{background-color:#CFD2DD;}
.d2-1118191387 .background-color-N5{background-color:#DEE1EB;}
.d2-1118191387 .background-color-N6{background-color:#EEF1F8;}
.d2-1118191387 .background-color-N7{background-color:#FFFFFF;}
.d2-1118191387 .background-color-B1{background-color:#0D32B2;}
.d2-1118191387 .background-color-B2{background-color:#0D32B2;}
.d2-1118191387 .background-color-B3{background-color:#E3E9FD;}
.d2-1118191387 .background-color-B4{background-color:#E3E9FD;}
.d2-1118191387 .background-color-B5{background-color:#EDF0FD;}
.d2-1118191387 .background-color-B6{background-color:#F7F8FE;}
.d2-1118191387 .background-color-AA2{background-color:#4A6FF3;}
.d2-1118191387 .background-color-AA4{background-color:#EDF0FD;}
.d2-1118191387 .background-color-AA5{background-color:#F7F8FE;}
.d2-1118191387 .background-color-AB4{background-color:#EDF0FD;}
.d2-1118191387 .background-color-AB5{background-color:#F7F8FE;}
.d2-1118191387 .color-N1{color:#0A0F25;}
.d2-1118191387 .color-N2{color:#676C7E;}
.d2-1118191387 .color-N3{color:#9499AB;}
.d2-1118191387 .color-N4{color:#CFD2DD;}
.d2-1118191387 .color-N5{color:#DEE1EB;}
.d2-1118191387 .color-N6{color:#EEF1F8;}
.d2-1118191387 .color-N7{color:#FFFFFF;}
.d2-1118191387 .color-B1{color:#0D32B2;}
.d2-1118191387 .color-B2{color:#0D32B2;}
.d2-1118191387 .color-B3{color:#E3E9FD;}
.d2-1118191387 .color-B4{color:#E3E9FD;}
.d2-1118191387 .color-B5{color:#EDF0FD;}
.d2-1118191387 .color-B6{color:#F7F8FE;}
.d2-1118191387 .color-AA2{color:#4A6FF3;}
.d2-1118191387 .color-AA4{color:#EDF0FD;}
.d2-1118191387 .color-AA5{color:#F7F8FE;}
.d2-1118191387 .color-AB4{color:#EDF0FD;}
.d2-1118191387 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="root.layers.x" xlink:href="root.layers.x"><g id="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g></a><g transform="translate(69 -16)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><mask id="d2-1118191387" maskUnits="userSpaceOnUse" x="-101" y="-118" width="304" height="285">
<rect x="-101" y="-118" width="304" height="285" fill="white"></rect>
<rect x="38.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask><line x1="-41.000000" x2="143.000000" y1="117.000000" y2="117.000000" class=" stroke-B2" /><g class="appendix" x="-1" y="67" width="104" height="100%"><g transform="translate(0 167)" class="appendix-icon"><circle cx="16" cy="0" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="5" style="font-size: 16px;text-anchor:middle;">1</text></g><text class="text" x="48" y="172" style="font-size: 16px;">root &gt; x</text></g>
</mask><line x1="-41.000000" x2="143.000000" y1="117.000000" y2="117.000000" class=" stroke-B2" /><g class="appendix" x="-1" y="67" width="104" height="100%"><g transform="translate(0 167)" class="appendix-icon"><circle cx="16" cy="0" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="5" style="font-size: 16px;text-anchor:middle;">1</text></g><text class="text" x="48" y="172" style="font-size: 16px;">x</text></g>
<style type="text/css"><![CDATA[
.text {
font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 657 KiB

After

Width:  |  Height:  |  Size: 657 KiB

152
d2renderers/d2svg/appendix/testdata/links/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 662 KiB

After

Width:  |  Height:  |  Size: 662 KiB

152
d2renderers/d2svg/appendix/testdata/links_dark/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 662 KiB

After

Width:  |  Height:  |  Size: 662 KiB

2
d2target/d2target.go
View file

@ -381,6 +381,7 @@ func (diagram Diagram) GetCorpus() string {
appendixCount++
corpus += fmt.Sprint(appendixCount)
}
corpus += s.PrettyLink
if s.Type == ShapeClass {
for _, cf := range s.Fields {
corpus += cf.Text(0).Text + cf.VisibilityToken()
@ -446,6 +447,7 @@ type Shape struct {
Tooltip string `json:"tooltip"`
Link string `json:"link"`
PrettyLink string `json:"prettyLink,omitempty"`
Icon *url.URL `json:"icon"`
IconPosition string `json:"iconPosition"`

80
e2etests-cli/main_test.go
View file

@ -638,6 +638,86 @@ i used to read
assert.Testdata(t, ".svg", svg)
},
},
{
name: "renamed-board",
skipCI: true,
run: func(t *testing.T, ctx context.Context, dir string, env *xos.Env) {
writeFile(t, dir, "in.d2", `cat: how does the cat go? {
link: layers.cat
}
a.link: "https://www.google.com/maps/place/Smoked+Out+BBQ/@37.3848007,-121.9513887,17z/data=!3m1!4b1!4m6!3m5!1s0x808fc9182ad4d38d:0x8e2f39c3e927b296!8m2!3d37.3848007!4d-121.9492!16s%2Fg%2F11gjt85zvf"
label: blah
layers: {
cat: {
label: dog
home: {
link: _
}
the cat -> meow: goes
}
}
`)
err := runTestMain(t, ctx, dir, env, "in.d2", "out.pdf")
assert.Success(t, err)
pdf := readFile(t, dir, "out.pdf")
testdataIgnoreDiff(t, ".pdf", pdf)
},
},
{
name: "no-nav-pdf",
skipCI: true,
run: func(t *testing.T, ctx context.Context, dir string, env *xos.Env) {
writeFile(t, dir, "in.d2", `cat: how does the cat go? {
link: layers.cat
}
a.link: "https://www.google.com/maps/place/Smoked+Out+BBQ/@37.3848007,-121.9513887,17z/data=!3m1!4b1!4m6!3m5!1s0x808fc9182ad4d38d:0x8e2f39c3e927b296!8m2!3d37.3848007!4d-121.9492!16s%2Fg%2F11gjt85zvf"
label: ""
layers: {
cat: {
label: dog
home: {
link: _
}
the cat -> meow: goes
}
}
`)
err := runTestMain(t, ctx, dir, env, "in.d2", "out.pdf")
assert.Success(t, err)
pdf := readFile(t, dir, "out.pdf")
testdataIgnoreDiff(t, ".pdf", pdf)
},
},
{
name: "no-nav-pptx",
skipCI: true,
run: func(t *testing.T, ctx context.Context, dir string, env *xos.Env) {
writeFile(t, dir, "in.d2", `cat: how does the cat go? {
link: layers.cat
}
a.link: "https://www.google.com/maps/place/Smoked+Out+BBQ/@37.3848007,-121.9513887,17z/data=!3m1!4b1!4m6!3m5!1s0x808fc9182ad4d38d:0x8e2f39c3e927b296!8m2!3d37.3848007!4d-121.9492!16s%2Fg%2F11gjt85zvf"
label: ""
layers: {
cat: {
label: dog
home: {
link: _
}
the cat -> meow: goes
}
}
`)
err := runTestMain(t, ctx, dir, env, "in.d2", "out.pptx")
assert.Success(t, err)
file := readFile(t, dir, "out.pptx")
// err = pptx.Validate(file, 2)
assert.Success(t, err)
testdataIgnoreDiff(t, ".pptx", file)
},
},
{
name: "basic-fmt",
run: func(t *testing.T, ctx context.Context, dir string, env *xos.Env) {

180
e2etests-cli/testdata/TestCLI_E2E/animation.exp.svg vendored
View file

@ -1,16 +1,16 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 514 665"><svg id="d2-svg" width="514" height="665" viewBox="-206 -166 514 665"><style type="text/css"><![CDATA[
.d2-4132224283 .text {
font-family: "d2-4132224283-font-regular";
.d2-4130279961 .text {
font-family: "d2-4130279961-font-regular";
}
@font-face {
font-family: d2-4132224283-font-regular;
font-family: d2-4130279961-font-regular;
src: url("data:application/font-woff;base64,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");
}
.d2-4132224283 .text-bold {
font-family: "d2-4132224283-font-bold";
.d2-4130279961 .text-bold {
font-family: "d2-4130279961-font-bold";
}
@font-face {
font-family: d2-4132224283-font-bold;
font-family: d2-4130279961-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -25,92 +25,92 @@
opacity: 0.5;
}
.d2-4132224283 .fill-N1{fill:#0A0F25;}
.d2-4132224283 .fill-N2{fill:#676C7E;}
.d2-4132224283 .fill-N3{fill:#9499AB;}
.d2-4132224283 .fill-N4{fill:#CFD2DD;}
.d2-4132224283 .fill-N5{fill:#DEE1EB;}
.d2-4132224283 .fill-N6{fill:#EEF1F8;}
.d2-4132224283 .fill-N7{fill:#FFFFFF;}
.d2-4132224283 .fill-B1{fill:#0D32B2;}
.d2-4132224283 .fill-B2{fill:#0D32B2;}
.d2-4132224283 .fill-B3{fill:#E3E9FD;}
.d2-4132224283 .fill-B4{fill:#E3E9FD;}
.d2-4132224283 .fill-B5{fill:#EDF0FD;}
.d2-4132224283 .fill-B6{fill:#F7F8FE;}
.d2-4132224283 .fill-AA2{fill:#4A6FF3;}
.d2-4132224283 .fill-AA4{fill:#EDF0FD;}
.d2-4132224283 .fill-AA5{fill:#F7F8FE;}
.d2-4132224283 .fill-AB4{fill:#EDF0FD;}
.d2-4132224283 .fill-AB5{fill:#F7F8FE;}
.d2-4132224283 .stroke-N1{stroke:#0A0F25;}
.d2-4132224283 .stroke-N2{stroke:#676C7E;}
.d2-4132224283 .stroke-N3{stroke:#9499AB;}
.d2-4132224283 .stroke-N4{stroke:#CFD2DD;}
.d2-4132224283 .stroke-N5{stroke:#DEE1EB;}
.d2-4132224283 .stroke-N6{stroke:#EEF1F8;}
.d2-4132224283 .stroke-N7{stroke:#FFFFFF;}
.d2-4132224283 .stroke-B1{stroke:#0D32B2;}
.d2-4132224283 .stroke-B2{stroke:#0D32B2;}
.d2-4132224283 .stroke-B3{stroke:#E3E9FD;}
.d2-4132224283 .stroke-B4{stroke:#E3E9FD;}
.d2-4132224283 .stroke-B5{stroke:#EDF0FD;}
.d2-4132224283 .stroke-B6{stroke:#F7F8FE;}
.d2-4132224283 .stroke-AA2{stroke:#4A6FF3;}
.d2-4132224283 .stroke-AA4{stroke:#EDF0FD;}
.d2-4132224283 .stroke-AA5{stroke:#F7F8FE;}
.d2-4132224283 .stroke-AB4{stroke:#EDF0FD;}
.d2-4132224283 .stroke-AB5{stroke:#F7F8FE;}
.d2-4132224283 .background-color-N1{background-color:#0A0F25;}
.d2-4132224283 .background-color-N2{background-color:#676C7E;}
.d2-4132224283 .background-color-N3{background-color:#9499AB;}
.d2-4132224283 .background-color-N4{background-color:#CFD2DD;}
.d2-4132224283 .background-color-N5{background-color:#DEE1EB;}
.d2-4132224283 .background-color-N6{background-color:#EEF1F8;}
.d2-4132224283 .background-color-N7{background-color:#FFFFFF;}
.d2-4132224283 .background-color-B1{background-color:#0D32B2;}
.d2-4132224283 .background-color-B2{background-color:#0D32B2;}
.d2-4132224283 .background-color-B3{background-color:#E3E9FD;}
.d2-4132224283 .background-color-B4{background-color:#E3E9FD;}
.d2-4132224283 .background-color-B5{background-color:#EDF0FD;}
.d2-4132224283 .background-color-B6{background-color:#F7F8FE;}
.d2-4132224283 .background-color-AA2{background-color:#4A6FF3;}
.d2-4132224283 .background-color-AA4{background-color:#EDF0FD;}
.d2-4132224283 .background-color-AA5{background-color:#F7F8FE;}
.d2-4132224283 .background-color-AB4{background-color:#EDF0FD;}
.d2-4132224283 .background-color-AB5{background-color:#F7F8FE;}
.d2-4132224283 .color-N1{color:#0A0F25;}
.d2-4132224283 .color-N2{color:#676C7E;}
.d2-4132224283 .color-N3{color:#9499AB;}
.d2-4132224283 .color-N4{color:#CFD2DD;}
.d2-4132224283 .color-N5{color:#DEE1EB;}
.d2-4132224283 .color-N6{color:#EEF1F8;}
.d2-4132224283 .color-N7{color:#FFFFFF;}
.d2-4132224283 .color-B1{color:#0D32B2;}
.d2-4132224283 .color-B2{color:#0D32B2;}
.d2-4132224283 .color-B3{color:#E3E9FD;}
.d2-4132224283 .color-B4{color:#E3E9FD;}
.d2-4132224283 .color-B5{color:#EDF0FD;}
.d2-4132224283 .color-B6{color:#F7F8FE;}
.d2-4132224283 .color-AA2{color:#4A6FF3;}
.d2-4132224283 .color-AA4{color:#EDF0FD;}
.d2-4132224283 .color-AA5{color:#F7F8FE;}
.d2-4132224283 .color-AB4{color:#EDF0FD;}
.d2-4132224283 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
.d2-4130279961 .fill-N1{fill:#0A0F25;}
.d2-4130279961 .fill-N2{fill:#676C7E;}
.d2-4130279961 .fill-N3{fill:#9499AB;}
.d2-4130279961 .fill-N4{fill:#CFD2DD;}
.d2-4130279961 .fill-N5{fill:#DEE1EB;}
.d2-4130279961 .fill-N6{fill:#EEF1F8;}
.d2-4130279961 .fill-N7{fill:#FFFFFF;}
.d2-4130279961 .fill-B1{fill:#0D32B2;}
.d2-4130279961 .fill-B2{fill:#0D32B2;}
.d2-4130279961 .fill-B3{fill:#E3E9FD;}
.d2-4130279961 .fill-B4{fill:#E3E9FD;}
.d2-4130279961 .fill-B5{fill:#EDF0FD;}
.d2-4130279961 .fill-B6{fill:#F7F8FE;}
.d2-4130279961 .fill-AA2{fill:#4A6FF3;}
.d2-4130279961 .fill-AA4{fill:#EDF0FD;}
.d2-4130279961 .fill-AA5{fill:#F7F8FE;}
.d2-4130279961 .fill-AB4{fill:#EDF0FD;}
.d2-4130279961 .fill-AB5{fill:#F7F8FE;}
.d2-4130279961 .stroke-N1{stroke:#0A0F25;}
.d2-4130279961 .stroke-N2{stroke:#676C7E;}
.d2-4130279961 .stroke-N3{stroke:#9499AB;}
.d2-4130279961 .stroke-N4{stroke:#CFD2DD;}
.d2-4130279961 .stroke-N5{stroke:#DEE1EB;}
.d2-4130279961 .stroke-N6{stroke:#EEF1F8;}
.d2-4130279961 .stroke-N7{stroke:#FFFFFF;}
.d2-4130279961 .stroke-B1{stroke:#0D32B2;}
.d2-4130279961 .stroke-B2{stroke:#0D32B2;}
.d2-4130279961 .stroke-B3{stroke:#E3E9FD;}
.d2-4130279961 .stroke-B4{stroke:#E3E9FD;}
.d2-4130279961 .stroke-B5{stroke:#EDF0FD;}
.d2-4130279961 .stroke-B6{stroke:#F7F8FE;}
.d2-4130279961 .stroke-AA2{stroke:#4A6FF3;}
.d2-4130279961 .stroke-AA4{stroke:#EDF0FD;}
.d2-4130279961 .stroke-AA5{stroke:#F7F8FE;}
.d2-4130279961 .stroke-AB4{stroke:#EDF0FD;}
.d2-4130279961 .stroke-AB5{stroke:#F7F8FE;}
.d2-4130279961 .background-color-N1{background-color:#0A0F25;}
.d2-4130279961 .background-color-N2{background-color:#676C7E;}
.d2-4130279961 .background-color-N3{background-color:#9499AB;}
.d2-4130279961 .background-color-N4{background-color:#CFD2DD;}
.d2-4130279961 .background-color-N5{background-color:#DEE1EB;}
.d2-4130279961 .background-color-N6{background-color:#EEF1F8;}
.d2-4130279961 .background-color-N7{background-color:#FFFFFF;}
.d2-4130279961 .background-color-B1{background-color:#0D32B2;}
.d2-4130279961 .background-color-B2{background-color:#0D32B2;}
.d2-4130279961 .background-color-B3{background-color:#E3E9FD;}
.d2-4130279961 .background-color-B4{background-color:#E3E9FD;}
.d2-4130279961 .background-color-B5{background-color:#EDF0FD;}
.d2-4130279961 .background-color-B6{background-color:#F7F8FE;}
.d2-4130279961 .background-color-AA2{background-color:#4A6FF3;}
.d2-4130279961 .background-color-AA4{background-color:#EDF0FD;}
.d2-4130279961 .background-color-AA5{background-color:#F7F8FE;}
.d2-4130279961 .background-color-AB4{background-color:#EDF0FD;}
.d2-4130279961 .background-color-AB5{background-color:#F7F8FE;}
.d2-4130279961 .color-N1{color:#0A0F25;}
.d2-4130279961 .color-N2{color:#676C7E;}
.d2-4130279961 .color-N3{color:#9499AB;}
.d2-4130279961 .color-N4{color:#CFD2DD;}
.d2-4130279961 .color-N5{color:#DEE1EB;}
.d2-4130279961 .color-N6{color:#EEF1F8;}
.d2-4130279961 .color-N7{color:#FFFFFF;}
.d2-4130279961 .color-B1{color:#0D32B2;}
.d2-4130279961 .color-B2{color:#0D32B2;}
.d2-4130279961 .color-B3{color:#E3E9FD;}
.d2-4130279961 .color-B4{color:#E3E9FD;}
.d2-4130279961 .color-B5{color:#EDF0FD;}
.d2-4130279961 .color-B6{color:#F7F8FE;}
.d2-4130279961 .color-AA2{color:#4A6FF3;}
.d2-4130279961 .color-AA4{color:#EDF0FD;}
.d2-4130279961 .color-AA5{color:#F7F8FE;}
.d2-4130279961 .color-AB4{color:#EDF0FD;}
.d2-4130279961 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
.md dfn {
font-family: "d2-4132224283-font-italic";
font-family: "d2-4130279961-font-italic";
}
.md b,
.md strong {
font-family: "d2-4132224283-font-bold";
font-family: "d2-4130279961-font-bold";
}
.md code,
.md kbd,
.md pre,
.md samp {
font-family: "d2-4132224283-font-mono";
font-family: "d2-4130279961-font-mono";
font-size: 1em;
}
@ -126,7 +126,7 @@
margin: 0;
color: var(--color-fg-default);
background-color: transparent; /* we don't want to define the background color */
font-family: "d2-4132224283-font-regular";
font-family: "d2-4130279961-font-regular";
font-size: 16px;
line-height: 1.5;
word-wrap: break-word;
@ -832,7 +832,7 @@
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><style type="text/css"><![CDATA[@keyframes d2Transition-d2-4132224283-0 {
</style><style type="text/css"><![CDATA[@keyframes d2Transition-d2-4130279961-0 {
0%, 0.000000% {
opacity: 0;
}
@ -842,7 +842,7 @@
25.000000%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-4132224283-1 {
}@keyframes d2Transition-d2-4130279961-1 {
0%, 24.982143% {
opacity: 0;
}
@ -852,7 +852,7 @@
50.000000%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-4132224283-2 {
}@keyframes d2Transition-d2-4130279961-2 {
0%, 49.982143% {
opacity: 0;
}
@ -862,26 +862,26 @@
75.000000%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-4132224283-3 {
}@keyframes d2Transition-d2-4130279961-3 {
0%, 74.982143% {
opacity: 0;
}
75.000000%, 100.000000% {
opacity: 1;
}
}]]></style><g style="animation: d2Transition-d2-4132224283-0 5600ms infinite" class="d2-4132224283" width="412" height="247" viewBox="-206 -166 412 247"><rect x="-206.000000" y="-166.000000" width="412.000000" height="247.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="&#34;Chicken&#39;s plan&#34;"><g class="shape" ></g><text x="0.000000" y="-30.000000" class="text fill-N1" style="text-anchor:middle;font-size:35px">Chicken&#39;s plan</text></g><mask id="d2-4132224283" maskUnits="userSpaceOnUse" x="-206" y="-166" width="412" height="247">
}]]></style><g style="animation: d2Transition-d2-4130279961-0 5600ms infinite" class="d2-4130279961" width="412" height="247" viewBox="-206 -166 412 247"><rect x="-206.000000" y="-166.000000" width="412.000000" height="247.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="&#34;Chicken&#39;s plan&#34;"><g class="shape" ></g><text x="0.000000" y="-30.000000" class="text fill-N1" style="text-anchor:middle;font-size:35px">Chicken&#39;s plan</text></g><mask id="d2-4130279961" maskUnits="userSpaceOnUse" x="-206" y="-166" width="412" height="247">
<rect x="-206" y="-166" width="412" height="247" fill="white"></rect>
<rect x="-105.000000" y="-65.000000" width="210" height="45" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-4132224283-1 5600ms infinite" class="d2-4132224283" width="412" height="333" viewBox="-131 -166 412 333"><rect x="-131.000000" y="-166.000000" width="412.000000" height="333.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="&#34;Chicken&#39;s plan&#34;"><g class="shape" ></g><text x="75.000000" y="-30.000000" class="text fill-N1" style="text-anchor:middle;font-size:35px">Chicken&#39;s plan</text></g><g id="Approach road"><g class="shape" ><rect x="0.000000" y="0.000000" width="150.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="75.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Approach road</text></g><mask id="d2-3831827619" maskUnits="userSpaceOnUse" x="-131" y="-166" width="412" height="333">
</mask></g><g style="animation: d2Transition-d2-4130279961-1 5600ms infinite" class="d2-4130279961" width="412" height="333" viewBox="-131 -166 412 333"><rect x="-131.000000" y="-166.000000" width="412.000000" height="333.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="&#34;Chicken&#39;s plan&#34;"><g class="shape" ></g><text x="75.000000" y="-30.000000" class="text fill-N1" style="text-anchor:middle;font-size:35px">Chicken&#39;s plan</text></g><g id="Approach road"><g class="shape" ><rect x="0.000000" y="0.000000" width="150.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="75.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Approach road</text></g><mask id="d2-4293673862" maskUnits="userSpaceOnUse" x="-131" y="-166" width="412" height="333">
<rect x="-131" y="-166" width="412" height="333" fill="white"></rect>
<rect x="-30.000000" y="-65.000000" width="210" height="45" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="22.500000" width="105" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-4132224283-2 5600ms infinite" class="d2-4132224283" width="412" height="499" viewBox="-131 -166 412 499"><rect x="-131.000000" y="-166.000000" width="412.000000" height="499.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="&#34;Chicken&#39;s plan&#34;"><g class="shape" ></g><text x="75.000000" y="-30.000000" class="text fill-N1" style="text-anchor:middle;font-size:35px">Chicken&#39;s plan</text></g><g id="Approach road"><g class="shape" ><rect x="0.000000" y="0.000000" width="150.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="75.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Approach road</text></g><g id="Cross road"><g class="shape" ><rect x="15.000000" y="166.000000" width="120.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="75.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Cross road</text></g><g id="(Approach road -&gt; Cross road)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 75.000000 68.000000 C 75.000000 106.000000 75.000000 126.000000 75.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-434121175)" /></g><mask id="d2-434121175" maskUnits="userSpaceOnUse" x="-131" y="-166" width="412" height="499">
</mask></g><g style="animation: d2Transition-d2-4130279961-2 5600ms infinite" class="d2-4130279961" width="412" height="499" viewBox="-131 -166 412 499"><rect x="-131.000000" y="-166.000000" width="412.000000" height="499.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="&#34;Chicken&#39;s plan&#34;"><g class="shape" ></g><text x="75.000000" y="-30.000000" class="text fill-N1" style="text-anchor:middle;font-size:35px">Chicken&#39;s plan</text></g><g id="Approach road"><g class="shape" ><rect x="0.000000" y="0.000000" width="150.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="75.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Approach road</text></g><g id="Cross road"><g class="shape" ><rect x="15.000000" y="166.000000" width="120.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="75.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Cross road</text></g><g id="(Approach road -&gt; Cross road)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 75.000000 68.000000 C 75.000000 106.000000 75.000000 126.000000 75.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-600153991)" /></g><mask id="d2-600153991" maskUnits="userSpaceOnUse" x="-131" y="-166" width="412" height="499">
<rect x="-131" y="-166" width="412" height="499" fill="white"></rect>
<rect x="-30.000000" y="-65.000000" width="210" height="45" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="22.500000" width="105" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="37.500000" y="188.500000" width="75" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-4132224283-3 5600ms infinite" class="d2-4132224283" width="412" height="665" viewBox="-104 -166 412 665"><rect x="-104.000000" y="-166.000000" width="412.000000" height="665.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="&#34;Chicken&#39;s plan&#34;"><g class="shape" ></g><text x="102.000000" y="-30.000000" class="text fill-N1" style="text-anchor:middle;font-size:35px">Chicken&#39;s plan</text></g><g id="Approach road"><g class="shape" ><rect x="27.000000" y="0.000000" width="150.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="102.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Approach road</text></g><g id="Cross road"><g class="shape" ><rect x="42.000000" y="166.000000" width="120.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="102.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Cross road</text></g><g id="Make you wonder why"><g class="shape" ><rect x="0.000000" y="332.000000" width="203.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="101.500000" y="370.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Make you wonder why</text></g><g id="(Approach road -&gt; Cross road)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 101.500000 68.000000 C 101.500000 106.000000 101.500000 126.000000 101.500000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2249258493)" /></g><g id="(Cross road -&gt; Make you wonder why)[0]"><path d="M 101.500000 234.000000 C 101.500000 272.000000 101.500000 292.000000 101.500000 328.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2249258493)" /></g><mask id="d2-2249258493" maskUnits="userSpaceOnUse" x="-104" y="-166" width="412" height="665">
</mask></g><g style="animation: d2Transition-d2-4130279961-3 5600ms infinite" class="d2-4130279961" width="412" height="665" viewBox="-104 -166 412 665"><rect x="-104.000000" y="-166.000000" width="412.000000" height="665.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="&#34;Chicken&#39;s plan&#34;"><g class="shape" ></g><text x="102.000000" y="-30.000000" class="text fill-N1" style="text-anchor:middle;font-size:35px">Chicken&#39;s plan</text></g><g id="Approach road"><g class="shape" ><rect x="27.000000" y="0.000000" width="150.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="102.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Approach road</text></g><g id="Cross road"><g class="shape" ><rect x="42.000000" y="166.000000" width="120.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="102.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Cross road</text></g><g id="Make you wonder why"><g class="shape" ><rect x="0.000000" y="332.000000" width="203.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="101.500000" y="370.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Make you wonder why</text></g><g id="(Approach road -&gt; Cross road)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 101.500000 68.000000 C 101.500000 106.000000 101.500000 126.000000 101.500000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-191946974)" /></g><g id="(Cross road -&gt; Make you wonder why)[0]"><path d="M 101.500000 234.000000 C 101.500000 272.000000 101.500000 292.000000 101.500000 328.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-191946974)" /></g><mask id="d2-191946974" maskUnits="userSpaceOnUse" x="-104" y="-166" width="412" height="665">
<rect x="-104" y="-166" width="412" height="665" fill="white"></rect>
<rect x="-3.000000" y="-65.000000" width="210" height="45" fill="rgba(0,0,0,0.75)"></rect>
<rect x="49.500000" y="22.500000" width="105" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 32 KiB

152
e2etests-cli/testdata/TestCLI_E2E/board_import/hello-world-x-y.exp.svg vendored
View file

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 290 268"><svg id="d2-svg" class="d2-3054270525" width="290" height="268" viewBox="-101 -101 290 268"><rect x="-101.000000" y="-101.000000" width="290.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-3054270525 .text-bold {
font-family: "d2-3054270525-font-bold";
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 290 268"><svg id="d2-svg" class="d2-3109420268" width="290" height="268" viewBox="-101 -101 290 268"><rect x="-101.000000" y="-101.000000" width="290.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-3109420268 .text-bold {
font-family: "d2-3109420268-font-bold";
}
@font-face {
font-family: d2-3054270525-font-bold;
font-family: d2-3109420268-font-bold;
src: url("data:application/font-woff;base64,d09GRgABAAAAAAdAAAoAAAAADDAAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXxHXrmNtYXAAAAFUAAAARgAAAE4BEgEqZ2x5ZgAAAZwAAAG+AAAB7J/I7etoZWFkAAADXAAAADYAAAA2G38e1GhoZWEAAAOUAAAAJAAAACQKfwXEaG10eAAAA7gAAAAUAAAAFA1EAPFsb2NhAAADzAAAAAwAAAAMAR4BtG1heHAAAAPYAAAAIAAAACAAHQD3bmFtZQAAA/gAAAMoAAAIKgjwVkFwb3N0AAAHIAAAAB0AAAAg/9EAMgADAioCvAAFAAACigJYAAAASwKKAlgAAAFeADIBKQAAAgsHAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPACAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAfAClAAAACAAA3icRMu7DUBgAEbR8z8KEVPZRSlKU+jo7PpJJOJWtzkomoJJN2M0qKrFarMn/J87V84cr/gqqqbzAAAA//8BAAD//+jVDjMAAHicZI+xb9NAGEe/s907ObQKbhu7AhXXOexLoE7iXO1DRMExWGlVGimkE0JtpKytWglSFSEkVhYWyIAYmGBjQUz0D8jEzsySOQNiCgbZIITU5fduuu89mIMugDSQRiCDCnlYhAIA1yzN5oxRIrgQ1JAFQxrpSovJ+3esrJTLyrW11+aTfh919qXRz8MHncHgR7/RSN5+PkteoEdnABJc/fUdfUMzWAETYK7oOP5GEPC6rheWMbF0ndeFgbHMNxxaxMjcfHj7zmFjc6+qSMnXXNvzA8/Zf/OJrReD+VvD3r1hGB7ES7YacOv+pSvoZtmvAgAgiADkVTQDK/XmBs+OGNkWNKql35N/jB7nFLPt+dGSte11775aXbNr6VTRtGW610tF72Av+YKsoFRLPv7FnxaJoBnk4fK5FszqgZ9FFJZ1pIfHcXwchkdxfBS6lYpbcd355klvd9hsDnd7J83TTiva2YlandR9BUCaomnmLnND11N9If57yZQ5DqMYEzJ6+rKGc1ghC6p4dkPNE4WopPr89INLFohCLpB1NJ3YW46zTScZt+xJcnFM26VSm44BfgMAAP//AQAA//8hWGnzAAAAAQAAAAILhStB8elfDzz1AAED6AAAAADYXaCEAAAAAN1mLzb+N/7ECG0D8QABAAMAAgAAAAAAAAABAAAD2P7vAAAImP43/jcIbQABAAAAAAAAAAAAAAAAAAAABQKyAFACBgAkA1kAQQIrACQDCAAYAAAALABgAJIAvgD2AAEAAAAFAJAADABjAAcAAQAAAAAAAAAAAAAAAAAEAAN4nJyUz24bVRTGf05s0wrBAkVVuonugkWR6NhUSdU2K4fUikUUB48LQkJIE8/4jzKeGXkmDuEJWPMWvEVXPATPgVij+Xzs2AXRJoqSfHfu+fOdc75zgR3+ZptK9SHwRz0xXGGvfm54iwf1E8PbtOtbhqs8qf1puEZYmxuu83mtZ/gj3lZ/M/yA/epPhh+yW20b/phn1R3Dn2w7/jL8Kfu8XeAKvOBXwxV2yQxvscOPhrd5hMWsVHlE03CNz9gzXGcP6DOhIGZCwgjHkAkjrpgRkeMTMWPCkIgQR4cWMYW+JgRCjtF/fg3wKZgRKOKYAkeMT0xAztgi/iKvlHNlHOo0s7sWBWMCLuRxSUCCI2VESkLEpeIUFGS8okGDnIH4ZhTkeORMiPFImTGiQZc2p/QZMyHH0VakkplPypCCawLld2ZRdmZAREJurK5ICMXTiV8k7w6nOLpksl2PfLoR4Usc38m75JbK9is8/bo1Zpt5l2wC5upnrK7EurnWBMe6LfO2+Fa44BXuXv3ZZPL+HoX6XyjyBVeaf6hJJWKS4NwuLXwpyHePcRzp3MFXR76nQ58Turyhr3OLHj1anNGnw2v5dunh+JouZxzLoyO8uGtLMWf8gOMbOrIpY0fWn8XEIn4mM3Xn4jhTHVMy9bxk7qnWSBXefcLlDqUb6sjlM9AelZZO80u0ZwEjU0UmhlP1cqmN3PoXmiKmqqWc7e19uQ1z273lFt+QaodLtS44lZNbMHrfVL13NHOtH4+AkJQLWQxImdKg4Ea8zwm4IsZxrO6daEsKWiufMs+NVBIxFYMOieLMyPQ3MN34xn2woXtnb0ko/5Lp5aqq+2Rx6tXtjN6oe8s737ocrU2gYVNN19Q0ENfEtB9pp9b5+/LN9bqlPOWIlJjwXy/AMzya7HPAIWNlGOhmbq9DUy9Ek5ccqvpLIlkNpefIIhzg8ZwDDnjJ83f6uGTijItbcVnP3eKYI7ocflAVC/suR7xeffv/rL+LaVO1OJ6uTi/uPcUnd1DrF9qz2/eyp4mVk5hbtNutOCNgWnJxu+s1ucd4/wAAAP//AQAA///0t09ReJxiYGYAg//nGIwYsAAAAAAA//8BAAD//y8BAgMAAAA=");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -18,78 +18,78 @@
opacity: 0.5;
}
.d2-3054270525 .fill-N1{fill:#0A0F25;}
.d2-3054270525 .fill-N2{fill:#676C7E;}
.d2-3054270525 .fill-N3{fill:#9499AB;}
.d2-3054270525 .fill-N4{fill:#CFD2DD;}
.d2-3054270525 .fill-N5{fill:#DEE1EB;}
.d2-3054270525 .fill-N6{fill:#EEF1F8;}
.d2-3054270525 .fill-N7{fill:#FFFFFF;}
.d2-3054270525 .fill-B1{fill:#0D32B2;}
.d2-3054270525 .fill-B2{fill:#0D32B2;}
.d2-3054270525 .fill-B3{fill:#E3E9FD;}
.d2-3054270525 .fill-B4{fill:#E3E9FD;}
.d2-3054270525 .fill-B5{fill:#EDF0FD;}
.d2-3054270525 .fill-B6{fill:#F7F8FE;}
.d2-3054270525 .fill-AA2{fill:#4A6FF3;}
.d2-3054270525 .fill-AA4{fill:#EDF0FD;}
.d2-3054270525 .fill-AA5{fill:#F7F8FE;}
.d2-3054270525 .fill-AB4{fill:#EDF0FD;}
.d2-3054270525 .fill-AB5{fill:#F7F8FE;}
.d2-3054270525 .stroke-N1{stroke:#0A0F25;}
.d2-3054270525 .stroke-N2{stroke:#676C7E;}
.d2-3054270525 .stroke-N3{stroke:#9499AB;}
.d2-3054270525 .stroke-N4{stroke:#CFD2DD;}
.d2-3054270525 .stroke-N5{stroke:#DEE1EB;}
.d2-3054270525 .stroke-N6{stroke:#EEF1F8;}
.d2-3054270525 .stroke-N7{stroke:#FFFFFF;}
.d2-3054270525 .stroke-B1{stroke:#0D32B2;}
.d2-3054270525 .stroke-B2{stroke:#0D32B2;}
.d2-3054270525 .stroke-B3{stroke:#E3E9FD;}
.d2-3054270525 .stroke-B4{stroke:#E3E9FD;}
.d2-3054270525 .stroke-B5{stroke:#EDF0FD;}
.d2-3054270525 .stroke-B6{stroke:#F7F8FE;}
.d2-3054270525 .stroke-AA2{stroke:#4A6FF3;}
.d2-3054270525 .stroke-AA4{stroke:#EDF0FD;}
.d2-3054270525 .stroke-AA5{stroke:#F7F8FE;}
.d2-3054270525 .stroke-AB4{stroke:#EDF0FD;}
.d2-3054270525 .stroke-AB5{stroke:#F7F8FE;}
.d2-3054270525 .background-color-N1{background-color:#0A0F25;}
.d2-3054270525 .background-color-N2{background-color:#676C7E;}
.d2-3054270525 .background-color-N3{background-color:#9499AB;}
.d2-3054270525 .background-color-N4{background-color:#CFD2DD;}
.d2-3054270525 .background-color-N5{background-color:#DEE1EB;}
.d2-3054270525 .background-color-N6{background-color:#EEF1F8;}
.d2-3054270525 .background-color-N7{background-color:#FFFFFF;}
.d2-3054270525 .background-color-B1{background-color:#0D32B2;}
.d2-3054270525 .background-color-B2{background-color:#0D32B2;}
.d2-3054270525 .background-color-B3{background-color:#E3E9FD;}
.d2-3054270525 .background-color-B4{background-color:#E3E9FD;}
.d2-3054270525 .background-color-B5{background-color:#EDF0FD;}
.d2-3054270525 .background-color-B6{background-color:#F7F8FE;}
.d2-3054270525 .background-color-AA2{background-color:#4A6FF3;}
.d2-3054270525 .background-color-AA4{background-color:#EDF0FD;}
.d2-3054270525 .background-color-AA5{background-color:#F7F8FE;}
.d2-3054270525 .background-color-AB4{background-color:#EDF0FD;}
.d2-3054270525 .background-color-AB5{background-color:#F7F8FE;}
.d2-3054270525 .color-N1{color:#0A0F25;}
.d2-3054270525 .color-N2{color:#676C7E;}
.d2-3054270525 .color-N3{color:#9499AB;}
.d2-3054270525 .color-N4{color:#CFD2DD;}
.d2-3054270525 .color-N5{color:#DEE1EB;}
.d2-3054270525 .color-N6{color:#EEF1F8;}
.d2-3054270525 .color-N7{color:#FFFFFF;}
.d2-3054270525 .color-B1{color:#0D32B2;}
.d2-3054270525 .color-B2{color:#0D32B2;}
.d2-3054270525 .color-B3{color:#E3E9FD;}
.d2-3054270525 .color-B4{color:#E3E9FD;}
.d2-3054270525 .color-B5{color:#EDF0FD;}
.d2-3054270525 .color-B6{color:#F7F8FE;}
.d2-3054270525 .color-AA2{color:#4A6FF3;}
.d2-3054270525 .color-AA4{color:#EDF0FD;}
.d2-3054270525 .color-AA5{color:#F7F8FE;}
.d2-3054270525 .color-AB4{color:#EDF0FD;}
.d2-3054270525 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="meow"><g class="shape" ><rect x="0.000000" y="0.000000" width="88.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="44.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">meow</text></g><mask id="d2-3054270525" maskUnits="userSpaceOnUse" x="-101" y="-101" width="290" height="268">
.d2-3109420268 .fill-N1{fill:#0A0F25;}
.d2-3109420268 .fill-N2{fill:#676C7E;}
.d2-3109420268 .fill-N3{fill:#9499AB;}
.d2-3109420268 .fill-N4{fill:#CFD2DD;}
.d2-3109420268 .fill-N5{fill:#DEE1EB;}
.d2-3109420268 .fill-N6{fill:#EEF1F8;}
.d2-3109420268 .fill-N7{fill:#FFFFFF;}
.d2-3109420268 .fill-B1{fill:#0D32B2;}
.d2-3109420268 .fill-B2{fill:#0D32B2;}
.d2-3109420268 .fill-B3{fill:#E3E9FD;}
.d2-3109420268 .fill-B4{fill:#E3E9FD;}
.d2-3109420268 .fill-B5{fill:#EDF0FD;}
.d2-3109420268 .fill-B6{fill:#F7F8FE;}
.d2-3109420268 .fill-AA2{fill:#4A6FF3;}
.d2-3109420268 .fill-AA4{fill:#EDF0FD;}
.d2-3109420268 .fill-AA5{fill:#F7F8FE;}
.d2-3109420268 .fill-AB4{fill:#EDF0FD;}
.d2-3109420268 .fill-AB5{fill:#F7F8FE;}
.d2-3109420268 .stroke-N1{stroke:#0A0F25;}
.d2-3109420268 .stroke-N2{stroke:#676C7E;}
.d2-3109420268 .stroke-N3{stroke:#9499AB;}
.d2-3109420268 .stroke-N4{stroke:#CFD2DD;}
.d2-3109420268 .stroke-N5{stroke:#DEE1EB;}
.d2-3109420268 .stroke-N6{stroke:#EEF1F8;}
.d2-3109420268 .stroke-N7{stroke:#FFFFFF;}
.d2-3109420268 .stroke-B1{stroke:#0D32B2;}
.d2-3109420268 .stroke-B2{stroke:#0D32B2;}
.d2-3109420268 .stroke-B3{stroke:#E3E9FD;}
.d2-3109420268 .stroke-B4{stroke:#E3E9FD;}
.d2-3109420268 .stroke-B5{stroke:#EDF0FD;}
.d2-3109420268 .stroke-B6{stroke:#F7F8FE;}
.d2-3109420268 .stroke-AA2{stroke:#4A6FF3;}
.d2-3109420268 .stroke-AA4{stroke:#EDF0FD;}
.d2-3109420268 .stroke-AA5{stroke:#F7F8FE;}
.d2-3109420268 .stroke-AB4{stroke:#EDF0FD;}
.d2-3109420268 .stroke-AB5{stroke:#F7F8FE;}
.d2-3109420268 .background-color-N1{background-color:#0A0F25;}
.d2-3109420268 .background-color-N2{background-color:#676C7E;}
.d2-3109420268 .background-color-N3{background-color:#9499AB;}
.d2-3109420268 .background-color-N4{background-color:#CFD2DD;}
.d2-3109420268 .background-color-N5{background-color:#DEE1EB;}
.d2-3109420268 .background-color-N6{background-color:#EEF1F8;}
.d2-3109420268 .background-color-N7{background-color:#FFFFFF;}
.d2-3109420268 .background-color-B1{background-color:#0D32B2;}
.d2-3109420268 .background-color-B2{background-color:#0D32B2;}
.d2-3109420268 .background-color-B3{background-color:#E3E9FD;}
.d2-3109420268 .background-color-B4{background-color:#E3E9FD;}
.d2-3109420268 .background-color-B5{background-color:#EDF0FD;}
.d2-3109420268 .background-color-B6{background-color:#F7F8FE;}
.d2-3109420268 .background-color-AA2{background-color:#4A6FF3;}
.d2-3109420268 .background-color-AA4{background-color:#EDF0FD;}
.d2-3109420268 .background-color-AA5{background-color:#F7F8FE;}
.d2-3109420268 .background-color-AB4{background-color:#EDF0FD;}
.d2-3109420268 .background-color-AB5{background-color:#F7F8FE;}
.d2-3109420268 .color-N1{color:#0A0F25;}
.d2-3109420268 .color-N2{color:#676C7E;}
.d2-3109420268 .color-N3{color:#9499AB;}
.d2-3109420268 .color-N4{color:#CFD2DD;}
.d2-3109420268 .color-N5{color:#DEE1EB;}
.d2-3109420268 .color-N6{color:#EEF1F8;}
.d2-3109420268 .color-N7{color:#FFFFFF;}
.d2-3109420268 .color-B1{color:#0D32B2;}
.d2-3109420268 .color-B2{color:#0D32B2;}
.d2-3109420268 .color-B3{color:#E3E9FD;}
.d2-3109420268 .color-B4{color:#E3E9FD;}
.d2-3109420268 .color-B5{color:#EDF0FD;}
.d2-3109420268 .color-B6{color:#F7F8FE;}
.d2-3109420268 .color-AA2{color:#4A6FF3;}
.d2-3109420268 .color-AA4{color:#EDF0FD;}
.d2-3109420268 .color-AA5{color:#F7F8FE;}
.d2-3109420268 .color-AB4{color:#EDF0FD;}
.d2-3109420268 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="meow"><g class="shape" ><rect x="0.000000" y="0.000000" width="88.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="44.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">meow</text></g><mask id="d2-3109420268" maskUnits="userSpaceOnUse" x="-101" y="-101" width="290" height="268">
<rect x="-101" y="-101" width="290" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="43" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.9 KiB

After

Width:  |  Height:  |  Size: 8.9 KiB

154
e2etests-cli/testdata/TestCLI_E2E/board_import/hello-world-x.exp.svg vendored
View file

@ -1,12 +1,12 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 305 285"><svg id="d2-svg" class="d2-1655546234" width="305" height="285" viewBox="-101 -118 305 285"><rect x="-101.000000" y="-118.000000" width="305.000000" height="285.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 305 285"><svg id="d2-svg" class="d2-4088621414" width="305" height="285" viewBox="-101 -118 305 285"><rect x="-101.000000" y="-118.000000" width="305.000000" height="285.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.appendix-icon {
filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
}
.d2-1655546234 .text-bold {
font-family: "d2-1655546234-font-bold";
.d2-4088621414 .text-bold {
font-family: "d2-4088621414-font-bold";
}
@font-face {
font-family: d2-1655546234-font-bold;
font-family: d2-4088621414-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -21,78 +21,78 @@
opacity: 0.5;
}
.d2-1655546234 .fill-N1{fill:#0A0F25;}
.d2-1655546234 .fill-N2{fill:#676C7E;}
.d2-1655546234 .fill-N3{fill:#9499AB;}
.d2-1655546234 .fill-N4{fill:#CFD2DD;}
.d2-1655546234 .fill-N5{fill:#DEE1EB;}
.d2-1655546234 .fill-N6{fill:#EEF1F8;}
.d2-1655546234 .fill-N7{fill:#FFFFFF;}
.d2-1655546234 .fill-B1{fill:#0D32B2;}
.d2-1655546234 .fill-B2{fill:#0D32B2;}
.d2-1655546234 .fill-B3{fill:#E3E9FD;}
.d2-1655546234 .fill-B4{fill:#E3E9FD;}
.d2-1655546234 .fill-B5{fill:#EDF0FD;}
.d2-1655546234 .fill-B6{fill:#F7F8FE;}
.d2-1655546234 .fill-AA2{fill:#4A6FF3;}
.d2-1655546234 .fill-AA4{fill:#EDF0FD;}
.d2-1655546234 .fill-AA5{fill:#F7F8FE;}
.d2-1655546234 .fill-AB4{fill:#EDF0FD;}
.d2-1655546234 .fill-AB5{fill:#F7F8FE;}
.d2-1655546234 .stroke-N1{stroke:#0A0F25;}
.d2-1655546234 .stroke-N2{stroke:#676C7E;}
.d2-1655546234 .stroke-N3{stroke:#9499AB;}
.d2-1655546234 .stroke-N4{stroke:#CFD2DD;}
.d2-1655546234 .stroke-N5{stroke:#DEE1EB;}
.d2-1655546234 .stroke-N6{stroke:#EEF1F8;}
.d2-1655546234 .stroke-N7{stroke:#FFFFFF;}
.d2-1655546234 .stroke-B1{stroke:#0D32B2;}
.d2-1655546234 .stroke-B2{stroke:#0D32B2;}
.d2-1655546234 .stroke-B3{stroke:#E3E9FD;}
.d2-1655546234 .stroke-B4{stroke:#E3E9FD;}
.d2-1655546234 .stroke-B5{stroke:#EDF0FD;}
.d2-1655546234 .stroke-B6{stroke:#F7F8FE;}
.d2-1655546234 .stroke-AA2{stroke:#4A6FF3;}
.d2-1655546234 .stroke-AA4{stroke:#EDF0FD;}
.d2-1655546234 .stroke-AA5{stroke:#F7F8FE;}
.d2-1655546234 .stroke-AB4{stroke:#EDF0FD;}
.d2-1655546234 .stroke-AB5{stroke:#F7F8FE;}
.d2-1655546234 .background-color-N1{background-color:#0A0F25;}
.d2-1655546234 .background-color-N2{background-color:#676C7E;}
.d2-1655546234 .background-color-N3{background-color:#9499AB;}
.d2-1655546234 .background-color-N4{background-color:#CFD2DD;}
.d2-1655546234 .background-color-N5{background-color:#DEE1EB;}
.d2-1655546234 .background-color-N6{background-color:#EEF1F8;}
.d2-1655546234 .background-color-N7{background-color:#FFFFFF;}
.d2-1655546234 .background-color-B1{background-color:#0D32B2;}
.d2-1655546234 .background-color-B2{background-color:#0D32B2;}
.d2-1655546234 .background-color-B3{background-color:#E3E9FD;}
.d2-1655546234 .background-color-B4{background-color:#E3E9FD;}
.d2-1655546234 .background-color-B5{background-color:#EDF0FD;}
.d2-1655546234 .background-color-B6{background-color:#F7F8FE;}
.d2-1655546234 .background-color-AA2{background-color:#4A6FF3;}
.d2-1655546234 .background-color-AA4{background-color:#EDF0FD;}
.d2-1655546234 .background-color-AA5{background-color:#F7F8FE;}
.d2-1655546234 .background-color-AB4{background-color:#EDF0FD;}
.d2-1655546234 .background-color-AB5{background-color:#F7F8FE;}
.d2-1655546234 .color-N1{color:#0A0F25;}
.d2-1655546234 .color-N2{color:#676C7E;}
.d2-1655546234 .color-N3{color:#9499AB;}
.d2-1655546234 .color-N4{color:#CFD2DD;}
.d2-1655546234 .color-N5{color:#DEE1EB;}
.d2-1655546234 .color-N6{color:#EEF1F8;}
.d2-1655546234 .color-N7{color:#FFFFFF;}
.d2-1655546234 .color-B1{color:#0D32B2;}
.d2-1655546234 .color-B2{color:#0D32B2;}
.d2-1655546234 .color-B3{color:#E3E9FD;}
.d2-1655546234 .color-B4{color:#E3E9FD;}
.d2-1655546234 .color-B5{color:#EDF0FD;}
.d2-1655546234 .color-B6{color:#F7F8FE;}
.d2-1655546234 .color-AA2{color:#4A6FF3;}
.d2-1655546234 .color-AA4{color:#EDF0FD;}
.d2-1655546234 .color-AA5{color:#F7F8FE;}
.d2-1655546234 .color-AB4{color:#EDF0FD;}
.d2-1655546234 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="y.svg" xlink:href="y.svg"><g id="y"><g class="shape" ><rect x="0.000000" y="0.000000" width="86.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="43.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g></a><g transform="translate(70 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
.d2-4088621414 .fill-N1{fill:#0A0F25;}
.d2-4088621414 .fill-N2{fill:#676C7E;}
.d2-4088621414 .fill-N3{fill:#9499AB;}
.d2-4088621414 .fill-N4{fill:#CFD2DD;}
.d2-4088621414 .fill-N5{fill:#DEE1EB;}
.d2-4088621414 .fill-N6{fill:#EEF1F8;}
.d2-4088621414 .fill-N7{fill:#FFFFFF;}
.d2-4088621414 .fill-B1{fill:#0D32B2;}
.d2-4088621414 .fill-B2{fill:#0D32B2;}
.d2-4088621414 .fill-B3{fill:#E3E9FD;}
.d2-4088621414 .fill-B4{fill:#E3E9FD;}
.d2-4088621414 .fill-B5{fill:#EDF0FD;}
.d2-4088621414 .fill-B6{fill:#F7F8FE;}
.d2-4088621414 .fill-AA2{fill:#4A6FF3;}
.d2-4088621414 .fill-AA4{fill:#EDF0FD;}
.d2-4088621414 .fill-AA5{fill:#F7F8FE;}
.d2-4088621414 .fill-AB4{fill:#EDF0FD;}
.d2-4088621414 .fill-AB5{fill:#F7F8FE;}
.d2-4088621414 .stroke-N1{stroke:#0A0F25;}
.d2-4088621414 .stroke-N2{stroke:#676C7E;}
.d2-4088621414 .stroke-N3{stroke:#9499AB;}
.d2-4088621414 .stroke-N4{stroke:#CFD2DD;}
.d2-4088621414 .stroke-N5{stroke:#DEE1EB;}
.d2-4088621414 .stroke-N6{stroke:#EEF1F8;}
.d2-4088621414 .stroke-N7{stroke:#FFFFFF;}
.d2-4088621414 .stroke-B1{stroke:#0D32B2;}
.d2-4088621414 .stroke-B2{stroke:#0D32B2;}
.d2-4088621414 .stroke-B3{stroke:#E3E9FD;}
.d2-4088621414 .stroke-B4{stroke:#E3E9FD;}
.d2-4088621414 .stroke-B5{stroke:#EDF0FD;}
.d2-4088621414 .stroke-B6{stroke:#F7F8FE;}
.d2-4088621414 .stroke-AA2{stroke:#4A6FF3;}
.d2-4088621414 .stroke-AA4{stroke:#EDF0FD;}
.d2-4088621414 .stroke-AA5{stroke:#F7F8FE;}
.d2-4088621414 .stroke-AB4{stroke:#EDF0FD;}
.d2-4088621414 .stroke-AB5{stroke:#F7F8FE;}
.d2-4088621414 .background-color-N1{background-color:#0A0F25;}
.d2-4088621414 .background-color-N2{background-color:#676C7E;}
.d2-4088621414 .background-color-N3{background-color:#9499AB;}
.d2-4088621414 .background-color-N4{background-color:#CFD2DD;}
.d2-4088621414 .background-color-N5{background-color:#DEE1EB;}
.d2-4088621414 .background-color-N6{background-color:#EEF1F8;}
.d2-4088621414 .background-color-N7{background-color:#FFFFFF;}
.d2-4088621414 .background-color-B1{background-color:#0D32B2;}
.d2-4088621414 .background-color-B2{background-color:#0D32B2;}
.d2-4088621414 .background-color-B3{background-color:#E3E9FD;}
.d2-4088621414 .background-color-B4{background-color:#E3E9FD;}
.d2-4088621414 .background-color-B5{background-color:#EDF0FD;}
.d2-4088621414 .background-color-B6{background-color:#F7F8FE;}
.d2-4088621414 .background-color-AA2{background-color:#4A6FF3;}
.d2-4088621414 .background-color-AA4{background-color:#EDF0FD;}
.d2-4088621414 .background-color-AA5{background-color:#F7F8FE;}
.d2-4088621414 .background-color-AB4{background-color:#EDF0FD;}
.d2-4088621414 .background-color-AB5{background-color:#F7F8FE;}
.d2-4088621414 .color-N1{color:#0A0F25;}
.d2-4088621414 .color-N2{color:#676C7E;}
.d2-4088621414 .color-N3{color:#9499AB;}
.d2-4088621414 .color-N4{color:#CFD2DD;}
.d2-4088621414 .color-N5{color:#DEE1EB;}
.d2-4088621414 .color-N6{color:#EEF1F8;}
.d2-4088621414 .color-N7{color:#FFFFFF;}
.d2-4088621414 .color-B1{color:#0D32B2;}
.d2-4088621414 .color-B2{color:#0D32B2;}
.d2-4088621414 .color-B3{color:#E3E9FD;}
.d2-4088621414 .color-B4{color:#E3E9FD;}
.d2-4088621414 .color-B5{color:#EDF0FD;}
.d2-4088621414 .color-B6{color:#F7F8FE;}
.d2-4088621414 .color-AA2{color:#4A6FF3;}
.d2-4088621414 .color-AA4{color:#EDF0FD;}
.d2-4088621414 .color-AA5{color:#F7F8FE;}
.d2-4088621414 .color-AB4{color:#EDF0FD;}
.d2-4088621414 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="y.svg" xlink:href="y.svg"><g id="y"><g class="shape" ><rect x="0.000000" y="0.000000" width="86.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="43.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g></a><g transform="translate(70 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -104,7 +104,7 @@
</clipPath>
</defs>
</svg>
</g><mask id="d2-1655546234" maskUnits="userSpaceOnUse" x="-101" y="-118" width="305" height="285">
</g><mask id="d2-4088621414" maskUnits="userSpaceOnUse" x="-101" y="-118" width="305" height="285">
<rect x="-101" y="-118" width="305" height="285" fill="white"></rect>
<rect x="38.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

154
e2etests-cli/testdata/TestCLI_E2E/board_import/hello-world.exp.svg vendored
View file

@ -1,12 +1,12 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 304 285"><svg id="d2-svg" class="d2-3111330921" width="304" height="285" viewBox="-101 -118 304 285"><rect x="-101.000000" y="-118.000000" width="304.000000" height="285.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 304 285"><svg id="d2-svg" class="d2-1416247347" width="304" height="285" viewBox="-101 -118 304 285"><rect x="-101.000000" y="-118.000000" width="304.000000" height="285.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.appendix-icon {
filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
}
.d2-3111330921 .text-bold {
font-family: "d2-3111330921-font-bold";
.d2-1416247347 .text-bold {
font-family: "d2-1416247347-font-bold";
}
@font-face {
font-family: d2-3111330921-font-bold;
font-family: d2-1416247347-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -21,78 +21,78 @@
opacity: 0.5;
}
.d2-3111330921 .fill-N1{fill:#0A0F25;}
.d2-3111330921 .fill-N2{fill:#676C7E;}
.d2-3111330921 .fill-N3{fill:#9499AB;}
.d2-3111330921 .fill-N4{fill:#CFD2DD;}
.d2-3111330921 .fill-N5{fill:#DEE1EB;}
.d2-3111330921 .fill-N6{fill:#EEF1F8;}
.d2-3111330921 .fill-N7{fill:#FFFFFF;}
.d2-3111330921 .fill-B1{fill:#0D32B2;}
.d2-3111330921 .fill-B2{fill:#0D32B2;}
.d2-3111330921 .fill-B3{fill:#E3E9FD;}
.d2-3111330921 .fill-B4{fill:#E3E9FD;}
.d2-3111330921 .fill-B5{fill:#EDF0FD;}
.d2-3111330921 .fill-B6{fill:#F7F8FE;}
.d2-3111330921 .fill-AA2{fill:#4A6FF3;}
.d2-3111330921 .fill-AA4{fill:#EDF0FD;}
.d2-3111330921 .fill-AA5{fill:#F7F8FE;}
.d2-3111330921 .fill-AB4{fill:#EDF0FD;}
.d2-3111330921 .fill-AB5{fill:#F7F8FE;}
.d2-3111330921 .stroke-N1{stroke:#0A0F25;}
.d2-3111330921 .stroke-N2{stroke:#676C7E;}
.d2-3111330921 .stroke-N3{stroke:#9499AB;}
.d2-3111330921 .stroke-N4{stroke:#CFD2DD;}
.d2-3111330921 .stroke-N5{stroke:#DEE1EB;}
.d2-3111330921 .stroke-N6{stroke:#EEF1F8;}
.d2-3111330921 .stroke-N7{stroke:#FFFFFF;}
.d2-3111330921 .stroke-B1{stroke:#0D32B2;}
.d2-3111330921 .stroke-B2{stroke:#0D32B2;}
.d2-3111330921 .stroke-B3{stroke:#E3E9FD;}
.d2-3111330921 .stroke-B4{stroke:#E3E9FD;}
.d2-3111330921 .stroke-B5{stroke:#EDF0FD;}
.d2-3111330921 .stroke-B6{stroke:#F7F8FE;}
.d2-3111330921 .stroke-AA2{stroke:#4A6FF3;}
.d2-3111330921 .stroke-AA4{stroke:#EDF0FD;}
.d2-3111330921 .stroke-AA5{stroke:#F7F8FE;}
.d2-3111330921 .stroke-AB4{stroke:#EDF0FD;}
.d2-3111330921 .stroke-AB5{stroke:#F7F8FE;}
.d2-3111330921 .background-color-N1{background-color:#0A0F25;}
.d2-3111330921 .background-color-N2{background-color:#676C7E;}
.d2-3111330921 .background-color-N3{background-color:#9499AB;}
.d2-3111330921 .background-color-N4{background-color:#CFD2DD;}
.d2-3111330921 .background-color-N5{background-color:#DEE1EB;}
.d2-3111330921 .background-color-N6{background-color:#EEF1F8;}
.d2-3111330921 .background-color-N7{background-color:#FFFFFF;}
.d2-3111330921 .background-color-B1{background-color:#0D32B2;}
.d2-3111330921 .background-color-B2{background-color:#0D32B2;}
.d2-3111330921 .background-color-B3{background-color:#E3E9FD;}
.d2-3111330921 .background-color-B4{background-color:#E3E9FD;}
.d2-3111330921 .background-color-B5{background-color:#EDF0FD;}
.d2-3111330921 .background-color-B6{background-color:#F7F8FE;}
.d2-3111330921 .background-color-AA2{background-color:#4A6FF3;}
.d2-3111330921 .background-color-AA4{background-color:#EDF0FD;}
.d2-3111330921 .background-color-AA5{background-color:#F7F8FE;}
.d2-3111330921 .background-color-AB4{background-color:#EDF0FD;}
.d2-3111330921 .background-color-AB5{background-color:#F7F8FE;}
.d2-3111330921 .color-N1{color:#0A0F25;}
.d2-3111330921 .color-N2{color:#676C7E;}
.d2-3111330921 .color-N3{color:#9499AB;}
.d2-3111330921 .color-N4{color:#CFD2DD;}
.d2-3111330921 .color-N5{color:#DEE1EB;}
.d2-3111330921 .color-N6{color:#EEF1F8;}
.d2-3111330921 .color-N7{color:#FFFFFF;}
.d2-3111330921 .color-B1{color:#0D32B2;}
.d2-3111330921 .color-B2{color:#0D32B2;}
.d2-3111330921 .color-B3{color:#E3E9FD;}
.d2-3111330921 .color-B4{color:#E3E9FD;}
.d2-3111330921 .color-B5{color:#EDF0FD;}
.d2-3111330921 .color-B6{color:#F7F8FE;}
.d2-3111330921 .color-AA2{color:#4A6FF3;}
.d2-3111330921 .color-AA4{color:#EDF0FD;}
.d2-3111330921 .color-AA5{color:#F7F8FE;}
.d2-3111330921 .color-AB4{color:#EDF0FD;}
.d2-3111330921 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="x/index.svg" xlink:href="x/index.svg"><g id="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g></a><g transform="translate(69 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
.d2-1416247347 .fill-N1{fill:#0A0F25;}
.d2-1416247347 .fill-N2{fill:#676C7E;}
.d2-1416247347 .fill-N3{fill:#9499AB;}
.d2-1416247347 .fill-N4{fill:#CFD2DD;}
.d2-1416247347 .fill-N5{fill:#DEE1EB;}
.d2-1416247347 .fill-N6{fill:#EEF1F8;}
.d2-1416247347 .fill-N7{fill:#FFFFFF;}
.d2-1416247347 .fill-B1{fill:#0D32B2;}
.d2-1416247347 .fill-B2{fill:#0D32B2;}
.d2-1416247347 .fill-B3{fill:#E3E9FD;}
.d2-1416247347 .fill-B4{fill:#E3E9FD;}
.d2-1416247347 .fill-B5{fill:#EDF0FD;}
.d2-1416247347 .fill-B6{fill:#F7F8FE;}
.d2-1416247347 .fill-AA2{fill:#4A6FF3;}
.d2-1416247347 .fill-AA4{fill:#EDF0FD;}
.d2-1416247347 .fill-AA5{fill:#F7F8FE;}
.d2-1416247347 .fill-AB4{fill:#EDF0FD;}
.d2-1416247347 .fill-AB5{fill:#F7F8FE;}
.d2-1416247347 .stroke-N1{stroke:#0A0F25;}
.d2-1416247347 .stroke-N2{stroke:#676C7E;}
.d2-1416247347 .stroke-N3{stroke:#9499AB;}
.d2-1416247347 .stroke-N4{stroke:#CFD2DD;}
.d2-1416247347 .stroke-N5{stroke:#DEE1EB;}
.d2-1416247347 .stroke-N6{stroke:#EEF1F8;}
.d2-1416247347 .stroke-N7{stroke:#FFFFFF;}
.d2-1416247347 .stroke-B1{stroke:#0D32B2;}
.d2-1416247347 .stroke-B2{stroke:#0D32B2;}
.d2-1416247347 .stroke-B3{stroke:#E3E9FD;}
.d2-1416247347 .stroke-B4{stroke:#E3E9FD;}
.d2-1416247347 .stroke-B5{stroke:#EDF0FD;}
.d2-1416247347 .stroke-B6{stroke:#F7F8FE;}
.d2-1416247347 .stroke-AA2{stroke:#4A6FF3;}
.d2-1416247347 .stroke-AA4{stroke:#EDF0FD;}
.d2-1416247347 .stroke-AA5{stroke:#F7F8FE;}
.d2-1416247347 .stroke-AB4{stroke:#EDF0FD;}
.d2-1416247347 .stroke-AB5{stroke:#F7F8FE;}
.d2-1416247347 .background-color-N1{background-color:#0A0F25;}
.d2-1416247347 .background-color-N2{background-color:#676C7E;}
.d2-1416247347 .background-color-N3{background-color:#9499AB;}
.d2-1416247347 .background-color-N4{background-color:#CFD2DD;}
.d2-1416247347 .background-color-N5{background-color:#DEE1EB;}
.d2-1416247347 .background-color-N6{background-color:#EEF1F8;}
.d2-1416247347 .background-color-N7{background-color:#FFFFFF;}
.d2-1416247347 .background-color-B1{background-color:#0D32B2;}
.d2-1416247347 .background-color-B2{background-color:#0D32B2;}
.d2-1416247347 .background-color-B3{background-color:#E3E9FD;}
.d2-1416247347 .background-color-B4{background-color:#E3E9FD;}
.d2-1416247347 .background-color-B5{background-color:#EDF0FD;}
.d2-1416247347 .background-color-B6{background-color:#F7F8FE;}
.d2-1416247347 .background-color-AA2{background-color:#4A6FF3;}
.d2-1416247347 .background-color-AA4{background-color:#EDF0FD;}
.d2-1416247347 .background-color-AA5{background-color:#F7F8FE;}
.d2-1416247347 .background-color-AB4{background-color:#EDF0FD;}
.d2-1416247347 .background-color-AB5{background-color:#F7F8FE;}
.d2-1416247347 .color-N1{color:#0A0F25;}
.d2-1416247347 .color-N2{color:#676C7E;}
.d2-1416247347 .color-N3{color:#9499AB;}
.d2-1416247347 .color-N4{color:#CFD2DD;}
.d2-1416247347 .color-N5{color:#DEE1EB;}
.d2-1416247347 .color-N6{color:#EEF1F8;}
.d2-1416247347 .color-N7{color:#FFFFFF;}
.d2-1416247347 .color-B1{color:#0D32B2;}
.d2-1416247347 .color-B2{color:#0D32B2;}
.d2-1416247347 .color-B3{color:#E3E9FD;}
.d2-1416247347 .color-B4{color:#E3E9FD;}
.d2-1416247347 .color-B5{color:#EDF0FD;}
.d2-1416247347 .color-B6{color:#F7F8FE;}
.d2-1416247347 .color-AA2{color:#4A6FF3;}
.d2-1416247347 .color-AA4{color:#EDF0FD;}
.d2-1416247347 .color-AA5{color:#F7F8FE;}
.d2-1416247347 .color-AB4{color:#EDF0FD;}
.d2-1416247347 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="x/index.svg" xlink:href="x/index.svg"><g id="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g></a><g transform="translate(69 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -104,7 +104,7 @@
</clipPath>
</defs>
</svg>
</g><mask id="d2-3111330921" maskUnits="userSpaceOnUse" x="-101" y="-118" width="304" height="285">
</g><mask id="d2-1416247347" maskUnits="userSpaceOnUse" x="-101" y="-118" width="304" height="285">
<rect x="-101" y="-118" width="304" height="285" fill="white"></rect>
<rect x="38.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

160
e2etests-cli/testdata/TestCLI_E2E/empty-base.exp.svg vendored
View file

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 368 766"><svg id="d2-svg" width="368" height="766" viewBox="-101 -101 368 766"><style type="text/css"><![CDATA[
.d2-2543050356 .text-bold {
font-family: "d2-2543050356-font-bold";
.d2-1574744994 .text-bold {
font-family: "d2-1574744994-font-bold";
}
@font-face {
font-family: d2-2543050356-font-bold;
font-family: d2-1574744994-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -18,78 +18,78 @@
opacity: 0.5;
}
.d2-2543050356 .fill-N1{fill:#0A0F25;}
.d2-2543050356 .fill-N2{fill:#676C7E;}
.d2-2543050356 .fill-N3{fill:#9499AB;}
.d2-2543050356 .fill-N4{fill:#CFD2DD;}
.d2-2543050356 .fill-N5{fill:#DEE1EB;}
.d2-2543050356 .fill-N6{fill:#EEF1F8;}
.d2-2543050356 .fill-N7{fill:#FFFFFF;}
.d2-2543050356 .fill-B1{fill:#0D32B2;}
.d2-2543050356 .fill-B2{fill:#0D32B2;}
.d2-2543050356 .fill-B3{fill:#E3E9FD;}
.d2-2543050356 .fill-B4{fill:#E3E9FD;}
.d2-2543050356 .fill-B5{fill:#EDF0FD;}
.d2-2543050356 .fill-B6{fill:#F7F8FE;}
.d2-2543050356 .fill-AA2{fill:#4A6FF3;}
.d2-2543050356 .fill-AA4{fill:#EDF0FD;}
.d2-2543050356 .fill-AA5{fill:#F7F8FE;}
.d2-2543050356 .fill-AB4{fill:#EDF0FD;}
.d2-2543050356 .fill-AB5{fill:#F7F8FE;}
.d2-2543050356 .stroke-N1{stroke:#0A0F25;}
.d2-2543050356 .stroke-N2{stroke:#676C7E;}
.d2-2543050356 .stroke-N3{stroke:#9499AB;}
.d2-2543050356 .stroke-N4{stroke:#CFD2DD;}
.d2-2543050356 .stroke-N5{stroke:#DEE1EB;}
.d2-2543050356 .stroke-N6{stroke:#EEF1F8;}
.d2-2543050356 .stroke-N7{stroke:#FFFFFF;}
.d2-2543050356 .stroke-B1{stroke:#0D32B2;}
.d2-2543050356 .stroke-B2{stroke:#0D32B2;}
.d2-2543050356 .stroke-B3{stroke:#E3E9FD;}
.d2-2543050356 .stroke-B4{stroke:#E3E9FD;}
.d2-2543050356 .stroke-B5{stroke:#EDF0FD;}
.d2-2543050356 .stroke-B6{stroke:#F7F8FE;}
.d2-2543050356 .stroke-AA2{stroke:#4A6FF3;}
.d2-2543050356 .stroke-AA4{stroke:#EDF0FD;}
.d2-2543050356 .stroke-AA5{stroke:#F7F8FE;}
.d2-2543050356 .stroke-AB4{stroke:#EDF0FD;}
.d2-2543050356 .stroke-AB5{stroke:#F7F8FE;}
.d2-2543050356 .background-color-N1{background-color:#0A0F25;}
.d2-2543050356 .background-color-N2{background-color:#676C7E;}
.d2-2543050356 .background-color-N3{background-color:#9499AB;}
.d2-2543050356 .background-color-N4{background-color:#CFD2DD;}
.d2-2543050356 .background-color-N5{background-color:#DEE1EB;}
.d2-2543050356 .background-color-N6{background-color:#EEF1F8;}
.d2-2543050356 .background-color-N7{background-color:#FFFFFF;}
.d2-2543050356 .background-color-B1{background-color:#0D32B2;}
.d2-2543050356 .background-color-B2{background-color:#0D32B2;}
.d2-2543050356 .background-color-B3{background-color:#E3E9FD;}
.d2-2543050356 .background-color-B4{background-color:#E3E9FD;}
.d2-2543050356 .background-color-B5{background-color:#EDF0FD;}
.d2-2543050356 .background-color-B6{background-color:#F7F8FE;}
.d2-2543050356 .background-color-AA2{background-color:#4A6FF3;}
.d2-2543050356 .background-color-AA4{background-color:#EDF0FD;}
.d2-2543050356 .background-color-AA5{background-color:#F7F8FE;}
.d2-2543050356 .background-color-AB4{background-color:#EDF0FD;}
.d2-2543050356 .background-color-AB5{background-color:#F7F8FE;}
.d2-2543050356 .color-N1{color:#0A0F25;}
.d2-2543050356 .color-N2{color:#676C7E;}
.d2-2543050356 .color-N3{color:#9499AB;}
.d2-2543050356 .color-N4{color:#CFD2DD;}
.d2-2543050356 .color-N5{color:#DEE1EB;}
.d2-2543050356 .color-N6{color:#EEF1F8;}
.d2-2543050356 .color-N7{color:#FFFFFF;}
.d2-2543050356 .color-B1{color:#0D32B2;}
.d2-2543050356 .color-B2{color:#0D32B2;}
.d2-2543050356 .color-B3{color:#E3E9FD;}
.d2-2543050356 .color-B4{color:#E3E9FD;}
.d2-2543050356 .color-B5{color:#EDF0FD;}
.d2-2543050356 .color-B6{color:#F7F8FE;}
.d2-2543050356 .color-AA2{color:#4A6FF3;}
.d2-2543050356 .color-AA4{color:#EDF0FD;}
.d2-2543050356 .color-AA5{color:#F7F8FE;}
.d2-2543050356 .color-AB4{color:#EDF0FD;}
.d2-2543050356 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[@keyframes d2Transition-d2-2543050356-0 {
.d2-1574744994 .fill-N1{fill:#0A0F25;}
.d2-1574744994 .fill-N2{fill:#676C7E;}
.d2-1574744994 .fill-N3{fill:#9499AB;}
.d2-1574744994 .fill-N4{fill:#CFD2DD;}
.d2-1574744994 .fill-N5{fill:#DEE1EB;}
.d2-1574744994 .fill-N6{fill:#EEF1F8;}
.d2-1574744994 .fill-N7{fill:#FFFFFF;}
.d2-1574744994 .fill-B1{fill:#0D32B2;}
.d2-1574744994 .fill-B2{fill:#0D32B2;}
.d2-1574744994 .fill-B3{fill:#E3E9FD;}
.d2-1574744994 .fill-B4{fill:#E3E9FD;}
.d2-1574744994 .fill-B5{fill:#EDF0FD;}
.d2-1574744994 .fill-B6{fill:#F7F8FE;}
.d2-1574744994 .fill-AA2{fill:#4A6FF3;}
.d2-1574744994 .fill-AA4{fill:#EDF0FD;}
.d2-1574744994 .fill-AA5{fill:#F7F8FE;}
.d2-1574744994 .fill-AB4{fill:#EDF0FD;}
.d2-1574744994 .fill-AB5{fill:#F7F8FE;}
.d2-1574744994 .stroke-N1{stroke:#0A0F25;}
.d2-1574744994 .stroke-N2{stroke:#676C7E;}
.d2-1574744994 .stroke-N3{stroke:#9499AB;}
.d2-1574744994 .stroke-N4{stroke:#CFD2DD;}
.d2-1574744994 .stroke-N5{stroke:#DEE1EB;}
.d2-1574744994 .stroke-N6{stroke:#EEF1F8;}
.d2-1574744994 .stroke-N7{stroke:#FFFFFF;}
.d2-1574744994 .stroke-B1{stroke:#0D32B2;}
.d2-1574744994 .stroke-B2{stroke:#0D32B2;}
.d2-1574744994 .stroke-B3{stroke:#E3E9FD;}
.d2-1574744994 .stroke-B4{stroke:#E3E9FD;}
.d2-1574744994 .stroke-B5{stroke:#EDF0FD;}
.d2-1574744994 .stroke-B6{stroke:#F7F8FE;}
.d2-1574744994 .stroke-AA2{stroke:#4A6FF3;}
.d2-1574744994 .stroke-AA4{stroke:#EDF0FD;}
.d2-1574744994 .stroke-AA5{stroke:#F7F8FE;}
.d2-1574744994 .stroke-AB4{stroke:#EDF0FD;}
.d2-1574744994 .stroke-AB5{stroke:#F7F8FE;}
.d2-1574744994 .background-color-N1{background-color:#0A0F25;}
.d2-1574744994 .background-color-N2{background-color:#676C7E;}
.d2-1574744994 .background-color-N3{background-color:#9499AB;}
.d2-1574744994 .background-color-N4{background-color:#CFD2DD;}
.d2-1574744994 .background-color-N5{background-color:#DEE1EB;}
.d2-1574744994 .background-color-N6{background-color:#EEF1F8;}
.d2-1574744994 .background-color-N7{background-color:#FFFFFF;}
.d2-1574744994 .background-color-B1{background-color:#0D32B2;}
.d2-1574744994 .background-color-B2{background-color:#0D32B2;}
.d2-1574744994 .background-color-B3{background-color:#E3E9FD;}
.d2-1574744994 .background-color-B4{background-color:#E3E9FD;}
.d2-1574744994 .background-color-B5{background-color:#EDF0FD;}
.d2-1574744994 .background-color-B6{background-color:#F7F8FE;}
.d2-1574744994 .background-color-AA2{background-color:#4A6FF3;}
.d2-1574744994 .background-color-AA4{background-color:#EDF0FD;}
.d2-1574744994 .background-color-AA5{background-color:#F7F8FE;}
.d2-1574744994 .background-color-AB4{background-color:#EDF0FD;}
.d2-1574744994 .background-color-AB5{background-color:#F7F8FE;}
.d2-1574744994 .color-N1{color:#0A0F25;}
.d2-1574744994 .color-N2{color:#676C7E;}
.d2-1574744994 .color-N3{color:#9499AB;}
.d2-1574744994 .color-N4{color:#CFD2DD;}
.d2-1574744994 .color-N5{color:#DEE1EB;}
.d2-1574744994 .color-N6{color:#EEF1F8;}
.d2-1574744994 .color-N7{color:#FFFFFF;}
.d2-1574744994 .color-B1{color:#0D32B2;}
.d2-1574744994 .color-B2{color:#0D32B2;}
.d2-1574744994 .color-B3{color:#E3E9FD;}
.d2-1574744994 .color-B4{color:#E3E9FD;}
.d2-1574744994 .color-B5{color:#EDF0FD;}
.d2-1574744994 .color-B6{color:#F7F8FE;}
.d2-1574744994 .color-AA2{color:#4A6FF3;}
.d2-1574744994 .color-AA4{color:#EDF0FD;}
.d2-1574744994 .color-AA5{color:#F7F8FE;}
.d2-1574744994 .color-AB4{color:#EDF0FD;}
.d2-1574744994 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[@keyframes d2Transition-d2-1574744994-0 {
0%, 0.000000% {
opacity: 0;
}
@ -99,7 +99,7 @@
33.333333%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-2543050356-1 {
}@keyframes d2Transition-d2-1574744994-1 {
0%, 33.309524% {
opacity: 0;
}
@ -109,24 +109,24 @@
66.666667%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-2543050356-2 {
}@keyframes d2Transition-d2-1574744994-2 {
0%, 66.642857% {
opacity: 0;
}
66.666667%, 100.000000% {
opacity: 1;
}
}]]></style><g style="animation: d2Transition-d2-2543050356-0 4200ms infinite" class="d2-2543050356" width="255" height="434" viewBox="-101 -101 255 434"><rect x="-101.000000" y="-101.000000" width="255.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="a"><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="0.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 26.500000 68.000000 C 26.500000 106.000000 26.500000 126.000000 26.500000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3922440645)" /></g><mask id="d2-3922440645" maskUnits="userSpaceOnUse" x="-101" y="-101" width="255" height="434">
}]]></style><g style="animation: d2Transition-d2-1574744994-0 4200ms infinite" class="d2-1574744994" width="255" height="434" viewBox="-101 -101 255 434"><rect x="-101.000000" y="-101.000000" width="255.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="a"><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="0.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 26.500000 68.000000 C 26.500000 106.000000 26.500000 126.000000 26.500000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1919875308)" /></g><mask id="d2-1919875308" maskUnits="userSpaceOnUse" x="-101" y="-101" width="255" height="434">
<rect x="-101" y="-101" width="255" height="434" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="188.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-2543050356-1 4200ms infinite" class="d2-2543050356" width="368" height="600" viewBox="-101 -101 368 600"><rect x="-101.000000" y="-101.000000" width="368.000000" height="600.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="a"><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="0.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="d"><g class="shape" ><rect x="56.000000" y="332.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="83.000000" y="370.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="c"><g class="shape" ><rect x="113.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="139.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 26.500000 68.000000 C 26.500000 106.000000 26.500000 126.000000 26.500000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2589177380)" /></g><g id="(b -&gt; d)[0]"><path d="M 26.500000 234.000000 C 26.500000 272.000000 33.299999 292.000000 58.250760 328.692294" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2589177380)" /></g><g id="(c -&gt; d)[0]"><path d="M 139.500000 234.000000 C 139.500000 272.000000 132.699997 292.000000 107.749240 328.692294" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2589177380)" /></g><mask id="d2-2589177380" maskUnits="userSpaceOnUse" x="-101" y="-101" width="368" height="600">
</mask></g><g style="animation: d2Transition-d2-1574744994-1 4200ms infinite" class="d2-1574744994" width="368" height="600" viewBox="-101 -101 368 600"><rect x="-101.000000" y="-101.000000" width="368.000000" height="600.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="a"><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="0.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="d"><g class="shape" ><rect x="56.000000" y="332.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="83.000000" y="370.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="c"><g class="shape" ><rect x="113.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="139.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 26.500000 68.000000 C 26.500000 106.000000 26.500000 126.000000 26.500000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-483309782)" /></g><g id="(b -&gt; d)[0]"><path d="M 26.500000 234.000000 C 26.500000 272.000000 33.299999 292.000000 58.250760 328.692294" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-483309782)" /></g><g id="(c -&gt; d)[0]"><path d="M 139.500000 234.000000 C 139.500000 272.000000 132.699997 292.000000 107.749240 328.692294" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-483309782)" /></g><mask id="d2-483309782" maskUnits="userSpaceOnUse" x="-101" y="-101" width="368" height="600">
<rect x="-101" y="-101" width="368" height="600" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="188.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="78.500000" y="354.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="135.500000" y="188.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-2543050356-2 4200ms infinite" class="d2-2543050356" width="368" height="766" viewBox="-101 -101 368 766"><rect x="-101.000000" y="-101.000000" width="368.000000" height="766.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="a"><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="0.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="d"><g class="shape" ><rect x="56.000000" y="332.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="83.000000" y="370.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="c"><g class="shape" ><rect x="113.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="139.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="e"><g class="shape" ><rect x="57.000000" y="498.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="83.500000" y="536.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 26.500000 68.000000 C 26.500000 106.000000 26.500000 126.000000 26.500000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3700658505)" /></g><g id="(b -&gt; d)[0]"><path d="M 26.500000 234.000000 C 26.500000 272.000000 33.299999 292.000000 58.250760 328.692294" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3700658505)" /></g><g id="(c -&gt; d)[0]"><path d="M 139.500000 234.000000 C 139.500000 272.000000 132.699997 292.000000 107.749240 328.692294" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3700658505)" /></g><g id="(d -&gt; e)[0]"><path d="M 83.000000 400.000000 C 83.000000 438.000000 83.000000 458.000000 83.000000 494.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3700658505)" /></g><mask id="d2-3700658505" maskUnits="userSpaceOnUse" x="-101" y="-101" width="368" height="766">
</mask></g><g style="animation: d2Transition-d2-1574744994-2 4200ms infinite" class="d2-1574744994" width="368" height="766" viewBox="-101 -101 368 766"><rect x="-101.000000" y="-101.000000" width="368.000000" height="766.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="a"><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="0.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="d"><g class="shape" ><rect x="56.000000" y="332.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="83.000000" y="370.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="c"><g class="shape" ><rect x="113.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="139.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="e"><g class="shape" ><rect x="57.000000" y="498.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="83.500000" y="536.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 26.500000 68.000000 C 26.500000 106.000000 26.500000 126.000000 26.500000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2079318802)" /></g><g id="(b -&gt; d)[0]"><path d="M 26.500000 234.000000 C 26.500000 272.000000 33.299999 292.000000 58.250760 328.692294" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2079318802)" /></g><g id="(c -&gt; d)[0]"><path d="M 139.500000 234.000000 C 139.500000 272.000000 132.699997 292.000000 107.749240 328.692294" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2079318802)" /></g><g id="(d -&gt; e)[0]"><path d="M 83.000000 400.000000 C 83.000000 438.000000 83.000000 458.000000 83.000000 494.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2079318802)" /></g><mask id="d2-2079318802" maskUnits="userSpaceOnUse" x="-101" y="-101" width="368" height="766">
<rect x="-101" y="-101" width="368" height="766" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="188.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

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

Binary file not shown.

154
e2etests-cli/testdata/TestCLI_E2E/layer-link/index.exp.svg vendored
View file

@ -1,12 +1,12 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 324 285"><svg id="d2-svg" class="d2-3597588678" width="324" height="285" viewBox="-101 -118 324 285"><rect x="-101.000000" y="-118.000000" width="324.000000" height="285.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 324 285"><svg id="d2-svg" class="d2-2347425782" width="324" height="285" viewBox="-101 -118 324 285"><rect x="-101.000000" y="-118.000000" width="324.000000" height="285.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.appendix-icon {
filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
}
.d2-3597588678 .text-bold {
font-family: "d2-3597588678-font-bold";
.d2-2347425782 .text-bold {
font-family: "d2-2347425782-font-bold";
}
@font-face {
font-family: d2-3597588678-font-bold;
font-family: d2-2347425782-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -21,78 +21,78 @@
opacity: 0.5;
}
.d2-3597588678 .fill-N1{fill:#0A0F25;}
.d2-3597588678 .fill-N2{fill:#676C7E;}
.d2-3597588678 .fill-N3{fill:#9499AB;}
.d2-3597588678 .fill-N4{fill:#CFD2DD;}
.d2-3597588678 .fill-N5{fill:#DEE1EB;}
.d2-3597588678 .fill-N6{fill:#EEF1F8;}
.d2-3597588678 .fill-N7{fill:#FFFFFF;}
.d2-3597588678 .fill-B1{fill:#0D32B2;}
.d2-3597588678 .fill-B2{fill:#0D32B2;}
.d2-3597588678 .fill-B3{fill:#E3E9FD;}
.d2-3597588678 .fill-B4{fill:#E3E9FD;}
.d2-3597588678 .fill-B5{fill:#EDF0FD;}
.d2-3597588678 .fill-B6{fill:#F7F8FE;}
.d2-3597588678 .fill-AA2{fill:#4A6FF3;}
.d2-3597588678 .fill-AA4{fill:#EDF0FD;}
.d2-3597588678 .fill-AA5{fill:#F7F8FE;}
.d2-3597588678 .fill-AB4{fill:#EDF0FD;}
.d2-3597588678 .fill-AB5{fill:#F7F8FE;}
.d2-3597588678 .stroke-N1{stroke:#0A0F25;}
.d2-3597588678 .stroke-N2{stroke:#676C7E;}
.d2-3597588678 .stroke-N3{stroke:#9499AB;}
.d2-3597588678 .stroke-N4{stroke:#CFD2DD;}
.d2-3597588678 .stroke-N5{stroke:#DEE1EB;}
.d2-3597588678 .stroke-N6{stroke:#EEF1F8;}
.d2-3597588678 .stroke-N7{stroke:#FFFFFF;}
.d2-3597588678 .stroke-B1{stroke:#0D32B2;}
.d2-3597588678 .stroke-B2{stroke:#0D32B2;}
.d2-3597588678 .stroke-B3{stroke:#E3E9FD;}
.d2-3597588678 .stroke-B4{stroke:#E3E9FD;}
.d2-3597588678 .stroke-B5{stroke:#EDF0FD;}
.d2-3597588678 .stroke-B6{stroke:#F7F8FE;}
.d2-3597588678 .stroke-AA2{stroke:#4A6FF3;}
.d2-3597588678 .stroke-AA4{stroke:#EDF0FD;}
.d2-3597588678 .stroke-AA5{stroke:#F7F8FE;}
.d2-3597588678 .stroke-AB4{stroke:#EDF0FD;}
.d2-3597588678 .stroke-AB5{stroke:#F7F8FE;}
.d2-3597588678 .background-color-N1{background-color:#0A0F25;}
.d2-3597588678 .background-color-N2{background-color:#676C7E;}
.d2-3597588678 .background-color-N3{background-color:#9499AB;}
.d2-3597588678 .background-color-N4{background-color:#CFD2DD;}
.d2-3597588678 .background-color-N5{background-color:#DEE1EB;}
.d2-3597588678 .background-color-N6{background-color:#EEF1F8;}
.d2-3597588678 .background-color-N7{background-color:#FFFFFF;}
.d2-3597588678 .background-color-B1{background-color:#0D32B2;}
.d2-3597588678 .background-color-B2{background-color:#0D32B2;}
.d2-3597588678 .background-color-B3{background-color:#E3E9FD;}
.d2-3597588678 .background-color-B4{background-color:#E3E9FD;}
.d2-3597588678 .background-color-B5{background-color:#EDF0FD;}
.d2-3597588678 .background-color-B6{background-color:#F7F8FE;}
.d2-3597588678 .background-color-AA2{background-color:#4A6FF3;}
.d2-3597588678 .background-color-AA4{background-color:#EDF0FD;}
.d2-3597588678 .background-color-AA5{background-color:#F7F8FE;}
.d2-3597588678 .background-color-AB4{background-color:#EDF0FD;}
.d2-3597588678 .background-color-AB5{background-color:#F7F8FE;}
.d2-3597588678 .color-N1{color:#0A0F25;}
.d2-3597588678 .color-N2{color:#676C7E;}
.d2-3597588678 .color-N3{color:#9499AB;}
.d2-3597588678 .color-N4{color:#CFD2DD;}
.d2-3597588678 .color-N5{color:#DEE1EB;}
.d2-3597588678 .color-N6{color:#EEF1F8;}
.d2-3597588678 .color-N7{color:#FFFFFF;}
.d2-3597588678 .color-B1{color:#0D32B2;}
.d2-3597588678 .color-B2{color:#0D32B2;}
.d2-3597588678 .color-B3{color:#E3E9FD;}
.d2-3597588678 .color-B4{color:#E3E9FD;}
.d2-3597588678 .color-B5{color:#EDF0FD;}
.d2-3597588678 .color-B6{color:#F7F8FE;}
.d2-3597588678 .color-AA2{color:#4A6FF3;}
.d2-3597588678 .color-AA4{color:#EDF0FD;}
.d2-3597588678 .color-AA5{color:#F7F8FE;}
.d2-3597588678 .color-AB4{color:#EDF0FD;}
.d2-3597588678 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="test2.svg" xlink:href="test2.svg"><g id="doh"><g class="shape" ><rect x="0.000000" y="0.000000" width="105.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="52.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">doh</text></g></a><g transform="translate(89 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
.d2-2347425782 .fill-N1{fill:#0A0F25;}
.d2-2347425782 .fill-N2{fill:#676C7E;}
.d2-2347425782 .fill-N3{fill:#9499AB;}
.d2-2347425782 .fill-N4{fill:#CFD2DD;}
.d2-2347425782 .fill-N5{fill:#DEE1EB;}
.d2-2347425782 .fill-N6{fill:#EEF1F8;}
.d2-2347425782 .fill-N7{fill:#FFFFFF;}
.d2-2347425782 .fill-B1{fill:#0D32B2;}
.d2-2347425782 .fill-B2{fill:#0D32B2;}
.d2-2347425782 .fill-B3{fill:#E3E9FD;}
.d2-2347425782 .fill-B4{fill:#E3E9FD;}
.d2-2347425782 .fill-B5{fill:#EDF0FD;}
.d2-2347425782 .fill-B6{fill:#F7F8FE;}
.d2-2347425782 .fill-AA2{fill:#4A6FF3;}
.d2-2347425782 .fill-AA4{fill:#EDF0FD;}
.d2-2347425782 .fill-AA5{fill:#F7F8FE;}
.d2-2347425782 .fill-AB4{fill:#EDF0FD;}
.d2-2347425782 .fill-AB5{fill:#F7F8FE;}
.d2-2347425782 .stroke-N1{stroke:#0A0F25;}
.d2-2347425782 .stroke-N2{stroke:#676C7E;}
.d2-2347425782 .stroke-N3{stroke:#9499AB;}
.d2-2347425782 .stroke-N4{stroke:#CFD2DD;}
.d2-2347425782 .stroke-N5{stroke:#DEE1EB;}
.d2-2347425782 .stroke-N6{stroke:#EEF1F8;}
.d2-2347425782 .stroke-N7{stroke:#FFFFFF;}
.d2-2347425782 .stroke-B1{stroke:#0D32B2;}
.d2-2347425782 .stroke-B2{stroke:#0D32B2;}
.d2-2347425782 .stroke-B3{stroke:#E3E9FD;}
.d2-2347425782 .stroke-B4{stroke:#E3E9FD;}
.d2-2347425782 .stroke-B5{stroke:#EDF0FD;}
.d2-2347425782 .stroke-B6{stroke:#F7F8FE;}
.d2-2347425782 .stroke-AA2{stroke:#4A6FF3;}
.d2-2347425782 .stroke-AA4{stroke:#EDF0FD;}
.d2-2347425782 .stroke-AA5{stroke:#F7F8FE;}
.d2-2347425782 .stroke-AB4{stroke:#EDF0FD;}
.d2-2347425782 .stroke-AB5{stroke:#F7F8FE;}
.d2-2347425782 .background-color-N1{background-color:#0A0F25;}
.d2-2347425782 .background-color-N2{background-color:#676C7E;}
.d2-2347425782 .background-color-N3{background-color:#9499AB;}
.d2-2347425782 .background-color-N4{background-color:#CFD2DD;}
.d2-2347425782 .background-color-N5{background-color:#DEE1EB;}
.d2-2347425782 .background-color-N6{background-color:#EEF1F8;}
.d2-2347425782 .background-color-N7{background-color:#FFFFFF;}
.d2-2347425782 .background-color-B1{background-color:#0D32B2;}
.d2-2347425782 .background-color-B2{background-color:#0D32B2;}
.d2-2347425782 .background-color-B3{background-color:#E3E9FD;}
.d2-2347425782 .background-color-B4{background-color:#E3E9FD;}
.d2-2347425782 .background-color-B5{background-color:#EDF0FD;}
.d2-2347425782 .background-color-B6{background-color:#F7F8FE;}
.d2-2347425782 .background-color-AA2{background-color:#4A6FF3;}
.d2-2347425782 .background-color-AA4{background-color:#EDF0FD;}
.d2-2347425782 .background-color-AA5{background-color:#F7F8FE;}
.d2-2347425782 .background-color-AB4{background-color:#EDF0FD;}
.d2-2347425782 .background-color-AB5{background-color:#F7F8FE;}
.d2-2347425782 .color-N1{color:#0A0F25;}
.d2-2347425782 .color-N2{color:#676C7E;}
.d2-2347425782 .color-N3{color:#9499AB;}
.d2-2347425782 .color-N4{color:#CFD2DD;}
.d2-2347425782 .color-N5{color:#DEE1EB;}
.d2-2347425782 .color-N6{color:#EEF1F8;}
.d2-2347425782 .color-N7{color:#FFFFFF;}
.d2-2347425782 .color-B1{color:#0D32B2;}
.d2-2347425782 .color-B2{color:#0D32B2;}
.d2-2347425782 .color-B3{color:#E3E9FD;}
.d2-2347425782 .color-B4{color:#E3E9FD;}
.d2-2347425782 .color-B5{color:#EDF0FD;}
.d2-2347425782 .color-B6{color:#F7F8FE;}
.d2-2347425782 .color-AA2{color:#4A6FF3;}
.d2-2347425782 .color-AA4{color:#EDF0FD;}
.d2-2347425782 .color-AA5{color:#F7F8FE;}
.d2-2347425782 .color-AB4{color:#EDF0FD;}
.d2-2347425782 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="test2.svg" xlink:href="test2.svg"><g id="doh"><g class="shape" ><rect x="0.000000" y="0.000000" width="105.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="52.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">doh</text></g></a><g transform="translate(89 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -104,7 +104,7 @@
</clipPath>
</defs>
</svg>
</g><mask id="d2-3597588678" maskUnits="userSpaceOnUse" x="-101" y="-118" width="324" height="285">
</g><mask id="d2-2347425782" maskUnits="userSpaceOnUse" x="-101" y="-118" width="324" height="285">
<rect x="-101" y="-118" width="324" height="285" fill="white"></rect>
<rect x="38.500000" y="22.500000" width="28" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

154
e2etests-cli/testdata/TestCLI_E2E/layer-link/test2.exp.svg vendored
View file

@ -1,12 +1,12 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 362 285"><svg id="d2-svg" class="d2-975237027" width="362" height="285" viewBox="-101 -118 362 285"><rect x="-101.000000" y="-118.000000" width="362.000000" height="285.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 362 285"><svg id="d2-svg" class="d2-525054211" width="362" height="285" viewBox="-101 -118 362 285"><rect x="-101.000000" y="-118.000000" width="362.000000" height="285.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.appendix-icon {
filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
}
.d2-975237027 .text-bold {
font-family: "d2-975237027-font-bold";
.d2-525054211 .text-bold {
font-family: "d2-525054211-font-bold";
}
@font-face {
font-family: d2-975237027-font-bold;
font-family: d2-525054211-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -21,78 +21,78 @@
opacity: 0.5;
}
.d2-975237027 .fill-N1{fill:#0A0F25;}
.d2-975237027 .fill-N2{fill:#676C7E;}
.d2-975237027 .fill-N3{fill:#9499AB;}
.d2-975237027 .fill-N4{fill:#CFD2DD;}
.d2-975237027 .fill-N5{fill:#DEE1EB;}
.d2-975237027 .fill-N6{fill:#EEF1F8;}
.d2-975237027 .fill-N7{fill:#FFFFFF;}
.d2-975237027 .fill-B1{fill:#0D32B2;}
.d2-975237027 .fill-B2{fill:#0D32B2;}
.d2-975237027 .fill-B3{fill:#E3E9FD;}
.d2-975237027 .fill-B4{fill:#E3E9FD;}
.d2-975237027 .fill-B5{fill:#EDF0FD;}
.d2-975237027 .fill-B6{fill:#F7F8FE;}
.d2-975237027 .fill-AA2{fill:#4A6FF3;}
.d2-975237027 .fill-AA4{fill:#EDF0FD;}
.d2-975237027 .fill-AA5{fill:#F7F8FE;}
.d2-975237027 .fill-AB4{fill:#EDF0FD;}
.d2-975237027 .fill-AB5{fill:#F7F8FE;}
.d2-975237027 .stroke-N1{stroke:#0A0F25;}
.d2-975237027 .stroke-N2{stroke:#676C7E;}
.d2-975237027 .stroke-N3{stroke:#9499AB;}
.d2-975237027 .stroke-N4{stroke:#CFD2DD;}
.d2-975237027 .stroke-N5{stroke:#DEE1EB;}
.d2-975237027 .stroke-N6{stroke:#EEF1F8;}
.d2-975237027 .stroke-N7{stroke:#FFFFFF;}
.d2-975237027 .stroke-B1{stroke:#0D32B2;}
.d2-975237027 .stroke-B2{stroke:#0D32B2;}
.d2-975237027 .stroke-B3{stroke:#E3E9FD;}
.d2-975237027 .stroke-B4{stroke:#E3E9FD;}
.d2-975237027 .stroke-B5{stroke:#EDF0FD;}
.d2-975237027 .stroke-B6{stroke:#F7F8FE;}
.d2-975237027 .stroke-AA2{stroke:#4A6FF3;}
.d2-975237027 .stroke-AA4{stroke:#EDF0FD;}
.d2-975237027 .stroke-AA5{stroke:#F7F8FE;}
.d2-975237027 .stroke-AB4{stroke:#EDF0FD;}
.d2-975237027 .stroke-AB5{stroke:#F7F8FE;}
.d2-975237027 .background-color-N1{background-color:#0A0F25;}
.d2-975237027 .background-color-N2{background-color:#676C7E;}
.d2-975237027 .background-color-N3{background-color:#9499AB;}
.d2-975237027 .background-color-N4{background-color:#CFD2DD;}
.d2-975237027 .background-color-N5{background-color:#DEE1EB;}
.d2-975237027 .background-color-N6{background-color:#EEF1F8;}
.d2-975237027 .background-color-N7{background-color:#FFFFFF;}
.d2-975237027 .background-color-B1{background-color:#0D32B2;}
.d2-975237027 .background-color-B2{background-color:#0D32B2;}
.d2-975237027 .background-color-B3{background-color:#E3E9FD;}
.d2-975237027 .background-color-B4{background-color:#E3E9FD;}
.d2-975237027 .background-color-B5{background-color:#EDF0FD;}
.d2-975237027 .background-color-B6{background-color:#F7F8FE;}
.d2-975237027 .background-color-AA2{background-color:#4A6FF3;}
.d2-975237027 .background-color-AA4{background-color:#EDF0FD;}
.d2-975237027 .background-color-AA5{background-color:#F7F8FE;}
.d2-975237027 .background-color-AB4{background-color:#EDF0FD;}
.d2-975237027 .background-color-AB5{background-color:#F7F8FE;}
.d2-975237027 .color-N1{color:#0A0F25;}
.d2-975237027 .color-N2{color:#676C7E;}
.d2-975237027 .color-N3{color:#9499AB;}
.d2-975237027 .color-N4{color:#CFD2DD;}
.d2-975237027 .color-N5{color:#DEE1EB;}
.d2-975237027 .color-N6{color:#EEF1F8;}
.d2-975237027 .color-N7{color:#FFFFFF;}
.d2-975237027 .color-B1{color:#0D32B2;}
.d2-975237027 .color-B2{color:#0D32B2;}
.d2-975237027 .color-B3{color:#E3E9FD;}
.d2-975237027 .color-B4{color:#E3E9FD;}
.d2-975237027 .color-B5{color:#EDF0FD;}
.d2-975237027 .color-B6{color:#F7F8FE;}
.d2-975237027 .color-AA2{color:#4A6FF3;}
.d2-975237027 .color-AA4{color:#EDF0FD;}
.d2-975237027 .color-AA5{color:#F7F8FE;}
.d2-975237027 .color-AB4{color:#EDF0FD;}
.d2-975237027 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://example.com" xlink:href="https://example.com"><g id="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="143.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="71.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">I&#39;m a Mac</text></g></a><g transform="translate(127 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
.d2-525054211 .fill-N1{fill:#0A0F25;}
.d2-525054211 .fill-N2{fill:#676C7E;}
.d2-525054211 .fill-N3{fill:#9499AB;}
.d2-525054211 .fill-N4{fill:#CFD2DD;}
.d2-525054211 .fill-N5{fill:#DEE1EB;}
.d2-525054211 .fill-N6{fill:#EEF1F8;}
.d2-525054211 .fill-N7{fill:#FFFFFF;}
.d2-525054211 .fill-B1{fill:#0D32B2;}
.d2-525054211 .fill-B2{fill:#0D32B2;}
.d2-525054211 .fill-B3{fill:#E3E9FD;}
.d2-525054211 .fill-B4{fill:#E3E9FD;}
.d2-525054211 .fill-B5{fill:#EDF0FD;}
.d2-525054211 .fill-B6{fill:#F7F8FE;}
.d2-525054211 .fill-AA2{fill:#4A6FF3;}
.d2-525054211 .fill-AA4{fill:#EDF0FD;}
.d2-525054211 .fill-AA5{fill:#F7F8FE;}
.d2-525054211 .fill-AB4{fill:#EDF0FD;}
.d2-525054211 .fill-AB5{fill:#F7F8FE;}
.d2-525054211 .stroke-N1{stroke:#0A0F25;}
.d2-525054211 .stroke-N2{stroke:#676C7E;}
.d2-525054211 .stroke-N3{stroke:#9499AB;}
.d2-525054211 .stroke-N4{stroke:#CFD2DD;}
.d2-525054211 .stroke-N5{stroke:#DEE1EB;}
.d2-525054211 .stroke-N6{stroke:#EEF1F8;}
.d2-525054211 .stroke-N7{stroke:#FFFFFF;}
.d2-525054211 .stroke-B1{stroke:#0D32B2;}
.d2-525054211 .stroke-B2{stroke:#0D32B2;}
.d2-525054211 .stroke-B3{stroke:#E3E9FD;}
.d2-525054211 .stroke-B4{stroke:#E3E9FD;}
.d2-525054211 .stroke-B5{stroke:#EDF0FD;}
.d2-525054211 .stroke-B6{stroke:#F7F8FE;}
.d2-525054211 .stroke-AA2{stroke:#4A6FF3;}
.d2-525054211 .stroke-AA4{stroke:#EDF0FD;}
.d2-525054211 .stroke-AA5{stroke:#F7F8FE;}
.d2-525054211 .stroke-AB4{stroke:#EDF0FD;}
.d2-525054211 .stroke-AB5{stroke:#F7F8FE;}
.d2-525054211 .background-color-N1{background-color:#0A0F25;}
.d2-525054211 .background-color-N2{background-color:#676C7E;}
.d2-525054211 .background-color-N3{background-color:#9499AB;}
.d2-525054211 .background-color-N4{background-color:#CFD2DD;}
.d2-525054211 .background-color-N5{background-color:#DEE1EB;}
.d2-525054211 .background-color-N6{background-color:#EEF1F8;}
.d2-525054211 .background-color-N7{background-color:#FFFFFF;}
.d2-525054211 .background-color-B1{background-color:#0D32B2;}
.d2-525054211 .background-color-B2{background-color:#0D32B2;}
.d2-525054211 .background-color-B3{background-color:#E3E9FD;}
.d2-525054211 .background-color-B4{background-color:#E3E9FD;}
.d2-525054211 .background-color-B5{background-color:#EDF0FD;}
.d2-525054211 .background-color-B6{background-color:#F7F8FE;}
.d2-525054211 .background-color-AA2{background-color:#4A6FF3;}
.d2-525054211 .background-color-AA4{background-color:#EDF0FD;}
.d2-525054211 .background-color-AA5{background-color:#F7F8FE;}
.d2-525054211 .background-color-AB4{background-color:#EDF0FD;}
.d2-525054211 .background-color-AB5{background-color:#F7F8FE;}
.d2-525054211 .color-N1{color:#0A0F25;}
.d2-525054211 .color-N2{color:#676C7E;}
.d2-525054211 .color-N3{color:#9499AB;}
.d2-525054211 .color-N4{color:#CFD2DD;}
.d2-525054211 .color-N5{color:#DEE1EB;}
.d2-525054211 .color-N6{color:#EEF1F8;}
.d2-525054211 .color-N7{color:#FFFFFF;}
.d2-525054211 .color-B1{color:#0D32B2;}
.d2-525054211 .color-B2{color:#0D32B2;}
.d2-525054211 .color-B3{color:#E3E9FD;}
.d2-525054211 .color-B4{color:#E3E9FD;}
.d2-525054211 .color-B5{color:#EDF0FD;}
.d2-525054211 .color-B6{color:#F7F8FE;}
.d2-525054211 .color-AA2{color:#4A6FF3;}
.d2-525054211 .color-AA4{color:#EDF0FD;}
.d2-525054211 .color-AA5{color:#F7F8FE;}
.d2-525054211 .color-AB4{color:#EDF0FD;}
.d2-525054211 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://example.com" xlink:href="https://example.com"><g id="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="143.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="71.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">I&#39;m a Mac</text></g></a><g transform="translate(127 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -104,7 +104,7 @@
</clipPath>
</defs>
</svg>
</g><mask id="d2-975237027" maskUnits="userSpaceOnUse" x="-101" y="-118" width="362" height="285">
</g><mask id="d2-525054211" maskUnits="userSpaceOnUse" x="-101" y="-118" width="362" height="285">
<rect x="-101" y="-118" width="362" height="285" fill="white"></rect>
<rect x="38.500000" y="22.500000" width="66" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

152
e2etests-cli/testdata/TestCLI_E2E/multiboard/life/index.exp.svg vendored
View file

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-66779799" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-66779799 .text-bold {
font-family: "d2-66779799-font-bold";
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-3748359424" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-3748359424 .text-bold {
font-family: "d2-3748359424-font-bold";
}
@font-face {
font-family: d2-66779799-font-bold;
font-family: d2-3748359424-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -18,78 +18,78 @@
opacity: 0.5;
}
.d2-66779799 .fill-N1{fill:#0A0F25;}
.d2-66779799 .fill-N2{fill:#676C7E;}
.d2-66779799 .fill-N3{fill:#9499AB;}
.d2-66779799 .fill-N4{fill:#CFD2DD;}
.d2-66779799 .fill-N5{fill:#DEE1EB;}
.d2-66779799 .fill-N6{fill:#EEF1F8;}
.d2-66779799 .fill-N7{fill:#FFFFFF;}
.d2-66779799 .fill-B1{fill:#0D32B2;}
.d2-66779799 .fill-B2{fill:#0D32B2;}
.d2-66779799 .fill-B3{fill:#E3E9FD;}
.d2-66779799 .fill-B4{fill:#E3E9FD;}
.d2-66779799 .fill-B5{fill:#EDF0FD;}
.d2-66779799 .fill-B6{fill:#F7F8FE;}
.d2-66779799 .fill-AA2{fill:#4A6FF3;}
.d2-66779799 .fill-AA4{fill:#EDF0FD;}
.d2-66779799 .fill-AA5{fill:#F7F8FE;}
.d2-66779799 .fill-AB4{fill:#EDF0FD;}
.d2-66779799 .fill-AB5{fill:#F7F8FE;}
.d2-66779799 .stroke-N1{stroke:#0A0F25;}
.d2-66779799 .stroke-N2{stroke:#676C7E;}
.d2-66779799 .stroke-N3{stroke:#9499AB;}
.d2-66779799 .stroke-N4{stroke:#CFD2DD;}
.d2-66779799 .stroke-N5{stroke:#DEE1EB;}
.d2-66779799 .stroke-N6{stroke:#EEF1F8;}
.d2-66779799 .stroke-N7{stroke:#FFFFFF;}
.d2-66779799 .stroke-B1{stroke:#0D32B2;}
.d2-66779799 .stroke-B2{stroke:#0D32B2;}
.d2-66779799 .stroke-B3{stroke:#E3E9FD;}
.d2-66779799 .stroke-B4{stroke:#E3E9FD;}
.d2-66779799 .stroke-B5{stroke:#EDF0FD;}
.d2-66779799 .stroke-B6{stroke:#F7F8FE;}
.d2-66779799 .stroke-AA2{stroke:#4A6FF3;}
.d2-66779799 .stroke-AA4{stroke:#EDF0FD;}
.d2-66779799 .stroke-AA5{stroke:#F7F8FE;}
.d2-66779799 .stroke-AB4{stroke:#EDF0FD;}
.d2-66779799 .stroke-AB5{stroke:#F7F8FE;}
.d2-66779799 .background-color-N1{background-color:#0A0F25;}
.d2-66779799 .background-color-N2{background-color:#676C7E;}
.d2-66779799 .background-color-N3{background-color:#9499AB;}
.d2-66779799 .background-color-N4{background-color:#CFD2DD;}
.d2-66779799 .background-color-N5{background-color:#DEE1EB;}
.d2-66779799 .background-color-N6{background-color:#EEF1F8;}
.d2-66779799 .background-color-N7{background-color:#FFFFFF;}
.d2-66779799 .background-color-B1{background-color:#0D32B2;}
.d2-66779799 .background-color-B2{background-color:#0D32B2;}
.d2-66779799 .background-color-B3{background-color:#E3E9FD;}
.d2-66779799 .background-color-B4{background-color:#E3E9FD;}
.d2-66779799 .background-color-B5{background-color:#EDF0FD;}
.d2-66779799 .background-color-B6{background-color:#F7F8FE;}
.d2-66779799 .background-color-AA2{background-color:#4A6FF3;}
.d2-66779799 .background-color-AA4{background-color:#EDF0FD;}
.d2-66779799 .background-color-AA5{background-color:#F7F8FE;}
.d2-66779799 .background-color-AB4{background-color:#EDF0FD;}
.d2-66779799 .background-color-AB5{background-color:#F7F8FE;}
.d2-66779799 .color-N1{color:#0A0F25;}
.d2-66779799 .color-N2{color:#676C7E;}
.d2-66779799 .color-N3{color:#9499AB;}
.d2-66779799 .color-N4{color:#CFD2DD;}
.d2-66779799 .color-N5{color:#DEE1EB;}
.d2-66779799 .color-N6{color:#EEF1F8;}
.d2-66779799 .color-N7{color:#FFFFFF;}
.d2-66779799 .color-B1{color:#0D32B2;}
.d2-66779799 .color-B2{color:#0D32B2;}
.d2-66779799 .color-B3{color:#E3E9FD;}
.d2-66779799 .color-B4{color:#E3E9FD;}
.d2-66779799 .color-B5{color:#EDF0FD;}
.d2-66779799 .color-B6{color:#F7F8FE;}
.d2-66779799 .color-AA2{color:#4A6FF3;}
.d2-66779799 .color-AA4{color:#EDF0FD;}
.d2-66779799 .color-AA5{color:#F7F8FE;}
.d2-66779799 .color-AB4{color:#EDF0FD;}
.d2-66779799 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-66779799)" /></g><mask id="d2-66779799" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
.d2-3748359424 .fill-N1{fill:#0A0F25;}
.d2-3748359424 .fill-N2{fill:#676C7E;}
.d2-3748359424 .fill-N3{fill:#9499AB;}
.d2-3748359424 .fill-N4{fill:#CFD2DD;}
.d2-3748359424 .fill-N5{fill:#DEE1EB;}
.d2-3748359424 .fill-N6{fill:#EEF1F8;}
.d2-3748359424 .fill-N7{fill:#FFFFFF;}
.d2-3748359424 .fill-B1{fill:#0D32B2;}
.d2-3748359424 .fill-B2{fill:#0D32B2;}
.d2-3748359424 .fill-B3{fill:#E3E9FD;}
.d2-3748359424 .fill-B4{fill:#E3E9FD;}
.d2-3748359424 .fill-B5{fill:#EDF0FD;}
.d2-3748359424 .fill-B6{fill:#F7F8FE;}
.d2-3748359424 .fill-AA2{fill:#4A6FF3;}
.d2-3748359424 .fill-AA4{fill:#EDF0FD;}
.d2-3748359424 .fill-AA5{fill:#F7F8FE;}
.d2-3748359424 .fill-AB4{fill:#EDF0FD;}
.d2-3748359424 .fill-AB5{fill:#F7F8FE;}
.d2-3748359424 .stroke-N1{stroke:#0A0F25;}
.d2-3748359424 .stroke-N2{stroke:#676C7E;}
.d2-3748359424 .stroke-N3{stroke:#9499AB;}
.d2-3748359424 .stroke-N4{stroke:#CFD2DD;}
.d2-3748359424 .stroke-N5{stroke:#DEE1EB;}
.d2-3748359424 .stroke-N6{stroke:#EEF1F8;}
.d2-3748359424 .stroke-N7{stroke:#FFFFFF;}
.d2-3748359424 .stroke-B1{stroke:#0D32B2;}
.d2-3748359424 .stroke-B2{stroke:#0D32B2;}
.d2-3748359424 .stroke-B3{stroke:#E3E9FD;}
.d2-3748359424 .stroke-B4{stroke:#E3E9FD;}
.d2-3748359424 .stroke-B5{stroke:#EDF0FD;}
.d2-3748359424 .stroke-B6{stroke:#F7F8FE;}
.d2-3748359424 .stroke-AA2{stroke:#4A6FF3;}
.d2-3748359424 .stroke-AA4{stroke:#EDF0FD;}
.d2-3748359424 .stroke-AA5{stroke:#F7F8FE;}
.d2-3748359424 .stroke-AB4{stroke:#EDF0FD;}
.d2-3748359424 .stroke-AB5{stroke:#F7F8FE;}
.d2-3748359424 .background-color-N1{background-color:#0A0F25;}
.d2-3748359424 .background-color-N2{background-color:#676C7E;}
.d2-3748359424 .background-color-N3{background-color:#9499AB;}
.d2-3748359424 .background-color-N4{background-color:#CFD2DD;}
.d2-3748359424 .background-color-N5{background-color:#DEE1EB;}
.d2-3748359424 .background-color-N6{background-color:#EEF1F8;}
.d2-3748359424 .background-color-N7{background-color:#FFFFFF;}
.d2-3748359424 .background-color-B1{background-color:#0D32B2;}
.d2-3748359424 .background-color-B2{background-color:#0D32B2;}
.d2-3748359424 .background-color-B3{background-color:#E3E9FD;}
.d2-3748359424 .background-color-B4{background-color:#E3E9FD;}
.d2-3748359424 .background-color-B5{background-color:#EDF0FD;}
.d2-3748359424 .background-color-B6{background-color:#F7F8FE;}
.d2-3748359424 .background-color-AA2{background-color:#4A6FF3;}
.d2-3748359424 .background-color-AA4{background-color:#EDF0FD;}
.d2-3748359424 .background-color-AA5{background-color:#F7F8FE;}
.d2-3748359424 .background-color-AB4{background-color:#EDF0FD;}
.d2-3748359424 .background-color-AB5{background-color:#F7F8FE;}
.d2-3748359424 .color-N1{color:#0A0F25;}
.d2-3748359424 .color-N2{color:#676C7E;}
.d2-3748359424 .color-N3{color:#9499AB;}
.d2-3748359424 .color-N4{color:#CFD2DD;}
.d2-3748359424 .color-N5{color:#DEE1EB;}
.d2-3748359424 .color-N6{color:#EEF1F8;}
.d2-3748359424 .color-N7{color:#FFFFFF;}
.d2-3748359424 .color-B1{color:#0D32B2;}
.d2-3748359424 .color-B2{color:#0D32B2;}
.d2-3748359424 .color-B3{color:#E3E9FD;}
.d2-3748359424 .color-B4{color:#E3E9FD;}
.d2-3748359424 .color-B5{color:#EDF0FD;}
.d2-3748359424 .color-B6{color:#F7F8FE;}
.d2-3748359424 .color-AA2{color:#4A6FF3;}
.d2-3748359424 .color-AA4{color:#EDF0FD;}
.d2-3748359424 .color-AA5{color:#F7F8FE;}
.d2-3748359424 .color-AB4{color:#EDF0FD;}
.d2-3748359424 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3748359424)" /></g><mask id="d2-3748359424" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
<rect x="-101" y="-101" width="256" height="434" fill="white"></rect>
<rect x="23.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB

152
e2etests-cli/testdata/TestCLI_E2E/multiboard/life/layers/broker.exp.svg vendored
View file

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 469 268"><svg id="d2-svg" class="d2-1726870641" width="469" height="268" viewBox="-101 -101 469 268"><rect x="-101.000000" y="-101.000000" width="469.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-1726870641 .text-bold {
font-family: "d2-1726870641-font-bold";
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 469 268"><svg id="d2-svg" class="d2-1388351072" width="469" height="268" viewBox="-101 -101 469 268"><rect x="-101.000000" y="-101.000000" width="469.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-1388351072 .text-bold {
font-family: "d2-1388351072-font-bold";
}
@font-face {
font-family: d2-1726870641-font-bold;
font-family: d2-1388351072-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -18,78 +18,78 @@
opacity: 0.5;
}
.d2-1726870641 .fill-N1{fill:#0A0F25;}
.d2-1726870641 .fill-N2{fill:#676C7E;}
.d2-1726870641 .fill-N3{fill:#9499AB;}
.d2-1726870641 .fill-N4{fill:#CFD2DD;}
.d2-1726870641 .fill-N5{fill:#DEE1EB;}
.d2-1726870641 .fill-N6{fill:#EEF1F8;}
.d2-1726870641 .fill-N7{fill:#FFFFFF;}
.d2-1726870641 .fill-B1{fill:#0D32B2;}
.d2-1726870641 .fill-B2{fill:#0D32B2;}
.d2-1726870641 .fill-B3{fill:#E3E9FD;}
.d2-1726870641 .fill-B4{fill:#E3E9FD;}
.d2-1726870641 .fill-B5{fill:#EDF0FD;}
.d2-1726870641 .fill-B6{fill:#F7F8FE;}
.d2-1726870641 .fill-AA2{fill:#4A6FF3;}
.d2-1726870641 .fill-AA4{fill:#EDF0FD;}
.d2-1726870641 .fill-AA5{fill:#F7F8FE;}
.d2-1726870641 .fill-AB4{fill:#EDF0FD;}
.d2-1726870641 .fill-AB5{fill:#F7F8FE;}
.d2-1726870641 .stroke-N1{stroke:#0A0F25;}
.d2-1726870641 .stroke-N2{stroke:#676C7E;}
.d2-1726870641 .stroke-N3{stroke:#9499AB;}
.d2-1726870641 .stroke-N4{stroke:#CFD2DD;}
.d2-1726870641 .stroke-N5{stroke:#DEE1EB;}
.d2-1726870641 .stroke-N6{stroke:#EEF1F8;}
.d2-1726870641 .stroke-N7{stroke:#FFFFFF;}
.d2-1726870641 .stroke-B1{stroke:#0D32B2;}
.d2-1726870641 .stroke-B2{stroke:#0D32B2;}
.d2-1726870641 .stroke-B3{stroke:#E3E9FD;}
.d2-1726870641 .stroke-B4{stroke:#E3E9FD;}
.d2-1726870641 .stroke-B5{stroke:#EDF0FD;}
.d2-1726870641 .stroke-B6{stroke:#F7F8FE;}
.d2-1726870641 .stroke-AA2{stroke:#4A6FF3;}
.d2-1726870641 .stroke-AA4{stroke:#EDF0FD;}
.d2-1726870641 .stroke-AA5{stroke:#F7F8FE;}
.d2-1726870641 .stroke-AB4{stroke:#EDF0FD;}
.d2-1726870641 .stroke-AB5{stroke:#F7F8FE;}
.d2-1726870641 .background-color-N1{background-color:#0A0F25;}
.d2-1726870641 .background-color-N2{background-color:#676C7E;}
.d2-1726870641 .background-color-N3{background-color:#9499AB;}
.d2-1726870641 .background-color-N4{background-color:#CFD2DD;}
.d2-1726870641 .background-color-N5{background-color:#DEE1EB;}
.d2-1726870641 .background-color-N6{background-color:#EEF1F8;}
.d2-1726870641 .background-color-N7{background-color:#FFFFFF;}
.d2-1726870641 .background-color-B1{background-color:#0D32B2;}
.d2-1726870641 .background-color-B2{background-color:#0D32B2;}
.d2-1726870641 .background-color-B3{background-color:#E3E9FD;}
.d2-1726870641 .background-color-B4{background-color:#E3E9FD;}
.d2-1726870641 .background-color-B5{background-color:#EDF0FD;}
.d2-1726870641 .background-color-B6{background-color:#F7F8FE;}
.d2-1726870641 .background-color-AA2{background-color:#4A6FF3;}
.d2-1726870641 .background-color-AA4{background-color:#EDF0FD;}
.d2-1726870641 .background-color-AA5{background-color:#F7F8FE;}
.d2-1726870641 .background-color-AB4{background-color:#EDF0FD;}
.d2-1726870641 .background-color-AB5{background-color:#F7F8FE;}
.d2-1726870641 .color-N1{color:#0A0F25;}
.d2-1726870641 .color-N2{color:#676C7E;}
.d2-1726870641 .color-N3{color:#9499AB;}
.d2-1726870641 .color-N4{color:#CFD2DD;}
.d2-1726870641 .color-N5{color:#DEE1EB;}
.d2-1726870641 .color-N6{color:#EEF1F8;}
.d2-1726870641 .color-N7{color:#FFFFFF;}
.d2-1726870641 .color-B1{color:#0D32B2;}
.d2-1726870641 .color-B2{color:#0D32B2;}
.d2-1726870641 .color-B3{color:#E3E9FD;}
.d2-1726870641 .color-B4{color:#E3E9FD;}
.d2-1726870641 .color-B5{color:#EDF0FD;}
.d2-1726870641 .color-B6{color:#F7F8FE;}
.d2-1726870641 .color-AA2{color:#4A6FF3;}
.d2-1726870641 .color-AA4{color:#EDF0FD;}
.d2-1726870641 .color-AA5{color:#F7F8FE;}
.d2-1726870641 .color-AB4{color:#EDF0FD;}
.d2-1726870641 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="mortgage"><g class="shape" ><rect x="0.000000" y="0.000000" width="113.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="56.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">mortgage</text></g><g id="realtor"><g class="shape" ><rect x="173.000000" y="0.000000" width="94.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="220.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">realtor</text></g><mask id="d2-1726870641" maskUnits="userSpaceOnUse" x="-101" y="-101" width="469" height="268">
.d2-1388351072 .fill-N1{fill:#0A0F25;}
.d2-1388351072 .fill-N2{fill:#676C7E;}
.d2-1388351072 .fill-N3{fill:#9499AB;}
.d2-1388351072 .fill-N4{fill:#CFD2DD;}
.d2-1388351072 .fill-N5{fill:#DEE1EB;}
.d2-1388351072 .fill-N6{fill:#EEF1F8;}
.d2-1388351072 .fill-N7{fill:#FFFFFF;}
.d2-1388351072 .fill-B1{fill:#0D32B2;}
.d2-1388351072 .fill-B2{fill:#0D32B2;}
.d2-1388351072 .fill-B3{fill:#E3E9FD;}
.d2-1388351072 .fill-B4{fill:#E3E9FD;}
.d2-1388351072 .fill-B5{fill:#EDF0FD;}
.d2-1388351072 .fill-B6{fill:#F7F8FE;}
.d2-1388351072 .fill-AA2{fill:#4A6FF3;}
.d2-1388351072 .fill-AA4{fill:#EDF0FD;}
.d2-1388351072 .fill-AA5{fill:#F7F8FE;}
.d2-1388351072 .fill-AB4{fill:#EDF0FD;}
.d2-1388351072 .fill-AB5{fill:#F7F8FE;}
.d2-1388351072 .stroke-N1{stroke:#0A0F25;}
.d2-1388351072 .stroke-N2{stroke:#676C7E;}
.d2-1388351072 .stroke-N3{stroke:#9499AB;}
.d2-1388351072 .stroke-N4{stroke:#CFD2DD;}
.d2-1388351072 .stroke-N5{stroke:#DEE1EB;}
.d2-1388351072 .stroke-N6{stroke:#EEF1F8;}
.d2-1388351072 .stroke-N7{stroke:#FFFFFF;}
.d2-1388351072 .stroke-B1{stroke:#0D32B2;}
.d2-1388351072 .stroke-B2{stroke:#0D32B2;}
.d2-1388351072 .stroke-B3{stroke:#E3E9FD;}
.d2-1388351072 .stroke-B4{stroke:#E3E9FD;}
.d2-1388351072 .stroke-B5{stroke:#EDF0FD;}
.d2-1388351072 .stroke-B6{stroke:#F7F8FE;}
.d2-1388351072 .stroke-AA2{stroke:#4A6FF3;}
.d2-1388351072 .stroke-AA4{stroke:#EDF0FD;}
.d2-1388351072 .stroke-AA5{stroke:#F7F8FE;}
.d2-1388351072 .stroke-AB4{stroke:#EDF0FD;}
.d2-1388351072 .stroke-AB5{stroke:#F7F8FE;}
.d2-1388351072 .background-color-N1{background-color:#0A0F25;}
.d2-1388351072 .background-color-N2{background-color:#676C7E;}
.d2-1388351072 .background-color-N3{background-color:#9499AB;}
.d2-1388351072 .background-color-N4{background-color:#CFD2DD;}
.d2-1388351072 .background-color-N5{background-color:#DEE1EB;}
.d2-1388351072 .background-color-N6{background-color:#EEF1F8;}
.d2-1388351072 .background-color-N7{background-color:#FFFFFF;}
.d2-1388351072 .background-color-B1{background-color:#0D32B2;}
.d2-1388351072 .background-color-B2{background-color:#0D32B2;}
.d2-1388351072 .background-color-B3{background-color:#E3E9FD;}
.d2-1388351072 .background-color-B4{background-color:#E3E9FD;}
.d2-1388351072 .background-color-B5{background-color:#EDF0FD;}
.d2-1388351072 .background-color-B6{background-color:#F7F8FE;}
.d2-1388351072 .background-color-AA2{background-color:#4A6FF3;}
.d2-1388351072 .background-color-AA4{background-color:#EDF0FD;}
.d2-1388351072 .background-color-AA5{background-color:#F7F8FE;}
.d2-1388351072 .background-color-AB4{background-color:#EDF0FD;}
.d2-1388351072 .background-color-AB5{background-color:#F7F8FE;}
.d2-1388351072 .color-N1{color:#0A0F25;}
.d2-1388351072 .color-N2{color:#676C7E;}
.d2-1388351072 .color-N3{color:#9499AB;}
.d2-1388351072 .color-N4{color:#CFD2DD;}
.d2-1388351072 .color-N5{color:#DEE1EB;}
.d2-1388351072 .color-N6{color:#EEF1F8;}
.d2-1388351072 .color-N7{color:#FFFFFF;}
.d2-1388351072 .color-B1{color:#0D32B2;}
.d2-1388351072 .color-B2{color:#0D32B2;}
.d2-1388351072 .color-B3{color:#E3E9FD;}
.d2-1388351072 .color-B4{color:#E3E9FD;}
.d2-1388351072 .color-B5{color:#EDF0FD;}
.d2-1388351072 .color-B6{color:#F7F8FE;}
.d2-1388351072 .color-AA2{color:#4A6FF3;}
.d2-1388351072 .color-AA4{color:#EDF0FD;}
.d2-1388351072 .color-AA5{color:#F7F8FE;}
.d2-1388351072 .color-AB4{color:#EDF0FD;}
.d2-1388351072 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="mortgage"><g class="shape" ><rect x="0.000000" y="0.000000" width="113.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="56.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">mortgage</text></g><g id="realtor"><g class="shape" ><rect x="173.000000" y="0.000000" width="94.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="220.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">realtor</text></g><mask id="d2-1388351072" maskUnits="userSpaceOnUse" x="-101" y="-101" width="469" height="268">
<rect x="-101" y="-101" width="469" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="68" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="195.500000" y="22.500000" width="49" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 9.7 KiB

152
e2etests-cli/testdata/TestCLI_E2E/multiboard/life/layers/core.exp.svg vendored
View file

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 558 268"><svg id="d2-svg" class="d2-2725802959" width="558" height="268" viewBox="-101 -101 558 268"><rect x="-101.000000" y="-101.000000" width="558.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-2725802959 .text-bold {
font-family: "d2-2725802959-font-bold";
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 558 268"><svg id="d2-svg" class="d2-669623016" width="558" height="268" viewBox="-101 -101 558 268"><rect x="-101.000000" y="-101.000000" width="558.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-669623016 .text-bold {
font-family: "d2-669623016-font-bold";
}
@font-face {
font-family: d2-2725802959-font-bold;
font-family: d2-669623016-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -18,78 +18,78 @@
opacity: 0.5;
}
.d2-2725802959 .fill-N1{fill:#0A0F25;}
.d2-2725802959 .fill-N2{fill:#676C7E;}
.d2-2725802959 .fill-N3{fill:#9499AB;}
.d2-2725802959 .fill-N4{fill:#CFD2DD;}
.d2-2725802959 .fill-N5{fill:#DEE1EB;}
.d2-2725802959 .fill-N6{fill:#EEF1F8;}
.d2-2725802959 .fill-N7{fill:#FFFFFF;}
.d2-2725802959 .fill-B1{fill:#0D32B2;}
.d2-2725802959 .fill-B2{fill:#0D32B2;}
.d2-2725802959 .fill-B3{fill:#E3E9FD;}
.d2-2725802959 .fill-B4{fill:#E3E9FD;}
.d2-2725802959 .fill-B5{fill:#EDF0FD;}
.d2-2725802959 .fill-B6{fill:#F7F8FE;}
.d2-2725802959 .fill-AA2{fill:#4A6FF3;}
.d2-2725802959 .fill-AA4{fill:#EDF0FD;}
.d2-2725802959 .fill-AA5{fill:#F7F8FE;}
.d2-2725802959 .fill-AB4{fill:#EDF0FD;}
.d2-2725802959 .fill-AB5{fill:#F7F8FE;}
.d2-2725802959 .stroke-N1{stroke:#0A0F25;}
.d2-2725802959 .stroke-N2{stroke:#676C7E;}
.d2-2725802959 .stroke-N3{stroke:#9499AB;}
.d2-2725802959 .stroke-N4{stroke:#CFD2DD;}
.d2-2725802959 .stroke-N5{stroke:#DEE1EB;}
.d2-2725802959 .stroke-N6{stroke:#EEF1F8;}
.d2-2725802959 .stroke-N7{stroke:#FFFFFF;}
.d2-2725802959 .stroke-B1{stroke:#0D32B2;}
.d2-2725802959 .stroke-B2{stroke:#0D32B2;}
.d2-2725802959 .stroke-B3{stroke:#E3E9FD;}
.d2-2725802959 .stroke-B4{stroke:#E3E9FD;}
.d2-2725802959 .stroke-B5{stroke:#EDF0FD;}
.d2-2725802959 .stroke-B6{stroke:#F7F8FE;}
.d2-2725802959 .stroke-AA2{stroke:#4A6FF3;}
.d2-2725802959 .stroke-AA4{stroke:#EDF0FD;}
.d2-2725802959 .stroke-AA5{stroke:#F7F8FE;}
.d2-2725802959 .stroke-AB4{stroke:#EDF0FD;}
.d2-2725802959 .stroke-AB5{stroke:#F7F8FE;}
.d2-2725802959 .background-color-N1{background-color:#0A0F25;}
.d2-2725802959 .background-color-N2{background-color:#676C7E;}
.d2-2725802959 .background-color-N3{background-color:#9499AB;}
.d2-2725802959 .background-color-N4{background-color:#CFD2DD;}
.d2-2725802959 .background-color-N5{background-color:#DEE1EB;}
.d2-2725802959 .background-color-N6{background-color:#EEF1F8;}
.d2-2725802959 .background-color-N7{background-color:#FFFFFF;}
.d2-2725802959 .background-color-B1{background-color:#0D32B2;}
.d2-2725802959 .background-color-B2{background-color:#0D32B2;}
.d2-2725802959 .background-color-B3{background-color:#E3E9FD;}
.d2-2725802959 .background-color-B4{background-color:#E3E9FD;}
.d2-2725802959 .background-color-B5{background-color:#EDF0FD;}
.d2-2725802959 .background-color-B6{background-color:#F7F8FE;}
.d2-2725802959 .background-color-AA2{background-color:#4A6FF3;}
.d2-2725802959 .background-color-AA4{background-color:#EDF0FD;}
.d2-2725802959 .background-color-AA5{background-color:#F7F8FE;}
.d2-2725802959 .background-color-AB4{background-color:#EDF0FD;}
.d2-2725802959 .background-color-AB5{background-color:#F7F8FE;}
.d2-2725802959 .color-N1{color:#0A0F25;}
.d2-2725802959 .color-N2{color:#676C7E;}
.d2-2725802959 .color-N3{color:#9499AB;}
.d2-2725802959 .color-N4{color:#CFD2DD;}
.d2-2725802959 .color-N5{color:#DEE1EB;}
.d2-2725802959 .color-N6{color:#EEF1F8;}
.d2-2725802959 .color-N7{color:#FFFFFF;}
.d2-2725802959 .color-B1{color:#0D32B2;}
.d2-2725802959 .color-B2{color:#0D32B2;}
.d2-2725802959 .color-B3{color:#E3E9FD;}
.d2-2725802959 .color-B4{color:#E3E9FD;}
.d2-2725802959 .color-B5{color:#EDF0FD;}
.d2-2725802959 .color-B6{color:#F7F8FE;}
.d2-2725802959 .color-AA2{color:#4A6FF3;}
.d2-2725802959 .color-AA4{color:#EDF0FD;}
.d2-2725802959 .color-AA5{color:#F7F8FE;}
.d2-2725802959 .color-AB4{color:#EDF0FD;}
.d2-2725802959 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="belief"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">belief</text></g><g id="food"><g class="shape" ><rect x="145.000000" y="0.000000" width="78.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="184.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">food</text></g><g id="diet"><g class="shape" ><rect x="283.000000" y="0.000000" width="73.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="319.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diet</text></g><mask id="d2-2725802959" maskUnits="userSpaceOnUse" x="-101" y="-101" width="558" height="268">
.d2-669623016 .fill-N1{fill:#0A0F25;}
.d2-669623016 .fill-N2{fill:#676C7E;}
.d2-669623016 .fill-N3{fill:#9499AB;}
.d2-669623016 .fill-N4{fill:#CFD2DD;}
.d2-669623016 .fill-N5{fill:#DEE1EB;}
.d2-669623016 .fill-N6{fill:#EEF1F8;}
.d2-669623016 .fill-N7{fill:#FFFFFF;}
.d2-669623016 .fill-B1{fill:#0D32B2;}
.d2-669623016 .fill-B2{fill:#0D32B2;}
.d2-669623016 .fill-B3{fill:#E3E9FD;}
.d2-669623016 .fill-B4{fill:#E3E9FD;}
.d2-669623016 .fill-B5{fill:#EDF0FD;}
.d2-669623016 .fill-B6{fill:#F7F8FE;}
.d2-669623016 .fill-AA2{fill:#4A6FF3;}
.d2-669623016 .fill-AA4{fill:#EDF0FD;}
.d2-669623016 .fill-AA5{fill:#F7F8FE;}
.d2-669623016 .fill-AB4{fill:#EDF0FD;}
.d2-669623016 .fill-AB5{fill:#F7F8FE;}
.d2-669623016 .stroke-N1{stroke:#0A0F25;}
.d2-669623016 .stroke-N2{stroke:#676C7E;}
.d2-669623016 .stroke-N3{stroke:#9499AB;}
.d2-669623016 .stroke-N4{stroke:#CFD2DD;}
.d2-669623016 .stroke-N5{stroke:#DEE1EB;}
.d2-669623016 .stroke-N6{stroke:#EEF1F8;}
.d2-669623016 .stroke-N7{stroke:#FFFFFF;}
.d2-669623016 .stroke-B1{stroke:#0D32B2;}
.d2-669623016 .stroke-B2{stroke:#0D32B2;}
.d2-669623016 .stroke-B3{stroke:#E3E9FD;}
.d2-669623016 .stroke-B4{stroke:#E3E9FD;}
.d2-669623016 .stroke-B5{stroke:#EDF0FD;}
.d2-669623016 .stroke-B6{stroke:#F7F8FE;}
.d2-669623016 .stroke-AA2{stroke:#4A6FF3;}
.d2-669623016 .stroke-AA4{stroke:#EDF0FD;}
.d2-669623016 .stroke-AA5{stroke:#F7F8FE;}
.d2-669623016 .stroke-AB4{stroke:#EDF0FD;}
.d2-669623016 .stroke-AB5{stroke:#F7F8FE;}
.d2-669623016 .background-color-N1{background-color:#0A0F25;}
.d2-669623016 .background-color-N2{background-color:#676C7E;}
.d2-669623016 .background-color-N3{background-color:#9499AB;}
.d2-669623016 .background-color-N4{background-color:#CFD2DD;}
.d2-669623016 .background-color-N5{background-color:#DEE1EB;}
.d2-669623016 .background-color-N6{background-color:#EEF1F8;}
.d2-669623016 .background-color-N7{background-color:#FFFFFF;}
.d2-669623016 .background-color-B1{background-color:#0D32B2;}
.d2-669623016 .background-color-B2{background-color:#0D32B2;}
.d2-669623016 .background-color-B3{background-color:#E3E9FD;}
.d2-669623016 .background-color-B4{background-color:#E3E9FD;}
.d2-669623016 .background-color-B5{background-color:#EDF0FD;}
.d2-669623016 .background-color-B6{background-color:#F7F8FE;}
.d2-669623016 .background-color-AA2{background-color:#4A6FF3;}
.d2-669623016 .background-color-AA4{background-color:#EDF0FD;}
.d2-669623016 .background-color-AA5{background-color:#F7F8FE;}
.d2-669623016 .background-color-AB4{background-color:#EDF0FD;}
.d2-669623016 .background-color-AB5{background-color:#F7F8FE;}
.d2-669623016 .color-N1{color:#0A0F25;}
.d2-669623016 .color-N2{color:#676C7E;}
.d2-669623016 .color-N3{color:#9499AB;}
.d2-669623016 .color-N4{color:#CFD2DD;}
.d2-669623016 .color-N5{color:#DEE1EB;}
.d2-669623016 .color-N6{color:#EEF1F8;}
.d2-669623016 .color-N7{color:#FFFFFF;}
.d2-669623016 .color-B1{color:#0D32B2;}
.d2-669623016 .color-B2{color:#0D32B2;}
.d2-669623016 .color-B3{color:#E3E9FD;}
.d2-669623016 .color-B4{color:#E3E9FD;}
.d2-669623016 .color-B5{color:#EDF0FD;}
.d2-669623016 .color-B6{color:#F7F8FE;}
.d2-669623016 .color-AA2{color:#4A6FF3;}
.d2-669623016 .color-AA4{color:#EDF0FD;}
.d2-669623016 .color-AA5{color:#F7F8FE;}
.d2-669623016 .color-AB4{color:#EDF0FD;}
.d2-669623016 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="belief"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">belief</text></g><g id="food"><g class="shape" ><rect x="145.000000" y="0.000000" width="78.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="184.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">food</text></g><g id="diet"><g class="shape" ><rect x="283.000000" y="0.000000" width="73.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="319.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diet</text></g><mask id="d2-669623016" maskUnits="userSpaceOnUse" x="-101" y="-101" width="558" height="268">
<rect x="-101" y="-101" width="558" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="40" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="167.500000" y="22.500000" width="33" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

152
e2etests-cli/testdata/TestCLI_E2E/multiboard/life/layers/stocks.exp.svg vendored
View file

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 578 268"><svg id="d2-svg" class="d2-3935287890" width="578" height="268" viewBox="-101 -101 578 268"><rect x="-101.000000" y="-101.000000" width="578.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-3935287890 .text-bold {
font-family: "d2-3935287890-font-bold";
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 578 268"><svg id="d2-svg" class="d2-3092847457" width="578" height="268" viewBox="-101 -101 578 268"><rect x="-101.000000" y="-101.000000" width="578.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-3092847457 .text-bold {
font-family: "d2-3092847457-font-bold";
}
@font-face {
font-family: d2-3935287890-font-bold;
font-family: d2-3092847457-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -18,78 +18,78 @@
opacity: 0.5;
}
.d2-3935287890 .fill-N1{fill:#0A0F25;}
.d2-3935287890 .fill-N2{fill:#676C7E;}
.d2-3935287890 .fill-N3{fill:#9499AB;}
.d2-3935287890 .fill-N4{fill:#CFD2DD;}
.d2-3935287890 .fill-N5{fill:#DEE1EB;}
.d2-3935287890 .fill-N6{fill:#EEF1F8;}
.d2-3935287890 .fill-N7{fill:#FFFFFF;}
.d2-3935287890 .fill-B1{fill:#0D32B2;}
.d2-3935287890 .fill-B2{fill:#0D32B2;}
.d2-3935287890 .fill-B3{fill:#E3E9FD;}
.d2-3935287890 .fill-B4{fill:#E3E9FD;}
.d2-3935287890 .fill-B5{fill:#EDF0FD;}
.d2-3935287890 .fill-B6{fill:#F7F8FE;}
.d2-3935287890 .fill-AA2{fill:#4A6FF3;}
.d2-3935287890 .fill-AA4{fill:#EDF0FD;}
.d2-3935287890 .fill-AA5{fill:#F7F8FE;}
.d2-3935287890 .fill-AB4{fill:#EDF0FD;}
.d2-3935287890 .fill-AB5{fill:#F7F8FE;}
.d2-3935287890 .stroke-N1{stroke:#0A0F25;}
.d2-3935287890 .stroke-N2{stroke:#676C7E;}
.d2-3935287890 .stroke-N3{stroke:#9499AB;}
.d2-3935287890 .stroke-N4{stroke:#CFD2DD;}
.d2-3935287890 .stroke-N5{stroke:#DEE1EB;}
.d2-3935287890 .stroke-N6{stroke:#EEF1F8;}
.d2-3935287890 .stroke-N7{stroke:#FFFFFF;}
.d2-3935287890 .stroke-B1{stroke:#0D32B2;}
.d2-3935287890 .stroke-B2{stroke:#0D32B2;}
.d2-3935287890 .stroke-B3{stroke:#E3E9FD;}
.d2-3935287890 .stroke-B4{stroke:#E3E9FD;}
.d2-3935287890 .stroke-B5{stroke:#EDF0FD;}
.d2-3935287890 .stroke-B6{stroke:#F7F8FE;}
.d2-3935287890 .stroke-AA2{stroke:#4A6FF3;}
.d2-3935287890 .stroke-AA4{stroke:#EDF0FD;}
.d2-3935287890 .stroke-AA5{stroke:#F7F8FE;}
.d2-3935287890 .stroke-AB4{stroke:#EDF0FD;}
.d2-3935287890 .stroke-AB5{stroke:#F7F8FE;}
.d2-3935287890 .background-color-N1{background-color:#0A0F25;}
.d2-3935287890 .background-color-N2{background-color:#676C7E;}
.d2-3935287890 .background-color-N3{background-color:#9499AB;}
.d2-3935287890 .background-color-N4{background-color:#CFD2DD;}
.d2-3935287890 .background-color-N5{background-color:#DEE1EB;}
.d2-3935287890 .background-color-N6{background-color:#EEF1F8;}
.d2-3935287890 .background-color-N7{background-color:#FFFFFF;}
.d2-3935287890 .background-color-B1{background-color:#0D32B2;}
.d2-3935287890 .background-color-B2{background-color:#0D32B2;}
.d2-3935287890 .background-color-B3{background-color:#E3E9FD;}
.d2-3935287890 .background-color-B4{background-color:#E3E9FD;}
.d2-3935287890 .background-color-B5{background-color:#EDF0FD;}
.d2-3935287890 .background-color-B6{background-color:#F7F8FE;}
.d2-3935287890 .background-color-AA2{background-color:#4A6FF3;}
.d2-3935287890 .background-color-AA4{background-color:#EDF0FD;}
.d2-3935287890 .background-color-AA5{background-color:#F7F8FE;}
.d2-3935287890 .background-color-AB4{background-color:#EDF0FD;}
.d2-3935287890 .background-color-AB5{background-color:#F7F8FE;}
.d2-3935287890 .color-N1{color:#0A0F25;}
.d2-3935287890 .color-N2{color:#676C7E;}
.d2-3935287890 .color-N3{color:#9499AB;}
.d2-3935287890 .color-N4{color:#CFD2DD;}
.d2-3935287890 .color-N5{color:#DEE1EB;}
.d2-3935287890 .color-N6{color:#EEF1F8;}
.d2-3935287890 .color-N7{color:#FFFFFF;}
.d2-3935287890 .color-B1{color:#0D32B2;}
.d2-3935287890 .color-B2{color:#0D32B2;}
.d2-3935287890 .color-B3{color:#E3E9FD;}
.d2-3935287890 .color-B4{color:#E3E9FD;}
.d2-3935287890 .color-B5{color:#EDF0FD;}
.d2-3935287890 .color-B6{color:#F7F8FE;}
.d2-3935287890 .color-AA2{color:#4A6FF3;}
.d2-3935287890 .color-AA4{color:#EDF0FD;}
.d2-3935287890 .color-AA5{color:#F7F8FE;}
.d2-3935287890 .color-AB4{color:#EDF0FD;}
.d2-3935287890 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="TSX"><g class="shape" ><rect x="0.000000" y="0.000000" width="72.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="36.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">TSX</text></g><g id="NYSE"><g class="shape" ><rect x="132.000000" y="0.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="172.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">NYSE</text></g><g id="NASDAQ"><g class="shape" ><rect x="272.000000" y="0.000000" width="104.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="324.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">NASDAQ</text></g><mask id="d2-3935287890" maskUnits="userSpaceOnUse" x="-101" y="-101" width="578" height="268">
.d2-3092847457 .fill-N1{fill:#0A0F25;}
.d2-3092847457 .fill-N2{fill:#676C7E;}
.d2-3092847457 .fill-N3{fill:#9499AB;}
.d2-3092847457 .fill-N4{fill:#CFD2DD;}
.d2-3092847457 .fill-N5{fill:#DEE1EB;}
.d2-3092847457 .fill-N6{fill:#EEF1F8;}
.d2-3092847457 .fill-N7{fill:#FFFFFF;}
.d2-3092847457 .fill-B1{fill:#0D32B2;}
.d2-3092847457 .fill-B2{fill:#0D32B2;}
.d2-3092847457 .fill-B3{fill:#E3E9FD;}
.d2-3092847457 .fill-B4{fill:#E3E9FD;}
.d2-3092847457 .fill-B5{fill:#EDF0FD;}
.d2-3092847457 .fill-B6{fill:#F7F8FE;}
.d2-3092847457 .fill-AA2{fill:#4A6FF3;}
.d2-3092847457 .fill-AA4{fill:#EDF0FD;}
.d2-3092847457 .fill-AA5{fill:#F7F8FE;}
.d2-3092847457 .fill-AB4{fill:#EDF0FD;}
.d2-3092847457 .fill-AB5{fill:#F7F8FE;}
.d2-3092847457 .stroke-N1{stroke:#0A0F25;}
.d2-3092847457 .stroke-N2{stroke:#676C7E;}
.d2-3092847457 .stroke-N3{stroke:#9499AB;}
.d2-3092847457 .stroke-N4{stroke:#CFD2DD;}
.d2-3092847457 .stroke-N5{stroke:#DEE1EB;}
.d2-3092847457 .stroke-N6{stroke:#EEF1F8;}
.d2-3092847457 .stroke-N7{stroke:#FFFFFF;}
.d2-3092847457 .stroke-B1{stroke:#0D32B2;}
.d2-3092847457 .stroke-B2{stroke:#0D32B2;}
.d2-3092847457 .stroke-B3{stroke:#E3E9FD;}
.d2-3092847457 .stroke-B4{stroke:#E3E9FD;}
.d2-3092847457 .stroke-B5{stroke:#EDF0FD;}
.d2-3092847457 .stroke-B6{stroke:#F7F8FE;}
.d2-3092847457 .stroke-AA2{stroke:#4A6FF3;}
.d2-3092847457 .stroke-AA4{stroke:#EDF0FD;}
.d2-3092847457 .stroke-AA5{stroke:#F7F8FE;}
.d2-3092847457 .stroke-AB4{stroke:#EDF0FD;}
.d2-3092847457 .stroke-AB5{stroke:#F7F8FE;}
.d2-3092847457 .background-color-N1{background-color:#0A0F25;}
.d2-3092847457 .background-color-N2{background-color:#676C7E;}
.d2-3092847457 .background-color-N3{background-color:#9499AB;}
.d2-3092847457 .background-color-N4{background-color:#CFD2DD;}
.d2-3092847457 .background-color-N5{background-color:#DEE1EB;}
.d2-3092847457 .background-color-N6{background-color:#EEF1F8;}
.d2-3092847457 .background-color-N7{background-color:#FFFFFF;}
.d2-3092847457 .background-color-B1{background-color:#0D32B2;}
.d2-3092847457 .background-color-B2{background-color:#0D32B2;}
.d2-3092847457 .background-color-B3{background-color:#E3E9FD;}
.d2-3092847457 .background-color-B4{background-color:#E3E9FD;}
.d2-3092847457 .background-color-B5{background-color:#EDF0FD;}
.d2-3092847457 .background-color-B6{background-color:#F7F8FE;}
.d2-3092847457 .background-color-AA2{background-color:#4A6FF3;}
.d2-3092847457 .background-color-AA4{background-color:#EDF0FD;}
.d2-3092847457 .background-color-AA5{background-color:#F7F8FE;}
.d2-3092847457 .background-color-AB4{background-color:#EDF0FD;}
.d2-3092847457 .background-color-AB5{background-color:#F7F8FE;}
.d2-3092847457 .color-N1{color:#0A0F25;}
.d2-3092847457 .color-N2{color:#676C7E;}
.d2-3092847457 .color-N3{color:#9499AB;}
.d2-3092847457 .color-N4{color:#CFD2DD;}
.d2-3092847457 .color-N5{color:#DEE1EB;}
.d2-3092847457 .color-N6{color:#EEF1F8;}
.d2-3092847457 .color-N7{color:#FFFFFF;}
.d2-3092847457 .color-B1{color:#0D32B2;}
.d2-3092847457 .color-B2{color:#0D32B2;}
.d2-3092847457 .color-B3{color:#E3E9FD;}
.d2-3092847457 .color-B4{color:#E3E9FD;}
.d2-3092847457 .color-B5{color:#EDF0FD;}
.d2-3092847457 .color-B6{color:#F7F8FE;}
.d2-3092847457 .color-AA2{color:#4A6FF3;}
.d2-3092847457 .color-AA4{color:#EDF0FD;}
.d2-3092847457 .color-AA5{color:#F7F8FE;}
.d2-3092847457 .color-AB4{color:#EDF0FD;}
.d2-3092847457 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="TSX"><g class="shape" ><rect x="0.000000" y="0.000000" width="72.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="36.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">TSX</text></g><g id="NYSE"><g class="shape" ><rect x="132.000000" y="0.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="172.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">NYSE</text></g><g id="NASDAQ"><g class="shape" ><rect x="272.000000" y="0.000000" width="104.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="324.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">NASDAQ</text></g><mask id="d2-3092847457" maskUnits="userSpaceOnUse" x="-101" y="-101" width="578" height="268">
<rect x="-101" y="-101" width="578" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="27" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="154.500000" y="22.500000" width="35" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

152
e2etests-cli/testdata/TestCLI_E2E/multiboard/life/scenarios/why.exp.svg vendored
View file

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-1325376569" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-1325376569 .text-bold {
font-family: "d2-1325376569-font-bold";
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-2626224973" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-2626224973 .text-bold {
font-family: "d2-2626224973-font-bold";
}
@font-face {
font-family: d2-1325376569-font-bold;
font-family: d2-2626224973-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -18,78 +18,78 @@
opacity: 0.5;
}
.d2-1325376569 .fill-N1{fill:#0A0F25;}
.d2-1325376569 .fill-N2{fill:#676C7E;}
.d2-1325376569 .fill-N3{fill:#9499AB;}
.d2-1325376569 .fill-N4{fill:#CFD2DD;}
.d2-1325376569 .fill-N5{fill:#DEE1EB;}
.d2-1325376569 .fill-N6{fill:#EEF1F8;}
.d2-1325376569 .fill-N7{fill:#FFFFFF;}
.d2-1325376569 .fill-B1{fill:#0D32B2;}
.d2-1325376569 .fill-B2{fill:#0D32B2;}
.d2-1325376569 .fill-B3{fill:#E3E9FD;}
.d2-1325376569 .fill-B4{fill:#E3E9FD;}
.d2-1325376569 .fill-B5{fill:#EDF0FD;}
.d2-1325376569 .fill-B6{fill:#F7F8FE;}
.d2-1325376569 .fill-AA2{fill:#4A6FF3;}
.d2-1325376569 .fill-AA4{fill:#EDF0FD;}
.d2-1325376569 .fill-AA5{fill:#F7F8FE;}
.d2-1325376569 .fill-AB4{fill:#EDF0FD;}
.d2-1325376569 .fill-AB5{fill:#F7F8FE;}
.d2-1325376569 .stroke-N1{stroke:#0A0F25;}
.d2-1325376569 .stroke-N2{stroke:#676C7E;}
.d2-1325376569 .stroke-N3{stroke:#9499AB;}
.d2-1325376569 .stroke-N4{stroke:#CFD2DD;}
.d2-1325376569 .stroke-N5{stroke:#DEE1EB;}
.d2-1325376569 .stroke-N6{stroke:#EEF1F8;}
.d2-1325376569 .stroke-N7{stroke:#FFFFFF;}
.d2-1325376569 .stroke-B1{stroke:#0D32B2;}
.d2-1325376569 .stroke-B2{stroke:#0D32B2;}
.d2-1325376569 .stroke-B3{stroke:#E3E9FD;}
.d2-1325376569 .stroke-B4{stroke:#E3E9FD;}
.d2-1325376569 .stroke-B5{stroke:#EDF0FD;}
.d2-1325376569 .stroke-B6{stroke:#F7F8FE;}
.d2-1325376569 .stroke-AA2{stroke:#4A6FF3;}
.d2-1325376569 .stroke-AA4{stroke:#EDF0FD;}
.d2-1325376569 .stroke-AA5{stroke:#F7F8FE;}
.d2-1325376569 .stroke-AB4{stroke:#EDF0FD;}
.d2-1325376569 .stroke-AB5{stroke:#F7F8FE;}
.d2-1325376569 .background-color-N1{background-color:#0A0F25;}
.d2-1325376569 .background-color-N2{background-color:#676C7E;}
.d2-1325376569 .background-color-N3{background-color:#9499AB;}
.d2-1325376569 .background-color-N4{background-color:#CFD2DD;}
.d2-1325376569 .background-color-N5{background-color:#DEE1EB;}
.d2-1325376569 .background-color-N6{background-color:#EEF1F8;}
.d2-1325376569 .background-color-N7{background-color:#FFFFFF;}
.d2-1325376569 .background-color-B1{background-color:#0D32B2;}
.d2-1325376569 .background-color-B2{background-color:#0D32B2;}
.d2-1325376569 .background-color-B3{background-color:#E3E9FD;}
.d2-1325376569 .background-color-B4{background-color:#E3E9FD;}
.d2-1325376569 .background-color-B5{background-color:#EDF0FD;}
.d2-1325376569 .background-color-B6{background-color:#F7F8FE;}
.d2-1325376569 .background-color-AA2{background-color:#4A6FF3;}
.d2-1325376569 .background-color-AA4{background-color:#EDF0FD;}
.d2-1325376569 .background-color-AA5{background-color:#F7F8FE;}
.d2-1325376569 .background-color-AB4{background-color:#EDF0FD;}
.d2-1325376569 .background-color-AB5{background-color:#F7F8FE;}
.d2-1325376569 .color-N1{color:#0A0F25;}
.d2-1325376569 .color-N2{color:#676C7E;}
.d2-1325376569 .color-N3{color:#9499AB;}
.d2-1325376569 .color-N4{color:#CFD2DD;}
.d2-1325376569 .color-N5{color:#DEE1EB;}
.d2-1325376569 .color-N6{color:#EEF1F8;}
.d2-1325376569 .color-N7{color:#FFFFFF;}
.d2-1325376569 .color-B1{color:#0D32B2;}
.d2-1325376569 .color-B2{color:#0D32B2;}
.d2-1325376569 .color-B3{color:#E3E9FD;}
.d2-1325376569 .color-B4{color:#E3E9FD;}
.d2-1325376569 .color-B5{color:#EDF0FD;}
.d2-1325376569 .color-B6{color:#F7F8FE;}
.d2-1325376569 .color-AA2{color:#4A6FF3;}
.d2-1325376569 .color-AA4{color:#EDF0FD;}
.d2-1325376569 .color-AA5{color:#F7F8FE;}
.d2-1325376569 .color-AB4{color:#EDF0FD;}
.d2-1325376569 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 22.761710 67.985754 C 18.200001 106.000000 18.200001 126.000000 22.523419 162.028493" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1325376569)" /></g><g id="(y -&gt; x)[0]"><path d="M 31.238290 164.014246 C 35.799999 126.000000 35.799999 106.000000 31.476581 69.971507" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1325376569)" /></g><mask id="d2-1325376569" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
.d2-2626224973 .fill-N1{fill:#0A0F25;}
.d2-2626224973 .fill-N2{fill:#676C7E;}
.d2-2626224973 .fill-N3{fill:#9499AB;}
.d2-2626224973 .fill-N4{fill:#CFD2DD;}
.d2-2626224973 .fill-N5{fill:#DEE1EB;}
.d2-2626224973 .fill-N6{fill:#EEF1F8;}
.d2-2626224973 .fill-N7{fill:#FFFFFF;}
.d2-2626224973 .fill-B1{fill:#0D32B2;}
.d2-2626224973 .fill-B2{fill:#0D32B2;}
.d2-2626224973 .fill-B3{fill:#E3E9FD;}
.d2-2626224973 .fill-B4{fill:#E3E9FD;}
.d2-2626224973 .fill-B5{fill:#EDF0FD;}
.d2-2626224973 .fill-B6{fill:#F7F8FE;}
.d2-2626224973 .fill-AA2{fill:#4A6FF3;}
.d2-2626224973 .fill-AA4{fill:#EDF0FD;}
.d2-2626224973 .fill-AA5{fill:#F7F8FE;}
.d2-2626224973 .fill-AB4{fill:#EDF0FD;}
.d2-2626224973 .fill-AB5{fill:#F7F8FE;}
.d2-2626224973 .stroke-N1{stroke:#0A0F25;}
.d2-2626224973 .stroke-N2{stroke:#676C7E;}
.d2-2626224973 .stroke-N3{stroke:#9499AB;}
.d2-2626224973 .stroke-N4{stroke:#CFD2DD;}
.d2-2626224973 .stroke-N5{stroke:#DEE1EB;}
.d2-2626224973 .stroke-N6{stroke:#EEF1F8;}
.d2-2626224973 .stroke-N7{stroke:#FFFFFF;}
.d2-2626224973 .stroke-B1{stroke:#0D32B2;}
.d2-2626224973 .stroke-B2{stroke:#0D32B2;}
.d2-2626224973 .stroke-B3{stroke:#E3E9FD;}
.d2-2626224973 .stroke-B4{stroke:#E3E9FD;}
.d2-2626224973 .stroke-B5{stroke:#EDF0FD;}
.d2-2626224973 .stroke-B6{stroke:#F7F8FE;}
.d2-2626224973 .stroke-AA2{stroke:#4A6FF3;}
.d2-2626224973 .stroke-AA4{stroke:#EDF0FD;}
.d2-2626224973 .stroke-AA5{stroke:#F7F8FE;}
.d2-2626224973 .stroke-AB4{stroke:#EDF0FD;}
.d2-2626224973 .stroke-AB5{stroke:#F7F8FE;}
.d2-2626224973 .background-color-N1{background-color:#0A0F25;}
.d2-2626224973 .background-color-N2{background-color:#676C7E;}
.d2-2626224973 .background-color-N3{background-color:#9499AB;}
.d2-2626224973 .background-color-N4{background-color:#CFD2DD;}
.d2-2626224973 .background-color-N5{background-color:#DEE1EB;}
.d2-2626224973 .background-color-N6{background-color:#EEF1F8;}
.d2-2626224973 .background-color-N7{background-color:#FFFFFF;}
.d2-2626224973 .background-color-B1{background-color:#0D32B2;}
.d2-2626224973 .background-color-B2{background-color:#0D32B2;}
.d2-2626224973 .background-color-B3{background-color:#E3E9FD;}
.d2-2626224973 .background-color-B4{background-color:#E3E9FD;}
.d2-2626224973 .background-color-B5{background-color:#EDF0FD;}
.d2-2626224973 .background-color-B6{background-color:#F7F8FE;}
.d2-2626224973 .background-color-AA2{background-color:#4A6FF3;}
.d2-2626224973 .background-color-AA4{background-color:#EDF0FD;}
.d2-2626224973 .background-color-AA5{background-color:#F7F8FE;}
.d2-2626224973 .background-color-AB4{background-color:#EDF0FD;}
.d2-2626224973 .background-color-AB5{background-color:#F7F8FE;}
.d2-2626224973 .color-N1{color:#0A0F25;}
.d2-2626224973 .color-N2{color:#676C7E;}
.d2-2626224973 .color-N3{color:#9499AB;}
.d2-2626224973 .color-N4{color:#CFD2DD;}
.d2-2626224973 .color-N5{color:#DEE1EB;}
.d2-2626224973 .color-N6{color:#EEF1F8;}
.d2-2626224973 .color-N7{color:#FFFFFF;}
.d2-2626224973 .color-B1{color:#0D32B2;}
.d2-2626224973 .color-B2{color:#0D32B2;}
.d2-2626224973 .color-B3{color:#E3E9FD;}
.d2-2626224973 .color-B4{color:#E3E9FD;}
.d2-2626224973 .color-B5{color:#EDF0FD;}
.d2-2626224973 .color-B6{color:#F7F8FE;}
.d2-2626224973 .color-AA2{color:#4A6FF3;}
.d2-2626224973 .color-AA4{color:#EDF0FD;}
.d2-2626224973 .color-AA5{color:#F7F8FE;}
.d2-2626224973 .color-AB4{color:#EDF0FD;}
.d2-2626224973 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 22.761710 67.985754 C 18.200001 106.000000 18.200001 126.000000 22.523419 162.028493" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2626224973)" /></g><g id="(y -&gt; x)[0]"><path d="M 31.238290 164.014246 C 35.799999 126.000000 35.799999 106.000000 31.476581 69.971507" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2626224973)" /></g><mask id="d2-2626224973" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
<rect x="-101" y="-101" width="256" height="434" fill="white"></rect>
<rect x="23.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 9.7 KiB

152
e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/index.exp.svg vendored
View file

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-66779799" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-66779799 .text-bold {
font-family: "d2-66779799-font-bold";
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-3748359424" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-3748359424 .text-bold {
font-family: "d2-3748359424-font-bold";
}
@font-face {
font-family: d2-66779799-font-bold;
font-family: d2-3748359424-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -18,78 +18,78 @@
opacity: 0.5;
}
.d2-66779799 .fill-N1{fill:#0A0F25;}
.d2-66779799 .fill-N2{fill:#676C7E;}
.d2-66779799 .fill-N3{fill:#9499AB;}
.d2-66779799 .fill-N4{fill:#CFD2DD;}
.d2-66779799 .fill-N5{fill:#DEE1EB;}
.d2-66779799 .fill-N6{fill:#EEF1F8;}
.d2-66779799 .fill-N7{fill:#FFFFFF;}
.d2-66779799 .fill-B1{fill:#0D32B2;}
.d2-66779799 .fill-B2{fill:#0D32B2;}
.d2-66779799 .fill-B3{fill:#E3E9FD;}
.d2-66779799 .fill-B4{fill:#E3E9FD;}
.d2-66779799 .fill-B5{fill:#EDF0FD;}
.d2-66779799 .fill-B6{fill:#F7F8FE;}
.d2-66779799 .fill-AA2{fill:#4A6FF3;}
.d2-66779799 .fill-AA4{fill:#EDF0FD;}
.d2-66779799 .fill-AA5{fill:#F7F8FE;}
.d2-66779799 .fill-AB4{fill:#EDF0FD;}
.d2-66779799 .fill-AB5{fill:#F7F8FE;}
.d2-66779799 .stroke-N1{stroke:#0A0F25;}
.d2-66779799 .stroke-N2{stroke:#676C7E;}
.d2-66779799 .stroke-N3{stroke:#9499AB;}
.d2-66779799 .stroke-N4{stroke:#CFD2DD;}
.d2-66779799 .stroke-N5{stroke:#DEE1EB;}
.d2-66779799 .stroke-N6{stroke:#EEF1F8;}
.d2-66779799 .stroke-N7{stroke:#FFFFFF;}
.d2-66779799 .stroke-B1{stroke:#0D32B2;}
.d2-66779799 .stroke-B2{stroke:#0D32B2;}
.d2-66779799 .stroke-B3{stroke:#E3E9FD;}
.d2-66779799 .stroke-B4{stroke:#E3E9FD;}
.d2-66779799 .stroke-B5{stroke:#EDF0FD;}
.d2-66779799 .stroke-B6{stroke:#F7F8FE;}
.d2-66779799 .stroke-AA2{stroke:#4A6FF3;}
.d2-66779799 .stroke-AA4{stroke:#EDF0FD;}
.d2-66779799 .stroke-AA5{stroke:#F7F8FE;}
.d2-66779799 .stroke-AB4{stroke:#EDF0FD;}
.d2-66779799 .stroke-AB5{stroke:#F7F8FE;}
.d2-66779799 .background-color-N1{background-color:#0A0F25;}
.d2-66779799 .background-color-N2{background-color:#676C7E;}
.d2-66779799 .background-color-N3{background-color:#9499AB;}
.d2-66779799 .background-color-N4{background-color:#CFD2DD;}
.d2-66779799 .background-color-N5{background-color:#DEE1EB;}
.d2-66779799 .background-color-N6{background-color:#EEF1F8;}
.d2-66779799 .background-color-N7{background-color:#FFFFFF;}
.d2-66779799 .background-color-B1{background-color:#0D32B2;}
.d2-66779799 .background-color-B2{background-color:#0D32B2;}
.d2-66779799 .background-color-B3{background-color:#E3E9FD;}
.d2-66779799 .background-color-B4{background-color:#E3E9FD;}
.d2-66779799 .background-color-B5{background-color:#EDF0FD;}
.d2-66779799 .background-color-B6{background-color:#F7F8FE;}
.d2-66779799 .background-color-AA2{background-color:#4A6FF3;}
.d2-66779799 .background-color-AA4{background-color:#EDF0FD;}
.d2-66779799 .background-color-AA5{background-color:#F7F8FE;}
.d2-66779799 .background-color-AB4{background-color:#EDF0FD;}
.d2-66779799 .background-color-AB5{background-color:#F7F8FE;}
.d2-66779799 .color-N1{color:#0A0F25;}
.d2-66779799 .color-N2{color:#676C7E;}
.d2-66779799 .color-N3{color:#9499AB;}
.d2-66779799 .color-N4{color:#CFD2DD;}
.d2-66779799 .color-N5{color:#DEE1EB;}
.d2-66779799 .color-N6{color:#EEF1F8;}
.d2-66779799 .color-N7{color:#FFFFFF;}
.d2-66779799 .color-B1{color:#0D32B2;}
.d2-66779799 .color-B2{color:#0D32B2;}
.d2-66779799 .color-B3{color:#E3E9FD;}
.d2-66779799 .color-B4{color:#E3E9FD;}
.d2-66779799 .color-B5{color:#EDF0FD;}
.d2-66779799 .color-B6{color:#F7F8FE;}
.d2-66779799 .color-AA2{color:#4A6FF3;}
.d2-66779799 .color-AA4{color:#EDF0FD;}
.d2-66779799 .color-AA5{color:#F7F8FE;}
.d2-66779799 .color-AB4{color:#EDF0FD;}
.d2-66779799 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-66779799)" /></g><mask id="d2-66779799" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
.d2-3748359424 .fill-N1{fill:#0A0F25;}
.d2-3748359424 .fill-N2{fill:#676C7E;}
.d2-3748359424 .fill-N3{fill:#9499AB;}
.d2-3748359424 .fill-N4{fill:#CFD2DD;}
.d2-3748359424 .fill-N5{fill:#DEE1EB;}
.d2-3748359424 .fill-N6{fill:#EEF1F8;}
.d2-3748359424 .fill-N7{fill:#FFFFFF;}
.d2-3748359424 .fill-B1{fill:#0D32B2;}
.d2-3748359424 .fill-B2{fill:#0D32B2;}
.d2-3748359424 .fill-B3{fill:#E3E9FD;}
.d2-3748359424 .fill-B4{fill:#E3E9FD;}
.d2-3748359424 .fill-B5{fill:#EDF0FD;}
.d2-3748359424 .fill-B6{fill:#F7F8FE;}
.d2-3748359424 .fill-AA2{fill:#4A6FF3;}
.d2-3748359424 .fill-AA4{fill:#EDF0FD;}
.d2-3748359424 .fill-AA5{fill:#F7F8FE;}
.d2-3748359424 .fill-AB4{fill:#EDF0FD;}
.d2-3748359424 .fill-AB5{fill:#F7F8FE;}
.d2-3748359424 .stroke-N1{stroke:#0A0F25;}
.d2-3748359424 .stroke-N2{stroke:#676C7E;}
.d2-3748359424 .stroke-N3{stroke:#9499AB;}
.d2-3748359424 .stroke-N4{stroke:#CFD2DD;}
.d2-3748359424 .stroke-N5{stroke:#DEE1EB;}
.d2-3748359424 .stroke-N6{stroke:#EEF1F8;}
.d2-3748359424 .stroke-N7{stroke:#FFFFFF;}
.d2-3748359424 .stroke-B1{stroke:#0D32B2;}
.d2-3748359424 .stroke-B2{stroke:#0D32B2;}
.d2-3748359424 .stroke-B3{stroke:#E3E9FD;}
.d2-3748359424 .stroke-B4{stroke:#E3E9FD;}
.d2-3748359424 .stroke-B5{stroke:#EDF0FD;}
.d2-3748359424 .stroke-B6{stroke:#F7F8FE;}
.d2-3748359424 .stroke-AA2{stroke:#4A6FF3;}
.d2-3748359424 .stroke-AA4{stroke:#EDF0FD;}
.d2-3748359424 .stroke-AA5{stroke:#F7F8FE;}
.d2-3748359424 .stroke-AB4{stroke:#EDF0FD;}
.d2-3748359424 .stroke-AB5{stroke:#F7F8FE;}
.d2-3748359424 .background-color-N1{background-color:#0A0F25;}
.d2-3748359424 .background-color-N2{background-color:#676C7E;}
.d2-3748359424 .background-color-N3{background-color:#9499AB;}
.d2-3748359424 .background-color-N4{background-color:#CFD2DD;}
.d2-3748359424 .background-color-N5{background-color:#DEE1EB;}
.d2-3748359424 .background-color-N6{background-color:#EEF1F8;}
.d2-3748359424 .background-color-N7{background-color:#FFFFFF;}
.d2-3748359424 .background-color-B1{background-color:#0D32B2;}
.d2-3748359424 .background-color-B2{background-color:#0D32B2;}
.d2-3748359424 .background-color-B3{background-color:#E3E9FD;}
.d2-3748359424 .background-color-B4{background-color:#E3E9FD;}
.d2-3748359424 .background-color-B5{background-color:#EDF0FD;}
.d2-3748359424 .background-color-B6{background-color:#F7F8FE;}
.d2-3748359424 .background-color-AA2{background-color:#4A6FF3;}
.d2-3748359424 .background-color-AA4{background-color:#EDF0FD;}
.d2-3748359424 .background-color-AA5{background-color:#F7F8FE;}
.d2-3748359424 .background-color-AB4{background-color:#EDF0FD;}
.d2-3748359424 .background-color-AB5{background-color:#F7F8FE;}
.d2-3748359424 .color-N1{color:#0A0F25;}
.d2-3748359424 .color-N2{color:#676C7E;}
.d2-3748359424 .color-N3{color:#9499AB;}
.d2-3748359424 .color-N4{color:#CFD2DD;}
.d2-3748359424 .color-N5{color:#DEE1EB;}
.d2-3748359424 .color-N6{color:#EEF1F8;}
.d2-3748359424 .color-N7{color:#FFFFFF;}
.d2-3748359424 .color-B1{color:#0D32B2;}
.d2-3748359424 .color-B2{color:#0D32B2;}
.d2-3748359424 .color-B3{color:#E3E9FD;}
.d2-3748359424 .color-B4{color:#E3E9FD;}
.d2-3748359424 .color-B5{color:#EDF0FD;}
.d2-3748359424 .color-B6{color:#F7F8FE;}
.d2-3748359424 .color-AA2{color:#4A6FF3;}
.d2-3748359424 .color-AA4{color:#EDF0FD;}
.d2-3748359424 .color-AA5{color:#F7F8FE;}
.d2-3748359424 .color-AB4{color:#EDF0FD;}
.d2-3748359424 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3748359424)" /></g><mask id="d2-3748359424" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
<rect x="-101" y="-101" width="256" height="434" fill="white"></rect>
<rect x="23.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB

152
e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/layers/broker.exp.svg vendored
View file

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 469 268"><svg id="d2-svg" class="d2-1726870641" width="469" height="268" viewBox="-101 -101 469 268"><rect x="-101.000000" y="-101.000000" width="469.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-1726870641 .text-bold {
font-family: "d2-1726870641-font-bold";
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 469 268"><svg id="d2-svg" class="d2-1388351072" width="469" height="268" viewBox="-101 -101 469 268"><rect x="-101.000000" y="-101.000000" width="469.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-1388351072 .text-bold {
font-family: "d2-1388351072-font-bold";
}
@font-face {
font-family: d2-1726870641-font-bold;
font-family: d2-1388351072-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -18,78 +18,78 @@
opacity: 0.5;
}
.d2-1726870641 .fill-N1{fill:#0A0F25;}
.d2-1726870641 .fill-N2{fill:#676C7E;}
.d2-1726870641 .fill-N3{fill:#9499AB;}
.d2-1726870641 .fill-N4{fill:#CFD2DD;}
.d2-1726870641 .fill-N5{fill:#DEE1EB;}
.d2-1726870641 .fill-N6{fill:#EEF1F8;}
.d2-1726870641 .fill-N7{fill:#FFFFFF;}
.d2-1726870641 .fill-B1{fill:#0D32B2;}
.d2-1726870641 .fill-B2{fill:#0D32B2;}
.d2-1726870641 .fill-B3{fill:#E3E9FD;}
.d2-1726870641 .fill-B4{fill:#E3E9FD;}
.d2-1726870641 .fill-B5{fill:#EDF0FD;}
.d2-1726870641 .fill-B6{fill:#F7F8FE;}
.d2-1726870641 .fill-AA2{fill:#4A6FF3;}
.d2-1726870641 .fill-AA4{fill:#EDF0FD;}
.d2-1726870641 .fill-AA5{fill:#F7F8FE;}
.d2-1726870641 .fill-AB4{fill:#EDF0FD;}
.d2-1726870641 .fill-AB5{fill:#F7F8FE;}
.d2-1726870641 .stroke-N1{stroke:#0A0F25;}
.d2-1726870641 .stroke-N2{stroke:#676C7E;}
.d2-1726870641 .stroke-N3{stroke:#9499AB;}
.d2-1726870641 .stroke-N4{stroke:#CFD2DD;}
.d2-1726870641 .stroke-N5{stroke:#DEE1EB;}
.d2-1726870641 .stroke-N6{stroke:#EEF1F8;}
.d2-1726870641 .stroke-N7{stroke:#FFFFFF;}
.d2-1726870641 .stroke-B1{stroke:#0D32B2;}
.d2-1726870641 .stroke-B2{stroke:#0D32B2;}
.d2-1726870641 .stroke-B3{stroke:#E3E9FD;}
.d2-1726870641 .stroke-B4{stroke:#E3E9FD;}
.d2-1726870641 .stroke-B5{stroke:#EDF0FD;}
.d2-1726870641 .stroke-B6{stroke:#F7F8FE;}
.d2-1726870641 .stroke-AA2{stroke:#4A6FF3;}
.d2-1726870641 .stroke-AA4{stroke:#EDF0FD;}
.d2-1726870641 .stroke-AA5{stroke:#F7F8FE;}
.d2-1726870641 .stroke-AB4{stroke:#EDF0FD;}
.d2-1726870641 .stroke-AB5{stroke:#F7F8FE;}
.d2-1726870641 .background-color-N1{background-color:#0A0F25;}
.d2-1726870641 .background-color-N2{background-color:#676C7E;}
.d2-1726870641 .background-color-N3{background-color:#9499AB;}
.d2-1726870641 .background-color-N4{background-color:#CFD2DD;}
.d2-1726870641 .background-color-N5{background-color:#DEE1EB;}
.d2-1726870641 .background-color-N6{background-color:#EEF1F8;}
.d2-1726870641 .background-color-N7{background-color:#FFFFFF;}
.d2-1726870641 .background-color-B1{background-color:#0D32B2;}
.d2-1726870641 .background-color-B2{background-color:#0D32B2;}
.d2-1726870641 .background-color-B3{background-color:#E3E9FD;}
.d2-1726870641 .background-color-B4{background-color:#E3E9FD;}
.d2-1726870641 .background-color-B5{background-color:#EDF0FD;}
.d2-1726870641 .background-color-B6{background-color:#F7F8FE;}
.d2-1726870641 .background-color-AA2{background-color:#4A6FF3;}
.d2-1726870641 .background-color-AA4{background-color:#EDF0FD;}
.d2-1726870641 .background-color-AA5{background-color:#F7F8FE;}
.d2-1726870641 .background-color-AB4{background-color:#EDF0FD;}
.d2-1726870641 .background-color-AB5{background-color:#F7F8FE;}
.d2-1726870641 .color-N1{color:#0A0F25;}
.d2-1726870641 .color-N2{color:#676C7E;}
.d2-1726870641 .color-N3{color:#9499AB;}
.d2-1726870641 .color-N4{color:#CFD2DD;}
.d2-1726870641 .color-N5{color:#DEE1EB;}
.d2-1726870641 .color-N6{color:#EEF1F8;}
.d2-1726870641 .color-N7{color:#FFFFFF;}
.d2-1726870641 .color-B1{color:#0D32B2;}
.d2-1726870641 .color-B2{color:#0D32B2;}
.d2-1726870641 .color-B3{color:#E3E9FD;}
.d2-1726870641 .color-B4{color:#E3E9FD;}
.d2-1726870641 .color-B5{color:#EDF0FD;}
.d2-1726870641 .color-B6{color:#F7F8FE;}
.d2-1726870641 .color-AA2{color:#4A6FF3;}
.d2-1726870641 .color-AA4{color:#EDF0FD;}
.d2-1726870641 .color-AA5{color:#F7F8FE;}
.d2-1726870641 .color-AB4{color:#EDF0FD;}
.d2-1726870641 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="mortgage"><g class="shape" ><rect x="0.000000" y="0.000000" width="113.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="56.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">mortgage</text></g><g id="realtor"><g class="shape" ><rect x="173.000000" y="0.000000" width="94.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="220.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">realtor</text></g><mask id="d2-1726870641" maskUnits="userSpaceOnUse" x="-101" y="-101" width="469" height="268">
.d2-1388351072 .fill-N1{fill:#0A0F25;}
.d2-1388351072 .fill-N2{fill:#676C7E;}
.d2-1388351072 .fill-N3{fill:#9499AB;}
.d2-1388351072 .fill-N4{fill:#CFD2DD;}
.d2-1388351072 .fill-N5{fill:#DEE1EB;}
.d2-1388351072 .fill-N6{fill:#EEF1F8;}
.d2-1388351072 .fill-N7{fill:#FFFFFF;}
.d2-1388351072 .fill-B1{fill:#0D32B2;}
.d2-1388351072 .fill-B2{fill:#0D32B2;}
.d2-1388351072 .fill-B3{fill:#E3E9FD;}
.d2-1388351072 .fill-B4{fill:#E3E9FD;}
.d2-1388351072 .fill-B5{fill:#EDF0FD;}
.d2-1388351072 .fill-B6{fill:#F7F8FE;}
.d2-1388351072 .fill-AA2{fill:#4A6FF3;}
.d2-1388351072 .fill-AA4{fill:#EDF0FD;}
.d2-1388351072 .fill-AA5{fill:#F7F8FE;}
.d2-1388351072 .fill-AB4{fill:#EDF0FD;}
.d2-1388351072 .fill-AB5{fill:#F7F8FE;}
.d2-1388351072 .stroke-N1{stroke:#0A0F25;}
.d2-1388351072 .stroke-N2{stroke:#676C7E;}
.d2-1388351072 .stroke-N3{stroke:#9499AB;}
.d2-1388351072 .stroke-N4{stroke:#CFD2DD;}
.d2-1388351072 .stroke-N5{stroke:#DEE1EB;}
.d2-1388351072 .stroke-N6{stroke:#EEF1F8;}
.d2-1388351072 .stroke-N7{stroke:#FFFFFF;}
.d2-1388351072 .stroke-B1{stroke:#0D32B2;}
.d2-1388351072 .stroke-B2{stroke:#0D32B2;}
.d2-1388351072 .stroke-B3{stroke:#E3E9FD;}
.d2-1388351072 .stroke-B4{stroke:#E3E9FD;}
.d2-1388351072 .stroke-B5{stroke:#EDF0FD;}
.d2-1388351072 .stroke-B6{stroke:#F7F8FE;}
.d2-1388351072 .stroke-AA2{stroke:#4A6FF3;}
.d2-1388351072 .stroke-AA4{stroke:#EDF0FD;}
.d2-1388351072 .stroke-AA5{stroke:#F7F8FE;}
.d2-1388351072 .stroke-AB4{stroke:#EDF0FD;}
.d2-1388351072 .stroke-AB5{stroke:#F7F8FE;}
.d2-1388351072 .background-color-N1{background-color:#0A0F25;}
.d2-1388351072 .background-color-N2{background-color:#676C7E;}
.d2-1388351072 .background-color-N3{background-color:#9499AB;}
.d2-1388351072 .background-color-N4{background-color:#CFD2DD;}
.d2-1388351072 .background-color-N5{background-color:#DEE1EB;}
.d2-1388351072 .background-color-N6{background-color:#EEF1F8;}
.d2-1388351072 .background-color-N7{background-color:#FFFFFF;}
.d2-1388351072 .background-color-B1{background-color:#0D32B2;}
.d2-1388351072 .background-color-B2{background-color:#0D32B2;}
.d2-1388351072 .background-color-B3{background-color:#E3E9FD;}
.d2-1388351072 .background-color-B4{background-color:#E3E9FD;}
.d2-1388351072 .background-color-B5{background-color:#EDF0FD;}
.d2-1388351072 .background-color-B6{background-color:#F7F8FE;}
.d2-1388351072 .background-color-AA2{background-color:#4A6FF3;}
.d2-1388351072 .background-color-AA4{background-color:#EDF0FD;}
.d2-1388351072 .background-color-AA5{background-color:#F7F8FE;}
.d2-1388351072 .background-color-AB4{background-color:#EDF0FD;}
.d2-1388351072 .background-color-AB5{background-color:#F7F8FE;}
.d2-1388351072 .color-N1{color:#0A0F25;}
.d2-1388351072 .color-N2{color:#676C7E;}
.d2-1388351072 .color-N3{color:#9499AB;}
.d2-1388351072 .color-N4{color:#CFD2DD;}
.d2-1388351072 .color-N5{color:#DEE1EB;}
.d2-1388351072 .color-N6{color:#EEF1F8;}
.d2-1388351072 .color-N7{color:#FFFFFF;}
.d2-1388351072 .color-B1{color:#0D32B2;}
.d2-1388351072 .color-B2{color:#0D32B2;}
.d2-1388351072 .color-B3{color:#E3E9FD;}
.d2-1388351072 .color-B4{color:#E3E9FD;}
.d2-1388351072 .color-B5{color:#EDF0FD;}
.d2-1388351072 .color-B6{color:#F7F8FE;}
.d2-1388351072 .color-AA2{color:#4A6FF3;}
.d2-1388351072 .color-AA4{color:#EDF0FD;}
.d2-1388351072 .color-AA5{color:#F7F8FE;}
.d2-1388351072 .color-AB4{color:#EDF0FD;}
.d2-1388351072 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="mortgage"><g class="shape" ><rect x="0.000000" y="0.000000" width="113.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="56.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">mortgage</text></g><g id="realtor"><g class="shape" ><rect x="173.000000" y="0.000000" width="94.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="220.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">realtor</text></g><mask id="d2-1388351072" maskUnits="userSpaceOnUse" x="-101" y="-101" width="469" height="268">
<rect x="-101" y="-101" width="469" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="68" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="195.500000" y="22.500000" width="49" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 9.7 KiB

152
e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/layers/core.exp.svg vendored
View file

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 558 268"><svg id="d2-svg" class="d2-2725802959" width="558" height="268" viewBox="-101 -101 558 268"><rect x="-101.000000" y="-101.000000" width="558.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-2725802959 .text-bold {
font-family: "d2-2725802959-font-bold";
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 558 268"><svg id="d2-svg" class="d2-669623016" width="558" height="268" viewBox="-101 -101 558 268"><rect x="-101.000000" y="-101.000000" width="558.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-669623016 .text-bold {
font-family: "d2-669623016-font-bold";
}
@font-face {
font-family: d2-2725802959-font-bold;
font-family: d2-669623016-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -18,78 +18,78 @@
opacity: 0.5;
}
.d2-2725802959 .fill-N1{fill:#0A0F25;}
.d2-2725802959 .fill-N2{fill:#676C7E;}
.d2-2725802959 .fill-N3{fill:#9499AB;}
.d2-2725802959 .fill-N4{fill:#CFD2DD;}
.d2-2725802959 .fill-N5{fill:#DEE1EB;}
.d2-2725802959 .fill-N6{fill:#EEF1F8;}
.d2-2725802959 .fill-N7{fill:#FFFFFF;}
.d2-2725802959 .fill-B1{fill:#0D32B2;}
.d2-2725802959 .fill-B2{fill:#0D32B2;}
.d2-2725802959 .fill-B3{fill:#E3E9FD;}
.d2-2725802959 .fill-B4{fill:#E3E9FD;}
.d2-2725802959 .fill-B5{fill:#EDF0FD;}
.d2-2725802959 .fill-B6{fill:#F7F8FE;}
.d2-2725802959 .fill-AA2{fill:#4A6FF3;}
.d2-2725802959 .fill-AA4{fill:#EDF0FD;}
.d2-2725802959 .fill-AA5{fill:#F7F8FE;}
.d2-2725802959 .fill-AB4{fill:#EDF0FD;}
.d2-2725802959 .fill-AB5{fill:#F7F8FE;}
.d2-2725802959 .stroke-N1{stroke:#0A0F25;}
.d2-2725802959 .stroke-N2{stroke:#676C7E;}
.d2-2725802959 .stroke-N3{stroke:#9499AB;}
.d2-2725802959 .stroke-N4{stroke:#CFD2DD;}
.d2-2725802959 .stroke-N5{stroke:#DEE1EB;}
.d2-2725802959 .stroke-N6{stroke:#EEF1F8;}
.d2-2725802959 .stroke-N7{stroke:#FFFFFF;}
.d2-2725802959 .stroke-B1{stroke:#0D32B2;}
.d2-2725802959 .stroke-B2{stroke:#0D32B2;}
.d2-2725802959 .stroke-B3{stroke:#E3E9FD;}
.d2-2725802959 .stroke-B4{stroke:#E3E9FD;}
.d2-2725802959 .stroke-B5{stroke:#EDF0FD;}
.d2-2725802959 .stroke-B6{stroke:#F7F8FE;}
.d2-2725802959 .stroke-AA2{stroke:#4A6FF3;}
.d2-2725802959 .stroke-AA4{stroke:#EDF0FD;}
.d2-2725802959 .stroke-AA5{stroke:#F7F8FE;}
.d2-2725802959 .stroke-AB4{stroke:#EDF0FD;}
.d2-2725802959 .stroke-AB5{stroke:#F7F8FE;}
.d2-2725802959 .background-color-N1{background-color:#0A0F25;}
.d2-2725802959 .background-color-N2{background-color:#676C7E;}
.d2-2725802959 .background-color-N3{background-color:#9499AB;}
.d2-2725802959 .background-color-N4{background-color:#CFD2DD;}
.d2-2725802959 .background-color-N5{background-color:#DEE1EB;}
.d2-2725802959 .background-color-N6{background-color:#EEF1F8;}
.d2-2725802959 .background-color-N7{background-color:#FFFFFF;}
.d2-2725802959 .background-color-B1{background-color:#0D32B2;}
.d2-2725802959 .background-color-B2{background-color:#0D32B2;}
.d2-2725802959 .background-color-B3{background-color:#E3E9FD;}
.d2-2725802959 .background-color-B4{background-color:#E3E9FD;}
.d2-2725802959 .background-color-B5{background-color:#EDF0FD;}
.d2-2725802959 .background-color-B6{background-color:#F7F8FE;}
.d2-2725802959 .background-color-AA2{background-color:#4A6FF3;}
.d2-2725802959 .background-color-AA4{background-color:#EDF0FD;}
.d2-2725802959 .background-color-AA5{background-color:#F7F8FE;}
.d2-2725802959 .background-color-AB4{background-color:#EDF0FD;}
.d2-2725802959 .background-color-AB5{background-color:#F7F8FE;}
.d2-2725802959 .color-N1{color:#0A0F25;}
.d2-2725802959 .color-N2{color:#676C7E;}
.d2-2725802959 .color-N3{color:#9499AB;}
.d2-2725802959 .color-N4{color:#CFD2DD;}
.d2-2725802959 .color-N5{color:#DEE1EB;}
.d2-2725802959 .color-N6{color:#EEF1F8;}
.d2-2725802959 .color-N7{color:#FFFFFF;}
.d2-2725802959 .color-B1{color:#0D32B2;}
.d2-2725802959 .color-B2{color:#0D32B2;}
.d2-2725802959 .color-B3{color:#E3E9FD;}
.d2-2725802959 .color-B4{color:#E3E9FD;}
.d2-2725802959 .color-B5{color:#EDF0FD;}
.d2-2725802959 .color-B6{color:#F7F8FE;}
.d2-2725802959 .color-AA2{color:#4A6FF3;}
.d2-2725802959 .color-AA4{color:#EDF0FD;}
.d2-2725802959 .color-AA5{color:#F7F8FE;}
.d2-2725802959 .color-AB4{color:#EDF0FD;}
.d2-2725802959 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="belief"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">belief</text></g><g id="food"><g class="shape" ><rect x="145.000000" y="0.000000" width="78.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="184.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">food</text></g><g id="diet"><g class="shape" ><rect x="283.000000" y="0.000000" width="73.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="319.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diet</text></g><mask id="d2-2725802959" maskUnits="userSpaceOnUse" x="-101" y="-101" width="558" height="268">
.d2-669623016 .fill-N1{fill:#0A0F25;}
.d2-669623016 .fill-N2{fill:#676C7E;}
.d2-669623016 .fill-N3{fill:#9499AB;}
.d2-669623016 .fill-N4{fill:#CFD2DD;}
.d2-669623016 .fill-N5{fill:#DEE1EB;}
.d2-669623016 .fill-N6{fill:#EEF1F8;}
.d2-669623016 .fill-N7{fill:#FFFFFF;}
.d2-669623016 .fill-B1{fill:#0D32B2;}
.d2-669623016 .fill-B2{fill:#0D32B2;}
.d2-669623016 .fill-B3{fill:#E3E9FD;}
.d2-669623016 .fill-B4{fill:#E3E9FD;}
.d2-669623016 .fill-B5{fill:#EDF0FD;}
.d2-669623016 .fill-B6{fill:#F7F8FE;}
.d2-669623016 .fill-AA2{fill:#4A6FF3;}
.d2-669623016 .fill-AA4{fill:#EDF0FD;}
.d2-669623016 .fill-AA5{fill:#F7F8FE;}
.d2-669623016 .fill-AB4{fill:#EDF0FD;}
.d2-669623016 .fill-AB5{fill:#F7F8FE;}
.d2-669623016 .stroke-N1{stroke:#0A0F25;}
.d2-669623016 .stroke-N2{stroke:#676C7E;}
.d2-669623016 .stroke-N3{stroke:#9499AB;}
.d2-669623016 .stroke-N4{stroke:#CFD2DD;}
.d2-669623016 .stroke-N5{stroke:#DEE1EB;}
.d2-669623016 .stroke-N6{stroke:#EEF1F8;}
.d2-669623016 .stroke-N7{stroke:#FFFFFF;}
.d2-669623016 .stroke-B1{stroke:#0D32B2;}
.d2-669623016 .stroke-B2{stroke:#0D32B2;}
.d2-669623016 .stroke-B3{stroke:#E3E9FD;}
.d2-669623016 .stroke-B4{stroke:#E3E9FD;}
.d2-669623016 .stroke-B5{stroke:#EDF0FD;}
.d2-669623016 .stroke-B6{stroke:#F7F8FE;}
.d2-669623016 .stroke-AA2{stroke:#4A6FF3;}
.d2-669623016 .stroke-AA4{stroke:#EDF0FD;}
.d2-669623016 .stroke-AA5{stroke:#F7F8FE;}
.d2-669623016 .stroke-AB4{stroke:#EDF0FD;}
.d2-669623016 .stroke-AB5{stroke:#F7F8FE;}
.d2-669623016 .background-color-N1{background-color:#0A0F25;}
.d2-669623016 .background-color-N2{background-color:#676C7E;}
.d2-669623016 .background-color-N3{background-color:#9499AB;}
.d2-669623016 .background-color-N4{background-color:#CFD2DD;}
.d2-669623016 .background-color-N5{background-color:#DEE1EB;}
.d2-669623016 .background-color-N6{background-color:#EEF1F8;}
.d2-669623016 .background-color-N7{background-color:#FFFFFF;}
.d2-669623016 .background-color-B1{background-color:#0D32B2;}
.d2-669623016 .background-color-B2{background-color:#0D32B2;}
.d2-669623016 .background-color-B3{background-color:#E3E9FD;}
.d2-669623016 .background-color-B4{background-color:#E3E9FD;}
.d2-669623016 .background-color-B5{background-color:#EDF0FD;}
.d2-669623016 .background-color-B6{background-color:#F7F8FE;}
.d2-669623016 .background-color-AA2{background-color:#4A6FF3;}
.d2-669623016 .background-color-AA4{background-color:#EDF0FD;}
.d2-669623016 .background-color-AA5{background-color:#F7F8FE;}
.d2-669623016 .background-color-AB4{background-color:#EDF0FD;}
.d2-669623016 .background-color-AB5{background-color:#F7F8FE;}
.d2-669623016 .color-N1{color:#0A0F25;}
.d2-669623016 .color-N2{color:#676C7E;}
.d2-669623016 .color-N3{color:#9499AB;}
.d2-669623016 .color-N4{color:#CFD2DD;}
.d2-669623016 .color-N5{color:#DEE1EB;}
.d2-669623016 .color-N6{color:#EEF1F8;}
.d2-669623016 .color-N7{color:#FFFFFF;}
.d2-669623016 .color-B1{color:#0D32B2;}
.d2-669623016 .color-B2{color:#0D32B2;}
.d2-669623016 .color-B3{color:#E3E9FD;}
.d2-669623016 .color-B4{color:#E3E9FD;}
.d2-669623016 .color-B5{color:#EDF0FD;}
.d2-669623016 .color-B6{color:#F7F8FE;}
.d2-669623016 .color-AA2{color:#4A6FF3;}
.d2-669623016 .color-AA4{color:#EDF0FD;}
.d2-669623016 .color-AA5{color:#F7F8FE;}
.d2-669623016 .color-AB4{color:#EDF0FD;}
.d2-669623016 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="belief"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">belief</text></g><g id="food"><g class="shape" ><rect x="145.000000" y="0.000000" width="78.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="184.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">food</text></g><g id="diet"><g class="shape" ><rect x="283.000000" y="0.000000" width="73.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="319.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diet</text></g><mask id="d2-669623016" maskUnits="userSpaceOnUse" x="-101" y="-101" width="558" height="268">
<rect x="-101" y="-101" width="558" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="40" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="167.500000" y="22.500000" width="33" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

152
e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/layers/stocks.exp.svg vendored
View file

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 578 268"><svg id="d2-svg" class="d2-3935287890" width="578" height="268" viewBox="-101 -101 578 268"><rect x="-101.000000" y="-101.000000" width="578.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-3935287890 .text-bold {
font-family: "d2-3935287890-font-bold";
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 578 268"><svg id="d2-svg" class="d2-3092847457" width="578" height="268" viewBox="-101 -101 578 268"><rect x="-101.000000" y="-101.000000" width="578.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-3092847457 .text-bold {
font-family: "d2-3092847457-font-bold";
}
@font-face {
font-family: d2-3935287890-font-bold;
font-family: d2-3092847457-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -18,78 +18,78 @@
opacity: 0.5;
}
.d2-3935287890 .fill-N1{fill:#0A0F25;}
.d2-3935287890 .fill-N2{fill:#676C7E;}
.d2-3935287890 .fill-N3{fill:#9499AB;}
.d2-3935287890 .fill-N4{fill:#CFD2DD;}
.d2-3935287890 .fill-N5{fill:#DEE1EB;}
.d2-3935287890 .fill-N6{fill:#EEF1F8;}
.d2-3935287890 .fill-N7{fill:#FFFFFF;}
.d2-3935287890 .fill-B1{fill:#0D32B2;}
.d2-3935287890 .fill-B2{fill:#0D32B2;}
.d2-3935287890 .fill-B3{fill:#E3E9FD;}
.d2-3935287890 .fill-B4{fill:#E3E9FD;}
.d2-3935287890 .fill-B5{fill:#EDF0FD;}
.d2-3935287890 .fill-B6{fill:#F7F8FE;}
.d2-3935287890 .fill-AA2{fill:#4A6FF3;}
.d2-3935287890 .fill-AA4{fill:#EDF0FD;}
.d2-3935287890 .fill-AA5{fill:#F7F8FE;}
.d2-3935287890 .fill-AB4{fill:#EDF0FD;}
.d2-3935287890 .fill-AB5{fill:#F7F8FE;}
.d2-3935287890 .stroke-N1{stroke:#0A0F25;}
.d2-3935287890 .stroke-N2{stroke:#676C7E;}
.d2-3935287890 .stroke-N3{stroke:#9499AB;}
.d2-3935287890 .stroke-N4{stroke:#CFD2DD;}
.d2-3935287890 .stroke-N5{stroke:#DEE1EB;}
.d2-3935287890 .stroke-N6{stroke:#EEF1F8;}
.d2-3935287890 .stroke-N7{stroke:#FFFFFF;}
.d2-3935287890 .stroke-B1{stroke:#0D32B2;}
.d2-3935287890 .stroke-B2{stroke:#0D32B2;}
.d2-3935287890 .stroke-B3{stroke:#E3E9FD;}
.d2-3935287890 .stroke-B4{stroke:#E3E9FD;}
.d2-3935287890 .stroke-B5{stroke:#EDF0FD;}
.d2-3935287890 .stroke-B6{stroke:#F7F8FE;}
.d2-3935287890 .stroke-AA2{stroke:#4A6FF3;}
.d2-3935287890 .stroke-AA4{stroke:#EDF0FD;}
.d2-3935287890 .stroke-AA5{stroke:#F7F8FE;}
.d2-3935287890 .stroke-AB4{stroke:#EDF0FD;}
.d2-3935287890 .stroke-AB5{stroke:#F7F8FE;}
.d2-3935287890 .background-color-N1{background-color:#0A0F25;}
.d2-3935287890 .background-color-N2{background-color:#676C7E;}
.d2-3935287890 .background-color-N3{background-color:#9499AB;}
.d2-3935287890 .background-color-N4{background-color:#CFD2DD;}
.d2-3935287890 .background-color-N5{background-color:#DEE1EB;}
.d2-3935287890 .background-color-N6{background-color:#EEF1F8;}
.d2-3935287890 .background-color-N7{background-color:#FFFFFF;}
.d2-3935287890 .background-color-B1{background-color:#0D32B2;}
.d2-3935287890 .background-color-B2{background-color:#0D32B2;}
.d2-3935287890 .background-color-B3{background-color:#E3E9FD;}
.d2-3935287890 .background-color-B4{background-color:#E3E9FD;}
.d2-3935287890 .background-color-B5{background-color:#EDF0FD;}
.d2-3935287890 .background-color-B6{background-color:#F7F8FE;}
.d2-3935287890 .background-color-AA2{background-color:#4A6FF3;}
.d2-3935287890 .background-color-AA4{background-color:#EDF0FD;}
.d2-3935287890 .background-color-AA5{background-color:#F7F8FE;}
.d2-3935287890 .background-color-AB4{background-color:#EDF0FD;}
.d2-3935287890 .background-color-AB5{background-color:#F7F8FE;}
.d2-3935287890 .color-N1{color:#0A0F25;}
.d2-3935287890 .color-N2{color:#676C7E;}
.d2-3935287890 .color-N3{color:#9499AB;}
.d2-3935287890 .color-N4{color:#CFD2DD;}
.d2-3935287890 .color-N5{color:#DEE1EB;}
.d2-3935287890 .color-N6{color:#EEF1F8;}
.d2-3935287890 .color-N7{color:#FFFFFF;}
.d2-3935287890 .color-B1{color:#0D32B2;}
.d2-3935287890 .color-B2{color:#0D32B2;}
.d2-3935287890 .color-B3{color:#E3E9FD;}
.d2-3935287890 .color-B4{color:#E3E9FD;}
.d2-3935287890 .color-B5{color:#EDF0FD;}
.d2-3935287890 .color-B6{color:#F7F8FE;}
.d2-3935287890 .color-AA2{color:#4A6FF3;}
.d2-3935287890 .color-AA4{color:#EDF0FD;}
.d2-3935287890 .color-AA5{color:#F7F8FE;}
.d2-3935287890 .color-AB4{color:#EDF0FD;}
.d2-3935287890 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="TSX"><g class="shape" ><rect x="0.000000" y="0.000000" width="72.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="36.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">TSX</text></g><g id="NYSE"><g class="shape" ><rect x="132.000000" y="0.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="172.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">NYSE</text></g><g id="NASDAQ"><g class="shape" ><rect x="272.000000" y="0.000000" width="104.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="324.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">NASDAQ</text></g><mask id="d2-3935287890" maskUnits="userSpaceOnUse" x="-101" y="-101" width="578" height="268">
.d2-3092847457 .fill-N1{fill:#0A0F25;}
.d2-3092847457 .fill-N2{fill:#676C7E;}
.d2-3092847457 .fill-N3{fill:#9499AB;}
.d2-3092847457 .fill-N4{fill:#CFD2DD;}
.d2-3092847457 .fill-N5{fill:#DEE1EB;}
.d2-3092847457 .fill-N6{fill:#EEF1F8;}
.d2-3092847457 .fill-N7{fill:#FFFFFF;}
.d2-3092847457 .fill-B1{fill:#0D32B2;}
.d2-3092847457 .fill-B2{fill:#0D32B2;}
.d2-3092847457 .fill-B3{fill:#E3E9FD;}
.d2-3092847457 .fill-B4{fill:#E3E9FD;}
.d2-3092847457 .fill-B5{fill:#EDF0FD;}
.d2-3092847457 .fill-B6{fill:#F7F8FE;}
.d2-3092847457 .fill-AA2{fill:#4A6FF3;}
.d2-3092847457 .fill-AA4{fill:#EDF0FD;}
.d2-3092847457 .fill-AA5{fill:#F7F8FE;}
.d2-3092847457 .fill-AB4{fill:#EDF0FD;}
.d2-3092847457 .fill-AB5{fill:#F7F8FE;}
.d2-3092847457 .stroke-N1{stroke:#0A0F25;}
.d2-3092847457 .stroke-N2{stroke:#676C7E;}
.d2-3092847457 .stroke-N3{stroke:#9499AB;}
.d2-3092847457 .stroke-N4{stroke:#CFD2DD;}
.d2-3092847457 .stroke-N5{stroke:#DEE1EB;}
.d2-3092847457 .stroke-N6{stroke:#EEF1F8;}
.d2-3092847457 .stroke-N7{stroke:#FFFFFF;}
.d2-3092847457 .stroke-B1{stroke:#0D32B2;}
.d2-3092847457 .stroke-B2{stroke:#0D32B2;}
.d2-3092847457 .stroke-B3{stroke:#E3E9FD;}
.d2-3092847457 .stroke-B4{stroke:#E3E9FD;}
.d2-3092847457 .stroke-B5{stroke:#EDF0FD;}
.d2-3092847457 .stroke-B6{stroke:#F7F8FE;}
.d2-3092847457 .stroke-AA2{stroke:#4A6FF3;}
.d2-3092847457 .stroke-AA4{stroke:#EDF0FD;}
.d2-3092847457 .stroke-AA5{stroke:#F7F8FE;}
.d2-3092847457 .stroke-AB4{stroke:#EDF0FD;}
.d2-3092847457 .stroke-AB5{stroke:#F7F8FE;}
.d2-3092847457 .background-color-N1{background-color:#0A0F25;}
.d2-3092847457 .background-color-N2{background-color:#676C7E;}
.d2-3092847457 .background-color-N3{background-color:#9499AB;}
.d2-3092847457 .background-color-N4{background-color:#CFD2DD;}
.d2-3092847457 .background-color-N5{background-color:#DEE1EB;}
.d2-3092847457 .background-color-N6{background-color:#EEF1F8;}
.d2-3092847457 .background-color-N7{background-color:#FFFFFF;}
.d2-3092847457 .background-color-B1{background-color:#0D32B2;}
.d2-3092847457 .background-color-B2{background-color:#0D32B2;}
.d2-3092847457 .background-color-B3{background-color:#E3E9FD;}
.d2-3092847457 .background-color-B4{background-color:#E3E9FD;}
.d2-3092847457 .background-color-B5{background-color:#EDF0FD;}
.d2-3092847457 .background-color-B6{background-color:#F7F8FE;}
.d2-3092847457 .background-color-AA2{background-color:#4A6FF3;}
.d2-3092847457 .background-color-AA4{background-color:#EDF0FD;}
.d2-3092847457 .background-color-AA5{background-color:#F7F8FE;}
.d2-3092847457 .background-color-AB4{background-color:#EDF0FD;}
.d2-3092847457 .background-color-AB5{background-color:#F7F8FE;}
.d2-3092847457 .color-N1{color:#0A0F25;}
.d2-3092847457 .color-N2{color:#676C7E;}
.d2-3092847457 .color-N3{color:#9499AB;}
.d2-3092847457 .color-N4{color:#CFD2DD;}
.d2-3092847457 .color-N5{color:#DEE1EB;}
.d2-3092847457 .color-N6{color:#EEF1F8;}
.d2-3092847457 .color-N7{color:#FFFFFF;}
.d2-3092847457 .color-B1{color:#0D32B2;}
.d2-3092847457 .color-B2{color:#0D32B2;}
.d2-3092847457 .color-B3{color:#E3E9FD;}
.d2-3092847457 .color-B4{color:#E3E9FD;}
.d2-3092847457 .color-B5{color:#EDF0FD;}
.d2-3092847457 .color-B6{color:#F7F8FE;}
.d2-3092847457 .color-AA2{color:#4A6FF3;}
.d2-3092847457 .color-AA4{color:#EDF0FD;}
.d2-3092847457 .color-AA5{color:#F7F8FE;}
.d2-3092847457 .color-AB4{color:#EDF0FD;}
.d2-3092847457 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="TSX"><g class="shape" ><rect x="0.000000" y="0.000000" width="72.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="36.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">TSX</text></g><g id="NYSE"><g class="shape" ><rect x="132.000000" y="0.000000" width="80.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="172.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">NYSE</text></g><g id="NASDAQ"><g class="shape" ><rect x="272.000000" y="0.000000" width="104.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="324.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">NASDAQ</text></g><mask id="d2-3092847457" maskUnits="userSpaceOnUse" x="-101" y="-101" width="578" height="268">
<rect x="-101" y="-101" width="578" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="27" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="154.500000" y="22.500000" width="35" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

152
e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/scenarios/why.exp.svg vendored
View file

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-1325376569" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-1325376569 .text-bold {
font-family: "d2-1325376569-font-bold";
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 434"><svg id="d2-svg" class="d2-2626224973" width="256" height="434" viewBox="-101 -101 256 434"><rect x="-101.000000" y="-101.000000" width="256.000000" height="434.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-2626224973 .text-bold {
font-family: "d2-2626224973-font-bold";
}
@font-face {
font-family: d2-1325376569-font-bold;
font-family: d2-2626224973-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -18,78 +18,78 @@
opacity: 0.5;
}
.d2-1325376569 .fill-N1{fill:#0A0F25;}
.d2-1325376569 .fill-N2{fill:#676C7E;}
.d2-1325376569 .fill-N3{fill:#9499AB;}
.d2-1325376569 .fill-N4{fill:#CFD2DD;}
.d2-1325376569 .fill-N5{fill:#DEE1EB;}
.d2-1325376569 .fill-N6{fill:#EEF1F8;}
.d2-1325376569 .fill-N7{fill:#FFFFFF;}
.d2-1325376569 .fill-B1{fill:#0D32B2;}
.d2-1325376569 .fill-B2{fill:#0D32B2;}
.d2-1325376569 .fill-B3{fill:#E3E9FD;}
.d2-1325376569 .fill-B4{fill:#E3E9FD;}
.d2-1325376569 .fill-B5{fill:#EDF0FD;}
.d2-1325376569 .fill-B6{fill:#F7F8FE;}
.d2-1325376569 .fill-AA2{fill:#4A6FF3;}
.d2-1325376569 .fill-AA4{fill:#EDF0FD;}
.d2-1325376569 .fill-AA5{fill:#F7F8FE;}
.d2-1325376569 .fill-AB4{fill:#EDF0FD;}
.d2-1325376569 .fill-AB5{fill:#F7F8FE;}
.d2-1325376569 .stroke-N1{stroke:#0A0F25;}
.d2-1325376569 .stroke-N2{stroke:#676C7E;}
.d2-1325376569 .stroke-N3{stroke:#9499AB;}
.d2-1325376569 .stroke-N4{stroke:#CFD2DD;}
.d2-1325376569 .stroke-N5{stroke:#DEE1EB;}
.d2-1325376569 .stroke-N6{stroke:#EEF1F8;}
.d2-1325376569 .stroke-N7{stroke:#FFFFFF;}
.d2-1325376569 .stroke-B1{stroke:#0D32B2;}
.d2-1325376569 .stroke-B2{stroke:#0D32B2;}
.d2-1325376569 .stroke-B3{stroke:#E3E9FD;}
.d2-1325376569 .stroke-B4{stroke:#E3E9FD;}
.d2-1325376569 .stroke-B5{stroke:#EDF0FD;}
.d2-1325376569 .stroke-B6{stroke:#F7F8FE;}
.d2-1325376569 .stroke-AA2{stroke:#4A6FF3;}
.d2-1325376569 .stroke-AA4{stroke:#EDF0FD;}
.d2-1325376569 .stroke-AA5{stroke:#F7F8FE;}
.d2-1325376569 .stroke-AB4{stroke:#EDF0FD;}
.d2-1325376569 .stroke-AB5{stroke:#F7F8FE;}
.d2-1325376569 .background-color-N1{background-color:#0A0F25;}
.d2-1325376569 .background-color-N2{background-color:#676C7E;}
.d2-1325376569 .background-color-N3{background-color:#9499AB;}
.d2-1325376569 .background-color-N4{background-color:#CFD2DD;}
.d2-1325376569 .background-color-N5{background-color:#DEE1EB;}
.d2-1325376569 .background-color-N6{background-color:#EEF1F8;}
.d2-1325376569 .background-color-N7{background-color:#FFFFFF;}
.d2-1325376569 .background-color-B1{background-color:#0D32B2;}
.d2-1325376569 .background-color-B2{background-color:#0D32B2;}
.d2-1325376569 .background-color-B3{background-color:#E3E9FD;}
.d2-1325376569 .background-color-B4{background-color:#E3E9FD;}
.d2-1325376569 .background-color-B5{background-color:#EDF0FD;}
.d2-1325376569 .background-color-B6{background-color:#F7F8FE;}
.d2-1325376569 .background-color-AA2{background-color:#4A6FF3;}
.d2-1325376569 .background-color-AA4{background-color:#EDF0FD;}
.d2-1325376569 .background-color-AA5{background-color:#F7F8FE;}
.d2-1325376569 .background-color-AB4{background-color:#EDF0FD;}
.d2-1325376569 .background-color-AB5{background-color:#F7F8FE;}
.d2-1325376569 .color-N1{color:#0A0F25;}
.d2-1325376569 .color-N2{color:#676C7E;}
.d2-1325376569 .color-N3{color:#9499AB;}
.d2-1325376569 .color-N4{color:#CFD2DD;}
.d2-1325376569 .color-N5{color:#DEE1EB;}
.d2-1325376569 .color-N6{color:#EEF1F8;}
.d2-1325376569 .color-N7{color:#FFFFFF;}
.d2-1325376569 .color-B1{color:#0D32B2;}
.d2-1325376569 .color-B2{color:#0D32B2;}
.d2-1325376569 .color-B3{color:#E3E9FD;}
.d2-1325376569 .color-B4{color:#E3E9FD;}
.d2-1325376569 .color-B5{color:#EDF0FD;}
.d2-1325376569 .color-B6{color:#F7F8FE;}
.d2-1325376569 .color-AA2{color:#4A6FF3;}
.d2-1325376569 .color-AA4{color:#EDF0FD;}
.d2-1325376569 .color-AA5{color:#F7F8FE;}
.d2-1325376569 .color-AB4{color:#EDF0FD;}
.d2-1325376569 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 22.761710 67.985754 C 18.200001 106.000000 18.200001 126.000000 22.523419 162.028493" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1325376569)" /></g><g id="(y -&gt; x)[0]"><path d="M 31.238290 164.014246 C 35.799999 126.000000 35.799999 106.000000 31.476581 69.971507" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1325376569)" /></g><mask id="d2-1325376569" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
.d2-2626224973 .fill-N1{fill:#0A0F25;}
.d2-2626224973 .fill-N2{fill:#676C7E;}
.d2-2626224973 .fill-N3{fill:#9499AB;}
.d2-2626224973 .fill-N4{fill:#CFD2DD;}
.d2-2626224973 .fill-N5{fill:#DEE1EB;}
.d2-2626224973 .fill-N6{fill:#EEF1F8;}
.d2-2626224973 .fill-N7{fill:#FFFFFF;}
.d2-2626224973 .fill-B1{fill:#0D32B2;}
.d2-2626224973 .fill-B2{fill:#0D32B2;}
.d2-2626224973 .fill-B3{fill:#E3E9FD;}
.d2-2626224973 .fill-B4{fill:#E3E9FD;}
.d2-2626224973 .fill-B5{fill:#EDF0FD;}
.d2-2626224973 .fill-B6{fill:#F7F8FE;}
.d2-2626224973 .fill-AA2{fill:#4A6FF3;}
.d2-2626224973 .fill-AA4{fill:#EDF0FD;}
.d2-2626224973 .fill-AA5{fill:#F7F8FE;}
.d2-2626224973 .fill-AB4{fill:#EDF0FD;}
.d2-2626224973 .fill-AB5{fill:#F7F8FE;}
.d2-2626224973 .stroke-N1{stroke:#0A0F25;}
.d2-2626224973 .stroke-N2{stroke:#676C7E;}
.d2-2626224973 .stroke-N3{stroke:#9499AB;}
.d2-2626224973 .stroke-N4{stroke:#CFD2DD;}
.d2-2626224973 .stroke-N5{stroke:#DEE1EB;}
.d2-2626224973 .stroke-N6{stroke:#EEF1F8;}
.d2-2626224973 .stroke-N7{stroke:#FFFFFF;}
.d2-2626224973 .stroke-B1{stroke:#0D32B2;}
.d2-2626224973 .stroke-B2{stroke:#0D32B2;}
.d2-2626224973 .stroke-B3{stroke:#E3E9FD;}
.d2-2626224973 .stroke-B4{stroke:#E3E9FD;}
.d2-2626224973 .stroke-B5{stroke:#EDF0FD;}
.d2-2626224973 .stroke-B6{stroke:#F7F8FE;}
.d2-2626224973 .stroke-AA2{stroke:#4A6FF3;}
.d2-2626224973 .stroke-AA4{stroke:#EDF0FD;}
.d2-2626224973 .stroke-AA5{stroke:#F7F8FE;}
.d2-2626224973 .stroke-AB4{stroke:#EDF0FD;}
.d2-2626224973 .stroke-AB5{stroke:#F7F8FE;}
.d2-2626224973 .background-color-N1{background-color:#0A0F25;}
.d2-2626224973 .background-color-N2{background-color:#676C7E;}
.d2-2626224973 .background-color-N3{background-color:#9499AB;}
.d2-2626224973 .background-color-N4{background-color:#CFD2DD;}
.d2-2626224973 .background-color-N5{background-color:#DEE1EB;}
.d2-2626224973 .background-color-N6{background-color:#EEF1F8;}
.d2-2626224973 .background-color-N7{background-color:#FFFFFF;}
.d2-2626224973 .background-color-B1{background-color:#0D32B2;}
.d2-2626224973 .background-color-B2{background-color:#0D32B2;}
.d2-2626224973 .background-color-B3{background-color:#E3E9FD;}
.d2-2626224973 .background-color-B4{background-color:#E3E9FD;}
.d2-2626224973 .background-color-B5{background-color:#EDF0FD;}
.d2-2626224973 .background-color-B6{background-color:#F7F8FE;}
.d2-2626224973 .background-color-AA2{background-color:#4A6FF3;}
.d2-2626224973 .background-color-AA4{background-color:#EDF0FD;}
.d2-2626224973 .background-color-AA5{background-color:#F7F8FE;}
.d2-2626224973 .background-color-AB4{background-color:#EDF0FD;}
.d2-2626224973 .background-color-AB5{background-color:#F7F8FE;}
.d2-2626224973 .color-N1{color:#0A0F25;}
.d2-2626224973 .color-N2{color:#676C7E;}
.d2-2626224973 .color-N3{color:#9499AB;}
.d2-2626224973 .color-N4{color:#CFD2DD;}
.d2-2626224973 .color-N5{color:#DEE1EB;}
.d2-2626224973 .color-N6{color:#EEF1F8;}
.d2-2626224973 .color-N7{color:#FFFFFF;}
.d2-2626224973 .color-B1{color:#0D32B2;}
.d2-2626224973 .color-B2{color:#0D32B2;}
.d2-2626224973 .color-B3{color:#E3E9FD;}
.d2-2626224973 .color-B4{color:#E3E9FD;}
.d2-2626224973 .color-B5{color:#EDF0FD;}
.d2-2626224973 .color-B6{color:#F7F8FE;}
.d2-2626224973 .color-AA2{color:#4A6FF3;}
.d2-2626224973 .color-AA4{color:#EDF0FD;}
.d2-2626224973 .color-AA5{color:#F7F8FE;}
.d2-2626224973 .color-AB4{color:#EDF0FD;}
.d2-2626224973 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 22.761710 67.985754 C 18.200001 106.000000 18.200001 126.000000 22.523419 162.028493" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2626224973)" /></g><g id="(y -&gt; x)[0]"><path d="M 31.238290 164.014246 C 35.799999 126.000000 35.799999 106.000000 31.476581 69.971507" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2626224973)" /></g><mask id="d2-2626224973" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="434">
<rect x="-101" y="-101" width="256" height="434" fill="white"></rect>
<rect x="23.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 9.7 KiB

BIN
e2etests-cli/testdata/TestCLI_E2E/no-nav-board.exp.pdf vendored Normal file
View file

Binary file not shown.

BIN
e2etests-cli/testdata/TestCLI_E2E/no-nav-pdf.exp.pdf vendored Normal file
View file

Binary file not shown.

BIN
e2etests-cli/testdata/TestCLI_E2E/no-nav-pptx.exp.pptx vendored Normal file
View file

Binary file not shown.

BIN
e2etests-cli/testdata/TestCLI_E2E/renamed-board.exp.pdf vendored Normal file
View file

Binary file not shown.

152
e2etests-cli/testdata/TestCLI_E2E/target-b.exp.svg vendored
View file

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 334 268"><svg id="d2-svg" class="d2-2079990668" width="334" height="268" viewBox="-101 -101 334 268"><rect x="-101.000000" y="-101.000000" width="334.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-2079990668 .text-bold {
font-family: "d2-2079990668-font-bold";
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 334 268"><svg id="d2-svg" class="d2-2211628542" width="334" height="268" viewBox="-101 -101 334 268"><rect x="-101.000000" y="-101.000000" width="334.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-2211628542 .text-bold {
font-family: "d2-2211628542-font-bold";
}
@font-face {
font-family: d2-2079990668-font-bold;
font-family: d2-2211628542-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -18,78 +18,78 @@
opacity: 0.5;
}
.d2-2079990668 .fill-N1{fill:#0A0F25;}
.d2-2079990668 .fill-N2{fill:#676C7E;}
.d2-2079990668 .fill-N3{fill:#9499AB;}
.d2-2079990668 .fill-N4{fill:#CFD2DD;}
.d2-2079990668 .fill-N5{fill:#DEE1EB;}
.d2-2079990668 .fill-N6{fill:#EEF1F8;}
.d2-2079990668 .fill-N7{fill:#FFFFFF;}
.d2-2079990668 .fill-B1{fill:#0D32B2;}
.d2-2079990668 .fill-B2{fill:#0D32B2;}
.d2-2079990668 .fill-B3{fill:#E3E9FD;}
.d2-2079990668 .fill-B4{fill:#E3E9FD;}
.d2-2079990668 .fill-B5{fill:#EDF0FD;}
.d2-2079990668 .fill-B6{fill:#F7F8FE;}
.d2-2079990668 .fill-AA2{fill:#4A6FF3;}
.d2-2079990668 .fill-AA4{fill:#EDF0FD;}
.d2-2079990668 .fill-AA5{fill:#F7F8FE;}
.d2-2079990668 .fill-AB4{fill:#EDF0FD;}
.d2-2079990668 .fill-AB5{fill:#F7F8FE;}
.d2-2079990668 .stroke-N1{stroke:#0A0F25;}
.d2-2079990668 .stroke-N2{stroke:#676C7E;}
.d2-2079990668 .stroke-N3{stroke:#9499AB;}
.d2-2079990668 .stroke-N4{stroke:#CFD2DD;}
.d2-2079990668 .stroke-N5{stroke:#DEE1EB;}
.d2-2079990668 .stroke-N6{stroke:#EEF1F8;}
.d2-2079990668 .stroke-N7{stroke:#FFFFFF;}
.d2-2079990668 .stroke-B1{stroke:#0D32B2;}
.d2-2079990668 .stroke-B2{stroke:#0D32B2;}
.d2-2079990668 .stroke-B3{stroke:#E3E9FD;}
.d2-2079990668 .stroke-B4{stroke:#E3E9FD;}
.d2-2079990668 .stroke-B5{stroke:#EDF0FD;}
.d2-2079990668 .stroke-B6{stroke:#F7F8FE;}
.d2-2079990668 .stroke-AA2{stroke:#4A6FF3;}
.d2-2079990668 .stroke-AA4{stroke:#EDF0FD;}
.d2-2079990668 .stroke-AA5{stroke:#F7F8FE;}
.d2-2079990668 .stroke-AB4{stroke:#EDF0FD;}
.d2-2079990668 .stroke-AB5{stroke:#F7F8FE;}
.d2-2079990668 .background-color-N1{background-color:#0A0F25;}
.d2-2079990668 .background-color-N2{background-color:#676C7E;}
.d2-2079990668 .background-color-N3{background-color:#9499AB;}
.d2-2079990668 .background-color-N4{background-color:#CFD2DD;}
.d2-2079990668 .background-color-N5{background-color:#DEE1EB;}
.d2-2079990668 .background-color-N6{background-color:#EEF1F8;}
.d2-2079990668 .background-color-N7{background-color:#FFFFFF;}
.d2-2079990668 .background-color-B1{background-color:#0D32B2;}
.d2-2079990668 .background-color-B2{background-color:#0D32B2;}
.d2-2079990668 .background-color-B3{background-color:#E3E9FD;}
.d2-2079990668 .background-color-B4{background-color:#E3E9FD;}
.d2-2079990668 .background-color-B5{background-color:#EDF0FD;}
.d2-2079990668 .background-color-B6{background-color:#F7F8FE;}
.d2-2079990668 .background-color-AA2{background-color:#4A6FF3;}
.d2-2079990668 .background-color-AA4{background-color:#EDF0FD;}
.d2-2079990668 .background-color-AA5{background-color:#F7F8FE;}
.d2-2079990668 .background-color-AB4{background-color:#EDF0FD;}
.d2-2079990668 .background-color-AB5{background-color:#F7F8FE;}
.d2-2079990668 .color-N1{color:#0A0F25;}
.d2-2079990668 .color-N2{color:#676C7E;}
.d2-2079990668 .color-N3{color:#9499AB;}
.d2-2079990668 .color-N4{color:#CFD2DD;}
.d2-2079990668 .color-N5{color:#DEE1EB;}
.d2-2079990668 .color-N6{color:#EEF1F8;}
.d2-2079990668 .color-N7{color:#FFFFFF;}
.d2-2079990668 .color-B1{color:#0D32B2;}
.d2-2079990668 .color-B2{color:#0D32B2;}
.d2-2079990668 .color-B3{color:#E3E9FD;}
.d2-2079990668 .color-B4{color:#E3E9FD;}
.d2-2079990668 .color-B5{color:#EDF0FD;}
.d2-2079990668 .color-B6{color:#F7F8FE;}
.d2-2079990668 .color-AA2{color:#4A6FF3;}
.d2-2079990668 .color-AA4{color:#EDF0FD;}
.d2-2079990668 .color-AA5{color:#F7F8FE;}
.d2-2079990668 .color-AB4{color:#EDF0FD;}
.d2-2079990668 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="title"><g class="shape" ><rect x="0.000000" y="0.000000" width="132.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="66.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Backup Plan</text></g><mask id="d2-2079990668" maskUnits="userSpaceOnUse" x="-101" y="-101" width="334" height="268">
.d2-2211628542 .fill-N1{fill:#0A0F25;}
.d2-2211628542 .fill-N2{fill:#676C7E;}
.d2-2211628542 .fill-N3{fill:#9499AB;}
.d2-2211628542 .fill-N4{fill:#CFD2DD;}
.d2-2211628542 .fill-N5{fill:#DEE1EB;}
.d2-2211628542 .fill-N6{fill:#EEF1F8;}
.d2-2211628542 .fill-N7{fill:#FFFFFF;}
.d2-2211628542 .fill-B1{fill:#0D32B2;}
.d2-2211628542 .fill-B2{fill:#0D32B2;}
.d2-2211628542 .fill-B3{fill:#E3E9FD;}
.d2-2211628542 .fill-B4{fill:#E3E9FD;}
.d2-2211628542 .fill-B5{fill:#EDF0FD;}
.d2-2211628542 .fill-B6{fill:#F7F8FE;}
.d2-2211628542 .fill-AA2{fill:#4A6FF3;}
.d2-2211628542 .fill-AA4{fill:#EDF0FD;}
.d2-2211628542 .fill-AA5{fill:#F7F8FE;}
.d2-2211628542 .fill-AB4{fill:#EDF0FD;}
.d2-2211628542 .fill-AB5{fill:#F7F8FE;}
.d2-2211628542 .stroke-N1{stroke:#0A0F25;}
.d2-2211628542 .stroke-N2{stroke:#676C7E;}
.d2-2211628542 .stroke-N3{stroke:#9499AB;}
.d2-2211628542 .stroke-N4{stroke:#CFD2DD;}
.d2-2211628542 .stroke-N5{stroke:#DEE1EB;}
.d2-2211628542 .stroke-N6{stroke:#EEF1F8;}
.d2-2211628542 .stroke-N7{stroke:#FFFFFF;}
.d2-2211628542 .stroke-B1{stroke:#0D32B2;}
.d2-2211628542 .stroke-B2{stroke:#0D32B2;}
.d2-2211628542 .stroke-B3{stroke:#E3E9FD;}
.d2-2211628542 .stroke-B4{stroke:#E3E9FD;}
.d2-2211628542 .stroke-B5{stroke:#EDF0FD;}
.d2-2211628542 .stroke-B6{stroke:#F7F8FE;}
.d2-2211628542 .stroke-AA2{stroke:#4A6FF3;}
.d2-2211628542 .stroke-AA4{stroke:#EDF0FD;}
.d2-2211628542 .stroke-AA5{stroke:#F7F8FE;}
.d2-2211628542 .stroke-AB4{stroke:#EDF0FD;}
.d2-2211628542 .stroke-AB5{stroke:#F7F8FE;}
.d2-2211628542 .background-color-N1{background-color:#0A0F25;}
.d2-2211628542 .background-color-N2{background-color:#676C7E;}
.d2-2211628542 .background-color-N3{background-color:#9499AB;}
.d2-2211628542 .background-color-N4{background-color:#CFD2DD;}
.d2-2211628542 .background-color-N5{background-color:#DEE1EB;}
.d2-2211628542 .background-color-N6{background-color:#EEF1F8;}
.d2-2211628542 .background-color-N7{background-color:#FFFFFF;}
.d2-2211628542 .background-color-B1{background-color:#0D32B2;}
.d2-2211628542 .background-color-B2{background-color:#0D32B2;}
.d2-2211628542 .background-color-B3{background-color:#E3E9FD;}
.d2-2211628542 .background-color-B4{background-color:#E3E9FD;}
.d2-2211628542 .background-color-B5{background-color:#EDF0FD;}
.d2-2211628542 .background-color-B6{background-color:#F7F8FE;}
.d2-2211628542 .background-color-AA2{background-color:#4A6FF3;}
.d2-2211628542 .background-color-AA4{background-color:#EDF0FD;}
.d2-2211628542 .background-color-AA5{background-color:#F7F8FE;}
.d2-2211628542 .background-color-AB4{background-color:#EDF0FD;}
.d2-2211628542 .background-color-AB5{background-color:#F7F8FE;}
.d2-2211628542 .color-N1{color:#0A0F25;}
.d2-2211628542 .color-N2{color:#676C7E;}
.d2-2211628542 .color-N3{color:#9499AB;}
.d2-2211628542 .color-N4{color:#CFD2DD;}
.d2-2211628542 .color-N5{color:#DEE1EB;}
.d2-2211628542 .color-N6{color:#EEF1F8;}
.d2-2211628542 .color-N7{color:#FFFFFF;}
.d2-2211628542 .color-B1{color:#0D32B2;}
.d2-2211628542 .color-B2{color:#0D32B2;}
.d2-2211628542 .color-B3{color:#E3E9FD;}
.d2-2211628542 .color-B4{color:#E3E9FD;}
.d2-2211628542 .color-B5{color:#EDF0FD;}
.d2-2211628542 .color-B6{color:#F7F8FE;}
.d2-2211628542 .color-AA2{color:#4A6FF3;}
.d2-2211628542 .color-AA4{color:#EDF0FD;}
.d2-2211628542 .color-AA5{color:#F7F8FE;}
.d2-2211628542 .color-AB4{color:#EDF0FD;}
.d2-2211628542 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="title"><g class="shape" ><rect x="0.000000" y="0.000000" width="132.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="66.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Backup Plan</text></g><mask id="d2-2211628542" maskUnits="userSpaceOnUse" x="-101" y="-101" width="334" height="268">
<rect x="-101" y="-101" width="334" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="87" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB

152
e2etests-cli/testdata/TestCLI_E2E/target-nested-index.exp.svg vendored
View file

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 268"><svg id="d2-svg" class="d2-2306023678" width="256" height="268" viewBox="-101 -101 256 268"><rect x="-101.000000" y="-101.000000" width="256.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-2306023678 .text-bold {
font-family: "d2-2306023678-font-bold";
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 256 268"><svg id="d2-svg" class="d2-3453018447" width="256" height="268" viewBox="-101 -101 256 268"><rect x="-101.000000" y="-101.000000" width="256.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-3453018447 .text-bold {
font-family: "d2-3453018447-font-bold";
}
@font-face {
font-family: d2-2306023678-font-bold;
font-family: d2-3453018447-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -18,78 +18,78 @@
opacity: 0.5;
}
.d2-2306023678 .fill-N1{fill:#0A0F25;}
.d2-2306023678 .fill-N2{fill:#676C7E;}
.d2-2306023678 .fill-N3{fill:#9499AB;}
.d2-2306023678 .fill-N4{fill:#CFD2DD;}
.d2-2306023678 .fill-N5{fill:#DEE1EB;}
.d2-2306023678 .fill-N6{fill:#EEF1F8;}
.d2-2306023678 .fill-N7{fill:#FFFFFF;}
.d2-2306023678 .fill-B1{fill:#0D32B2;}
.d2-2306023678 .fill-B2{fill:#0D32B2;}
.d2-2306023678 .fill-B3{fill:#E3E9FD;}
.d2-2306023678 .fill-B4{fill:#E3E9FD;}
.d2-2306023678 .fill-B5{fill:#EDF0FD;}
.d2-2306023678 .fill-B6{fill:#F7F8FE;}
.d2-2306023678 .fill-AA2{fill:#4A6FF3;}
.d2-2306023678 .fill-AA4{fill:#EDF0FD;}
.d2-2306023678 .fill-AA5{fill:#F7F8FE;}
.d2-2306023678 .fill-AB4{fill:#EDF0FD;}
.d2-2306023678 .fill-AB5{fill:#F7F8FE;}
.d2-2306023678 .stroke-N1{stroke:#0A0F25;}
.d2-2306023678 .stroke-N2{stroke:#676C7E;}
.d2-2306023678 .stroke-N3{stroke:#9499AB;}
.d2-2306023678 .stroke-N4{stroke:#CFD2DD;}
.d2-2306023678 .stroke-N5{stroke:#DEE1EB;}
.d2-2306023678 .stroke-N6{stroke:#EEF1F8;}
.d2-2306023678 .stroke-N7{stroke:#FFFFFF;}
.d2-2306023678 .stroke-B1{stroke:#0D32B2;}
.d2-2306023678 .stroke-B2{stroke:#0D32B2;}
.d2-2306023678 .stroke-B3{stroke:#E3E9FD;}
.d2-2306023678 .stroke-B4{stroke:#E3E9FD;}
.d2-2306023678 .stroke-B5{stroke:#EDF0FD;}
.d2-2306023678 .stroke-B6{stroke:#F7F8FE;}
.d2-2306023678 .stroke-AA2{stroke:#4A6FF3;}
.d2-2306023678 .stroke-AA4{stroke:#EDF0FD;}
.d2-2306023678 .stroke-AA5{stroke:#F7F8FE;}
.d2-2306023678 .stroke-AB4{stroke:#EDF0FD;}
.d2-2306023678 .stroke-AB5{stroke:#F7F8FE;}
.d2-2306023678 .background-color-N1{background-color:#0A0F25;}
.d2-2306023678 .background-color-N2{background-color:#676C7E;}
.d2-2306023678 .background-color-N3{background-color:#9499AB;}
.d2-2306023678 .background-color-N4{background-color:#CFD2DD;}
.d2-2306023678 .background-color-N5{background-color:#DEE1EB;}
.d2-2306023678 .background-color-N6{background-color:#EEF1F8;}
.d2-2306023678 .background-color-N7{background-color:#FFFFFF;}
.d2-2306023678 .background-color-B1{background-color:#0D32B2;}
.d2-2306023678 .background-color-B2{background-color:#0D32B2;}
.d2-2306023678 .background-color-B3{background-color:#E3E9FD;}
.d2-2306023678 .background-color-B4{background-color:#E3E9FD;}
.d2-2306023678 .background-color-B5{background-color:#EDF0FD;}
.d2-2306023678 .background-color-B6{background-color:#F7F8FE;}
.d2-2306023678 .background-color-AA2{background-color:#4A6FF3;}
.d2-2306023678 .background-color-AA4{background-color:#EDF0FD;}
.d2-2306023678 .background-color-AA5{background-color:#F7F8FE;}
.d2-2306023678 .background-color-AB4{background-color:#EDF0FD;}
.d2-2306023678 .background-color-AB5{background-color:#F7F8FE;}
.d2-2306023678 .color-N1{color:#0A0F25;}
.d2-2306023678 .color-N2{color:#676C7E;}
.d2-2306023678 .color-N3{color:#9499AB;}
.d2-2306023678 .color-N4{color:#CFD2DD;}
.d2-2306023678 .color-N5{color:#DEE1EB;}
.d2-2306023678 .color-N6{color:#EEF1F8;}
.d2-2306023678 .color-N7{color:#FFFFFF;}
.d2-2306023678 .color-B1{color:#0D32B2;}
.d2-2306023678 .color-B2{color:#0D32B2;}
.d2-2306023678 .color-B3{color:#E3E9FD;}
.d2-2306023678 .color-B4{color:#E3E9FD;}
.d2-2306023678 .color-B5{color:#EDF0FD;}
.d2-2306023678 .color-B6{color:#F7F8FE;}
.d2-2306023678 .color-AA2{color:#4A6FF3;}
.d2-2306023678 .color-AA4{color:#EDF0FD;}
.d2-2306023678 .color-AA5{color:#F7F8FE;}
.d2-2306023678 .color-AB4{color:#EDF0FD;}
.d2-2306023678 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="d"><g class="shape" ><rect x="0.000000" y="0.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-2306023678" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="268">
.d2-3453018447 .fill-N1{fill:#0A0F25;}
.d2-3453018447 .fill-N2{fill:#676C7E;}
.d2-3453018447 .fill-N3{fill:#9499AB;}
.d2-3453018447 .fill-N4{fill:#CFD2DD;}
.d2-3453018447 .fill-N5{fill:#DEE1EB;}
.d2-3453018447 .fill-N6{fill:#EEF1F8;}
.d2-3453018447 .fill-N7{fill:#FFFFFF;}
.d2-3453018447 .fill-B1{fill:#0D32B2;}
.d2-3453018447 .fill-B2{fill:#0D32B2;}
.d2-3453018447 .fill-B3{fill:#E3E9FD;}
.d2-3453018447 .fill-B4{fill:#E3E9FD;}
.d2-3453018447 .fill-B5{fill:#EDF0FD;}
.d2-3453018447 .fill-B6{fill:#F7F8FE;}
.d2-3453018447 .fill-AA2{fill:#4A6FF3;}
.d2-3453018447 .fill-AA4{fill:#EDF0FD;}
.d2-3453018447 .fill-AA5{fill:#F7F8FE;}
.d2-3453018447 .fill-AB4{fill:#EDF0FD;}
.d2-3453018447 .fill-AB5{fill:#F7F8FE;}
.d2-3453018447 .stroke-N1{stroke:#0A0F25;}
.d2-3453018447 .stroke-N2{stroke:#676C7E;}
.d2-3453018447 .stroke-N3{stroke:#9499AB;}
.d2-3453018447 .stroke-N4{stroke:#CFD2DD;}
.d2-3453018447 .stroke-N5{stroke:#DEE1EB;}
.d2-3453018447 .stroke-N6{stroke:#EEF1F8;}
.d2-3453018447 .stroke-N7{stroke:#FFFFFF;}
.d2-3453018447 .stroke-B1{stroke:#0D32B2;}
.d2-3453018447 .stroke-B2{stroke:#0D32B2;}
.d2-3453018447 .stroke-B3{stroke:#E3E9FD;}
.d2-3453018447 .stroke-B4{stroke:#E3E9FD;}
.d2-3453018447 .stroke-B5{stroke:#EDF0FD;}
.d2-3453018447 .stroke-B6{stroke:#F7F8FE;}
.d2-3453018447 .stroke-AA2{stroke:#4A6FF3;}
.d2-3453018447 .stroke-AA4{stroke:#EDF0FD;}
.d2-3453018447 .stroke-AA5{stroke:#F7F8FE;}
.d2-3453018447 .stroke-AB4{stroke:#EDF0FD;}
.d2-3453018447 .stroke-AB5{stroke:#F7F8FE;}
.d2-3453018447 .background-color-N1{background-color:#0A0F25;}
.d2-3453018447 .background-color-N2{background-color:#676C7E;}
.d2-3453018447 .background-color-N3{background-color:#9499AB;}
.d2-3453018447 .background-color-N4{background-color:#CFD2DD;}
.d2-3453018447 .background-color-N5{background-color:#DEE1EB;}
.d2-3453018447 .background-color-N6{background-color:#EEF1F8;}
.d2-3453018447 .background-color-N7{background-color:#FFFFFF;}
.d2-3453018447 .background-color-B1{background-color:#0D32B2;}
.d2-3453018447 .background-color-B2{background-color:#0D32B2;}
.d2-3453018447 .background-color-B3{background-color:#E3E9FD;}
.d2-3453018447 .background-color-B4{background-color:#E3E9FD;}
.d2-3453018447 .background-color-B5{background-color:#EDF0FD;}
.d2-3453018447 .background-color-B6{background-color:#F7F8FE;}
.d2-3453018447 .background-color-AA2{background-color:#4A6FF3;}
.d2-3453018447 .background-color-AA4{background-color:#EDF0FD;}
.d2-3453018447 .background-color-AA5{background-color:#F7F8FE;}
.d2-3453018447 .background-color-AB4{background-color:#EDF0FD;}
.d2-3453018447 .background-color-AB5{background-color:#F7F8FE;}
.d2-3453018447 .color-N1{color:#0A0F25;}
.d2-3453018447 .color-N2{color:#676C7E;}
.d2-3453018447 .color-N3{color:#9499AB;}
.d2-3453018447 .color-N4{color:#CFD2DD;}
.d2-3453018447 .color-N5{color:#DEE1EB;}
.d2-3453018447 .color-N6{color:#EEF1F8;}
.d2-3453018447 .color-N7{color:#FFFFFF;}
.d2-3453018447 .color-B1{color:#0D32B2;}
.d2-3453018447 .color-B2{color:#0D32B2;}
.d2-3453018447 .color-B3{color:#E3E9FD;}
.d2-3453018447 .color-B4{color:#E3E9FD;}
.d2-3453018447 .color-B5{color:#EDF0FD;}
.d2-3453018447 .color-B6{color:#F7F8FE;}
.d2-3453018447 .color-AA2{color:#4A6FF3;}
.d2-3453018447 .color-AA4{color:#EDF0FD;}
.d2-3453018447 .color-AA5{color:#F7F8FE;}
.d2-3453018447 .color-AB4{color:#EDF0FD;}
.d2-3453018447 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="d"><g class="shape" ><rect x="0.000000" y="0.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-3453018447" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="268">
<rect x="-101" y="-101" width="256" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 8.5 KiB

152
e2etests-cli/testdata/TestCLI_E2E/target-nested-index2.exp.svg vendored
View file

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 369 268"><svg id="d2-svg" class="d2-3684577162" width="369" height="268" viewBox="-101 -101 369 268"><rect x="-101.000000" y="-101.000000" width="369.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-3684577162 .text-bold {
font-family: "d2-3684577162-font-bold";
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 369 268"><svg id="d2-svg" class="d2-442995922" width="369" height="268" viewBox="-101 -101 369 268"><rect x="-101.000000" y="-101.000000" width="369.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-442995922 .text-bold {
font-family: "d2-442995922-font-bold";
}
@font-face {
font-family: d2-3684577162-font-bold;
font-family: d2-442995922-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -18,78 +18,78 @@
opacity: 0.5;
}
.d2-3684577162 .fill-N1{fill:#0A0F25;}
.d2-3684577162 .fill-N2{fill:#676C7E;}
.d2-3684577162 .fill-N3{fill:#9499AB;}
.d2-3684577162 .fill-N4{fill:#CFD2DD;}
.d2-3684577162 .fill-N5{fill:#DEE1EB;}
.d2-3684577162 .fill-N6{fill:#EEF1F8;}
.d2-3684577162 .fill-N7{fill:#FFFFFF;}
.d2-3684577162 .fill-B1{fill:#0D32B2;}
.d2-3684577162 .fill-B2{fill:#0D32B2;}
.d2-3684577162 .fill-B3{fill:#E3E9FD;}
.d2-3684577162 .fill-B4{fill:#E3E9FD;}
.d2-3684577162 .fill-B5{fill:#EDF0FD;}
.d2-3684577162 .fill-B6{fill:#F7F8FE;}
.d2-3684577162 .fill-AA2{fill:#4A6FF3;}
.d2-3684577162 .fill-AA4{fill:#EDF0FD;}
.d2-3684577162 .fill-AA5{fill:#F7F8FE;}
.d2-3684577162 .fill-AB4{fill:#EDF0FD;}
.d2-3684577162 .fill-AB5{fill:#F7F8FE;}
.d2-3684577162 .stroke-N1{stroke:#0A0F25;}
.d2-3684577162 .stroke-N2{stroke:#676C7E;}
.d2-3684577162 .stroke-N3{stroke:#9499AB;}
.d2-3684577162 .stroke-N4{stroke:#CFD2DD;}
.d2-3684577162 .stroke-N5{stroke:#DEE1EB;}
.d2-3684577162 .stroke-N6{stroke:#EEF1F8;}
.d2-3684577162 .stroke-N7{stroke:#FFFFFF;}
.d2-3684577162 .stroke-B1{stroke:#0D32B2;}
.d2-3684577162 .stroke-B2{stroke:#0D32B2;}
.d2-3684577162 .stroke-B3{stroke:#E3E9FD;}
.d2-3684577162 .stroke-B4{stroke:#E3E9FD;}
.d2-3684577162 .stroke-B5{stroke:#EDF0FD;}
.d2-3684577162 .stroke-B6{stroke:#F7F8FE;}
.d2-3684577162 .stroke-AA2{stroke:#4A6FF3;}
.d2-3684577162 .stroke-AA4{stroke:#EDF0FD;}
.d2-3684577162 .stroke-AA5{stroke:#F7F8FE;}
.d2-3684577162 .stroke-AB4{stroke:#EDF0FD;}
.d2-3684577162 .stroke-AB5{stroke:#F7F8FE;}
.d2-3684577162 .background-color-N1{background-color:#0A0F25;}
.d2-3684577162 .background-color-N2{background-color:#676C7E;}
.d2-3684577162 .background-color-N3{background-color:#9499AB;}
.d2-3684577162 .background-color-N4{background-color:#CFD2DD;}
.d2-3684577162 .background-color-N5{background-color:#DEE1EB;}
.d2-3684577162 .background-color-N6{background-color:#EEF1F8;}
.d2-3684577162 .background-color-N7{background-color:#FFFFFF;}
.d2-3684577162 .background-color-B1{background-color:#0D32B2;}
.d2-3684577162 .background-color-B2{background-color:#0D32B2;}
.d2-3684577162 .background-color-B3{background-color:#E3E9FD;}
.d2-3684577162 .background-color-B4{background-color:#E3E9FD;}
.d2-3684577162 .background-color-B5{background-color:#EDF0FD;}
.d2-3684577162 .background-color-B6{background-color:#F7F8FE;}
.d2-3684577162 .background-color-AA2{background-color:#4A6FF3;}
.d2-3684577162 .background-color-AA4{background-color:#EDF0FD;}
.d2-3684577162 .background-color-AA5{background-color:#F7F8FE;}
.d2-3684577162 .background-color-AB4{background-color:#EDF0FD;}
.d2-3684577162 .background-color-AB5{background-color:#F7F8FE;}
.d2-3684577162 .color-N1{color:#0A0F25;}
.d2-3684577162 .color-N2{color:#676C7E;}
.d2-3684577162 .color-N3{color:#9499AB;}
.d2-3684577162 .color-N4{color:#CFD2DD;}
.d2-3684577162 .color-N5{color:#DEE1EB;}
.d2-3684577162 .color-N6{color:#EEF1F8;}
.d2-3684577162 .color-N7{color:#FFFFFF;}
.d2-3684577162 .color-B1{color:#0D32B2;}
.d2-3684577162 .color-B2{color:#0D32B2;}
.d2-3684577162 .color-B3{color:#E3E9FD;}
.d2-3684577162 .color-B4{color:#E3E9FD;}
.d2-3684577162 .color-B5{color:#EDF0FD;}
.d2-3684577162 .color-B6{color:#F7F8FE;}
.d2-3684577162 .color-AA2{color:#4A6FF3;}
.d2-3684577162 .color-AA4{color:#EDF0FD;}
.d2-3684577162 .color-AA5{color:#F7F8FE;}
.d2-3684577162 .color-AB4{color:#EDF0FD;}
.d2-3684577162 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="c"><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="d"><g class="shape" ><rect x="113.000000" y="0.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="140.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-3684577162" maskUnits="userSpaceOnUse" x="-101" y="-101" width="369" height="268">
.d2-442995922 .fill-N1{fill:#0A0F25;}
.d2-442995922 .fill-N2{fill:#676C7E;}
.d2-442995922 .fill-N3{fill:#9499AB;}
.d2-442995922 .fill-N4{fill:#CFD2DD;}
.d2-442995922 .fill-N5{fill:#DEE1EB;}
.d2-442995922 .fill-N6{fill:#EEF1F8;}
.d2-442995922 .fill-N7{fill:#FFFFFF;}
.d2-442995922 .fill-B1{fill:#0D32B2;}
.d2-442995922 .fill-B2{fill:#0D32B2;}
.d2-442995922 .fill-B3{fill:#E3E9FD;}
.d2-442995922 .fill-B4{fill:#E3E9FD;}
.d2-442995922 .fill-B5{fill:#EDF0FD;}
.d2-442995922 .fill-B6{fill:#F7F8FE;}
.d2-442995922 .fill-AA2{fill:#4A6FF3;}
.d2-442995922 .fill-AA4{fill:#EDF0FD;}
.d2-442995922 .fill-AA5{fill:#F7F8FE;}
.d2-442995922 .fill-AB4{fill:#EDF0FD;}
.d2-442995922 .fill-AB5{fill:#F7F8FE;}
.d2-442995922 .stroke-N1{stroke:#0A0F25;}
.d2-442995922 .stroke-N2{stroke:#676C7E;}
.d2-442995922 .stroke-N3{stroke:#9499AB;}
.d2-442995922 .stroke-N4{stroke:#CFD2DD;}
.d2-442995922 .stroke-N5{stroke:#DEE1EB;}
.d2-442995922 .stroke-N6{stroke:#EEF1F8;}
.d2-442995922 .stroke-N7{stroke:#FFFFFF;}
.d2-442995922 .stroke-B1{stroke:#0D32B2;}
.d2-442995922 .stroke-B2{stroke:#0D32B2;}
.d2-442995922 .stroke-B3{stroke:#E3E9FD;}
.d2-442995922 .stroke-B4{stroke:#E3E9FD;}
.d2-442995922 .stroke-B5{stroke:#EDF0FD;}
.d2-442995922 .stroke-B6{stroke:#F7F8FE;}
.d2-442995922 .stroke-AA2{stroke:#4A6FF3;}
.d2-442995922 .stroke-AA4{stroke:#EDF0FD;}
.d2-442995922 .stroke-AA5{stroke:#F7F8FE;}
.d2-442995922 .stroke-AB4{stroke:#EDF0FD;}
.d2-442995922 .stroke-AB5{stroke:#F7F8FE;}
.d2-442995922 .background-color-N1{background-color:#0A0F25;}
.d2-442995922 .background-color-N2{background-color:#676C7E;}
.d2-442995922 .background-color-N3{background-color:#9499AB;}
.d2-442995922 .background-color-N4{background-color:#CFD2DD;}
.d2-442995922 .background-color-N5{background-color:#DEE1EB;}
.d2-442995922 .background-color-N6{background-color:#EEF1F8;}
.d2-442995922 .background-color-N7{background-color:#FFFFFF;}
.d2-442995922 .background-color-B1{background-color:#0D32B2;}
.d2-442995922 .background-color-B2{background-color:#0D32B2;}
.d2-442995922 .background-color-B3{background-color:#E3E9FD;}
.d2-442995922 .background-color-B4{background-color:#E3E9FD;}
.d2-442995922 .background-color-B5{background-color:#EDF0FD;}
.d2-442995922 .background-color-B6{background-color:#F7F8FE;}
.d2-442995922 .background-color-AA2{background-color:#4A6FF3;}
.d2-442995922 .background-color-AA4{background-color:#EDF0FD;}
.d2-442995922 .background-color-AA5{background-color:#F7F8FE;}
.d2-442995922 .background-color-AB4{background-color:#EDF0FD;}
.d2-442995922 .background-color-AB5{background-color:#F7F8FE;}
.d2-442995922 .color-N1{color:#0A0F25;}
.d2-442995922 .color-N2{color:#676C7E;}
.d2-442995922 .color-N3{color:#9499AB;}
.d2-442995922 .color-N4{color:#CFD2DD;}
.d2-442995922 .color-N5{color:#DEE1EB;}
.d2-442995922 .color-N6{color:#EEF1F8;}
.d2-442995922 .color-N7{color:#FFFFFF;}
.d2-442995922 .color-B1{color:#0D32B2;}
.d2-442995922 .color-B2{color:#0D32B2;}
.d2-442995922 .color-B3{color:#E3E9FD;}
.d2-442995922 .color-B4{color:#E3E9FD;}
.d2-442995922 .color-B5{color:#EDF0FD;}
.d2-442995922 .color-B6{color:#F7F8FE;}
.d2-442995922 .color-AA2{color:#4A6FF3;}
.d2-442995922 .color-AA4{color:#EDF0FD;}
.d2-442995922 .color-AA5{color:#F7F8FE;}
.d2-442995922 .color-AB4{color:#EDF0FD;}
.d2-442995922 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="c"><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="d"><g class="shape" ><rect x="113.000000" y="0.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="140.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-442995922" maskUnits="userSpaceOnUse" x="-101" y="-101" width="369" height="268">
<rect x="-101" y="-101" width="369" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="135.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.9 KiB

After

Width:  |  Height:  |  Size: 8.9 KiB

152
e2etests-cli/testdata/TestCLI_E2E/target-nested-with-special-chars.exp.svg vendored
View file

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 278 268"><svg id="d2-svg" class="d2-774159559" width="278" height="268" viewBox="-101 -101 278 268"><rect x="-101.000000" y="-101.000000" width="278.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-774159559 .text-bold {
font-family: "d2-774159559-font-bold";
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 278 268"><svg id="d2-svg" class="d2-3908899319" width="278" height="268" viewBox="-101 -101 278 268"><rect x="-101.000000" y="-101.000000" width="278.000000" height="268.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-3908899319 .text-bold {
font-family: "d2-3908899319-font-bold";
}
@font-face {
font-family: d2-774159559-font-bold;
font-family: d2-3908899319-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -18,78 +18,78 @@
opacity: 0.5;
}
.d2-774159559 .fill-N1{fill:#0A0F25;}
.d2-774159559 .fill-N2{fill:#676C7E;}
.d2-774159559 .fill-N3{fill:#9499AB;}
.d2-774159559 .fill-N4{fill:#CFD2DD;}
.d2-774159559 .fill-N5{fill:#DEE1EB;}
.d2-774159559 .fill-N6{fill:#EEF1F8;}
.d2-774159559 .fill-N7{fill:#FFFFFF;}
.d2-774159559 .fill-B1{fill:#0D32B2;}
.d2-774159559 .fill-B2{fill:#0D32B2;}
.d2-774159559 .fill-B3{fill:#E3E9FD;}
.d2-774159559 .fill-B4{fill:#E3E9FD;}
.d2-774159559 .fill-B5{fill:#EDF0FD;}
.d2-774159559 .fill-B6{fill:#F7F8FE;}
.d2-774159559 .fill-AA2{fill:#4A6FF3;}
.d2-774159559 .fill-AA4{fill:#EDF0FD;}
.d2-774159559 .fill-AA5{fill:#F7F8FE;}
.d2-774159559 .fill-AB4{fill:#EDF0FD;}
.d2-774159559 .fill-AB5{fill:#F7F8FE;}
.d2-774159559 .stroke-N1{stroke:#0A0F25;}
.d2-774159559 .stroke-N2{stroke:#676C7E;}
.d2-774159559 .stroke-N3{stroke:#9499AB;}
.d2-774159559 .stroke-N4{stroke:#CFD2DD;}
.d2-774159559 .stroke-N5{stroke:#DEE1EB;}
.d2-774159559 .stroke-N6{stroke:#EEF1F8;}
.d2-774159559 .stroke-N7{stroke:#FFFFFF;}
.d2-774159559 .stroke-B1{stroke:#0D32B2;}
.d2-774159559 .stroke-B2{stroke:#0D32B2;}
.d2-774159559 .stroke-B3{stroke:#E3E9FD;}
.d2-774159559 .stroke-B4{stroke:#E3E9FD;}
.d2-774159559 .stroke-B5{stroke:#EDF0FD;}
.d2-774159559 .stroke-B6{stroke:#F7F8FE;}
.d2-774159559 .stroke-AA2{stroke:#4A6FF3;}
.d2-774159559 .stroke-AA4{stroke:#EDF0FD;}
.d2-774159559 .stroke-AA5{stroke:#F7F8FE;}
.d2-774159559 .stroke-AB4{stroke:#EDF0FD;}
.d2-774159559 .stroke-AB5{stroke:#F7F8FE;}
.d2-774159559 .background-color-N1{background-color:#0A0F25;}
.d2-774159559 .background-color-N2{background-color:#676C7E;}
.d2-774159559 .background-color-N3{background-color:#9499AB;}
.d2-774159559 .background-color-N4{background-color:#CFD2DD;}
.d2-774159559 .background-color-N5{background-color:#DEE1EB;}
.d2-774159559 .background-color-N6{background-color:#EEF1F8;}
.d2-774159559 .background-color-N7{background-color:#FFFFFF;}
.d2-774159559 .background-color-B1{background-color:#0D32B2;}
.d2-774159559 .background-color-B2{background-color:#0D32B2;}
.d2-774159559 .background-color-B3{background-color:#E3E9FD;}
.d2-774159559 .background-color-B4{background-color:#E3E9FD;}
.d2-774159559 .background-color-B5{background-color:#EDF0FD;}
.d2-774159559 .background-color-B6{background-color:#F7F8FE;}
.d2-774159559 .background-color-AA2{background-color:#4A6FF3;}
.d2-774159559 .background-color-AA4{background-color:#EDF0FD;}
.d2-774159559 .background-color-AA5{background-color:#F7F8FE;}
.d2-774159559 .background-color-AB4{background-color:#EDF0FD;}
.d2-774159559 .background-color-AB5{background-color:#F7F8FE;}
.d2-774159559 .color-N1{color:#0A0F25;}
.d2-774159559 .color-N2{color:#676C7E;}
.d2-774159559 .color-N3{color:#9499AB;}
.d2-774159559 .color-N4{color:#CFD2DD;}
.d2-774159559 .color-N5{color:#DEE1EB;}
.d2-774159559 .color-N6{color:#EEF1F8;}
.d2-774159559 .color-N7{color:#FFFFFF;}
.d2-774159559 .color-B1{color:#0D32B2;}
.d2-774159559 .color-B2{color:#0D32B2;}
.d2-774159559 .color-B3{color:#E3E9FD;}
.d2-774159559 .color-B4{color:#E3E9FD;}
.d2-774159559 .color-B5{color:#EDF0FD;}
.d2-774159559 .color-B6{color:#F7F8FE;}
.d2-774159559 .color-AA2{color:#4A6FF3;}
.d2-774159559 .color-AA4{color:#EDF0FD;}
.d2-774159559 .color-AA5{color:#F7F8FE;}
.d2-774159559 .color-AB4{color:#EDF0FD;}
.d2-774159559 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="mad"><g class="shape" ><rect x="0.000000" y="0.000000" width="76.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">mad</text></g><mask id="d2-774159559" maskUnits="userSpaceOnUse" x="-101" y="-101" width="278" height="268">
.d2-3908899319 .fill-N1{fill:#0A0F25;}
.d2-3908899319 .fill-N2{fill:#676C7E;}
.d2-3908899319 .fill-N3{fill:#9499AB;}
.d2-3908899319 .fill-N4{fill:#CFD2DD;}
.d2-3908899319 .fill-N5{fill:#DEE1EB;}
.d2-3908899319 .fill-N6{fill:#EEF1F8;}
.d2-3908899319 .fill-N7{fill:#FFFFFF;}
.d2-3908899319 .fill-B1{fill:#0D32B2;}
.d2-3908899319 .fill-B2{fill:#0D32B2;}
.d2-3908899319 .fill-B3{fill:#E3E9FD;}
.d2-3908899319 .fill-B4{fill:#E3E9FD;}
.d2-3908899319 .fill-B5{fill:#EDF0FD;}
.d2-3908899319 .fill-B6{fill:#F7F8FE;}
.d2-3908899319 .fill-AA2{fill:#4A6FF3;}
.d2-3908899319 .fill-AA4{fill:#EDF0FD;}
.d2-3908899319 .fill-AA5{fill:#F7F8FE;}
.d2-3908899319 .fill-AB4{fill:#EDF0FD;}
.d2-3908899319 .fill-AB5{fill:#F7F8FE;}
.d2-3908899319 .stroke-N1{stroke:#0A0F25;}
.d2-3908899319 .stroke-N2{stroke:#676C7E;}
.d2-3908899319 .stroke-N3{stroke:#9499AB;}
.d2-3908899319 .stroke-N4{stroke:#CFD2DD;}
.d2-3908899319 .stroke-N5{stroke:#DEE1EB;}
.d2-3908899319 .stroke-N6{stroke:#EEF1F8;}
.d2-3908899319 .stroke-N7{stroke:#FFFFFF;}
.d2-3908899319 .stroke-B1{stroke:#0D32B2;}
.d2-3908899319 .stroke-B2{stroke:#0D32B2;}
.d2-3908899319 .stroke-B3{stroke:#E3E9FD;}
.d2-3908899319 .stroke-B4{stroke:#E3E9FD;}
.d2-3908899319 .stroke-B5{stroke:#EDF0FD;}
.d2-3908899319 .stroke-B6{stroke:#F7F8FE;}
.d2-3908899319 .stroke-AA2{stroke:#4A6FF3;}
.d2-3908899319 .stroke-AA4{stroke:#EDF0FD;}
.d2-3908899319 .stroke-AA5{stroke:#F7F8FE;}
.d2-3908899319 .stroke-AB4{stroke:#EDF0FD;}
.d2-3908899319 .stroke-AB5{stroke:#F7F8FE;}
.d2-3908899319 .background-color-N1{background-color:#0A0F25;}
.d2-3908899319 .background-color-N2{background-color:#676C7E;}
.d2-3908899319 .background-color-N3{background-color:#9499AB;}
.d2-3908899319 .background-color-N4{background-color:#CFD2DD;}
.d2-3908899319 .background-color-N5{background-color:#DEE1EB;}
.d2-3908899319 .background-color-N6{background-color:#EEF1F8;}
.d2-3908899319 .background-color-N7{background-color:#FFFFFF;}
.d2-3908899319 .background-color-B1{background-color:#0D32B2;}
.d2-3908899319 .background-color-B2{background-color:#0D32B2;}
.d2-3908899319 .background-color-B3{background-color:#E3E9FD;}
.d2-3908899319 .background-color-B4{background-color:#E3E9FD;}
.d2-3908899319 .background-color-B5{background-color:#EDF0FD;}
.d2-3908899319 .background-color-B6{background-color:#F7F8FE;}
.d2-3908899319 .background-color-AA2{background-color:#4A6FF3;}
.d2-3908899319 .background-color-AA4{background-color:#EDF0FD;}
.d2-3908899319 .background-color-AA5{background-color:#F7F8FE;}
.d2-3908899319 .background-color-AB4{background-color:#EDF0FD;}
.d2-3908899319 .background-color-AB5{background-color:#F7F8FE;}
.d2-3908899319 .color-N1{color:#0A0F25;}
.d2-3908899319 .color-N2{color:#676C7E;}
.d2-3908899319 .color-N3{color:#9499AB;}
.d2-3908899319 .color-N4{color:#CFD2DD;}
.d2-3908899319 .color-N5{color:#DEE1EB;}
.d2-3908899319 .color-N6{color:#EEF1F8;}
.d2-3908899319 .color-N7{color:#FFFFFF;}
.d2-3908899319 .color-B1{color:#0D32B2;}
.d2-3908899319 .color-B2{color:#0D32B2;}
.d2-3908899319 .color-B3{color:#E3E9FD;}
.d2-3908899319 .color-B4{color:#E3E9FD;}
.d2-3908899319 .color-B5{color:#EDF0FD;}
.d2-3908899319 .color-B6{color:#F7F8FE;}
.d2-3908899319 .color-AA2{color:#4A6FF3;}
.d2-3908899319 .color-AA4{color:#EDF0FD;}
.d2-3908899319 .color-AA5{color:#F7F8FE;}
.d2-3908899319 .color-AB4{color:#EDF0FD;}
.d2-3908899319 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="mad"><g class="shape" ><rect x="0.000000" y="0.000000" width="76.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">mad</text></g><mask id="d2-3908899319" maskUnits="userSpaceOnUse" x="-101" y="-101" width="278" height="268">
<rect x="-101" y="-101" width="278" height="268" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="31" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.7 KiB

After

Width:  |  Height:  |  Size: 8.7 KiB

180
e2etests-cli/testdata/TestCLI_E2E/vars-animation.exp.svg vendored
View file

@ -1,16 +1,16 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 606 665"><svg id="d2-svg" width="606" height="665" viewBox="-246 -166 606 665"><style type="text/css"><![CDATA[
.d2-3613474092 .text-mono {
font-family: "d2-3613474092-font-mono";
.d2-2843943542 .text-mono {
font-family: "d2-2843943542-font-mono";
}
@font-face {
font-family: d2-3613474092-font-mono;
font-family: d2-2843943542-font-mono;
src: url("data:application/font-woff;base64,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");
}
.d2-3613474092 .text-mono-bold {
font-family: "d2-3613474092-font-mono-bold";
.d2-2843943542 .text-mono-bold {
font-family: "d2-2843943542-font-mono-bold";
}
@font-face {
font-family: d2-3613474092-font-mono-bold;
font-family: d2-2843943542-font-mono-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -25,92 +25,92 @@
opacity: 0.5;
}
.d2-3613474092 .fill-N1{fill:#000410;}
.d2-3613474092 .fill-N2{fill:#0000B8;}
.d2-3613474092 .fill-N3{fill:#9499AB;}
.d2-3613474092 .fill-N4{fill:#CFD2DD;}
.d2-3613474092 .fill-N5{fill:#C3DEF3;}
.d2-3613474092 .fill-N6{fill:#EEF1F8;}
.d2-3613474092 .fill-N7{fill:#FFFFFF;}
.d2-3613474092 .fill-B1{fill:#000410;}
.d2-3613474092 .fill-B2{fill:#0000E4;}
.d2-3613474092 .fill-B3{fill:#5AA4DC;}
.d2-3613474092 .fill-B4{fill:#E7E9EE;}
.d2-3613474092 .fill-B5{fill:#F5F6F9;}
.d2-3613474092 .fill-B6{fill:#FFFFFF;}
.d2-3613474092 .fill-AA2{fill:#008566;}
.d2-3613474092 .fill-AA4{fill:#45BBA5;}
.d2-3613474092 .fill-AA5{fill:#7ACCBD;}
.d2-3613474092 .fill-AB4{fill:#F1C759;}
.d2-3613474092 .fill-AB5{fill:#F9E088;}
.d2-3613474092 .stroke-N1{stroke:#000410;}
.d2-3613474092 .stroke-N2{stroke:#0000B8;}
.d2-3613474092 .stroke-N3{stroke:#9499AB;}
.d2-3613474092 .stroke-N4{stroke:#CFD2DD;}
.d2-3613474092 .stroke-N5{stroke:#C3DEF3;}
.d2-3613474092 .stroke-N6{stroke:#EEF1F8;}
.d2-3613474092 .stroke-N7{stroke:#FFFFFF;}
.d2-3613474092 .stroke-B1{stroke:#000410;}
.d2-3613474092 .stroke-B2{stroke:#0000E4;}
.d2-3613474092 .stroke-B3{stroke:#5AA4DC;}
.d2-3613474092 .stroke-B4{stroke:#E7E9EE;}
.d2-3613474092 .stroke-B5{stroke:#F5F6F9;}
.d2-3613474092 .stroke-B6{stroke:#FFFFFF;}
.d2-3613474092 .stroke-AA2{stroke:#008566;}
.d2-3613474092 .stroke-AA4{stroke:#45BBA5;}
.d2-3613474092 .stroke-AA5{stroke:#7ACCBD;}
.d2-3613474092 .stroke-AB4{stroke:#F1C759;}
.d2-3613474092 .stroke-AB5{stroke:#F9E088;}
.d2-3613474092 .background-color-N1{background-color:#000410;}
.d2-3613474092 .background-color-N2{background-color:#0000B8;}
.d2-3613474092 .background-color-N3{background-color:#9499AB;}
.d2-3613474092 .background-color-N4{background-color:#CFD2DD;}
.d2-3613474092 .background-color-N5{background-color:#C3DEF3;}
.d2-3613474092 .background-color-N6{background-color:#EEF1F8;}
.d2-3613474092 .background-color-N7{background-color:#FFFFFF;}
.d2-3613474092 .background-color-B1{background-color:#000410;}
.d2-3613474092 .background-color-B2{background-color:#0000E4;}
.d2-3613474092 .background-color-B3{background-color:#5AA4DC;}
.d2-3613474092 .background-color-B4{background-color:#E7E9EE;}
.d2-3613474092 .background-color-B5{background-color:#F5F6F9;}
.d2-3613474092 .background-color-B6{background-color:#FFFFFF;}
.d2-3613474092 .background-color-AA2{background-color:#008566;}
.d2-3613474092 .background-color-AA4{background-color:#45BBA5;}
.d2-3613474092 .background-color-AA5{background-color:#7ACCBD;}
.d2-3613474092 .background-color-AB4{background-color:#F1C759;}
.d2-3613474092 .background-color-AB5{background-color:#F9E088;}
.d2-3613474092 .color-N1{color:#000410;}
.d2-3613474092 .color-N2{color:#0000B8;}
.d2-3613474092 .color-N3{color:#9499AB;}
.d2-3613474092 .color-N4{color:#CFD2DD;}
.d2-3613474092 .color-N5{color:#C3DEF3;}
.d2-3613474092 .color-N6{color:#EEF1F8;}
.d2-3613474092 .color-N7{color:#FFFFFF;}
.d2-3613474092 .color-B1{color:#000410;}
.d2-3613474092 .color-B2{color:#0000E4;}
.d2-3613474092 .color-B3{color:#5AA4DC;}
.d2-3613474092 .color-B4{color:#E7E9EE;}
.d2-3613474092 .color-B5{color:#F5F6F9;}
.d2-3613474092 .color-B6{color:#FFFFFF;}
.d2-3613474092 .color-AA2{color:#008566;}
.d2-3613474092 .color-AA4{color:#45BBA5;}
.d2-3613474092 .color-AA5{color:#7ACCBD;}
.d2-3613474092 .color-AB4{color:#F1C759;}
.d2-3613474092 .color-AB5{color:#F9E088;}.appendix text.text{fill:#000410}.md{--color-fg-default:#000410;--color-fg-muted:#0000B8;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#000410;--color-border-muted:#0000E4;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0000E4;--color-accent-emphasis:#0000E4;--color-attention-subtle:#0000B8;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
.d2-2843943542 .fill-N1{fill:#000410;}
.d2-2843943542 .fill-N2{fill:#0000B8;}
.d2-2843943542 .fill-N3{fill:#9499AB;}
.d2-2843943542 .fill-N4{fill:#CFD2DD;}
.d2-2843943542 .fill-N5{fill:#C3DEF3;}
.d2-2843943542 .fill-N6{fill:#EEF1F8;}
.d2-2843943542 .fill-N7{fill:#FFFFFF;}
.d2-2843943542 .fill-B1{fill:#000410;}
.d2-2843943542 .fill-B2{fill:#0000E4;}
.d2-2843943542 .fill-B3{fill:#5AA4DC;}
.d2-2843943542 .fill-B4{fill:#E7E9EE;}
.d2-2843943542 .fill-B5{fill:#F5F6F9;}
.d2-2843943542 .fill-B6{fill:#FFFFFF;}
.d2-2843943542 .fill-AA2{fill:#008566;}
.d2-2843943542 .fill-AA4{fill:#45BBA5;}
.d2-2843943542 .fill-AA5{fill:#7ACCBD;}
.d2-2843943542 .fill-AB4{fill:#F1C759;}
.d2-2843943542 .fill-AB5{fill:#F9E088;}
.d2-2843943542 .stroke-N1{stroke:#000410;}
.d2-2843943542 .stroke-N2{stroke:#0000B8;}
.d2-2843943542 .stroke-N3{stroke:#9499AB;}
.d2-2843943542 .stroke-N4{stroke:#CFD2DD;}
.d2-2843943542 .stroke-N5{stroke:#C3DEF3;}
.d2-2843943542 .stroke-N6{stroke:#EEF1F8;}
.d2-2843943542 .stroke-N7{stroke:#FFFFFF;}
.d2-2843943542 .stroke-B1{stroke:#000410;}
.d2-2843943542 .stroke-B2{stroke:#0000E4;}
.d2-2843943542 .stroke-B3{stroke:#5AA4DC;}
.d2-2843943542 .stroke-B4{stroke:#E7E9EE;}
.d2-2843943542 .stroke-B5{stroke:#F5F6F9;}
.d2-2843943542 .stroke-B6{stroke:#FFFFFF;}
.d2-2843943542 .stroke-AA2{stroke:#008566;}
.d2-2843943542 .stroke-AA4{stroke:#45BBA5;}
.d2-2843943542 .stroke-AA5{stroke:#7ACCBD;}
.d2-2843943542 .stroke-AB4{stroke:#F1C759;}
.d2-2843943542 .stroke-AB5{stroke:#F9E088;}
.d2-2843943542 .background-color-N1{background-color:#000410;}
.d2-2843943542 .background-color-N2{background-color:#0000B8;}
.d2-2843943542 .background-color-N3{background-color:#9499AB;}
.d2-2843943542 .background-color-N4{background-color:#CFD2DD;}
.d2-2843943542 .background-color-N5{background-color:#C3DEF3;}
.d2-2843943542 .background-color-N6{background-color:#EEF1F8;}
.d2-2843943542 .background-color-N7{background-color:#FFFFFF;}
.d2-2843943542 .background-color-B1{background-color:#000410;}
.d2-2843943542 .background-color-B2{background-color:#0000E4;}
.d2-2843943542 .background-color-B3{background-color:#5AA4DC;}
.d2-2843943542 .background-color-B4{background-color:#E7E9EE;}
.d2-2843943542 .background-color-B5{background-color:#F5F6F9;}
.d2-2843943542 .background-color-B6{background-color:#FFFFFF;}
.d2-2843943542 .background-color-AA2{background-color:#008566;}
.d2-2843943542 .background-color-AA4{background-color:#45BBA5;}
.d2-2843943542 .background-color-AA5{background-color:#7ACCBD;}
.d2-2843943542 .background-color-AB4{background-color:#F1C759;}
.d2-2843943542 .background-color-AB5{background-color:#F9E088;}
.d2-2843943542 .color-N1{color:#000410;}
.d2-2843943542 .color-N2{color:#0000B8;}
.d2-2843943542 .color-N3{color:#9499AB;}
.d2-2843943542 .color-N4{color:#CFD2DD;}
.d2-2843943542 .color-N5{color:#C3DEF3;}
.d2-2843943542 .color-N6{color:#EEF1F8;}
.d2-2843943542 .color-N7{color:#FFFFFF;}
.d2-2843943542 .color-B1{color:#000410;}
.d2-2843943542 .color-B2{color:#0000E4;}
.d2-2843943542 .color-B3{color:#5AA4DC;}
.d2-2843943542 .color-B4{color:#E7E9EE;}
.d2-2843943542 .color-B5{color:#F5F6F9;}
.d2-2843943542 .color-B6{color:#FFFFFF;}
.d2-2843943542 .color-AA2{color:#008566;}
.d2-2843943542 .color-AA4{color:#45BBA5;}
.d2-2843943542 .color-AA5{color:#7ACCBD;}
.d2-2843943542 .color-AB4{color:#F1C759;}
.d2-2843943542 .color-AB5{color:#F9E088;}.appendix text.text{fill:#000410}.md{--color-fg-default:#000410;--color-fg-muted:#0000B8;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#000410;--color-border-muted:#0000E4;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0000E4;--color-accent-emphasis:#0000E4;--color-attention-subtle:#0000B8;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css">.md em,
.md dfn {
font-family: "d2-3613474092-font-italic";
font-family: "d2-2843943542-font-italic";
}
.md b,
.md strong {
font-family: "d2-3613474092-font-bold";
font-family: "d2-2843943542-font-bold";
}
.md code,
.md kbd,
.md pre,
.md samp {
font-family: "d2-3613474092-font-mono";
font-family: "d2-2843943542-font-mono";
font-size: 1em;
}
@ -126,7 +126,7 @@
margin: 0;
color: var(--color-fg-default);
background-color: transparent; /* we don't want to define the background color */
font-family: "d2-3613474092-font-regular";
font-family: "d2-2843943542-font-regular";
font-size: 16px;
line-height: 1.5;
word-wrap: break-word;
@ -832,7 +832,7 @@
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><style type="text/css"><![CDATA[@keyframes d2Transition-d2-3613474092-0 {
</style><style type="text/css"><![CDATA[@keyframes d2Transition-d2-2843943542-0 {
0%, 0.000000% {
opacity: 0;
}
@ -842,7 +842,7 @@
25.000000%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-3613474092-1 {
}@keyframes d2Transition-d2-2843943542-1 {
0%, 24.982143% {
opacity: 0;
}
@ -852,7 +852,7 @@
50.000000%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-3613474092-2 {
}@keyframes d2Transition-d2-2843943542-2 {
0%, 49.982143% {
opacity: 0;
}
@ -862,26 +862,26 @@
75.000000%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-3613474092-3 {
}@keyframes d2Transition-d2-2843943542-3 {
0%, 74.982143% {
opacity: 0;
}
75.000000%, 100.000000% {
opacity: 1;
}
}]]></style><g style="animation: d2Transition-d2-3613474092-0 5600ms infinite" class="d2-3613474092" width="492" height="247" viewBox="-246 -166 492 247"><rect x="-246.000000" y="-166.000000" width="492.000000" height="247.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="&#34;Chicken&#39;s plan&#34;"><g class="shape" ></g><text x="0.000000" y="-30.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:35px">CHICKEN&#39;S PLAN</text></g><mask id="d2-3613474092" maskUnits="userSpaceOnUse" x="-246" y="-166" width="492" height="247">
}]]></style><g style="animation: d2Transition-d2-2843943542-0 5600ms infinite" class="d2-2843943542" width="492" height="247" viewBox="-246 -166 492 247"><rect x="-246.000000" y="-166.000000" width="492.000000" height="247.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="&#34;Chicken&#39;s plan&#34;"><g class="shape" ></g><text x="0.000000" y="-30.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:35px">CHICKEN&#39;S PLAN</text></g><mask id="d2-2843943542" maskUnits="userSpaceOnUse" x="-246" y="-166" width="492" height="247">
<rect x="-246" y="-166" width="492" height="247" fill="white"></rect>
<rect x="-145.000000" y="-65.000000" width="290" height="45" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-3613474092-1 5600ms infinite" class="d2-3613474092" width="492" height="333" viewBox="-160 -166 492 333"><rect x="-160.000000" y="-166.000000" width="492.000000" height="333.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="&#34;Chicken&#39;s plan&#34;"><g class="shape" ></g><text x="86.000000" y="-30.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:35px">CHICKEN&#39;S PLAN</text></g><g id="Approach road"><g class="shape" ><rect x="0.000000" y="0.000000" width="171.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="85.500000" y="38.500000" class="text-mono-bold fill-N1" style="text-anchor:middle;font-size:16px">APPROACH ROAD</text></g><mask id="d2-121776770" maskUnits="userSpaceOnUse" x="-160" y="-166" width="492" height="333">
</mask></g><g style="animation: d2Transition-d2-2843943542-1 5600ms infinite" class="d2-2843943542" width="492" height="333" viewBox="-160 -166 492 333"><rect x="-160.000000" y="-166.000000" width="492.000000" height="333.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="&#34;Chicken&#39;s plan&#34;"><g class="shape" ></g><text x="86.000000" y="-30.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:35px">CHICKEN&#39;S PLAN</text></g><g id="Approach road"><g class="shape" ><rect x="0.000000" y="0.000000" width="171.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="85.500000" y="38.500000" class="text-mono-bold fill-N1" style="text-anchor:middle;font-size:16px">APPROACH ROAD</text></g><mask id="d2-837698653" maskUnits="userSpaceOnUse" x="-160" y="-166" width="492" height="333">
<rect x="-160" y="-166" width="492" height="333" fill="white"></rect>
<rect x="-59.000000" y="-65.000000" width="290" height="45" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="22.500000" width="126" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-3613474092-2 5600ms infinite" class="d2-3613474092" width="492" height="499" viewBox="-160 -166 492 499"><rect x="-160.000000" y="-166.000000" width="492.000000" height="499.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="&#34;Chicken&#39;s plan&#34;"><g class="shape" ></g><text x="86.000000" y="-30.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:35px">CHICKEN&#39;S PLAN</text></g><g id="Approach road"><g class="shape" ><rect x="0.000000" y="0.000000" width="171.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="85.500000" y="38.500000" class="text-mono-bold fill-N1" style="text-anchor:middle;font-size:16px">APPROACH ROAD</text></g><g id="Cross road"><g class="shape" ><rect x="15.000000" y="166.000000" width="142.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="86.000000" y="204.500000" class="text-mono-bold fill-N1" style="text-anchor:middle;font-size:16px">CROSS ROAD</text></g><g id="(Approach road -&gt; Cross road)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 85.500000 68.000000 C 85.500000 106.000000 85.500000 126.000000 85.500000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3408808003)" /></g><mask id="d2-3408808003" maskUnits="userSpaceOnUse" x="-160" y="-166" width="492" height="499">
</mask></g><g style="animation: d2Transition-d2-2843943542-2 5600ms infinite" class="d2-2843943542" width="492" height="499" viewBox="-160 -166 492 499"><rect x="-160.000000" y="-166.000000" width="492.000000" height="499.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="&#34;Chicken&#39;s plan&#34;"><g class="shape" ></g><text x="86.000000" y="-30.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:35px">CHICKEN&#39;S PLAN</text></g><g id="Approach road"><g class="shape" ><rect x="0.000000" y="0.000000" width="171.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="85.500000" y="38.500000" class="text-mono-bold fill-N1" style="text-anchor:middle;font-size:16px">APPROACH ROAD</text></g><g id="Cross road"><g class="shape" ><rect x="15.000000" y="166.000000" width="142.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="86.000000" y="204.500000" class="text-mono-bold fill-N1" style="text-anchor:middle;font-size:16px">CROSS ROAD</text></g><g id="(Approach road -&gt; Cross road)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 85.500000 68.000000 C 85.500000 106.000000 85.500000 126.000000 85.500000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-4187960027)" /></g><mask id="d2-4187960027" maskUnits="userSpaceOnUse" x="-160" y="-166" width="492" height="499">
<rect x="-160" y="-166" width="492" height="499" fill="white"></rect>
<rect x="-59.000000" y="-65.000000" width="290" height="45" fill="rgba(0,0,0,0.75)"></rect>
<rect x="22.500000" y="22.500000" width="126" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="37.500000" y="188.500000" width="97" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-3613474092-3 5600ms infinite" class="d2-3613474092" width="492" height="665" viewBox="-132 -166 492 665"><rect x="-132.000000" y="-166.000000" width="492.000000" height="665.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="&#34;Chicken&#39;s plan&#34;"><g class="shape" ></g><text x="114.000000" y="-30.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:35px">CHICKEN&#39;S PLAN</text></g><g id="Approach road"><g class="shape" ><rect x="29.000000" y="0.000000" width="171.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="114.500000" y="38.500000" class="text-mono-bold fill-N1" style="text-anchor:middle;font-size:16px">APPROACH ROAD</text></g><g id="Cross road"><g class="shape" ><rect x="43.000000" y="166.000000" width="142.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="114.000000" y="204.500000" class="text-mono-bold fill-N1" style="text-anchor:middle;font-size:16px">CROSS ROAD</text></g><g id="Make you wonder why"><g class="shape" ><rect x="0.000000" y="332.000000" width="228.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="114.000000" y="370.500000" class="text-mono-bold fill-N1" style="text-anchor:middle;font-size:16px">MAKE YOU WONDER WHY</text></g><g id="(Approach road -&gt; Cross road)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 114.000000 68.000000 C 114.000000 106.000000 114.000000 126.000000 114.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2337216452)" /></g><g id="(Cross road -&gt; Make you wonder why)[0]"><path d="M 114.000000 234.000000 C 114.000000 272.000000 114.000000 292.000000 114.000000 328.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2337216452)" /></g><mask id="d2-2337216452" maskUnits="userSpaceOnUse" x="-132" y="-166" width="492" height="665">
</mask></g><g style="animation: d2Transition-d2-2843943542-3 5600ms infinite" class="d2-2843943542" width="492" height="665" viewBox="-132 -166 492 665"><rect x="-132.000000" y="-166.000000" width="492.000000" height="665.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="&#34;Chicken&#39;s plan&#34;"><g class="shape" ></g><text x="114.000000" y="-30.000000" class="text-mono fill-N1" style="text-anchor:middle;font-size:35px">CHICKEN&#39;S PLAN</text></g><g id="Approach road"><g class="shape" ><rect x="29.000000" y="0.000000" width="171.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="114.500000" y="38.500000" class="text-mono-bold fill-N1" style="text-anchor:middle;font-size:16px">APPROACH ROAD</text></g><g id="Cross road"><g class="shape" ><rect x="43.000000" y="166.000000" width="142.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="114.000000" y="204.500000" class="text-mono-bold fill-N1" style="text-anchor:middle;font-size:16px">CROSS ROAD</text></g><g id="Make you wonder why"><g class="shape" ><rect x="0.000000" y="332.000000" width="228.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="114.000000" y="370.500000" class="text-mono-bold fill-N1" style="text-anchor:middle;font-size:16px">MAKE YOU WONDER WHY</text></g><g id="(Approach road -&gt; Cross road)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 114.000000 68.000000 C 114.000000 106.000000 114.000000 126.000000 114.000000 162.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-552645845)" /></g><g id="(Cross road -&gt; Make you wonder why)[0]"><path d="M 114.000000 234.000000 C 114.000000 272.000000 114.000000 292.000000 114.000000 328.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-552645845)" /></g><mask id="d2-552645845" maskUnits="userSpaceOnUse" x="-132" y="-166" width="492" height="665">
<rect x="-132" y="-166" width="492" height="665" fill="white"></rect>
<rect x="-31.000000" y="-65.000000" width="290" height="45" fill="rgba(0,0,0,0.75)"></rect>
<rect x="51.500000" y="22.500000" width="126" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

2
e2etests/testdata/regression/icons_on_top/dagre/board.exp.json generated vendored
View file

@ -27,6 +27,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -115,6 +116,7 @@
"double-border": false,
"tooltip": "tooltip",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,

154
e2etests/testdata/regression/icons_on_top/dagre/sketch.exp.svg vendored
View file

@ -1,12 +1,12 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 273 151"><svg id="d2-svg" class="d2-1248816746" width="273" height="151" viewBox="-1 -18 273 151"><rect x="-1.000000" y="-18.000000" width="273.000000" height="151.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 273 151"><svg id="d2-svg" class="d2-2017066640" width="273" height="151" viewBox="-1 -18 273 151"><rect x="-1.000000" y="-18.000000" width="273.000000" height="151.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.appendix-icon {
filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
}
.d2-1248816746 .text-bold {
font-family: "d2-1248816746-font-bold";
.d2-2017066640 .text-bold {
font-family: "d2-2017066640-font-bold";
}
@font-face {
font-family: d2-1248816746-font-bold;
font-family: d2-2017066640-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -21,78 +21,78 @@
opacity: 0.5;
}
.d2-1248816746 .fill-N1{fill:#0A0F25;}
.d2-1248816746 .fill-N2{fill:#676C7E;}
.d2-1248816746 .fill-N3{fill:#9499AB;}
.d2-1248816746 .fill-N4{fill:#CFD2DD;}
.d2-1248816746 .fill-N5{fill:#DEE1EB;}
.d2-1248816746 .fill-N6{fill:#EEF1F8;}
.d2-1248816746 .fill-N7{fill:#FFFFFF;}
.d2-1248816746 .fill-B1{fill:#0D32B2;}
.d2-1248816746 .fill-B2{fill:#0D32B2;}
.d2-1248816746 .fill-B3{fill:#E3E9FD;}
.d2-1248816746 .fill-B4{fill:#E3E9FD;}
.d2-1248816746 .fill-B5{fill:#EDF0FD;}
.d2-1248816746 .fill-B6{fill:#F7F8FE;}
.d2-1248816746 .fill-AA2{fill:#4A6FF3;}
.d2-1248816746 .fill-AA4{fill:#EDF0FD;}
.d2-1248816746 .fill-AA5{fill:#F7F8FE;}
.d2-1248816746 .fill-AB4{fill:#EDF0FD;}
.d2-1248816746 .fill-AB5{fill:#F7F8FE;}
.d2-1248816746 .stroke-N1{stroke:#0A0F25;}
.d2-1248816746 .stroke-N2{stroke:#676C7E;}
.d2-1248816746 .stroke-N3{stroke:#9499AB;}
.d2-1248816746 .stroke-N4{stroke:#CFD2DD;}
.d2-1248816746 .stroke-N5{stroke:#DEE1EB;}
.d2-1248816746 .stroke-N6{stroke:#EEF1F8;}
.d2-1248816746 .stroke-N7{stroke:#FFFFFF;}
.d2-1248816746 .stroke-B1{stroke:#0D32B2;}
.d2-1248816746 .stroke-B2{stroke:#0D32B2;}
.d2-1248816746 .stroke-B3{stroke:#E3E9FD;}
.d2-1248816746 .stroke-B4{stroke:#E3E9FD;}
.d2-1248816746 .stroke-B5{stroke:#EDF0FD;}
.d2-1248816746 .stroke-B6{stroke:#F7F8FE;}
.d2-1248816746 .stroke-AA2{stroke:#4A6FF3;}
.d2-1248816746 .stroke-AA4{stroke:#EDF0FD;}
.d2-1248816746 .stroke-AA5{stroke:#F7F8FE;}
.d2-1248816746 .stroke-AB4{stroke:#EDF0FD;}
.d2-1248816746 .stroke-AB5{stroke:#F7F8FE;}
.d2-1248816746 .background-color-N1{background-color:#0A0F25;}
.d2-1248816746 .background-color-N2{background-color:#676C7E;}
.d2-1248816746 .background-color-N3{background-color:#9499AB;}
.d2-1248816746 .background-color-N4{background-color:#CFD2DD;}
.d2-1248816746 .background-color-N5{background-color:#DEE1EB;}
.d2-1248816746 .background-color-N6{background-color:#EEF1F8;}
.d2-1248816746 .background-color-N7{background-color:#FFFFFF;}
.d2-1248816746 .background-color-B1{background-color:#0D32B2;}
.d2-1248816746 .background-color-B2{background-color:#0D32B2;}
.d2-1248816746 .background-color-B3{background-color:#E3E9FD;}
.d2-1248816746 .background-color-B4{background-color:#E3E9FD;}
.d2-1248816746 .background-color-B5{background-color:#EDF0FD;}
.d2-1248816746 .background-color-B6{background-color:#F7F8FE;}
.d2-1248816746 .background-color-AA2{background-color:#4A6FF3;}
.d2-1248816746 .background-color-AA4{background-color:#EDF0FD;}
.d2-1248816746 .background-color-AA5{background-color:#F7F8FE;}
.d2-1248816746 .background-color-AB4{background-color:#EDF0FD;}
.d2-1248816746 .background-color-AB5{background-color:#F7F8FE;}
.d2-1248816746 .color-N1{color:#0A0F25;}
.d2-1248816746 .color-N2{color:#676C7E;}
.d2-1248816746 .color-N3{color:#9499AB;}
.d2-1248816746 .color-N4{color:#CFD2DD;}
.d2-1248816746 .color-N5{color:#DEE1EB;}
.d2-1248816746 .color-N6{color:#EEF1F8;}
.d2-1248816746 .color-N7{color:#FFFFFF;}
.d2-1248816746 .color-B1{color:#0D32B2;}
.d2-1248816746 .color-B2{color:#0D32B2;}
.d2-1248816746 .color-B3{color:#E3E9FD;}
.d2-1248816746 .color-B4{color:#E3E9FD;}
.d2-1248816746 .color-B5{color:#EDF0FD;}
.d2-1248816746 .color-B6{color:#F7F8FE;}
.d2-1248816746 .color-AA2{color:#4A6FF3;}
.d2-1248816746 .color-AA4{color:#EDF0FD;}
.d2-1248816746 .color-AA5{color:#F7F8FE;}
.d2-1248816746 .color-AB4{color:#EDF0FD;}
.d2-1248816746 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="example.com" xlink:href="example.com"><g id="1" class="RED"><g class="shape" ><rect x="0.000000" y="0.000000" width="191.000000" height="66.000000" stroke="#d14d28" fill="#d14d28" style="stroke-width:2;" /></g><text x="95.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">link</text></g></a><g id="2" class="YELLOW"><g class="shape" ><rect x="191.000000" y="0.000000" width="80.000000" height="66.000000" stroke="#f5df65" fill="#f5df65" style="stroke-width:2;" /></g><text x="231.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">none</text></g><a href="example.com" xlink:href="example.com"><g id="3" class="BLUE"><g class="shape" ><rect x="0.000000" y="66.000000" width="191.000000" height="66.000000" stroke="#59c8df" fill="#59c8df" style="stroke-width:2;" /></g><text x="95.500000" y="104.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">link, tooltip</text><title>tooltip</title></g></a><g id="4" class="GREEN"><g class="shape" ><rect x="191.000000" y="66.000000" width="80.000000" height="66.000000" stroke="#2b9464" fill="#2b9464" style="stroke-width:2;" /></g><text x="231.000000" y="104.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">none</text></g><g transform="translate(175 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
.d2-2017066640 .fill-N1{fill:#0A0F25;}
.d2-2017066640 .fill-N2{fill:#676C7E;}
.d2-2017066640 .fill-N3{fill:#9499AB;}
.d2-2017066640 .fill-N4{fill:#CFD2DD;}
.d2-2017066640 .fill-N5{fill:#DEE1EB;}
.d2-2017066640 .fill-N6{fill:#EEF1F8;}
.d2-2017066640 .fill-N7{fill:#FFFFFF;}
.d2-2017066640 .fill-B1{fill:#0D32B2;}
.d2-2017066640 .fill-B2{fill:#0D32B2;}
.d2-2017066640 .fill-B3{fill:#E3E9FD;}
.d2-2017066640 .fill-B4{fill:#E3E9FD;}
.d2-2017066640 .fill-B5{fill:#EDF0FD;}
.d2-2017066640 .fill-B6{fill:#F7F8FE;}
.d2-2017066640 .fill-AA2{fill:#4A6FF3;}
.d2-2017066640 .fill-AA4{fill:#EDF0FD;}
.d2-2017066640 .fill-AA5{fill:#F7F8FE;}
.d2-2017066640 .fill-AB4{fill:#EDF0FD;}
.d2-2017066640 .fill-AB5{fill:#F7F8FE;}
.d2-2017066640 .stroke-N1{stroke:#0A0F25;}
.d2-2017066640 .stroke-N2{stroke:#676C7E;}
.d2-2017066640 .stroke-N3{stroke:#9499AB;}
.d2-2017066640 .stroke-N4{stroke:#CFD2DD;}
.d2-2017066640 .stroke-N5{stroke:#DEE1EB;}
.d2-2017066640 .stroke-N6{stroke:#EEF1F8;}
.d2-2017066640 .stroke-N7{stroke:#FFFFFF;}
.d2-2017066640 .stroke-B1{stroke:#0D32B2;}
.d2-2017066640 .stroke-B2{stroke:#0D32B2;}
.d2-2017066640 .stroke-B3{stroke:#E3E9FD;}
.d2-2017066640 .stroke-B4{stroke:#E3E9FD;}
.d2-2017066640 .stroke-B5{stroke:#EDF0FD;}
.d2-2017066640 .stroke-B6{stroke:#F7F8FE;}
.d2-2017066640 .stroke-AA2{stroke:#4A6FF3;}
.d2-2017066640 .stroke-AA4{stroke:#EDF0FD;}
.d2-2017066640 .stroke-AA5{stroke:#F7F8FE;}
.d2-2017066640 .stroke-AB4{stroke:#EDF0FD;}
.d2-2017066640 .stroke-AB5{stroke:#F7F8FE;}
.d2-2017066640 .background-color-N1{background-color:#0A0F25;}
.d2-2017066640 .background-color-N2{background-color:#676C7E;}
.d2-2017066640 .background-color-N3{background-color:#9499AB;}
.d2-2017066640 .background-color-N4{background-color:#CFD2DD;}
.d2-2017066640 .background-color-N5{background-color:#DEE1EB;}
.d2-2017066640 .background-color-N6{background-color:#EEF1F8;}
.d2-2017066640 .background-color-N7{background-color:#FFFFFF;}
.d2-2017066640 .background-color-B1{background-color:#0D32B2;}
.d2-2017066640 .background-color-B2{background-color:#0D32B2;}
.d2-2017066640 .background-color-B3{background-color:#E3E9FD;}
.d2-2017066640 .background-color-B4{background-color:#E3E9FD;}
.d2-2017066640 .background-color-B5{background-color:#EDF0FD;}
.d2-2017066640 .background-color-B6{background-color:#F7F8FE;}
.d2-2017066640 .background-color-AA2{background-color:#4A6FF3;}
.d2-2017066640 .background-color-AA4{background-color:#EDF0FD;}
.d2-2017066640 .background-color-AA5{background-color:#F7F8FE;}
.d2-2017066640 .background-color-AB4{background-color:#EDF0FD;}
.d2-2017066640 .background-color-AB5{background-color:#F7F8FE;}
.d2-2017066640 .color-N1{color:#0A0F25;}
.d2-2017066640 .color-N2{color:#676C7E;}
.d2-2017066640 .color-N3{color:#9499AB;}
.d2-2017066640 .color-N4{color:#CFD2DD;}
.d2-2017066640 .color-N5{color:#DEE1EB;}
.d2-2017066640 .color-N6{color:#EEF1F8;}
.d2-2017066640 .color-N7{color:#FFFFFF;}
.d2-2017066640 .color-B1{color:#0D32B2;}
.d2-2017066640 .color-B2{color:#0D32B2;}
.d2-2017066640 .color-B3{color:#E3E9FD;}
.d2-2017066640 .color-B4{color:#E3E9FD;}
.d2-2017066640 .color-B5{color:#EDF0FD;}
.d2-2017066640 .color-B6{color:#F7F8FE;}
.d2-2017066640 .color-AA2{color:#4A6FF3;}
.d2-2017066640 .color-AA4{color:#EDF0FD;}
.d2-2017066640 .color-AA5{color:#F7F8FE;}
.d2-2017066640 .color-AB4{color:#EDF0FD;}
.d2-2017066640 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="example.com" xlink:href="example.com"><g id="1" class="RED"><g class="shape" ><rect x="0.000000" y="0.000000" width="191.000000" height="66.000000" stroke="#d14d28" fill="#d14d28" style="stroke-width:2;" /></g><text x="95.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">link</text></g></a><g id="2" class="YELLOW"><g class="shape" ><rect x="191.000000" y="0.000000" width="80.000000" height="66.000000" stroke="#f5df65" fill="#f5df65" style="stroke-width:2;" /></g><text x="231.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">none</text></g><a href="example.com" xlink:href="example.com"><g id="3" class="BLUE"><g class="shape" ><rect x="0.000000" y="66.000000" width="191.000000" height="66.000000" stroke="#59c8df" fill="#59c8df" style="stroke-width:2;" /></g><text x="95.500000" y="104.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">link, tooltip</text><title>tooltip</title></g></a><g id="4" class="GREEN"><g class="shape" ><rect x="191.000000" y="66.000000" width="80.000000" height="66.000000" stroke="#2b9464" fill="#2b9464" style="stroke-width:2;" /></g><text x="231.000000" y="104.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">none</text></g><g transform="translate(175 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -129,7 +129,7 @@
</clipPath>
</defs>
</svg>
</g><mask id="d2-1248816746" maskUnits="userSpaceOnUse" x="-1" y="-18" width="273" height="151">
</g><mask id="d2-2017066640" maskUnits="userSpaceOnUse" x="-1" y="-18" width="273" height="151">
<rect x="-1" y="-18" width="273" height="151" fill="white"></rect>
<rect x="82.000000" y="22.500000" width="27" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="213.500000" y="22.500000" width="35" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

2
e2etests/testdata/regression/icons_on_top/elk/board.exp.json generated vendored
View file

@ -27,6 +27,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -115,6 +116,7 @@
"double-border": false,
"tooltip": "tooltip",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,

154
e2etests/testdata/regression/icons_on_top/elk/sketch.exp.svg vendored
View file

@ -1,12 +1,12 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 273 151"><svg id="d2-svg" class="d2-1248816746" width="273" height="151" viewBox="-1 -18 273 151"><rect x="-1.000000" y="-18.000000" width="273.000000" height="151.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 273 151"><svg id="d2-svg" class="d2-2017066640" width="273" height="151" viewBox="-1 -18 273 151"><rect x="-1.000000" y="-18.000000" width="273.000000" height="151.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.appendix-icon {
filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
}
.d2-1248816746 .text-bold {
font-family: "d2-1248816746-font-bold";
.d2-2017066640 .text-bold {
font-family: "d2-2017066640-font-bold";
}
@font-face {
font-family: d2-1248816746-font-bold;
font-family: d2-2017066640-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -21,78 +21,78 @@
opacity: 0.5;
}
.d2-1248816746 .fill-N1{fill:#0A0F25;}
.d2-1248816746 .fill-N2{fill:#676C7E;}
.d2-1248816746 .fill-N3{fill:#9499AB;}
.d2-1248816746 .fill-N4{fill:#CFD2DD;}
.d2-1248816746 .fill-N5{fill:#DEE1EB;}
.d2-1248816746 .fill-N6{fill:#EEF1F8;}
.d2-1248816746 .fill-N7{fill:#FFFFFF;}
.d2-1248816746 .fill-B1{fill:#0D32B2;}
.d2-1248816746 .fill-B2{fill:#0D32B2;}
.d2-1248816746 .fill-B3{fill:#E3E9FD;}
.d2-1248816746 .fill-B4{fill:#E3E9FD;}
.d2-1248816746 .fill-B5{fill:#EDF0FD;}
.d2-1248816746 .fill-B6{fill:#F7F8FE;}
.d2-1248816746 .fill-AA2{fill:#4A6FF3;}
.d2-1248816746 .fill-AA4{fill:#EDF0FD;}
.d2-1248816746 .fill-AA5{fill:#F7F8FE;}
.d2-1248816746 .fill-AB4{fill:#EDF0FD;}
.d2-1248816746 .fill-AB5{fill:#F7F8FE;}
.d2-1248816746 .stroke-N1{stroke:#0A0F25;}
.d2-1248816746 .stroke-N2{stroke:#676C7E;}
.d2-1248816746 .stroke-N3{stroke:#9499AB;}
.d2-1248816746 .stroke-N4{stroke:#CFD2DD;}
.d2-1248816746 .stroke-N5{stroke:#DEE1EB;}
.d2-1248816746 .stroke-N6{stroke:#EEF1F8;}
.d2-1248816746 .stroke-N7{stroke:#FFFFFF;}
.d2-1248816746 .stroke-B1{stroke:#0D32B2;}
.d2-1248816746 .stroke-B2{stroke:#0D32B2;}
.d2-1248816746 .stroke-B3{stroke:#E3E9FD;}
.d2-1248816746 .stroke-B4{stroke:#E3E9FD;}
.d2-1248816746 .stroke-B5{stroke:#EDF0FD;}
.d2-1248816746 .stroke-B6{stroke:#F7F8FE;}
.d2-1248816746 .stroke-AA2{stroke:#4A6FF3;}
.d2-1248816746 .stroke-AA4{stroke:#EDF0FD;}
.d2-1248816746 .stroke-AA5{stroke:#F7F8FE;}
.d2-1248816746 .stroke-AB4{stroke:#EDF0FD;}
.d2-1248816746 .stroke-AB5{stroke:#F7F8FE;}
.d2-1248816746 .background-color-N1{background-color:#0A0F25;}
.d2-1248816746 .background-color-N2{background-color:#676C7E;}
.d2-1248816746 .background-color-N3{background-color:#9499AB;}
.d2-1248816746 .background-color-N4{background-color:#CFD2DD;}
.d2-1248816746 .background-color-N5{background-color:#DEE1EB;}
.d2-1248816746 .background-color-N6{background-color:#EEF1F8;}
.d2-1248816746 .background-color-N7{background-color:#FFFFFF;}
.d2-1248816746 .background-color-B1{background-color:#0D32B2;}
.d2-1248816746 .background-color-B2{background-color:#0D32B2;}
.d2-1248816746 .background-color-B3{background-color:#E3E9FD;}
.d2-1248816746 .background-color-B4{background-color:#E3E9FD;}
.d2-1248816746 .background-color-B5{background-color:#EDF0FD;}
.d2-1248816746 .background-color-B6{background-color:#F7F8FE;}
.d2-1248816746 .background-color-AA2{background-color:#4A6FF3;}
.d2-1248816746 .background-color-AA4{background-color:#EDF0FD;}
.d2-1248816746 .background-color-AA5{background-color:#F7F8FE;}
.d2-1248816746 .background-color-AB4{background-color:#EDF0FD;}
.d2-1248816746 .background-color-AB5{background-color:#F7F8FE;}
.d2-1248816746 .color-N1{color:#0A0F25;}
.d2-1248816746 .color-N2{color:#676C7E;}
.d2-1248816746 .color-N3{color:#9499AB;}
.d2-1248816746 .color-N4{color:#CFD2DD;}
.d2-1248816746 .color-N5{color:#DEE1EB;}
.d2-1248816746 .color-N6{color:#EEF1F8;}
.d2-1248816746 .color-N7{color:#FFFFFF;}
.d2-1248816746 .color-B1{color:#0D32B2;}
.d2-1248816746 .color-B2{color:#0D32B2;}
.d2-1248816746 .color-B3{color:#E3E9FD;}
.d2-1248816746 .color-B4{color:#E3E9FD;}
.d2-1248816746 .color-B5{color:#EDF0FD;}
.d2-1248816746 .color-B6{color:#F7F8FE;}
.d2-1248816746 .color-AA2{color:#4A6FF3;}
.d2-1248816746 .color-AA4{color:#EDF0FD;}
.d2-1248816746 .color-AA5{color:#F7F8FE;}
.d2-1248816746 .color-AB4{color:#EDF0FD;}
.d2-1248816746 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="example.com" xlink:href="example.com"><g id="1" class="RED"><g class="shape" ><rect x="0.000000" y="0.000000" width="191.000000" height="66.000000" stroke="#d14d28" fill="#d14d28" style="stroke-width:2;" /></g><text x="95.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">link</text></g></a><g id="2" class="YELLOW"><g class="shape" ><rect x="191.000000" y="0.000000" width="80.000000" height="66.000000" stroke="#f5df65" fill="#f5df65" style="stroke-width:2;" /></g><text x="231.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">none</text></g><a href="example.com" xlink:href="example.com"><g id="3" class="BLUE"><g class="shape" ><rect x="0.000000" y="66.000000" width="191.000000" height="66.000000" stroke="#59c8df" fill="#59c8df" style="stroke-width:2;" /></g><text x="95.500000" y="104.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">link, tooltip</text><title>tooltip</title></g></a><g id="4" class="GREEN"><g class="shape" ><rect x="191.000000" y="66.000000" width="80.000000" height="66.000000" stroke="#2b9464" fill="#2b9464" style="stroke-width:2;" /></g><text x="231.000000" y="104.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">none</text></g><g transform="translate(175 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
.d2-2017066640 .fill-N1{fill:#0A0F25;}
.d2-2017066640 .fill-N2{fill:#676C7E;}
.d2-2017066640 .fill-N3{fill:#9499AB;}
.d2-2017066640 .fill-N4{fill:#CFD2DD;}
.d2-2017066640 .fill-N5{fill:#DEE1EB;}
.d2-2017066640 .fill-N6{fill:#EEF1F8;}
.d2-2017066640 .fill-N7{fill:#FFFFFF;}
.d2-2017066640 .fill-B1{fill:#0D32B2;}
.d2-2017066640 .fill-B2{fill:#0D32B2;}
.d2-2017066640 .fill-B3{fill:#E3E9FD;}
.d2-2017066640 .fill-B4{fill:#E3E9FD;}
.d2-2017066640 .fill-B5{fill:#EDF0FD;}
.d2-2017066640 .fill-B6{fill:#F7F8FE;}
.d2-2017066640 .fill-AA2{fill:#4A6FF3;}
.d2-2017066640 .fill-AA4{fill:#EDF0FD;}
.d2-2017066640 .fill-AA5{fill:#F7F8FE;}
.d2-2017066640 .fill-AB4{fill:#EDF0FD;}
.d2-2017066640 .fill-AB5{fill:#F7F8FE;}
.d2-2017066640 .stroke-N1{stroke:#0A0F25;}
.d2-2017066640 .stroke-N2{stroke:#676C7E;}
.d2-2017066640 .stroke-N3{stroke:#9499AB;}
.d2-2017066640 .stroke-N4{stroke:#CFD2DD;}
.d2-2017066640 .stroke-N5{stroke:#DEE1EB;}
.d2-2017066640 .stroke-N6{stroke:#EEF1F8;}
.d2-2017066640 .stroke-N7{stroke:#FFFFFF;}
.d2-2017066640 .stroke-B1{stroke:#0D32B2;}
.d2-2017066640 .stroke-B2{stroke:#0D32B2;}
.d2-2017066640 .stroke-B3{stroke:#E3E9FD;}
.d2-2017066640 .stroke-B4{stroke:#E3E9FD;}
.d2-2017066640 .stroke-B5{stroke:#EDF0FD;}
.d2-2017066640 .stroke-B6{stroke:#F7F8FE;}
.d2-2017066640 .stroke-AA2{stroke:#4A6FF3;}
.d2-2017066640 .stroke-AA4{stroke:#EDF0FD;}
.d2-2017066640 .stroke-AA5{stroke:#F7F8FE;}
.d2-2017066640 .stroke-AB4{stroke:#EDF0FD;}
.d2-2017066640 .stroke-AB5{stroke:#F7F8FE;}
.d2-2017066640 .background-color-N1{background-color:#0A0F25;}
.d2-2017066640 .background-color-N2{background-color:#676C7E;}
.d2-2017066640 .background-color-N3{background-color:#9499AB;}
.d2-2017066640 .background-color-N4{background-color:#CFD2DD;}
.d2-2017066640 .background-color-N5{background-color:#DEE1EB;}
.d2-2017066640 .background-color-N6{background-color:#EEF1F8;}
.d2-2017066640 .background-color-N7{background-color:#FFFFFF;}
.d2-2017066640 .background-color-B1{background-color:#0D32B2;}
.d2-2017066640 .background-color-B2{background-color:#0D32B2;}
.d2-2017066640 .background-color-B3{background-color:#E3E9FD;}
.d2-2017066640 .background-color-B4{background-color:#E3E9FD;}
.d2-2017066640 .background-color-B5{background-color:#EDF0FD;}
.d2-2017066640 .background-color-B6{background-color:#F7F8FE;}
.d2-2017066640 .background-color-AA2{background-color:#4A6FF3;}
.d2-2017066640 .background-color-AA4{background-color:#EDF0FD;}
.d2-2017066640 .background-color-AA5{background-color:#F7F8FE;}
.d2-2017066640 .background-color-AB4{background-color:#EDF0FD;}
.d2-2017066640 .background-color-AB5{background-color:#F7F8FE;}
.d2-2017066640 .color-N1{color:#0A0F25;}
.d2-2017066640 .color-N2{color:#676C7E;}
.d2-2017066640 .color-N3{color:#9499AB;}
.d2-2017066640 .color-N4{color:#CFD2DD;}
.d2-2017066640 .color-N5{color:#DEE1EB;}
.d2-2017066640 .color-N6{color:#EEF1F8;}
.d2-2017066640 .color-N7{color:#FFFFFF;}
.d2-2017066640 .color-B1{color:#0D32B2;}
.d2-2017066640 .color-B2{color:#0D32B2;}
.d2-2017066640 .color-B3{color:#E3E9FD;}
.d2-2017066640 .color-B4{color:#E3E9FD;}
.d2-2017066640 .color-B5{color:#EDF0FD;}
.d2-2017066640 .color-B6{color:#F7F8FE;}
.d2-2017066640 .color-AA2{color:#4A6FF3;}
.d2-2017066640 .color-AA4{color:#EDF0FD;}
.d2-2017066640 .color-AA5{color:#F7F8FE;}
.d2-2017066640 .color-AB4{color:#EDF0FD;}
.d2-2017066640 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="example.com" xlink:href="example.com"><g id="1" class="RED"><g class="shape" ><rect x="0.000000" y="0.000000" width="191.000000" height="66.000000" stroke="#d14d28" fill="#d14d28" style="stroke-width:2;" /></g><text x="95.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">link</text></g></a><g id="2" class="YELLOW"><g class="shape" ><rect x="191.000000" y="0.000000" width="80.000000" height="66.000000" stroke="#f5df65" fill="#f5df65" style="stroke-width:2;" /></g><text x="231.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">none</text></g><a href="example.com" xlink:href="example.com"><g id="3" class="BLUE"><g class="shape" ><rect x="0.000000" y="66.000000" width="191.000000" height="66.000000" stroke="#59c8df" fill="#59c8df" style="stroke-width:2;" /></g><text x="95.500000" y="104.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">link, tooltip</text><title>tooltip</title></g></a><g id="4" class="GREEN"><g class="shape" ><rect x="191.000000" y="66.000000" width="80.000000" height="66.000000" stroke="#2b9464" fill="#2b9464" style="stroke-width:2;" /></g><text x="231.000000" y="104.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">none</text></g><g transform="translate(175 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -129,7 +129,7 @@
</clipPath>
</defs>
</svg>
</g><mask id="d2-1248816746" maskUnits="userSpaceOnUse" x="-1" y="-18" width="273" height="151">
</g><mask id="d2-2017066640" maskUnits="userSpaceOnUse" x="-1" y="-18" width="273" height="151">
<rect x="-1" y="-18" width="273" height="151" fill="white"></rect>
<rect x="82.000000" y="22.500000" width="27" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="213.500000" y="22.500000" width="35" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

1
e2etests/testdata/regression/link_with_ampersand/dagre/board.exp.json generated vendored
View file

@ -24,6 +24,7 @@
"double-border": false,
"tooltip": "",
"link": "https://calendar.google.com/calendar/u/0/r?tab=mc&pli=1",
"prettyLink": "https://calendar.google.com/calendar/u/0/r?tab=mc&pli=1",
"icon": null,
"iconPosition": "",
"blend": false,

154
e2etests/testdata/regression/link_with_ampersand/dagre/sketch.exp.svg vendored
View file

@ -1,12 +1,12 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 104 85"><svg id="d2-svg" class="d2-2332549614" width="104" height="85" viewBox="-1 -18 104 85"><rect x="-1.000000" y="-18.000000" width="104.000000" height="85.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 104 85"><svg id="d2-svg" class="d2-2121058281" width="104" height="85" viewBox="-1 -18 104 85"><rect x="-1.000000" y="-18.000000" width="104.000000" height="85.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.appendix-icon {
filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
}
.d2-2332549614 .text-bold {
font-family: "d2-2332549614-font-bold";
.d2-2121058281 .text-bold {
font-family: "d2-2121058281-font-bold";
}
@font-face {
font-family: d2-2332549614-font-bold;
font-family: d2-2121058281-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -21,78 +21,78 @@
opacity: 0.5;
}
.d2-2332549614 .fill-N1{fill:#0A0F25;}
.d2-2332549614 .fill-N2{fill:#676C7E;}
.d2-2332549614 .fill-N3{fill:#9499AB;}
.d2-2332549614 .fill-N4{fill:#CFD2DD;}
.d2-2332549614 .fill-N5{fill:#DEE1EB;}
.d2-2332549614 .fill-N6{fill:#EEF1F8;}
.d2-2332549614 .fill-N7{fill:#FFFFFF;}
.d2-2332549614 .fill-B1{fill:#0D32B2;}
.d2-2332549614 .fill-B2{fill:#0D32B2;}
.d2-2332549614 .fill-B3{fill:#E3E9FD;}
.d2-2332549614 .fill-B4{fill:#E3E9FD;}
.d2-2332549614 .fill-B5{fill:#EDF0FD;}
.d2-2332549614 .fill-B6{fill:#F7F8FE;}
.d2-2332549614 .fill-AA2{fill:#4A6FF3;}
.d2-2332549614 .fill-AA4{fill:#EDF0FD;}
.d2-2332549614 .fill-AA5{fill:#F7F8FE;}
.d2-2332549614 .fill-AB4{fill:#EDF0FD;}
.d2-2332549614 .fill-AB5{fill:#F7F8FE;}
.d2-2332549614 .stroke-N1{stroke:#0A0F25;}
.d2-2332549614 .stroke-N2{stroke:#676C7E;}
.d2-2332549614 .stroke-N3{stroke:#9499AB;}
.d2-2332549614 .stroke-N4{stroke:#CFD2DD;}
.d2-2332549614 .stroke-N5{stroke:#DEE1EB;}
.d2-2332549614 .stroke-N6{stroke:#EEF1F8;}
.d2-2332549614 .stroke-N7{stroke:#FFFFFF;}
.d2-2332549614 .stroke-B1{stroke:#0D32B2;}
.d2-2332549614 .stroke-B2{stroke:#0D32B2;}
.d2-2332549614 .stroke-B3{stroke:#E3E9FD;}
.d2-2332549614 .stroke-B4{stroke:#E3E9FD;}
.d2-2332549614 .stroke-B5{stroke:#EDF0FD;}
.d2-2332549614 .stroke-B6{stroke:#F7F8FE;}
.d2-2332549614 .stroke-AA2{stroke:#4A6FF3;}
.d2-2332549614 .stroke-AA4{stroke:#EDF0FD;}
.d2-2332549614 .stroke-AA5{stroke:#F7F8FE;}
.d2-2332549614 .stroke-AB4{stroke:#EDF0FD;}
.d2-2332549614 .stroke-AB5{stroke:#F7F8FE;}
.d2-2332549614 .background-color-N1{background-color:#0A0F25;}
.d2-2332549614 .background-color-N2{background-color:#676C7E;}
.d2-2332549614 .background-color-N3{background-color:#9499AB;}
.d2-2332549614 .background-color-N4{background-color:#CFD2DD;}
.d2-2332549614 .background-color-N5{background-color:#DEE1EB;}
.d2-2332549614 .background-color-N6{background-color:#EEF1F8;}
.d2-2332549614 .background-color-N7{background-color:#FFFFFF;}
.d2-2332549614 .background-color-B1{background-color:#0D32B2;}
.d2-2332549614 .background-color-B2{background-color:#0D32B2;}
.d2-2332549614 .background-color-B3{background-color:#E3E9FD;}
.d2-2332549614 .background-color-B4{background-color:#E3E9FD;}
.d2-2332549614 .background-color-B5{background-color:#EDF0FD;}
.d2-2332549614 .background-color-B6{background-color:#F7F8FE;}
.d2-2332549614 .background-color-AA2{background-color:#4A6FF3;}
.d2-2332549614 .background-color-AA4{background-color:#EDF0FD;}
.d2-2332549614 .background-color-AA5{background-color:#F7F8FE;}
.d2-2332549614 .background-color-AB4{background-color:#EDF0FD;}
.d2-2332549614 .background-color-AB5{background-color:#F7F8FE;}
.d2-2332549614 .color-N1{color:#0A0F25;}
.d2-2332549614 .color-N2{color:#676C7E;}
.d2-2332549614 .color-N3{color:#9499AB;}
.d2-2332549614 .color-N4{color:#CFD2DD;}
.d2-2332549614 .color-N5{color:#DEE1EB;}
.d2-2332549614 .color-N6{color:#EEF1F8;}
.d2-2332549614 .color-N7{color:#FFFFFF;}
.d2-2332549614 .color-B1{color:#0D32B2;}
.d2-2332549614 .color-B2{color:#0D32B2;}
.d2-2332549614 .color-B3{color:#E3E9FD;}
.d2-2332549614 .color-B4{color:#E3E9FD;}
.d2-2332549614 .color-B5{color:#EDF0FD;}
.d2-2332549614 .color-B6{color:#F7F8FE;}
.d2-2332549614 .color-AA2{color:#4A6FF3;}
.d2-2332549614 .color-AA4{color:#EDF0FD;}
.d2-2332549614 .color-AA5{color:#F7F8FE;}
.d2-2332549614 .color-AB4{color:#EDF0FD;}
.d2-2332549614 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://calendar.google.com/calendar/u/0/r?tab=mc&amp;pli=1" xlink:href="https://calendar.google.com/calendar/u/0/r?tab=mc&amp;pli=1"><g id="a"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g></a><g transform="translate(69 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
.d2-2121058281 .fill-N1{fill:#0A0F25;}
.d2-2121058281 .fill-N2{fill:#676C7E;}
.d2-2121058281 .fill-N3{fill:#9499AB;}
.d2-2121058281 .fill-N4{fill:#CFD2DD;}
.d2-2121058281 .fill-N5{fill:#DEE1EB;}
.d2-2121058281 .fill-N6{fill:#EEF1F8;}
.d2-2121058281 .fill-N7{fill:#FFFFFF;}
.d2-2121058281 .fill-B1{fill:#0D32B2;}
.d2-2121058281 .fill-B2{fill:#0D32B2;}
.d2-2121058281 .fill-B3{fill:#E3E9FD;}
.d2-2121058281 .fill-B4{fill:#E3E9FD;}
.d2-2121058281 .fill-B5{fill:#EDF0FD;}
.d2-2121058281 .fill-B6{fill:#F7F8FE;}
.d2-2121058281 .fill-AA2{fill:#4A6FF3;}
.d2-2121058281 .fill-AA4{fill:#EDF0FD;}
.d2-2121058281 .fill-AA5{fill:#F7F8FE;}
.d2-2121058281 .fill-AB4{fill:#EDF0FD;}
.d2-2121058281 .fill-AB5{fill:#F7F8FE;}
.d2-2121058281 .stroke-N1{stroke:#0A0F25;}
.d2-2121058281 .stroke-N2{stroke:#676C7E;}
.d2-2121058281 .stroke-N3{stroke:#9499AB;}
.d2-2121058281 .stroke-N4{stroke:#CFD2DD;}
.d2-2121058281 .stroke-N5{stroke:#DEE1EB;}
.d2-2121058281 .stroke-N6{stroke:#EEF1F8;}
.d2-2121058281 .stroke-N7{stroke:#FFFFFF;}
.d2-2121058281 .stroke-B1{stroke:#0D32B2;}
.d2-2121058281 .stroke-B2{stroke:#0D32B2;}
.d2-2121058281 .stroke-B3{stroke:#E3E9FD;}
.d2-2121058281 .stroke-B4{stroke:#E3E9FD;}
.d2-2121058281 .stroke-B5{stroke:#EDF0FD;}
.d2-2121058281 .stroke-B6{stroke:#F7F8FE;}
.d2-2121058281 .stroke-AA2{stroke:#4A6FF3;}
.d2-2121058281 .stroke-AA4{stroke:#EDF0FD;}
.d2-2121058281 .stroke-AA5{stroke:#F7F8FE;}
.d2-2121058281 .stroke-AB4{stroke:#EDF0FD;}
.d2-2121058281 .stroke-AB5{stroke:#F7F8FE;}
.d2-2121058281 .background-color-N1{background-color:#0A0F25;}
.d2-2121058281 .background-color-N2{background-color:#676C7E;}
.d2-2121058281 .background-color-N3{background-color:#9499AB;}
.d2-2121058281 .background-color-N4{background-color:#CFD2DD;}
.d2-2121058281 .background-color-N5{background-color:#DEE1EB;}
.d2-2121058281 .background-color-N6{background-color:#EEF1F8;}
.d2-2121058281 .background-color-N7{background-color:#FFFFFF;}
.d2-2121058281 .background-color-B1{background-color:#0D32B2;}
.d2-2121058281 .background-color-B2{background-color:#0D32B2;}
.d2-2121058281 .background-color-B3{background-color:#E3E9FD;}
.d2-2121058281 .background-color-B4{background-color:#E3E9FD;}
.d2-2121058281 .background-color-B5{background-color:#EDF0FD;}
.d2-2121058281 .background-color-B6{background-color:#F7F8FE;}
.d2-2121058281 .background-color-AA2{background-color:#4A6FF3;}
.d2-2121058281 .background-color-AA4{background-color:#EDF0FD;}
.d2-2121058281 .background-color-AA5{background-color:#F7F8FE;}
.d2-2121058281 .background-color-AB4{background-color:#EDF0FD;}
.d2-2121058281 .background-color-AB5{background-color:#F7F8FE;}
.d2-2121058281 .color-N1{color:#0A0F25;}
.d2-2121058281 .color-N2{color:#676C7E;}
.d2-2121058281 .color-N3{color:#9499AB;}
.d2-2121058281 .color-N4{color:#CFD2DD;}
.d2-2121058281 .color-N5{color:#DEE1EB;}
.d2-2121058281 .color-N6{color:#EEF1F8;}
.d2-2121058281 .color-N7{color:#FFFFFF;}
.d2-2121058281 .color-B1{color:#0D32B2;}
.d2-2121058281 .color-B2{color:#0D32B2;}
.d2-2121058281 .color-B3{color:#E3E9FD;}
.d2-2121058281 .color-B4{color:#E3E9FD;}
.d2-2121058281 .color-B5{color:#EDF0FD;}
.d2-2121058281 .color-B6{color:#F7F8FE;}
.d2-2121058281 .color-AA2{color:#4A6FF3;}
.d2-2121058281 .color-AA4{color:#EDF0FD;}
.d2-2121058281 .color-AA5{color:#F7F8FE;}
.d2-2121058281 .color-AB4{color:#EDF0FD;}
.d2-2121058281 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://calendar.google.com/calendar/u/0/r?tab=mc&amp;pli=1" xlink:href="https://calendar.google.com/calendar/u/0/r?tab=mc&amp;pli=1"><g id="a"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g></a><g transform="translate(69 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -104,7 +104,7 @@
</clipPath>
</defs>
</svg>
</g><mask id="d2-2332549614" maskUnits="userSpaceOnUse" x="-1" y="-18" width="104" height="85">
</g><mask id="d2-2121058281" maskUnits="userSpaceOnUse" x="-1" y="-18" width="104" height="85">
<rect x="-1" y="-18" width="104" height="85" fill="white"></rect>
<rect x="38.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

1
e2etests/testdata/regression/link_with_ampersand/elk/board.exp.json generated vendored
View file

@ -24,6 +24,7 @@
"double-border": false,
"tooltip": "",
"link": "https://calendar.google.com/calendar/u/0/r?tab=mc&pli=1",
"prettyLink": "https://calendar.google.com/calendar/u/0/r?tab=mc&pli=1",
"icon": null,
"iconPosition": "",
"blend": false,

154
e2etests/testdata/regression/link_with_ampersand/elk/sketch.exp.svg vendored
View file

@ -1,12 +1,12 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 104 85"><svg id="d2-svg" class="d2-4014689926" width="104" height="85" viewBox="11 -6 104 85"><rect x="11.000000" y="-6.000000" width="104.000000" height="85.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 104 85"><svg id="d2-svg" class="d2-2723259281" width="104" height="85" viewBox="11 -6 104 85"><rect x="11.000000" y="-6.000000" width="104.000000" height="85.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.appendix-icon {
filter: drop-shadow(0px 0px 32px rgba(31, 36, 58, 0.1));
}
.d2-4014689926 .text-bold {
font-family: "d2-4014689926-font-bold";
.d2-2723259281 .text-bold {
font-family: "d2-2723259281-font-bold";
}
@font-face {
font-family: d2-4014689926-font-bold;
font-family: d2-2723259281-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -21,78 +21,78 @@
opacity: 0.5;
}
.d2-4014689926 .fill-N1{fill:#0A0F25;}
.d2-4014689926 .fill-N2{fill:#676C7E;}
.d2-4014689926 .fill-N3{fill:#9499AB;}
.d2-4014689926 .fill-N4{fill:#CFD2DD;}
.d2-4014689926 .fill-N5{fill:#DEE1EB;}
.d2-4014689926 .fill-N6{fill:#EEF1F8;}
.d2-4014689926 .fill-N7{fill:#FFFFFF;}
.d2-4014689926 .fill-B1{fill:#0D32B2;}
.d2-4014689926 .fill-B2{fill:#0D32B2;}
.d2-4014689926 .fill-B3{fill:#E3E9FD;}
.d2-4014689926 .fill-B4{fill:#E3E9FD;}
.d2-4014689926 .fill-B5{fill:#EDF0FD;}
.d2-4014689926 .fill-B6{fill:#F7F8FE;}
.d2-4014689926 .fill-AA2{fill:#4A6FF3;}
.d2-4014689926 .fill-AA4{fill:#EDF0FD;}
.d2-4014689926 .fill-AA5{fill:#F7F8FE;}
.d2-4014689926 .fill-AB4{fill:#EDF0FD;}
.d2-4014689926 .fill-AB5{fill:#F7F8FE;}
.d2-4014689926 .stroke-N1{stroke:#0A0F25;}
.d2-4014689926 .stroke-N2{stroke:#676C7E;}
.d2-4014689926 .stroke-N3{stroke:#9499AB;}
.d2-4014689926 .stroke-N4{stroke:#CFD2DD;}
.d2-4014689926 .stroke-N5{stroke:#DEE1EB;}
.d2-4014689926 .stroke-N6{stroke:#EEF1F8;}
.d2-4014689926 .stroke-N7{stroke:#FFFFFF;}
.d2-4014689926 .stroke-B1{stroke:#0D32B2;}
.d2-4014689926 .stroke-B2{stroke:#0D32B2;}
.d2-4014689926 .stroke-B3{stroke:#E3E9FD;}
.d2-4014689926 .stroke-B4{stroke:#E3E9FD;}
.d2-4014689926 .stroke-B5{stroke:#EDF0FD;}
.d2-4014689926 .stroke-B6{stroke:#F7F8FE;}
.d2-4014689926 .stroke-AA2{stroke:#4A6FF3;}
.d2-4014689926 .stroke-AA4{stroke:#EDF0FD;}
.d2-4014689926 .stroke-AA5{stroke:#F7F8FE;}
.d2-4014689926 .stroke-AB4{stroke:#EDF0FD;}
.d2-4014689926 .stroke-AB5{stroke:#F7F8FE;}
.d2-4014689926 .background-color-N1{background-color:#0A0F25;}
.d2-4014689926 .background-color-N2{background-color:#676C7E;}
.d2-4014689926 .background-color-N3{background-color:#9499AB;}
.d2-4014689926 .background-color-N4{background-color:#CFD2DD;}
.d2-4014689926 .background-color-N5{background-color:#DEE1EB;}
.d2-4014689926 .background-color-N6{background-color:#EEF1F8;}
.d2-4014689926 .background-color-N7{background-color:#FFFFFF;}
.d2-4014689926 .background-color-B1{background-color:#0D32B2;}
.d2-4014689926 .background-color-B2{background-color:#0D32B2;}
.d2-4014689926 .background-color-B3{background-color:#E3E9FD;}
.d2-4014689926 .background-color-B4{background-color:#E3E9FD;}
.d2-4014689926 .background-color-B5{background-color:#EDF0FD;}
.d2-4014689926 .background-color-B6{background-color:#F7F8FE;}
.d2-4014689926 .background-color-AA2{background-color:#4A6FF3;}
.d2-4014689926 .background-color-AA4{background-color:#EDF0FD;}
.d2-4014689926 .background-color-AA5{background-color:#F7F8FE;}
.d2-4014689926 .background-color-AB4{background-color:#EDF0FD;}
.d2-4014689926 .background-color-AB5{background-color:#F7F8FE;}
.d2-4014689926 .color-N1{color:#0A0F25;}
.d2-4014689926 .color-N2{color:#676C7E;}
.d2-4014689926 .color-N3{color:#9499AB;}
.d2-4014689926 .color-N4{color:#CFD2DD;}
.d2-4014689926 .color-N5{color:#DEE1EB;}
.d2-4014689926 .color-N6{color:#EEF1F8;}
.d2-4014689926 .color-N7{color:#FFFFFF;}
.d2-4014689926 .color-B1{color:#0D32B2;}
.d2-4014689926 .color-B2{color:#0D32B2;}
.d2-4014689926 .color-B3{color:#E3E9FD;}
.d2-4014689926 .color-B4{color:#E3E9FD;}
.d2-4014689926 .color-B5{color:#EDF0FD;}
.d2-4014689926 .color-B6{color:#F7F8FE;}
.d2-4014689926 .color-AA2{color:#4A6FF3;}
.d2-4014689926 .color-AA4{color:#EDF0FD;}
.d2-4014689926 .color-AA5{color:#F7F8FE;}
.d2-4014689926 .color-AB4{color:#EDF0FD;}
.d2-4014689926 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://calendar.google.com/calendar/u/0/r?tab=mc&amp;pli=1" xlink:href="https://calendar.google.com/calendar/u/0/r?tab=mc&amp;pli=1"><g id="a"><g class="shape" ><rect x="12.000000" y="12.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="54.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g></a><g transform="translate(81 -4)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
.d2-2723259281 .fill-N1{fill:#0A0F25;}
.d2-2723259281 .fill-N2{fill:#676C7E;}
.d2-2723259281 .fill-N3{fill:#9499AB;}
.d2-2723259281 .fill-N4{fill:#CFD2DD;}
.d2-2723259281 .fill-N5{fill:#DEE1EB;}
.d2-2723259281 .fill-N6{fill:#EEF1F8;}
.d2-2723259281 .fill-N7{fill:#FFFFFF;}
.d2-2723259281 .fill-B1{fill:#0D32B2;}
.d2-2723259281 .fill-B2{fill:#0D32B2;}
.d2-2723259281 .fill-B3{fill:#E3E9FD;}
.d2-2723259281 .fill-B4{fill:#E3E9FD;}
.d2-2723259281 .fill-B5{fill:#EDF0FD;}
.d2-2723259281 .fill-B6{fill:#F7F8FE;}
.d2-2723259281 .fill-AA2{fill:#4A6FF3;}
.d2-2723259281 .fill-AA4{fill:#EDF0FD;}
.d2-2723259281 .fill-AA5{fill:#F7F8FE;}
.d2-2723259281 .fill-AB4{fill:#EDF0FD;}
.d2-2723259281 .fill-AB5{fill:#F7F8FE;}
.d2-2723259281 .stroke-N1{stroke:#0A0F25;}
.d2-2723259281 .stroke-N2{stroke:#676C7E;}
.d2-2723259281 .stroke-N3{stroke:#9499AB;}
.d2-2723259281 .stroke-N4{stroke:#CFD2DD;}
.d2-2723259281 .stroke-N5{stroke:#DEE1EB;}
.d2-2723259281 .stroke-N6{stroke:#EEF1F8;}
.d2-2723259281 .stroke-N7{stroke:#FFFFFF;}
.d2-2723259281 .stroke-B1{stroke:#0D32B2;}
.d2-2723259281 .stroke-B2{stroke:#0D32B2;}
.d2-2723259281 .stroke-B3{stroke:#E3E9FD;}
.d2-2723259281 .stroke-B4{stroke:#E3E9FD;}
.d2-2723259281 .stroke-B5{stroke:#EDF0FD;}
.d2-2723259281 .stroke-B6{stroke:#F7F8FE;}
.d2-2723259281 .stroke-AA2{stroke:#4A6FF3;}
.d2-2723259281 .stroke-AA4{stroke:#EDF0FD;}
.d2-2723259281 .stroke-AA5{stroke:#F7F8FE;}
.d2-2723259281 .stroke-AB4{stroke:#EDF0FD;}
.d2-2723259281 .stroke-AB5{stroke:#F7F8FE;}
.d2-2723259281 .background-color-N1{background-color:#0A0F25;}
.d2-2723259281 .background-color-N2{background-color:#676C7E;}
.d2-2723259281 .background-color-N3{background-color:#9499AB;}
.d2-2723259281 .background-color-N4{background-color:#CFD2DD;}
.d2-2723259281 .background-color-N5{background-color:#DEE1EB;}
.d2-2723259281 .background-color-N6{background-color:#EEF1F8;}
.d2-2723259281 .background-color-N7{background-color:#FFFFFF;}
.d2-2723259281 .background-color-B1{background-color:#0D32B2;}
.d2-2723259281 .background-color-B2{background-color:#0D32B2;}
.d2-2723259281 .background-color-B3{background-color:#E3E9FD;}
.d2-2723259281 .background-color-B4{background-color:#E3E9FD;}
.d2-2723259281 .background-color-B5{background-color:#EDF0FD;}
.d2-2723259281 .background-color-B6{background-color:#F7F8FE;}
.d2-2723259281 .background-color-AA2{background-color:#4A6FF3;}
.d2-2723259281 .background-color-AA4{background-color:#EDF0FD;}
.d2-2723259281 .background-color-AA5{background-color:#F7F8FE;}
.d2-2723259281 .background-color-AB4{background-color:#EDF0FD;}
.d2-2723259281 .background-color-AB5{background-color:#F7F8FE;}
.d2-2723259281 .color-N1{color:#0A0F25;}
.d2-2723259281 .color-N2{color:#676C7E;}
.d2-2723259281 .color-N3{color:#9499AB;}
.d2-2723259281 .color-N4{color:#CFD2DD;}
.d2-2723259281 .color-N5{color:#DEE1EB;}
.d2-2723259281 .color-N6{color:#EEF1F8;}
.d2-2723259281 .color-N7{color:#FFFFFF;}
.d2-2723259281 .color-B1{color:#0D32B2;}
.d2-2723259281 .color-B2{color:#0D32B2;}
.d2-2723259281 .color-B3{color:#E3E9FD;}
.d2-2723259281 .color-B4{color:#E3E9FD;}
.d2-2723259281 .color-B5{color:#EDF0FD;}
.d2-2723259281 .color-B6{color:#F7F8FE;}
.d2-2723259281 .color-AA2{color:#4A6FF3;}
.d2-2723259281 .color-AA4{color:#EDF0FD;}
.d2-2723259281 .color-AA5{color:#F7F8FE;}
.d2-2723259281 .color-AB4{color:#EDF0FD;}
.d2-2723259281 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://calendar.google.com/calendar/u/0/r?tab=mc&amp;pli=1" xlink:href="https://calendar.google.com/calendar/u/0/r?tab=mc&amp;pli=1"><g id="a"><g class="shape" ><rect x="12.000000" y="12.000000" width="85.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="54.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g></a><g transform="translate(81 -4)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -104,7 +104,7 @@
</clipPath>
</defs>
</svg>
</g><mask id="d2-4014689926" maskUnits="userSpaceOnUse" x="11" y="-6" width="104" height="85">
</g><mask id="d2-2723259281" maskUnits="userSpaceOnUse" x="11" y="-6" width="104" height="85">
<rect x="11" y="-6" width="104" height="85" fill="white"></rect>
<rect x="50.500000" y="34.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

34
e2etests/testdata/stable/all_shapes_link/dagre/board.exp.json generated vendored
View file

@ -68,6 +68,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -112,6 +113,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -156,6 +158,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -200,6 +203,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -244,6 +248,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -288,6 +293,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -332,6 +338,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -376,6 +383,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -420,6 +428,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -464,6 +473,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -508,6 +518,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -552,6 +563,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -596,6 +608,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -640,6 +653,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -684,6 +698,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -728,6 +743,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -772,6 +788,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -1649,6 +1666,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -1694,6 +1712,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -1739,6 +1758,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -1784,6 +1804,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -1829,6 +1850,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -1874,6 +1896,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -1919,6 +1942,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -1964,6 +1988,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -2009,6 +2034,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -2054,6 +2080,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -2099,6 +2126,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -2144,6 +2172,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -2189,6 +2218,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -2234,6 +2264,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -2279,6 +2310,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -2324,6 +2356,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -2369,6 +2402,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,

160
e2etests/testdata/stable/all_shapes_link/dagre/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 141 KiB

After

Width:  |  Height:  |  Size: 141 KiB

34
e2etests/testdata/stable/all_shapes_link/elk/board.exp.json generated vendored
View file

@ -68,6 +68,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -112,6 +113,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -156,6 +158,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -200,6 +203,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -244,6 +248,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -288,6 +293,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -332,6 +338,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -376,6 +383,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -420,6 +428,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -464,6 +473,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -508,6 +518,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -552,6 +563,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -596,6 +608,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -640,6 +653,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -684,6 +698,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -728,6 +743,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -772,6 +788,7 @@
"double-border": false,
"tooltip": "",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -1649,6 +1666,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -1694,6 +1712,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -1739,6 +1758,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -1784,6 +1804,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -1829,6 +1850,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -1874,6 +1896,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -1919,6 +1942,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -1964,6 +1988,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -2009,6 +2034,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -2054,6 +2080,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -2099,6 +2126,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -2144,6 +2172,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -2189,6 +2218,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -2234,6 +2264,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -2279,6 +2310,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -2324,6 +2356,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -2369,6 +2402,7 @@
"double-border": false,
"tooltip": "example",
"link": "example.com",
"prettyLink": "example.com",
"icon": null,
"iconPosition": "",
"blend": false,

160
e2etests/testdata/stable/all_shapes_link/elk/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 140 KiB

After

Width:  |  Height:  |  Size: 140 KiB

18
e2etests/testdata/stable/complex-layers/dagre/board.exp.json generated vendored
View file

@ -285,7 +285,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "window",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -456,7 +456,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "roof",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -586,7 +586,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "garage",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -633,7 +633,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "repair",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -804,7 +804,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "1",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -1064,7 +1064,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "2",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -1453,7 +1453,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "3",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -1930,7 +1930,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "4",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -2228,7 +2228,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "storm",
"fontSize": 0,
"fontFamily": "",
"language": "",

190
e2etests/testdata/stable/complex-layers/dagre/sketch.exp.svg vendored
View file

@ -1,16 +1,16 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 838 520"><svg id="d2-svg" width="838" height="520" viewBox="-1 -21 838 520"><style type="text/css"><![CDATA[
.d2-1090480373 .text {
font-family: "d2-1090480373-font-regular";
.d2-1545236778 .text {
font-family: "d2-1545236778-font-regular";
}
@font-face {
font-family: d2-1090480373-font-regular;
font-family: d2-1545236778-font-regular;
src: url("data:application/font-woff;base64,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");
}
.d2-1090480373 .text-bold {
font-family: "d2-1090480373-font-bold";
.d2-1545236778 .text-bold {
font-family: "d2-1545236778-font-bold";
}
@font-face {
font-family: d2-1090480373-font-bold;
font-family: d2-1545236778-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -25,78 +25,78 @@
opacity: 0.5;
}
.d2-1090480373 .fill-N1{fill:#0A0F25;}
.d2-1090480373 .fill-N2{fill:#676C7E;}
.d2-1090480373 .fill-N3{fill:#9499AB;}
.d2-1090480373 .fill-N4{fill:#CFD2DD;}
.d2-1090480373 .fill-N5{fill:#DEE1EB;}
.d2-1090480373 .fill-N6{fill:#EEF1F8;}
.d2-1090480373 .fill-N7{fill:#FFFFFF;}
.d2-1090480373 .fill-B1{fill:#0D32B2;}
.d2-1090480373 .fill-B2{fill:#0D32B2;}
.d2-1090480373 .fill-B3{fill:#E3E9FD;}
.d2-1090480373 .fill-B4{fill:#E3E9FD;}
.d2-1090480373 .fill-B5{fill:#EDF0FD;}
.d2-1090480373 .fill-B6{fill:#F7F8FE;}
.d2-1090480373 .fill-AA2{fill:#4A6FF3;}
.d2-1090480373 .fill-AA4{fill:#EDF0FD;}
.d2-1090480373 .fill-AA5{fill:#F7F8FE;}
.d2-1090480373 .fill-AB4{fill:#EDF0FD;}
.d2-1090480373 .fill-AB5{fill:#F7F8FE;}
.d2-1090480373 .stroke-N1{stroke:#0A0F25;}
.d2-1090480373 .stroke-N2{stroke:#676C7E;}
.d2-1090480373 .stroke-N3{stroke:#9499AB;}
.d2-1090480373 .stroke-N4{stroke:#CFD2DD;}
.d2-1090480373 .stroke-N5{stroke:#DEE1EB;}
.d2-1090480373 .stroke-N6{stroke:#EEF1F8;}
.d2-1090480373 .stroke-N7{stroke:#FFFFFF;}
.d2-1090480373 .stroke-B1{stroke:#0D32B2;}
.d2-1090480373 .stroke-B2{stroke:#0D32B2;}
.d2-1090480373 .stroke-B3{stroke:#E3E9FD;}
.d2-1090480373 .stroke-B4{stroke:#E3E9FD;}
.d2-1090480373 .stroke-B5{stroke:#EDF0FD;}
.d2-1090480373 .stroke-B6{stroke:#F7F8FE;}
.d2-1090480373 .stroke-AA2{stroke:#4A6FF3;}
.d2-1090480373 .stroke-AA4{stroke:#EDF0FD;}
.d2-1090480373 .stroke-AA5{stroke:#F7F8FE;}
.d2-1090480373 .stroke-AB4{stroke:#EDF0FD;}
.d2-1090480373 .stroke-AB5{stroke:#F7F8FE;}
.d2-1090480373 .background-color-N1{background-color:#0A0F25;}
.d2-1090480373 .background-color-N2{background-color:#676C7E;}
.d2-1090480373 .background-color-N3{background-color:#9499AB;}
.d2-1090480373 .background-color-N4{background-color:#CFD2DD;}
.d2-1090480373 .background-color-N5{background-color:#DEE1EB;}
.d2-1090480373 .background-color-N6{background-color:#EEF1F8;}
.d2-1090480373 .background-color-N7{background-color:#FFFFFF;}
.d2-1090480373 .background-color-B1{background-color:#0D32B2;}
.d2-1090480373 .background-color-B2{background-color:#0D32B2;}
.d2-1090480373 .background-color-B3{background-color:#E3E9FD;}
.d2-1090480373 .background-color-B4{background-color:#E3E9FD;}
.d2-1090480373 .background-color-B5{background-color:#EDF0FD;}
.d2-1090480373 .background-color-B6{background-color:#F7F8FE;}
.d2-1090480373 .background-color-AA2{background-color:#4A6FF3;}
.d2-1090480373 .background-color-AA4{background-color:#EDF0FD;}
.d2-1090480373 .background-color-AA5{background-color:#F7F8FE;}
.d2-1090480373 .background-color-AB4{background-color:#EDF0FD;}
.d2-1090480373 .background-color-AB5{background-color:#F7F8FE;}
.d2-1090480373 .color-N1{color:#0A0F25;}
.d2-1090480373 .color-N2{color:#676C7E;}
.d2-1090480373 .color-N3{color:#9499AB;}
.d2-1090480373 .color-N4{color:#CFD2DD;}
.d2-1090480373 .color-N5{color:#DEE1EB;}
.d2-1090480373 .color-N6{color:#EEF1F8;}
.d2-1090480373 .color-N7{color:#FFFFFF;}
.d2-1090480373 .color-B1{color:#0D32B2;}
.d2-1090480373 .color-B2{color:#0D32B2;}
.d2-1090480373 .color-B3{color:#E3E9FD;}
.d2-1090480373 .color-B4{color:#E3E9FD;}
.d2-1090480373 .color-B5{color:#EDF0FD;}
.d2-1090480373 .color-B6{color:#F7F8FE;}
.d2-1090480373 .color-AA2{color:#4A6FF3;}
.d2-1090480373 .color-AA4{color:#EDF0FD;}
.d2-1090480373 .color-AA5{color:#F7F8FE;}
.d2-1090480373 .color-AB4{color:#EDF0FD;}
.d2-1090480373 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[@keyframes d2Transition-d2-1090480373-0 {
.d2-1545236778 .fill-N1{fill:#0A0F25;}
.d2-1545236778 .fill-N2{fill:#676C7E;}
.d2-1545236778 .fill-N3{fill:#9499AB;}
.d2-1545236778 .fill-N4{fill:#CFD2DD;}
.d2-1545236778 .fill-N5{fill:#DEE1EB;}
.d2-1545236778 .fill-N6{fill:#EEF1F8;}
.d2-1545236778 .fill-N7{fill:#FFFFFF;}
.d2-1545236778 .fill-B1{fill:#0D32B2;}
.d2-1545236778 .fill-B2{fill:#0D32B2;}
.d2-1545236778 .fill-B3{fill:#E3E9FD;}
.d2-1545236778 .fill-B4{fill:#E3E9FD;}
.d2-1545236778 .fill-B5{fill:#EDF0FD;}
.d2-1545236778 .fill-B6{fill:#F7F8FE;}
.d2-1545236778 .fill-AA2{fill:#4A6FF3;}
.d2-1545236778 .fill-AA4{fill:#EDF0FD;}
.d2-1545236778 .fill-AA5{fill:#F7F8FE;}
.d2-1545236778 .fill-AB4{fill:#EDF0FD;}
.d2-1545236778 .fill-AB5{fill:#F7F8FE;}
.d2-1545236778 .stroke-N1{stroke:#0A0F25;}
.d2-1545236778 .stroke-N2{stroke:#676C7E;}
.d2-1545236778 .stroke-N3{stroke:#9499AB;}
.d2-1545236778 .stroke-N4{stroke:#CFD2DD;}
.d2-1545236778 .stroke-N5{stroke:#DEE1EB;}
.d2-1545236778 .stroke-N6{stroke:#EEF1F8;}
.d2-1545236778 .stroke-N7{stroke:#FFFFFF;}
.d2-1545236778 .stroke-B1{stroke:#0D32B2;}
.d2-1545236778 .stroke-B2{stroke:#0D32B2;}
.d2-1545236778 .stroke-B3{stroke:#E3E9FD;}
.d2-1545236778 .stroke-B4{stroke:#E3E9FD;}
.d2-1545236778 .stroke-B5{stroke:#EDF0FD;}
.d2-1545236778 .stroke-B6{stroke:#F7F8FE;}
.d2-1545236778 .stroke-AA2{stroke:#4A6FF3;}
.d2-1545236778 .stroke-AA4{stroke:#EDF0FD;}
.d2-1545236778 .stroke-AA5{stroke:#F7F8FE;}
.d2-1545236778 .stroke-AB4{stroke:#EDF0FD;}
.d2-1545236778 .stroke-AB5{stroke:#F7F8FE;}
.d2-1545236778 .background-color-N1{background-color:#0A0F25;}
.d2-1545236778 .background-color-N2{background-color:#676C7E;}
.d2-1545236778 .background-color-N3{background-color:#9499AB;}
.d2-1545236778 .background-color-N4{background-color:#CFD2DD;}
.d2-1545236778 .background-color-N5{background-color:#DEE1EB;}
.d2-1545236778 .background-color-N6{background-color:#EEF1F8;}
.d2-1545236778 .background-color-N7{background-color:#FFFFFF;}
.d2-1545236778 .background-color-B1{background-color:#0D32B2;}
.d2-1545236778 .background-color-B2{background-color:#0D32B2;}
.d2-1545236778 .background-color-B3{background-color:#E3E9FD;}
.d2-1545236778 .background-color-B4{background-color:#E3E9FD;}
.d2-1545236778 .background-color-B5{background-color:#EDF0FD;}
.d2-1545236778 .background-color-B6{background-color:#F7F8FE;}
.d2-1545236778 .background-color-AA2{background-color:#4A6FF3;}
.d2-1545236778 .background-color-AA4{background-color:#EDF0FD;}
.d2-1545236778 .background-color-AA5{background-color:#F7F8FE;}
.d2-1545236778 .background-color-AB4{background-color:#EDF0FD;}
.d2-1545236778 .background-color-AB5{background-color:#F7F8FE;}
.d2-1545236778 .color-N1{color:#0A0F25;}
.d2-1545236778 .color-N2{color:#676C7E;}
.d2-1545236778 .color-N3{color:#9499AB;}
.d2-1545236778 .color-N4{color:#CFD2DD;}
.d2-1545236778 .color-N5{color:#DEE1EB;}
.d2-1545236778 .color-N6{color:#EEF1F8;}
.d2-1545236778 .color-N7{color:#FFFFFF;}
.d2-1545236778 .color-B1{color:#0D32B2;}
.d2-1545236778 .color-B2{color:#0D32B2;}
.d2-1545236778 .color-B3{color:#E3E9FD;}
.d2-1545236778 .color-B4{color:#E3E9FD;}
.d2-1545236778 .color-B5{color:#EDF0FD;}
.d2-1545236778 .color-B6{color:#F7F8FE;}
.d2-1545236778 .color-AA2{color:#4A6FF3;}
.d2-1545236778 .color-AA4{color:#EDF0FD;}
.d2-1545236778 .color-AA5{color:#F7F8FE;}
.d2-1545236778 .color-AB4{color:#EDF0FD;}
.d2-1545236778 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[@keyframes d2Transition-d2-1545236778-0 {
0%, 0.000000% {
opacity: 0;
}
@ -106,7 +106,7 @@
11.111111%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1090480373-1 {
}@keyframes d2Transition-d2-1545236778-1 {
0%, 11.100000% {
opacity: 0;
}
@ -116,7 +116,7 @@
22.222222%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1090480373-2 {
}@keyframes d2Transition-d2-1545236778-2 {
0%, 22.211111% {
opacity: 0;
}
@ -126,7 +126,7 @@
33.333333%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1090480373-3 {
}@keyframes d2Transition-d2-1545236778-3 {
0%, 33.322222% {
opacity: 0;
}
@ -136,7 +136,7 @@
44.444444%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1090480373-4 {
}@keyframes d2Transition-d2-1545236778-4 {
0%, 44.433333% {
opacity: 0;
}
@ -146,7 +146,7 @@
55.555556%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1090480373-5 {
}@keyframes d2Transition-d2-1545236778-5 {
0%, 55.544444% {
opacity: 0;
}
@ -156,7 +156,7 @@
66.666667%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1090480373-6 {
}@keyframes d2Transition-d2-1545236778-6 {
0%, 66.655556% {
opacity: 0;
}
@ -166,7 +166,7 @@
77.777778%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1090480373-7 {
}@keyframes d2Transition-d2-1545236778-7 {
0%, 77.766667% {
opacity: 0;
}
@ -176,43 +176,43 @@
88.888889%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1090480373-8 {
}@keyframes d2Transition-d2-1545236778-8 {
0%, 88.877778% {
opacity: 0;
}
88.888889%, 100.000000% {
opacity: 1;
}
}]]></style><g style="animation: d2Transition-d2-1090480373-0 9000ms infinite" class="d2-1090480373" width="394" height="68" viewBox="-1 -1 394 68"><rect x="-1.000000" y="-1.000000" width="394.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="window"><g class="shape" ><rect x="0.000000" y="0.000000" width="103.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="5.000000" y="5.000000" width="93.000000" height="56.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="51.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">window</text></g><g id="roof"><g class="shape" ><rect x="163.000000" y="0.000000" width="75.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="200.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">roof</text></g><g id="garage"><g class="shape" ><rect x="298.000000" y="0.000000" width="94.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="345.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">garage</text></g><mask id="d2-1090480373" maskUnits="userSpaceOnUse" x="-1" y="-1" width="394" height="68">
}]]></style><g style="animation: d2Transition-d2-1545236778-0 9000ms infinite" class="d2-1545236778" width="394" height="68" viewBox="-1 -1 394 68"><rect x="-1.000000" y="-1.000000" width="394.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="window"><g class="shape" ><rect x="0.000000" y="0.000000" width="103.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="5.000000" y="5.000000" width="93.000000" height="56.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="51.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">window</text></g><g id="roof"><g class="shape" ><rect x="163.000000" y="0.000000" width="75.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="200.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">roof</text></g><g id="garage"><g class="shape" ><rect x="298.000000" y="0.000000" width="94.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="345.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">garage</text></g><mask id="d2-1545236778" maskUnits="userSpaceOnUse" x="-1" y="-1" width="394" height="68">
<rect x="-1" y="-1" width="394" height="68" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="58" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="185.500000" y="22.500000" width="30" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="320.500000" y="22.500000" width="49" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1090480373-1 9000ms infinite" class="d2-1090480373" width="231" height="68" viewBox="-1 -1 231 68"><rect x="-1.000000" y="-1.000000" width="231.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="blinds"><g class="shape" ><rect x="0.000000" y="0.000000" width="88.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="44.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">blinds</text></g><g id="glass"><g class="shape" ><rect x="148.000000" y="0.000000" width="81.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="188.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">glass</text></g><mask id="d2-12118547" maskUnits="userSpaceOnUse" x="-1" y="-1" width="231" height="68">
</mask></g><g style="animation: d2Transition-d2-1545236778-1 9000ms infinite" class="d2-1545236778" width="231" height="68" viewBox="-1 -1 231 68"><rect x="-1.000000" y="-1.000000" width="231.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="blinds"><g class="shape" ><rect x="0.000000" y="0.000000" width="88.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="44.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">blinds</text></g><g id="glass"><g class="shape" ><rect x="148.000000" y="0.000000" width="81.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="188.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">glass</text></g><mask id="d2-2508741187" maskUnits="userSpaceOnUse" x="-1" y="-1" width="231" height="68">
<rect x="-1" y="-1" width="231" height="68" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="43" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="170.500000" y="22.500000" width="36" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1090480373-2 9000ms infinite" class="d2-1090480373" width="473" height="68" viewBox="-1 -1 473 68"><rect x="-1.000000" y="-1.000000" width="473.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="shingles"><g class="shape" ><rect x="0.000000" y="0.000000" width="104.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="52.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">shingles</text></g><g id="starlink"><g class="shape" ><rect x="164.000000" y="0.000000" width="101.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="214.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">starlink</text></g><g id="utility hookup"><g class="shape" ><rect x="325.000000" y="0.000000" width="146.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="398.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">utility hookup</text></g><mask id="d2-340912732" maskUnits="userSpaceOnUse" x="-1" y="-1" width="473" height="68">
</mask></g><g style="animation: d2Transition-d2-1545236778-2 9000ms infinite" class="d2-1545236778" width="473" height="68" viewBox="-1 -1 473 68"><rect x="-1.000000" y="-1.000000" width="473.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="shingles"><g class="shape" ><rect x="0.000000" y="0.000000" width="104.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="52.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">shingles</text></g><g id="starlink"><g class="shape" ><rect x="164.000000" y="0.000000" width="101.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="214.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">starlink</text></g><g id="utility hookup"><g class="shape" ><rect x="325.000000" y="0.000000" width="146.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="398.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">utility hookup</text></g><mask id="d2-792916422" maskUnits="userSpaceOnUse" x="-1" y="-1" width="473" height="68">
<rect x="-1" y="-1" width="473" height="68" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="59" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="186.500000" y="22.500000" width="56" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="347.500000" y="22.500000" width="101" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1090480373-3 9000ms infinite" class="d2-1090480373" width="246" height="68" viewBox="-1 -1 246 68"><rect x="-1.000000" y="-1.000000" width="246.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="tools"><g class="shape" ><rect x="0.000000" y="0.000000" width="81.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="40.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">tools</text></g><g id="vehicles"><g class="shape" ><rect x="141.000000" y="0.000000" width="103.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="192.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">vehicles</text></g><mask id="d2-1019890944" maskUnits="userSpaceOnUse" x="-1" y="-1" width="246" height="68">
</mask></g><g style="animation: d2Transition-d2-1545236778-3 9000ms infinite" class="d2-1545236778" width="246" height="68" viewBox="-1 -1 246 68"><rect x="-1.000000" y="-1.000000" width="246.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="tools"><g class="shape" ><rect x="0.000000" y="0.000000" width="81.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="40.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">tools</text></g><g id="vehicles"><g class="shape" ><rect x="141.000000" y="0.000000" width="103.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="192.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">vehicles</text></g><mask id="d2-1808933765" maskUnits="userSpaceOnUse" x="-1" y="-1" width="246" height="68">
<rect x="-1" y="-1" width="246" height="68" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="36" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="163.500000" y="22.500000" width="58" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1090480373-4 9000ms infinite" class="d2-1090480373" width="343" height="168" viewBox="9 -21 343 168"><rect x="9.000000" y="-21.000000" width="343.000000" height="168.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="find contractors"><g class="shape" ><rect x="10.000000" y="20.000000" width="341.000000" height="126.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.500000" y="7.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">find contractors</text></g><g id="find contractors.craigslist"><g class="shape" ><rect x="40.000000" y="50.000000" width="110.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="95.000000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">craigslist</text></g><g id="find contractors.facebook"><g class="shape" ><rect x="210.000000" y="50.000000" width="111.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="265.500000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">facebook</text></g><mask id="d2-3272518502" maskUnits="userSpaceOnUse" x="9" y="-21" width="343" height="168">
</mask></g><g style="animation: d2Transition-d2-1545236778-4 9000ms infinite" class="d2-1545236778" width="343" height="168" viewBox="9 -21 343 168"><rect x="9.000000" y="-21.000000" width="343.000000" height="168.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="find contractors"><g class="shape" ><rect x="10.000000" y="20.000000" width="341.000000" height="126.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.500000" y="7.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">find contractors</text></g><g id="find contractors.craigslist"><g class="shape" ><rect x="40.000000" y="50.000000" width="110.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="95.000000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">craigslist</text></g><g id="find contractors.facebook"><g class="shape" ><rect x="210.000000" y="50.000000" width="111.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="265.500000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">facebook</text></g><mask id="d2-51702761" maskUnits="userSpaceOnUse" x="9" y="-21" width="343" height="168">
<rect x="9" y="-21" width="343" height="168" fill="white"></rect>
<rect x="87.000000" y="-21.000000" width="187" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="62.500000" y="72.500000" width="65" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="232.500000" y="72.500000" width="66" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1090480373-5 9000ms infinite" class="d2-1090480373" width="343" height="354" viewBox="9 -21 343 354"><rect x="9.000000" y="-21.000000" width="343.000000" height="354.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="find contractors"><g class="shape" ><rect x="10.000000" y="20.000000" width="341.000000" height="126.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.500000" y="7.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">find contractors</text></g><g id="solicit quotes"><g class="shape" ><rect x="196.000000" y="266.000000" width="140.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="266.000000" y="304.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">solicit quotes</text></g><g id="find contractors.craigslist"><g class="shape" ><rect x="40.000000" y="50.000000" width="110.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="95.000000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">craigslist</text></g><g id="find contractors.facebook"><g class="shape" ><rect x="210.000000" y="50.000000" width="111.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="265.500000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">facebook</text></g><g id="(find contractors -&gt; solicit quotes)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 265.500000 148.000000 C 265.500000 202.000000 265.500000 226.000000 265.500000 262.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3223679293)" /></g><mask id="d2-3223679293" maskUnits="userSpaceOnUse" x="9" y="-21" width="343" height="354">
</mask></g><g style="animation: d2Transition-d2-1545236778-5 9000ms infinite" class="d2-1545236778" width="343" height="354" viewBox="9 -21 343 354"><rect x="9.000000" y="-21.000000" width="343.000000" height="354.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="find contractors"><g class="shape" ><rect x="10.000000" y="20.000000" width="341.000000" height="126.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.500000" y="7.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">find contractors</text></g><g id="solicit quotes"><g class="shape" ><rect x="196.000000" y="266.000000" width="140.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="266.000000" y="304.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">solicit quotes</text></g><g id="find contractors.craigslist"><g class="shape" ><rect x="40.000000" y="50.000000" width="110.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="95.000000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">craigslist</text></g><g id="find contractors.facebook"><g class="shape" ><rect x="210.000000" y="50.000000" width="111.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="265.500000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">facebook</text></g><g id="(find contractors -&gt; solicit quotes)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 265.500000 148.000000 C 265.500000 202.000000 265.500000 226.000000 265.500000 262.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2691468061)" /></g><mask id="d2-2691468061" maskUnits="userSpaceOnUse" x="9" y="-21" width="343" height="354">
<rect x="9" y="-21" width="343" height="354" fill="white"></rect>
<rect x="87.000000" y="-21.000000" width="187" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="218.500000" y="288.500000" width="95" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="62.500000" y="72.500000" width="65" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="232.500000" y="72.500000" width="66" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1090480373-6 9000ms infinite" class="d2-1090480373" width="536" height="354" viewBox="9 -21 536 354"><rect x="9.000000" y="-21.000000" width="536.000000" height="354.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="find contractors"><g class="shape" ><rect x="10.000000" y="20.000000" width="341.000000" height="126.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.500000" y="7.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">find contractors</text></g><g id="solicit quotes"><g class="shape" ><rect x="196.000000" y="266.000000" width="140.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="266.000000" y="304.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">solicit quotes</text></g><g id="obtain quotes"><g class="shape" ><rect x="401.000000" y="50.000000" width="143.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="472.500000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">obtain quotes</text></g><g id="negotiate"><g class="shape" ><rect x="417.000000" y="266.000000" width="112.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="473.000000" y="304.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">negotiate</text></g><g id="find contractors.craigslist"><g class="shape" ><rect x="40.000000" y="50.000000" width="110.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="95.000000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">craigslist</text></g><g id="find contractors.facebook"><g class="shape" ><rect x="210.000000" y="50.000000" width="111.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="265.500000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">facebook</text></g><g id="(find contractors -&gt; solicit quotes)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 265.500000 148.000000 C 265.500000 202.000000 265.500000 226.000000 265.500000 262.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2372886443)" /></g><g id="(obtain quotes -&gt; negotiate)[0]"><path d="M 472.500000 118.000000 C 472.500000 156.000000 472.500000 226.000000 472.500000 262.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2372886443)" /></g><mask id="d2-2372886443" maskUnits="userSpaceOnUse" x="9" y="-21" width="536" height="354">
</mask></g><g style="animation: d2Transition-d2-1545236778-6 9000ms infinite" class="d2-1545236778" width="536" height="354" viewBox="9 -21 536 354"><rect x="9.000000" y="-21.000000" width="536.000000" height="354.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="find contractors"><g class="shape" ><rect x="10.000000" y="20.000000" width="341.000000" height="126.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.500000" y="7.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">find contractors</text></g><g id="solicit quotes"><g class="shape" ><rect x="196.000000" y="266.000000" width="140.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="266.000000" y="304.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">solicit quotes</text></g><g id="obtain quotes"><g class="shape" ><rect x="401.000000" y="50.000000" width="143.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="472.500000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">obtain quotes</text></g><g id="negotiate"><g class="shape" ><rect x="417.000000" y="266.000000" width="112.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="473.000000" y="304.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">negotiate</text></g><g id="find contractors.craigslist"><g class="shape" ><rect x="40.000000" y="50.000000" width="110.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="95.000000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">craigslist</text></g><g id="find contractors.facebook"><g class="shape" ><rect x="210.000000" y="50.000000" width="111.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="265.500000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">facebook</text></g><g id="(find contractors -&gt; solicit quotes)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 265.500000 148.000000 C 265.500000 202.000000 265.500000 226.000000 265.500000 262.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-645215316)" /></g><g id="(obtain quotes -&gt; negotiate)[0]"><path d="M 472.500000 118.000000 C 472.500000 156.000000 472.500000 226.000000 472.500000 262.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-645215316)" /></g><mask id="d2-645215316" maskUnits="userSpaceOnUse" x="9" y="-21" width="536" height="354">
<rect x="9" y="-21" width="536" height="354" fill="white"></rect>
<rect x="87.000000" y="-21.000000" width="187" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="218.500000" y="288.500000" width="95" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -220,7 +220,7 @@
<rect x="439.500000" y="288.500000" width="67" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="62.500000" y="72.500000" width="65" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="232.500000" y="72.500000" width="66" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1090480373-7 9000ms infinite" class="d2-1090480373" width="548" height="520" viewBox="9 -21 548 520"><rect x="9.000000" y="-21.000000" width="548.000000" height="520.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="find contractors"><g class="shape" ><rect x="10.000000" y="20.000000" width="341.000000" height="126.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.500000" y="7.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">find contractors</text></g><g id="solicit quotes"><g class="shape" ><rect x="196.000000" y="266.000000" width="140.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="266.000000" y="304.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">solicit quotes</text></g><g id="obtain quotes"><g class="shape" ><rect x="401.000000" y="50.000000" width="143.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="472.500000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">obtain quotes</text></g><g id="negotiate"><g class="shape" ><rect x="417.000000" y="266.000000" width="112.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="473.000000" y="304.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">negotiate</text></g><g id="book the best bid"><g class="shape" ><rect x="389.000000" y="432.000000" width="167.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="472.500000" y="470.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">book the best bid</text></g><g id="find contractors.craigslist"><g class="shape" ><rect x="40.000000" y="50.000000" width="110.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="95.000000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">craigslist</text></g><g id="find contractors.facebook"><g class="shape" ><rect x="210.000000" y="50.000000" width="111.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="265.500000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">facebook</text></g><g id="(find contractors -&gt; solicit quotes)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 265.500000 148.000000 C 265.500000 202.000000 265.500000 226.000000 265.500000 262.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-856150431)" /></g><g id="(obtain quotes -&gt; negotiate)[0]"><path d="M 472.500000 118.000000 C 472.500000 156.000000 472.500000 226.000000 472.500000 262.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-856150431)" /></g><g id="(negotiate -&gt; book the best bid)[0]"><path d="M 472.500000 334.000000 C 472.500000 372.000000 472.500000 392.000000 472.500000 428.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-856150431)" /></g><mask id="d2-856150431" maskUnits="userSpaceOnUse" x="9" y="-21" width="548" height="520">
</mask></g><g style="animation: d2Transition-d2-1545236778-7 9000ms infinite" class="d2-1545236778" width="548" height="520" viewBox="9 -21 548 520"><rect x="9.000000" y="-21.000000" width="548.000000" height="520.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="find contractors"><g class="shape" ><rect x="10.000000" y="20.000000" width="341.000000" height="126.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.500000" y="7.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">find contractors</text></g><g id="solicit quotes"><g class="shape" ><rect x="196.000000" y="266.000000" width="140.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="266.000000" y="304.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">solicit quotes</text></g><g id="obtain quotes"><g class="shape" ><rect x="401.000000" y="50.000000" width="143.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="472.500000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">obtain quotes</text></g><g id="negotiate"><g class="shape" ><rect x="417.000000" y="266.000000" width="112.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="473.000000" y="304.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">negotiate</text></g><g id="book the best bid"><g class="shape" ><rect x="389.000000" y="432.000000" width="167.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="472.500000" y="470.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">book the best bid</text></g><g id="find contractors.craigslist"><g class="shape" ><rect x="40.000000" y="50.000000" width="110.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="95.000000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">craigslist</text></g><g id="find contractors.facebook"><g class="shape" ><rect x="210.000000" y="50.000000" width="111.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="265.500000" y="88.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">facebook</text></g><g id="(find contractors -&gt; solicit quotes)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 265.500000 148.000000 C 265.500000 202.000000 265.500000 226.000000 265.500000 262.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3453871333)" /></g><g id="(obtain quotes -&gt; negotiate)[0]"><path d="M 472.500000 118.000000 C 472.500000 156.000000 472.500000 226.000000 472.500000 262.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3453871333)" /></g><g id="(negotiate -&gt; book the best bid)[0]"><path d="M 472.500000 334.000000 C 472.500000 372.000000 472.500000 392.000000 472.500000 428.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3453871333)" /></g><mask id="d2-3453871333" maskUnits="userSpaceOnUse" x="9" y="-21" width="548" height="520">
<rect x="9" y="-21" width="548" height="520" fill="white"></rect>
<rect x="87.000000" y="-21.000000" width="187" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="218.500000" y="288.500000" width="95" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -229,7 +229,7 @@
<rect x="411.500000" y="454.500000" width="122" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="62.500000" y="72.500000" width="65" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="232.500000" y="72.500000" width="66" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1090480373-8 9000ms infinite" class="d2-1090480373" width="838" height="68" viewBox="-1 -1 838 68"><rect x="-1.000000" y="-1.000000" width="838.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="window"><g class="shape" ><rect x="0.000000" y="0.000000" width="103.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="5.000000" y="5.000000" width="93.000000" height="56.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="51.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">window</text></g><g id="roof"><g class="shape" ><rect x="163.000000" y="0.000000" width="75.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="200.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">roof</text></g><g id="garage"><g class="shape" ><rect x="298.000000" y="0.000000" width="94.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="345.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">garage</text></g><g id="water"><g class="shape" ><rect x="452.000000" y="0.000000" width="88.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="496.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">water</text></g><g id="rain"><g class="shape" ><rect x="600.000000" y="0.000000" width="73.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="636.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rain</text></g><g id="thunder"><g class="shape" ><rect x="733.000000" y="0.000000" width="103.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="784.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">thunder</text></g><mask id="d2-1331091999" maskUnits="userSpaceOnUse" x="-1" y="-1" width="838" height="68">
</mask></g><g style="animation: d2Transition-d2-1545236778-8 9000ms infinite" class="d2-1545236778" width="838" height="68" viewBox="-1 -1 838 68"><rect x="-1.000000" y="-1.000000" width="838.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="window"><g class="shape" ><rect x="0.000000" y="0.000000" width="103.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="5.000000" y="5.000000" width="93.000000" height="56.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="51.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">window</text></g><g id="roof"><g class="shape" ><rect x="163.000000" y="0.000000" width="75.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="200.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">roof</text></g><g id="garage"><g class="shape" ><rect x="298.000000" y="0.000000" width="94.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="345.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">garage</text></g><g id="water"><g class="shape" ><rect x="452.000000" y="0.000000" width="88.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="496.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">water</text></g><g id="rain"><g class="shape" ><rect x="600.000000" y="0.000000" width="73.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="636.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rain</text></g><g id="thunder"><g class="shape" ><rect x="733.000000" y="0.000000" width="103.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="784.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">thunder</text></g><mask id="d2-2113263236" maskUnits="userSpaceOnUse" x="-1" y="-1" width="838" height="68">
<rect x="-1" y="-1" width="838" height="68" fill="white"></rect>
<rect x="22.500000" y="22.500000" width="58" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="185.500000" y="22.500000" width="30" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

18
e2etests/testdata/stable/complex-layers/elk/board.exp.json generated vendored
View file

@ -285,7 +285,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "window",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -456,7 +456,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "roof",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -586,7 +586,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "garage",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -633,7 +633,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "repair",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -804,7 +804,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "1",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -1055,7 +1055,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "2",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -1426,7 +1426,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "3",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -1876,7 +1876,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "4",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -2174,7 +2174,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "storm",
"fontSize": 0,
"fontFamily": "",
"language": "",

190
e2etests/testdata/stable/complex-layers/elk/sketch.exp.svg vendored
View file

@ -1,16 +1,16 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 649 451"><svg id="d2-svg" width="649" height="451" viewBox="0 0 649 451"><style type="text/css"><![CDATA[
.d2-2698278407 .text {
font-family: "d2-2698278407-font-regular";
.d2-984314920 .text {
font-family: "d2-984314920-font-regular";
}
@font-face {
font-family: d2-2698278407-font-regular;
font-family: d2-984314920-font-regular;
src: url("data:application/font-woff;base64,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");
}
.d2-2698278407 .text-bold {
font-family: "d2-2698278407-font-bold";
.d2-984314920 .text-bold {
font-family: "d2-984314920-font-bold";
}
@font-face {
font-family: d2-2698278407-font-bold;
font-family: d2-984314920-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -25,78 +25,78 @@
opacity: 0.5;
}
.d2-2698278407 .fill-N1{fill:#0A0F25;}
.d2-2698278407 .fill-N2{fill:#676C7E;}
.d2-2698278407 .fill-N3{fill:#9499AB;}
.d2-2698278407 .fill-N4{fill:#CFD2DD;}
.d2-2698278407 .fill-N5{fill:#DEE1EB;}
.d2-2698278407 .fill-N6{fill:#EEF1F8;}
.d2-2698278407 .fill-N7{fill:#FFFFFF;}
.d2-2698278407 .fill-B1{fill:#0D32B2;}
.d2-2698278407 .fill-B2{fill:#0D32B2;}
.d2-2698278407 .fill-B3{fill:#E3E9FD;}
.d2-2698278407 .fill-B4{fill:#E3E9FD;}
.d2-2698278407 .fill-B5{fill:#EDF0FD;}
.d2-2698278407 .fill-B6{fill:#F7F8FE;}
.d2-2698278407 .fill-AA2{fill:#4A6FF3;}
.d2-2698278407 .fill-AA4{fill:#EDF0FD;}
.d2-2698278407 .fill-AA5{fill:#F7F8FE;}
.d2-2698278407 .fill-AB4{fill:#EDF0FD;}
.d2-2698278407 .fill-AB5{fill:#F7F8FE;}
.d2-2698278407 .stroke-N1{stroke:#0A0F25;}
.d2-2698278407 .stroke-N2{stroke:#676C7E;}
.d2-2698278407 .stroke-N3{stroke:#9499AB;}
.d2-2698278407 .stroke-N4{stroke:#CFD2DD;}
.d2-2698278407 .stroke-N5{stroke:#DEE1EB;}
.d2-2698278407 .stroke-N6{stroke:#EEF1F8;}
.d2-2698278407 .stroke-N7{stroke:#FFFFFF;}
.d2-2698278407 .stroke-B1{stroke:#0D32B2;}
.d2-2698278407 .stroke-B2{stroke:#0D32B2;}
.d2-2698278407 .stroke-B3{stroke:#E3E9FD;}
.d2-2698278407 .stroke-B4{stroke:#E3E9FD;}
.d2-2698278407 .stroke-B5{stroke:#EDF0FD;}
.d2-2698278407 .stroke-B6{stroke:#F7F8FE;}
.d2-2698278407 .stroke-AA2{stroke:#4A6FF3;}
.d2-2698278407 .stroke-AA4{stroke:#EDF0FD;}
.d2-2698278407 .stroke-AA5{stroke:#F7F8FE;}
.d2-2698278407 .stroke-AB4{stroke:#EDF0FD;}
.d2-2698278407 .stroke-AB5{stroke:#F7F8FE;}
.d2-2698278407 .background-color-N1{background-color:#0A0F25;}
.d2-2698278407 .background-color-N2{background-color:#676C7E;}
.d2-2698278407 .background-color-N3{background-color:#9499AB;}
.d2-2698278407 .background-color-N4{background-color:#CFD2DD;}
.d2-2698278407 .background-color-N5{background-color:#DEE1EB;}
.d2-2698278407 .background-color-N6{background-color:#EEF1F8;}
.d2-2698278407 .background-color-N7{background-color:#FFFFFF;}
.d2-2698278407 .background-color-B1{background-color:#0D32B2;}
.d2-2698278407 .background-color-B2{background-color:#0D32B2;}
.d2-2698278407 .background-color-B3{background-color:#E3E9FD;}
.d2-2698278407 .background-color-B4{background-color:#E3E9FD;}
.d2-2698278407 .background-color-B5{background-color:#EDF0FD;}
.d2-2698278407 .background-color-B6{background-color:#F7F8FE;}
.d2-2698278407 .background-color-AA2{background-color:#4A6FF3;}
.d2-2698278407 .background-color-AA4{background-color:#EDF0FD;}
.d2-2698278407 .background-color-AA5{background-color:#F7F8FE;}
.d2-2698278407 .background-color-AB4{background-color:#EDF0FD;}
.d2-2698278407 .background-color-AB5{background-color:#F7F8FE;}
.d2-2698278407 .color-N1{color:#0A0F25;}
.d2-2698278407 .color-N2{color:#676C7E;}
.d2-2698278407 .color-N3{color:#9499AB;}
.d2-2698278407 .color-N4{color:#CFD2DD;}
.d2-2698278407 .color-N5{color:#DEE1EB;}
.d2-2698278407 .color-N6{color:#EEF1F8;}
.d2-2698278407 .color-N7{color:#FFFFFF;}
.d2-2698278407 .color-B1{color:#0D32B2;}
.d2-2698278407 .color-B2{color:#0D32B2;}
.d2-2698278407 .color-B3{color:#E3E9FD;}
.d2-2698278407 .color-B4{color:#E3E9FD;}
.d2-2698278407 .color-B5{color:#EDF0FD;}
.d2-2698278407 .color-B6{color:#F7F8FE;}
.d2-2698278407 .color-AA2{color:#4A6FF3;}
.d2-2698278407 .color-AA4{color:#EDF0FD;}
.d2-2698278407 .color-AA5{color:#F7F8FE;}
.d2-2698278407 .color-AB4{color:#EDF0FD;}
.d2-2698278407 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[@keyframes d2Transition-d2-2698278407-0 {
.d2-984314920 .fill-N1{fill:#0A0F25;}
.d2-984314920 .fill-N2{fill:#676C7E;}
.d2-984314920 .fill-N3{fill:#9499AB;}
.d2-984314920 .fill-N4{fill:#CFD2DD;}
.d2-984314920 .fill-N5{fill:#DEE1EB;}
.d2-984314920 .fill-N6{fill:#EEF1F8;}
.d2-984314920 .fill-N7{fill:#FFFFFF;}
.d2-984314920 .fill-B1{fill:#0D32B2;}
.d2-984314920 .fill-B2{fill:#0D32B2;}
.d2-984314920 .fill-B3{fill:#E3E9FD;}
.d2-984314920 .fill-B4{fill:#E3E9FD;}
.d2-984314920 .fill-B5{fill:#EDF0FD;}
.d2-984314920 .fill-B6{fill:#F7F8FE;}
.d2-984314920 .fill-AA2{fill:#4A6FF3;}
.d2-984314920 .fill-AA4{fill:#EDF0FD;}
.d2-984314920 .fill-AA5{fill:#F7F8FE;}
.d2-984314920 .fill-AB4{fill:#EDF0FD;}
.d2-984314920 .fill-AB5{fill:#F7F8FE;}
.d2-984314920 .stroke-N1{stroke:#0A0F25;}
.d2-984314920 .stroke-N2{stroke:#676C7E;}
.d2-984314920 .stroke-N3{stroke:#9499AB;}
.d2-984314920 .stroke-N4{stroke:#CFD2DD;}
.d2-984314920 .stroke-N5{stroke:#DEE1EB;}
.d2-984314920 .stroke-N6{stroke:#EEF1F8;}
.d2-984314920 .stroke-N7{stroke:#FFFFFF;}
.d2-984314920 .stroke-B1{stroke:#0D32B2;}
.d2-984314920 .stroke-B2{stroke:#0D32B2;}
.d2-984314920 .stroke-B3{stroke:#E3E9FD;}
.d2-984314920 .stroke-B4{stroke:#E3E9FD;}
.d2-984314920 .stroke-B5{stroke:#EDF0FD;}
.d2-984314920 .stroke-B6{stroke:#F7F8FE;}
.d2-984314920 .stroke-AA2{stroke:#4A6FF3;}
.d2-984314920 .stroke-AA4{stroke:#EDF0FD;}
.d2-984314920 .stroke-AA5{stroke:#F7F8FE;}
.d2-984314920 .stroke-AB4{stroke:#EDF0FD;}
.d2-984314920 .stroke-AB5{stroke:#F7F8FE;}
.d2-984314920 .background-color-N1{background-color:#0A0F25;}
.d2-984314920 .background-color-N2{background-color:#676C7E;}
.d2-984314920 .background-color-N3{background-color:#9499AB;}
.d2-984314920 .background-color-N4{background-color:#CFD2DD;}
.d2-984314920 .background-color-N5{background-color:#DEE1EB;}
.d2-984314920 .background-color-N6{background-color:#EEF1F8;}
.d2-984314920 .background-color-N7{background-color:#FFFFFF;}
.d2-984314920 .background-color-B1{background-color:#0D32B2;}
.d2-984314920 .background-color-B2{background-color:#0D32B2;}
.d2-984314920 .background-color-B3{background-color:#E3E9FD;}
.d2-984314920 .background-color-B4{background-color:#E3E9FD;}
.d2-984314920 .background-color-B5{background-color:#EDF0FD;}
.d2-984314920 .background-color-B6{background-color:#F7F8FE;}
.d2-984314920 .background-color-AA2{background-color:#4A6FF3;}
.d2-984314920 .background-color-AA4{background-color:#EDF0FD;}
.d2-984314920 .background-color-AA5{background-color:#F7F8FE;}
.d2-984314920 .background-color-AB4{background-color:#EDF0FD;}
.d2-984314920 .background-color-AB5{background-color:#F7F8FE;}
.d2-984314920 .color-N1{color:#0A0F25;}
.d2-984314920 .color-N2{color:#676C7E;}
.d2-984314920 .color-N3{color:#9499AB;}
.d2-984314920 .color-N4{color:#CFD2DD;}
.d2-984314920 .color-N5{color:#DEE1EB;}
.d2-984314920 .color-N6{color:#EEF1F8;}
.d2-984314920 .color-N7{color:#FFFFFF;}
.d2-984314920 .color-B1{color:#0D32B2;}
.d2-984314920 .color-B2{color:#0D32B2;}
.d2-984314920 .color-B3{color:#E3E9FD;}
.d2-984314920 .color-B4{color:#E3E9FD;}
.d2-984314920 .color-B5{color:#EDF0FD;}
.d2-984314920 .color-B6{color:#F7F8FE;}
.d2-984314920 .color-AA2{color:#4A6FF3;}
.d2-984314920 .color-AA4{color:#EDF0FD;}
.d2-984314920 .color-AA5{color:#F7F8FE;}
.d2-984314920 .color-AB4{color:#EDF0FD;}
.d2-984314920 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[@keyframes d2Transition-d2-984314920-0 {
0%, 0.000000% {
opacity: 0;
}
@ -106,7 +106,7 @@
11.111111%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-2698278407-1 {
}@keyframes d2Transition-d2-984314920-1 {
0%, 11.100000% {
opacity: 0;
}
@ -116,7 +116,7 @@
22.222222%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-2698278407-2 {
}@keyframes d2Transition-d2-984314920-2 {
0%, 22.211111% {
opacity: 0;
}
@ -126,7 +126,7 @@
33.333333%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-2698278407-3 {
}@keyframes d2Transition-d2-984314920-3 {
0%, 33.322222% {
opacity: 0;
}
@ -136,7 +136,7 @@
44.444444%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-2698278407-4 {
}@keyframes d2Transition-d2-984314920-4 {
0%, 44.433333% {
opacity: 0;
}
@ -146,7 +146,7 @@
55.555556%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-2698278407-5 {
}@keyframes d2Transition-d2-984314920-5 {
0%, 55.544444% {
opacity: 0;
}
@ -156,7 +156,7 @@
66.666667%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-2698278407-6 {
}@keyframes d2Transition-d2-984314920-6 {
0%, 66.655556% {
opacity: 0;
}
@ -166,7 +166,7 @@
77.777778%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-2698278407-7 {
}@keyframes d2Transition-d2-984314920-7 {
0%, 77.766667% {
opacity: 0;
}
@ -176,43 +176,43 @@
88.888889%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-2698278407-8 {
}@keyframes d2Transition-d2-984314920-8 {
0%, 88.877778% {
opacity: 0;
}
88.888889%, 100.000000% {
opacity: 1;
}
}]]></style><g style="animation: d2Transition-d2-2698278407-0 9000ms infinite" class="d2-2698278407" width="314" height="68" viewBox="11 11 314 68"><rect x="11.000000" y="11.000000" width="314.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="window"><g class="shape" ><rect x="12.000000" y="12.000000" width="103.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="17.000000" y="17.000000" width="93.000000" height="56.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="63.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">window</text></g><g id="roof"><g class="shape" ><rect x="135.000000" y="12.000000" width="75.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="172.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">roof</text></g><g id="garage"><g class="shape" ><rect x="230.000000" y="12.000000" width="94.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="277.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">garage</text></g><mask id="d2-2698278407" maskUnits="userSpaceOnUse" x="11" y="11" width="314" height="68">
}]]></style><g style="animation: d2Transition-d2-984314920-0 9000ms infinite" class="d2-984314920" width="314" height="68" viewBox="11 11 314 68"><rect x="11.000000" y="11.000000" width="314.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="window"><g class="shape" ><rect x="12.000000" y="12.000000" width="103.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="17.000000" y="17.000000" width="93.000000" height="56.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="63.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">window</text></g><g id="roof"><g class="shape" ><rect x="135.000000" y="12.000000" width="75.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="172.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">roof</text></g><g id="garage"><g class="shape" ><rect x="230.000000" y="12.000000" width="94.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="277.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">garage</text></g><mask id="d2-984314920" maskUnits="userSpaceOnUse" x="11" y="11" width="314" height="68">
<rect x="11" y="11" width="314" height="68" fill="white"></rect>
<rect x="34.500000" y="34.500000" width="58" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="157.500000" y="34.500000" width="30" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="252.500000" y="34.500000" width="49" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-2698278407-1 9000ms infinite" class="d2-2698278407" width="191" height="68" viewBox="11 11 191 68"><rect x="11.000000" y="11.000000" width="191.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="blinds"><g class="shape" ><rect x="12.000000" y="12.000000" width="88.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="56.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">blinds</text></g><g id="glass"><g class="shape" ><rect x="120.000000" y="12.000000" width="81.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="160.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">glass</text></g><mask id="d2-2844937528" maskUnits="userSpaceOnUse" x="11" y="11" width="191" height="68">
</mask></g><g style="animation: d2Transition-d2-984314920-1 9000ms infinite" class="d2-984314920" width="191" height="68" viewBox="11 11 191 68"><rect x="11.000000" y="11.000000" width="191.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="blinds"><g class="shape" ><rect x="12.000000" y="12.000000" width="88.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="56.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">blinds</text></g><g id="glass"><g class="shape" ><rect x="120.000000" y="12.000000" width="81.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="160.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">glass</text></g><mask id="d2-3618111556" maskUnits="userSpaceOnUse" x="11" y="11" width="191" height="68">
<rect x="11" y="11" width="191" height="68" fill="white"></rect>
<rect x="34.500000" y="34.500000" width="43" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="142.500000" y="34.500000" width="36" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-2698278407-2 9000ms infinite" class="d2-2698278407" width="393" height="68" viewBox="11 11 393 68"><rect x="11.000000" y="11.000000" width="393.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="shingles"><g class="shape" ><rect x="12.000000" y="12.000000" width="104.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="64.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">shingles</text></g><g id="starlink"><g class="shape" ><rect x="136.000000" y="12.000000" width="101.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="186.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">starlink</text></g><g id="utility hookup"><g class="shape" ><rect x="257.000000" y="12.000000" width="146.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="330.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">utility hookup</text></g><mask id="d2-4106537535" maskUnits="userSpaceOnUse" x="11" y="11" width="393" height="68">
</mask></g><g style="animation: d2Transition-d2-984314920-2 9000ms infinite" class="d2-984314920" width="393" height="68" viewBox="11 11 393 68"><rect x="11.000000" y="11.000000" width="393.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="shingles"><g class="shape" ><rect x="12.000000" y="12.000000" width="104.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="64.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">shingles</text></g><g id="starlink"><g class="shape" ><rect x="136.000000" y="12.000000" width="101.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="186.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">starlink</text></g><g id="utility hookup"><g class="shape" ><rect x="257.000000" y="12.000000" width="146.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="330.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">utility hookup</text></g><mask id="d2-1830042469" maskUnits="userSpaceOnUse" x="11" y="11" width="393" height="68">
<rect x="11" y="11" width="393" height="68" fill="white"></rect>
<rect x="34.500000" y="34.500000" width="59" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="158.500000" y="34.500000" width="56" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="279.500000" y="34.500000" width="101" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-2698278407-3 9000ms infinite" class="d2-2698278407" width="206" height="68" viewBox="11 11 206 68"><rect x="11.000000" y="11.000000" width="206.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="tools"><g class="shape" ><rect x="12.000000" y="12.000000" width="81.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="52.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">tools</text></g><g id="vehicles"><g class="shape" ><rect x="113.000000" y="12.000000" width="103.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="164.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">vehicles</text></g><mask id="d2-381731316" maskUnits="userSpaceOnUse" x="11" y="11" width="206" height="68">
</mask></g><g style="animation: d2Transition-d2-984314920-3 9000ms infinite" class="d2-984314920" width="206" height="68" viewBox="11 11 206 68"><rect x="11.000000" y="11.000000" width="206.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="tools"><g class="shape" ><rect x="12.000000" y="12.000000" width="81.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="52.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">tools</text></g><g id="vehicles"><g class="shape" ><rect x="113.000000" y="12.000000" width="103.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="164.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">vehicles</text></g><mask id="d2-601803585" maskUnits="userSpaceOnUse" x="11" y="11" width="206" height="68">
<rect x="11" y="11" width="206" height="68" fill="white"></rect>
<rect x="34.500000" y="34.500000" width="36" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="135.500000" y="34.500000" width="58" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-2698278407-4 9000ms infinite" class="d2-2698278407" width="343" height="168" viewBox="11 11 343 168"><rect x="11.000000" y="11.000000" width="343.000000" height="168.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="find contractors"><g class="shape" ><rect x="12.000000" y="12.000000" width="341.000000" height="166.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="182.500000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">find contractors</text></g><g id="find contractors.craigslist"><g class="shape" ><rect x="62.000000" y="62.000000" width="110.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="117.000000" y="100.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">craigslist</text></g><g id="find contractors.facebook"><g class="shape" ><rect x="192.000000" y="62.000000" width="111.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="247.500000" y="100.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">facebook</text></g><mask id="d2-145855209" maskUnits="userSpaceOnUse" x="11" y="11" width="343" height="168">
</mask></g><g style="animation: d2Transition-d2-984314920-4 9000ms infinite" class="d2-984314920" width="343" height="168" viewBox="11 11 343 168"><rect x="11.000000" y="11.000000" width="343.000000" height="168.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="find contractors"><g class="shape" ><rect x="12.000000" y="12.000000" width="341.000000" height="166.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="182.500000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">find contractors</text></g><g id="find contractors.craigslist"><g class="shape" ><rect x="62.000000" y="62.000000" width="110.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="117.000000" y="100.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">craigslist</text></g><g id="find contractors.facebook"><g class="shape" ><rect x="192.000000" y="62.000000" width="111.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="247.500000" y="100.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">facebook</text></g><mask id="d2-3080041400" maskUnits="userSpaceOnUse" x="11" y="11" width="343" height="168">
<rect x="11" y="11" width="343" height="168" fill="white"></rect>
<rect x="89.000000" y="17.000000" width="187" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="84.500000" y="84.500000" width="65" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="214.500000" y="84.500000" width="66" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-2698278407-5 9000ms infinite" class="d2-2698278407" width="343" height="304" viewBox="11 11 343 304"><rect x="11.000000" y="11.000000" width="343.000000" height="304.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="find contractors"><g class="shape" ><rect x="12.000000" y="12.000000" width="341.000000" height="166.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="182.500000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">find contractors</text></g><g id="solicit quotes"><g class="shape" ><rect x="112.000000" y="248.000000" width="140.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="182.000000" y="286.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">solicit quotes</text></g><g id="find contractors.craigslist"><g class="shape" ><rect x="62.000000" y="62.000000" width="110.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="117.000000" y="100.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">craigslist</text></g><g id="find contractors.facebook"><g class="shape" ><rect x="192.000000" y="62.000000" width="111.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="247.500000" y="100.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">facebook</text></g><g id="(find contractors -&gt; solicit quotes)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 182.500000 180.000000 L 182.500000 244.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2053714816)" /></g><mask id="d2-2053714816" maskUnits="userSpaceOnUse" x="11" y="11" width="343" height="304">
</mask></g><g style="animation: d2Transition-d2-984314920-5 9000ms infinite" class="d2-984314920" width="343" height="304" viewBox="11 11 343 304"><rect x="11.000000" y="11.000000" width="343.000000" height="304.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="find contractors"><g class="shape" ><rect x="12.000000" y="12.000000" width="341.000000" height="166.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="182.500000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">find contractors</text></g><g id="solicit quotes"><g class="shape" ><rect x="112.000000" y="248.000000" width="140.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="182.000000" y="286.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">solicit quotes</text></g><g id="find contractors.craigslist"><g class="shape" ><rect x="62.000000" y="62.000000" width="110.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="117.000000" y="100.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">craigslist</text></g><g id="find contractors.facebook"><g class="shape" ><rect x="192.000000" y="62.000000" width="111.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="247.500000" y="100.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">facebook</text></g><g id="(find contractors -&gt; solicit quotes)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 182.500000 180.000000 L 182.500000 244.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-540207786)" /></g><mask id="d2-540207786" maskUnits="userSpaceOnUse" x="11" y="11" width="343" height="304">
<rect x="11" y="11" width="343" height="304" fill="white"></rect>
<rect x="89.000000" y="17.000000" width="187" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="134.500000" y="270.500000" width="95" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="84.500000" y="84.500000" width="65" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="214.500000" y="84.500000" width="66" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-2698278407-6 9000ms infinite" class="d2-2698278407" width="506" height="304" viewBox="11 11 506 304"><rect x="11.000000" y="11.000000" width="506.000000" height="304.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="find contractors"><g class="shape" ><rect x="12.000000" y="12.000000" width="341.000000" height="166.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="182.500000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">find contractors</text></g><g id="solicit quotes"><g class="shape" ><rect x="112.000000" y="248.000000" width="140.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="182.000000" y="286.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">solicit quotes</text></g><g id="obtain quotes"><g class="shape" ><rect x="373.000000" y="112.000000" width="143.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="444.500000" y="150.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">obtain quotes</text></g><g id="negotiate"><g class="shape" ><rect x="388.000000" y="248.000000" width="112.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="444.000000" y="286.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">negotiate</text></g><g id="find contractors.craigslist"><g class="shape" ><rect x="62.000000" y="62.000000" width="110.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="117.000000" y="100.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">craigslist</text></g><g id="find contractors.facebook"><g class="shape" ><rect x="192.000000" y="62.000000" width="111.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="247.500000" y="100.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">facebook</text></g><g id="(find contractors -&gt; solicit quotes)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 182.500000 180.000000 L 182.500000 244.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3227065069)" /></g><g id="(obtain quotes -&gt; negotiate)[0]"><path d="M 444.500000 180.000000 L 444.500000 244.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3227065069)" /></g><mask id="d2-3227065069" maskUnits="userSpaceOnUse" x="11" y="11" width="506" height="304">
</mask></g><g style="animation: d2Transition-d2-984314920-6 9000ms infinite" class="d2-984314920" width="506" height="304" viewBox="11 11 506 304"><rect x="11.000000" y="11.000000" width="506.000000" height="304.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="find contractors"><g class="shape" ><rect x="12.000000" y="12.000000" width="341.000000" height="166.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="182.500000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">find contractors</text></g><g id="solicit quotes"><g class="shape" ><rect x="112.000000" y="248.000000" width="140.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="182.000000" y="286.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">solicit quotes</text></g><g id="obtain quotes"><g class="shape" ><rect x="373.000000" y="112.000000" width="143.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="444.500000" y="150.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">obtain quotes</text></g><g id="negotiate"><g class="shape" ><rect x="388.000000" y="248.000000" width="112.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="444.000000" y="286.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">negotiate</text></g><g id="find contractors.craigslist"><g class="shape" ><rect x="62.000000" y="62.000000" width="110.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="117.000000" y="100.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">craigslist</text></g><g id="find contractors.facebook"><g class="shape" ><rect x="192.000000" y="62.000000" width="111.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="247.500000" y="100.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">facebook</text></g><g id="(find contractors -&gt; solicit quotes)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 182.500000 180.000000 L 182.500000 244.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2467602766)" /></g><g id="(obtain quotes -&gt; negotiate)[0]"><path d="M 444.500000 180.000000 L 444.500000 244.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2467602766)" /></g><mask id="d2-2467602766" maskUnits="userSpaceOnUse" x="11" y="11" width="506" height="304">
<rect x="11" y="11" width="506" height="304" fill="white"></rect>
<rect x="89.000000" y="17.000000" width="187" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="134.500000" y="270.500000" width="95" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -220,7 +220,7 @@
<rect x="410.500000" y="270.500000" width="67" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="84.500000" y="84.500000" width="65" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="214.500000" y="84.500000" width="66" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-2698278407-7 9000ms infinite" class="d2-2698278407" width="518" height="440" viewBox="11 11 518 440"><rect x="11.000000" y="11.000000" width="518.000000" height="440.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="find contractors"><g class="shape" ><rect x="12.000000" y="12.000000" width="341.000000" height="166.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="182.500000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">find contractors</text></g><g id="solicit quotes"><g class="shape" ><rect x="112.000000" y="248.000000" width="140.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="182.000000" y="286.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">solicit quotes</text></g><g id="obtain quotes"><g class="shape" ><rect x="373.000000" y="112.000000" width="143.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="444.500000" y="150.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">obtain quotes</text></g><g id="negotiate"><g class="shape" ><rect x="388.000000" y="248.000000" width="112.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="444.000000" y="286.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">negotiate</text></g><g id="book the best bid"><g class="shape" ><rect x="361.000000" y="384.000000" width="167.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="444.500000" y="422.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">book the best bid</text></g><g id="find contractors.craigslist"><g class="shape" ><rect x="62.000000" y="62.000000" width="110.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="117.000000" y="100.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">craigslist</text></g><g id="find contractors.facebook"><g class="shape" ><rect x="192.000000" y="62.000000" width="111.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="247.500000" y="100.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">facebook</text></g><g id="(find contractors -&gt; solicit quotes)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 182.500000 180.000000 L 182.500000 244.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1090857060)" /></g><g id="(obtain quotes -&gt; negotiate)[0]"><path d="M 444.500000 180.000000 L 444.500000 244.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1090857060)" /></g><g id="(negotiate -&gt; book the best bid)[0]"><path d="M 444.500000 316.000000 L 444.500000 380.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-1090857060)" /></g><mask id="d2-1090857060" maskUnits="userSpaceOnUse" x="11" y="11" width="518" height="440">
</mask></g><g style="animation: d2Transition-d2-984314920-7 9000ms infinite" class="d2-984314920" width="518" height="440" viewBox="11 11 518 440"><rect x="11.000000" y="11.000000" width="518.000000" height="440.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="find contractors"><g class="shape" ><rect x="12.000000" y="12.000000" width="341.000000" height="166.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="182.500000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">find contractors</text></g><g id="solicit quotes"><g class="shape" ><rect x="112.000000" y="248.000000" width="140.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="182.000000" y="286.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">solicit quotes</text></g><g id="obtain quotes"><g class="shape" ><rect x="373.000000" y="112.000000" width="143.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="444.500000" y="150.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">obtain quotes</text></g><g id="negotiate"><g class="shape" ><rect x="388.000000" y="248.000000" width="112.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="444.000000" y="286.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">negotiate</text></g><g id="book the best bid"><g class="shape" ><rect x="361.000000" y="384.000000" width="167.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="444.500000" y="422.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">book the best bid</text></g><g id="find contractors.craigslist"><g class="shape" ><rect x="62.000000" y="62.000000" width="110.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="117.000000" y="100.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">craigslist</text></g><g id="find contractors.facebook"><g class="shape" ><rect x="192.000000" y="62.000000" width="111.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="247.500000" y="100.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">facebook</text></g><g id="(find contractors -&gt; solicit quotes)[0]"><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 182.500000 180.000000 L 182.500000 244.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3722358848)" /></g><g id="(obtain quotes -&gt; negotiate)[0]"><path d="M 444.500000 180.000000 L 444.500000 244.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3722358848)" /></g><g id="(negotiate -&gt; book the best bid)[0]"><path d="M 444.500000 316.000000 L 444.500000 380.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3722358848)" /></g><mask id="d2-3722358848" maskUnits="userSpaceOnUse" x="11" y="11" width="518" height="440">
<rect x="11" y="11" width="518" height="440" fill="white"></rect>
<rect x="89.000000" y="17.000000" width="187" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="134.500000" y="270.500000" width="95" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -229,7 +229,7 @@
<rect x="383.500000" y="406.500000" width="122" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="84.500000" y="84.500000" width="65" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="214.500000" y="84.500000" width="66" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-2698278407-8 9000ms infinite" class="d2-2698278407" width="638" height="68" viewBox="11 11 638 68"><rect x="11.000000" y="11.000000" width="638.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="window"><g class="shape" ><rect x="12.000000" y="12.000000" width="103.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="17.000000" y="17.000000" width="93.000000" height="56.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="63.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">window</text></g><g id="roof"><g class="shape" ><rect x="135.000000" y="12.000000" width="75.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="172.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">roof</text></g><g id="garage"><g class="shape" ><rect x="230.000000" y="12.000000" width="94.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="277.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">garage</text></g><g id="water"><g class="shape" ><rect x="344.000000" y="12.000000" width="88.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="388.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">water</text></g><g id="rain"><g class="shape" ><rect x="452.000000" y="12.000000" width="73.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="488.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rain</text></g><g id="thunder"><g class="shape" ><rect x="545.000000" y="12.000000" width="103.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="596.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">thunder</text></g><mask id="d2-3509767717" maskUnits="userSpaceOnUse" x="11" y="11" width="638" height="68">
</mask></g><g style="animation: d2Transition-d2-984314920-8 9000ms infinite" class="d2-984314920" width="638" height="68" viewBox="11 11 638 68"><rect x="11.000000" y="11.000000" width="638.000000" height="68.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="window"><g class="shape" ><rect x="12.000000" y="12.000000" width="103.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="17.000000" y="17.000000" width="93.000000" height="56.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="63.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">window</text></g><g id="roof"><g class="shape" ><rect x="135.000000" y="12.000000" width="75.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="172.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">roof</text></g><g id="garage"><g class="shape" ><rect x="230.000000" y="12.000000" width="94.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="277.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">garage</text></g><g id="water"><g class="shape" ><rect x="344.000000" y="12.000000" width="88.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="388.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">water</text></g><g id="rain"><g class="shape" ><rect x="452.000000" y="12.000000" width="73.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="488.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">rain</text></g><g id="thunder"><g class="shape" ><rect x="545.000000" y="12.000000" width="103.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="596.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">thunder</text></g><mask id="d2-3985942970" maskUnits="userSpaceOnUse" x="11" y="11" width="638" height="68">
<rect x="11" y="11" width="638" height="68" fill="white"></rect>
<rect x="34.500000" y="34.500000" width="58" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="157.500000" y="34.500000" width="30" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 35 KiB

After

Width:  |  Height:  |  Size: 35 KiB

28
e2etests/testdata/stable/grid_animated/dagre/board.exp.json generated vendored
View file

@ -285,7 +285,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "1",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -497,7 +497,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "2",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -750,7 +750,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "3",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -1044,7 +1044,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "4",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -1379,7 +1379,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "5",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -1714,7 +1714,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "6",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -2049,7 +2049,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "7",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -2425,7 +2425,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "8",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -2842,7 +2842,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "9",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -3300,7 +3300,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "10",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -3799,7 +3799,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "11",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -4339,7 +4339,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "12",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -4920,7 +4920,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "13",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -5501,7 +5501,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "14",
"fontSize": 0,
"fontFamily": "",
"language": "",

214
e2etests/testdata/stable/grid_animated/dagre/sketch.exp.svg vendored
View file

@ -1,16 +1,16 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 362 506"><svg id="d2-svg" width="362" height="506" viewBox="-1 -1 362 506"><style type="text/css"><![CDATA[
.d2-1633295036 .text {
font-family: "d2-1633295036-font-regular";
.d2-3741686706 .text {
font-family: "d2-3741686706-font-regular";
}
@font-face {
font-family: d2-1633295036-font-regular;
font-family: d2-3741686706-font-regular;
src: url("data:application/font-woff;base64,d09GRgABAAAAAA1QAAoAAAAAFKgAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXd/Vo2NtYXAAAAFUAAAAhwAAAK4C2ANpZ2x5ZgAAAdwAAAb0AAAJdPJFFeNoZWFkAAAI0AAAADYAAAA2G4Ue32hoZWEAAAkIAAAAJAAAACQKhAXjaG10eAAACSwAAAB8AAAAhDj5Be5sb2NhAAAJqAAAAEQAAABEKu4tcG1heHAAAAnsAAAAIAAAACAAOQD2bmFtZQAACgwAAAMjAAAIFAbDVU1wb3N0AAANMAAAAB0AAAAg/9EAMgADAgkBkAAFAAACigJYAAAASwKKAlgAAAFeADIBIwAAAgsFAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPAEAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAeYClAAAACAAA3icbMy5bcIAGEDhz7HjXE7iXM5F4RJaaIFd2ACBENtw7QUIiQHY4EcCSl75FQ+JVIJCZoVKKZWrtXR09fQNjU1MI1Bral98YHT22MUh9rGNdWxiGYuYx+x0vVbix6/Kt39/Gm6kMrdyd+49ePSk8OzFq9Kbdx8+fXEEAAD//wEAAP//3vUeLwB4nGRVbWgb9xl//idZZyVS7LN0OknW291Zd3qzZOt0OtmST44sy7Gtt0g2iePFThrXytqurB5tCC3rWLxkFPYG2ad9WKEdpB/C2hXCymCMbAPvrWa09AXqUhhoZeuHTZgx6HI37iRrdvfpjuP5/3/P8/v9nt/BAKwBYCJ2FwxghiEYARJAIGgiSPM8i0uCJLGUQeIRga+hj5TvI7SYMqbTxsnC3ws3X3wRXfw6dvfRU9O7rdZvN27cUL7T/lRJorc/BQxS6iF6A3XADWMAFMOJqbSU4jiWMeF8Oi0kHSTB8qzJxCfTkmgykXbHw5nz3/sREQ1FlrwB5tr0Wr2IG5jzDlZmb15NWhbP1lcJf4YN2Kcc4a+sK+9NeyIFxn9nKJcIBwGDhnqIPsf2wAYBgAGG41mcJQQS72LZdSAxpeOTDgcKM4sBA15oYHQttPlYdrOUq2Xn/bNsIG+hvUls7+FFL3/7meZz8nzrUv0aE1A9FAAAgrh6iH6KOuDRUbSxNAAK10fTxhCSaYkymdDI7PXc2SfliXlXhEx4Y/N8c46ZdozRdUtup97YyTFU2uZMrGaaLa9d8tIAGCTUQ/Th0QxdzvTLeVE4IksS+0D/Xn86e1WKyAFjs4gbPGXXbM4/5ePzXMnyrZu1r8k+d/MXjzJTnvD8nOKhEs3MhWuA6f3/HnXACf4TE5B2E047jro30DpViDr7hJzfki4/jjDl5wMXSmx21Ouv/QEZ81PCecvMTq2+I79w3eoyV75EEmm7D3FLlZrOkw8A5bF3u35iRUlM9XhiGZIUSJa4UijML1KR4ZFRT7HVQq/IA5WlC2Y8b9mozCmXAcAA42oAfYY6MAkzUOm7SOSOPfRLBZJ16BqzDN/VoKe54Uhz0u6wdd9ZhuvW/Gvtqxw94mJsTj65Mmkfs762RVAT9STPWEeCkxurq7mny5GZXDSam0mXVoTEyhl62O1c/qSY9085jKdDHn/carQXo2I1gg/kh0V/qhwmTo/aKZ80M15OoDfyopjLiWJe+fYMx7iNRluE5OM6Nw0A9D62B3aNm75HCZbo+pNoNAxsJVlZaMQmgtkgtvdwi05cvaz8EYWLMhdUXgZVhXkAeBN7gHHgBQAT+F4AAFVVP1B5+Jn+3d/9/jz0MdvYHlh0TEKwCbiN5XGycd6wv/7KW5e+u47tKT4Ev1YO/vbEN3pn1EP4ANuDoS73hED07f1aPNw4Yzbi+OlBh2VKxLYf3bURCMlGYxcL+yfqAK1jUUJXpRNT4v1no4gbAuVoJj/EVWPLi41YPF1sxBLpImqX2MRkLJw6Gn1Zebn3OOIQdXoc9jCOc1jEDWy1T6J+2QkOe7vwD9SBIRg9sQsn84K0O9BQtpXPt7K57Xx+O5evVPJytdrb49xOo76TK7aaK9evrzRboGeRgD5Hnd4e/6873aEcT5G241mkdUrXohuPZTczzByD3dCjKD9Gy3/C3sx4QneeaTwn+9yrryLTF7JI42ADdYA4xkEviboEuM6FvdSwxT7kn3Oh9sV4+tQ5ozEpK3vd8x71EN1CHYjo+vKSvv5iiuP4ONbf1x4FDsqHaQP8ObXBhgPF6MQELYwyhchabbzqCbnSgXjUNzHKFsfDNQvvkVz0uN/FUKestBjO1gJUyuaMeCgvedpKS3G+ENLxl9VD9DZqaxqe8BfRi7tPKuea0Qkuy2izMGXL1csopbxflPkoWlPc5dAEIHACYA9QW/eaQbA5HBoNku3Ym4E1cJx2HW748Z2Vc4NncOPgsHm5XjYTg8bBIXyh+s2tknnIbBwcPlVEbeWvzBzDzDHIdezNjQbYYjA4zyr/AaT90dBvsJc01wiijPWk5PsiawstkKErt0u5mVDRkwity2vbc8+W3RnXW5NXfvCsIJXGA4mY2FrNPX+nhhkXAIFbPUS/xF76fy1YMZlOfxFC842G9Fl5OxDxVjPTS/xauVhjskJozhsLXso0n5pNTdczmxaJTfvisyI3FcgH0nQiPeZNseOrleklu9HaLGQaMX3P68iMfQRWAKobrpQekdR7cqkkC9NTU9OvP36wu/vxlnPzYGfnYBMQcGodDnpneL1BrWfSblrT6wW5VHq9V+3c+nh390BVgYFfoX30LsZBAJ4EEwTgh7oPGLiF9jESzADBoBgkcZykKLSvNNH9d27ffufWvcK9hWrSmKyerJVESRJ5XhwgGa0M3b/VrVq4V+jvB7yK2mDoZl6jgdqKG5D6O2wJJOwBnAYg9H9Kl1Sn3+90+v3Yktfl9PmcLi8A0vP0J6jdy8AjXTSrmgKOoJUwO61jzkbuw8EB2TAgxDDvo78sXdT6RFG0j76sYdtEmmTQfRSVZQD4LwAAAP//AQAA//9P2vu7AAEAAAACC4XeIv8zXw889QADA+gAAAAA2F2goQAAAADdZi82/jr+2whvA8gAAAADAAIAAAAAAAAAAQAAA9j+7wAACJj+Ov46CG8AAQAAAAAAAAAAAAAAAAAAACF4nDTMMQrCQBgF4Xm/lxCREGIQRMw2tpZWdq8Tz+QpvExsrL2FbhPTrRBIMd3wxZ0rPWjkGDusni72JH3p1FJp5BA1ZuDMr7z1wRS8OOHY4Kim37phPVhHzSVeLJVplVkpYSW2yjRzDBjKc/IyzR8AAP//AQAA//+YpyAHAAAALAAsAGQAmADGAPgBLAFOAboB3AHoAfQCDgIqAlwCfgKqAt4C/gM+A2ADmgPEBAIEHAQ2BEIEWARuBHoEkASsBLoAAQAAACEAjAAMAGYABwABAAAAAAAAAAAAAAAAAAQAA3icnJTdThtXFIU/B9ttVDUXFYrIDTqXbZWM3QiiBK5MCYpVhFOP0x+pqjR4xj9iPDPyDFCqPkCv+xZ9i1z1OfoQVa+rs7wNNqoUgRCwzpy991lnr7UPsMm/bFCrPwT+av5guMZ2c8/wAx41nxre4Ljxt+H6SkyDuPGb4SZfNvqGP+J9/Q/DH7NT/9nwQ7bqR4Y/4Xl90/CnG45/DD9ih/cLXIOX/G64xhaF4Qds8pPhDR5jNWt1HtM23OAztg032QYGTKlImZIxxjFiyphz5iSUhCTMmTIiIcbRpUNKpa8ZkZBj/L9fI0Iq5kSqOKHCkRKSElEysYq/KivnrU4caTW3vQ4VEyJOlXFGRIYjZ0xORsKZ6lRUFOzRokXJUHwLKkoCSqakBOTMGdOixxHHDJgwpcRxpEqeWUjOiIpLIp3vLMJ3ZkhCRmmszsmIxdOJX6LsLsc4ehSKXa18vFbhKY7vlO255Yr9ikC/boXZ+rlLNhEX6meqrqTauZSCE+36czt8K1yxh7tXf9aZfLhHsf5XqnzKufSPpVQmJhnObdEhlINC9wTHgdZdQnXke7oMeEOPdwy07tCnT4cTBnR5rdwefRxf0+OEQ2V0hRd7R3LMCT/i+IauYnztxPqzUCzhFwpzdymOc91jRqGee+aB7prohndX2M9QvuaOUjlDzZGPdNIv05xFjM0VhRjO1MulN0rrX2yOmOkuXtubfT8NFzZ7yym+ItcMe7cuOHnlFow+pGpwyzOX+gmIiMk5VcSQnBktKq7E+y0R56Q4DtW9N5qSis51jj/nSi5JmIlBl0x15hT6G5lvQuM+XPO9s7ckVr5nenZ9q/uc4tSrG43eqXvLvdC6nKwo0DJV8xU3DcU1M+8nmqlV/qFyS71uOc/ok0j1VDe4/Q48J6DNDrvsM9E5Q+1c2BvR1jvR5hX76sEZiaJGcnViFXYJeMEuu7zixVrNDocc0GP/DhwXWT0OeH1rZ12nZRVndf4Um7b4Op5dr17eW6/P7+DLLzRRNy9jX9r4bl9YtRv/nxAx81zc1uqd3BOC/wAAAP//AQAA//8HW0wwAHicYmBmAIP/5xiMGLAAAAAAAP//AQAA//8vAQIDAAAA");
}
.d2-1633295036 .text-bold {
font-family: "d2-1633295036-font-bold";
.d2-3741686706 .text-bold {
font-family: "d2-3741686706-font-bold";
}
@font-face {
font-family: d2-1633295036-font-bold;
font-family: d2-3741686706-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -25,78 +25,78 @@
opacity: 0.5;
}
.d2-1633295036 .fill-N1{fill:#0A0F25;}
.d2-1633295036 .fill-N2{fill:#676C7E;}
.d2-1633295036 .fill-N3{fill:#9499AB;}
.d2-1633295036 .fill-N4{fill:#CFD2DD;}
.d2-1633295036 .fill-N5{fill:#DEE1EB;}
.d2-1633295036 .fill-N6{fill:#EEF1F8;}
.d2-1633295036 .fill-N7{fill:#FFFFFF;}
.d2-1633295036 .fill-B1{fill:#0D32B2;}
.d2-1633295036 .fill-B2{fill:#0D32B2;}
.d2-1633295036 .fill-B3{fill:#E3E9FD;}
.d2-1633295036 .fill-B4{fill:#E3E9FD;}
.d2-1633295036 .fill-B5{fill:#EDF0FD;}
.d2-1633295036 .fill-B6{fill:#F7F8FE;}
.d2-1633295036 .fill-AA2{fill:#4A6FF3;}
.d2-1633295036 .fill-AA4{fill:#EDF0FD;}
.d2-1633295036 .fill-AA5{fill:#F7F8FE;}
.d2-1633295036 .fill-AB4{fill:#EDF0FD;}
.d2-1633295036 .fill-AB5{fill:#F7F8FE;}
.d2-1633295036 .stroke-N1{stroke:#0A0F25;}
.d2-1633295036 .stroke-N2{stroke:#676C7E;}
.d2-1633295036 .stroke-N3{stroke:#9499AB;}
.d2-1633295036 .stroke-N4{stroke:#CFD2DD;}
.d2-1633295036 .stroke-N5{stroke:#DEE1EB;}
.d2-1633295036 .stroke-N6{stroke:#EEF1F8;}
.d2-1633295036 .stroke-N7{stroke:#FFFFFF;}
.d2-1633295036 .stroke-B1{stroke:#0D32B2;}
.d2-1633295036 .stroke-B2{stroke:#0D32B2;}
.d2-1633295036 .stroke-B3{stroke:#E3E9FD;}
.d2-1633295036 .stroke-B4{stroke:#E3E9FD;}
.d2-1633295036 .stroke-B5{stroke:#EDF0FD;}
.d2-1633295036 .stroke-B6{stroke:#F7F8FE;}
.d2-1633295036 .stroke-AA2{stroke:#4A6FF3;}
.d2-1633295036 .stroke-AA4{stroke:#EDF0FD;}
.d2-1633295036 .stroke-AA5{stroke:#F7F8FE;}
.d2-1633295036 .stroke-AB4{stroke:#EDF0FD;}
.d2-1633295036 .stroke-AB5{stroke:#F7F8FE;}
.d2-1633295036 .background-color-N1{background-color:#0A0F25;}
.d2-1633295036 .background-color-N2{background-color:#676C7E;}
.d2-1633295036 .background-color-N3{background-color:#9499AB;}
.d2-1633295036 .background-color-N4{background-color:#CFD2DD;}
.d2-1633295036 .background-color-N5{background-color:#DEE1EB;}
.d2-1633295036 .background-color-N6{background-color:#EEF1F8;}
.d2-1633295036 .background-color-N7{background-color:#FFFFFF;}
.d2-1633295036 .background-color-B1{background-color:#0D32B2;}
.d2-1633295036 .background-color-B2{background-color:#0D32B2;}
.d2-1633295036 .background-color-B3{background-color:#E3E9FD;}
.d2-1633295036 .background-color-B4{background-color:#E3E9FD;}
.d2-1633295036 .background-color-B5{background-color:#EDF0FD;}
.d2-1633295036 .background-color-B6{background-color:#F7F8FE;}
.d2-1633295036 .background-color-AA2{background-color:#4A6FF3;}
.d2-1633295036 .background-color-AA4{background-color:#EDF0FD;}
.d2-1633295036 .background-color-AA5{background-color:#F7F8FE;}
.d2-1633295036 .background-color-AB4{background-color:#EDF0FD;}
.d2-1633295036 .background-color-AB5{background-color:#F7F8FE;}
.d2-1633295036 .color-N1{color:#0A0F25;}
.d2-1633295036 .color-N2{color:#676C7E;}
.d2-1633295036 .color-N3{color:#9499AB;}
.d2-1633295036 .color-N4{color:#CFD2DD;}
.d2-1633295036 .color-N5{color:#DEE1EB;}
.d2-1633295036 .color-N6{color:#EEF1F8;}
.d2-1633295036 .color-N7{color:#FFFFFF;}
.d2-1633295036 .color-B1{color:#0D32B2;}
.d2-1633295036 .color-B2{color:#0D32B2;}
.d2-1633295036 .color-B3{color:#E3E9FD;}
.d2-1633295036 .color-B4{color:#E3E9FD;}
.d2-1633295036 .color-B5{color:#EDF0FD;}
.d2-1633295036 .color-B6{color:#F7F8FE;}
.d2-1633295036 .color-AA2{color:#4A6FF3;}
.d2-1633295036 .color-AA4{color:#EDF0FD;}
.d2-1633295036 .color-AA5{color:#F7F8FE;}
.d2-1633295036 .color-AB4{color:#EDF0FD;}
.d2-1633295036 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[@keyframes d2Transition-d2-1633295036-0 {
.d2-3741686706 .fill-N1{fill:#0A0F25;}
.d2-3741686706 .fill-N2{fill:#676C7E;}
.d2-3741686706 .fill-N3{fill:#9499AB;}
.d2-3741686706 .fill-N4{fill:#CFD2DD;}
.d2-3741686706 .fill-N5{fill:#DEE1EB;}
.d2-3741686706 .fill-N6{fill:#EEF1F8;}
.d2-3741686706 .fill-N7{fill:#FFFFFF;}
.d2-3741686706 .fill-B1{fill:#0D32B2;}
.d2-3741686706 .fill-B2{fill:#0D32B2;}
.d2-3741686706 .fill-B3{fill:#E3E9FD;}
.d2-3741686706 .fill-B4{fill:#E3E9FD;}
.d2-3741686706 .fill-B5{fill:#EDF0FD;}
.d2-3741686706 .fill-B6{fill:#F7F8FE;}
.d2-3741686706 .fill-AA2{fill:#4A6FF3;}
.d2-3741686706 .fill-AA4{fill:#EDF0FD;}
.d2-3741686706 .fill-AA5{fill:#F7F8FE;}
.d2-3741686706 .fill-AB4{fill:#EDF0FD;}
.d2-3741686706 .fill-AB5{fill:#F7F8FE;}
.d2-3741686706 .stroke-N1{stroke:#0A0F25;}
.d2-3741686706 .stroke-N2{stroke:#676C7E;}
.d2-3741686706 .stroke-N3{stroke:#9499AB;}
.d2-3741686706 .stroke-N4{stroke:#CFD2DD;}
.d2-3741686706 .stroke-N5{stroke:#DEE1EB;}
.d2-3741686706 .stroke-N6{stroke:#EEF1F8;}
.d2-3741686706 .stroke-N7{stroke:#FFFFFF;}
.d2-3741686706 .stroke-B1{stroke:#0D32B2;}
.d2-3741686706 .stroke-B2{stroke:#0D32B2;}
.d2-3741686706 .stroke-B3{stroke:#E3E9FD;}
.d2-3741686706 .stroke-B4{stroke:#E3E9FD;}
.d2-3741686706 .stroke-B5{stroke:#EDF0FD;}
.d2-3741686706 .stroke-B6{stroke:#F7F8FE;}
.d2-3741686706 .stroke-AA2{stroke:#4A6FF3;}
.d2-3741686706 .stroke-AA4{stroke:#EDF0FD;}
.d2-3741686706 .stroke-AA5{stroke:#F7F8FE;}
.d2-3741686706 .stroke-AB4{stroke:#EDF0FD;}
.d2-3741686706 .stroke-AB5{stroke:#F7F8FE;}
.d2-3741686706 .background-color-N1{background-color:#0A0F25;}
.d2-3741686706 .background-color-N2{background-color:#676C7E;}
.d2-3741686706 .background-color-N3{background-color:#9499AB;}
.d2-3741686706 .background-color-N4{background-color:#CFD2DD;}
.d2-3741686706 .background-color-N5{background-color:#DEE1EB;}
.d2-3741686706 .background-color-N6{background-color:#EEF1F8;}
.d2-3741686706 .background-color-N7{background-color:#FFFFFF;}
.d2-3741686706 .background-color-B1{background-color:#0D32B2;}
.d2-3741686706 .background-color-B2{background-color:#0D32B2;}
.d2-3741686706 .background-color-B3{background-color:#E3E9FD;}
.d2-3741686706 .background-color-B4{background-color:#E3E9FD;}
.d2-3741686706 .background-color-B5{background-color:#EDF0FD;}
.d2-3741686706 .background-color-B6{background-color:#F7F8FE;}
.d2-3741686706 .background-color-AA2{background-color:#4A6FF3;}
.d2-3741686706 .background-color-AA4{background-color:#EDF0FD;}
.d2-3741686706 .background-color-AA5{background-color:#F7F8FE;}
.d2-3741686706 .background-color-AB4{background-color:#EDF0FD;}
.d2-3741686706 .background-color-AB5{background-color:#F7F8FE;}
.d2-3741686706 .color-N1{color:#0A0F25;}
.d2-3741686706 .color-N2{color:#676C7E;}
.d2-3741686706 .color-N3{color:#9499AB;}
.d2-3741686706 .color-N4{color:#CFD2DD;}
.d2-3741686706 .color-N5{color:#DEE1EB;}
.d2-3741686706 .color-N6{color:#EEF1F8;}
.d2-3741686706 .color-N7{color:#FFFFFF;}
.d2-3741686706 .color-B1{color:#0D32B2;}
.d2-3741686706 .color-B2{color:#0D32B2;}
.d2-3741686706 .color-B3{color:#E3E9FD;}
.d2-3741686706 .color-B4{color:#E3E9FD;}
.d2-3741686706 .color-B5{color:#EDF0FD;}
.d2-3741686706 .color-B6{color:#F7F8FE;}
.d2-3741686706 .color-AA2{color:#4A6FF3;}
.d2-3741686706 .color-AA4{color:#EDF0FD;}
.d2-3741686706 .color-AA5{color:#F7F8FE;}
.d2-3741686706 .color-AB4{color:#EDF0FD;}
.d2-3741686706 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[@keyframes d2Transition-d2-3741686706-0 {
0%, 0.000000% {
opacity: 0;
}
@ -106,7 +106,7 @@
6.666667%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1633295036-1 {
}@keyframes d2Transition-d2-3741686706-1 {
0%, 6.660000% {
opacity: 0;
}
@ -116,7 +116,7 @@
13.333333%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1633295036-2 {
}@keyframes d2Transition-d2-3741686706-2 {
0%, 13.326667% {
opacity: 0;
}
@ -126,7 +126,7 @@
20.000000%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1633295036-3 {
}@keyframes d2Transition-d2-3741686706-3 {
0%, 19.993333% {
opacity: 0;
}
@ -136,7 +136,7 @@
26.666667%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1633295036-4 {
}@keyframes d2Transition-d2-3741686706-4 {
0%, 26.660000% {
opacity: 0;
}
@ -146,7 +146,7 @@
33.333333%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1633295036-5 {
}@keyframes d2Transition-d2-3741686706-5 {
0%, 33.326667% {
opacity: 0;
}
@ -156,7 +156,7 @@
40.000000%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1633295036-6 {
}@keyframes d2Transition-d2-3741686706-6 {
0%, 39.993333% {
opacity: 0;
}
@ -166,7 +166,7 @@
46.666667%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1633295036-7 {
}@keyframes d2Transition-d2-3741686706-7 {
0%, 46.660000% {
opacity: 0;
}
@ -176,7 +176,7 @@
53.333333%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1633295036-8 {
}@keyframes d2Transition-d2-3741686706-8 {
0%, 53.326667% {
opacity: 0;
}
@ -186,7 +186,7 @@
60.000000%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1633295036-9 {
}@keyframes d2Transition-d2-3741686706-9 {
0%, 59.993333% {
opacity: 0;
}
@ -196,7 +196,7 @@
66.666667%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1633295036-10 {
}@keyframes d2Transition-d2-3741686706-10 {
0%, 66.660000% {
opacity: 0;
}
@ -206,7 +206,7 @@
73.333333%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1633295036-11 {
}@keyframes d2Transition-d2-3741686706-11 {
0%, 73.326667% {
opacity: 0;
}
@ -216,7 +216,7 @@
80.000000%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1633295036-12 {
}@keyframes d2Transition-d2-3741686706-12 {
0%, 79.993333% {
opacity: 0;
}
@ -226,7 +226,7 @@
86.666667%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1633295036-13 {
}@keyframes d2Transition-d2-3741686706-13 {
0%, 86.660000% {
opacity: 0;
}
@ -236,36 +236,36 @@
93.333333%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-1633295036-14 {
}@keyframes d2Transition-d2-3741686706-14 {
0%, 93.326667% {
opacity: 0;
}
93.333333%, 100.000000% {
opacity: 1;
}
}]]></style><g style="animation: d2Transition-d2-1633295036-0 15000ms infinite" class="d2-1633295036" width="290" height="228" viewBox="-1 -1 290 228"><rect x="-1.000000" y="-1.000000" width="290.000000" height="228.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="288.000000" height="226.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="144.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&lt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="77.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="103.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><mask id="d2-1633295036" maskUnits="userSpaceOnUse" x="-1" y="-1" width="290" height="228">
}]]></style><g style="animation: d2Transition-d2-3741686706-0 15000ms infinite" class="d2-3741686706" width="290" height="228" viewBox="-1 -1 290 228"><rect x="-1.000000" y="-1.000000" width="290.000000" height="228.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="288.000000" height="226.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="144.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&lt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="77.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="103.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><mask id="d2-3741686706" maskUnits="userSpaceOnUse" x="-1" y="-1" width="290" height="228">
<rect x="-1" y="-1" width="290" height="228" fill="white"></rect>
<rect x="5.000000" y="5.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="99.500000" y="82.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1633295036-1 15000ms infinite" class="d2-1633295036" width="308" height="228" viewBox="-1 -1 308 228"><rect x="-1.000000" y="-1.000000" width="308.000000" height="228.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="306.000000" height="226.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="153.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&lt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="86.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="153.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="179.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><mask id="d2-3986911797" maskUnits="userSpaceOnUse" x="-1" y="-1" width="308" height="228">
</mask></g><g style="animation: d2Transition-d2-3741686706-1 15000ms infinite" class="d2-3741686706" width="308" height="228" viewBox="-1 -1 308 228"><rect x="-1.000000" y="-1.000000" width="308.000000" height="228.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="306.000000" height="226.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="153.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&lt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="86.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="153.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="179.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><mask id="d2-2260369820" maskUnits="userSpaceOnUse" x="-1" y="-1" width="308" height="228">
<rect x="-1" y="-1" width="308" height="228" fill="white"></rect>
<rect x="14.000000" y="5.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="82.500000" y="82.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="175.500000" y="82.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1633295036-2 15000ms infinite" class="d2-1633295036" width="361" height="228" viewBox="-1 -1 361 228"><rect x="-1.000000" y="-1.000000" width="361.000000" height="228.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="359.000000" height="226.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="179.500000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&lt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="86.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="153.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="179.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="246.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="272.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><mask id="d2-2469202189" maskUnits="userSpaceOnUse" x="-1" y="-1" width="361" height="228">
</mask></g><g style="animation: d2Transition-d2-3741686706-2 15000ms infinite" class="d2-3741686706" width="361" height="228" viewBox="-1 -1 361 228"><rect x="-1.000000" y="-1.000000" width="361.000000" height="228.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="359.000000" height="226.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="179.500000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&lt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="86.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="153.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="179.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="246.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="272.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><mask id="d2-2796392621" maskUnits="userSpaceOnUse" x="-1" y="-1" width="361" height="228">
<rect x="-1" y="-1" width="361" height="228" fill="white"></rect>
<rect x="40.500000" y="5.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="82.500000" y="82.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="175.500000" y="82.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="268.500000" y="82.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1633295036-3 15000ms infinite" class="d2-1633295036" width="362" height="294" viewBox="-1 -1 362 294"><rect x="-1.000000" y="-1.000000" width="362.000000" height="294.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&lt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-987161152" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="294">
</mask></g><g style="animation: d2Transition-d2-3741686706-3 15000ms infinite" class="d2-3741686706" width="362" height="294" viewBox="-1 -1 362 294"><rect x="-1.000000" y="-1.000000" width="362.000000" height="294.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&lt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-3206755561" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="294">
<rect x="-1" y="-1" width="362" height="294" fill="white"></rect>
<rect x="41.000000" y="5.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="83.000000" y="82.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="176.500000" y="82.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="269.500000" y="82.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="82.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1633295036-4 15000ms infinite" class="d2-1633295036" width="362" height="294" viewBox="-1 -1 362 294"><rect x="-1.000000" y="-1.000000" width="362.000000" height="294.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&lt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><mask id="d2-3707611711" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="294">
</mask></g><g style="animation: d2Transition-d2-3741686706-4 15000ms infinite" class="d2-3741686706" width="362" height="294" viewBox="-1 -1 362 294"><rect x="-1.000000" y="-1.000000" width="362.000000" height="294.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&lt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><mask id="d2-1935952645" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="294">
<rect x="-1" y="-1" width="362" height="294" fill="white"></rect>
<rect x="41.000000" y="5.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="83.000000" y="82.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -273,7 +273,7 @@
<rect x="269.500000" y="82.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="82.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="176.500000" y="188.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1633295036-5 15000ms infinite" class="d2-1633295036" width="362" height="294" viewBox="-1 -1 362 294"><rect x="-1.000000" y="-1.000000" width="362.000000" height="294.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (=cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="247.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><mask id="d2-2598306887" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="294">
</mask></g><g style="animation: d2Transition-d2-3741686706-5 15000ms infinite" class="d2-3741686706" width="362" height="294" viewBox="-1 -1 362 294"><rect x="-1.000000" y="-1.000000" width="362.000000" height="294.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (=cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="247.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><mask id="d2-4124686622" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="294">
<rect x="-1" y="-1" width="362" height="294" fill="white"></rect>
<rect x="41.000000" y="5.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="83.000000" y="82.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -282,7 +282,7 @@
<rect x="82.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="176.500000" y="188.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="270.500000" y="188.500000" width="6" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1633295036-6 15000ms infinite" class="d2-1633295036" width="362" height="294" viewBox="-1 -1 362 294"><rect x="-1.000000" y="-1.000000" width="362.000000" height="294.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (=cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="247.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><mask id="d2-2598306887" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="294">
</mask></g><g style="animation: d2Transition-d2-3741686706-6 15000ms infinite" class="d2-3741686706" width="362" height="294" viewBox="-1 -1 362 294"><rect x="-1.000000" y="-1.000000" width="362.000000" height="294.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (=cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="247.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><mask id="d2-2630241619" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="294">
<rect x="-1" y="-1" width="362" height="294" fill="white"></rect>
<rect x="41.000000" y="5.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="83.000000" y="82.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -291,7 +291,7 @@
<rect x="82.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="176.500000" y="188.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="270.500000" y="188.500000" width="6" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1633295036-7 15000ms infinite" class="d2-1633295036" width="362" height="294" viewBox="-1 -1 362 294"><rect x="-1.000000" y="-1.000000" width="362.000000" height="294.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (=cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="247.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><mask id="d2-2598306887" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="294">
</mask></g><g style="animation: d2Transition-d2-3741686706-7 15000ms infinite" class="d2-3741686706" width="362" height="294" viewBox="-1 -1 362 294"><rect x="-1.000000" y="-1.000000" width="362.000000" height="294.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (=cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="247.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><mask id="d2-2277750452" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="294">
<rect x="-1" y="-1" width="362" height="294" fill="white"></rect>
<rect x="41.000000" y="5.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="83.000000" y="82.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -300,7 +300,7 @@
<rect x="82.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="176.500000" y="188.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="270.500000" y="188.500000" width="6" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1633295036-8 15000ms infinite" class="d2-1633295036" width="362" height="400" viewBox="-1 -1 362 400"><rect x="-1.000000" y="-1.000000" width="362.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="398.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="247.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="60.000000" y="272.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><mask id="d2-2913402173" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="400">
</mask></g><g style="animation: d2Transition-d2-3741686706-8 15000ms infinite" class="d2-3741686706" width="362" height="400" viewBox="-1 -1 362 400"><rect x="-1.000000" y="-1.000000" width="362.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="398.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="247.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="60.000000" y="272.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><mask id="d2-59305131" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="400">
<rect x="-1" y="-1" width="362" height="400" fill="white"></rect>
<rect x="41.000000" y="5.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="83.000000" y="82.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -310,7 +310,7 @@
<rect x="176.500000" y="188.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="270.500000" y="188.500000" width="6" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="82.500000" y="294.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1633295036-9 15000ms infinite" class="d2-1633295036" width="362" height="400" viewBox="-1 -1 362 400"><rect x="-1.000000" y="-1.000000" width="362.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="398.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="247.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="60.000000" y="272.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="154.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><mask id="d2-2319108504" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="400">
</mask></g><g style="animation: d2Transition-d2-3741686706-9 15000ms infinite" class="d2-3741686706" width="362" height="400" viewBox="-1 -1 362 400"><rect x="-1.000000" y="-1.000000" width="362.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="398.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="247.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="60.000000" y="272.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="154.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><mask id="d2-3734221279" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="400">
<rect x="-1" y="-1" width="362" height="400" fill="white"></rect>
<rect x="41.000000" y="5.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="83.000000" y="82.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -321,7 +321,7 @@
<rect x="270.500000" y="188.500000" width="6" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="82.500000" y="294.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="176.500000" y="294.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1633295036-10 15000ms infinite" class="d2-1633295036" width="362" height="400" viewBox="-1 -1 362 400"><rect x="-1.000000" y="-1.000000" width="362.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="398.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="247.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="60.000000" y="272.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="154.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gd.i"><g class="shape" ><rect x="247.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><mask id="d2-403436130" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="400">
</mask></g><g style="animation: d2Transition-d2-3741686706-10 15000ms infinite" class="d2-3741686706" width="362" height="400" viewBox="-1 -1 362 400"><rect x="-1.000000" y="-1.000000" width="362.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="398.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="247.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="60.000000" y="272.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="154.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gd.i"><g class="shape" ><rect x="247.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><mask id="d2-2927946835" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="400">
<rect x="-1" y="-1" width="362" height="400" fill="white"></rect>
<rect x="41.000000" y="5.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="83.000000" y="82.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -333,7 +333,7 @@
<rect x="82.500000" y="294.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="176.500000" y="294.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="271.500000" y="294.500000" width="4" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1633295036-11 15000ms infinite" class="d2-1633295036" width="362" height="506" viewBox="-1 -1 362 506"><rect x="-1.000000" y="-1.000000" width="362.000000" height="506.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="504.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="247.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="60.000000" y="272.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="154.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gd.i"><g class="shape" ><rect x="247.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="gd.j"><g class="shape" ><rect x="60.000000" y="378.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="416.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">j</text></g><mask id="d2-796381781" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="506">
</mask></g><g style="animation: d2Transition-d2-3741686706-11 15000ms infinite" class="d2-3741686706" width="362" height="506" viewBox="-1 -1 362 506"><rect x="-1.000000" y="-1.000000" width="362.000000" height="506.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="504.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="247.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="60.000000" y="272.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="154.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gd.i"><g class="shape" ><rect x="247.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="gd.j"><g class="shape" ><rect x="60.000000" y="378.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="416.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">j</text></g><mask id="d2-4094500595" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="506">
<rect x="-1" y="-1" width="362" height="506" fill="white"></rect>
<rect x="41.000000" y="5.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="83.000000" y="82.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -346,7 +346,7 @@
<rect x="176.500000" y="294.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="271.500000" y="294.500000" width="4" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="84.500000" y="400.500000" width="5" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1633295036-12 15000ms infinite" class="d2-1633295036" width="362" height="506" viewBox="-1 -1 362 506"><rect x="-1.000000" y="-1.000000" width="362.000000" height="506.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="504.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="247.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="60.000000" y="272.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="154.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gd.i"><g class="shape" ><rect x="247.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="gd.j"><g class="shape" ><rect x="60.000000" y="378.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="416.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">j</text></g><g id="gd.k"><g class="shape" ><rect x="154.000000" y="378.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="416.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">k</text></g><mask id="d2-3496312041" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="506">
</mask></g><g style="animation: d2Transition-d2-3741686706-12 15000ms infinite" class="d2-3741686706" width="362" height="506" viewBox="-1 -1 362 506"><rect x="-1.000000" y="-1.000000" width="362.000000" height="506.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="504.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="247.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="60.000000" y="272.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="154.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gd.i"><g class="shape" ><rect x="247.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="gd.j"><g class="shape" ><rect x="60.000000" y="378.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="416.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">j</text></g><g id="gd.k"><g class="shape" ><rect x="154.000000" y="378.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="416.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">k</text></g><mask id="d2-2459919186" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="506">
<rect x="-1" y="-1" width="362" height="506" fill="white"></rect>
<rect x="41.000000" y="5.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="83.000000" y="82.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -360,7 +360,7 @@
<rect x="271.500000" y="294.500000" width="4" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="84.500000" y="400.500000" width="5" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="176.500000" y="400.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1633295036-13 15000ms infinite" class="d2-1633295036" width="362" height="506" viewBox="-1 -1 362 506"><rect x="-1.000000" y="-1.000000" width="362.000000" height="506.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="504.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="247.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="60.000000" y="272.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="154.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gd.i"><g class="shape" ><rect x="247.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="gd.j"><g class="shape" ><rect x="60.000000" y="378.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="416.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">j</text></g><g id="gd.k"><g class="shape" ><rect x="154.000000" y="378.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="416.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">k</text></g><g id="gd.l"><g class="shape" ><rect x="247.000000" y="378.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="416.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">l</text></g><mask id="d2-3833738420" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="506">
</mask></g><g style="animation: d2Transition-d2-3741686706-13 15000ms infinite" class="d2-3741686706" width="362" height="506" viewBox="-1 -1 362 506"><rect x="-1.000000" y="-1.000000" width="362.000000" height="506.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="504.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="247.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="60.000000" y="272.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="154.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gd.i"><g class="shape" ><rect x="247.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="gd.j"><g class="shape" ><rect x="60.000000" y="378.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="416.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">j</text></g><g id="gd.k"><g class="shape" ><rect x="154.000000" y="378.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="416.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">k</text></g><g id="gd.l"><g class="shape" ><rect x="247.000000" y="378.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="416.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">l</text></g><mask id="d2-1917820868" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="506">
<rect x="-1" y="-1" width="362" height="506" fill="white"></rect>
<rect x="41.000000" y="5.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="83.000000" y="82.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -375,7 +375,7 @@
<rect x="84.500000" y="400.500000" width="5" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="176.500000" y="400.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="271.500000" y="400.500000" width="4" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-1633295036-14 15000ms infinite" class="d2-1633295036" width="362" height="506" viewBox="-1 -1 362 506"><rect x="-1.000000" y="-1.000000" width="362.000000" height="506.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="504.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="247.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="60.000000" y="272.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="154.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gd.i"><g class="shape" ><rect x="247.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="gd.j"><g class="shape" ><rect x="60.000000" y="378.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="416.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">j</text></g><g id="gd.k"><g class="shape" ><rect x="154.000000" y="378.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="416.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">k</text></g><g id="gd.l"><g class="shape" ><rect x="247.000000" y="378.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="416.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">l</text></g><mask id="d2-3833738420" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="506">
</mask></g><g style="animation: d2Transition-d2-3741686706-14 15000ms infinite" class="d2-3741686706" width="362" height="506" viewBox="-1 -1 362 506"><rect x="-1.000000" y="-1.000000" width="362.000000" height="506.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="0.000000" y="0.000000" width="360.000000" height="504.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="180.000000" y="33.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="60.000000" y="60.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="154.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="247.000000" y="60.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="98.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="60.000000" y="166.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="154.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="247.000000" y="166.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="204.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="60.000000" y="272.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="154.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gd.i"><g class="shape" ><rect x="247.000000" y="272.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="310.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="gd.j"><g class="shape" ><rect x="60.000000" y="378.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="87.000000" y="416.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">j</text></g><g id="gd.k"><g class="shape" ><rect x="154.000000" y="378.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="180.500000" y="416.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">k</text></g><g id="gd.l"><g class="shape" ><rect x="247.000000" y="378.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="273.500000" y="416.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">l</text></g><mask id="d2-1472879089" maskUnits="userSpaceOnUse" x="-1" y="-1" width="362" height="506">
<rect x="-1" y="-1" width="362" height="506" fill="white"></rect>
<rect x="41.000000" y="5.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="83.000000" y="82.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 66 KiB

After

Width:  |  Height:  |  Size: 66 KiB

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

@ -285,7 +285,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "1",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -497,7 +497,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "2",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -750,7 +750,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "3",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -1044,7 +1044,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "4",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -1379,7 +1379,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "5",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -1714,7 +1714,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "6",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -2049,7 +2049,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "7",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -2425,7 +2425,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "8",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -2842,7 +2842,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "9",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -3300,7 +3300,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "10",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -3799,7 +3799,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "11",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -4339,7 +4339,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "12",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -4920,7 +4920,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "13",
"fontSize": 0,
"fontFamily": "",
"language": "",
@ -5501,7 +5501,7 @@
"fields": null,
"methods": null,
"columns": null,
"label": "",
"label": "14",
"fontSize": 0,
"fontFamily": "",
"language": "",

214
e2etests/testdata/stable/grid_animated/elk/sketch.exp.svg vendored
View file

@ -1,16 +1,16 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 362 506"><svg id="d2-svg" width="362" height="506" viewBox="11 11 362 506"><style type="text/css"><![CDATA[
.d2-3861003835 .text {
font-family: "d2-3861003835-font-regular";
.d2-1745077097 .text {
font-family: "d2-1745077097-font-regular";
}
@font-face {
font-family: d2-3861003835-font-regular;
font-family: d2-1745077097-font-regular;
src: url("data:application/font-woff;base64,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");
}
.d2-3861003835 .text-bold {
font-family: "d2-3861003835-font-bold";
.d2-1745077097 .text-bold {
font-family: "d2-1745077097-font-bold";
}
@font-face {
font-family: d2-3861003835-font-bold;
font-family: d2-1745077097-font-bold;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -25,78 +25,78 @@
opacity: 0.5;
}
.d2-3861003835 .fill-N1{fill:#0A0F25;}
.d2-3861003835 .fill-N2{fill:#676C7E;}
.d2-3861003835 .fill-N3{fill:#9499AB;}
.d2-3861003835 .fill-N4{fill:#CFD2DD;}
.d2-3861003835 .fill-N5{fill:#DEE1EB;}
.d2-3861003835 .fill-N6{fill:#EEF1F8;}
.d2-3861003835 .fill-N7{fill:#FFFFFF;}
.d2-3861003835 .fill-B1{fill:#0D32B2;}
.d2-3861003835 .fill-B2{fill:#0D32B2;}
.d2-3861003835 .fill-B3{fill:#E3E9FD;}
.d2-3861003835 .fill-B4{fill:#E3E9FD;}
.d2-3861003835 .fill-B5{fill:#EDF0FD;}
.d2-3861003835 .fill-B6{fill:#F7F8FE;}
.d2-3861003835 .fill-AA2{fill:#4A6FF3;}
.d2-3861003835 .fill-AA4{fill:#EDF0FD;}
.d2-3861003835 .fill-AA5{fill:#F7F8FE;}
.d2-3861003835 .fill-AB4{fill:#EDF0FD;}
.d2-3861003835 .fill-AB5{fill:#F7F8FE;}
.d2-3861003835 .stroke-N1{stroke:#0A0F25;}
.d2-3861003835 .stroke-N2{stroke:#676C7E;}
.d2-3861003835 .stroke-N3{stroke:#9499AB;}
.d2-3861003835 .stroke-N4{stroke:#CFD2DD;}
.d2-3861003835 .stroke-N5{stroke:#DEE1EB;}
.d2-3861003835 .stroke-N6{stroke:#EEF1F8;}
.d2-3861003835 .stroke-N7{stroke:#FFFFFF;}
.d2-3861003835 .stroke-B1{stroke:#0D32B2;}
.d2-3861003835 .stroke-B2{stroke:#0D32B2;}
.d2-3861003835 .stroke-B3{stroke:#E3E9FD;}
.d2-3861003835 .stroke-B4{stroke:#E3E9FD;}
.d2-3861003835 .stroke-B5{stroke:#EDF0FD;}
.d2-3861003835 .stroke-B6{stroke:#F7F8FE;}
.d2-3861003835 .stroke-AA2{stroke:#4A6FF3;}
.d2-3861003835 .stroke-AA4{stroke:#EDF0FD;}
.d2-3861003835 .stroke-AA5{stroke:#F7F8FE;}
.d2-3861003835 .stroke-AB4{stroke:#EDF0FD;}
.d2-3861003835 .stroke-AB5{stroke:#F7F8FE;}
.d2-3861003835 .background-color-N1{background-color:#0A0F25;}
.d2-3861003835 .background-color-N2{background-color:#676C7E;}
.d2-3861003835 .background-color-N3{background-color:#9499AB;}
.d2-3861003835 .background-color-N4{background-color:#CFD2DD;}
.d2-3861003835 .background-color-N5{background-color:#DEE1EB;}
.d2-3861003835 .background-color-N6{background-color:#EEF1F8;}
.d2-3861003835 .background-color-N7{background-color:#FFFFFF;}
.d2-3861003835 .background-color-B1{background-color:#0D32B2;}
.d2-3861003835 .background-color-B2{background-color:#0D32B2;}
.d2-3861003835 .background-color-B3{background-color:#E3E9FD;}
.d2-3861003835 .background-color-B4{background-color:#E3E9FD;}
.d2-3861003835 .background-color-B5{background-color:#EDF0FD;}
.d2-3861003835 .background-color-B6{background-color:#F7F8FE;}
.d2-3861003835 .background-color-AA2{background-color:#4A6FF3;}
.d2-3861003835 .background-color-AA4{background-color:#EDF0FD;}
.d2-3861003835 .background-color-AA5{background-color:#F7F8FE;}
.d2-3861003835 .background-color-AB4{background-color:#EDF0FD;}
.d2-3861003835 .background-color-AB5{background-color:#F7F8FE;}
.d2-3861003835 .color-N1{color:#0A0F25;}
.d2-3861003835 .color-N2{color:#676C7E;}
.d2-3861003835 .color-N3{color:#9499AB;}
.d2-3861003835 .color-N4{color:#CFD2DD;}
.d2-3861003835 .color-N5{color:#DEE1EB;}
.d2-3861003835 .color-N6{color:#EEF1F8;}
.d2-3861003835 .color-N7{color:#FFFFFF;}
.d2-3861003835 .color-B1{color:#0D32B2;}
.d2-3861003835 .color-B2{color:#0D32B2;}
.d2-3861003835 .color-B3{color:#E3E9FD;}
.d2-3861003835 .color-B4{color:#E3E9FD;}
.d2-3861003835 .color-B5{color:#EDF0FD;}
.d2-3861003835 .color-B6{color:#F7F8FE;}
.d2-3861003835 .color-AA2{color:#4A6FF3;}
.d2-3861003835 .color-AA4{color:#EDF0FD;}
.d2-3861003835 .color-AA5{color:#F7F8FE;}
.d2-3861003835 .color-AB4{color:#EDF0FD;}
.d2-3861003835 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[@keyframes d2Transition-d2-3861003835-0 {
.d2-1745077097 .fill-N1{fill:#0A0F25;}
.d2-1745077097 .fill-N2{fill:#676C7E;}
.d2-1745077097 .fill-N3{fill:#9499AB;}
.d2-1745077097 .fill-N4{fill:#CFD2DD;}
.d2-1745077097 .fill-N5{fill:#DEE1EB;}
.d2-1745077097 .fill-N6{fill:#EEF1F8;}
.d2-1745077097 .fill-N7{fill:#FFFFFF;}
.d2-1745077097 .fill-B1{fill:#0D32B2;}
.d2-1745077097 .fill-B2{fill:#0D32B2;}
.d2-1745077097 .fill-B3{fill:#E3E9FD;}
.d2-1745077097 .fill-B4{fill:#E3E9FD;}
.d2-1745077097 .fill-B5{fill:#EDF0FD;}
.d2-1745077097 .fill-B6{fill:#F7F8FE;}
.d2-1745077097 .fill-AA2{fill:#4A6FF3;}
.d2-1745077097 .fill-AA4{fill:#EDF0FD;}
.d2-1745077097 .fill-AA5{fill:#F7F8FE;}
.d2-1745077097 .fill-AB4{fill:#EDF0FD;}
.d2-1745077097 .fill-AB5{fill:#F7F8FE;}
.d2-1745077097 .stroke-N1{stroke:#0A0F25;}
.d2-1745077097 .stroke-N2{stroke:#676C7E;}
.d2-1745077097 .stroke-N3{stroke:#9499AB;}
.d2-1745077097 .stroke-N4{stroke:#CFD2DD;}
.d2-1745077097 .stroke-N5{stroke:#DEE1EB;}
.d2-1745077097 .stroke-N6{stroke:#EEF1F8;}
.d2-1745077097 .stroke-N7{stroke:#FFFFFF;}
.d2-1745077097 .stroke-B1{stroke:#0D32B2;}
.d2-1745077097 .stroke-B2{stroke:#0D32B2;}
.d2-1745077097 .stroke-B3{stroke:#E3E9FD;}
.d2-1745077097 .stroke-B4{stroke:#E3E9FD;}
.d2-1745077097 .stroke-B5{stroke:#EDF0FD;}
.d2-1745077097 .stroke-B6{stroke:#F7F8FE;}
.d2-1745077097 .stroke-AA2{stroke:#4A6FF3;}
.d2-1745077097 .stroke-AA4{stroke:#EDF0FD;}
.d2-1745077097 .stroke-AA5{stroke:#F7F8FE;}
.d2-1745077097 .stroke-AB4{stroke:#EDF0FD;}
.d2-1745077097 .stroke-AB5{stroke:#F7F8FE;}
.d2-1745077097 .background-color-N1{background-color:#0A0F25;}
.d2-1745077097 .background-color-N2{background-color:#676C7E;}
.d2-1745077097 .background-color-N3{background-color:#9499AB;}
.d2-1745077097 .background-color-N4{background-color:#CFD2DD;}
.d2-1745077097 .background-color-N5{background-color:#DEE1EB;}
.d2-1745077097 .background-color-N6{background-color:#EEF1F8;}
.d2-1745077097 .background-color-N7{background-color:#FFFFFF;}
.d2-1745077097 .background-color-B1{background-color:#0D32B2;}
.d2-1745077097 .background-color-B2{background-color:#0D32B2;}
.d2-1745077097 .background-color-B3{background-color:#E3E9FD;}
.d2-1745077097 .background-color-B4{background-color:#E3E9FD;}
.d2-1745077097 .background-color-B5{background-color:#EDF0FD;}
.d2-1745077097 .background-color-B6{background-color:#F7F8FE;}
.d2-1745077097 .background-color-AA2{background-color:#4A6FF3;}
.d2-1745077097 .background-color-AA4{background-color:#EDF0FD;}
.d2-1745077097 .background-color-AA5{background-color:#F7F8FE;}
.d2-1745077097 .background-color-AB4{background-color:#EDF0FD;}
.d2-1745077097 .background-color-AB5{background-color:#F7F8FE;}
.d2-1745077097 .color-N1{color:#0A0F25;}
.d2-1745077097 .color-N2{color:#676C7E;}
.d2-1745077097 .color-N3{color:#9499AB;}
.d2-1745077097 .color-N4{color:#CFD2DD;}
.d2-1745077097 .color-N5{color:#DEE1EB;}
.d2-1745077097 .color-N6{color:#EEF1F8;}
.d2-1745077097 .color-N7{color:#FFFFFF;}
.d2-1745077097 .color-B1{color:#0D32B2;}
.d2-1745077097 .color-B2{color:#0D32B2;}
.d2-1745077097 .color-B3{color:#E3E9FD;}
.d2-1745077097 .color-B4{color:#E3E9FD;}
.d2-1745077097 .color-B5{color:#EDF0FD;}
.d2-1745077097 .color-B6{color:#F7F8FE;}
.d2-1745077097 .color-AA2{color:#4A6FF3;}
.d2-1745077097 .color-AA4{color:#EDF0FD;}
.d2-1745077097 .color-AA5{color:#F7F8FE;}
.d2-1745077097 .color-AB4{color:#EDF0FD;}
.d2-1745077097 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><style type="text/css"><![CDATA[@keyframes d2Transition-d2-1745077097-0 {
0%, 0.000000% {
opacity: 0;
}
@ -106,7 +106,7 @@
6.666667%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-3861003835-1 {
}@keyframes d2Transition-d2-1745077097-1 {
0%, 6.660000% {
opacity: 0;
}
@ -116,7 +116,7 @@
13.333333%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-3861003835-2 {
}@keyframes d2Transition-d2-1745077097-2 {
0%, 13.326667% {
opacity: 0;
}
@ -126,7 +126,7 @@
20.000000%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-3861003835-3 {
}@keyframes d2Transition-d2-1745077097-3 {
0%, 19.993333% {
opacity: 0;
}
@ -136,7 +136,7 @@
26.666667%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-3861003835-4 {
}@keyframes d2Transition-d2-1745077097-4 {
0%, 26.660000% {
opacity: 0;
}
@ -146,7 +146,7 @@
33.333333%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-3861003835-5 {
}@keyframes d2Transition-d2-1745077097-5 {
0%, 33.326667% {
opacity: 0;
}
@ -156,7 +156,7 @@
40.000000%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-3861003835-6 {
}@keyframes d2Transition-d2-1745077097-6 {
0%, 39.993333% {
opacity: 0;
}
@ -166,7 +166,7 @@
46.666667%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-3861003835-7 {
}@keyframes d2Transition-d2-1745077097-7 {
0%, 46.660000% {
opacity: 0;
}
@ -176,7 +176,7 @@
53.333333%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-3861003835-8 {
}@keyframes d2Transition-d2-1745077097-8 {
0%, 53.326667% {
opacity: 0;
}
@ -186,7 +186,7 @@
60.000000%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-3861003835-9 {
}@keyframes d2Transition-d2-1745077097-9 {
0%, 59.993333% {
opacity: 0;
}
@ -196,7 +196,7 @@
66.666667%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-3861003835-10 {
}@keyframes d2Transition-d2-1745077097-10 {
0%, 66.660000% {
opacity: 0;
}
@ -206,7 +206,7 @@
73.333333%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-3861003835-11 {
}@keyframes d2Transition-d2-1745077097-11 {
0%, 73.326667% {
opacity: 0;
}
@ -216,7 +216,7 @@
80.000000%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-3861003835-12 {
}@keyframes d2Transition-d2-1745077097-12 {
0%, 79.993333% {
opacity: 0;
}
@ -226,7 +226,7 @@
86.666667%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-3861003835-13 {
}@keyframes d2Transition-d2-1745077097-13 {
0%, 86.660000% {
opacity: 0;
}
@ -236,36 +236,36 @@
93.333333%, 100% {
opacity: 0;
}
}@keyframes d2Transition-d2-3861003835-14 {
}@keyframes d2Transition-d2-1745077097-14 {
0%, 93.326667% {
opacity: 0;
}
93.333333%, 100.000000% {
opacity: 1;
}
}]]></style><g style="animation: d2Transition-d2-3861003835-0 15000ms infinite" class="d2-3861003835" width="290" height="228" viewBox="11 11 290 228"><rect x="11.000000" y="11.000000" width="290.000000" height="228.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="288.000000" height="226.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="156.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&lt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="89.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="115.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><mask id="d2-3861003835" maskUnits="userSpaceOnUse" x="11" y="11" width="290" height="228">
}]]></style><g style="animation: d2Transition-d2-1745077097-0 15000ms infinite" class="d2-1745077097" width="290" height="228" viewBox="11 11 290 228"><rect x="11.000000" y="11.000000" width="290.000000" height="228.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="288.000000" height="226.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="156.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&lt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="89.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="115.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><mask id="d2-1745077097" maskUnits="userSpaceOnUse" x="11" y="11" width="290" height="228">
<rect x="11" y="11" width="290" height="228" fill="white"></rect>
<rect x="17.000000" y="17.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="111.500000" y="94.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-3861003835-1 15000ms infinite" class="d2-3861003835" width="308" height="228" viewBox="11 11 308 228"><rect x="11.000000" y="11.000000" width="308.000000" height="228.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="306.000000" height="226.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="165.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&lt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="98.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="165.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="191.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><mask id="d2-1515699651" maskUnits="userSpaceOnUse" x="11" y="11" width="308" height="228">
</mask></g><g style="animation: d2Transition-d2-1745077097-1 15000ms infinite" class="d2-1745077097" width="308" height="228" viewBox="11 11 308 228"><rect x="11.000000" y="11.000000" width="308.000000" height="228.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="306.000000" height="226.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="165.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&lt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="98.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="165.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="191.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><mask id="d2-2584598054" maskUnits="userSpaceOnUse" x="11" y="11" width="308" height="228">
<rect x="11" y="11" width="308" height="228" fill="white"></rect>
<rect x="26.000000" y="17.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="94.500000" y="94.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="187.500000" y="94.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-3861003835-2 15000ms infinite" class="d2-3861003835" width="361" height="228" viewBox="11 11 361 228"><rect x="11.000000" y="11.000000" width="361.000000" height="228.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="359.000000" height="226.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="191.500000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&lt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="98.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="165.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="191.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="258.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="284.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><mask id="d2-3995375825" maskUnits="userSpaceOnUse" x="11" y="11" width="361" height="228">
</mask></g><g style="animation: d2Transition-d2-1745077097-2 15000ms infinite" class="d2-1745077097" width="361" height="228" viewBox="11 11 361 228"><rect x="11.000000" y="11.000000" width="361.000000" height="228.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="359.000000" height="226.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="191.500000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&lt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="98.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="165.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="191.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="258.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="284.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><mask id="d2-2806666825" maskUnits="userSpaceOnUse" x="11" y="11" width="361" height="228">
<rect x="11" y="11" width="361" height="228" fill="white"></rect>
<rect x="52.500000" y="17.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="94.500000" y="94.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="187.500000" y="94.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="280.500000" y="94.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-3861003835-3 15000ms infinite" class="d2-3861003835" width="362" height="294" viewBox="11 11 362 294"><rect x="11.000000" y="11.000000" width="362.000000" height="294.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&lt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-212974716" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="294">
</mask></g><g style="animation: d2Transition-d2-1745077097-3 15000ms infinite" class="d2-1745077097" width="362" height="294" viewBox="11 11 362 294"><rect x="11.000000" y="11.000000" width="362.000000" height="294.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&lt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-2994382205" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="294">
<rect x="11" y="11" width="362" height="294" fill="white"></rect>
<rect x="53.000000" y="17.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="95.000000" y="94.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="188.500000" y="94.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="281.500000" y="94.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="94.500000" y="200.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-3861003835-4 15000ms infinite" class="d2-3861003835" width="362" height="294" viewBox="11 11 362 294"><rect x="11.000000" y="11.000000" width="362.000000" height="294.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&lt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><mask id="d2-2480612453" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="294">
</mask></g><g style="animation: d2Transition-d2-1745077097-4 15000ms infinite" class="d2-1745077097" width="362" height="294" viewBox="11 11 362 294"><rect x="11.000000" y="11.000000" width="362.000000" height="294.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&lt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><mask id="d2-195355023" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="294">
<rect x="11" y="11" width="362" height="294" fill="white"></rect>
<rect x="53.000000" y="17.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="95.000000" y="94.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -273,7 +273,7 @@
<rect x="281.500000" y="94.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="94.500000" y="200.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="188.500000" y="200.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-3861003835-5 15000ms infinite" class="d2-3861003835" width="362" height="294" viewBox="11 11 362 294"><rect x="11.000000" y="11.000000" width="362.000000" height="294.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (=cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="259.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><mask id="d2-2515078141" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="294">
</mask></g><g style="animation: d2Transition-d2-1745077097-5 15000ms infinite" class="d2-1745077097" width="362" height="294" viewBox="11 11 362 294"><rect x="11.000000" y="11.000000" width="362.000000" height="294.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (=cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="259.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><mask id="d2-670539720" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="294">
<rect x="11" y="11" width="362" height="294" fill="white"></rect>
<rect x="53.000000" y="17.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="95.000000" y="94.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -282,7 +282,7 @@
<rect x="94.500000" y="200.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="188.500000" y="200.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="282.500000" y="200.500000" width="6" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-3861003835-6 15000ms infinite" class="d2-3861003835" width="362" height="294" viewBox="11 11 362 294"><rect x="11.000000" y="11.000000" width="362.000000" height="294.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (=cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="259.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><mask id="d2-2515078141" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="294">
</mask></g><g style="animation: d2Transition-d2-1745077097-6 15000ms infinite" class="d2-1745077097" width="362" height="294" viewBox="11 11 362 294"><rect x="11.000000" y="11.000000" width="362.000000" height="294.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (=cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="259.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><mask id="d2-779267041" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="294">
<rect x="11" y="11" width="362" height="294" fill="white"></rect>
<rect x="53.000000" y="17.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="95.000000" y="94.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -291,7 +291,7 @@
<rect x="94.500000" y="200.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="188.500000" y="200.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="282.500000" y="200.500000" width="6" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-3861003835-7 15000ms infinite" class="d2-3861003835" width="362" height="294" viewBox="11 11 362 294"><rect x="11.000000" y="11.000000" width="362.000000" height="294.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (=cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="259.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><mask id="d2-2515078141" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="294">
</mask></g><g style="animation: d2Transition-d2-1745077097-7 15000ms infinite" class="d2-1745077097" width="362" height="294" viewBox="11 11 362 294"><rect x="11.000000" y="11.000000" width="362.000000" height="294.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="292.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (=cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="259.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><mask id="d2-1812746306" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="294">
<rect x="11" y="11" width="362" height="294" fill="white"></rect>
<rect x="53.000000" y="17.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="95.000000" y="94.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -300,7 +300,7 @@
<rect x="94.500000" y="200.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="188.500000" y="200.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="282.500000" y="200.500000" width="6" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-3861003835-8 15000ms infinite" class="d2-3861003835" width="362" height="400" viewBox="11 11 362 400"><rect x="11.000000" y="11.000000" width="362.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="398.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="259.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="72.000000" y="284.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><mask id="d2-2042761545" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="400">
</mask></g><g style="animation: d2Transition-d2-1745077097-8 15000ms infinite" class="d2-1745077097" width="362" height="400" viewBox="11 11 362 400"><rect x="11.000000" y="11.000000" width="362.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="398.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="259.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="72.000000" y="284.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><mask id="d2-1038833727" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="400">
<rect x="11" y="11" width="362" height="400" fill="white"></rect>
<rect x="53.000000" y="17.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="95.000000" y="94.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -310,7 +310,7 @@
<rect x="188.500000" y="200.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="282.500000" y="200.500000" width="6" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="94.500000" y="306.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-3861003835-9 15000ms infinite" class="d2-3861003835" width="362" height="400" viewBox="11 11 362 400"><rect x="11.000000" y="11.000000" width="362.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="398.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="259.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="72.000000" y="284.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="166.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><mask id="d2-1834195092" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="400">
</mask></g><g style="animation: d2Transition-d2-1745077097-9 15000ms infinite" class="d2-1745077097" width="362" height="400" viewBox="11 11 362 400"><rect x="11.000000" y="11.000000" width="362.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="398.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="259.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="72.000000" y="284.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="166.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><mask id="d2-1774898595" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="400">
<rect x="11" y="11" width="362" height="400" fill="white"></rect>
<rect x="53.000000" y="17.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="95.000000" y="94.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -321,7 +321,7 @@
<rect x="282.500000" y="200.500000" width="6" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="94.500000" y="306.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="188.500000" y="306.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-3861003835-10 15000ms infinite" class="d2-3861003835" width="362" height="400" viewBox="11 11 362 400"><rect x="11.000000" y="11.000000" width="362.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="398.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="259.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="72.000000" y="284.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="166.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gd.i"><g class="shape" ><rect x="259.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><mask id="d2-2846986432" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="400">
</mask></g><g style="animation: d2Transition-d2-1745077097-10 15000ms infinite" class="d2-1745077097" width="362" height="400" viewBox="11 11 362 400"><rect x="11.000000" y="11.000000" width="362.000000" height="400.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="398.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="259.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="72.000000" y="284.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="166.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gd.i"><g class="shape" ><rect x="259.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><mask id="d2-2104069769" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="400">
<rect x="11" y="11" width="362" height="400" fill="white"></rect>
<rect x="53.000000" y="17.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="95.000000" y="94.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -333,7 +333,7 @@
<rect x="94.500000" y="306.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="188.500000" y="306.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="283.500000" y="306.500000" width="4" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-3861003835-11 15000ms infinite" class="d2-3861003835" width="362" height="506" viewBox="11 11 362 506"><rect x="11.000000" y="11.000000" width="362.000000" height="506.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="504.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="259.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="72.000000" y="284.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="166.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gd.i"><g class="shape" ><rect x="259.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="gd.j"><g class="shape" ><rect x="72.000000" y="390.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="428.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">j</text></g><mask id="d2-1817824266" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="506">
</mask></g><g style="animation: d2Transition-d2-1745077097-11 15000ms infinite" class="d2-1745077097" width="362" height="506" viewBox="11 11 362 506"><rect x="11.000000" y="11.000000" width="362.000000" height="506.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="504.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="259.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="72.000000" y="284.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="166.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gd.i"><g class="shape" ><rect x="259.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="gd.j"><g class="shape" ><rect x="72.000000" y="390.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="428.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">j</text></g><mask id="d2-110848892" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="506">
<rect x="11" y="11" width="362" height="506" fill="white"></rect>
<rect x="53.000000" y="17.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="95.000000" y="94.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -346,7 +346,7 @@
<rect x="188.500000" y="306.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="283.500000" y="306.500000" width="4" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="96.500000" y="412.500000" width="5" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-3861003835-12 15000ms infinite" class="d2-3861003835" width="362" height="506" viewBox="11 11 362 506"><rect x="11.000000" y="11.000000" width="362.000000" height="506.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="504.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="259.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="72.000000" y="284.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="166.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gd.i"><g class="shape" ><rect x="259.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="gd.j"><g class="shape" ><rect x="72.000000" y="390.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="428.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">j</text></g><g id="gd.k"><g class="shape" ><rect x="166.000000" y="390.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="428.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">k</text></g><mask id="d2-314350559" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="506">
</mask></g><g style="animation: d2Transition-d2-1745077097-12 15000ms infinite" class="d2-1745077097" width="362" height="506" viewBox="11 11 362 506"><rect x="11.000000" y="11.000000" width="362.000000" height="506.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="504.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="259.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="72.000000" y="284.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="166.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gd.i"><g class="shape" ><rect x="259.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="gd.j"><g class="shape" ><rect x="72.000000" y="390.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="428.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">j</text></g><g id="gd.k"><g class="shape" ><rect x="166.000000" y="390.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="428.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">k</text></g><mask id="d2-254191916" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="506">
<rect x="11" y="11" width="362" height="506" fill="white"></rect>
<rect x="53.000000" y="17.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="95.000000" y="94.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -360,7 +360,7 @@
<rect x="283.500000" y="306.500000" width="4" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="96.500000" y="412.500000" width="5" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="188.500000" y="412.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-3861003835-13 15000ms infinite" class="d2-3861003835" width="362" height="506" viewBox="11 11 362 506"><rect x="11.000000" y="11.000000" width="362.000000" height="506.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="504.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="259.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="72.000000" y="284.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="166.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gd.i"><g class="shape" ><rect x="259.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="gd.j"><g class="shape" ><rect x="72.000000" y="390.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="428.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">j</text></g><g id="gd.k"><g class="shape" ><rect x="166.000000" y="390.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="428.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">k</text></g><g id="gd.l"><g class="shape" ><rect x="259.000000" y="390.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="428.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">l</text></g><mask id="d2-2984105963" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="506">
</mask></g><g style="animation: d2Transition-d2-1745077097-13 15000ms infinite" class="d2-1745077097" width="362" height="506" viewBox="11 11 362 506"><rect x="11.000000" y="11.000000" width="362.000000" height="506.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="504.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="259.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="72.000000" y="284.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="166.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gd.i"><g class="shape" ><rect x="259.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="gd.j"><g class="shape" ><rect x="72.000000" y="390.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="428.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">j</text></g><g id="gd.k"><g class="shape" ><rect x="166.000000" y="390.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="428.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">k</text></g><g id="gd.l"><g class="shape" ><rect x="259.000000" y="390.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="428.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">l</text></g><mask id="d2-4169922343" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="506">
<rect x="11" y="11" width="362" height="506" fill="white"></rect>
<rect x="53.000000" y="17.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="95.000000" y="94.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
@ -375,7 +375,7 @@
<rect x="96.500000" y="412.500000" width="5" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="188.500000" y="412.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="283.500000" y="412.500000" width="4" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></g><g style="animation: d2Transition-d2-3861003835-14 15000ms infinite" class="d2-3861003835" width="362" height="506" viewBox="11 11 362 506"><rect x="11.000000" y="11.000000" width="362.000000" height="506.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="504.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="259.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="72.000000" y="284.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="166.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gd.i"><g class="shape" ><rect x="259.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="gd.j"><g class="shape" ><rect x="72.000000" y="390.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="428.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">j</text></g><g id="gd.k"><g class="shape" ><rect x="166.000000" y="390.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="428.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">k</text></g><g id="gd.l"><g class="shape" ><rect x="259.000000" y="390.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="428.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">l</text></g><mask id="d2-2984105963" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="506">
</mask></g><g style="animation: d2Transition-d2-1745077097-14 15000ms infinite" class="d2-1745077097" width="362" height="506" viewBox="11 11 362 506"><rect x="11.000000" y="11.000000" width="362.000000" height="506.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><g id="gd"><g class="shape" ><rect x="12.000000" y="12.000000" width="360.000000" height="504.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="192.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">rows 2 columns 3 (&gt;cap)</text></g><g id="gd.a"><g class="shape" ><rect x="72.000000" y="72.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="gd.b"><g class="shape" ><rect x="166.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="gd.c"><g class="shape" ><rect x="259.000000" y="72.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="110.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="gd.d"><g class="shape" ><rect x="72.000000" y="178.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="gd.e"><g class="shape" ><rect x="166.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g id="gd.f"><g class="shape" ><rect x="259.000000" y="178.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="216.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">f</text></g><g id="gd.g"><g class="shape" ><rect x="72.000000" y="284.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">g</text></g><g id="gd.h"><g class="shape" ><rect x="166.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">h</text></g><g id="gd.i"><g class="shape" ><rect x="259.000000" y="284.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="322.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">i</text></g><g id="gd.j"><g class="shape" ><rect x="72.000000" y="390.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="99.000000" y="428.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">j</text></g><g id="gd.k"><g class="shape" ><rect x="166.000000" y="390.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="192.500000" y="428.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">k</text></g><g id="gd.l"><g class="shape" ><rect x="259.000000" y="390.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="285.500000" y="428.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">l</text></g><mask id="d2-2625362190" maskUnits="userSpaceOnUse" x="11" y="11" width="362" height="506">
<rect x="11" y="11" width="362" height="506" fill="white"></rect>
<rect x="53.000000" y="17.000000" width="278" height="36" fill="rgba(0,0,0,0.75)"></rect>
<rect x="95.000000" y="94.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 66 KiB

After

Width:  |  Height:  |  Size: 66 KiB

2
e2etests/testdata/stable/links/dagre/board.exp.json generated vendored
View file

@ -24,6 +24,7 @@
"double-border": false,
"tooltip": "",
"link": "https://d2lang.com",
"prettyLink": "https://d2lang.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -65,6 +66,7 @@
"double-border": false,
"tooltip": "Gee, I feel kind of LIGHT in the head now,\nknowing I can't make my satellite dish PAYMENTS!",
"link": "https://terrastruct.com",
"prettyLink": "https://terrastruct.com",
"icon": null,
"iconPosition": "",
"blend": false,

154
e2etests/testdata/stable/links/dagre/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

2
e2etests/testdata/stable/links/elk/board.exp.json generated vendored
View file

@ -24,6 +24,7 @@
"double-border": false,
"tooltip": "",
"link": "https://d2lang.com",
"prettyLink": "https://d2lang.com",
"icon": null,
"iconPosition": "",
"blend": false,
@ -65,6 +66,7 @@
"double-border": false,
"tooltip": "Gee, I feel kind of LIGHT in the head now,\nknowing I can't make my satellite dish PAYMENTS!",
"link": "https://terrastruct.com",
"prettyLink": "https://terrastruct.com",
"icon": null,
"iconPosition": "",
"blend": false,

154
e2etests/testdata/stable/links/elk/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

79
lib/pdf/pdf.go
View file

@ -66,7 +66,7 @@ func (g *GoFPDF) GetFillRGB(themeID int64, fill string) (color.RGB, error) {
return color.Hex2RGB(fill)
}
func (g *GoFPDF) AddPDFPage(png []byte, titlePath []BoardTitle, themeID int64, fill string, shapes []d2target.Shape, pad int64, viewboxX, viewboxY float64, pageMap map[string]int) error {
func (g *GoFPDF) AddPDFPage(png []byte, titlePath []BoardTitle, themeID int64, fill string, shapes []d2target.Shape, pad int64, viewboxX, viewboxY float64, pageMap map[string]int, includeNav bool) error {
var opt gofpdf.ImageOptions
opt.ImageType = "png"
boardPath := make([]string, len(titlePath))
@ -88,6 +88,12 @@ func (g *GoFPDF) AddPDFPage(png []byte, titlePath []BoardTitle, themeID int64, f
pathString := strings.Join(boardPath, " / ")
headerMargin := 28.0
headerWidth := g.pdf.GetStringWidth(pathString) + 2*headerMargin
headerHeight := 72.0
if !includeNav {
headerMargin = 0.
headerWidth = 0.
headerHeight = 0.
}
minPageDimension := 576.0
pageWidth = math.Max(math.Max(minPageDimension, imageWidth), headerWidth)
@ -99,45 +105,46 @@ func (g *GoFPDF) AddPDFPage(png []byte, titlePath []BoardTitle, themeID int64, f
}
// Add page
headerHeight := 72.0
g.pdf.AddPageFormat("", gofpdf.SizeType{Wd: pageWidth, Ht: pageHeight + headerHeight})
// Draw header
g.pdf.SetFillColor(int(fillRGB.Red), int(fillRGB.Green), int(fillRGB.Blue))
g.pdf.Rect(0, 0, pageWidth, pageHeight+headerHeight, "F")
if fillRGB.IsLight() {
g.pdf.SetTextColor(10, 15, 37) // steel-900
} else {
g.pdf.SetTextColor(255, 255, 255)
}
g.pdf.SetFont("source", "", 14)
// Draw board path prefix
prefixWidth := headerMargin
if len(titlePath) > 1 {
for _, t := range titlePath[:len(titlePath)-1] {
g.pdf.SetXY(prefixWidth, 0)
w := g.pdf.GetStringWidth(t.Name)
var linkID int
if pageNum, ok := pageMap[t.BoardID]; ok {
linkID = g.pdf.AddLink()
g.pdf.SetLink(linkID, 0, pageNum+1)
}
g.pdf.CellFormat(w, headerHeight, t.Name, "", 0, "", false, linkID, "")
prefixWidth += w
g.pdf.SetXY(prefixWidth, 0)
w = g.pdf.GetStringWidth(TITLE_SEP)
g.pdf.CellFormat(prefixWidth, headerHeight, TITLE_SEP, "", 0, "", false, 0, "")
prefixWidth += w
if includeNav {
// Draw header
g.pdf.SetFillColor(int(fillRGB.Red), int(fillRGB.Green), int(fillRGB.Blue))
g.pdf.Rect(0, 0, pageWidth, pageHeight+headerHeight, "F")
if fillRGB.IsLight() {
g.pdf.SetTextColor(10, 15, 37) // steel-900
} else {
g.pdf.SetTextColor(255, 255, 255)
}
}
g.pdf.SetFont("source", "", 14)
// Draw board name
boardName := boardPath[len(boardPath)-1]
g.pdf.SetFont("source", "B", 14)
g.pdf.SetXY(prefixWidth, 0)
g.pdf.CellFormat(pageWidth-prefixWidth-headerMargin, headerHeight, boardName, "", 0, "", false, 0, "")
// Draw board path prefix
prefixWidth := headerMargin
if len(titlePath) > 1 {
for _, t := range titlePath[:len(titlePath)-1] {
g.pdf.SetXY(prefixWidth, 0)
w := g.pdf.GetStringWidth(t.Name)
var linkID int
if pageNum, ok := pageMap[t.BoardID]; ok {
linkID = g.pdf.AddLink()
g.pdf.SetLink(linkID, 0, pageNum+1)
}
g.pdf.CellFormat(w, headerHeight, t.Name, "", 0, "", false, linkID, "")
prefixWidth += w
g.pdf.SetXY(prefixWidth, 0)
w = g.pdf.GetStringWidth(TITLE_SEP)
g.pdf.CellFormat(prefixWidth, headerHeight, TITLE_SEP, "", 0, "", false, 0, "")
prefixWidth += w
}
}
// Draw board name
boardName := boardPath[len(boardPath)-1]
g.pdf.SetFont("source", "B", 14)
g.pdf.SetXY(prefixWidth, 0)
g.pdf.CellFormat(pageWidth-prefixWidth-headerMargin, headerHeight, boardName, "", 0, "", false, 0, "")
}
// Draw image
imageX := (pageWidth - imageWidth) / 2

44
lib/pptx/pptx.go
View file

@ -34,7 +34,8 @@ type Presentation struct {
Creator string
// D2Version can't have letters, only numbers (`[0-9]`) and `.`
// Otherwise, it may fail to open in PowerPoint
D2Version string
D2Version string
includeNav bool
Slides []*Slide
}
@ -73,16 +74,32 @@ type Link struct {
Tooltip string
}
func NewPresentation(title, description, subject, creator, d2Version string) *Presentation {
func NewPresentation(title, description, subject, creator, d2Version string, includeNav bool) *Presentation {
return &Presentation{
Title: title,
Description: description,
Subject: subject,
Creator: creator,
D2Version: d2Version,
includeNav: includeNav,
}
}
func (p *Presentation) headerHeight() int {
if p.includeNav {
return HEADER_HEIGHT
}
return 0
}
func (p *Presentation) height() int {
return SLIDE_HEIGHT - p.headerHeight()
}
func (p *Presentation) aspectRatio() float64 {
return float64(IMAGE_WIDTH) / float64(p.height())
}
func (p *Presentation) AddSlide(pngContent []byte, titlePath []BoardTitle) (*Slide, error) {
src, err := png.Decode(bytes.NewReader(pngContent))
if err != nil {
@ -111,7 +128,7 @@ func (p *Presentation) AddSlide(pngContent []byte, titlePath []BoardTitle) (*Sli
// └──┴────────────────────────────────────────────┴──┘ ─┴─ ─┴─
// ├────────────────────SLIDE WIDTH───────────────────┤
// ├─────────────────IMAGE WIDTH────────────────┤
if srcWidth/srcHeight >= IMAGE_ASPECT_RATIO {
if srcWidth/srcHeight >= p.aspectRatio() {
// here, the image aspect ratio is, at least, equal to the slide aspect ratio
// so, it makes sense to expand the image horizontally to use as much as space as possible
width = SLIDE_WIDTH
@ -119,7 +136,7 @@ func (p *Presentation) AddSlide(pngContent []byte, titlePath []BoardTitle) (*Sli
// first, try to make the image as wide as the slide
// but, if this results in a tall image, use only the
// image adjusted width to avoid overlapping with the header
if height > IMAGE_HEIGHT {
if height > p.height() {
width = IMAGE_WIDTH
height = int(float64(width) * (srcHeight / srcWidth))
}
@ -127,10 +144,10 @@ func (p *Presentation) AddSlide(pngContent []byte, titlePath []BoardTitle) (*Sli
// here, the aspect ratio could be 4x3, in which the image is still wider than taller,
// but expanding horizontally would result in an overflow
// so, we expand to make it fit the available vertical space
height = IMAGE_HEIGHT
height = p.height()
width = int(float64(height) * (srcWidth / srcHeight))
}
top := HEADER_HEIGHT + ((IMAGE_HEIGHT - height) / 2)
top := p.headerHeight() + ((p.height() - height) / 2)
left := (SLIDE_WIDTH - width) / 2
slide := &Slide{
@ -186,7 +203,7 @@ func (p *Presentation) SaveTo(filePath string) error {
return err
}
err = addFileFromTemplate(zipWriter, fmt.Sprintf("ppt/slides/%s.xml", slideFileName), SLIDE_XML, getSlideXmlContent(imageID, slide))
err = addFileFromTemplate(zipWriter, fmt.Sprintf("ppt/slides/%s.xml", slideFileName), SLIDE_XML, p.getSlideXmlContent(imageID, slide))
if err != nil {
return err
}
@ -248,11 +265,8 @@ const SLIDE_WIDTH = 9_144_000
const SLIDE_HEIGHT = 5_143_500
const HEADER_HEIGHT = 392_471
const IMAGE_HEIGHT = SLIDE_HEIGHT - HEADER_HEIGHT
// keep the right aspect ratio: SLIDE_WIDTH / SLIDE_HEIGHT = IMAGE_WIDTH / IMAGE_HEIGHT
const IMAGE_WIDTH = 8_446_273
const IMAGE_ASPECT_RATIO = float64(IMAGE_WIDTH) / float64(IMAGE_HEIGHT)
//go:embed template.pptx
var PPTX_TEMPLATE []byte
@ -344,7 +358,7 @@ type SlideXmlContent struct {
Links []SlideLinkXmlContent
}
func getSlideXmlContent(imageID string, slide *Slide) SlideXmlContent {
func (p *Presentation) getSlideXmlContent(imageID string, slide *Slide) SlideXmlContent {
title := make([]SlideXmlTitlePathContent, len(slide.BoardTitle)-1)
for i := 0; i < len(slide.BoardTitle)-1; i++ {
t := slide.BoardTitle[i]
@ -354,16 +368,18 @@ func getSlideXmlContent(imageID string, slide *Slide) SlideXmlContent {
}
}
content := SlideXmlContent{
Title: slide.BoardTitle[len(slide.BoardTitle)-1].Name,
TitlePrefix: title,
Description: slide.BoardTitle[len(slide.BoardTitle)-1].BoardID,
HeaderHeight: HEADER_HEIGHT,
HeaderHeight: p.headerHeight(),
ImageID: imageID,
ImageLeft: slide.ImageLeft,
ImageTop: slide.ImageTop,
ImageWidth: slide.ImageWidth,
ImageHeight: slide.ImageHeight,
}
if p.includeNav {
content.Title = slide.BoardTitle[len(slide.BoardTitle)-1].Name
content.TitlePrefix = title
}
for _, link := range slide.Links {
var action string