alihan/textual
1
0
Fork 0
mirror of https://github.com/Textualize/textual.git synced 2025-10-17 02:38:12 +03:00
Code Issues Packages Projects Releases Wiki Activity

Snapshot updates

Browse Source
This commit is contained in:
Darren Burns
2024-11-06 14:29:50 +00:00
parent e23a0ef289
commit b3c9089e6a
25 changed files with 1327 additions and 1327 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Makefile
View File

@@ -4,6 +4,10 @@ run := poetry run
test:
$(run) pytest tests/ -n 16 --dist=loadgroup $(ARGS)
.PHONY: testv
testv:
$(run) pytest tests/ -vvv -n 16 --dist=loadgroup $(ARGS)
.PHONY: test-snapshot-update
test-snapshot-update:
$(run) pytest tests/ --snapshot-update -n 16 --dist=loadgroup $(ARGS)

2
pyproject.toml
View File

@@ -79,7 +79,7 @@ pytest-textual-snapshot = "^1.0.0"
[tool.pytest.ini_options]
asyncio_mode = "auto"
testpaths = ["tests"]
addopts = "--strict-markers -vv"
addopts = "--strict-markers"
markers = [
"syntax: marks tests that require syntax highlighting (deselect with '-m \"not syntax\"')",
]

111
tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi.svg
View File

@@ -19,133 +19,132 @@
font-weight: 700;
}
.terminal-992217098-matrix {
.terminal-2908026744-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-992217098-title {
.terminal-2908026744-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-992217098-r1 { fill: #c5c8c6 }
.terminal-992217098-r2 { fill: #cc555a }
.terminal-992217098-r3 { fill: #e0e0e0 }
.terminal-992217098-r4 { fill: #98729f }
.terminal-2908026744-r1 { fill: #c5c8c6 }
.terminal-2908026744-r2 { fill: #cc555a }
.terminal-2908026744-r3 { fill: #98729f }
</style>
<defs>
<clipPath id="terminal-992217098-clip-terminal">
<clipPath id="terminal-2908026744-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-992217098-line-0">
<clipPath id="terminal-2908026744-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-1">
<clipPath id="terminal-2908026744-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-2">
<clipPath id="terminal-2908026744-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-3">
<clipPath id="terminal-2908026744-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-4">
<clipPath id="terminal-2908026744-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-5">
<clipPath id="terminal-2908026744-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-6">
<clipPath id="terminal-2908026744-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-7">
<clipPath id="terminal-2908026744-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-8">
<clipPath id="terminal-2908026744-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-9">
<clipPath id="terminal-2908026744-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-10">
<clipPath id="terminal-2908026744-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-11">
<clipPath id="terminal-2908026744-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-12">
<clipPath id="terminal-2908026744-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-13">
<clipPath id="terminal-2908026744-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-14">
<clipPath id="terminal-2908026744-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-15">
<clipPath id="terminal-2908026744-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-16">
<clipPath id="terminal-2908026744-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-17">
<clipPath id="terminal-2908026744-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-18">
<clipPath id="terminal-2908026744-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-19">
<clipPath id="terminal-2908026744-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-20">
<clipPath id="terminal-2908026744-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-21">
<clipPath id="terminal-2908026744-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-992217098-line-22">
<clipPath id="terminal-2908026744-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-992217098-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ANSIApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2908026744-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ANSIApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-992217098-clip-terminal)">
<g transform="translate(9, 41)" clip-path="url(#terminal-2908026744-clip-terminal)">
<rect fill="#608ab1" x="0" y="1.5" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#608ab1" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#608ab1" x="12.2" y="25.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#608ab1" x="48.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#608ab1" x="61" y="25.9" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#608ab1" x="146.4" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#608ab1" x="0" y="50.3" width="158.6" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-992217098-matrix">
<text class="terminal-992217098-r1" x="0" y="20" textLength="158.6" clip-path="url(#terminal-992217098-line-0)">┌───────────┐</text><text class="terminal-992217098-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-992217098-line-0)">
</text><text class="terminal-992217098-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-992217098-line-1)">│</text><text class="terminal-992217098-r2" x="12.2" y="44.4" textLength="36.6" clip-path="url(#terminal-992217098-line-1)">Red</text><text class="terminal-992217098-r4" x="61" y="44.4" textLength="85.4" clip-path="url(#terminal-992217098-line-1)">Magenta</text><text class="terminal-992217098-r1" x="146.4" y="44.4" textLength="12.2" clip-path="url(#terminal-992217098-line-1)">│</text><text class="terminal-992217098-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-992217098-line-1)">
</text><text class="terminal-992217098-r1" x="0" y="68.8" textLength="158.6" clip-path="url(#terminal-992217098-line-2)">└───────────┘</text><text class="terminal-992217098-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-992217098-line-2)">
</text><text class="terminal-992217098-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-992217098-line-3)">
</text><text class="terminal-992217098-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-992217098-line-4)">
</text><text class="terminal-992217098-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-992217098-line-5)">
</text><text class="terminal-992217098-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-992217098-line-6)">
</text><text class="terminal-992217098-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-992217098-line-7)">
</text><text class="terminal-992217098-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-992217098-line-8)">
</text><text class="terminal-992217098-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-992217098-line-9)">
</text><text class="terminal-992217098-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-992217098-line-10)">
</text><text class="terminal-992217098-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-992217098-line-11)">
</text><text class="terminal-992217098-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-992217098-line-12)">
</text><text class="terminal-992217098-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-992217098-line-13)">
</text><text class="terminal-992217098-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-992217098-line-14)">
</text><text class="terminal-992217098-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-992217098-line-15)">
</text><text class="terminal-992217098-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-992217098-line-16)">
</text><text class="terminal-992217098-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-992217098-line-17)">
</text><text class="terminal-992217098-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-992217098-line-18)">
</text><text class="terminal-992217098-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-992217098-line-19)">
</text><text class="terminal-992217098-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-992217098-line-20)">
</text><text class="terminal-992217098-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-992217098-line-21)">
</text><text class="terminal-992217098-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-992217098-line-22)">
<g class="terminal-2908026744-matrix">
<text class="terminal-2908026744-r1" x="0" y="20" textLength="158.6" clip-path="url(#terminal-2908026744-line-0)">┌───────────┐</text><text class="terminal-2908026744-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2908026744-line-0)">
</text><text class="terminal-2908026744-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-2908026744-line-1)">│</text><text class="terminal-2908026744-r2" x="12.2" y="44.4" textLength="36.6" clip-path="url(#terminal-2908026744-line-1)">Red</text><text class="terminal-2908026744-r3" x="61" y="44.4" textLength="85.4" clip-path="url(#terminal-2908026744-line-1)">Magenta</text><text class="terminal-2908026744-r1" x="146.4" y="44.4" textLength="12.2" clip-path="url(#terminal-2908026744-line-1)">│</text><text class="terminal-2908026744-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2908026744-line-1)">
</text><text class="terminal-2908026744-r1" x="0" y="68.8" textLength="158.6" clip-path="url(#terminal-2908026744-line-2)">└───────────┘</text><text class="terminal-2908026744-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2908026744-line-2)">
</text><text class="terminal-2908026744-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2908026744-line-3)">
</text><text class="terminal-2908026744-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2908026744-line-4)">
</text><text class="terminal-2908026744-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2908026744-line-5)">
</text><text class="terminal-2908026744-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2908026744-line-6)">
</text><text class="terminal-2908026744-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2908026744-line-7)">
</text><text class="terminal-2908026744-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2908026744-line-8)">
</text><text class="terminal-2908026744-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2908026744-line-9)">
</text><text class="terminal-2908026744-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2908026744-line-10)">
</text><text class="terminal-2908026744-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2908026744-line-11)">
</text><text class="terminal-2908026744-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2908026744-line-12)">
</text><text class="terminal-2908026744-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2908026744-line-13)">
</text><text class="terminal-2908026744-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2908026744-line-14)">
</text><text class="terminal-2908026744-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2908026744-line-15)">
</text><text class="terminal-2908026744-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2908026744-line-16)">
</text><text class="terminal-2908026744-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2908026744-line-17)">
</text><text class="terminal-2908026744-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2908026744-line-18)">
</text><text class="terminal-2908026744-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2908026744-line-19)">
</text><text class="terminal-2908026744-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2908026744-line-20)">
</text><text class="terminal-2908026744-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2908026744-line-21)">
</text><text class="terminal-2908026744-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2908026744-line-22)">
</text>
</g>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 9.2 KiB

130
tests/snapshot_tests/__snapshots__/test_snapshots/test_ansi_command_palette.svg
View File

@@ -19,142 +19,142 @@
font-weight: 700;
}
.terminal-3752478672-matrix {
.terminal-1290172786-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3752478672-title {
.terminal-1290172786-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3752478672-r1 { fill: #8a4346 }
.terminal-3752478672-r2 { fill: #969696 }
.terminal-3752478672-r3 { fill: #6b546f }
.terminal-3752478672-r4 { fill: #e0e0e0 }
.terminal-3752478672-r5 { fill: #292929 }
.terminal-3752478672-r6 { fill: #c5c8c6 }
.terminal-3752478672-r7 { fill: #0178d4 }
.terminal-3752478672-r8 { fill: #00ff00 }
.terminal-3752478672-r9 { fill: #000000 }
.terminal-3752478672-r10 { fill: #121212 }
.terminal-3752478672-r11 { fill: #6d7479 }
.terminal-3752478672-r12 { fill: #868686 }
.terminal-1290172786-r1 { fill: #8a4346 }
.terminal-1290172786-r2 { fill: #868887 }
.terminal-1290172786-r3 { fill: #6b546f }
.terminal-1290172786-r4 { fill: #e0e0e0 }
.terminal-1290172786-r5 { fill: #292929 }
.terminal-1290172786-r6 { fill: #c5c8c6 }
.terminal-1290172786-r7 { fill: #0178d4 }
.terminal-1290172786-r8 { fill: #00ff00 }
.terminal-1290172786-r9 { fill: #000000 }
.terminal-1290172786-r10 { fill: #121212 }
.terminal-1290172786-r11 { fill: #6d7479 }
.terminal-1290172786-r12 { fill: #868686 }
</style>
<defs>
<clipPath id="terminal-3752478672-clip-terminal">
<clipPath id="terminal-1290172786-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3752478672-line-0">
<clipPath id="terminal-1290172786-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-1">
<clipPath id="terminal-1290172786-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-2">
<clipPath id="terminal-1290172786-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-3">
<clipPath id="terminal-1290172786-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-4">
<clipPath id="terminal-1290172786-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-5">
<clipPath id="terminal-1290172786-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-6">
<clipPath id="terminal-1290172786-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-7">
<clipPath id="terminal-1290172786-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-8">
<clipPath id="terminal-1290172786-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-9">
<clipPath id="terminal-1290172786-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-10">
<clipPath id="terminal-1290172786-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-11">
<clipPath id="terminal-1290172786-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-12">
<clipPath id="terminal-1290172786-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-13">
<clipPath id="terminal-1290172786-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-14">
<clipPath id="terminal-1290172786-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-15">
<clipPath id="terminal-1290172786-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-16">
<clipPath id="terminal-1290172786-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-17">
<clipPath id="terminal-1290172786-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-18">
<clipPath id="terminal-1290172786-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-19">
<clipPath id="terminal-1290172786-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-20">
<clipPath id="terminal-1290172786-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-21">
<clipPath id="terminal-1290172786-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3752478672-line-22">
<clipPath id="terminal-1290172786-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3752478672-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">CommandPaletteApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1290172786-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">CommandPaletteApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-3752478672-clip-terminal)">
<g transform="translate(9, 41)" clip-path="url(#terminal-1290172786-clip-terminal)">
<rect fill="#242f38" x="951.6" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="12.2" y="99.1" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="48.8" y="99.1" width="915" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="12.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="24.4" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="48.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#e0e0e0" x="61" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="73.2" y="123.5" width="231.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="305" y="123.5" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="951.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="963.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="12.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="24.4" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="48.8" y="147.9" width="915" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="963.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="512.4" y="221.1" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="585.6" y="269.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="805.2" y="318.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#141f27" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="951.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3752478672-matrix">
<text class="terminal-3752478672-r1" x="0" y="20" textLength="36.6" clip-path="url(#terminal-3752478672-line-0)">Red</text><text class="terminal-3752478672-r3" x="48.8" y="20" textLength="85.4" clip-path="url(#terminal-3752478672-line-0)">Magenta</text><text class="terminal-3752478672-r1" x="146.4" y="20" textLength="36.6" clip-path="url(#terminal-3752478672-line-0)">Red</text><text class="terminal-3752478672-r3" x="195.2" y="20" textLength="85.4" clip-path="url(#terminal-3752478672-line-0)">Magenta</text><text class="terminal-3752478672-r1" x="292.8" y="20" textLength="36.6" clip-path="url(#terminal-3752478672-line-0)">Red</text><text class="terminal-3752478672-r3" x="341.6" y="20" textLength="85.4" clip-path="url(#terminal-3752478672-line-0)">Magenta</text><text class="terminal-3752478672-r1" x="439.2" y="20" textLength="36.6" clip-path="url(#terminal-3752478672-line-0)">Red</text><text class="terminal-3752478672-r3" x="488" y="20" textLength="85.4" clip-path="url(#terminal-3752478672-line-0)">Magenta</text><text class="terminal-3752478672-r1" x="585.6" y="20" textLength="36.6" clip-path="url(#terminal-3752478672-line-0)">Red</text><text class="terminal-3752478672-r3" x="634.4" y="20" textLength="85.4" clip-path="url(#terminal-3752478672-line-0)">Magenta</text><text class="terminal-3752478672-r1" x="732" y="20" textLength="36.6" clip-path="url(#terminal-3752478672-line-0)">Red</text><text class="terminal-3752478672-r3" x="780.8" y="20" textLength="85.4" clip-path="url(#terminal-3752478672-line-0)">Magenta</text><text class="terminal-3752478672-r1" x="878.4" y="20" textLength="36.6" clip-path="url(#terminal-3752478672-line-0)">Red</text><text class="terminal-3752478672-r6" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3752478672-line-0)">
</text><text class="terminal-3752478672-r3" x="0" y="44.4" textLength="85.4" clip-path="url(#terminal-3752478672-line-1)">Magenta</text><text class="terminal-3752478672-r1" x="97.6" y="44.4" textLength="36.6" clip-path="url(#terminal-3752478672-line-1)">Red</text><text class="terminal-3752478672-r3" x="146.4" y="44.4" textLength="85.4" clip-path="url(#terminal-3752478672-line-1)">Magenta</text><text class="terminal-3752478672-r1" x="244" y="44.4" textLength="36.6" clip-path="url(#terminal-3752478672-line-1)">Red</text><text class="terminal-3752478672-r3" x="292.8" y="44.4" textLength="85.4" clip-path="url(#terminal-3752478672-line-1)">Magenta</text><text class="terminal-3752478672-r1" x="390.4" y="44.4" textLength="36.6" clip-path="url(#terminal-3752478672-line-1)">Red</text><text class="terminal-3752478672-r3" x="439.2" y="44.4" textLength="85.4" clip-path="url(#terminal-3752478672-line-1)">Magenta</text><text class="terminal-3752478672-r1" x="536.8" y="44.4" textLength="36.6" clip-path="url(#terminal-3752478672-line-1)">Red</text><text class="terminal-3752478672-r3" x="585.6" y="44.4" textLength="85.4" clip-path="url(#terminal-3752478672-line-1)">Magenta</text><text class="terminal-3752478672-r1" x="683.2" y="44.4" textLength="36.6" clip-path="url(#terminal-3752478672-line-1)">Red</text><text class="terminal-3752478672-r3" x="732" y="44.4" textLength="85.4" clip-path="url(#terminal-3752478672-line-1)">Magenta</text><text class="terminal-3752478672-r1" x="829.6" y="44.4" textLength="36.6" clip-path="url(#terminal-3752478672-line-1)">Red</text><text class="terminal-3752478672-r6" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3752478672-line-1)">
</text><text class="terminal-3752478672-r3" x="0" y="68.8" textLength="85.4" clip-path="url(#terminal-3752478672-line-2)">Magenta</text><text class="terminal-3752478672-r1" x="97.6" y="68.8" textLength="36.6" clip-path="url(#terminal-3752478672-line-2)">Red</text><text class="terminal-3752478672-r3" x="146.4" y="68.8" textLength="85.4" clip-path="url(#terminal-3752478672-line-2)">Magenta</text><text class="terminal-3752478672-r1" x="244" y="68.8" textLength="36.6" clip-path="url(#terminal-3752478672-line-2)">Red</text><text class="terminal-3752478672-r3" x="292.8" y="68.8" textLength="85.4" clip-path="url(#terminal-3752478672-line-2)">Magenta</text><text class="terminal-3752478672-r1" x="390.4" y="68.8" textLength="36.6" clip-path="url(#terminal-3752478672-line-2)">Red</text><text class="terminal-3752478672-r3" x="439.2" y="68.8" textLength="85.4" clip-path="url(#terminal-3752478672-line-2)">Magenta</text><text class="terminal-3752478672-r1" x="536.8" y="68.8" textLength="36.6" clip-path="url(#terminal-3752478672-line-2)">Red</text><text class="terminal-3752478672-r3" x="585.6" y="68.8" textLength="85.4" clip-path="url(#terminal-3752478672-line-2)">Magenta</text><text class="terminal-3752478672-r1" x="683.2" y="68.8" textLength="36.6" clip-path="url(#terminal-3752478672-line-2)">Red</text><text class="terminal-3752478672-r3" x="732" y="68.8" textLength="85.4" clip-path="url(#terminal-3752478672-line-2)">Magenta</text><text class="terminal-3752478672-r1" x="829.6" y="68.8" textLength="36.6" clip-path="url(#terminal-3752478672-line-2)">Red</text><text class="terminal-3752478672-r6" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3752478672-line-2)">
</text><text class="terminal-3752478672-r7" x="0" y="93.2" textLength="976" clip-path="url(#terminal-3752478672-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3752478672-r6" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3752478672-line-3)">
</text><text class="terminal-3752478672-r6" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3752478672-line-4)">
</text><text class="terminal-3752478672-r9" x="24.4" y="142" textLength="12.2" clip-path="url(#terminal-3752478672-line-5)">🔎</text><text class="terminal-3752478672-r10" x="61" y="142" textLength="12.2" clip-path="url(#terminal-3752478672-line-5)">S</text><text class="terminal-3752478672-r11" x="73.2" y="142" textLength="231.8" clip-path="url(#terminal-3752478672-line-5)">earch&#160;for&#160;commands…</text><text class="terminal-3752478672-r6" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3752478672-line-5)">
</text><text class="terminal-3752478672-r6" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3752478672-line-6)">
</text><text class="terminal-3752478672-r6" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3752478672-line-7)">
</text><text class="terminal-3752478672-r4" x="0" y="215.2" textLength="976" clip-path="url(#terminal-3752478672-line-8)">&#160;&#160;Quit&#160;the&#160;application&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3752478672-r6" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3752478672-line-8)">
</text><text class="terminal-3752478672-r12" x="24.4" y="239.6" textLength="488" clip-path="url(#terminal-3752478672-line-9)">Quit&#160;the&#160;application&#160;as&#160;soon&#160;as&#160;possible</text><text class="terminal-3752478672-r6" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3752478672-line-9)">
</text><text class="terminal-3752478672-r4" x="0" y="264" textLength="976" clip-path="url(#terminal-3752478672-line-10)">&#160;&#160;Save&#160;screenshot&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3752478672-r6" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3752478672-line-10)">
</text><text class="terminal-3752478672-r12" x="24.4" y="288.4" textLength="561.2" clip-path="url(#terminal-3752478672-line-11)">Save&#160;an&#160;SVG&#160;&#x27;screenshot&#x27;&#160;of&#160;the&#160;current&#160;screen</text><text class="terminal-3752478672-r6" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3752478672-line-11)">
</text><text class="terminal-3752478672-r4" x="0" y="312.8" textLength="976" clip-path="url(#terminal-3752478672-line-12)">&#160;&#160;Show&#160;keys&#160;and&#160;help&#160;panel&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3752478672-r6" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3752478672-line-12)">
</text><text class="terminal-3752478672-r12" x="24.4" y="337.2" textLength="780.8" clip-path="url(#terminal-3752478672-line-13)">Show&#160;help&#160;for&#160;the&#160;focused&#160;widget&#160;and&#160;a&#160;summary&#160;of&#160;available&#160;keys</text><text class="terminal-3752478672-r6" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3752478672-line-13)">
</text><text class="terminal-3752478672-r7" x="0" y="361.6" textLength="976" clip-path="url(#terminal-3752478672-line-14)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-3752478672-r6" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3752478672-line-14)">
</text><text class="terminal-3752478672-r3" x="0" y="386" textLength="85.4" clip-path="url(#terminal-3752478672-line-15)">Magenta</text><text class="terminal-3752478672-r1" x="97.6" y="386" textLength="36.6" clip-path="url(#terminal-3752478672-line-15)">Red</text><text class="terminal-3752478672-r3" x="146.4" y="386" textLength="85.4" clip-path="url(#terminal-3752478672-line-15)">Magenta</text><text class="terminal-3752478672-r1" x="244" y="386" textLength="36.6" clip-path="url(#terminal-3752478672-line-15)">Red</text><text class="terminal-3752478672-r3" x="292.8" y="386" textLength="85.4" clip-path="url(#terminal-3752478672-line-15)">Magenta</text><text class="terminal-3752478672-r1" x="390.4" y="386" textLength="36.6" clip-path="url(#terminal-3752478672-line-15)">Red</text><text class="terminal-3752478672-r3" x="439.2" y="386" textLength="85.4" clip-path="url(#terminal-3752478672-line-15)">Magenta</text><text class="terminal-3752478672-r1" x="536.8" y="386" textLength="36.6" clip-path="url(#terminal-3752478672-line-15)">Red</text><text class="terminal-3752478672-r3" x="585.6" y="386" textLength="85.4" clip-path="url(#terminal-3752478672-line-15)">Magenta</text><text class="terminal-3752478672-r1" x="683.2" y="386" textLength="36.6" clip-path="url(#terminal-3752478672-line-15)">Red</text><text class="terminal-3752478672-r3" x="732" y="386" textLength="85.4" clip-path="url(#terminal-3752478672-line-15)">Magenta</text><text class="terminal-3752478672-r1" x="829.6" y="386" textLength="36.6" clip-path="url(#terminal-3752478672-line-15)">Red</text><text class="terminal-3752478672-r6" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3752478672-line-15)">
</text><text class="terminal-3752478672-r3" x="0" y="410.4" textLength="85.4" clip-path="url(#terminal-3752478672-line-16)">Magenta</text><text class="terminal-3752478672-r1" x="97.6" y="410.4" textLength="36.6" clip-path="url(#terminal-3752478672-line-16)">Red</text><text class="terminal-3752478672-r3" x="146.4" y="410.4" textLength="85.4" clip-path="url(#terminal-3752478672-line-16)">Magenta</text><text class="terminal-3752478672-r1" x="244" y="410.4" textLength="36.6" clip-path="url(#terminal-3752478672-line-16)">Red</text><text class="terminal-3752478672-r3" x="292.8" y="410.4" textLength="85.4" clip-path="url(#terminal-3752478672-line-16)">Magenta</text><text class="terminal-3752478672-r1" x="390.4" y="410.4" textLength="36.6" clip-path="url(#terminal-3752478672-line-16)">Red</text><text class="terminal-3752478672-r3" x="439.2" y="410.4" textLength="85.4" clip-path="url(#terminal-3752478672-line-16)">Magenta</text><text class="terminal-3752478672-r1" x="536.8" y="410.4" textLength="36.6" clip-path="url(#terminal-3752478672-line-16)">Red</text><text class="terminal-3752478672-r3" x="585.6" y="410.4" textLength="85.4" clip-path="url(#terminal-3752478672-line-16)">Magenta</text><text class="terminal-3752478672-r1" x="683.2" y="410.4" textLength="36.6" clip-path="url(#terminal-3752478672-line-16)">Red</text><text class="terminal-3752478672-r3" x="732" y="410.4" textLength="85.4" clip-path="url(#terminal-3752478672-line-16)">Magenta</text><text class="terminal-3752478672-r1" x="829.6" y="410.4" textLength="36.6" clip-path="url(#terminal-3752478672-line-16)">Red</text><text class="terminal-3752478672-r6" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3752478672-line-16)">
</text><text class="terminal-3752478672-r3" x="0" y="434.8" textLength="85.4" clip-path="url(#terminal-3752478672-line-17)">Magenta</text><text class="terminal-3752478672-r1" x="97.6" y="434.8" textLength="36.6" clip-path="url(#terminal-3752478672-line-17)">Red</text><text class="terminal-3752478672-r3" x="146.4" y="434.8" textLength="85.4" clip-path="url(#terminal-3752478672-line-17)">Magenta</text><text class="terminal-3752478672-r1" x="244" y="434.8" textLength="36.6" clip-path="url(#terminal-3752478672-line-17)">Red</text><text class="terminal-3752478672-r3" x="292.8" y="434.8" textLength="85.4" clip-path="url(#terminal-3752478672-line-17)">Magenta</text><text class="terminal-3752478672-r1" x="390.4" y="434.8" textLength="36.6" clip-path="url(#terminal-3752478672-line-17)">Red</text><text class="terminal-3752478672-r3" x="439.2" y="434.8" textLength="85.4" clip-path="url(#terminal-3752478672-line-17)">Magenta</text><text class="terminal-3752478672-r1" x="536.8" y="434.8" textLength="36.6" clip-path="url(#terminal-3752478672-line-17)">Red</text><text class="terminal-3752478672-r3" x="585.6" y="434.8" textLength="85.4" clip-path="url(#terminal-3752478672-line-17)">Magenta</text><text class="terminal-3752478672-r1" x="683.2" y="434.8" textLength="36.6" clip-path="url(#terminal-3752478672-line-17)">Red</text><text class="terminal-3752478672-r3" x="732" y="434.8" textLength="85.4" clip-path="url(#terminal-3752478672-line-17)">Magenta</text><text class="terminal-3752478672-r1" x="829.6" y="434.8" textLength="36.6" clip-path="url(#terminal-3752478672-line-17)">Red</text><text class="terminal-3752478672-r6" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3752478672-line-17)">
</text><text class="terminal-3752478672-r3" x="0" y="459.2" textLength="85.4" clip-path="url(#terminal-3752478672-line-18)">Magenta</text><text class="terminal-3752478672-r1" x="97.6" y="459.2" textLength="36.6" clip-path="url(#terminal-3752478672-line-18)">Red</text><text class="terminal-3752478672-r3" x="146.4" y="459.2" textLength="85.4" clip-path="url(#terminal-3752478672-line-18)">Magenta</text><text class="terminal-3752478672-r1" x="244" y="459.2" textLength="36.6" clip-path="url(#terminal-3752478672-line-18)">Red</text><text class="terminal-3752478672-r3" x="292.8" y="459.2" textLength="85.4" clip-path="url(#terminal-3752478672-line-18)">Magenta</text><text class="terminal-3752478672-r1" x="390.4" y="459.2" textLength="36.6" clip-path="url(#terminal-3752478672-line-18)">Red</text><text class="terminal-3752478672-r3" x="439.2" y="459.2" textLength="85.4" clip-path="url(#terminal-3752478672-line-18)">Magenta</text><text class="terminal-3752478672-r1" x="536.8" y="459.2" textLength="36.6" clip-path="url(#terminal-3752478672-line-18)">Red</text><text class="terminal-3752478672-r3" x="585.6" y="459.2" textLength="85.4" clip-path="url(#terminal-3752478672-line-18)">Magenta</text><text class="terminal-3752478672-r1" x="683.2" y="459.2" textLength="36.6" clip-path="url(#terminal-3752478672-line-18)">Red</text><text class="terminal-3752478672-r3" x="732" y="459.2" textLength="85.4" clip-path="url(#terminal-3752478672-line-18)">Magenta</text><text class="terminal-3752478672-r1" x="829.6" y="459.2" textLength="36.6" clip-path="url(#terminal-3752478672-line-18)">Red</text><text class="terminal-3752478672-r6" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3752478672-line-18)">
</text><text class="terminal-3752478672-r3" x="0" y="483.6" textLength="85.4" clip-path="url(#terminal-3752478672-line-19)">Magenta</text><text class="terminal-3752478672-r1" x="97.6" y="483.6" textLength="36.6" clip-path="url(#terminal-3752478672-line-19)">Red</text><text class="terminal-3752478672-r3" x="146.4" y="483.6" textLength="85.4" clip-path="url(#terminal-3752478672-line-19)">Magenta</text><text class="terminal-3752478672-r1" x="244" y="483.6" textLength="36.6" clip-path="url(#terminal-3752478672-line-19)">Red</text><text class="terminal-3752478672-r3" x="292.8" y="483.6" textLength="85.4" clip-path="url(#terminal-3752478672-line-19)">Magenta</text><text class="terminal-3752478672-r1" x="390.4" y="483.6" textLength="36.6" clip-path="url(#terminal-3752478672-line-19)">Red</text><text class="terminal-3752478672-r3" x="439.2" y="483.6" textLength="85.4" clip-path="url(#terminal-3752478672-line-19)">Magenta</text><text class="terminal-3752478672-r1" x="536.8" y="483.6" textLength="36.6" clip-path="url(#terminal-3752478672-line-19)">Red</text><text class="terminal-3752478672-r3" x="585.6" y="483.6" textLength="85.4" clip-path="url(#terminal-3752478672-line-19)">Magenta</text><text class="terminal-3752478672-r1" x="683.2" y="483.6" textLength="36.6" clip-path="url(#terminal-3752478672-line-19)">Red</text><text class="terminal-3752478672-r3" x="732" y="483.6" textLength="85.4" clip-path="url(#terminal-3752478672-line-19)">Magenta</text><text class="terminal-3752478672-r1" x="829.6" y="483.6" textLength="36.6" clip-path="url(#terminal-3752478672-line-19)">Red</text><text class="terminal-3752478672-r6" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3752478672-line-19)">
</text><text class="terminal-3752478672-r3" x="0" y="508" textLength="85.4" clip-path="url(#terminal-3752478672-line-20)">Magenta</text><text class="terminal-3752478672-r1" x="97.6" y="508" textLength="36.6" clip-path="url(#terminal-3752478672-line-20)">Red</text><text class="terminal-3752478672-r3" x="146.4" y="508" textLength="85.4" clip-path="url(#terminal-3752478672-line-20)">Magenta</text><text class="terminal-3752478672-r1" x="244" y="508" textLength="36.6" clip-path="url(#terminal-3752478672-line-20)">Red</text><text class="terminal-3752478672-r3" x="292.8" y="508" textLength="85.4" clip-path="url(#terminal-3752478672-line-20)">Magenta</text><text class="terminal-3752478672-r1" x="390.4" y="508" textLength="36.6" clip-path="url(#terminal-3752478672-line-20)">Red</text><text class="terminal-3752478672-r3" x="439.2" y="508" textLength="85.4" clip-path="url(#terminal-3752478672-line-20)">Magenta</text><text class="terminal-3752478672-r1" x="536.8" y="508" textLength="36.6" clip-path="url(#terminal-3752478672-line-20)">Red</text><text class="terminal-3752478672-r3" x="585.6" y="508" textLength="85.4" clip-path="url(#terminal-3752478672-line-20)">Magenta</text><text class="terminal-3752478672-r1" x="683.2" y="508" textLength="36.6" clip-path="url(#terminal-3752478672-line-20)">Red</text><text class="terminal-3752478672-r3" x="732" y="508" textLength="85.4" clip-path="url(#terminal-3752478672-line-20)">Magenta</text><text class="terminal-3752478672-r1" x="829.6" y="508" textLength="36.6" clip-path="url(#terminal-3752478672-line-20)">Red</text><text class="terminal-3752478672-r6" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3752478672-line-20)">
</text><text class="terminal-3752478672-r3" x="0" y="532.4" textLength="85.4" clip-path="url(#terminal-3752478672-line-21)">Magenta</text><text class="terminal-3752478672-r1" x="97.6" y="532.4" textLength="36.6" clip-path="url(#terminal-3752478672-line-21)">Red</text><text class="terminal-3752478672-r3" x="146.4" y="532.4" textLength="85.4" clip-path="url(#terminal-3752478672-line-21)">Magenta</text><text class="terminal-3752478672-r1" x="244" y="532.4" textLength="36.6" clip-path="url(#terminal-3752478672-line-21)">Red</text><text class="terminal-3752478672-r3" x="292.8" y="532.4" textLength="85.4" clip-path="url(#terminal-3752478672-line-21)">Magenta</text><text class="terminal-3752478672-r1" x="390.4" y="532.4" textLength="36.6" clip-path="url(#terminal-3752478672-line-21)">Red</text><text class="terminal-3752478672-r3" x="439.2" y="532.4" textLength="85.4" clip-path="url(#terminal-3752478672-line-21)">Magenta</text><text class="terminal-3752478672-r1" x="536.8" y="532.4" textLength="36.6" clip-path="url(#terminal-3752478672-line-21)">Red</text><text class="terminal-3752478672-r3" x="585.6" y="532.4" textLength="85.4" clip-path="url(#terminal-3752478672-line-21)">Magenta</text><text class="terminal-3752478672-r1" x="683.2" y="532.4" textLength="36.6" clip-path="url(#terminal-3752478672-line-21)">Red</text><text class="terminal-3752478672-r3" x="732" y="532.4" textLength="85.4" clip-path="url(#terminal-3752478672-line-21)">Magenta</text><text class="terminal-3752478672-r1" x="829.6" y="532.4" textLength="36.6" clip-path="url(#terminal-3752478672-line-21)">Red</text><text class="terminal-3752478672-r6" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3752478672-line-21)">
</text><text class="terminal-3752478672-r3" x="0" y="556.8" textLength="85.4" clip-path="url(#terminal-3752478672-line-22)">Magenta</text><text class="terminal-3752478672-r1" x="97.6" y="556.8" textLength="36.6" clip-path="url(#terminal-3752478672-line-22)">Red</text><text class="terminal-3752478672-r3" x="146.4" y="556.8" textLength="85.4" clip-path="url(#terminal-3752478672-line-22)">Magenta</text><text class="terminal-3752478672-r1" x="244" y="556.8" textLength="36.6" clip-path="url(#terminal-3752478672-line-22)">Red</text><text class="terminal-3752478672-r3" x="292.8" y="556.8" textLength="85.4" clip-path="url(#terminal-3752478672-line-22)">Magenta</text><text class="terminal-3752478672-r1" x="390.4" y="556.8" textLength="36.6" clip-path="url(#terminal-3752478672-line-22)">Red</text><text class="terminal-3752478672-r3" x="439.2" y="556.8" textLength="85.4" clip-path="url(#terminal-3752478672-line-22)">Magenta</text><text class="terminal-3752478672-r1" x="536.8" y="556.8" textLength="36.6" clip-path="url(#terminal-3752478672-line-22)">Red</text><text class="terminal-3752478672-r3" x="585.6" y="556.8" textLength="85.4" clip-path="url(#terminal-3752478672-line-22)">Magenta</text><text class="terminal-3752478672-r1" x="683.2" y="556.8" textLength="36.6" clip-path="url(#terminal-3752478672-line-22)">Red</text><text class="terminal-3752478672-r3" x="732" y="556.8" textLength="85.4" clip-path="url(#terminal-3752478672-line-22)">Magenta</text><text class="terminal-3752478672-r1" x="829.6" y="556.8" textLength="36.6" clip-path="url(#terminal-3752478672-line-22)">Red</text><text class="terminal-3752478672-r6" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3752478672-line-22)">
</text><text class="terminal-3752478672-r3" x="0" y="581.2" textLength="85.4" clip-path="url(#terminal-3752478672-line-23)">Magenta</text><text class="terminal-3752478672-r1" x="97.6" y="581.2" textLength="36.6" clip-path="url(#terminal-3752478672-line-23)">Red</text><text class="terminal-3752478672-r3" x="146.4" y="581.2" textLength="85.4" clip-path="url(#terminal-3752478672-line-23)">Magenta</text><text class="terminal-3752478672-r1" x="244" y="581.2" textLength="36.6" clip-path="url(#terminal-3752478672-line-23)">Red</text><text class="terminal-3752478672-r3" x="292.8" y="581.2" textLength="85.4" clip-path="url(#terminal-3752478672-line-23)">Magenta</text><text class="terminal-3752478672-r1" x="390.4" y="581.2" textLength="36.6" clip-path="url(#terminal-3752478672-line-23)">Red</text><text class="terminal-3752478672-r3" x="439.2" y="581.2" textLength="85.4" clip-path="url(#terminal-3752478672-line-23)">Magenta</text><text class="terminal-3752478672-r1" x="536.8" y="581.2" textLength="36.6" clip-path="url(#terminal-3752478672-line-23)">Red</text><text class="terminal-3752478672-r3" x="585.6" y="581.2" textLength="85.4" clip-path="url(#terminal-3752478672-line-23)">Magenta</text><text class="terminal-3752478672-r1" x="683.2" y="581.2" textLength="36.6" clip-path="url(#terminal-3752478672-line-23)">Red</text><text class="terminal-3752478672-r3" x="732" y="581.2" textLength="85.4" clip-path="url(#terminal-3752478672-line-23)">Magenta</text><text class="terminal-3752478672-r1" x="829.6" y="581.2" textLength="36.6" clip-path="url(#terminal-3752478672-line-23)">Red</text>
<g class="terminal-1290172786-matrix">
<text class="terminal-1290172786-r1" x="0" y="20" textLength="36.6" clip-path="url(#terminal-1290172786-line-0)">Red</text><text class="terminal-1290172786-r3" x="48.8" y="20" textLength="85.4" clip-path="url(#terminal-1290172786-line-0)">Magenta</text><text class="terminal-1290172786-r1" x="146.4" y="20" textLength="36.6" clip-path="url(#terminal-1290172786-line-0)">Red</text><text class="terminal-1290172786-r3" x="195.2" y="20" textLength="85.4" clip-path="url(#terminal-1290172786-line-0)">Magenta</text><text class="terminal-1290172786-r1" x="292.8" y="20" textLength="36.6" clip-path="url(#terminal-1290172786-line-0)">Red</text><text class="terminal-1290172786-r3" x="341.6" y="20" textLength="85.4" clip-path="url(#terminal-1290172786-line-0)">Magenta</text><text class="terminal-1290172786-r1" x="439.2" y="20" textLength="36.6" clip-path="url(#terminal-1290172786-line-0)">Red</text><text class="terminal-1290172786-r3" x="488" y="20" textLength="85.4" clip-path="url(#terminal-1290172786-line-0)">Magenta</text><text class="terminal-1290172786-r1" x="585.6" y="20" textLength="36.6" clip-path="url(#terminal-1290172786-line-0)">Red</text><text class="terminal-1290172786-r3" x="634.4" y="20" textLength="85.4" clip-path="url(#terminal-1290172786-line-0)">Magenta</text><text class="terminal-1290172786-r1" x="732" y="20" textLength="36.6" clip-path="url(#terminal-1290172786-line-0)">Red</text><text class="terminal-1290172786-r3" x="780.8" y="20" textLength="85.4" clip-path="url(#terminal-1290172786-line-0)">Magenta</text><text class="terminal-1290172786-r1" x="878.4" y="20" textLength="36.6" clip-path="url(#terminal-1290172786-line-0)">Red</text><text class="terminal-1290172786-r6" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1290172786-line-0)">
</text><text class="terminal-1290172786-r3" x="0" y="44.4" textLength="85.4" clip-path="url(#terminal-1290172786-line-1)">Magenta</text><text class="terminal-1290172786-r1" x="97.6" y="44.4" textLength="36.6" clip-path="url(#terminal-1290172786-line-1)">Red</text><text class="terminal-1290172786-r3" x="146.4" y="44.4" textLength="85.4" clip-path="url(#terminal-1290172786-line-1)">Magenta</text><text class="terminal-1290172786-r1" x="244" y="44.4" textLength="36.6" clip-path="url(#terminal-1290172786-line-1)">Red</text><text class="terminal-1290172786-r3" x="292.8" y="44.4" textLength="85.4" clip-path="url(#terminal-1290172786-line-1)">Magenta</text><text class="terminal-1290172786-r1" x="390.4" y="44.4" textLength="36.6" clip-path="url(#terminal-1290172786-line-1)">Red</text><text class="terminal-1290172786-r3" x="439.2" y="44.4" textLength="85.4" clip-path="url(#terminal-1290172786-line-1)">Magenta</text><text class="terminal-1290172786-r1" x="536.8" y="44.4" textLength="36.6" clip-path="url(#terminal-1290172786-line-1)">Red</text><text class="terminal-1290172786-r3" x="585.6" y="44.4" textLength="85.4" clip-path="url(#terminal-1290172786-line-1)">Magenta</text><text class="terminal-1290172786-r1" x="683.2" y="44.4" textLength="36.6" clip-path="url(#terminal-1290172786-line-1)">Red</text><text class="terminal-1290172786-r3" x="732" y="44.4" textLength="85.4" clip-path="url(#terminal-1290172786-line-1)">Magenta</text><text class="terminal-1290172786-r1" x="829.6" y="44.4" textLength="36.6" clip-path="url(#terminal-1290172786-line-1)">Red</text><text class="terminal-1290172786-r6" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1290172786-line-1)">
</text><text class="terminal-1290172786-r3" x="0" y="68.8" textLength="85.4" clip-path="url(#terminal-1290172786-line-2)">Magenta</text><text class="terminal-1290172786-r1" x="97.6" y="68.8" textLength="36.6" clip-path="url(#terminal-1290172786-line-2)">Red</text><text class="terminal-1290172786-r3" x="146.4" y="68.8" textLength="85.4" clip-path="url(#terminal-1290172786-line-2)">Magenta</text><text class="terminal-1290172786-r1" x="244" y="68.8" textLength="36.6" clip-path="url(#terminal-1290172786-line-2)">Red</text><text class="terminal-1290172786-r3" x="292.8" y="68.8" textLength="85.4" clip-path="url(#terminal-1290172786-line-2)">Magenta</text><text class="terminal-1290172786-r1" x="390.4" y="68.8" textLength="36.6" clip-path="url(#terminal-1290172786-line-2)">Red</text><text class="terminal-1290172786-r3" x="439.2" y="68.8" textLength="85.4" clip-path="url(#terminal-1290172786-line-2)">Magenta</text><text class="terminal-1290172786-r1" x="536.8" y="68.8" textLength="36.6" clip-path="url(#terminal-1290172786-line-2)">Red</text><text class="terminal-1290172786-r3" x="585.6" y="68.8" textLength="85.4" clip-path="url(#terminal-1290172786-line-2)">Magenta</text><text class="terminal-1290172786-r1" x="683.2" y="68.8" textLength="36.6" clip-path="url(#terminal-1290172786-line-2)">Red</text><text class="terminal-1290172786-r3" x="732" y="68.8" textLength="85.4" clip-path="url(#terminal-1290172786-line-2)">Magenta</text><text class="terminal-1290172786-r1" x="829.6" y="68.8" textLength="36.6" clip-path="url(#terminal-1290172786-line-2)">Red</text><text class="terminal-1290172786-r6" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1290172786-line-2)">
</text><text class="terminal-1290172786-r7" x="0" y="93.2" textLength="976" clip-path="url(#terminal-1290172786-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1290172786-r6" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1290172786-line-3)">
</text><text class="terminal-1290172786-r6" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1290172786-line-4)">
</text><text class="terminal-1290172786-r9" x="24.4" y="142" textLength="12.2" clip-path="url(#terminal-1290172786-line-5)">🔎</text><text class="terminal-1290172786-r10" x="61" y="142" textLength="12.2" clip-path="url(#terminal-1290172786-line-5)">S</text><text class="terminal-1290172786-r11" x="73.2" y="142" textLength="231.8" clip-path="url(#terminal-1290172786-line-5)">earch&#160;for&#160;commands…</text><text class="terminal-1290172786-r6" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1290172786-line-5)">
</text><text class="terminal-1290172786-r6" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1290172786-line-6)">
</text><text class="terminal-1290172786-r6" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1290172786-line-7)">
</text><text class="terminal-1290172786-r4" x="0" y="215.2" textLength="976" clip-path="url(#terminal-1290172786-line-8)">&#160;&#160;Quit&#160;the&#160;application&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1290172786-r6" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1290172786-line-8)">
</text><text class="terminal-1290172786-r12" x="24.4" y="239.6" textLength="488" clip-path="url(#terminal-1290172786-line-9)">Quit&#160;the&#160;application&#160;as&#160;soon&#160;as&#160;possible</text><text class="terminal-1290172786-r6" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1290172786-line-9)">
</text><text class="terminal-1290172786-r4" x="0" y="264" textLength="976" clip-path="url(#terminal-1290172786-line-10)">&#160;&#160;Save&#160;screenshot&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1290172786-r6" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1290172786-line-10)">
</text><text class="terminal-1290172786-r12" x="24.4" y="288.4" textLength="561.2" clip-path="url(#terminal-1290172786-line-11)">Save&#160;an&#160;SVG&#160;&#x27;screenshot&#x27;&#160;of&#160;the&#160;current&#160;screen</text><text class="terminal-1290172786-r6" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1290172786-line-11)">
</text><text class="terminal-1290172786-r4" x="0" y="312.8" textLength="976" clip-path="url(#terminal-1290172786-line-12)">&#160;&#160;Show&#160;keys&#160;and&#160;help&#160;panel&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1290172786-r6" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1290172786-line-12)">
</text><text class="terminal-1290172786-r12" x="24.4" y="337.2" textLength="780.8" clip-path="url(#terminal-1290172786-line-13)">Show&#160;help&#160;for&#160;the&#160;focused&#160;widget&#160;and&#160;a&#160;summary&#160;of&#160;available&#160;keys</text><text class="terminal-1290172786-r6" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1290172786-line-13)">
</text><text class="terminal-1290172786-r7" x="0" y="361.6" textLength="976" clip-path="url(#terminal-1290172786-line-14)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1290172786-r6" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1290172786-line-14)">
</text><text class="terminal-1290172786-r3" x="0" y="386" textLength="85.4" clip-path="url(#terminal-1290172786-line-15)">Magenta</text><text class="terminal-1290172786-r1" x="97.6" y="386" textLength="36.6" clip-path="url(#terminal-1290172786-line-15)">Red</text><text class="terminal-1290172786-r3" x="146.4" y="386" textLength="85.4" clip-path="url(#terminal-1290172786-line-15)">Magenta</text><text class="terminal-1290172786-r1" x="244" y="386" textLength="36.6" clip-path="url(#terminal-1290172786-line-15)">Red</text><text class="terminal-1290172786-r3" x="292.8" y="386" textLength="85.4" clip-path="url(#terminal-1290172786-line-15)">Magenta</text><text class="terminal-1290172786-r1" x="390.4" y="386" textLength="36.6" clip-path="url(#terminal-1290172786-line-15)">Red</text><text class="terminal-1290172786-r3" x="439.2" y="386" textLength="85.4" clip-path="url(#terminal-1290172786-line-15)">Magenta</text><text class="terminal-1290172786-r1" x="536.8" y="386" textLength="36.6" clip-path="url(#terminal-1290172786-line-15)">Red</text><text class="terminal-1290172786-r3" x="585.6" y="386" textLength="85.4" clip-path="url(#terminal-1290172786-line-15)">Magenta</text><text class="terminal-1290172786-r1" x="683.2" y="386" textLength="36.6" clip-path="url(#terminal-1290172786-line-15)">Red</text><text class="terminal-1290172786-r3" x="732" y="386" textLength="85.4" clip-path="url(#terminal-1290172786-line-15)">Magenta</text><text class="terminal-1290172786-r1" x="829.6" y="386" textLength="36.6" clip-path="url(#terminal-1290172786-line-15)">Red</text><text class="terminal-1290172786-r6" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1290172786-line-15)">
</text><text class="terminal-1290172786-r3" x="0" y="410.4" textLength="85.4" clip-path="url(#terminal-1290172786-line-16)">Magenta</text><text class="terminal-1290172786-r1" x="97.6" y="410.4" textLength="36.6" clip-path="url(#terminal-1290172786-line-16)">Red</text><text class="terminal-1290172786-r3" x="146.4" y="410.4" textLength="85.4" clip-path="url(#terminal-1290172786-line-16)">Magenta</text><text class="terminal-1290172786-r1" x="244" y="410.4" textLength="36.6" clip-path="url(#terminal-1290172786-line-16)">Red</text><text class="terminal-1290172786-r3" x="292.8" y="410.4" textLength="85.4" clip-path="url(#terminal-1290172786-line-16)">Magenta</text><text class="terminal-1290172786-r1" x="390.4" y="410.4" textLength="36.6" clip-path="url(#terminal-1290172786-line-16)">Red</text><text class="terminal-1290172786-r3" x="439.2" y="410.4" textLength="85.4" clip-path="url(#terminal-1290172786-line-16)">Magenta</text><text class="terminal-1290172786-r1" x="536.8" y="410.4" textLength="36.6" clip-path="url(#terminal-1290172786-line-16)">Red</text><text class="terminal-1290172786-r3" x="585.6" y="410.4" textLength="85.4" clip-path="url(#terminal-1290172786-line-16)">Magenta</text><text class="terminal-1290172786-r1" x="683.2" y="410.4" textLength="36.6" clip-path="url(#terminal-1290172786-line-16)">Red</text><text class="terminal-1290172786-r3" x="732" y="410.4" textLength="85.4" clip-path="url(#terminal-1290172786-line-16)">Magenta</text><text class="terminal-1290172786-r1" x="829.6" y="410.4" textLength="36.6" clip-path="url(#terminal-1290172786-line-16)">Red</text><text class="terminal-1290172786-r6" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1290172786-line-16)">
</text><text class="terminal-1290172786-r3" x="0" y="434.8" textLength="85.4" clip-path="url(#terminal-1290172786-line-17)">Magenta</text><text class="terminal-1290172786-r1" x="97.6" y="434.8" textLength="36.6" clip-path="url(#terminal-1290172786-line-17)">Red</text><text class="terminal-1290172786-r3" x="146.4" y="434.8" textLength="85.4" clip-path="url(#terminal-1290172786-line-17)">Magenta</text><text class="terminal-1290172786-r1" x="244" y="434.8" textLength="36.6" clip-path="url(#terminal-1290172786-line-17)">Red</text><text class="terminal-1290172786-r3" x="292.8" y="434.8" textLength="85.4" clip-path="url(#terminal-1290172786-line-17)">Magenta</text><text class="terminal-1290172786-r1" x="390.4" y="434.8" textLength="36.6" clip-path="url(#terminal-1290172786-line-17)">Red</text><text class="terminal-1290172786-r3" x="439.2" y="434.8" textLength="85.4" clip-path="url(#terminal-1290172786-line-17)">Magenta</text><text class="terminal-1290172786-r1" x="536.8" y="434.8" textLength="36.6" clip-path="url(#terminal-1290172786-line-17)">Red</text><text class="terminal-1290172786-r3" x="585.6" y="434.8" textLength="85.4" clip-path="url(#terminal-1290172786-line-17)">Magenta</text><text class="terminal-1290172786-r1" x="683.2" y="434.8" textLength="36.6" clip-path="url(#terminal-1290172786-line-17)">Red</text><text class="terminal-1290172786-r3" x="732" y="434.8" textLength="85.4" clip-path="url(#terminal-1290172786-line-17)">Magenta</text><text class="terminal-1290172786-r1" x="829.6" y="434.8" textLength="36.6" clip-path="url(#terminal-1290172786-line-17)">Red</text><text class="terminal-1290172786-r6" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1290172786-line-17)">
</text><text class="terminal-1290172786-r3" x="0" y="459.2" textLength="85.4" clip-path="url(#terminal-1290172786-line-18)">Magenta</text><text class="terminal-1290172786-r1" x="97.6" y="459.2" textLength="36.6" clip-path="url(#terminal-1290172786-line-18)">Red</text><text class="terminal-1290172786-r3" x="146.4" y="459.2" textLength="85.4" clip-path="url(#terminal-1290172786-line-18)">Magenta</text><text class="terminal-1290172786-r1" x="244" y="459.2" textLength="36.6" clip-path="url(#terminal-1290172786-line-18)">Red</text><text class="terminal-1290172786-r3" x="292.8" y="459.2" textLength="85.4" clip-path="url(#terminal-1290172786-line-18)">Magenta</text><text class="terminal-1290172786-r1" x="390.4" y="459.2" textLength="36.6" clip-path="url(#terminal-1290172786-line-18)">Red</text><text class="terminal-1290172786-r3" x="439.2" y="459.2" textLength="85.4" clip-path="url(#terminal-1290172786-line-18)">Magenta</text><text class="terminal-1290172786-r1" x="536.8" y="459.2" textLength="36.6" clip-path="url(#terminal-1290172786-line-18)">Red</text><text class="terminal-1290172786-r3" x="585.6" y="459.2" textLength="85.4" clip-path="url(#terminal-1290172786-line-18)">Magenta</text><text class="terminal-1290172786-r1" x="683.2" y="459.2" textLength="36.6" clip-path="url(#terminal-1290172786-line-18)">Red</text><text class="terminal-1290172786-r3" x="732" y="459.2" textLength="85.4" clip-path="url(#terminal-1290172786-line-18)">Magenta</text><text class="terminal-1290172786-r1" x="829.6" y="459.2" textLength="36.6" clip-path="url(#terminal-1290172786-line-18)">Red</text><text class="terminal-1290172786-r6" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1290172786-line-18)">
</text><text class="terminal-1290172786-r3" x="0" y="483.6" textLength="85.4" clip-path="url(#terminal-1290172786-line-19)">Magenta</text><text class="terminal-1290172786-r1" x="97.6" y="483.6" textLength="36.6" clip-path="url(#terminal-1290172786-line-19)">Red</text><text class="terminal-1290172786-r3" x="146.4" y="483.6" textLength="85.4" clip-path="url(#terminal-1290172786-line-19)">Magenta</text><text class="terminal-1290172786-r1" x="244" y="483.6" textLength="36.6" clip-path="url(#terminal-1290172786-line-19)">Red</text><text class="terminal-1290172786-r3" x="292.8" y="483.6" textLength="85.4" clip-path="url(#terminal-1290172786-line-19)">Magenta</text><text class="terminal-1290172786-r1" x="390.4" y="483.6" textLength="36.6" clip-path="url(#terminal-1290172786-line-19)">Red</text><text class="terminal-1290172786-r3" x="439.2" y="483.6" textLength="85.4" clip-path="url(#terminal-1290172786-line-19)">Magenta</text><text class="terminal-1290172786-r1" x="536.8" y="483.6" textLength="36.6" clip-path="url(#terminal-1290172786-line-19)">Red</text><text class="terminal-1290172786-r3" x="585.6" y="483.6" textLength="85.4" clip-path="url(#terminal-1290172786-line-19)">Magenta</text><text class="terminal-1290172786-r1" x="683.2" y="483.6" textLength="36.6" clip-path="url(#terminal-1290172786-line-19)">Red</text><text class="terminal-1290172786-r3" x="732" y="483.6" textLength="85.4" clip-path="url(#terminal-1290172786-line-19)">Magenta</text><text class="terminal-1290172786-r1" x="829.6" y="483.6" textLength="36.6" clip-path="url(#terminal-1290172786-line-19)">Red</text><text class="terminal-1290172786-r6" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1290172786-line-19)">
</text><text class="terminal-1290172786-r3" x="0" y="508" textLength="85.4" clip-path="url(#terminal-1290172786-line-20)">Magenta</text><text class="terminal-1290172786-r1" x="97.6" y="508" textLength="36.6" clip-path="url(#terminal-1290172786-line-20)">Red</text><text class="terminal-1290172786-r3" x="146.4" y="508" textLength="85.4" clip-path="url(#terminal-1290172786-line-20)">Magenta</text><text class="terminal-1290172786-r1" x="244" y="508" textLength="36.6" clip-path="url(#terminal-1290172786-line-20)">Red</text><text class="terminal-1290172786-r3" x="292.8" y="508" textLength="85.4" clip-path="url(#terminal-1290172786-line-20)">Magenta</text><text class="terminal-1290172786-r1" x="390.4" y="508" textLength="36.6" clip-path="url(#terminal-1290172786-line-20)">Red</text><text class="terminal-1290172786-r3" x="439.2" y="508" textLength="85.4" clip-path="url(#terminal-1290172786-line-20)">Magenta</text><text class="terminal-1290172786-r1" x="536.8" y="508" textLength="36.6" clip-path="url(#terminal-1290172786-line-20)">Red</text><text class="terminal-1290172786-r3" x="585.6" y="508" textLength="85.4" clip-path="url(#terminal-1290172786-line-20)">Magenta</text><text class="terminal-1290172786-r1" x="683.2" y="508" textLength="36.6" clip-path="url(#terminal-1290172786-line-20)">Red</text><text class="terminal-1290172786-r3" x="732" y="508" textLength="85.4" clip-path="url(#terminal-1290172786-line-20)">Magenta</text><text class="terminal-1290172786-r1" x="829.6" y="508" textLength="36.6" clip-path="url(#terminal-1290172786-line-20)">Red</text><text class="terminal-1290172786-r6" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1290172786-line-20)">
</text><text class="terminal-1290172786-r3" x="0" y="532.4" textLength="85.4" clip-path="url(#terminal-1290172786-line-21)">Magenta</text><text class="terminal-1290172786-r1" x="97.6" y="532.4" textLength="36.6" clip-path="url(#terminal-1290172786-line-21)">Red</text><text class="terminal-1290172786-r3" x="146.4" y="532.4" textLength="85.4" clip-path="url(#terminal-1290172786-line-21)">Magenta</text><text class="terminal-1290172786-r1" x="244" y="532.4" textLength="36.6" clip-path="url(#terminal-1290172786-line-21)">Red</text><text class="terminal-1290172786-r3" x="292.8" y="532.4" textLength="85.4" clip-path="url(#terminal-1290172786-line-21)">Magenta</text><text class="terminal-1290172786-r1" x="390.4" y="532.4" textLength="36.6" clip-path="url(#terminal-1290172786-line-21)">Red</text><text class="terminal-1290172786-r3" x="439.2" y="532.4" textLength="85.4" clip-path="url(#terminal-1290172786-line-21)">Magenta</text><text class="terminal-1290172786-r1" x="536.8" y="532.4" textLength="36.6" clip-path="url(#terminal-1290172786-line-21)">Red</text><text class="terminal-1290172786-r3" x="585.6" y="532.4" textLength="85.4" clip-path="url(#terminal-1290172786-line-21)">Magenta</text><text class="terminal-1290172786-r1" x="683.2" y="532.4" textLength="36.6" clip-path="url(#terminal-1290172786-line-21)">Red</text><text class="terminal-1290172786-r3" x="732" y="532.4" textLength="85.4" clip-path="url(#terminal-1290172786-line-21)">Magenta</text><text class="terminal-1290172786-r1" x="829.6" y="532.4" textLength="36.6" clip-path="url(#terminal-1290172786-line-21)">Red</text><text class="terminal-1290172786-r6" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1290172786-line-21)">
</text><text class="terminal-1290172786-r3" x="0" y="556.8" textLength="85.4" clip-path="url(#terminal-1290172786-line-22)">Magenta</text><text class="terminal-1290172786-r1" x="97.6" y="556.8" textLength="36.6" clip-path="url(#terminal-1290172786-line-22)">Red</text><text class="terminal-1290172786-r3" x="146.4" y="556.8" textLength="85.4" clip-path="url(#terminal-1290172786-line-22)">Magenta</text><text class="terminal-1290172786-r1" x="244" y="556.8" textLength="36.6" clip-path="url(#terminal-1290172786-line-22)">Red</text><text class="terminal-1290172786-r3" x="292.8" y="556.8" textLength="85.4" clip-path="url(#terminal-1290172786-line-22)">Magenta</text><text class="terminal-1290172786-r1" x="390.4" y="556.8" textLength="36.6" clip-path="url(#terminal-1290172786-line-22)">Red</text><text class="terminal-1290172786-r3" x="439.2" y="556.8" textLength="85.4" clip-path="url(#terminal-1290172786-line-22)">Magenta</text><text class="terminal-1290172786-r1" x="536.8" y="556.8" textLength="36.6" clip-path="url(#terminal-1290172786-line-22)">Red</text><text class="terminal-1290172786-r3" x="585.6" y="556.8" textLength="85.4" clip-path="url(#terminal-1290172786-line-22)">Magenta</text><text class="terminal-1290172786-r1" x="683.2" y="556.8" textLength="36.6" clip-path="url(#terminal-1290172786-line-22)">Red</text><text class="terminal-1290172786-r3" x="732" y="556.8" textLength="85.4" clip-path="url(#terminal-1290172786-line-22)">Magenta</text><text class="terminal-1290172786-r1" x="829.6" y="556.8" textLength="36.6" clip-path="url(#terminal-1290172786-line-22)">Red</text><text class="terminal-1290172786-r6" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1290172786-line-22)">
</text><text class="terminal-1290172786-r3" x="0" y="581.2" textLength="85.4" clip-path="url(#terminal-1290172786-line-23)">Magenta</text><text class="terminal-1290172786-r1" x="97.6" y="581.2" textLength="36.6" clip-path="url(#terminal-1290172786-line-23)">Red</text><text class="terminal-1290172786-r3" x="146.4" y="581.2" textLength="85.4" clip-path="url(#terminal-1290172786-line-23)">Magenta</text><text class="terminal-1290172786-r1" x="244" y="581.2" textLength="36.6" clip-path="url(#terminal-1290172786-line-23)">Red</text><text class="terminal-1290172786-r3" x="292.8" y="581.2" textLength="85.4" clip-path="url(#terminal-1290172786-line-23)">Magenta</text><text class="terminal-1290172786-r1" x="390.4" y="581.2" textLength="36.6" clip-path="url(#terminal-1290172786-line-23)">Red</text><text class="terminal-1290172786-r3" x="439.2" y="581.2" textLength="85.4" clip-path="url(#terminal-1290172786-line-23)">Magenta</text><text class="terminal-1290172786-r1" x="536.8" y="581.2" textLength="36.6" clip-path="url(#terminal-1290172786-line-23)">Red</text><text class="terminal-1290172786-r3" x="585.6" y="581.2" textLength="85.4" clip-path="url(#terminal-1290172786-line-23)">Magenta</text><text class="terminal-1290172786-r1" x="683.2" y="581.2" textLength="36.6" clip-path="url(#terminal-1290172786-line-23)">Red</text><text class="terminal-1290172786-r3" x="732" y="581.2" textLength="85.4" clip-path="url(#terminal-1290172786-line-23)">Magenta</text><text class="terminal-1290172786-r1" x="829.6" y="581.2" textLength="36.6" clip-path="url(#terminal-1290172786-line-23)">Red</text>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

111
tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[box_sizing.py].svg
View File

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

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

113
tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[margin.py].svg
View File

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

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

113
tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[outline.py].svg
View File

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

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

119
tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[overflow.py].svg
View File

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

Before

Width:  |  Height:  |  Size: 51 KiB

After

Width:  |  Height:  |  Size: 51 KiB

109
tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[padding.py].svg
View File

@@ -19,132 +19,131 @@
font-weight: 700;
}
.terminal-1499970960-matrix {
.terminal-1142797465-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-1499970960-title {
.terminal-1142797465-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-1499970960-r1 { fill: #c5c8c6 }
.terminal-1499970960-r2 { fill: #e0e0e0 }
.terminal-1499970960-r3 { fill: #0000ff }
.terminal-1142797465-r1 { fill: #c5c8c6 }
.terminal-1142797465-r2 { fill: #0000ff }
</style>
<defs>
<clipPath id="terminal-1499970960-clip-terminal">
<clipPath id="terminal-1142797465-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-1499970960-line-0">
<clipPath id="terminal-1142797465-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-1">
<clipPath id="terminal-1142797465-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-2">
<clipPath id="terminal-1142797465-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-3">
<clipPath id="terminal-1142797465-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-4">
<clipPath id="terminal-1142797465-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-5">
<clipPath id="terminal-1142797465-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-6">
<clipPath id="terminal-1142797465-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-7">
<clipPath id="terminal-1142797465-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-8">
<clipPath id="terminal-1142797465-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-9">
<clipPath id="terminal-1142797465-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-10">
<clipPath id="terminal-1142797465-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-11">
<clipPath id="terminal-1142797465-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-12">
<clipPath id="terminal-1142797465-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-13">
<clipPath id="terminal-1142797465-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-14">
<clipPath id="terminal-1142797465-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-15">
<clipPath id="terminal-1142797465-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-16">
<clipPath id="terminal-1142797465-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-17">
<clipPath id="terminal-1142797465-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-18">
<clipPath id="terminal-1142797465-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-19">
<clipPath id="terminal-1142797465-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-20">
<clipPath id="terminal-1142797465-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-21">
<clipPath id="terminal-1142797465-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1499970960-line-22">
<clipPath id="terminal-1142797465-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1499970960-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">PaddingApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1142797465-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">PaddingApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-1499970960-clip-terminal)">
<g transform="translate(9, 41)" clip-path="url(#terminal-1142797465-clip-terminal)">
<rect fill="#ccccff" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="99.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="292.8" y="99.1" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="123.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="390.4" y="123.5" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="147.9" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="780.8" y="147.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="172.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="172.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="341.6" y="172.3" width="634.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="196.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="196.7" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="683.2" y="196.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="221.1" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="878.4" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="245.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="245.5" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="158.6" y="245.5" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="269.9" width="719.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="817.4" y="269.9" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="294.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="97.6" y="294.3" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="183" y="294.3" width="793" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ccccff" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#ffffff" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1499970960-matrix">
<text class="terminal-1499970960-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1499970960-line-0)">
</text><text class="terminal-1499970960-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1499970960-line-1)">
</text><text class="terminal-1499970960-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1499970960-line-2)">
</text><text class="terminal-1499970960-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1499970960-line-3)">
</text><text class="terminal-1499970960-r2" x="97.6" y="117.6" textLength="195.2" clip-path="url(#terminal-1499970960-line-4)">I&#160;must&#160;not&#160;fear.</text><text class="terminal-1499970960-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1499970960-line-4)">
</text><text class="terminal-1499970960-r2" x="97.6" y="142" textLength="292.8" clip-path="url(#terminal-1499970960-line-5)">Fear&#160;is&#160;the&#160;mind-killer.</text><text class="terminal-1499970960-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1499970960-line-5)">
</text><text class="terminal-1499970960-r2" x="97.6" y="166.4" textLength="683.2" clip-path="url(#terminal-1499970960-line-6)">Fear&#160;is&#160;the&#160;little-death&#160;that&#160;brings&#160;total&#160;obliteration.</text><text class="terminal-1499970960-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1499970960-line-6)">
</text><text class="terminal-1499970960-r2" x="97.6" y="190.8" textLength="244" clip-path="url(#terminal-1499970960-line-7)">I&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-1499970960-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1499970960-line-7)">
</text><text class="terminal-1499970960-r2" x="97.6" y="215.2" textLength="585.6" clip-path="url(#terminal-1499970960-line-8)">I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;over&#160;me&#160;and&#160;through&#160;me.</text><text class="terminal-1499970960-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1499970960-line-8)">
</text><text class="terminal-1499970960-r2" x="97.6" y="239.6" textLength="780.8" clip-path="url(#terminal-1499970960-line-9)">And&#160;when&#160;it&#160;has&#160;gone&#160;past,&#160;I&#160;will&#160;turn&#160;the&#160;inner&#160;eye&#160;to&#160;see&#160;its&#160;</text><text class="terminal-1499970960-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1499970960-line-9)">
</text><text class="terminal-1499970960-r2" x="97.6" y="264" textLength="61" clip-path="url(#terminal-1499970960-line-10)">path.</text><text class="terminal-1499970960-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1499970960-line-10)">
</text><text class="terminal-1499970960-r2" x="97.6" y="288.4" textLength="719.8" clip-path="url(#terminal-1499970960-line-11)">Where&#160;the&#160;fear&#160;has&#160;gone&#160;there&#160;will&#160;be&#160;nothing.&#160;Only&#160;I&#160;will&#160;</text><text class="terminal-1499970960-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1499970960-line-11)">
</text><text class="terminal-1499970960-r2" x="97.6" y="312.8" textLength="85.4" clip-path="url(#terminal-1499970960-line-12)">remain.</text><text class="terminal-1499970960-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1499970960-line-12)">
</text><text class="terminal-1499970960-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1499970960-line-13)">
</text><text class="terminal-1499970960-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1499970960-line-14)">
</text><text class="terminal-1499970960-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1499970960-line-15)">
</text><text class="terminal-1499970960-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1499970960-line-16)">
</text><text class="terminal-1499970960-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1499970960-line-17)">
</text><text class="terminal-1499970960-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1499970960-line-18)">
</text><text class="terminal-1499970960-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1499970960-line-19)">
</text><text class="terminal-1499970960-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1499970960-line-20)">
</text><text class="terminal-1499970960-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1499970960-line-21)">
</text><text class="terminal-1499970960-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1499970960-line-22)">
<g class="terminal-1142797465-matrix">
<text class="terminal-1142797465-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1142797465-line-0)">
</text><text class="terminal-1142797465-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1142797465-line-1)">
</text><text class="terminal-1142797465-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1142797465-line-2)">
</text><text class="terminal-1142797465-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1142797465-line-3)">
</text><text class="terminal-1142797465-r2" x="97.6" y="117.6" textLength="195.2" clip-path="url(#terminal-1142797465-line-4)">I&#160;must&#160;not&#160;fear.</text><text class="terminal-1142797465-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1142797465-line-4)">
</text><text class="terminal-1142797465-r2" x="97.6" y="142" textLength="292.8" clip-path="url(#terminal-1142797465-line-5)">Fear&#160;is&#160;the&#160;mind-killer.</text><text class="terminal-1142797465-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1142797465-line-5)">
</text><text class="terminal-1142797465-r2" x="97.6" y="166.4" textLength="683.2" clip-path="url(#terminal-1142797465-line-6)">Fear&#160;is&#160;the&#160;little-death&#160;that&#160;brings&#160;total&#160;obliteration.</text><text class="terminal-1142797465-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1142797465-line-6)">
</text><text class="terminal-1142797465-r2" x="97.6" y="190.8" textLength="244" clip-path="url(#terminal-1142797465-line-7)">I&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-1142797465-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1142797465-line-7)">
</text><text class="terminal-1142797465-r2" x="97.6" y="215.2" textLength="585.6" clip-path="url(#terminal-1142797465-line-8)">I&#160;will&#160;permit&#160;it&#160;to&#160;pass&#160;over&#160;me&#160;and&#160;through&#160;me.</text><text class="terminal-1142797465-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1142797465-line-8)">
</text><text class="terminal-1142797465-r2" x="97.6" y="239.6" textLength="780.8" clip-path="url(#terminal-1142797465-line-9)">And&#160;when&#160;it&#160;has&#160;gone&#160;past,&#160;I&#160;will&#160;turn&#160;the&#160;inner&#160;eye&#160;to&#160;see&#160;its&#160;</text><text class="terminal-1142797465-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1142797465-line-9)">
</text><text class="terminal-1142797465-r2" x="97.6" y="264" textLength="61" clip-path="url(#terminal-1142797465-line-10)">path.</text><text class="terminal-1142797465-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1142797465-line-10)">
</text><text class="terminal-1142797465-r2" x="97.6" y="288.4" textLength="719.8" clip-path="url(#terminal-1142797465-line-11)">Where&#160;the&#160;fear&#160;has&#160;gone&#160;there&#160;will&#160;be&#160;nothing.&#160;Only&#160;I&#160;will&#160;</text><text class="terminal-1142797465-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1142797465-line-11)">
</text><text class="terminal-1142797465-r2" x="97.6" y="312.8" textLength="85.4" clip-path="url(#terminal-1142797465-line-12)">remain.</text><text class="terminal-1142797465-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1142797465-line-12)">
</text><text class="terminal-1142797465-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1142797465-line-13)">
</text><text class="terminal-1142797465-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1142797465-line-14)">
</text><text class="terminal-1142797465-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1142797465-line-15)">
</text><text class="terminal-1142797465-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1142797465-line-16)">
</text><text class="terminal-1142797465-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1142797465-line-17)">
</text><text class="terminal-1142797465-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1142797465-line-18)">
</text><text class="terminal-1142797465-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1142797465-line-19)">
</text><text class="terminal-1142797465-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1142797465-line-20)">
</text><text class="terminal-1142797465-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1142797465-line-21)">
</text><text class="terminal-1142797465-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1142797465-line-22)">
</text>
</g>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

112
tests/snapshot_tests/__snapshots__/test_snapshots/test_css_property[scrollbar_size.py].svg
View File

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

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

122
tests/snapshot_tests/__snapshots__/test_snapshots/test_escape_to_minimize.svg
View File

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

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 21 KiB

122
tests/snapshot_tests/__snapshots__/test_snapshots/test_escape_to_minimize_screen_override.svg
View File

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

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 21 KiB

121
tests/snapshot_tests/__snapshots__/test_snapshots/test_example_five_by_five.svg
View File

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

Before

Width:  |  Height:  |  Size: 55 KiB

After

Width:  |  Height:  |  Size: 56 KiB

124
tests/snapshot_tests/__snapshots__/test_snapshots/test_hatch.svg
View File

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

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 50 KiB

109
tests/snapshot_tests/__snapshots__/test_snapshots/test_log_write.svg
View File

@@ -19,132 +19,131 @@
font-weight: 700;
}
.terminal-3298336139-matrix {
.terminal-1738710699-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3298336139-title {
.terminal-1738710699-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3298336139-r1 { fill: #e2e2e2 }
.terminal-3298336139-r2 { fill: #e0e0e0 }
.terminal-3298336139-r3 { fill: #c5c8c6 }
.terminal-1738710699-r1 { fill: #e2e2e2 }
.terminal-1738710699-r2 { fill: #c5c8c6 }
</style>
<defs>
<clipPath id="terminal-3298336139-clip-terminal">
<clipPath id="terminal-1738710699-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-3298336139-line-0">
<clipPath id="terminal-1738710699-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-1">
<clipPath id="terminal-1738710699-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-2">
<clipPath id="terminal-1738710699-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-3">
<clipPath id="terminal-1738710699-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-4">
<clipPath id="terminal-1738710699-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-5">
<clipPath id="terminal-1738710699-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-6">
<clipPath id="terminal-1738710699-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-7">
<clipPath id="terminal-1738710699-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-8">
<clipPath id="terminal-1738710699-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-9">
<clipPath id="terminal-1738710699-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-10">
<clipPath id="terminal-1738710699-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-11">
<clipPath id="terminal-1738710699-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-12">
<clipPath id="terminal-1738710699-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-13">
<clipPath id="terminal-1738710699-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-14">
<clipPath id="terminal-1738710699-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-15">
<clipPath id="terminal-1738710699-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-16">
<clipPath id="terminal-1738710699-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-17">
<clipPath id="terminal-1738710699-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-18">
<clipPath id="terminal-1738710699-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-19">
<clipPath id="terminal-1738710699-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-20">
<clipPath id="terminal-1738710699-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-21">
<clipPath id="terminal-1738710699-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-3298336139-line-22">
<clipPath id="terminal-1738710699-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3298336139-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">LogApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1738710699-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">LogApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-3298336139-clip-terminal)">
<g transform="translate(9, 41)" clip-path="url(#terminal-1738710699-clip-terminal)">
<rect fill="#272727" x="0" y="1.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="25.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="50.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="74.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="99.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="123.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="147.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="172.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="196.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="221.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="245.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="269.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="294.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="318.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="343.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="367.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="391.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="416.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="440.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="465.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="489.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="513.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#272727" x="0" y="538.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="951.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3298336139-matrix">
<text class="terminal-3298336139-r1" x="0" y="20" textLength="951.6" clip-path="url(#terminal-3298336139-line-0)">Hello,&#160;World!&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3298336139-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3298336139-line-0)">
</text><text class="terminal-3298336139-r1" x="0" y="44.4" textLength="951.6" clip-path="url(#terminal-3298336139-line-1)">What&#x27;s&#160;up?&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3298336139-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3298336139-line-1)">
</text><text class="terminal-3298336139-r1" x="0" y="68.8" textLength="951.6" clip-path="url(#terminal-3298336139-line-2)">FOO&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3298336139-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3298336139-line-2)">
</text><text class="terminal-3298336139-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3298336139-line-3)">
</text><text class="terminal-3298336139-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3298336139-line-4)">
</text><text class="terminal-3298336139-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3298336139-line-5)">
</text><text class="terminal-3298336139-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3298336139-line-6)">
</text><text class="terminal-3298336139-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3298336139-line-7)">
</text><text class="terminal-3298336139-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3298336139-line-8)">
</text><text class="terminal-3298336139-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3298336139-line-9)">
</text><text class="terminal-3298336139-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3298336139-line-10)">
</text><text class="terminal-3298336139-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3298336139-line-11)">
</text><text class="terminal-3298336139-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3298336139-line-12)">
</text><text class="terminal-3298336139-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3298336139-line-13)">
</text><text class="terminal-3298336139-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3298336139-line-14)">
</text><text class="terminal-3298336139-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3298336139-line-15)">
</text><text class="terminal-3298336139-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3298336139-line-16)">
</text><text class="terminal-3298336139-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3298336139-line-17)">
</text><text class="terminal-3298336139-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3298336139-line-18)">
</text><text class="terminal-3298336139-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3298336139-line-19)">
</text><text class="terminal-3298336139-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3298336139-line-20)">
</text><text class="terminal-3298336139-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3298336139-line-21)">
</text><text class="terminal-3298336139-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3298336139-line-22)">
<g class="terminal-1738710699-matrix">
<text class="terminal-1738710699-r1" x="0" y="20" textLength="951.6" clip-path="url(#terminal-1738710699-line-0)">Hello,&#160;World!&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1738710699-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1738710699-line-0)">
</text><text class="terminal-1738710699-r1" x="0" y="44.4" textLength="951.6" clip-path="url(#terminal-1738710699-line-1)">What&#x27;s&#160;up?&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1738710699-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1738710699-line-1)">
</text><text class="terminal-1738710699-r1" x="0" y="68.8" textLength="951.6" clip-path="url(#terminal-1738710699-line-2)">FOO&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1738710699-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1738710699-line-2)">
</text><text class="terminal-1738710699-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1738710699-line-3)">
</text><text class="terminal-1738710699-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1738710699-line-4)">
</text><text class="terminal-1738710699-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1738710699-line-5)">
</text><text class="terminal-1738710699-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1738710699-line-6)">
</text><text class="terminal-1738710699-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1738710699-line-7)">
</text><text class="terminal-1738710699-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1738710699-line-8)">
</text><text class="terminal-1738710699-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1738710699-line-9)">
</text><text class="terminal-1738710699-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1738710699-line-10)">
</text><text class="terminal-1738710699-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1738710699-line-11)">
</text><text class="terminal-1738710699-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1738710699-line-12)">
</text><text class="terminal-1738710699-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1738710699-line-13)">
</text><text class="terminal-1738710699-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1738710699-line-14)">
</text><text class="terminal-1738710699-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1738710699-line-15)">
</text><text class="terminal-1738710699-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1738710699-line-16)">
</text><text class="terminal-1738710699-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1738710699-line-17)">
</text><text class="terminal-1738710699-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1738710699-line-18)">
</text><text class="terminal-1738710699-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1738710699-line-19)">
</text><text class="terminal-1738710699-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1738710699-line-20)">
</text><text class="terminal-1738710699-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1738710699-line-21)">
</text><text class="terminal-1738710699-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1738710699-line-22)">
</text>
</g>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

121
tests/snapshot_tests/__snapshots__/test_snapshots/test_log_write_lines.svg
View File

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

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

125
tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_component_classes_reloading.svg
View File

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

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

121
tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_dark_theme_override.svg
View File

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

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

121
tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_light_theme_override.svg
View File

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

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

139
tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_space_squashing.svg
View File

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

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

123
tests/snapshot_tests/__snapshots__/test_snapshots/test_markdown_theme_switching.svg
View File

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

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

115
tests/snapshot_tests/__snapshots__/test_snapshots/test_nested_fr.svg
View File

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

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 31 KiB

116
tests/snapshot_tests/__snapshots__/test_snapshots/test_order_independence.svg
View File

@@ -19,135 +19,135 @@
font-weight: 700;
}
.terminal-1433098249-matrix {
.terminal-4057159650-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-1433098249-title {
.terminal-4057159650-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-1433098249-r1 { fill: #ffff00 }
.terminal-1433098249-r2 { fill: #e0e0e0 }
.terminal-1433098249-r3 { fill: #c5c8c6 }
.terminal-1433098249-r4 { fill: #ffa62b;font-weight: bold }
.terminal-1433098249-r5 { fill: #495259 }
.terminal-4057159650-r1 { fill: #ffff00 }
.terminal-4057159650-r2 { fill: #e0e0e0 }
.terminal-4057159650-r3 { fill: #c5c8c6 }
.terminal-4057159650-r4 { fill: #ffa62b;font-weight: bold }
.terminal-4057159650-r5 { fill: #495259 }
</style>
<defs>
<clipPath id="terminal-1433098249-clip-terminal">
<clipPath id="terminal-4057159650-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-1433098249-line-0">
<clipPath id="terminal-4057159650-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-1">
<clipPath id="terminal-4057159650-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-2">
<clipPath id="terminal-4057159650-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-3">
<clipPath id="terminal-4057159650-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-4">
<clipPath id="terminal-4057159650-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-5">
<clipPath id="terminal-4057159650-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-6">
<clipPath id="terminal-4057159650-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-7">
<clipPath id="terminal-4057159650-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-8">
<clipPath id="terminal-4057159650-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-9">
<clipPath id="terminal-4057159650-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-10">
<clipPath id="terminal-4057159650-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-11">
<clipPath id="terminal-4057159650-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-12">
<clipPath id="terminal-4057159650-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-13">
<clipPath id="terminal-4057159650-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-14">
<clipPath id="terminal-4057159650-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-15">
<clipPath id="terminal-4057159650-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-16">
<clipPath id="terminal-4057159650-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-17">
<clipPath id="terminal-4057159650-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-18">
<clipPath id="terminal-4057159650-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-19">
<clipPath id="terminal-4057159650-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-20">
<clipPath id="terminal-4057159650-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-21">
<clipPath id="terminal-4057159650-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1433098249-line-22">
<clipPath id="terminal-4057159650-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1433098249-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">Layers</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-4057159650-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">Layers</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-1433098249-clip-terminal)">
<g transform="translate(9, 41)" clip-path="url(#terminal-4057159650-clip-terminal)">
<rect fill="#ff0000" x="0" y="1.5" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="439.2" y="1.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="512.4" y="1.5" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="25.9" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="25.9" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="50.3" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="50.3" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="36.6" y="74.7" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="402.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="74.7" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="99.1" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="99.1" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="123.5" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="123.5" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="147.9" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="439.2" y="147.9" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="36.6" y="562.7" width="793" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1433098249-matrix">
<text class="terminal-1433098249-r1" x="0" y="20" textLength="439.2" clip-path="url(#terminal-1433098249-line-0)">┌──────────────────────────────────┐</text><text class="terminal-1433098249-r2" x="439.2" y="20" textLength="73.2" clip-path="url(#terminal-1433098249-line-0)">Layers</text><text class="terminal-1433098249-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1433098249-line-0)">
</text><text class="terminal-1433098249-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-1433098249-line-1)">│</text><text class="terminal-1433098249-r1" x="427" y="44.4" textLength="12.2" clip-path="url(#terminal-1433098249-line-1)">│</text><text class="terminal-1433098249-r2" x="439.2" y="44.4" textLength="536.8" clip-path="url(#terminal-1433098249-line-1)">It&#x27;s&#160;full&#160;of&#160;stars!&#160;My&#160;God!&#160;It&#x27;s&#160;full&#160;of&#160;sta</text><text class="terminal-1433098249-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1433098249-line-1)">
</text><text class="terminal-1433098249-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-1433098249-line-2)">│</text><text class="terminal-1433098249-r1" x="427" y="68.8" textLength="12.2" clip-path="url(#terminal-1433098249-line-2)">│</text><text class="terminal-1433098249-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1433098249-line-2)">
</text><text class="terminal-1433098249-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-1433098249-line-3)">│</text><text class="terminal-1433098249-r2" x="36.6" y="93.2" textLength="366" clip-path="url(#terminal-1433098249-line-3)">This&#160;should&#160;float&#160;over&#160;the&#160;top</text><text class="terminal-1433098249-r1" x="427" y="93.2" textLength="12.2" clip-path="url(#terminal-1433098249-line-3)">│</text><text class="terminal-1433098249-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1433098249-line-3)">
</text><text class="terminal-1433098249-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-1433098249-line-4)">│</text><text class="terminal-1433098249-r1" x="427" y="117.6" textLength="12.2" clip-path="url(#terminal-1433098249-line-4)">│</text><text class="terminal-1433098249-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1433098249-line-4)">
</text><text class="terminal-1433098249-r1" x="0" y="142" textLength="12.2" clip-path="url(#terminal-1433098249-line-5)">│</text><text class="terminal-1433098249-r1" x="427" y="142" textLength="12.2" clip-path="url(#terminal-1433098249-line-5)">│</text><text class="terminal-1433098249-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1433098249-line-5)">
</text><text class="terminal-1433098249-r1" x="0" y="166.4" textLength="439.2" clip-path="url(#terminal-1433098249-line-6)">└──────────────────────────────────┘</text><text class="terminal-1433098249-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1433098249-line-6)">
</text><text class="terminal-1433098249-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1433098249-line-7)">
</text><text class="terminal-1433098249-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1433098249-line-8)">
</text><text class="terminal-1433098249-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1433098249-line-9)">
</text><text class="terminal-1433098249-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1433098249-line-10)">
</text><text class="terminal-1433098249-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1433098249-line-11)">
</text><text class="terminal-1433098249-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1433098249-line-12)">
</text><text class="terminal-1433098249-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1433098249-line-13)">
</text><text class="terminal-1433098249-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1433098249-line-14)">
</text><text class="terminal-1433098249-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1433098249-line-15)">
</text><text class="terminal-1433098249-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1433098249-line-16)">
</text><text class="terminal-1433098249-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1433098249-line-17)">
</text><text class="terminal-1433098249-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1433098249-line-18)">
</text><text class="terminal-1433098249-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1433098249-line-19)">
</text><text class="terminal-1433098249-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1433098249-line-20)">
</text><text class="terminal-1433098249-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1433098249-line-21)">
</text><text class="terminal-1433098249-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1433098249-line-22)">
</text><text class="terminal-1433098249-r4" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-1433098249-line-23)">&#160;t&#160;</text><text class="terminal-1433098249-r2" x="36.6" y="581.2" textLength="793" clip-path="url(#terminal-1433098249-line-23)">Toggle&#160;Screen&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1433098249-r5" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-1433098249-line-23)">▏</text><text class="terminal-1433098249-r4" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1433098249-line-23)">^p</text><text class="terminal-1433098249-r2" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1433098249-line-23)">&#160;palette</text>
<g class="terminal-4057159650-matrix">
<text class="terminal-4057159650-r1" x="0" y="20" textLength="439.2" clip-path="url(#terminal-4057159650-line-0)">┌──────────────────────────────────┐</text><text class="terminal-4057159650-r2" x="439.2" y="20" textLength="73.2" clip-path="url(#terminal-4057159650-line-0)">Layers</text><text class="terminal-4057159650-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-4057159650-line-0)">
</text><text class="terminal-4057159650-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-4057159650-line-1)">│</text><text class="terminal-4057159650-r1" x="427" y="44.4" textLength="12.2" clip-path="url(#terminal-4057159650-line-1)">│</text><text class="terminal-4057159650-r2" x="439.2" y="44.4" textLength="536.8" clip-path="url(#terminal-4057159650-line-1)">It&#x27;s&#160;full&#160;of&#160;stars!&#160;My&#160;God!&#160;It&#x27;s&#160;full&#160;of&#160;sta</text><text class="terminal-4057159650-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-4057159650-line-1)">
</text><text class="terminal-4057159650-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-4057159650-line-2)">│</text><text class="terminal-4057159650-r1" x="427" y="68.8" textLength="12.2" clip-path="url(#terminal-4057159650-line-2)">│</text><text class="terminal-4057159650-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-4057159650-line-2)">
</text><text class="terminal-4057159650-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-4057159650-line-3)">│</text><text class="terminal-4057159650-r1" x="36.6" y="93.2" textLength="366" clip-path="url(#terminal-4057159650-line-3)">This&#160;should&#160;float&#160;over&#160;the&#160;top</text><text class="terminal-4057159650-r1" x="427" y="93.2" textLength="12.2" clip-path="url(#terminal-4057159650-line-3)">│</text><text class="terminal-4057159650-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-4057159650-line-3)">
</text><text class="terminal-4057159650-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-4057159650-line-4)">│</text><text class="terminal-4057159650-r1" x="427" y="117.6" textLength="12.2" clip-path="url(#terminal-4057159650-line-4)">│</text><text class="terminal-4057159650-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-4057159650-line-4)">
</text><text class="terminal-4057159650-r1" x="0" y="142" textLength="12.2" clip-path="url(#terminal-4057159650-line-5)">│</text><text class="terminal-4057159650-r1" x="427" y="142" textLength="12.2" clip-path="url(#terminal-4057159650-line-5)">│</text><text class="terminal-4057159650-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-4057159650-line-5)">
</text><text class="terminal-4057159650-r1" x="0" y="166.4" textLength="439.2" clip-path="url(#terminal-4057159650-line-6)">└──────────────────────────────────┘</text><text class="terminal-4057159650-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-4057159650-line-6)">
</text><text class="terminal-4057159650-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-4057159650-line-7)">
</text><text class="terminal-4057159650-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-4057159650-line-8)">
</text><text class="terminal-4057159650-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-4057159650-line-9)">
</text><text class="terminal-4057159650-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-4057159650-line-10)">
</text><text class="terminal-4057159650-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-4057159650-line-11)">
</text><text class="terminal-4057159650-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-4057159650-line-12)">
</text><text class="terminal-4057159650-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-4057159650-line-13)">
</text><text class="terminal-4057159650-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-4057159650-line-14)">
</text><text class="terminal-4057159650-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-4057159650-line-15)">
</text><text class="terminal-4057159650-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-4057159650-line-16)">
</text><text class="terminal-4057159650-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-4057159650-line-17)">
</text><text class="terminal-4057159650-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-4057159650-line-18)">
</text><text class="terminal-4057159650-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-4057159650-line-19)">
</text><text class="terminal-4057159650-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-4057159650-line-20)">
</text><text class="terminal-4057159650-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-4057159650-line-21)">
</text><text class="terminal-4057159650-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-4057159650-line-22)">
</text><text class="terminal-4057159650-r4" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-4057159650-line-23)">&#160;t&#160;</text><text class="terminal-4057159650-r2" x="36.6" y="581.2" textLength="793" clip-path="url(#terminal-4057159650-line-23)">Toggle&#160;Screen&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4057159650-r5" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-4057159650-line-23)">▏</text><text class="terminal-4057159650-r4" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-4057159650-line-23)">^p</text><text class="terminal-4057159650-r2" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-4057159650-line-23)">&#160;palette</text>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

116
tests/snapshot_tests/__snapshots__/test_snapshots/test_order_independence_toggle.svg
View File

@@ -19,135 +19,135 @@
font-weight: 700;
}
.terminal-1647399539-matrix {
.terminal-45634124-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-1647399539-title {
.terminal-45634124-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-1647399539-r1 { fill: #ffff00 }
.terminal-1647399539-r2 { fill: #e0e0e0 }
.terminal-1647399539-r3 { fill: #c5c8c6 }
.terminal-1647399539-r4 { fill: #ffa62b;font-weight: bold }
.terminal-1647399539-r5 { fill: #495259 }
.terminal-45634124-r1 { fill: #ffff00 }
.terminal-45634124-r2 { fill: #e0e0e0 }
.terminal-45634124-r3 { fill: #c5c8c6 }
.terminal-45634124-r4 { fill: #ffa62b;font-weight: bold }
.terminal-45634124-r5 { fill: #495259 }
</style>
<defs>
<clipPath id="terminal-1647399539-clip-terminal">
<clipPath id="terminal-45634124-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-1647399539-line-0">
<clipPath id="terminal-45634124-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-1">
<clipPath id="terminal-45634124-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-2">
<clipPath id="terminal-45634124-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-3">
<clipPath id="terminal-45634124-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-4">
<clipPath id="terminal-45634124-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-5">
<clipPath id="terminal-45634124-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-6">
<clipPath id="terminal-45634124-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-7">
<clipPath id="terminal-45634124-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-8">
<clipPath id="terminal-45634124-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-9">
<clipPath id="terminal-45634124-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-10">
<clipPath id="terminal-45634124-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-11">
<clipPath id="terminal-45634124-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-12">
<clipPath id="terminal-45634124-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-13">
<clipPath id="terminal-45634124-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-14">
<clipPath id="terminal-45634124-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-15">
<clipPath id="terminal-45634124-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-16">
<clipPath id="terminal-45634124-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-17">
<clipPath id="terminal-45634124-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-18">
<clipPath id="terminal-45634124-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-19">
<clipPath id="terminal-45634124-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-20">
<clipPath id="terminal-45634124-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-21">
<clipPath id="terminal-45634124-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-1647399539-line-22">
<clipPath id="terminal-45634124-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1647399539-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">Layers</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-45634124-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">Layers</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-1647399539-clip-terminal)">
<g transform="translate(9, 41)" clip-path="url(#terminal-45634124-clip-terminal)">
<rect fill="#ff0000" x="0" y="1.5" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="439.2" y="1.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="512.4" y="1.5" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="25.9" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="25.9" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="50.3" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="50.3" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="36.6" y="74.7" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="402.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="74.7" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="99.1" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="99.1" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="123.5" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="123.5" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="147.9" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="147.9" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="36.6" y="562.7" width="793" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1647399539-matrix">
<text class="terminal-1647399539-r1" x="0" y="20" textLength="439.2" clip-path="url(#terminal-1647399539-line-0)">┌──────────────────────────────────┐</text><text class="terminal-1647399539-r2" x="439.2" y="20" textLength="73.2" clip-path="url(#terminal-1647399539-line-0)">Layers</text><text class="terminal-1647399539-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1647399539-line-0)">
</text><text class="terminal-1647399539-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-1647399539-line-1)">│</text><text class="terminal-1647399539-r1" x="427" y="44.4" textLength="12.2" clip-path="url(#terminal-1647399539-line-1)">│</text><text class="terminal-1647399539-r2" x="439.2" y="44.4" textLength="536.8" clip-path="url(#terminal-1647399539-line-1)">It&#x27;s&#160;full&#160;of&#160;stars!&#160;My&#160;God!&#160;It&#x27;s&#160;full&#160;of&#160;sta</text><text class="terminal-1647399539-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1647399539-line-1)">
</text><text class="terminal-1647399539-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-1647399539-line-2)">│</text><text class="terminal-1647399539-r1" x="427" y="68.8" textLength="12.2" clip-path="url(#terminal-1647399539-line-2)">│</text><text class="terminal-1647399539-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1647399539-line-2)">
</text><text class="terminal-1647399539-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-1647399539-line-3)">│</text><text class="terminal-1647399539-r2" x="36.6" y="93.2" textLength="366" clip-path="url(#terminal-1647399539-line-3)">This&#160;should&#160;float&#160;over&#160;the&#160;top</text><text class="terminal-1647399539-r1" x="427" y="93.2" textLength="12.2" clip-path="url(#terminal-1647399539-line-3)">│</text><text class="terminal-1647399539-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1647399539-line-3)">
</text><text class="terminal-1647399539-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-1647399539-line-4)">│</text><text class="terminal-1647399539-r1" x="427" y="117.6" textLength="12.2" clip-path="url(#terminal-1647399539-line-4)">│</text><text class="terminal-1647399539-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1647399539-line-4)">
</text><text class="terminal-1647399539-r1" x="0" y="142" textLength="12.2" clip-path="url(#terminal-1647399539-line-5)">│</text><text class="terminal-1647399539-r1" x="427" y="142" textLength="12.2" clip-path="url(#terminal-1647399539-line-5)">│</text><text class="terminal-1647399539-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1647399539-line-5)">
</text><text class="terminal-1647399539-r1" x="0" y="166.4" textLength="439.2" clip-path="url(#terminal-1647399539-line-6)">└──────────────────────────────────┘</text><text class="terminal-1647399539-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1647399539-line-6)">
</text><text class="terminal-1647399539-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1647399539-line-7)">
</text><text class="terminal-1647399539-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1647399539-line-8)">
</text><text class="terminal-1647399539-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1647399539-line-9)">
</text><text class="terminal-1647399539-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1647399539-line-10)">
</text><text class="terminal-1647399539-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1647399539-line-11)">
</text><text class="terminal-1647399539-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1647399539-line-12)">
</text><text class="terminal-1647399539-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1647399539-line-13)">
</text><text class="terminal-1647399539-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1647399539-line-14)">
</text><text class="terminal-1647399539-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1647399539-line-15)">
</text><text class="terminal-1647399539-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1647399539-line-16)">
</text><text class="terminal-1647399539-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1647399539-line-17)">
</text><text class="terminal-1647399539-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1647399539-line-18)">
</text><text class="terminal-1647399539-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1647399539-line-19)">
</text><text class="terminal-1647399539-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1647399539-line-20)">
</text><text class="terminal-1647399539-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1647399539-line-21)">
</text><text class="terminal-1647399539-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1647399539-line-22)">
</text><text class="terminal-1647399539-r4" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-1647399539-line-23)">&#160;t&#160;</text><text class="terminal-1647399539-r2" x="36.6" y="581.2" textLength="793" clip-path="url(#terminal-1647399539-line-23)">Toggle&#160;Screen&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1647399539-r5" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-1647399539-line-23)">▏</text><text class="terminal-1647399539-r4" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1647399539-line-23)">^p</text><text class="terminal-1647399539-r2" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1647399539-line-23)">&#160;palette</text>
<g class="terminal-45634124-matrix">
<text class="terminal-45634124-r1" x="0" y="20" textLength="439.2" clip-path="url(#terminal-45634124-line-0)">┌──────────────────────────────────┐</text><text class="terminal-45634124-r2" x="439.2" y="20" textLength="73.2" clip-path="url(#terminal-45634124-line-0)">Layers</text><text class="terminal-45634124-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-45634124-line-0)">
</text><text class="terminal-45634124-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-45634124-line-1)">│</text><text class="terminal-45634124-r1" x="427" y="44.4" textLength="12.2" clip-path="url(#terminal-45634124-line-1)">│</text><text class="terminal-45634124-r2" x="439.2" y="44.4" textLength="536.8" clip-path="url(#terminal-45634124-line-1)">It&#x27;s&#160;full&#160;of&#160;stars!&#160;My&#160;God!&#160;It&#x27;s&#160;full&#160;of&#160;sta</text><text class="terminal-45634124-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-45634124-line-1)">
</text><text class="terminal-45634124-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-45634124-line-2)">│</text><text class="terminal-45634124-r1" x="427" y="68.8" textLength="12.2" clip-path="url(#terminal-45634124-line-2)">│</text><text class="terminal-45634124-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-45634124-line-2)">
</text><text class="terminal-45634124-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-45634124-line-3)">│</text><text class="terminal-45634124-r1" x="36.6" y="93.2" textLength="366" clip-path="url(#terminal-45634124-line-3)">This&#160;should&#160;float&#160;over&#160;the&#160;top</text><text class="terminal-45634124-r1" x="427" y="93.2" textLength="12.2" clip-path="url(#terminal-45634124-line-3)">│</text><text class="terminal-45634124-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-45634124-line-3)">
</text><text class="terminal-45634124-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-45634124-line-4)">│</text><text class="terminal-45634124-r1" x="427" y="117.6" textLength="12.2" clip-path="url(#terminal-45634124-line-4)">│</text><text class="terminal-45634124-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-45634124-line-4)">
</text><text class="terminal-45634124-r1" x="0" y="142" textLength="12.2" clip-path="url(#terminal-45634124-line-5)">│</text><text class="terminal-45634124-r1" x="427" y="142" textLength="12.2" clip-path="url(#terminal-45634124-line-5)">│</text><text class="terminal-45634124-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-45634124-line-5)">
</text><text class="terminal-45634124-r1" x="0" y="166.4" textLength="439.2" clip-path="url(#terminal-45634124-line-6)">└──────────────────────────────────┘</text><text class="terminal-45634124-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-45634124-line-6)">
</text><text class="terminal-45634124-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-45634124-line-7)">
</text><text class="terminal-45634124-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-45634124-line-8)">
</text><text class="terminal-45634124-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-45634124-line-9)">
</text><text class="terminal-45634124-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-45634124-line-10)">
</text><text class="terminal-45634124-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-45634124-line-11)">
</text><text class="terminal-45634124-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-45634124-line-12)">
</text><text class="terminal-45634124-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-45634124-line-13)">
</text><text class="terminal-45634124-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-45634124-line-14)">
</text><text class="terminal-45634124-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-45634124-line-15)">
</text><text class="terminal-45634124-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-45634124-line-16)">
</text><text class="terminal-45634124-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-45634124-line-17)">
</text><text class="terminal-45634124-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-45634124-line-18)">
</text><text class="terminal-45634124-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-45634124-line-19)">
</text><text class="terminal-45634124-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-45634124-line-20)">
</text><text class="terminal-45634124-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-45634124-line-21)">
</text><text class="terminal-45634124-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-45634124-line-22)">
</text><text class="terminal-45634124-r4" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-45634124-line-23)">&#160;t&#160;</text><text class="terminal-45634124-r2" x="36.6" y="581.2" textLength="793" clip-path="url(#terminal-45634124-line-23)">Toggle&#160;Screen&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-45634124-r5" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-45634124-line-23)">▏</text><text class="terminal-45634124-r4" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-45634124-line-23)">^p</text><text class="terminal-45634124-r2" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-45634124-line-23)">&#160;palette</text>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

35
tests/snapshot_tests/__snapshots__/test_snapshots/test_richlog_highlight.svg
View File

@@ -19,53 +19,52 @@
font-weight: 700;
}
.terminal-780148445-matrix {
.terminal-1272454112-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-780148445-title {
.terminal-1272454112-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-780148445-r1 { fill: #f4005f;font-weight: bold }
.terminal-780148445-r2 { fill: #ff0000;font-weight: bold }
.terminal-780148445-r3 { fill: #98e024 }
.terminal-780148445-r4 { fill: #ff0000 }
.terminal-780148445-r5 { fill: #fd971f }
.terminal-780148445-r6 { fill: #58d1eb;font-weight: bold }
.terminal-780148445-r7 { fill: #e0e0e0 }
.terminal-780148445-r8 { fill: #c5c8c6 }
.terminal-1272454112-r1 { fill: #f4005f;font-weight: bold }
.terminal-1272454112-r2 { fill: #ff0000;font-weight: bold }
.terminal-1272454112-r3 { fill: #98e024 }
.terminal-1272454112-r4 { fill: #ff0000 }
.terminal-1272454112-r5 { fill: #fd971f }
.terminal-1272454112-r6 { fill: #58d1eb;font-weight: bold }
.terminal-1272454112-r7 { fill: #c5c8c6 }
</style>
<defs>
<clipPath id="terminal-780148445-clip-terminal">
<clipPath id="terminal-1272454112-clip-terminal">
<rect x="0" y="0" width="365.0" height="72.19999999999999" />
</clipPath>
<clipPath id="terminal-780148445-line-0">
<clipPath id="terminal-1272454112-line-0">
<rect x="0" y="1.5" width="366" height="24.65"/>
</clipPath>
<clipPath id="terminal-780148445-line-1">
<clipPath id="terminal-1272454112-line-1">
<rect x="0" y="25.9" width="366" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="382" height="121.2" rx="8"/><text class="terminal-780148445-title" fill="#c5c8c6" text-anchor="middle" x="191" y="27">RichLogHighlight</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="382" height="121.2" rx="8"/><text class="terminal-1272454112-title" fill="#c5c8c6" text-anchor="middle" x="191" y="27">RichLogHighlight</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-780148445-clip-terminal)">
<g transform="translate(9, 41)" clip-path="url(#terminal-1272454112-clip-terminal)">
<rect fill="#1a4670" x="0" y="1.5" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a4670" x="36.6" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a4670" x="48.8" y="1.5" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a4670" x="109.8" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a4670" x="134.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a4670" x="146.4" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a4670" x="158.6" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a4670" x="170.8" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a4670" x="195.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a4670" x="207.4" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a4670" x="219.6" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a4670" x="231.8" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a4670" x="244" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a4670" x="268.4" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a4670" x="280.6" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a4670" x="305" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a4670" x="317.2" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="341.6" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a4670" x="0" y="25.9" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="341.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a4670" x="0" y="50.3" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#000000" x="341.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-780148445-matrix">
<text class="terminal-780148445-r1" x="0" y="20" textLength="36.6" clip-path="url(#terminal-780148445-line-0)">Foo</text><text class="terminal-780148445-r2" x="36.6" y="20" textLength="12.2" clip-path="url(#terminal-780148445-line-0)">(</text><text class="terminal-780148445-r3" x="48.8" y="20" textLength="61" clip-path="url(#terminal-780148445-line-0)">&#x27;bar&#x27;</text><text class="terminal-780148445-r4" x="109.8" y="20" textLength="24.4" clip-path="url(#terminal-780148445-line-0)">,&#160;</text><text class="terminal-780148445-r5" x="134.2" y="20" textLength="12.2" clip-path="url(#terminal-780148445-line-0)">x</text><text class="terminal-780148445-r4" x="146.4" y="20" textLength="12.2" clip-path="url(#terminal-780148445-line-0)">=</text><text class="terminal-780148445-r6" x="158.6" y="20" textLength="12.2" clip-path="url(#terminal-780148445-line-0)">1</text><text class="terminal-780148445-r4" x="170.8" y="20" textLength="24.4" clip-path="url(#terminal-780148445-line-0)">,&#160;</text><text class="terminal-780148445-r5" x="195.2" y="20" textLength="12.2" clip-path="url(#terminal-780148445-line-0)">y</text><text class="terminal-780148445-r4" x="207.4" y="20" textLength="12.2" clip-path="url(#terminal-780148445-line-0)">=</text><text class="terminal-780148445-r2" x="219.6" y="20" textLength="12.2" clip-path="url(#terminal-780148445-line-0)">[</text><text class="terminal-780148445-r6" x="231.8" y="20" textLength="12.2" clip-path="url(#terminal-780148445-line-0)">1</text><text class="terminal-780148445-r4" x="244" y="20" textLength="24.4" clip-path="url(#terminal-780148445-line-0)">,&#160;</text><text class="terminal-780148445-r6" x="268.4" y="20" textLength="12.2" clip-path="url(#terminal-780148445-line-0)">2</text><text class="terminal-780148445-r4" x="280.6" y="20" textLength="24.4" clip-path="url(#terminal-780148445-line-0)">,&#160;</text><text class="terminal-780148445-r6" x="305" y="20" textLength="12.2" clip-path="url(#terminal-780148445-line-0)">3</text><text class="terminal-780148445-r2" x="317.2" y="20" textLength="24.4" clip-path="url(#terminal-780148445-line-0)">])</text><text class="terminal-780148445-r8" x="366" y="20" textLength="12.2" clip-path="url(#terminal-780148445-line-0)">
</text><text class="terminal-780148445-r8" x="366" y="44.4" textLength="12.2" clip-path="url(#terminal-780148445-line-1)">
<g class="terminal-1272454112-matrix">
<text class="terminal-1272454112-r1" x="0" y="20" textLength="36.6" clip-path="url(#terminal-1272454112-line-0)">Foo</text><text class="terminal-1272454112-r2" x="36.6" y="20" textLength="12.2" clip-path="url(#terminal-1272454112-line-0)">(</text><text class="terminal-1272454112-r3" x="48.8" y="20" textLength="61" clip-path="url(#terminal-1272454112-line-0)">&#x27;bar&#x27;</text><text class="terminal-1272454112-r4" x="109.8" y="20" textLength="24.4" clip-path="url(#terminal-1272454112-line-0)">,&#160;</text><text class="terminal-1272454112-r5" x="134.2" y="20" textLength="12.2" clip-path="url(#terminal-1272454112-line-0)">x</text><text class="terminal-1272454112-r4" x="146.4" y="20" textLength="12.2" clip-path="url(#terminal-1272454112-line-0)">=</text><text class="terminal-1272454112-r6" x="158.6" y="20" textLength="12.2" clip-path="url(#terminal-1272454112-line-0)">1</text><text class="terminal-1272454112-r4" x="170.8" y="20" textLength="24.4" clip-path="url(#terminal-1272454112-line-0)">,&#160;</text><text class="terminal-1272454112-r5" x="195.2" y="20" textLength="12.2" clip-path="url(#terminal-1272454112-line-0)">y</text><text class="terminal-1272454112-r4" x="207.4" y="20" textLength="12.2" clip-path="url(#terminal-1272454112-line-0)">=</text><text class="terminal-1272454112-r2" x="219.6" y="20" textLength="12.2" clip-path="url(#terminal-1272454112-line-0)">[</text><text class="terminal-1272454112-r6" x="231.8" y="20" textLength="12.2" clip-path="url(#terminal-1272454112-line-0)">1</text><text class="terminal-1272454112-r4" x="244" y="20" textLength="24.4" clip-path="url(#terminal-1272454112-line-0)">,&#160;</text><text class="terminal-1272454112-r6" x="268.4" y="20" textLength="12.2" clip-path="url(#terminal-1272454112-line-0)">2</text><text class="terminal-1272454112-r4" x="280.6" y="20" textLength="24.4" clip-path="url(#terminal-1272454112-line-0)">,&#160;</text><text class="terminal-1272454112-r6" x="305" y="20" textLength="12.2" clip-path="url(#terminal-1272454112-line-0)">3</text><text class="terminal-1272454112-r2" x="317.2" y="20" textLength="24.4" clip-path="url(#terminal-1272454112-line-0)">])</text><text class="terminal-1272454112-r7" x="366" y="20" textLength="12.2" clip-path="url(#terminal-1272454112-line-0)">
</text><text class="terminal-1272454112-r7" x="366" y="44.4" textLength="12.2" clip-path="url(#terminal-1272454112-line-1)">
</text>
</g>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.0 KiB

After

Width:  |  Height:  |  Size: 7.0 KiB