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

ta

Browse source
This commit is contained in:
Alexander Wang 2024-08-14 08:40:46 +08:00
parent b70f9783e2
commit dc56649a9b
No known key found for this signature in database
GPG key ID: BE3937D0D52D8927
34 changed files with 192 additions and 518 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
d2compiler/compile.go
View file

@ -1057,7 +1057,7 @@ func (c *compiler) validateLabels(g *d2graph.Graph) {
} }
} else if strings.EqualFold(obj.Shape.Value, d2target.ShapeSQLTable) { } else if strings.EqualFold(obj.Shape.Value, d2target.ShapeSQLTable) {
if strings.Contains(obj.Label.Value, "\n") { if strings.Contains(obj.Label.Value, "\n") {
c.errorf(obj.Label.MapKey, "shape sql_table cannot have newlines") c.errorf(obj.Label.MapKey, "shape sql_table cannot have newlines in label")
} }
} }
} }

4
d2compiler/compile_test.go
View file

@ -3126,8 +3126,8 @@ y: "hello\nworld" {
hi: there hi: there
} }
`, `,
expErr: `d2/testdata/d2compiler/TestCompile/sql-table-header-newline.d2:3:3: shape sql_table cannot have newlines expErr: `d2/testdata/d2compiler/TestCompile/sql-table-header-newline.d2:3:3: shape sql_table cannot have newlines in label
d2/testdata/d2compiler/TestCompile/sql-table-header-newline.d2:6:1: shape sql_table cannot have newlines`, d2/testdata/d2compiler/TestCompile/sql-table-header-newline.d2:6:1: shape sql_table cannot have newlines in label`,
}, },
} }

2
d2renderers/d2svg/dark_theme/testdata/class/dark_theme.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-2730605657 .color-AA4{color:#45475A;} .d2-2730605657 .color-AA4{color:#45475A;}
.d2-2730605657 .color-AA5{color:#313244;} .d2-2730605657 .color-AA5{color:#313244;}
.d2-2730605657 .color-AB4{color:#45475A;} .d2-2730605657 .color-AB4{color:#45475A;}
.d2-2730605657 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><g id="manager"><g class="shape" ><rect x="0.000000" y="0.000000" width="422.000000" height="368.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="422.000000" height="92.000000" class="class_header fill-N1" /><text x="211.000000" y="53.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">BatchManager</text><text x="10.000000" y="120.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="120.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">num</text><text x="402.000000" y="120.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="10.000000" y="166.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="166.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">timeout</text><text x="402.000000" y="166.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="10.000000" y="212.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="212.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">pid</text><text x="402.000000" y="212.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="0.000000" x2="422.000000" y1="230.000000" y2="230.000000" class=" stroke-N1" style="stroke-width:1" /><text x="10.000000" y="258.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="30.000000" y="258.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">getStatus()</text><text x="402.000000" y="258.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">Enum</text><text x="10.000000" y="304.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="30.000000" y="304.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">getJobs()</text><text x="402.000000" y="304.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">Job[]</text><text x="10.000000" y="350.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="30.000000" y="350.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">setTimeout(seconds int)</text><text x="402.000000" y="350.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">void</text></g></g><mask id="d2-2730605657" maskUnits="userSpaceOnUse" x="-101" y="-101" width="624" height="570"> .d2-2730605657 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><g id="manager"><g class="shape" ><rect x="0.000000" y="0.000000" width="422.000000" height="368.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="422.000000" height="92.000000" class="class_header fill-N1" /><text x="211.000000" y="50.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">BatchManager</text><text x="10.000000" y="120.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="120.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">num</text><text x="402.000000" y="120.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="10.000000" y="166.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="166.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">timeout</text><text x="402.000000" y="166.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="10.000000" y="212.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="212.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">pid</text><text x="402.000000" y="212.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="0.000000" x2="422.000000" y1="230.000000" y2="230.000000" class=" stroke-N1" style="stroke-width:1" /><text x="10.000000" y="258.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="30.000000" y="258.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">getStatus()</text><text x="402.000000" y="258.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">Enum</text><text x="10.000000" y="304.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="30.000000" y="304.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">getJobs()</text><text x="402.000000" y="304.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">Job[]</text><text x="10.000000" y="350.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="30.000000" y="350.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">setTimeout(seconds int)</text><text x="402.000000" y="350.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">void</text></g></g><mask id="d2-2730605657" maskUnits="userSpaceOnUse" x="-101" y="-101" width="624" height="570">
<rect x="-101" y="-101" width="624" height="570" fill="white"></rect> <rect x="-101" y="-101" width="624" height="570" fill="white"></rect>
</mask></svg></svg> </mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

2
e2etests/testdata/regression/class_font_style_sequence/dagre/sketch.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-965117370 .color-AA4{color:#EDF0FD;} .d2-965117370 .color-AA4{color:#EDF0FD;}
.d2-965117370 .color-AA5{color:#F7F8FE;} .d2-965117370 .color-AA5{color:#F7F8FE;}
.d2-965117370 .color-AB4{color:#EDF0FD;} .d2-965117370 .color-AB4{color:#EDF0FD;}
.d2-965117370 .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="a"><g class="shape" ><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" class="class_header fill-N1" /><text x="70.500000" y="105.750000" fill="red" class="text-mono" style="text-anchor:middle;font-size:24px;">a</text><line x1="12.000000" x2="129.000000" y1="144.000000" y2="144.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="(a -- )[0]"><path d="M 70.500000 146.000000 L 70.500000 213.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-965117370)" /></g><mask id="d2-965117370" maskUnits="userSpaceOnUse" x="11" y="51" width="119" height="164"> .d2-965117370 .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="a"><g class="shape" ><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" class="class_header fill-N1" /><text x="70.500000" y="102.500000" fill="red" class="text-mono" style="text-anchor:middle;font-size:24px;">a</text><line x1="12.000000" x2="129.000000" y1="144.000000" y2="144.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="(a -- )[0]"><path d="M 70.500000 146.000000 L 70.500000 213.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-965117370)" /></g><mask id="d2-965117370" maskUnits="userSpaceOnUse" x="11" y="51" width="119" height="164">
<rect x="11" y="51" width="119" height="164" fill="white"></rect> <rect x="11" y="51" width="119" height="164" fill="white"></rect>
</mask></svg></svg> </mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

2
e2etests/testdata/regression/class_font_style_sequence/elk/sketch.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-965117370 .color-AA4{color:#EDF0FD;} .d2-965117370 .color-AA4{color:#EDF0FD;}
.d2-965117370 .color-AA5{color:#F7F8FE;} .d2-965117370 .color-AA5{color:#F7F8FE;}
.d2-965117370 .color-AB4{color:#EDF0FD;} .d2-965117370 .color-AB4{color:#EDF0FD;}
.d2-965117370 .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="a"><g class="shape" ><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" class="class_header fill-N1" /><text x="70.500000" y="105.750000" fill="red" class="text-mono" style="text-anchor:middle;font-size:24px;">a</text><line x1="12.000000" x2="129.000000" y1="144.000000" y2="144.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="(a -- )[0]"><path d="M 70.500000 146.000000 L 70.500000 213.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-965117370)" /></g><mask id="d2-965117370" maskUnits="userSpaceOnUse" x="11" y="51" width="119" height="164"> .d2-965117370 .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="a"><g class="shape" ><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="52.000000" width="117.000000" height="92.000000" class="class_header fill-N1" /><text x="70.500000" y="102.500000" fill="red" class="text-mono" style="text-anchor:middle;font-size:24px;">a</text><line x1="12.000000" x2="129.000000" y1="144.000000" y2="144.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="(a -- )[0]"><path d="M 70.500000 146.000000 L 70.500000 213.000000" fill="none" class="connection stroke-B2" style="stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#d2-965117370)" /></g><mask id="d2-965117370" maskUnits="userSpaceOnUse" x="11" y="51" width="119" height="164">
<rect x="11" y="51" width="119" height="164" fill="white"></rect> <rect x="11" y="51" width="119" height="164" fill="white"></rect>
</mask></svg></svg> </mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

2
e2etests/testdata/regression/empty_class_height/dagre/sketch.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-39546754 .color-AA4{color:#EDF0FD;} .d2-39546754 .color-AA4{color:#EDF0FD;}
.d2-39546754 .color-AA5{color:#F7F8FE;} .d2-39546754 .color-AA5{color:#F7F8FE;}
.d2-39546754 .color-AB4{color:#EDF0FD;} .d2-39546754 .color-AB4{color:#EDF0FD;}
.d2-39546754 .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="class1"><g class="shape" ><rect x="0.000000" y="0.000000" width="319.000000" height="184.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="319.000000" height="92.000000" class="class_header fill-N1" /><text x="159.500000" y="53.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">class with rows</text><text x="10.000000" y="120.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="120.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">num</text><text x="299.000000" y="120.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="10.000000" y="166.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="166.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">timeout</text><text x="299.000000" y="166.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><line x1="0.000000" x2="319.000000" y1="184.000000" y2="184.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="class2"><g class="shape" ><rect x="379.000000" y="46.000000" width="362.000000" height="92.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="379.000000" y="46.000000" width="362.000000" height="92.000000" class="class_header fill-N1" /><text x="560.000000" y="99.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">class without rows</text><line x1="379.000000" x2="741.000000" y1="138.000000" y2="138.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><mask id="d2-39546754" maskUnits="userSpaceOnUse" x="-1" y="-1" width="743" height="186"> .d2-39546754 .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="class1"><g class="shape" ><rect x="0.000000" y="0.000000" width="319.000000" height="184.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="319.000000" height="92.000000" class="class_header fill-N1" /><text x="159.500000" y="50.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">class with rows</text><text x="10.000000" y="120.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="120.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">num</text><text x="299.000000" y="120.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="10.000000" y="166.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="166.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">timeout</text><text x="299.000000" y="166.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><line x1="0.000000" x2="319.000000" y1="184.000000" y2="184.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="class2"><g class="shape" ><rect x="379.000000" y="46.000000" width="362.000000" height="92.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="379.000000" y="46.000000" width="362.000000" height="92.000000" class="class_header fill-N1" /><text x="560.000000" y="96.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">class without rows</text><line x1="379.000000" x2="741.000000" y1="138.000000" y2="138.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><mask id="d2-39546754" maskUnits="userSpaceOnUse" x="-1" y="-1" width="743" height="186">
<rect x="-1" y="-1" width="743" height="186" fill="white"></rect> <rect x="-1" y="-1" width="743" height="186" fill="white"></rect>
</mask></svg></svg> </mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

2
e2etests/testdata/regression/empty_class_height/elk/sketch.exp.svg vendored
View file

@ -89,7 +89,7 @@
.d2-817380429 .color-AA4{color:#EDF0FD;} .d2-817380429 .color-AA4{color:#EDF0FD;}
.d2-817380429 .color-AA5{color:#F7F8FE;} .d2-817380429 .color-AA5{color:#F7F8FE;}
.d2-817380429 .color-AB4{color:#EDF0FD;} .d2-817380429 .color-AB4{color:#EDF0FD;}
.d2-817380429 .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="class1"><g class="shape" ><rect x="12.000000" y="12.000000" width="319.000000" height="184.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="12.000000" width="319.000000" height="92.000000" class="class_header fill-N1" /><text x="171.500000" y="65.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">class with rows</text><text x="22.000000" y="132.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="42.000000" y="132.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">num</text><text x="311.000000" y="132.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="22.000000" y="178.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="42.000000" y="178.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">timeout</text><text x="311.000000" y="178.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><line x1="12.000000" x2="331.000000" y1="196.000000" y2="196.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="class2"><g class="shape" ><rect x="351.000000" y="58.000000" width="362.000000" height="92.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="351.000000" y="58.000000" width="362.000000" height="92.000000" class="class_header fill-N1" /><text x="532.000000" y="111.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">class without rows</text><line x1="351.000000" x2="713.000000" y1="150.000000" y2="150.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><mask id="d2-817380429" maskUnits="userSpaceOnUse" x="11" y="11" width="703" height="186"> .d2-817380429 .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="class1"><g class="shape" ><rect x="12.000000" y="12.000000" width="319.000000" height="184.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="12.000000" width="319.000000" height="92.000000" class="class_header fill-N1" /><text x="171.500000" y="62.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">class with rows</text><text x="22.000000" y="132.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="42.000000" y="132.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">num</text><text x="311.000000" y="132.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="22.000000" y="178.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="42.000000" y="178.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">timeout</text><text x="311.000000" y="178.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><line x1="12.000000" x2="331.000000" y1="196.000000" y2="196.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="class2"><g class="shape" ><rect x="351.000000" y="58.000000" width="362.000000" height="92.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="351.000000" y="58.000000" width="362.000000" height="92.000000" class="class_header fill-N1" /><text x="532.000000" y="108.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">class without rows</text><line x1="351.000000" x2="713.000000" y1="150.000000" y2="150.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><mask id="d2-817380429" maskUnits="userSpaceOnUse" x="11" y="11" width="703" height="186">
<rect x="11" y="11" width="703" height="186" fill="white"></rect> <rect x="11" y="11" width="703" height="186" fill="white"></rect>
</mask></svg></svg> </mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

2
e2etests/testdata/regression/grid_oom/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: 291 KiB

After

Width:  |  Height:  |  Size: 291 KiB

2
e2etests/testdata/regression/grid_oom/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: 291 KiB

After

Width:  |  Height:  |  Size: 291 KiB

2
e2etests/testdata/regression/only_header_class_table/dagre/sketch.exp.svg vendored
View file

@ -96,7 +96,7 @@
.d2-3631666954 .color-AA4{color:#EDF0FD;} .d2-3631666954 .color-AA4{color:#EDF0FD;}
.d2-3631666954 .color-AA5{color:#F7F8FE;} .d2-3631666954 .color-AA5{color:#F7F8FE;}
.d2-3631666954 .color-AB4{color:#EDF0FD;} .d2-3631666954 .color-AB4{color:#EDF0FD;}
.d2-3631666954 .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="class2"><g class="shape" ><rect x="0.000000" y="0.000000" width="1082.000000" height="92.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="1082.000000" height="92.000000" class="class_header fill-N1" /><text x="541.000000" y="53.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="0.000000" x2="1082.000000" y1="92.000000" y2="92.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="table"><g class="shape" ><rect x="351.000000" y="192.000000" width="381.000000" height="36.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="351.000000" y="192.000000" width="381.000000" height="36.000000" class="class_header fill-N1" /><text x="361.000000" y="217.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect x="351.000000" y="328.000000" width="381.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="351.000000" y="328.000000" width="381.000000" height="36.000000" class="class_header fill-N1" /><text x="361.000000" y="353.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">RefreshAuthorizationPolicyCache</text><text x="361.000000" y="387.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">ok</text><text x="402.000000" y="387.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="722.000000" y="387.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="351.000000" x2="732.000000" y1="400.000000" y2="400.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="(class2 -&gt; table)[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 541.000000 94.000000 C 541.000000 132.000000 541.000000 152.000000 541.000000 188.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3631666954)" /></g><g id="(table -&gt; table with short col)[0]"><path d="M 541.000000 230.000000 C 541.000000 268.000000 541.000000 288.000000 541.000000 324.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3631666954)" /></g><mask id="d2-3631666954" maskUnits="userSpaceOnUse" x="-1" y="-1" width="1084" height="402"> .d2-3631666954 .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="class2"><g class="shape" ><rect x="0.000000" y="0.000000" width="1082.000000" height="92.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="1082.000000" height="92.000000" class="class_header fill-N1" /><text x="541.000000" y="50.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="0.000000" x2="1082.000000" y1="92.000000" y2="92.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="table"><g class="shape" ><rect x="351.000000" y="192.000000" width="381.000000" height="36.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="351.000000" y="192.000000" width="381.000000" height="36.000000" class="class_header fill-N1" /><text x="361.000000" y="217.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect x="351.000000" y="328.000000" width="381.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="351.000000" y="328.000000" width="381.000000" height="36.000000" class="class_header fill-N1" /><text x="361.000000" y="353.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">RefreshAuthorizationPolicyCache</text><text x="361.000000" y="387.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">ok</text><text x="402.000000" y="387.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="722.000000" y="387.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="351.000000" x2="732.000000" y1="400.000000" y2="400.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="(class2 -&gt; table)[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 541.000000 94.000000 C 541.000000 132.000000 541.000000 152.000000 541.000000 188.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3631666954)" /></g><g id="(table -&gt; table with short col)[0]"><path d="M 541.000000 230.000000 C 541.000000 268.000000 541.000000 288.000000 541.000000 324.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3631666954)" /></g><mask id="d2-3631666954" maskUnits="userSpaceOnUse" x="-1" y="-1" width="1084" height="402">
<rect x="-1" y="-1" width="1084" height="402" fill="white"></rect> <rect x="-1" y="-1" width="1084" height="402" fill="white"></rect>
</mask></svg></svg> </mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

2
e2etests/testdata/regression/only_header_class_table/elk/sketch.exp.svg vendored
View file

@ -96,7 +96,7 @@
.d2-505883705 .color-AA4{color:#EDF0FD;} .d2-505883705 .color-AA4{color:#EDF0FD;}
.d2-505883705 .color-AA5{color:#F7F8FE;} .d2-505883705 .color-AA5{color:#F7F8FE;}
.d2-505883705 .color-AB4{color:#EDF0FD;} .d2-505883705 .color-AB4{color:#EDF0FD;}
.d2-505883705 .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="class2"><g class="shape" ><rect x="12.000000" y="12.000000" width="1082.000000" height="92.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="12.000000" width="1082.000000" height="92.000000" class="class_header fill-N1" /><text x="553.000000" y="65.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="12.000000" x2="1094.000000" y1="104.000000" y2="104.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="table"><g class="shape" ><rect x="362.000000" y="174.000000" width="381.000000" height="36.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="362.000000" y="174.000000" width="381.000000" height="36.000000" class="class_header fill-N1" /><text x="372.000000" y="199.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect x="362.000000" y="280.000000" width="381.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="362.000000" y="280.000000" width="381.000000" height="36.000000" class="class_header fill-N1" /><text x="372.000000" y="305.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">RefreshAuthorizationPolicyCache</text><text x="372.000000" y="339.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">ok</text><text x="413.000000" y="339.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="733.000000" y="339.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="362.000000" x2="743.000000" y1="352.000000" y2="352.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="(class2 -&gt; table)[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 553.000000 106.000000 L 553.000000 170.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-505883705)" /></g><g id="(table -&gt; table with short col)[0]"><path d="M 553.000000 212.000000 L 553.000000 276.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-505883705)" /></g><mask id="d2-505883705" maskUnits="userSpaceOnUse" x="11" y="11" width="1084" height="342"> .d2-505883705 .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="class2"><g class="shape" ><rect x="12.000000" y="12.000000" width="1082.000000" height="92.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="12.000000" width="1082.000000" height="92.000000" class="class_header fill-N1" /><text x="553.000000" y="62.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="12.000000" x2="1094.000000" y1="104.000000" y2="104.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="table"><g class="shape" ><rect x="362.000000" y="174.000000" width="381.000000" height="36.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="362.000000" y="174.000000" width="381.000000" height="36.000000" class="class_header fill-N1" /><text x="372.000000" y="199.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect x="362.000000" y="280.000000" width="381.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="362.000000" y="280.000000" width="381.000000" height="36.000000" class="class_header fill-N1" /><text x="372.000000" y="305.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">RefreshAuthorizationPolicyCache</text><text x="372.000000" y="339.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">ok</text><text x="413.000000" y="339.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="733.000000" y="339.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="362.000000" x2="743.000000" y1="352.000000" y2="352.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="(class2 -&gt; table)[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 553.000000 106.000000 L 553.000000 170.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-505883705)" /></g><g id="(table -&gt; table with short col)[0]"><path d="M 553.000000 212.000000 L 553.000000 276.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-505883705)" /></g><mask id="d2-505883705" maskUnits="userSpaceOnUse" x="11" y="11" width="1084" height="342">
<rect x="11" y="11" width="1084" height="342" fill="white"></rect> <rect x="11" y="11" width="1084" height="342" fill="white"></rect>
</mask></svg></svg> </mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

2
e2etests/testdata/regression/slow_grid/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: 46 KiB

After

Width:  |  Height:  |  Size: 46 KiB

2
e2etests/testdata/regression/slow_grid/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: 46 KiB

After

Width:  |  Height:  |  Size: 46 KiB

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

@ -89,7 +89,7 @@
.d2-2730605657 .color-AA4{color:#EDF0FD;} .d2-2730605657 .color-AA4{color:#EDF0FD;}
.d2-2730605657 .color-AA5{color:#F7F8FE;} .d2-2730605657 .color-AA5{color:#F7F8FE;}
.d2-2730605657 .color-AB4{color:#EDF0FD;} .d2-2730605657 .color-AB4{color:#EDF0FD;}
.d2-2730605657 .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="manager"><g class="shape" ><rect x="0.000000" y="0.000000" width="422.000000" height="368.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="422.000000" height="92.000000" class="class_header fill-N1" /><text x="211.000000" y="53.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">BatchManager</text><text x="10.000000" y="120.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="120.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">num</text><text x="402.000000" y="120.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="10.000000" y="166.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="166.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">timeout</text><text x="402.000000" y="166.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="10.000000" y="212.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="212.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">pid</text><text x="402.000000" y="212.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="0.000000" x2="422.000000" y1="230.000000" y2="230.000000" class=" stroke-N1" style="stroke-width:1" /><text x="10.000000" y="258.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="30.000000" y="258.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">getStatus()</text><text x="402.000000" y="258.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">Enum</text><text x="10.000000" y="304.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="30.000000" y="304.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">getJobs()</text><text x="402.000000" y="304.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">Job[]</text><text x="10.000000" y="350.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="30.000000" y="350.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">setTimeout(seconds int)</text><text x="402.000000" y="350.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">void</text></g></g><mask id="d2-2730605657" maskUnits="userSpaceOnUse" x="-1" y="-1" width="424" height="370"> .d2-2730605657 .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="manager"><g class="shape" ><rect x="0.000000" y="0.000000" width="422.000000" height="368.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="422.000000" height="92.000000" class="class_header fill-N1" /><text x="211.000000" y="50.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">BatchManager</text><text x="10.000000" y="120.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="120.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">num</text><text x="402.000000" y="120.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="10.000000" y="166.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="166.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">timeout</text><text x="402.000000" y="166.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="10.000000" y="212.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="30.000000" y="212.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">pid</text><text x="402.000000" y="212.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="0.000000" x2="422.000000" y1="230.000000" y2="230.000000" class=" stroke-N1" style="stroke-width:1" /><text x="10.000000" y="258.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="30.000000" y="258.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">getStatus()</text><text x="402.000000" y="258.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">Enum</text><text x="10.000000" y="304.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="30.000000" y="304.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">getJobs()</text><text x="402.000000" y="304.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">Job[]</text><text x="10.000000" y="350.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="30.000000" y="350.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">setTimeout(seconds int)</text><text x="402.000000" y="350.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">void</text></g></g><mask id="d2-2730605657" maskUnits="userSpaceOnUse" x="-1" y="-1" width="424" height="370">
<rect x="-1" y="-1" width="424" height="370" fill="white"></rect> <rect x="-1" y="-1" width="424" height="370" fill="white"></rect>
</mask></svg></svg> </mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

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

@ -89,7 +89,7 @@
.d2-3545685585 .color-AA4{color:#EDF0FD;} .d2-3545685585 .color-AA4{color:#EDF0FD;}
.d2-3545685585 .color-AA5{color:#F7F8FE;} .d2-3545685585 .color-AA5{color:#F7F8FE;}
.d2-3545685585 .color-AB4{color:#EDF0FD;} .d2-3545685585 .color-AB4{color:#EDF0FD;}
.d2-3545685585 .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="manager"><g class="shape" ><rect x="12.000000" y="12.000000" width="422.000000" height="368.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="12.000000" width="422.000000" height="92.000000" class="class_header fill-N1" /><text x="223.000000" y="65.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">BatchManager</text><text x="22.000000" y="132.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="42.000000" y="132.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">num</text><text x="414.000000" y="132.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="22.000000" y="178.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="42.000000" y="178.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">timeout</text><text x="414.000000" y="178.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="22.000000" y="224.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="42.000000" y="224.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">pid</text><text x="414.000000" y="224.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="12.000000" x2="434.000000" y1="242.000000" y2="242.000000" class=" stroke-N1" style="stroke-width:1" /><text x="22.000000" y="270.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="42.000000" y="270.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">getStatus()</text><text x="414.000000" y="270.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">Enum</text><text x="22.000000" y="316.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="42.000000" y="316.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">getJobs()</text><text x="414.000000" y="316.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">Job[]</text><text x="22.000000" y="362.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="42.000000" y="362.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">setTimeout(seconds int)</text><text x="414.000000" y="362.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">void</text></g></g><mask id="d2-3545685585" maskUnits="userSpaceOnUse" x="11" y="11" width="424" height="370"> .d2-3545685585 .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="manager"><g class="shape" ><rect x="12.000000" y="12.000000" width="422.000000" height="368.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="12.000000" width="422.000000" height="92.000000" class="class_header fill-N1" /><text x="223.000000" y="62.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">BatchManager</text><text x="22.000000" y="132.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="42.000000" y="132.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">num</text><text x="414.000000" y="132.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="22.000000" y="178.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="42.000000" y="178.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">timeout</text><text x="414.000000" y="178.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">int</text><text x="22.000000" y="224.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="42.000000" y="224.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">pid</text><text x="414.000000" y="224.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="12.000000" x2="434.000000" y1="242.000000" y2="242.000000" class=" stroke-N1" style="stroke-width:1" /><text x="22.000000" y="270.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="42.000000" y="270.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">getStatus()</text><text x="414.000000" y="270.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">Enum</text><text x="22.000000" y="316.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="42.000000" y="316.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">getJobs()</text><text x="414.000000" y="316.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">Job[]</text><text x="22.000000" y="362.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="42.000000" y="362.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">setTimeout(seconds int)</text><text x="414.000000" y="362.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">void</text></g></g><mask id="d2-3545685585" maskUnits="userSpaceOnUse" x="11" y="11" width="424" height="370">
<rect x="11" y="11" width="424" height="370" fill="white"></rect> <rect x="11" y="11" width="424" height="370" fill="white"></rect>
</mask></svg></svg> </mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

2
e2etests/testdata/stable/class_and_sqlTable_border_radius/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: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

2
e2etests/testdata/stable/class_and_sqlTable_border_radius/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: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

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

@ -110,7 +110,7 @@
.d2-1178036486 .color-AA4{color:#EDF0FD;} .d2-1178036486 .color-AA4{color:#EDF0FD;}
.d2-1178036486 .color-AA5{color:#F7F8FE;} .d2-1178036486 .color-AA5{color:#F7F8FE;}
.d2-1178036486 .color-AB4{color:#EDF0FD;} .d2-1178036486 .color-AB4{color:#EDF0FD;}
.d2-1178036486 .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="a"><g class="shape" ><path d="M 12 145 V 191 H 62 V 236 L 92 191 H 112 V 145 H 12 Z" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="62.000000" y="173.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a label</text></g><g id="b"><g class="shape" ><ellipse rx="51.500000" ry="51.500000" cx="309.500000" cy="184.500000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="309.500000" y="182.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="309.500000" dy="0.000000">b</tspan><tspan x="309.500000" dy="18.500000">labels</tspan></text></g><g id="c"><g class="shape" ><rect x="401.000000" y="52.000000" width="302.000000" height="184.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="401.000000" y="52.000000" width="302.000000" height="92.000000" class="class_header fill-N1" /><text x="552.000000" y="105.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">a class</text><line x1="401.000000" x2="703.000000" y1="144.000000" y2="144.000000" class=" stroke-N1" style="stroke-width:1" /><text x="411.000000" y="172.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="431.000000" y="172.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">public() bool</text><text x="683.000000" y="172.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">void</text><text x="411.000000" y="218.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="431.000000" y="218.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">private() int</text><text x="683.000000" y="218.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">void</text></g></g><g id="d"><g class="shape" ><path d="M 766 181 C 766 182 765 183 764 183 C 752 184 743 195 743 209 C 743 224 753 236 767 236 H 857 C 871 236 883 223 883 208 C 883 193 872 181 859 180 C 858 180 857 179 857 178 C 854 163 840 152 824 152 C 813 152 804 157 798 164 C 797 165 796 165 795 165 C 793 164 790 164 787 164 C 776 164 767 171 766 181 Z" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="812.330000" y="215.516000" class="text fill-N1" style="text-anchor:middle;font-size:16px">cloudyyyy</text></g><g id="e"><g class="shape" ></g><g transform="translate(923.000000 158.000000)" class="light-code"><rect width="199.000000" height="78.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan> .d2-1178036486 .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="a"><g class="shape" ><path d="M 12 145 V 191 H 62 V 236 L 92 191 H 112 V 145 H 12 Z" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="62.000000" y="173.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a label</text></g><g id="b"><g class="shape" ><ellipse rx="51.500000" ry="51.500000" cx="309.500000" cy="184.500000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="309.500000" y="182.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="309.500000" dy="0.000000">b</tspan><tspan x="309.500000" dy="18.500000">labels</tspan></text></g><g id="c"><g class="shape" ><rect x="401.000000" y="52.000000" width="302.000000" height="184.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="401.000000" y="52.000000" width="302.000000" height="92.000000" class="class_header fill-N1" /><text x="552.000000" y="102.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">a class</text><line x1="401.000000" x2="703.000000" y1="144.000000" y2="144.000000" class=" stroke-N1" style="stroke-width:1" /><text x="411.000000" y="172.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="431.000000" y="172.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">public() bool</text><text x="683.000000" y="172.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">void</text><text x="411.000000" y="218.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="431.000000" y="218.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">private() int</text><text x="683.000000" y="218.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">void</text></g></g><g id="d"><g class="shape" ><path d="M 766 181 C 766 182 765 183 764 183 C 752 184 743 195 743 209 C 743 224 753 236 767 236 H 857 C 871 236 883 223 883 208 C 883 193 872 181 859 180 C 858 180 857 179 857 178 C 854 163 840 152 824 152 C 813 152 804 157 798 164 C 797 165 796 165 795 165 C 793 164 790 164 787 164 C 776 164 767 171 766 181 Z" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="812.330000" y="215.516000" class="text fill-N1" style="text-anchor:middle;font-size:16px">cloudyyyy</text></g><g id="e"><g class="shape" ></g><g transform="translate(923.000000 158.000000)" class="light-code"><rect width="199.000000" height="78.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
</text><text class="text-mono" x="0" y="2.300000em">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan> </text><text class="text-mono" x="0" y="2.300000em">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
</text><text class="text-mono" x="0" y="3.600000em">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g><g transform="translate(923.000000 158.000000)" class="dark-code"><rect width="199.000000" height="78.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">a</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">5</tspan><tspan fill="#fab387"> </text><text class="text-mono" x="0" y="3.600000em">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g><g transform="translate(923.000000 158.000000)" class="dark-code"><rect width="199.000000" height="78.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">a</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">5</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">b</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">a</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">+</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">7</tspan><tspan fill="#fab387"> </tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">b</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">a</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">+</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">7</tspan><tspan fill="#fab387">

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 52 KiB

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

@ -110,7 +110,7 @@
.d2-1178036486 .color-AA4{color:#EDF0FD;} .d2-1178036486 .color-AA4{color:#EDF0FD;}
.d2-1178036486 .color-AA5{color:#F7F8FE;} .d2-1178036486 .color-AA5{color:#F7F8FE;}
.d2-1178036486 .color-AB4{color:#EDF0FD;} .d2-1178036486 .color-AB4{color:#EDF0FD;}
.d2-1178036486 .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="a"><g class="shape" ><path d="M 12 145 V 191 H 62 V 236 L 92 191 H 112 V 145 H 12 Z" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="62.000000" y="173.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a label</text></g><g id="b"><g class="shape" ><ellipse rx="51.500000" ry="51.500000" cx="309.500000" cy="184.500000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="309.500000" y="182.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="309.500000" dy="0.000000">b</tspan><tspan x="309.500000" dy="18.500000">labels</tspan></text></g><g id="c"><g class="shape" ><rect x="401.000000" y="52.000000" width="302.000000" height="184.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="401.000000" y="52.000000" width="302.000000" height="92.000000" class="class_header fill-N1" /><text x="552.000000" y="105.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">a class</text><line x1="401.000000" x2="703.000000" y1="144.000000" y2="144.000000" class=" stroke-N1" style="stroke-width:1" /><text x="411.000000" y="172.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="431.000000" y="172.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">public() bool</text><text x="683.000000" y="172.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">void</text><text x="411.000000" y="218.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="431.000000" y="218.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">private() int</text><text x="683.000000" y="218.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">void</text></g></g><g id="d"><g class="shape" ><path d="M 766 181 C 766 182 765 183 764 183 C 752 184 743 195 743 209 C 743 224 753 236 767 236 H 857 C 871 236 883 223 883 208 C 883 193 872 181 859 180 C 858 180 857 179 857 178 C 854 163 840 152 824 152 C 813 152 804 157 798 164 C 797 165 796 165 795 165 C 793 164 790 164 787 164 C 776 164 767 171 766 181 Z" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="812.330000" y="215.516000" class="text fill-N1" style="text-anchor:middle;font-size:16px">cloudyyyy</text></g><g id="e"><g class="shape" ></g><g transform="translate(923.000000 158.000000)" class="light-code"><rect width="199.000000" height="78.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan> .d2-1178036486 .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="a"><g class="shape" ><path d="M 12 145 V 191 H 62 V 236 L 92 191 H 112 V 145 H 12 Z" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="62.000000" y="173.500000" class="text fill-N1" style="text-anchor:middle;font-size:16px">a label</text></g><g id="b"><g class="shape" ><ellipse rx="51.500000" ry="51.500000" cx="309.500000" cy="184.500000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="309.500000" y="182.000000" class="text fill-N1" style="text-anchor:middle;font-size:16px"><tspan x="309.500000" dy="0.000000">b</tspan><tspan x="309.500000" dy="18.500000">labels</tspan></text></g><g id="c"><g class="shape" ><rect x="401.000000" y="52.000000" width="302.000000" height="184.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="401.000000" y="52.000000" width="302.000000" height="92.000000" class="class_header fill-N1" /><text x="552.000000" y="102.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">a class</text><line x1="401.000000" x2="703.000000" y1="144.000000" y2="144.000000" class=" stroke-N1" style="stroke-width:1" /><text x="411.000000" y="172.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="431.000000" y="172.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">public() bool</text><text x="683.000000" y="172.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">void</text><text x="411.000000" y="218.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">-</text><text x="431.000000" y="218.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">private() int</text><text x="683.000000" y="218.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">void</text></g></g><g id="d"><g class="shape" ><path d="M 766 181 C 766 182 765 183 764 183 C 752 184 743 195 743 209 C 743 224 753 236 767 236 H 857 C 871 236 883 223 883 208 C 883 193 872 181 859 180 C 858 180 857 179 857 178 C 854 163 840 152 824 152 C 813 152 804 157 798 164 C 797 165 796 165 795 165 C 793 164 790 164 787 164 C 776 164 767 171 766 181 Z" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="812.330000" y="215.516000" class="text fill-N1" style="text-anchor:middle;font-size:16px">cloudyyyy</text></g><g id="e"><g class="shape" ></g><g transform="translate(923.000000 158.000000)" class="light-code"><rect width="199.000000" height="78.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
</text><text class="text-mono" x="0" y="2.300000em">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan> </text><text class="text-mono" x="0" y="2.300000em">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
</text><text class="text-mono" x="0" y="3.600000em">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g><g transform="translate(923.000000 158.000000)" class="dark-code"><rect width="199.000000" height="78.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">a</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">5</tspan><tspan fill="#fab387"> </text><text class="text-mono" x="0" y="3.600000em">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g><g transform="translate(923.000000 158.000000)" class="dark-code"><rect width="199.000000" height="78.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">a</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">5</tspan><tspan fill="#fab387">
</tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">b</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">a</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">+</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">7</tspan><tspan fill="#fab387"> </tspan></text><text class="text-mono" x="0" y="2.300000em"><tspan fill="#fab387"></tspan><tspan fill="#fab387">b</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">a</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">+</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">7</tspan><tspan fill="#fab387">

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 52 KiB

2
e2etests/testdata/stable/sql_table_column_styles/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: 26 KiB

After

Width:  |  Height:  |  Size: 26 KiB

2
e2etests/testdata/stable/sql_table_column_styles/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: 26 KiB

After

Width:  |  Height:  |  Size: 26 KiB

2
e2etests/testdata/themes/dark_terrastruct_flagship/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: 108 KiB

After

Width:  |  Height:  |  Size: 108 KiB

2
e2etests/testdata/themes/dark_terrastruct_flagship/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: 108 KiB

After

Width:  |  Height:  |  Size: 108 KiB

2
e2etests/testdata/themes/terminal/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: 111 KiB

After

Width:  |  Height:  |  Size: 111 KiB

2
e2etests/testdata/themes/terminal/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: 110 KiB

After

Width:  |  Height:  |  Size: 110 KiB

2
e2etests/testdata/todo/shape_set_width_height/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: 69 KiB

After

Width:  |  Height:  |  Size: 69 KiB

2
e2etests/testdata/todo/shape_set_width_height/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: 69 KiB

After

Width:  |  Height:  |  Size: 69 KiB

160
e2etests/testdata/txtar/multiline-class-headers/dagre/board.exp.json generated vendored
View file

@ -67,167 +67,11 @@
"secondaryAccentColor": "AA2", "secondaryAccentColor": "AA2",
"neutralAccentColor": "N2" "neutralAccentColor": "N2"
}, },
{
"id": "B",
"type": "sql_table",
"pos": {
"x": 379,
"y": 1
},
"width": 214,
"height": 300,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N1",
"stroke": "N7",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": [
{
"name": {
"label": "LeftAligned",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 94,
"labelHeight": 26
},
"type": {
"label": "",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0
},
"constraint": null,
"reference": ""
},
{
"name": {
"label": "CenterAligned",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 117,
"labelHeight": 26
},
"type": {
"label": "",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0
},
"constraint": null,
"reference": ""
},
{
"name": {
"label": "RightAligned",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 105,
"labelHeight": 26
},
"type": {
"label": "",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0
},
"constraint": null,
"reference": ""
},
{
"name": {
"label": "Justified",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 72,
"labelHeight": 26
},
"type": {
"label": "",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0
},
"constraint": null,
"reference": ""
}
],
"label": "<<enumeration>>\nAlignment",
"fontSize": 20,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 189,
"labelHeight": 55,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "B2",
"secondaryAccentColor": "AA2",
"neutralAccentColor": "N2"
},
{ {
"id": "C", "id": "C",
"type": "class", "type": "class",
"pos": { "pos": {
"x": 653, "x": 379,
"y": 13 "y": 13
}, },
"width": 254, "width": 254,
@ -291,7 +135,7 @@
"id": "D", "id": "D",
"type": "class", "type": "class",
"pos": { "pos": {
"x": 967, "x": 693,
"y": 0 "y": 0
}, },
"width": 254, "width": 254,

161
e2etests/testdata/txtar/multiline-class-headers/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: 24 KiB

After

Width:  |  Height:  |  Size: 17 KiB

160
e2etests/testdata/txtar/multiline-class-headers/elk/board.exp.json generated vendored
View file

@ -67,167 +67,11 @@
"secondaryAccentColor": "AA2", "secondaryAccentColor": "AA2",
"neutralAccentColor": "N2" "neutralAccentColor": "N2"
}, },
{
"id": "B",
"type": "sql_table",
"pos": {
"x": 351,
"y": 13
},
"width": 214,
"height": 300,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N1",
"stroke": "N7",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": [
{
"name": {
"label": "LeftAligned",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 94,
"labelHeight": 26
},
"type": {
"label": "",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0
},
"constraint": null,
"reference": ""
},
{
"name": {
"label": "CenterAligned",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 117,
"labelHeight": 26
},
"type": {
"label": "",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0
},
"constraint": null,
"reference": ""
},
{
"name": {
"label": "RightAligned",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 105,
"labelHeight": 26
},
"type": {
"label": "",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0
},
"constraint": null,
"reference": ""
},
{
"name": {
"label": "Justified",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 72,
"labelHeight": 26
},
"type": {
"label": "",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0
},
"constraint": null,
"reference": ""
}
],
"label": "<<enumeration>>\nAlignment",
"fontSize": 20,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 189,
"labelHeight": 55,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "B2",
"secondaryAccentColor": "AA2",
"neutralAccentColor": "N2"
},
{ {
"id": "C", "id": "C",
"type": "class", "type": "class",
"pos": { "pos": {
"x": 585, "x": 351,
"y": 25 "y": 25
}, },
"width": 254, "width": 254,
@ -291,7 +135,7 @@
"id": "D", "id": "D",
"type": "class", "type": "class",
"pos": { "pos": {
"x": 859, "x": 625,
"y": 12 "y": 12
}, },
"width": 254, "width": 254,

161
e2etests/testdata/txtar/multiline-class-headers/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: 24 KiB

After

Width:  |  Height:  |  Size: 17 KiB

4
e2etests/testdata/txtar/sql-icon/dagre/sketch.exp.svg vendored
View file

@ -843,9 +843,9 @@
.d2-2359177743 .md .contains-task-list:dir(rtl) .task-list-item-checkbox { .d2-2359177743 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="without"><g class="shape" ><rect x="10.000000" y="-4.000000" width="1052.000000" height="198.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="536.000000" y="-17.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">without</text></g><g id="with"><g class="shape" ><rect x="10.000000" y="314.000000" width="1052.000000" height="242.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="536.000000" y="301.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">with</text></g><g id="without.tableEx"><g class="shape" ><rect x="40.000000" y="59.000000" width="106.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="40.000000" y="59.000000" width="106.000000" height="36.000000" class="class_header fill-N1" /><text x="50.000000" y="84.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="50.000000" y="118.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="78.000000" y="118.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="136.000000" y="118.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="40.000000" x2="146.000000" y1="131.000000" y2="131.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="without.classEx"><g class="shape" ><rect x="206.000000" y="26.000000" width="204.000000" height="138.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="206.000000" y="26.000000" width="204.000000" height="92.000000" class="class_header fill-N1" /><text x="308.000000" y="79.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="216.000000" y="146.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="236.000000" y="146.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="390.000000" y="146.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="206.000000" x2="410.000000" y1="164.000000" y2="164.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="without.codeEx"><g class="shape" ></g><g transform="translate(470.000000 77.000000)" class="light-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(470.000000 77.000000)" class="dark-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">a</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g id="without.mdEx"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="604.000000" y="50.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>This is for all ill-treated fellows</h1> </style><g id="without"><g class="shape" ><rect x="10.000000" y="-4.000000" width="1052.000000" height="198.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="536.000000" y="-17.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">without</text></g><g id="with"><g class="shape" ><rect x="10.000000" y="314.000000" width="1052.000000" height="242.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="536.000000" y="301.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">with</text></g><g id="without.tableEx"><g class="shape" ><rect x="40.000000" y="59.000000" width="106.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="40.000000" y="59.000000" width="106.000000" height="36.000000" class="class_header fill-N1" /><text x="50.000000" y="84.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="50.000000" y="118.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="78.000000" y="118.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="136.000000" y="118.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="40.000000" x2="146.000000" y1="131.000000" y2="131.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="without.classEx"><g class="shape" ><rect x="206.000000" y="26.000000" width="204.000000" height="138.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="206.000000" y="26.000000" width="204.000000" height="92.000000" class="class_header fill-N1" /><text x="308.000000" y="76.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="216.000000" y="146.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="236.000000" y="146.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="390.000000" y="146.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="206.000000" x2="410.000000" y1="164.000000" y2="164.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="without.codeEx"><g class="shape" ></g><g transform="translate(470.000000 77.000000)" class="light-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(470.000000 77.000000)" class="dark-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">a</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g id="without.mdEx"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="604.000000" y="50.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>This is for all ill-treated fellows</h1>
<p>You will live a long, healthy, happy life and make bags of money.</p> <p>You will live a long, healthy, happy life and make bags of money.</p>
</div></foreignObject></g></g><g id="with.tableEx"><g class="shape" ><rect x="40.000000" y="421.000000" width="106.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="40.000000" y="421.000000" width="106.000000" height="36.000000" class="class_header fill-N1" /><text x="50.000000" y="446.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="50.000000" y="480.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="78.000000" y="480.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="136.000000" y="480.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="40.000000" x2="146.000000" y1="493.000000" y2="493.000000" class=" stroke-N1" style="stroke-width:2" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="35.000000" y="380.000000" width="36" height="36" /></g></g><g id="with.classEx"><g class="shape" ><rect x="206.000000" y="388.000000" width="204.000000" height="138.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="206.000000" y="388.000000" width="204.000000" height="92.000000" class="class_header fill-N1" /><text x="308.000000" y="441.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="216.000000" y="508.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="236.000000" y="508.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="390.000000" y="508.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="206.000000" x2="410.000000" y1="526.000000" y2="526.000000" class=" stroke-N1" style="stroke-width:1" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="201.000000" y="319.000000" width="64" height="64" /></g></g><g id="with.codeEx"><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="465.000000" y="402.000000" width="32" height="32" /><g transform="translate(470.000000 439.000000)" class="light-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(470.000000 439.000000)" class="dark-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">a</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g id="with.mdEx"><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="599.000000" y="361.000000" width="46" height="46" /><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="604.000000" y="412.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>This is for all ill-treated fellows</h1> </div></foreignObject></g></g><g id="with.tableEx"><g class="shape" ><rect x="40.000000" y="421.000000" width="106.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="40.000000" y="421.000000" width="106.000000" height="36.000000" class="class_header fill-N1" /><text x="50.000000" y="446.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="50.000000" y="480.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="78.000000" y="480.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="136.000000" y="480.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="40.000000" x2="146.000000" y1="493.000000" y2="493.000000" class=" stroke-N1" style="stroke-width:2" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="35.000000" y="380.000000" width="36" height="36" /></g></g><g id="with.classEx"><g class="shape" ><rect x="206.000000" y="388.000000" width="204.000000" height="138.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="206.000000" y="388.000000" width="204.000000" height="92.000000" class="class_header fill-N1" /><text x="308.000000" y="438.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="216.000000" y="508.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="236.000000" y="508.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="390.000000" y="508.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="206.000000" x2="410.000000" y1="526.000000" y2="526.000000" class=" stroke-N1" style="stroke-width:1" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="201.000000" y="319.000000" width="64" height="64" /></g></g><g id="with.codeEx"><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="465.000000" y="402.000000" width="32" height="32" /><g transform="translate(470.000000 439.000000)" class="light-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(470.000000 439.000000)" class="dark-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">a</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g id="with.mdEx"><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="599.000000" y="361.000000" width="46" height="46" /><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="604.000000" y="412.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>This is for all ill-treated fellows</h1>
<p>You will live a long, healthy, happy life and make bags of money.</p> <p>You will live a long, healthy, happy life and make bags of money.</p>
</div></foreignObject></g></g><g id="(without.tableEx -&gt; with.tableEx)[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 93.000000 133.000000 C 93.000000 197.399994 93.000000 224.000000 93.000000 239.000000 C 93.000000 254.000000 93.000000 335.399994 93.000000 417.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2359177743)" /></g><g id="(without.classEx -&gt; with.classEx)[0]"><path d="M 308.000000 166.000000 C 308.000000 204.000000 308.000000 224.000000 308.000000 239.000000 C 308.000000 254.000000 308.000000 328.799988 308.000000 384.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2359177743)" /></g><g id="(without.codeEx -&gt; with.codeEx)[0]"><path d="M 507.000000 116.500000 C 507.000000 194.100006 507.000000 224.000000 507.000000 239.000000 C 507.000000 254.000000 507.000000 338.899994 507.000000 434.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2359177743)" /></g><g id="(without.mdEx -&gt; with.mdEx)[0]"><path d="M 818.000000 143.500000 C 818.000000 199.500000 818.000000 224.000000 818.000000 239.000000 C 818.000000 254.000000 818.000000 333.500000 818.000000 407.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2359177743)" /></g><mask id="d2-2359177743" maskUnits="userSpaceOnUse" x="9" y="-45" width="1054" height="602"> </div></foreignObject></g></g><g id="(without.tableEx -&gt; with.tableEx)[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 93.000000 133.000000 C 93.000000 197.399994 93.000000 224.000000 93.000000 239.000000 C 93.000000 254.000000 93.000000 335.399994 93.000000 417.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2359177743)" /></g><g id="(without.classEx -&gt; with.classEx)[0]"><path d="M 308.000000 166.000000 C 308.000000 204.000000 308.000000 224.000000 308.000000 239.000000 C 308.000000 254.000000 308.000000 328.799988 308.000000 384.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2359177743)" /></g><g id="(without.codeEx -&gt; with.codeEx)[0]"><path d="M 507.000000 116.500000 C 507.000000 194.100006 507.000000 224.000000 507.000000 239.000000 C 507.000000 254.000000 507.000000 338.899994 507.000000 434.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2359177743)" /></g><g id="(without.mdEx -&gt; with.mdEx)[0]"><path d="M 818.000000 143.500000 C 818.000000 199.500000 818.000000 224.000000 818.000000 239.000000 C 818.000000 254.000000 818.000000 333.500000 818.000000 407.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-2359177743)" /></g><mask id="d2-2359177743" maskUnits="userSpaceOnUse" x="9" y="-45" width="1054" height="602">
<rect x="9" y="-45" width="1054" height="602" fill="white"></rect> <rect x="9" y="-45" width="1054" height="602" fill="white"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 50 KiB

4
e2etests/testdata/txtar/sql-icon/elk/sketch.exp.svg vendored
View file

@ -843,9 +843,9 @@
.d2-3170058192 .md .contains-task-list:dir(rtl) .task-list-item-checkbox { .d2-3170058192 .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="without"><g class="shape" ><rect x="12.000000" y="12.000000" width="972.000000" height="238.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="498.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">without</text></g><g id="with"><g class="shape" ><rect x="12.000000" y="330.000000" width="972.000000" height="307.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="498.000000" y="363.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">with</text></g><g id="without.tableEx"><g class="shape" ><rect x="62.000000" y="128.000000" width="106.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="62.000000" y="128.000000" width="106.000000" height="36.000000" class="class_header fill-N1" /><text x="72.000000" y="153.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="72.000000" y="187.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="100.000000" y="187.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="158.000000" y="187.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="62.000000" x2="168.000000" y1="200.000000" y2="200.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="without.classEx"><g class="shape" ><rect x="188.000000" y="62.000000" width="204.000000" height="138.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="188.000000" y="62.000000" width="204.000000" height="92.000000" class="class_header fill-N1" /><text x="290.000000" y="115.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="198.000000" y="182.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="218.000000" y="182.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="372.000000" y="182.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="188.000000" x2="392.000000" y1="200.000000" y2="200.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="without.codeEx"><g class="shape" ></g><g transform="translate(412.000000 163.000000)" class="light-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(412.000000 163.000000)" class="dark-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">a</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g id="without.mdEx"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="506.000000" y="109.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>This is for all ill-treated fellows</h1> </style><g id="without"><g class="shape" ><rect x="12.000000" y="12.000000" width="972.000000" height="238.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="498.000000" y="45.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">without</text></g><g id="with"><g class="shape" ><rect x="12.000000" y="330.000000" width="972.000000" height="307.000000" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="498.000000" y="363.000000" class="text fill-N1" style="text-anchor:middle;font-size:28px">with</text></g><g id="without.tableEx"><g class="shape" ><rect x="62.000000" y="128.000000" width="106.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="62.000000" y="128.000000" width="106.000000" height="36.000000" class="class_header fill-N1" /><text x="72.000000" y="153.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="72.000000" y="187.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="100.000000" y="187.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="158.000000" y="187.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="62.000000" x2="168.000000" y1="200.000000" y2="200.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="without.classEx"><g class="shape" ><rect x="188.000000" y="62.000000" width="204.000000" height="138.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="188.000000" y="62.000000" width="204.000000" height="92.000000" class="class_header fill-N1" /><text x="290.000000" y="112.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="198.000000" y="182.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="218.000000" y="182.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="372.000000" y="182.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="188.000000" x2="392.000000" y1="200.000000" y2="200.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="without.codeEx"><g class="shape" ></g><g transform="translate(412.000000 163.000000)" class="light-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(412.000000 163.000000)" class="dark-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">a</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g id="without.mdEx"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="506.000000" y="109.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>This is for all ill-treated fellows</h1>
<p>You will live a long, healthy, happy life and make bags of money.</p> <p>You will live a long, healthy, happy life and make bags of money.</p>
</div></foreignObject></g></g><g id="with.tableEx"><g class="shape" ><rect x="62.000000" y="421.000000" width="106.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="62.000000" y="421.000000" width="106.000000" height="36.000000" class="class_header fill-N1" /><text x="72.000000" y="446.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="72.000000" y="480.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="100.000000" y="480.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="158.000000" y="480.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="62.000000" x2="168.000000" y1="493.000000" y2="493.000000" class=" stroke-N1" style="stroke-width:2" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="57.000000" y="380.000000" width="36" height="36" /></g></g><g id="with.classEx"><g class="shape" ><rect x="188.000000" y="449.000000" width="204.000000" height="138.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="188.000000" y="449.000000" width="204.000000" height="92.000000" class="class_header fill-N1" /><text x="290.000000" y="502.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="198.000000" y="569.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="218.000000" y="569.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="372.000000" y="569.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="188.000000" x2="392.000000" y1="587.000000" y2="587.000000" class=" stroke-N1" style="stroke-width:1" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="183.000000" y="380.000000" width="64" height="64" /></g></g><g id="with.codeEx"><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="407.000000" y="380.000000" width="32" height="32" /><g transform="translate(412.000000 417.000000)" class="light-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(412.000000 417.000000)" class="dark-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">a</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g id="with.mdEx"><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="501.000000" y="380.000000" width="46" height="46" /><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="506.000000" y="431.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>This is for all ill-treated fellows</h1> </div></foreignObject></g></g><g id="with.tableEx"><g class="shape" ><rect x="62.000000" y="421.000000" width="106.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="62.000000" y="421.000000" width="106.000000" height="36.000000" class="class_header fill-N1" /><text x="72.000000" y="446.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">tableEx</text><text x="72.000000" y="480.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">a</text><text x="100.000000" y="480.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">b</text><text x="158.000000" y="480.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="62.000000" x2="168.000000" y1="493.000000" y2="493.000000" class=" stroke-N1" style="stroke-width:2" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="57.000000" y="380.000000" width="36" height="36" /></g></g><g id="with.classEx"><g class="shape" ><rect x="188.000000" y="449.000000" width="204.000000" height="138.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="188.000000" y="449.000000" width="204.000000" height="92.000000" class="class_header fill-N1" /><text x="290.000000" y="499.500000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">classEx</text><text x="198.000000" y="569.000000" class="text-mono fill-B2" style="text-anchor:start;font-size:20px">+</text><text x="218.000000" y="569.000000" class="text-mono fill-N1" style="text-anchor:start;font-size:20px">a</text><text x="372.000000" y="569.000000" class="text-mono fill-AA2" style="text-anchor:end;font-size:20px">b</text><line x1="188.000000" x2="392.000000" y1="587.000000" y2="587.000000" class=" stroke-N1" style="stroke-width:1" /><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="183.000000" y="380.000000" width="64" height="64" /></g></g><g id="with.codeEx"><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="407.000000" y="380.000000" width="32" height="32" /><g transform="translate(412.000000 417.000000)" class="light-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">1</tspan></text></g></g><g transform="translate(412.000000 417.000000)" class="dark-code"><rect width="74.000000" height="37.000000" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#fab387">a</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#89dceb">:=</tspan><tspan fill="#fab387">&#160;</tspan><tspan fill="#fab387">1</tspan></text></g></g></g><g id="with.mdEx"><g class="shape" ></g><image href="https://icons.terrastruct.com/essentials%2F213-alarm.svg" x="501.000000" y="380.000000" width="46" height="46" /><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="506.000000" y="431.000000" width="428" height="91"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><h1>This is for all ill-treated fellows</h1>
<p>You will live a long, healthy, happy life and make bags of money.</p> <p>You will live a long, healthy, happy life and make bags of money.</p>
</div></foreignObject></g></g><g id="(without.tableEx -&gt; with.tableEx)[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 115.000000 202.000000 L 115.000000 417.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3170058192)" /></g><g id="(without.classEx -&gt; with.classEx)[0]"><path d="M 290.000000 202.000000 L 290.000000 445.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3170058192)" /></g><g id="(without.codeEx -&gt; with.codeEx)[0]"><path d="M 449.000000 202.000000 L 449.000000 413.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3170058192)" /></g><g id="(without.mdEx -&gt; with.mdEx)[0]"><path d="M 720.000000 202.000000 L 720.000000 427.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3170058192)" /></g><mask id="d2-3170058192" maskUnits="userSpaceOnUse" x="11" y="11" width="974" height="627"> </div></foreignObject></g></g><g id="(without.tableEx -&gt; with.tableEx)[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 115.000000 202.000000 L 115.000000 417.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3170058192)" /></g><g id="(without.classEx -&gt; with.classEx)[0]"><path d="M 290.000000 202.000000 L 290.000000 445.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3170058192)" /></g><g id="(without.codeEx -&gt; with.codeEx)[0]"><path d="M 449.000000 202.000000 L 449.000000 413.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3170058192)" /></g><g id="(without.mdEx -&gt; with.mdEx)[0]"><path d="M 720.000000 202.000000 L 720.000000 427.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3170058192)" /></g><mask id="d2-3170058192" maskUnits="userSpaceOnUse" x="11" y="11" width="974" height="627">
<rect x="11" y="11" width="974" height="627" fill="white"></rect> <rect x="11" y="11" width="974" height="627" fill="white"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 50 KiB

4
testdata/d2compiler/TestCompile/sql-table-header-newline.exp.json generated vendored
View file

@ -4,11 +4,11 @@
"errs": [ "errs": [
{ {
"range": "d2/testdata/d2compiler/TestCompile/sql-table-header-newline.d2,2:2:26-2:21:45", "range": "d2/testdata/d2compiler/TestCompile/sql-table-header-newline.d2,2:2:26-2:21:45",
"errmsg": "d2/testdata/d2compiler/TestCompile/sql-table-header-newline.d2:3:3: shape sql_table cannot have newlines" "errmsg": "d2/testdata/d2compiler/TestCompile/sql-table-header-newline.d2:3:3: shape sql_table cannot have newlines in label"
}, },
{ {
"range": "d2/testdata/d2compiler/TestCompile/sql-table-header-newline.d2,5:0:49-8:1:100", "range": "d2/testdata/d2compiler/TestCompile/sql-table-header-newline.d2,5:0:49-8:1:100",
"errmsg": "d2/testdata/d2compiler/TestCompile/sql-table-header-newline.d2:6:1: shape sql_table cannot have newlines" "errmsg": "d2/testdata/d2compiler/TestCompile/sql-table-header-newline.d2:6:1: shape sql_table cannot have newlines in label"
} }
] ]
} }