diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml index 2643e1e3b..03cb1629e 100644 --- a/.github/ISSUE_TEMPLATE/config.yml +++ b/.github/ISSUE_TEMPLATE/config.yml @@ -1,4 +1,4 @@ contact_links: - - name: Discord - url: https://discord.gg/vE2dNkfAmF - about: 💬 Community space for questions, announcements, discussions and general talk! + - name: Twitter + url: https://marvin.ws/twitter + about: 💬 For questions, feedback and support, you can contact me directly via Twitter! diff --git a/.gitignore b/.gitignore index e4354651e..dc83dde71 100644 --- a/.gitignore +++ b/.gitignore @@ -15,7 +15,7 @@ vendor/ # This is where we test stuff -/experimenting/ +/experimenting/* /.history /.vscode diff --git a/README.md b/README.md index f05f2d935..4ac3f28e7 100644 --- a/README.md +++ b/README.md @@ -99,10 +99,10 @@ go get github.com/pterm/pterm | :-------: | :-------: | :-------: | :-------: | :-------: | | Area
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/area) |Barchart
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/barchart) |Basictext
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/basictext) |Bigtext
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/bigtext) |Box
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/box) | | Bulletlist
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/bulletlist) |Center
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/center) |Coloring
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/coloring) |Demo
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/demo) |Header
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/header) | -| Interactive confirm
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_confirm) |Interactive continue
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_continue) |Interactive multiselect
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_multiselect) |Interactive select
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_select) |Interactive textinput
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_textinput) | -| Logger
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/logger) |Multiple-live-printers
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/multiple-live-printers) |Panel
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/panel) |Paragraph
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/paragraph) |Prefix
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/prefix) | -| Progressbar
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/progressbar) |Section
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/section) |Slog
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/slog) |Spinner
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/spinner) |Style
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/style) | -| Table
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/table) |Theme
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/theme) |Tree
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/tree) | | | +| Heatmap
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/heatmap) |Interactive confirm
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_confirm) |Interactive continue
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_continue) |Interactive multiselect
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_multiselect) |Interactive select
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_select) | +| Interactive textinput
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_textinput) |Logger
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/logger) |Multiple-live-printers
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/multiple-live-printers) |Panel
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/panel) |Paragraph
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/paragraph) | +| Prefix
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/prefix) |Progressbar
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/progressbar) |Section
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/section) |Slog
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/slog) |Spinner
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/spinner) | +| Style
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/style) |Table
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/table) |Theme
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/theme) |Tree
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/tree) | | @@ -1648,6 +1648,241 @@ func main() { +### heatmap/custom_colors + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/custom_colors/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and a legend.") + pterm.Println() + + table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false).WithColors(pterm.BgBlue, pterm.BgRed, pterm.BgGreen, pterm.BgYellow).WithLegend() + table.Render() +} + +``` + +
+ +### heatmap/custom_legend + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/custom_legend/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a custom legend.") + pterm.Println() + + table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegendLabel("custom").WithLegendOnlyColoredCells() + table.Render() +} + +``` + +
+ +### heatmap/custom_rgb + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/custom_rgb/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.") + pterm.Println() + + table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithRGBRange(pterm.NewRGB(0, 0, 255), pterm.NewRGB(255, 0, 0), pterm.NewRGB(0, 255, 0), pterm.NewRGB(255, 255, 0)) + table2.Render() +} + +``` + +
+ +### heatmap/demo + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/demo/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + table := pterm.DefaultHeatmap.WithAxisData(headerData).WithData(data).WithEnableRGB() + table.Render() +} + +``` + +
+ +### heatmap/no_grid + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/no_grid/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.") + pterm.Println() + + table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegend().WithGrid(false) + table2.Render() +} + +``` + +
+ +### heatmap/separated + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/separated/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import "github.com/pterm/pterm" + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and no legend.") + pterm.Println() + + table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false) + table.Render() +} + +``` + +
+ ### interactive_confirm/demo ![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/interactive_confirm/demo/animation.svg) diff --git a/_examples/README.md b/_examples/README.md index 731c1599a..e9398e72c 100644 --- a/_examples/README.md +++ b/_examples/README.md @@ -1516,6 +1516,241 @@ func main() { +### heatmap/custom_colors + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/custom_colors/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and a legend.") + pterm.Println() + + table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false).WithColors(pterm.BgBlue, pterm.BgRed, pterm.BgGreen, pterm.BgYellow).WithLegend() + table.Render() +} + +``` + +
+ +### heatmap/custom_legend + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/custom_legend/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a custom legend.") + pterm.Println() + + table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegendLabel("custom").WithLegendOnlyColoredCells() + table.Render() +} + +``` + +
+ +### heatmap/custom_rgb + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/custom_rgb/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.") + pterm.Println() + + table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithRGBRange(pterm.NewRGB(0, 0, 255), pterm.NewRGB(255, 0, 0), pterm.NewRGB(0, 255, 0), pterm.NewRGB(255, 255, 0)) + table2.Render() +} + +``` + +
+ +### heatmap/demo + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/demo/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + table := pterm.DefaultHeatmap.WithAxisData(headerData).WithData(data).WithEnableRGB() + table.Render() +} + +``` + +
+ +### heatmap/no_grid + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/no_grid/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.") + pterm.Println() + + table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegend().WithGrid(false) + table2.Render() +} + +``` + +
+ +### heatmap/separated + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/separated/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import "github.com/pterm/pterm" + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and no legend.") + pterm.Println() + + table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false) + table.Render() +} + +``` + +
+ ### interactive_confirm/demo ![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/interactive_confirm/demo/animation.svg) diff --git a/_examples/area/center/animation.svg b/_examples/area/center/animation.svg index dc328a84b..b9f4af8ec 100644 --- a/_examples/area/center/animation.svg +++ b/_examples/area/center/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:9.204485s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}2%{transform:translateX(-80px)}2.1%{transform:translateX(-160px)}2.2%{transform:translateX(-240px)}2.2%{transform:translateX(-320px)}2.2%{transform:translateX(-400px)}2.2%{transform:translateX(-480px)}2.2%{transform:translateX(-560px)}2.2%{transform:translateX(-640px)}2.2%{transform:translateX(-720px)}2.2%{transform:translateX(-800px)}2.2%{transform:translateX(-880px)}2.2%{transform:translateX(-960px)}2.2%{transform:translateX(-1040px)}13.1%{transform:translateX(-1120px)}13.1%{transform:translateX(-1200px)}23.9%{transform:translateX(-1280px)}23.9%{transform:translateX(-1360px)}23.9%{transform:translateX(-1440px)}23.9%{transform:translateX(-1520px)}23.9%{transform:translateX(-1600px)}34.8%{transform:translateX(-1680px)}34.8%{transform:translateX(-1760px)}34.8%{transform:translateX(-1840px)}34.8%{transform:translateX(-1920px)}34.8%{transform:translateX(-2000px)}34.8%{transform:translateX(-2080px)}45.7%{transform:translateX(-2160px)}100%{transform:translateX(-2240px)}}Currentcount:0Areascanupdatetheircontentdynamically!Currentcount:1Currentcount:2Currentcount:3Currentcount:4Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:9.273077s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}2.8%{transform:translateX(-80px)}3.8%{transform:translateX(-160px)}13.7%{transform:translateX(-240px)}13.7%{transform:translateX(-320px)}24.5%{transform:translateX(-400px)}35.3%{transform:translateX(-480px)}35.3%{transform:translateX(-560px)}46.1%{transform:translateX(-640px)}100%{transform:translateX(-720px)}}Currentcount:0Areascanupdatetheircontentdynamically!Currentcount:2Currentcount:4Currentcount:1Currentcount:3Restartinganimation... \ No newline at end of file diff --git a/_examples/area/default/animation.svg b/_examples/area/default/animation.svg index 3a862b255..a5879229f 100644 --- a/_examples/area/default/animation.svg +++ b/_examples/area/default/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:9.193387s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}2%{transform:translateX(-80px)}2.7%{transform:translateX(-160px)}13%{transform:translateX(-240px)}23.9%{transform:translateX(-320px)}34.7%{transform:translateX(-400px)}45.6%{transform:translateX(-480px)}100%{transform:translateX(-560px)}}Areascanupdatetheircontentdynamically!Currentcount:4Currentcount:0Currentcount:1Currentcount:2Currentcount:3Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:9.296622s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}3%{transform:translateX(-80px)}3.2%{transform:translateX(-160px)}13.9%{transform:translateX(-240px)}24.7%{transform:translateX(-320px)}24.7%{transform:translateX(-400px)}35.4%{transform:translateX(-480px)}35.5%{transform:translateX(-560px)}46.2%{transform:translateX(-640px)}46.2%{transform:translateX(-720px)}46.2%{transform:translateX(-800px)}100%{transform:translateX(-880px)}}Areascanupdatetheircontentdynamically!Currentcount:1Currentcount:2Currentcount:3Currentcount:4Currentcount:0Restartinganimation... \ No newline at end of file diff --git a/_examples/area/demo/animation.svg b/_examples/area/demo/animation.svg index 1e2c95d8c..3c1fdb48c 100644 --- a/_examples/area/demo/animation.svg +++ b/_examples/area/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(160,160,160);white-space:pre}.j{fill:transparent}.l{animation-duration:14.26714s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}1.3%{transform:translateX(-80px)}1.7%{transform:translateX(-160px)}1.7%{transform:translateX(-240px)}1.7%{transform:translateX(-320px)}1.7%{transform:translateX(-400px)}1.7%{transform:translateX(-480px)}1.7%{transform:translateX(-560px)}1.7%{transform:translateX(-640px)}1.7%{transform:translateX(-720px)}1.7%{transform:translateX(-800px)}1.7%{transform:translateX(-880px)}1.7%{transform:translateX(-960px)}1.7%{transform:translateX(-1040px)}1.7%{transform:translateX(-1120px)}1.7%{transform:translateX(-1200px)}1.7%{transform:translateX(-1280px)}1.7%{transform:translateX(-1360px)}1.7%{transform:translateX(-1440px)}8.8%{transform:translateX(-1520px)}8.8%{transform:translateX(-1600px)}8.8%{transform:translateX(-1680px)}15.8%{transform:translateX(-1760px)}15.8%{transform:translateX(-1840px)}15.8%{transform:translateX(-1920px)}15.8%{transform:translateX(-2000px)}15.8%{transform:translateX(-2080px)}15.8%{transform:translateX(-2160px)}22.8%{transform:translateX(-2240px)}22.8%{transform:translateX(-2320px)}22.8%{transform:translateX(-2400px)}22.8%{transform:translateX(-2480px)}22.8%{transform:translateX(-2560px)}29.8%{transform:translateX(-2640px)}29.8%{transform:translateX(-2720px)}29.8%{transform:translateX(-2800px)}29.8%{transform:translateX(-2880px)}29.8%{transform:translateX(-2960px)}36.9%{transform:translateX(-3040px)}36.9%{transform:translateX(-3120px)}36.9%{transform:translateX(-3200px)}36.9%{transform:translateX(-3280px)}43.9%{transform:translateX(-3360px)}43.9%{transform:translateX(-3440px)}43.9%{transform:translateX(-3520px)}43.9%{transform:translateX(-3600px)}43.9%{transform:translateX(-3680px)}43.9%{transform:translateX(-3760px)}43.9%{transform:translateX(-3840px)}43.9%{transform:translateX(-3920px)}50.9%{transform:translateX(-4000px)}50.9%{transform:translateX(-4080px)}50.9%{transform:translateX(-4160px)}50.9%{transform:translateX(-4240px)}50.9%{transform:translateX(-4320px)}50.9%{transform:translateX(-4400px)}50.9%{transform:translateX(-4480px)}57.9%{transform:translateX(-4560px)}57.9%{transform:translateX(-4640px)}64.9%{transform:translateX(-4720px)}64.9%{transform:translateX(-4800px)}64.9%{transform:translateX(-4880px)}64.9%{transform:translateX(-4960px)}64.9%{transform:translateX(-5040px)}64.9%{transform:translateX(-5120px)}64.9%{transform:translateX(-5200px)}64.9%{transform:translateX(-5280px)}64.9%{transform:translateX(-5360px)}64.9%{transform:translateX(-5440px)}64.9%{transform:translateX(-5520px)}64.9%{transform:translateX(-5600px)}64.9%{transform:translateX(-5680px)}64.9%{transform:translateX(-5760px)}64.9%{transform:translateX(-5840px)}64.9%{transform:translateX(-5920px)}64.9%{transform:translateX(-6000px)}64.9%{transform:translateX(-6080px)}64.9%{transform:translateX(-6160px)}64.9%{transform:translateX(-6240px)}65%{transform:translateX(-6320px)}65%{transform:translateX(-6400px)}65%{transform:translateX(-6480px)}65%{transform:translateX(-6560px)}65%{transform:translateX(-6640px)}65%{transform:translateX(-6720px)}65%{transform:translateX(-6800px)}100%{transform:translateX(-6880px)}} INFO Theprevioustextwillstayinplace,whiletheareaupdates.██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(160,160,160);white-space:pre}.j{fill:transparent}.l{animation-duration:14.241291s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}1.3%{transform:translateX(-80px)}1.5%{transform:translateX(-160px)}1.7%{transform:translateX(-240px)}1.7%{transform:translateX(-320px)}8.6%{transform:translateX(-400px)}8.6%{transform:translateX(-480px)}8.6%{transform:translateX(-560px)}15.6%{transform:translateX(-640px)}15.6%{transform:translateX(-720px)}22.7%{transform:translateX(-800px)}22.7%{transform:translateX(-880px)}29.7%{transform:translateX(-960px)}29.7%{transform:translateX(-1040px)}29.7%{transform:translateX(-1120px)}36.7%{transform:translateX(-1200px)}36.7%{transform:translateX(-1280px)}43.8%{transform:translateX(-1360px)}43.8%{transform:translateX(-1440px)}50.8%{transform:translateX(-1520px)}50.8%{transform:translateX(-1600px)}50.8%{transform:translateX(-1680px)}57.8%{transform:translateX(-1760px)}57.8%{transform:translateX(-1840px)}57.8%{transform:translateX(-1920px)}57.8%{transform:translateX(-2000px)}64.9%{transform:translateX(-2080px)}64.9%{transform:translateX(-2160px)}64.9%{transform:translateX(-2240px)}64.9%{transform:translateX(-2320px)}64.9%{transform:translateX(-2400px)}64.9%{transform:translateX(-2480px)}64.9%{transform:translateX(-2560px)}64.9%{transform:translateX(-2640px)}64.9%{transform:translateX(-2720px)}64.9%{transform:translateX(-2800px)}64.9%{transform:translateX(-2880px)}64.9%{transform:translateX(-2960px)}64.9%{transform:translateX(-3040px)}64.9%{transform:translateX(-3120px)}64.9%{transform:translateX(-3200px)}64.9%{transform:translateX(-3280px)}64.9%{transform:translateX(-3360px)}64.9%{transform:translateX(-3440px)}64.9%{transform:translateX(-3520px)}64.9%{transform:translateX(-3600px)}64.9%{transform:translateX(-3680px)}64.9%{transform:translateX(-3760px)}64.9%{transform:translateX(-3840px)}64.9%{transform:translateX(-3920px)}64.9%{transform:translateX(-4000px)}64.9%{transform:translateX(-4080px)}64.9%{transform:translateX(-4160px)}100%{transform:translateX(-4240px)}} INFO Theprevioustextwillstayinplace,whiletheareaupdates.█████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████Restartinganimation... \ No newline at end of file diff --git a/_examples/area/dynamic-chart/animation.svg b/_examples/area/dynamic-chart/animation.svg index a093d20ed..d9326caf5 100644 --- a/_examples/area/dynamic-chart/animation.svg +++ b/_examples/area/dynamic-chart/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(0,198,255);white-space:pre}.g{fill:rgb(126,231,233);white-space:pre}.h{fill:transparent}.j{animation-duration:9.970391s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}2.1%{transform:translateX(-80px)}2.7%{transform:translateX(-160px)}2.9%{transform:translateX(-240px)}3.3%{transform:translateX(-320px)}3.3%{transform:translateX(-400px)}3.4%{transform:translateX(-480px)}3.4%{transform:translateX(-560px)}3.4%{transform:translateX(-640px)}3.4%{transform:translateX(-720px)}3.4%{transform:translateX(-800px)}3.4%{transform:translateX(-880px)}3.4%{transform:translateX(-960px)}3.5%{transform:translateX(-1040px)}3.5%{transform:translateX(-1120px)}3.5%{transform:translateX(-1200px)}3.5%{transform:translateX(-1280px)}3.5%{transform:translateX(-1360px)}3.5%{transform:translateX(-1440px)}3.5%{transform:translateX(-1520px)}3.5%{transform:translateX(-1600px)}3.5%{transform:translateX(-1680px)}3.5%{transform:translateX(-1760px)}3.5%{transform:translateX(-1840px)}3.5%{transform:translateX(-1920px)}3.5%{transform:translateX(-2000px)}3.5%{transform:translateX(-2080px)}3.5%{transform:translateX(-2160px)}3.5%{transform:translateX(-2240px)}3.5%{transform:translateX(-2320px)}3.5%{transform:translateX(-2400px)}3.5%{transform:translateX(-2480px)}3.5%{transform:translateX(-2560px)}3.5%{transform:translateX(-2640px)}3.5%{transform:translateX(-2720px)}3.5%{transform:translateX(-2800px)}3.5%{transform:translateX(-2880px)}3.5%{transform:translateX(-2960px)}3.5%{transform:translateX(-3040px)}3.5%{transform:translateX(-3120px)}3.5%{transform:translateX(-3200px)}3.5%{transform:translateX(-3280px)}3.5%{transform:translateX(-3360px)}3.5%{transform:translateX(-3440px)}3.5%{transform:translateX(-3520px)}3.5%{transform:translateX(-3600px)}3.5%{transform:translateX(-3680px)}3.5%{transform:translateX(-3760px)}3.5%{transform:translateX(-3840px)}3.5%{transform:translateX(-3920px)}3.5%{transform:translateX(-4000px)}3.5%{transform:translateX(-4080px)}3.5%{transform:translateX(-4160px)}3.5%{transform:translateX(-4240px)}3.5%{transform:translateX(-4320px)}3.5%{transform:translateX(-4400px)}3.5%{transform:translateX(-4480px)}3.5%{transform:translateX(-4560px)}3.5%{transform:translateX(-4640px)}3.5%{transform:translateX(-4720px)}3.5%{transform:translateX(-4800px)}3.5%{transform:translateX(-4880px)}3.5%{transform:translateX(-4960px)}3.5%{transform:translateX(-5040px)}3.5%{transform:translateX(-5120px)}3.5%{transform:translateX(-5200px)}3.5%{transform:translateX(-5280px)}3.5%{transform:translateX(-5360px)}3.5%{transform:translateX(-5440px)}3.5%{transform:translateX(-5520px)}3.5%{transform:translateX(-5600px)}3.5%{transform:translateX(-5680px)}3.5%{transform:translateX(-5760px)}3.5%{transform:translateX(-5840px)}3.5%{transform:translateX(-5920px)}3.5%{transform:translateX(-6000px)}3.5%{transform:translateX(-6080px)}3.5%{transform:translateX(-6160px)}3.5%{transform:translateX(-6240px)}3.5%{transform:translateX(-6320px)}3.5%{transform:translateX(-6400px)}3.5%{transform:translateX(-6480px)}3.5%{transform:translateX(-6560px)}3.5%{transform:translateX(-6640px)}3.5%{transform:translateX(-6720px)}3.5%{transform:translateX(-6800px)}3.5%{transform:translateX(-6880px)}3.5%{transform:translateX(-6960px)}3.5%{transform:translateX(-7040px)}3.5%{transform:translateX(-7120px)}3.5%{transform:translateX(-7200px)}3.5%{transform:translateX(-7280px)}3.5%{transform:translateX(-7360px)}3.5%{transform:translateX(-7440px)}8.6%{transform:translateX(-7520px)}8.6%{transform:translateX(-7600px)}8.6%{transform:translateX(-7680px)}8.6%{transform:translateX(-7760px)}8.6%{transform:translateX(-7840px)}8.6%{transform:translateX(-7920px)}8.6%{transform:translateX(-8000px)}8.6%{transform:translateX(-8080px)}8.6%{transform:translateX(-8160px)}8.6%{transform:translateX(-8240px)}8.6%{transform:translateX(-8320px)}8.6%{transform:translateX(-8400px)}8.6%{transform:translateX(-8480px)}8.6%{transform:translateX(-8560px)}8.6%{transform:translateX(-8640px)}8.6%{transform:translateX(-8720px)}8.6%{transform:translateX(-8800px)}8.6%{transform:translateX(-8880px)}8.6%{transform:translateX(-8960px)}8.6%{transform:translateX(-9040px)}8.6%{transform:translateX(-9120px)}8.6%{transform:translateX(-9200px)}8.6%{transform:translateX(-9280px)}8.6%{transform:translateX(-9360px)}8.6%{transform:translateX(-9440px)}8.6%{transform:translateX(-9520px)}8.6%{transform:translateX(-9600px)}8.6%{transform:translateX(-9680px)}8.6%{transform:translateX(-9760px)}8.6%{transform:translateX(-9840px)}8.6%{transform:translateX(-9920px)}8.6%{transform:translateX(-10000px)}8.6%{transform:translateX(-10080px)}8.6%{transform:translateX(-10160px)}8.6%{transform:translateX(-10240px)}8.6%{transform:translateX(-10320px)}8.6%{transform:translateX(-10400px)}8.6%{transform:translateX(-10480px)}8.6%{transform:translateX(-10560px)}8.6%{transform:translateX(-10640px)}8.6%{transform:translateX(-10720px)}8.6%{transform:translateX(-10800px)}8.6%{transform:translateX(-10880px)}8.6%{transform:translateX(-10960px)}8.6%{transform:translateX(-11040px)}8.6%{transform:translateX(-11120px)}8.6%{transform:translateX(-11200px)}8.6%{transform:translateX(-11280px)}8.6%{transform:translateX(-11360px)}8.7%{transform:translateX(-11440px)}8.7%{transform:translateX(-11520px)}8.7%{transform:translateX(-11600px)}8.7%{transform:translateX(-11680px)}8.7%{transform:translateX(-11760px)}8.7%{transform:translateX(-11840px)}8.7%{transform:translateX(-11920px)}8.7%{transform:translateX(-12000px)}8.7%{transform:translateX(-12080px)}8.7%{transform:translateX(-12160px)}8.7%{transform:translateX(-12240px)}8.7%{transform:translateX(-12320px)}8.7%{transform:translateX(-12400px)}8.7%{transform:translateX(-12480px)}8.7%{transform:translateX(-12560px)}8.7%{transform:translateX(-12640px)}8.7%{transform:translateX(-12720px)}8.7%{transform:translateX(-12800px)}8.7%{transform:translateX(-12880px)}8.7%{transform:translateX(-12960px)}8.7%{transform:translateX(-13040px)}8.7%{transform:translateX(-13120px)}8.7%{transform:translateX(-13200px)}8.7%{transform:translateX(-13280px)}8.7%{transform:translateX(-13360px)}8.7%{transform:translateX(-13440px)}8.7%{transform:translateX(-13520px)}8.7%{transform:translateX(-13600px)}8.7%{transform:translateX(-13680px)}8.7%{transform:translateX(-13760px)}8.7%{transform:translateX(-13840px)}8.7%{transform:translateX(-13920px)}8.7%{transform:translateX(-14000px)}8.7%{transform:translateX(-14080px)}8.7%{transform:translateX(-14160px)}8.7%{transform:translateX(-14240px)}8.7%{transform:translateX(-14320px)}8.7%{transform:translateX(-14400px)}8.7%{transform:translateX(-14480px)}8.7%{transform:translateX(-14560px)}8.7%{transform:translateX(-14640px)}8.7%{transform:translateX(-14720px)}13.7%{transform:translateX(-14800px)}13.7%{transform:translateX(-14880px)}13.7%{transform:translateX(-14960px)}13.7%{transform:translateX(-15040px)}13.7%{transform:translateX(-15120px)}13.7%{transform:translateX(-15200px)}13.7%{transform:translateX(-15280px)}13.7%{transform:translateX(-15360px)}13.7%{transform:translateX(-15440px)}13.7%{transform:translateX(-15520px)}13.7%{transform:translateX(-15600px)}13.7%{transform:translateX(-15680px)}13.7%{transform:translateX(-15760px)}13.7%{transform:translateX(-15840px)}13.7%{transform:translateX(-15920px)}13.7%{transform:translateX(-16000px)}13.7%{transform:translateX(-16080px)}13.7%{transform:translateX(-16160px)}13.7%{transform:translateX(-16240px)}13.8%{transform:translateX(-16320px)}13.8%{transform:translateX(-16400px)}13.8%{transform:translateX(-16480px)}13.8%{transform:translateX(-16560px)}13.8%{transform:translateX(-16640px)}13.8%{transform:translateX(-16720px)}13.8%{transform:translateX(-16800px)}13.8%{transform:translateX(-16880px)}13.8%{transform:translateX(-16960px)}13.8%{transform:translateX(-17040px)}13.8%{transform:translateX(-17120px)}13.8%{transform:translateX(-17200px)}13.8%{transform:translateX(-17280px)}13.8%{transform:translateX(-17360px)}13.8%{transform:translateX(-17440px)}13.8%{transform:translateX(-17520px)}13.8%{transform:translateX(-17600px)}13.8%{transform:translateX(-17680px)}13.8%{transform:translateX(-17760px)}13.8%{transform:translateX(-17840px)}13.8%{transform:translateX(-17920px)}13.8%{transform:translateX(-18000px)}13.8%{transform:translateX(-18080px)}13.8%{transform:translateX(-18160px)}13.8%{transform:translateX(-18240px)}13.8%{transform:translateX(-18320px)}13.8%{transform:translateX(-18400px)}13.8%{transform:translateX(-18480px)}13.8%{transform:translateX(-18560px)}13.8%{transform:translateX(-18640px)}13.8%{transform:translateX(-18720px)}13.8%{transform:translateX(-18800px)}13.8%{transform:translateX(-18880px)}13.8%{transform:translateX(-18960px)}13.8%{transform:translateX(-19040px)}13.8%{transform:translateX(-19120px)}13.8%{transform:translateX(-19200px)}13.8%{transform:translateX(-19280px)}13.8%{transform:translateX(-19360px)}13.8%{transform:translateX(-19440px)}13.8%{transform:translateX(-19520px)}13.8%{transform:translateX(-19600px)}13.8%{transform:translateX(-19680px)}13.8%{transform:translateX(-19760px)}13.8%{transform:translateX(-19840px)}13.8%{transform:translateX(-19920px)}13.8%{transform:translateX(-20000px)}13.8%{transform:translateX(-20080px)}13.8%{transform:translateX(-20160px)}13.8%{transform:translateX(-20240px)}13.8%{transform:translateX(-20320px)}13.8%{transform:translateX(-20400px)}13.8%{transform:translateX(-20480px)}13.8%{transform:translateX(-20560px)}13.8%{transform:translateX(-20640px)}13.8%{transform:translateX(-20720px)}13.8%{transform:translateX(-20800px)}13.8%{transform:translateX(-20880px)}13.8%{transform:translateX(-20960px)}13.8%{transform:translateX(-21040px)}13.8%{transform:translateX(-21120px)}13.8%{transform:translateX(-21200px)}13.8%{transform:translateX(-21280px)}13.8%{transform:translateX(-21360px)}13.8%{transform:translateX(-21440px)}13.8%{transform:translateX(-21520px)}13.8%{transform:translateX(-21600px)}13.8%{transform:translateX(-21680px)}13.8%{transform:translateX(-21760px)}13.8%{transform:translateX(-21840px)}13.8%{transform:translateX(-21920px)}13.8%{transform:translateX(-22000px)}18.9%{transform:translateX(-22080px)}18.9%{transform:translateX(-22160px)}18.9%{transform:translateX(-22240px)}18.9%{transform:translateX(-22320px)}18.9%{transform:translateX(-22400px)}18.9%{transform:translateX(-22480px)}18.9%{transform:translateX(-22560px)}18.9%{transform:translateX(-22640px)}18.9%{transform:translateX(-22720px)}18.9%{transform:translateX(-22800px)}18.9%{transform:translateX(-22880px)}18.9%{transform:translateX(-22960px)}18.9%{transform:translateX(-23040px)}18.9%{transform:translateX(-23120px)}18.9%{transform:translateX(-23200px)}18.9%{transform:translateX(-23280px)}18.9%{transform:translateX(-23360px)}18.9%{transform:translateX(-23440px)}18.9%{transform:translateX(-23520px)}18.9%{transform:translateX(-23600px)}18.9%{transform:translateX(-23680px)}18.9%{transform:translateX(-23760px)}18.9%{transform:translateX(-23840px)}18.9%{transform:translateX(-23920px)}18.9%{transform:translateX(-24000px)}18.9%{transform:translateX(-24080px)}18.9%{transform:translateX(-24160px)}18.9%{transform:translateX(-24240px)}18.9%{transform:translateX(-24320px)}18.9%{transform:translateX(-24400px)}18.9%{transform:translateX(-24480px)}24%{transform:translateX(-24560px)}24%{transform:translateX(-24640px)}24%{transform:translateX(-24720px)}24%{transform:translateX(-24800px)}24%{transform:translateX(-24880px)}24%{transform:translateX(-24960px)}24%{transform:translateX(-25040px)}24%{transform:translateX(-25120px)}24%{transform:translateX(-25200px)}24%{transform:translateX(-25280px)}24%{transform:translateX(-25360px)}24%{transform:translateX(-25440px)}24%{transform:translateX(-25520px)}24.1%{transform:translateX(-25600px)}24.1%{transform:translateX(-25680px)}24.1%{transform:translateX(-25760px)}24.1%{transform:translateX(-25840px)}24.1%{transform:translateX(-25920px)}24.1%{transform:translateX(-26000px)}24.1%{transform:translateX(-26080px)}24.1%{transform:translateX(-26160px)}24.1%{transform:translateX(-26240px)}24.1%{transform:translateX(-26320px)}24.1%{transform:translateX(-26400px)}24.1%{transform:translateX(-26480px)}24.1%{transform:translateX(-26560px)}24.1%{transform:translateX(-26640px)}24.1%{transform:translateX(-26720px)}24.1%{transform:translateX(-26800px)}24.1%{transform:translateX(-26880px)}24.1%{transform:translateX(-26960px)}24.1%{transform:translateX(-27040px)}24.1%{transform:translateX(-27120px)}24.1%{transform:translateX(-27200px)}24.1%{transform:translateX(-27280px)}24.1%{transform:translateX(-27360px)}24.1%{transform:translateX(-27440px)}24.1%{transform:translateX(-27520px)}24.1%{transform:translateX(-27600px)}24.1%{transform:translateX(-27680px)}24.1%{transform:translateX(-27760px)}24.1%{transform:translateX(-27840px)}24.1%{transform:translateX(-27920px)}24.1%{transform:translateX(-28000px)}24.1%{transform:translateX(-28080px)}24.1%{transform:translateX(-28160px)}24.1%{transform:translateX(-28240px)}24.1%{transform:translateX(-28320px)}24.1%{transform:translateX(-28400px)}24.1%{transform:translateX(-28480px)}24.1%{transform:translateX(-28560px)}24.1%{transform:translateX(-28640px)}24.1%{transform:translateX(-28720px)}24.1%{transform:translateX(-28800px)}24.1%{transform:translateX(-28880px)}24.1%{transform:translateX(-28960px)}24.1%{transform:translateX(-29040px)}24.1%{transform:translateX(-29120px)}24.1%{transform:translateX(-29200px)}24.1%{transform:translateX(-29280px)}24.1%{transform:translateX(-29360px)}24.1%{transform:translateX(-29440px)}24.1%{transform:translateX(-29520px)}24.1%{transform:translateX(-29600px)}24.1%{transform:translateX(-29680px)}24.1%{transform:translateX(-29760px)}24.1%{transform:translateX(-29840px)}24.1%{transform:translateX(-29920px)}24.1%{transform:translateX(-30000px)}24.1%{transform:translateX(-30080px)}24.1%{transform:translateX(-30160px)}24.1%{transform:translateX(-30240px)}24.1%{transform:translateX(-30320px)}24.1%{transform:translateX(-30400px)}24.1%{transform:translateX(-30480px)}24.1%{transform:translateX(-30560px)}24.1%{transform:translateX(-30640px)}24.1%{transform:translateX(-30720px)}24.1%{transform:translateX(-30800px)}24.1%{transform:translateX(-30880px)}24.1%{transform:translateX(-30960px)}24.1%{transform:translateX(-31040px)}24.1%{transform:translateX(-31120px)}24.1%{transform:translateX(-31200px)}24.1%{transform:translateX(-31280px)}24.1%{transform:translateX(-31360px)}24.1%{transform:translateX(-31440px)}24.1%{transform:translateX(-31520px)}24.1%{transform:translateX(-31600px)}24.1%{transform:translateX(-31680px)}24.1%{transform:translateX(-31760px)}29.2%{transform:translateX(-31840px)}29.2%{transform:translateX(-31920px)}29.2%{transform:translateX(-32000px)}29.2%{transform:translateX(-32080px)}29.2%{transform:translateX(-32160px)}29.2%{transform:translateX(-32240px)}29.2%{transform:translateX(-32320px)}29.2%{transform:translateX(-32400px)}29.2%{transform:translateX(-32480px)}29.2%{transform:translateX(-32560px)}29.2%{transform:translateX(-32640px)}29.2%{transform:translateX(-32720px)}29.2%{transform:translateX(-32800px)}29.2%{transform:translateX(-32880px)}29.2%{transform:translateX(-32960px)}29.2%{transform:translateX(-33040px)}29.2%{transform:translateX(-33120px)}29.2%{transform:translateX(-33200px)}29.2%{transform:translateX(-33280px)}29.2%{transform:translateX(-33360px)}29.2%{transform:translateX(-33440px)}29.2%{transform:translateX(-33520px)}29.2%{transform:translateX(-33600px)}29.2%{transform:translateX(-33680px)}29.2%{transform:translateX(-33760px)}29.2%{transform:translateX(-33840px)}29.2%{transform:translateX(-33920px)}29.2%{transform:translateX(-34000px)}29.2%{transform:translateX(-34080px)}29.2%{transform:translateX(-34160px)}29.2%{transform:translateX(-34240px)}29.2%{transform:translateX(-34320px)}29.2%{transform:translateX(-34400px)}29.2%{transform:translateX(-34480px)}29.2%{transform:translateX(-34560px)}29.2%{transform:translateX(-34640px)}29.2%{transform:translateX(-34720px)}29.2%{transform:translateX(-34800px)}29.2%{transform:translateX(-34880px)}29.2%{transform:translateX(-34960px)}29.2%{transform:translateX(-35040px)}29.2%{transform:translateX(-35120px)}29.2%{transform:translateX(-35200px)}29.2%{transform:translateX(-35280px)}29.2%{transform:translateX(-35360px)}29.2%{transform:translateX(-35440px)}29.2%{transform:translateX(-35520px)}29.2%{transform:translateX(-35600px)}29.2%{transform:translateX(-35680px)}29.2%{transform:translateX(-35760px)}29.2%{transform:translateX(-35840px)}29.2%{transform:translateX(-35920px)}29.2%{transform:translateX(-36000px)}29.2%{transform:translateX(-36080px)}29.2%{transform:translateX(-36160px)}29.3%{transform:translateX(-36240px)}29.3%{transform:translateX(-36320px)}29.3%{transform:translateX(-36400px)}29.3%{transform:translateX(-36480px)}29.3%{transform:translateX(-36560px)}29.3%{transform:translateX(-36640px)}29.3%{transform:translateX(-36720px)}29.3%{transform:translateX(-36800px)}29.3%{transform:translateX(-36880px)}29.3%{transform:translateX(-36960px)}29.3%{transform:translateX(-37040px)}29.3%{transform:translateX(-37120px)}29.3%{transform:translateX(-37200px)}29.3%{transform:translateX(-37280px)}29.3%{transform:translateX(-37360px)}29.3%{transform:translateX(-37440px)}29.3%{transform:translateX(-37520px)}29.3%{transform:translateX(-37600px)}29.3%{transform:translateX(-37680px)}29.3%{transform:translateX(-37760px)}29.3%{transform:translateX(-37840px)}29.3%{transform:translateX(-37920px)}29.3%{transform:translateX(-38000px)}29.3%{transform:translateX(-38080px)}29.3%{transform:translateX(-38160px)}29.3%{transform:translateX(-38240px)}29.3%{transform:translateX(-38320px)}29.3%{transform:translateX(-38400px)}29.3%{transform:translateX(-38480px)}29.3%{transform:translateX(-38560px)}29.3%{transform:translateX(-38640px)}29.3%{transform:translateX(-38720px)}29.3%{transform:translateX(-38800px)}29.3%{transform:translateX(-38880px)}29.3%{transform:translateX(-38960px)}29.3%{transform:translateX(-39040px)}34.4%{transform:translateX(-39120px)}34.4%{transform:translateX(-39200px)}34.4%{transform:translateX(-39280px)}34.4%{transform:translateX(-39360px)}34.4%{transform:translateX(-39440px)}34.4%{transform:translateX(-39520px)}34.4%{transform:translateX(-39600px)}34.4%{transform:translateX(-39680px)}34.4%{transform:translateX(-39760px)}34.4%{transform:translateX(-39840px)}34.4%{transform:translateX(-39920px)}34.4%{transform:translateX(-40000px)}34.4%{transform:translateX(-40080px)}34.4%{transform:translateX(-40160px)}34.4%{transform:translateX(-40240px)}34.4%{transform:translateX(-40320px)}34.4%{transform:translateX(-40400px)}34.4%{transform:translateX(-40480px)}34.4%{transform:translateX(-40560px)}34.4%{transform:translateX(-40640px)}34.4%{transform:translateX(-40720px)}34.4%{transform:translateX(-40800px)}34.4%{transform:translateX(-40880px)}34.4%{transform:translateX(-40960px)}34.4%{transform:translateX(-41040px)}34.4%{transform:translateX(-41120px)}34.4%{transform:translateX(-41200px)}34.4%{transform:translateX(-41280px)}34.4%{transform:translateX(-41360px)}34.4%{transform:translateX(-41440px)}34.4%{transform:translateX(-41520px)}34.4%{transform:translateX(-41600px)}34.4%{transform:translateX(-41680px)}34.4%{transform:translateX(-41760px)}34.4%{transform:translateX(-41840px)}34.4%{transform:translateX(-41920px)}34.4%{transform:translateX(-42000px)}34.4%{transform:translateX(-42080px)}34.4%{transform:translateX(-42160px)}34.4%{transform:translateX(-42240px)}34.4%{transform:translateX(-42320px)}34.4%{transform:translateX(-42400px)}34.4%{transform:translateX(-42480px)}34.4%{transform:translateX(-42560px)}34.4%{transform:translateX(-42640px)}34.4%{transform:translateX(-42720px)}34.4%{transform:translateX(-42800px)}34.4%{transform:translateX(-42880px)}34.4%{transform:translateX(-42960px)}34.4%{transform:translateX(-43040px)}34.4%{transform:translateX(-43120px)}34.4%{transform:translateX(-43200px)}34.4%{transform:translateX(-43280px)}34.4%{transform:translateX(-43360px)}34.4%{transform:translateX(-43440px)}34.4%{transform:translateX(-43520px)}34.4%{transform:translateX(-43600px)}34.4%{transform:translateX(-43680px)}34.4%{transform:translateX(-43760px)}34.4%{transform:translateX(-43840px)}34.4%{transform:translateX(-43920px)}34.4%{transform:translateX(-44000px)}34.4%{transform:translateX(-44080px)}34.4%{transform:translateX(-44160px)}34.4%{transform:translateX(-44240px)}34.4%{transform:translateX(-44320px)}34.4%{transform:translateX(-44400px)}34.4%{transform:translateX(-44480px)}34.4%{transform:translateX(-44560px)}34.4%{transform:translateX(-44640px)}34.4%{transform:translateX(-44720px)}34.4%{transform:translateX(-44800px)}34.4%{transform:translateX(-44880px)}34.5%{transform:translateX(-44960px)}34.5%{transform:translateX(-45040px)}34.5%{transform:translateX(-45120px)}34.5%{transform:translateX(-45200px)}34.5%{transform:translateX(-45280px)}34.5%{transform:translateX(-45360px)}34.5%{transform:translateX(-45440px)}34.5%{transform:translateX(-45520px)}34.5%{transform:translateX(-45600px)}34.5%{transform:translateX(-45680px)}34.5%{transform:translateX(-45760px)}34.5%{transform:translateX(-45840px)}34.5%{transform:translateX(-45920px)}34.5%{transform:translateX(-46000px)}34.5%{transform:translateX(-46080px)}34.5%{transform:translateX(-46160px)}34.5%{transform:translateX(-46240px)}34.5%{transform:translateX(-46320px)}39.5%{transform:translateX(-46400px)}39.5%{transform:translateX(-46480px)}39.5%{transform:translateX(-46560px)}39.5%{transform:translateX(-46640px)}39.5%{transform:translateX(-46720px)}39.5%{transform:translateX(-46800px)}39.5%{transform:translateX(-46880px)}39.5%{transform:translateX(-46960px)}39.5%{transform:translateX(-47040px)}39.5%{transform:translateX(-47120px)}39.5%{transform:translateX(-47200px)}39.5%{transform:translateX(-47280px)}39.5%{transform:translateX(-47360px)}39.5%{transform:translateX(-47440px)}39.5%{transform:translateX(-47520px)}39.5%{transform:translateX(-47600px)}39.5%{transform:translateX(-47680px)}39.5%{transform:translateX(-47760px)}39.5%{transform:translateX(-47840px)}39.5%{transform:translateX(-47920px)}39.5%{transform:translateX(-48000px)}39.5%{transform:translateX(-48080px)}39.5%{transform:translateX(-48160px)}39.5%{transform:translateX(-48240px)}39.5%{transform:translateX(-48320px)}39.5%{transform:translateX(-48400px)}39.5%{transform:translateX(-48480px)}39.5%{transform:translateX(-48560px)}39.5%{transform:translateX(-48640px)}39.5%{transform:translateX(-48720px)}39.5%{transform:translateX(-48800px)}39.5%{transform:translateX(-48880px)}39.5%{transform:translateX(-48960px)}39.5%{transform:translateX(-49040px)}39.5%{transform:translateX(-49120px)}39.6%{transform:translateX(-49200px)}39.6%{transform:translateX(-49280px)}39.6%{transform:translateX(-49360px)}39.6%{transform:translateX(-49440px)}39.6%{transform:translateX(-49520px)}39.6%{transform:translateX(-49600px)}39.6%{transform:translateX(-49680px)}39.6%{transform:translateX(-49760px)}39.6%{transform:translateX(-49840px)}39.6%{transform:translateX(-49920px)}39.6%{transform:translateX(-50000px)}39.6%{transform:translateX(-50080px)}39.6%{transform:translateX(-50160px)}39.6%{transform:translateX(-50240px)}39.6%{transform:translateX(-50320px)}39.6%{transform:translateX(-50400px)}39.6%{transform:translateX(-50480px)}39.6%{transform:translateX(-50560px)}39.6%{transform:translateX(-50640px)}39.6%{transform:translateX(-50720px)}39.6%{transform:translateX(-50800px)}39.6%{transform:translateX(-50880px)}39.6%{transform:translateX(-50960px)}39.6%{transform:translateX(-51040px)}39.6%{transform:translateX(-51120px)}39.6%{transform:translateX(-51200px)}39.6%{transform:translateX(-51280px)}39.6%{transform:translateX(-51360px)}39.6%{transform:translateX(-51440px)}39.6%{transform:translateX(-51520px)}39.6%{transform:translateX(-51600px)}39.6%{transform:translateX(-51680px)}39.6%{transform:translateX(-51760px)}39.6%{transform:translateX(-51840px)}39.6%{transform:translateX(-51920px)}39.6%{transform:translateX(-52000px)}39.6%{transform:translateX(-52080px)}39.6%{transform:translateX(-52160px)}39.6%{transform:translateX(-52240px)}39.6%{transform:translateX(-52320px)}39.6%{transform:translateX(-52400px)}39.6%{transform:translateX(-52480px)}39.6%{transform:translateX(-52560px)}39.6%{transform:translateX(-52640px)}39.6%{transform:translateX(-52720px)}39.6%{transform:translateX(-52800px)}39.6%{transform:translateX(-52880px)}39.6%{transform:translateX(-52960px)}39.6%{transform:translateX(-53040px)}39.6%{transform:translateX(-53120px)}39.6%{transform:translateX(-53200px)}39.6%{transform:translateX(-53280px)}39.6%{transform:translateX(-53360px)}39.6%{transform:translateX(-53440px)}39.6%{transform:translateX(-53520px)}39.6%{transform:translateX(-53600px)}44.6%{transform:translateX(-53680px)}44.6%{transform:translateX(-53760px)}44.6%{transform:translateX(-53840px)}44.6%{transform:translateX(-53920px)}44.6%{transform:translateX(-54000px)}44.6%{transform:translateX(-54080px)}44.6%{transform:translateX(-54160px)}44.7%{transform:translateX(-54240px)}44.7%{transform:translateX(-54320px)}44.7%{transform:translateX(-54400px)}44.7%{transform:translateX(-54480px)}44.7%{transform:translateX(-54560px)}44.7%{transform:translateX(-54640px)}44.7%{transform:translateX(-54720px)}44.7%{transform:translateX(-54800px)}44.7%{transform:translateX(-54880px)}44.7%{transform:translateX(-54960px)}44.7%{transform:translateX(-55040px)}44.7%{transform:translateX(-55120px)}44.7%{transform:translateX(-55200px)}44.7%{transform:translateX(-55280px)}44.7%{transform:translateX(-55360px)}44.7%{transform:translateX(-55440px)}44.7%{transform:translateX(-55520px)}44.7%{transform:translateX(-55600px)}44.7%{transform:translateX(-55680px)}44.7%{transform:translateX(-55760px)}44.7%{transform:translateX(-55840px)}44.7%{transform:translateX(-55920px)}44.7%{transform:translateX(-56000px)}44.7%{transform:translateX(-56080px)}44.7%{transform:translateX(-56160px)}44.7%{transform:translateX(-56240px)}44.7%{transform:translateX(-56320px)}44.7%{transform:translateX(-56400px)}44.7%{transform:translateX(-56480px)}44.7%{transform:translateX(-56560px)}44.7%{transform:translateX(-56640px)}44.7%{transform:translateX(-56720px)}44.7%{transform:translateX(-56800px)}44.7%{transform:translateX(-56880px)}44.7%{transform:translateX(-56960px)}44.7%{transform:translateX(-57040px)}44.7%{transform:translateX(-57120px)}44.7%{transform:translateX(-57200px)}44.7%{transform:translateX(-57280px)}44.7%{transform:translateX(-57360px)}44.7%{transform:translateX(-57440px)}44.7%{transform:translateX(-57520px)}44.7%{transform:translateX(-57600px)}44.7%{transform:translateX(-57680px)}44.7%{transform:translateX(-57760px)}44.7%{transform:translateX(-57840px)}44.7%{transform:translateX(-57920px)}44.7%{transform:translateX(-58000px)}44.7%{transform:translateX(-58080px)}44.7%{transform:translateX(-58160px)}44.7%{transform:translateX(-58240px)}44.7%{transform:translateX(-58320px)}44.7%{transform:translateX(-58400px)}44.7%{transform:translateX(-58480px)}44.7%{transform:translateX(-58560px)}44.7%{transform:translateX(-58640px)}44.7%{transform:translateX(-58720px)}44.7%{transform:translateX(-58800px)}44.7%{transform:translateX(-58880px)}44.7%{transform:translateX(-58960px)}44.7%{transform:translateX(-59040px)}44.7%{transform:translateX(-59120px)}44.7%{transform:translateX(-59200px)}44.7%{transform:translateX(-59280px)}44.7%{transform:translateX(-59360px)}44.7%{transform:translateX(-59440px)}44.7%{transform:translateX(-59520px)}44.7%{transform:translateX(-59600px)}44.7%{transform:translateX(-59680px)}44.7%{transform:translateX(-59760px)}44.7%{transform:translateX(-59840px)}44.7%{transform:translateX(-59920px)}44.7%{transform:translateX(-60000px)}44.7%{transform:translateX(-60080px)}44.7%{transform:translateX(-60160px)}44.7%{transform:translateX(-60240px)}44.7%{transform:translateX(-60320px)}44.7%{transform:translateX(-60400px)}44.7%{transform:translateX(-60480px)}44.7%{transform:translateX(-60560px)}44.7%{transform:translateX(-60640px)}44.7%{transform:translateX(-60720px)}44.7%{transform:translateX(-60800px)}44.7%{transform:translateX(-60880px)}49.8%{transform:translateX(-60960px)}49.8%{transform:translateX(-61040px)}49.8%{transform:translateX(-61120px)}49.8%{transform:translateX(-61200px)}49.8%{transform:translateX(-61280px)}49.8%{transform:translateX(-61360px)}49.8%{transform:translateX(-61440px)}49.8%{transform:translateX(-61520px)}49.8%{transform:translateX(-61600px)}49.8%{transform:translateX(-61680px)}49.8%{transform:translateX(-61760px)}49.8%{transform:translateX(-61840px)}49.8%{transform:translateX(-61920px)}49.8%{transform:translateX(-62000px)}49.8%{transform:translateX(-62080px)}49.8%{transform:translateX(-62160px)}49.8%{transform:translateX(-62240px)}49.8%{transform:translateX(-62320px)}49.8%{transform:translateX(-62400px)}49.8%{transform:translateX(-62480px)}49.8%{transform:translateX(-62560px)}49.8%{transform:translateX(-62640px)}49.8%{transform:translateX(-62720px)}49.8%{transform:translateX(-62800px)}49.8%{transform:translateX(-62880px)}49.8%{transform:translateX(-62960px)}49.8%{transform:translateX(-63040px)}49.8%{transform:translateX(-63120px)}49.8%{transform:translateX(-63200px)}49.8%{transform:translateX(-63280px)}49.8%{transform:translateX(-63360px)}49.8%{transform:translateX(-63440px)}49.8%{transform:translateX(-63520px)}49.8%{transform:translateX(-63600px)}49.8%{transform:translateX(-63680px)}49.8%{transform:translateX(-63760px)}49.8%{transform:translateX(-63840px)}49.8%{transform:translateX(-63920px)}49.8%{transform:translateX(-64000px)}49.8%{transform:translateX(-64080px)}49.8%{transform:translateX(-64160px)}49.8%{transform:translateX(-64240px)}49.8%{transform:translateX(-64320px)}49.8%{transform:translateX(-64400px)}49.8%{transform:translateX(-64480px)}49.8%{transform:translateX(-64560px)}49.8%{transform:translateX(-64640px)}49.8%{transform:translateX(-64720px)}49.8%{transform:translateX(-64800px)}49.8%{transform:translateX(-64880px)}49.8%{transform:translateX(-64960px)}49.8%{transform:translateX(-65040px)}49.8%{transform:translateX(-65120px)}49.8%{transform:translateX(-65200px)}49.8%{transform:translateX(-65280px)}49.8%{transform:translateX(-65360px)}49.8%{transform:translateX(-65440px)}49.8%{transform:translateX(-65520px)}49.8%{transform:translateX(-65600px)}49.8%{transform:translateX(-65680px)}49.8%{transform:translateX(-65760px)}49.8%{transform:translateX(-65840px)}49.8%{transform:translateX(-65920px)}49.8%{transform:translateX(-66000px)}49.8%{transform:translateX(-66080px)}49.8%{transform:translateX(-66160px)}49.8%{transform:translateX(-66240px)}49.8%{transform:translateX(-66320px)}49.8%{transform:translateX(-66400px)}49.8%{transform:translateX(-66480px)}49.8%{transform:translateX(-66560px)}49.8%{transform:translateX(-66640px)}49.8%{transform:translateX(-66720px)}49.8%{transform:translateX(-66800px)}49.8%{transform:translateX(-66880px)}49.8%{transform:translateX(-66960px)}49.8%{transform:translateX(-67040px)}49.8%{transform:translateX(-67120px)}49.8%{transform:translateX(-67200px)}49.8%{transform:translateX(-67280px)}49.9%{transform:translateX(-67360px)}49.9%{transform:translateX(-67440px)}49.9%{transform:translateX(-67520px)}49.9%{transform:translateX(-67600px)}49.9%{transform:translateX(-67680px)}49.9%{transform:translateX(-67760px)}49.9%{transform:translateX(-67840px)}49.9%{transform:translateX(-67920px)}49.9%{transform:translateX(-68000px)}49.9%{transform:translateX(-68080px)}49.9%{transform:translateX(-68160px)}100%{transform:translateX(-68240px)}}████████████ABCD██████████████████████Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(0,198,255);white-space:pre}.g{fill:rgb(126,231,233);white-space:pre}.h{fill:transparent}.j{animation-duration:9.969823s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}2.1%{transform:translateX(-80px)}2.5%{transform:translateX(-160px)}3.2%{transform:translateX(-240px)}3.5%{transform:translateX(-320px)}3.5%{transform:translateX(-400px)}3.6%{transform:translateX(-480px)}3.6%{transform:translateX(-560px)}3.6%{transform:translateX(-640px)}3.6%{transform:translateX(-720px)}3.6%{transform:translateX(-800px)}3.6%{transform:translateX(-880px)}3.6%{transform:translateX(-960px)}3.6%{transform:translateX(-1040px)}3.6%{transform:translateX(-1120px)}8.6%{transform:translateX(-1200px)}8.6%{transform:translateX(-1280px)}8.6%{transform:translateX(-1360px)}8.6%{transform:translateX(-1440px)}8.6%{transform:translateX(-1520px)}8.6%{transform:translateX(-1600px)}8.6%{transform:translateX(-1680px)}8.6%{transform:translateX(-1760px)}8.6%{transform:translateX(-1840px)}8.6%{transform:translateX(-1920px)}8.6%{transform:translateX(-2000px)}8.6%{transform:translateX(-2080px)}8.6%{transform:translateX(-2160px)}8.6%{transform:translateX(-2240px)}8.6%{transform:translateX(-2320px)}8.6%{transform:translateX(-2400px)}8.6%{transform:translateX(-2480px)}8.6%{transform:translateX(-2560px)}8.6%{transform:translateX(-2640px)}8.6%{transform:translateX(-2720px)}8.6%{transform:translateX(-2800px)}8.6%{transform:translateX(-2880px)}8.6%{transform:translateX(-2960px)}8.6%{transform:translateX(-3040px)}8.6%{transform:translateX(-3120px)}8.6%{transform:translateX(-3200px)}8.6%{transform:translateX(-3280px)}8.6%{transform:translateX(-3360px)}8.6%{transform:translateX(-3440px)}8.6%{transform:translateX(-3520px)}8.6%{transform:translateX(-3600px)}8.6%{transform:translateX(-3680px)}8.6%{transform:translateX(-3760px)}8.6%{transform:translateX(-3840px)}8.6%{transform:translateX(-3920px)}8.7%{transform:translateX(-4000px)}8.7%{transform:translateX(-4080px)}8.7%{transform:translateX(-4160px)}8.7%{transform:translateX(-4240px)}8.7%{transform:translateX(-4320px)}8.7%{transform:translateX(-4400px)}8.7%{transform:translateX(-4480px)}8.7%{transform:translateX(-4560px)}8.7%{transform:translateX(-4640px)}8.7%{transform:translateX(-4720px)}8.7%{transform:translateX(-4800px)}8.7%{transform:translateX(-4880px)}8.7%{transform:translateX(-4960px)}8.7%{transform:translateX(-5040px)}8.7%{transform:translateX(-5120px)}8.7%{transform:translateX(-5200px)}8.7%{transform:translateX(-5280px)}8.7%{transform:translateX(-5360px)}8.7%{transform:translateX(-5440px)}8.7%{transform:translateX(-5520px)}8.7%{transform:translateX(-5600px)}8.7%{transform:translateX(-5680px)}8.7%{transform:translateX(-5760px)}8.7%{transform:translateX(-5840px)}8.7%{transform:translateX(-5920px)}8.7%{transform:translateX(-6000px)}8.7%{transform:translateX(-6080px)}8.7%{transform:translateX(-6160px)}8.7%{transform:translateX(-6240px)}8.7%{transform:translateX(-6320px)}8.7%{transform:translateX(-6400px)}13.7%{transform:translateX(-6480px)}13.7%{transform:translateX(-6560px)}13.7%{transform:translateX(-6640px)}13.7%{transform:translateX(-6720px)}13.7%{transform:translateX(-6800px)}13.7%{transform:translateX(-6880px)}13.7%{transform:translateX(-6960px)}13.7%{transform:translateX(-7040px)}13.7%{transform:translateX(-7120px)}13.7%{transform:translateX(-7200px)}13.7%{transform:translateX(-7280px)}13.7%{transform:translateX(-7360px)}13.7%{transform:translateX(-7440px)}13.7%{transform:translateX(-7520px)}13.8%{transform:translateX(-7600px)}13.8%{transform:translateX(-7680px)}13.8%{transform:translateX(-7760px)}13.8%{transform:translateX(-7840px)}13.8%{transform:translateX(-7920px)}13.8%{transform:translateX(-8000px)}13.8%{transform:translateX(-8080px)}13.8%{transform:translateX(-8160px)}13.8%{transform:translateX(-8240px)}13.8%{transform:translateX(-8320px)}13.8%{transform:translateX(-8400px)}13.8%{transform:translateX(-8480px)}13.8%{transform:translateX(-8560px)}13.8%{transform:translateX(-8640px)}13.8%{transform:translateX(-8720px)}13.8%{transform:translateX(-8800px)}13.8%{transform:translateX(-8880px)}13.8%{transform:translateX(-8960px)}13.8%{transform:translateX(-9040px)}13.8%{transform:translateX(-9120px)}13.8%{transform:translateX(-9200px)}13.8%{transform:translateX(-9280px)}13.8%{transform:translateX(-9360px)}13.8%{transform:translateX(-9440px)}13.8%{transform:translateX(-9520px)}13.8%{transform:translateX(-9600px)}13.8%{transform:translateX(-9680px)}13.8%{transform:translateX(-9760px)}13.8%{transform:translateX(-9840px)}13.8%{transform:translateX(-9920px)}13.8%{transform:translateX(-10000px)}13.8%{transform:translateX(-10080px)}13.8%{transform:translateX(-10160px)}13.8%{transform:translateX(-10240px)}13.8%{transform:translateX(-10320px)}13.8%{transform:translateX(-10400px)}13.8%{transform:translateX(-10480px)}13.8%{transform:translateX(-10560px)}13.8%{transform:translateX(-10640px)}13.8%{transform:translateX(-10720px)}13.8%{transform:translateX(-10800px)}13.8%{transform:translateX(-10880px)}13.8%{transform:translateX(-10960px)}13.8%{transform:translateX(-11040px)}13.8%{transform:translateX(-11120px)}13.8%{transform:translateX(-11200px)}13.8%{transform:translateX(-11280px)}13.8%{transform:translateX(-11360px)}13.8%{transform:translateX(-11440px)}13.8%{transform:translateX(-11520px)}13.8%{transform:translateX(-11600px)}13.8%{transform:translateX(-11680px)}13.8%{transform:translateX(-11760px)}13.8%{transform:translateX(-11840px)}13.8%{transform:translateX(-11920px)}13.8%{transform:translateX(-12000px)}13.8%{transform:translateX(-12080px)}13.8%{transform:translateX(-12160px)}13.8%{transform:translateX(-12240px)}13.8%{transform:translateX(-12320px)}13.8%{transform:translateX(-12400px)}13.8%{transform:translateX(-12480px)}13.8%{transform:translateX(-12560px)}13.8%{transform:translateX(-12640px)}13.8%{transform:translateX(-12720px)}13.8%{transform:translateX(-12800px)}13.8%{transform:translateX(-12880px)}13.8%{transform:translateX(-12960px)}13.8%{transform:translateX(-13040px)}13.8%{transform:translateX(-13120px)}13.8%{transform:translateX(-13200px)}13.8%{transform:translateX(-13280px)}13.8%{transform:translateX(-13360px)}13.8%{transform:translateX(-13440px)}13.8%{transform:translateX(-13520px)}13.8%{transform:translateX(-13600px)}13.8%{transform:translateX(-13680px)}18.9%{transform:translateX(-13760px)}18.9%{transform:translateX(-13840px)}18.9%{transform:translateX(-13920px)}18.9%{transform:translateX(-14000px)}18.9%{transform:translateX(-14080px)}18.9%{transform:translateX(-14160px)}18.9%{transform:translateX(-14240px)}18.9%{transform:translateX(-14320px)}18.9%{transform:translateX(-14400px)}18.9%{transform:translateX(-14480px)}18.9%{transform:translateX(-14560px)}18.9%{transform:translateX(-14640px)}18.9%{transform:translateX(-14720px)}18.9%{transform:translateX(-14800px)}18.9%{transform:translateX(-14880px)}18.9%{transform:translateX(-14960px)}18.9%{transform:translateX(-15040px)}18.9%{transform:translateX(-15120px)}18.9%{transform:translateX(-15200px)}18.9%{transform:translateX(-15280px)}18.9%{transform:translateX(-15360px)}18.9%{transform:translateX(-15440px)}18.9%{transform:translateX(-15520px)}18.9%{transform:translateX(-15600px)}18.9%{transform:translateX(-15680px)}18.9%{transform:translateX(-15760px)}18.9%{transform:translateX(-15840px)}18.9%{transform:translateX(-15920px)}18.9%{transform:translateX(-16000px)}18.9%{transform:translateX(-16080px)}18.9%{transform:translateX(-16160px)}18.9%{transform:translateX(-16240px)}18.9%{transform:translateX(-16320px)}19%{transform:translateX(-16400px)}19%{transform:translateX(-16480px)}19%{transform:translateX(-16560px)}19%{transform:translateX(-16640px)}19%{transform:translateX(-16720px)}19%{transform:translateX(-16800px)}19%{transform:translateX(-16880px)}19%{transform:translateX(-16960px)}19%{transform:translateX(-17040px)}19%{transform:translateX(-17120px)}19%{transform:translateX(-17200px)}19%{transform:translateX(-17280px)}19%{transform:translateX(-17360px)}19%{transform:translateX(-17440px)}19%{transform:translateX(-17520px)}19%{transform:translateX(-17600px)}19%{transform:translateX(-17680px)}19%{transform:translateX(-17760px)}19%{transform:translateX(-17840px)}19%{transform:translateX(-17920px)}19%{transform:translateX(-18000px)}19%{transform:translateX(-18080px)}19%{transform:translateX(-18160px)}19%{transform:translateX(-18240px)}19%{transform:translateX(-18320px)}19%{transform:translateX(-18400px)}19%{transform:translateX(-18480px)}19%{transform:translateX(-18560px)}19%{transform:translateX(-18640px)}19%{transform:translateX(-18720px)}19%{transform:translateX(-18800px)}19%{transform:translateX(-18880px)}19%{transform:translateX(-18960px)}19%{transform:translateX(-19040px)}19%{transform:translateX(-19120px)}19%{transform:translateX(-19200px)}19%{transform:translateX(-19280px)}19%{transform:translateX(-19360px)}19%{transform:translateX(-19440px)}19%{transform:translateX(-19520px)}19%{transform:translateX(-19600px)}19%{transform:translateX(-19680px)}19%{transform:translateX(-19760px)}19%{transform:translateX(-19840px)}19%{transform:translateX(-19920px)}19%{transform:translateX(-20000px)}19%{transform:translateX(-20080px)}19%{transform:translateX(-20160px)}19%{transform:translateX(-20240px)}19%{transform:translateX(-20320px)}19%{transform:translateX(-20400px)}19%{transform:translateX(-20480px)}19%{transform:translateX(-20560px)}19%{transform:translateX(-20640px)}19%{transform:translateX(-20720px)}19%{transform:translateX(-20800px)}19%{transform:translateX(-20880px)}19%{transform:translateX(-20960px)}24%{transform:translateX(-21040px)}24.1%{transform:translateX(-21120px)}24.1%{transform:translateX(-21200px)}24.1%{transform:translateX(-21280px)}24.1%{transform:translateX(-21360px)}24.1%{transform:translateX(-21440px)}24.1%{transform:translateX(-21520px)}24.1%{transform:translateX(-21600px)}24.1%{transform:translateX(-21680px)}24.1%{transform:translateX(-21760px)}24.1%{transform:translateX(-21840px)}24.1%{transform:translateX(-21920px)}24.1%{transform:translateX(-22000px)}24.1%{transform:translateX(-22080px)}24.1%{transform:translateX(-22160px)}24.1%{transform:translateX(-22240px)}24.1%{transform:translateX(-22320px)}24.1%{transform:translateX(-22400px)}24.1%{transform:translateX(-22480px)}24.1%{transform:translateX(-22560px)}24.1%{transform:translateX(-22640px)}24.1%{transform:translateX(-22720px)}24.1%{transform:translateX(-22800px)}24.1%{transform:translateX(-22880px)}24.1%{transform:translateX(-22960px)}24.1%{transform:translateX(-23040px)}24.1%{transform:translateX(-23120px)}24.1%{transform:translateX(-23200px)}24.1%{transform:translateX(-23280px)}24.1%{transform:translateX(-23360px)}24.1%{transform:translateX(-23440px)}24.1%{transform:translateX(-23520px)}24.1%{transform:translateX(-23600px)}24.1%{transform:translateX(-23680px)}24.1%{transform:translateX(-23760px)}24.1%{transform:translateX(-23840px)}24.1%{transform:translateX(-23920px)}24.1%{transform:translateX(-24000px)}24.1%{transform:translateX(-24080px)}24.1%{transform:translateX(-24160px)}24.1%{transform:translateX(-24240px)}24.1%{transform:translateX(-24320px)}24.1%{transform:translateX(-24400px)}24.1%{transform:translateX(-24480px)}24.1%{transform:translateX(-24560px)}24.1%{transform:translateX(-24640px)}24.1%{transform:translateX(-24720px)}24.1%{transform:translateX(-24800px)}24.1%{transform:translateX(-24880px)}24.1%{transform:translateX(-24960px)}24.1%{transform:translateX(-25040px)}24.1%{transform:translateX(-25120px)}24.1%{transform:translateX(-25200px)}24.1%{transform:translateX(-25280px)}24.1%{transform:translateX(-25360px)}24.1%{transform:translateX(-25440px)}24.1%{transform:translateX(-25520px)}24.1%{transform:translateX(-25600px)}24.1%{transform:translateX(-25680px)}24.1%{transform:translateX(-25760px)}24.1%{transform:translateX(-25840px)}24.1%{transform:translateX(-25920px)}24.1%{transform:translateX(-26000px)}24.1%{transform:translateX(-26080px)}24.1%{transform:translateX(-26160px)}24.1%{transform:translateX(-26240px)}24.1%{transform:translateX(-26320px)}24.1%{transform:translateX(-26400px)}24.1%{transform:translateX(-26480px)}24.1%{transform:translateX(-26560px)}24.1%{transform:translateX(-26640px)}24.1%{transform:translateX(-26720px)}24.1%{transform:translateX(-26800px)}24.1%{transform:translateX(-26880px)}24.1%{transform:translateX(-26960px)}24.1%{transform:translateX(-27040px)}24.1%{transform:translateX(-27120px)}24.1%{transform:translateX(-27200px)}24.1%{transform:translateX(-27280px)}24.1%{transform:translateX(-27360px)}24.1%{transform:translateX(-27440px)}24.1%{transform:translateX(-27520px)}24.1%{transform:translateX(-27600px)}24.1%{transform:translateX(-27680px)}24.1%{transform:translateX(-27760px)}24.1%{transform:translateX(-27840px)}24.1%{transform:translateX(-27920px)}24.1%{transform:translateX(-28000px)}24.1%{transform:translateX(-28080px)}24.1%{transform:translateX(-28160px)}24.2%{transform:translateX(-28240px)}29.2%{transform:translateX(-28320px)}29.2%{transform:translateX(-28400px)}29.2%{transform:translateX(-28480px)}29.2%{transform:translateX(-28560px)}29.2%{transform:translateX(-28640px)}29.2%{transform:translateX(-28720px)}29.2%{transform:translateX(-28800px)}29.2%{transform:translateX(-28880px)}29.2%{transform:translateX(-28960px)}29.2%{transform:translateX(-29040px)}29.2%{transform:translateX(-29120px)}29.2%{transform:translateX(-29200px)}29.2%{transform:translateX(-29280px)}29.2%{transform:translateX(-29360px)}29.2%{transform:translateX(-29440px)}29.2%{transform:translateX(-29520px)}29.2%{transform:translateX(-29600px)}29.2%{transform:translateX(-29680px)}29.2%{transform:translateX(-29760px)}29.2%{transform:translateX(-29840px)}29.2%{transform:translateX(-29920px)}29.2%{transform:translateX(-30000px)}29.2%{transform:translateX(-30080px)}29.2%{transform:translateX(-30160px)}29.2%{transform:translateX(-30240px)}29.2%{transform:translateX(-30320px)}29.2%{transform:translateX(-30400px)}29.2%{transform:translateX(-30480px)}29.2%{transform:translateX(-30560px)}29.2%{transform:translateX(-30640px)}29.2%{transform:translateX(-30720px)}29.2%{transform:translateX(-30800px)}29.3%{transform:translateX(-30880px)}29.3%{transform:translateX(-30960px)}29.3%{transform:translateX(-31040px)}29.3%{transform:translateX(-31120px)}29.3%{transform:translateX(-31200px)}29.3%{transform:translateX(-31280px)}29.3%{transform:translateX(-31360px)}29.3%{transform:translateX(-31440px)}29.3%{transform:translateX(-31520px)}29.3%{transform:translateX(-31600px)}29.3%{transform:translateX(-31680px)}29.3%{transform:translateX(-31760px)}29.3%{transform:translateX(-31840px)}29.3%{transform:translateX(-31920px)}29.3%{transform:translateX(-32000px)}29.3%{transform:translateX(-32080px)}29.3%{transform:translateX(-32160px)}29.3%{transform:translateX(-32240px)}29.3%{transform:translateX(-32320px)}29.3%{transform:translateX(-32400px)}29.3%{transform:translateX(-32480px)}29.3%{transform:translateX(-32560px)}29.3%{transform:translateX(-32640px)}29.3%{transform:translateX(-32720px)}29.3%{transform:translateX(-32800px)}29.3%{transform:translateX(-32880px)}29.3%{transform:translateX(-32960px)}29.3%{transform:translateX(-33040px)}29.3%{transform:translateX(-33120px)}29.3%{transform:translateX(-33200px)}29.3%{transform:translateX(-33280px)}29.3%{transform:translateX(-33360px)}29.3%{transform:translateX(-33440px)}29.3%{transform:translateX(-33520px)}29.3%{transform:translateX(-33600px)}29.3%{transform:translateX(-33680px)}29.3%{transform:translateX(-33760px)}29.3%{transform:translateX(-33840px)}29.3%{transform:translateX(-33920px)}29.3%{transform:translateX(-34000px)}29.3%{transform:translateX(-34080px)}29.3%{transform:translateX(-34160px)}29.3%{transform:translateX(-34240px)}29.3%{transform:translateX(-34320px)}29.3%{transform:translateX(-34400px)}29.3%{transform:translateX(-34480px)}29.3%{transform:translateX(-34560px)}29.3%{transform:translateX(-34640px)}29.3%{transform:translateX(-34720px)}29.3%{transform:translateX(-34800px)}29.3%{transform:translateX(-34880px)}29.3%{transform:translateX(-34960px)}29.3%{transform:translateX(-35040px)}29.3%{transform:translateX(-35120px)}29.3%{transform:translateX(-35200px)}29.3%{transform:translateX(-35280px)}29.3%{transform:translateX(-35360px)}29.3%{transform:translateX(-35440px)}29.3%{transform:translateX(-35520px)}34.3%{transform:translateX(-35600px)}34.3%{transform:translateX(-35680px)}34.4%{transform:translateX(-35760px)}34.4%{transform:translateX(-35840px)}34.4%{transform:translateX(-35920px)}34.4%{transform:translateX(-36000px)}34.4%{transform:translateX(-36080px)}34.4%{transform:translateX(-36160px)}34.4%{transform:translateX(-36240px)}34.4%{transform:translateX(-36320px)}34.4%{transform:translateX(-36400px)}34.4%{transform:translateX(-36480px)}34.4%{transform:translateX(-36560px)}34.4%{transform:translateX(-36640px)}34.4%{transform:translateX(-36720px)}34.4%{transform:translateX(-36800px)}34.4%{transform:translateX(-36880px)}34.4%{transform:translateX(-36960px)}34.4%{transform:translateX(-37040px)}34.4%{transform:translateX(-37120px)}34.4%{transform:translateX(-37200px)}34.4%{transform:translateX(-37280px)}34.4%{transform:translateX(-37360px)}34.4%{transform:translateX(-37440px)}34.4%{transform:translateX(-37520px)}34.4%{transform:translateX(-37600px)}34.4%{transform:translateX(-37680px)}34.4%{transform:translateX(-37760px)}34.4%{transform:translateX(-37840px)}34.4%{transform:translateX(-37920px)}34.4%{transform:translateX(-38000px)}34.4%{transform:translateX(-38080px)}34.4%{transform:translateX(-38160px)}34.4%{transform:translateX(-38240px)}34.4%{transform:translateX(-38320px)}34.4%{transform:translateX(-38400px)}34.4%{transform:translateX(-38480px)}34.4%{transform:translateX(-38560px)}34.4%{transform:translateX(-38640px)}34.4%{transform:translateX(-38720px)}34.4%{transform:translateX(-38800px)}34.4%{transform:translateX(-38880px)}34.4%{transform:translateX(-38960px)}34.4%{transform:translateX(-39040px)}34.4%{transform:translateX(-39120px)}34.4%{transform:translateX(-39200px)}34.4%{transform:translateX(-39280px)}34.4%{transform:translateX(-39360px)}34.4%{transform:translateX(-39440px)}34.4%{transform:translateX(-39520px)}34.4%{transform:translateX(-39600px)}34.4%{transform:translateX(-39680px)}34.4%{transform:translateX(-39760px)}34.4%{transform:translateX(-39840px)}34.4%{transform:translateX(-39920px)}34.4%{transform:translateX(-40000px)}34.4%{transform:translateX(-40080px)}34.4%{transform:translateX(-40160px)}34.4%{transform:translateX(-40240px)}34.4%{transform:translateX(-40320px)}34.4%{transform:translateX(-40400px)}34.4%{transform:translateX(-40480px)}34.4%{transform:translateX(-40560px)}34.4%{transform:translateX(-40640px)}34.4%{transform:translateX(-40720px)}34.4%{transform:translateX(-40800px)}34.4%{transform:translateX(-40880px)}34.4%{transform:translateX(-40960px)}34.4%{transform:translateX(-41040px)}34.4%{transform:translateX(-41120px)}34.4%{transform:translateX(-41200px)}34.4%{transform:translateX(-41280px)}34.4%{transform:translateX(-41360px)}34.4%{transform:translateX(-41440px)}34.4%{transform:translateX(-41520px)}34.4%{transform:translateX(-41600px)}34.4%{transform:translateX(-41680px)}34.4%{transform:translateX(-41760px)}34.4%{transform:translateX(-41840px)}34.4%{transform:translateX(-41920px)}34.4%{transform:translateX(-42000px)}34.4%{transform:translateX(-42080px)}34.4%{transform:translateX(-42160px)}34.4%{transform:translateX(-42240px)}34.4%{transform:translateX(-42320px)}34.4%{transform:translateX(-42400px)}34.4%{transform:translateX(-42480px)}34.4%{transform:translateX(-42560px)}34.4%{transform:translateX(-42640px)}34.4%{transform:translateX(-42720px)}34.4%{transform:translateX(-42800px)}39.5%{transform:translateX(-42880px)}39.5%{transform:translateX(-42960px)}39.5%{transform:translateX(-43040px)}39.5%{transform:translateX(-43120px)}39.5%{transform:translateX(-43200px)}39.5%{transform:translateX(-43280px)}39.5%{transform:translateX(-43360px)}39.5%{transform:translateX(-43440px)}39.5%{transform:translateX(-43520px)}39.5%{transform:translateX(-43600px)}39.5%{transform:translateX(-43680px)}39.5%{transform:translateX(-43760px)}39.5%{transform:translateX(-43840px)}39.5%{transform:translateX(-43920px)}39.5%{transform:translateX(-44000px)}39.5%{transform:translateX(-44080px)}39.5%{transform:translateX(-44160px)}39.5%{transform:translateX(-44240px)}39.5%{transform:translateX(-44320px)}39.5%{transform:translateX(-44400px)}39.5%{transform:translateX(-44480px)}39.5%{transform:translateX(-44560px)}39.5%{transform:translateX(-44640px)}39.5%{transform:translateX(-44720px)}39.5%{transform:translateX(-44800px)}39.5%{transform:translateX(-44880px)}39.5%{transform:translateX(-44960px)}39.5%{transform:translateX(-45040px)}39.5%{transform:translateX(-45120px)}39.5%{transform:translateX(-45200px)}39.5%{transform:translateX(-45280px)}39.5%{transform:translateX(-45360px)}39.5%{transform:translateX(-45440px)}39.5%{transform:translateX(-45520px)}39.5%{transform:translateX(-45600px)}39.5%{transform:translateX(-45680px)}39.5%{transform:translateX(-45760px)}39.5%{transform:translateX(-45840px)}39.5%{transform:translateX(-45920px)}39.5%{transform:translateX(-46000px)}39.5%{transform:translateX(-46080px)}39.6%{transform:translateX(-46160px)}39.6%{transform:translateX(-46240px)}39.6%{transform:translateX(-46320px)}39.6%{transform:translateX(-46400px)}39.6%{transform:translateX(-46480px)}39.6%{transform:translateX(-46560px)}39.6%{transform:translateX(-46640px)}39.6%{transform:translateX(-46720px)}39.6%{transform:translateX(-46800px)}39.6%{transform:translateX(-46880px)}39.6%{transform:translateX(-46960px)}39.6%{transform:translateX(-47040px)}39.6%{transform:translateX(-47120px)}39.6%{transform:translateX(-47200px)}39.6%{transform:translateX(-47280px)}39.6%{transform:translateX(-47360px)}39.6%{transform:translateX(-47440px)}39.6%{transform:translateX(-47520px)}39.6%{transform:translateX(-47600px)}39.6%{transform:translateX(-47680px)}39.6%{transform:translateX(-47760px)}39.6%{transform:translateX(-47840px)}39.6%{transform:translateX(-47920px)}39.6%{transform:translateX(-48000px)}39.6%{transform:translateX(-48080px)}39.6%{transform:translateX(-48160px)}39.6%{transform:translateX(-48240px)}39.6%{transform:translateX(-48320px)}39.6%{transform:translateX(-48400px)}39.6%{transform:translateX(-48480px)}39.6%{transform:translateX(-48560px)}39.6%{transform:translateX(-48640px)}39.6%{transform:translateX(-48720px)}39.6%{transform:translateX(-48800px)}39.6%{transform:translateX(-48880px)}39.6%{transform:translateX(-48960px)}39.6%{transform:translateX(-49040px)}39.6%{transform:translateX(-49120px)}39.6%{transform:translateX(-49200px)}39.6%{transform:translateX(-49280px)}39.6%{transform:translateX(-49360px)}39.6%{transform:translateX(-49440px)}39.6%{transform:translateX(-49520px)}39.6%{transform:translateX(-49600px)}39.6%{transform:translateX(-49680px)}39.6%{transform:translateX(-49760px)}39.6%{transform:translateX(-49840px)}39.6%{transform:translateX(-49920px)}39.6%{transform:translateX(-50000px)}39.6%{transform:translateX(-50080px)}44.6%{transform:translateX(-50160px)}44.6%{transform:translateX(-50240px)}44.6%{transform:translateX(-50320px)}44.6%{transform:translateX(-50400px)}44.6%{transform:translateX(-50480px)}44.6%{transform:translateX(-50560px)}44.6%{transform:translateX(-50640px)}44.6%{transform:translateX(-50720px)}44.6%{transform:translateX(-50800px)}44.6%{transform:translateX(-50880px)}44.6%{transform:translateX(-50960px)}44.6%{transform:translateX(-51040px)}44.6%{transform:translateX(-51120px)}44.7%{transform:translateX(-51200px)}44.7%{transform:translateX(-51280px)}44.7%{transform:translateX(-51360px)}44.7%{transform:translateX(-51440px)}44.7%{transform:translateX(-51520px)}44.7%{transform:translateX(-51600px)}44.7%{transform:translateX(-51680px)}44.7%{transform:translateX(-51760px)}44.7%{transform:translateX(-51840px)}44.7%{transform:translateX(-51920px)}44.7%{transform:translateX(-52000px)}44.7%{transform:translateX(-52080px)}44.7%{transform:translateX(-52160px)}44.7%{transform:translateX(-52240px)}44.7%{transform:translateX(-52320px)}44.7%{transform:translateX(-52400px)}44.7%{transform:translateX(-52480px)}44.7%{transform:translateX(-52560px)}44.7%{transform:translateX(-52640px)}44.7%{transform:translateX(-52720px)}44.7%{transform:translateX(-52800px)}44.7%{transform:translateX(-52880px)}44.7%{transform:translateX(-52960px)}44.7%{transform:translateX(-53040px)}44.7%{transform:translateX(-53120px)}44.7%{transform:translateX(-53200px)}44.7%{transform:translateX(-53280px)}44.7%{transform:translateX(-53360px)}44.7%{transform:translateX(-53440px)}44.7%{transform:translateX(-53520px)}44.7%{transform:translateX(-53600px)}44.7%{transform:translateX(-53680px)}44.7%{transform:translateX(-53760px)}44.7%{transform:translateX(-53840px)}44.7%{transform:translateX(-53920px)}44.7%{transform:translateX(-54000px)}44.7%{transform:translateX(-54080px)}44.7%{transform:translateX(-54160px)}44.7%{transform:translateX(-54240px)}44.7%{transform:translateX(-54320px)}44.7%{transform:translateX(-54400px)}44.7%{transform:translateX(-54480px)}44.7%{transform:translateX(-54560px)}44.7%{transform:translateX(-54640px)}44.7%{transform:translateX(-54720px)}44.7%{transform:translateX(-54800px)}44.7%{transform:translateX(-54880px)}44.7%{transform:translateX(-54960px)}44.7%{transform:translateX(-55040px)}44.7%{transform:translateX(-55120px)}44.7%{transform:translateX(-55200px)}44.7%{transform:translateX(-55280px)}44.7%{transform:translateX(-55360px)}44.7%{transform:translateX(-55440px)}44.7%{transform:translateX(-55520px)}44.7%{transform:translateX(-55600px)}44.7%{transform:translateX(-55680px)}44.7%{transform:translateX(-55760px)}44.7%{transform:translateX(-55840px)}44.7%{transform:translateX(-55920px)}44.7%{transform:translateX(-56000px)}44.7%{transform:translateX(-56080px)}44.7%{transform:translateX(-56160px)}44.7%{transform:translateX(-56240px)}44.7%{transform:translateX(-56320px)}44.7%{transform:translateX(-56400px)}44.7%{transform:translateX(-56480px)}44.7%{transform:translateX(-56560px)}44.7%{transform:translateX(-56640px)}44.7%{transform:translateX(-56720px)}44.7%{transform:translateX(-56800px)}44.7%{transform:translateX(-56880px)}44.7%{transform:translateX(-56960px)}44.7%{transform:translateX(-57040px)}44.7%{transform:translateX(-57120px)}44.7%{transform:translateX(-57200px)}44.7%{transform:translateX(-57280px)}44.7%{transform:translateX(-57360px)}49.8%{transform:translateX(-57440px)}49.8%{transform:translateX(-57520px)}49.8%{transform:translateX(-57600px)}49.8%{transform:translateX(-57680px)}49.8%{transform:translateX(-57760px)}49.8%{transform:translateX(-57840px)}49.8%{transform:translateX(-57920px)}49.8%{transform:translateX(-58000px)}49.8%{transform:translateX(-58080px)}49.8%{transform:translateX(-58160px)}49.8%{transform:translateX(-58240px)}49.8%{transform:translateX(-58320px)}49.8%{transform:translateX(-58400px)}49.8%{transform:translateX(-58480px)}49.8%{transform:translateX(-58560px)}49.8%{transform:translateX(-58640px)}49.8%{transform:translateX(-58720px)}49.8%{transform:translateX(-58800px)}49.8%{transform:translateX(-58880px)}49.8%{transform:translateX(-58960px)}49.8%{transform:translateX(-59040px)}49.8%{transform:translateX(-59120px)}49.8%{transform:translateX(-59200px)}49.8%{transform:translateX(-59280px)}49.8%{transform:translateX(-59360px)}49.8%{transform:translateX(-59440px)}49.8%{transform:translateX(-59520px)}49.8%{transform:translateX(-59600px)}49.8%{transform:translateX(-59680px)}49.8%{transform:translateX(-59760px)}49.8%{transform:translateX(-59840px)}49.8%{transform:translateX(-59920px)}49.8%{transform:translateX(-60000px)}49.8%{transform:translateX(-60080px)}49.8%{transform:translateX(-60160px)}49.8%{transform:translateX(-60240px)}49.8%{transform:translateX(-60320px)}49.8%{transform:translateX(-60400px)}49.8%{transform:translateX(-60480px)}49.8%{transform:translateX(-60560px)}49.8%{transform:translateX(-60640px)}49.8%{transform:translateX(-60720px)}49.8%{transform:translateX(-60800px)}49.8%{transform:translateX(-60880px)}49.8%{transform:translateX(-60960px)}49.8%{transform:translateX(-61040px)}49.8%{transform:translateX(-61120px)}49.8%{transform:translateX(-61200px)}49.8%{transform:translateX(-61280px)}49.8%{transform:translateX(-61360px)}49.8%{transform:translateX(-61440px)}49.8%{transform:translateX(-61520px)}49.8%{transform:translateX(-61600px)}49.8%{transform:translateX(-61680px)}49.8%{transform:translateX(-61760px)}49.8%{transform:translateX(-61840px)}49.8%{transform:translateX(-61920px)}49.8%{transform:translateX(-62000px)}49.8%{transform:translateX(-62080px)}49.8%{transform:translateX(-62160px)}49.8%{transform:translateX(-62240px)}49.8%{transform:translateX(-62320px)}49.8%{transform:translateX(-62400px)}49.8%{transform:translateX(-62480px)}49.8%{transform:translateX(-62560px)}49.8%{transform:translateX(-62640px)}49.8%{transform:translateX(-62720px)}49.8%{transform:translateX(-62800px)}49.8%{transform:translateX(-62880px)}49.8%{transform:translateX(-62960px)}49.8%{transform:translateX(-63040px)}49.8%{transform:translateX(-63120px)}49.8%{transform:translateX(-63200px)}49.8%{transform:translateX(-63280px)}49.8%{transform:translateX(-63360px)}49.8%{transform:translateX(-63440px)}49.8%{transform:translateX(-63520px)}49.8%{transform:translateX(-63600px)}49.8%{transform:translateX(-63680px)}49.8%{transform:translateX(-63760px)}49.8%{transform:translateX(-63840px)}49.8%{transform:translateX(-63920px)}49.8%{transform:translateX(-64000px)}49.8%{transform:translateX(-64080px)}49.8%{transform:translateX(-64160px)}49.8%{transform:translateX(-64240px)}49.8%{transform:translateX(-64320px)}49.8%{transform:translateX(-64400px)}49.8%{transform:translateX(-64480px)}49.8%{transform:translateX(-64560px)}49.8%{transform:translateX(-64640px)}100%{transform:translateX(-64720px)}}████████████ABCD████████████████████Restartinganimation... \ No newline at end of file diff --git a/_examples/area/fullscreen-center/animation.svg b/_examples/area/fullscreen-center/animation.svg index e58048c0b..de0ad8216 100644 --- a/_examples/area/fullscreen-center/animation.svg +++ b/_examples/area/fullscreen-center/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:9.174824s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}1.5%{transform:translateX(-80px)}2.1%{transform:translateX(-160px)}12.8%{transform:translateX(-240px)}12.8%{transform:translateX(-320px)}12.8%{transform:translateX(-400px)}12.8%{transform:translateX(-480px)}12.8%{transform:translateX(-560px)}12.8%{transform:translateX(-640px)}12.8%{transform:translateX(-720px)}12.8%{transform:translateX(-800px)}12.8%{transform:translateX(-880px)}12.8%{transform:translateX(-960px)}12.8%{transform:translateX(-1040px)}12.8%{transform:translateX(-1120px)}12.8%{transform:translateX(-1200px)}12.8%{transform:translateX(-1280px)}12.8%{transform:translateX(-1360px)}12.8%{transform:translateX(-1440px)}12.8%{transform:translateX(-1520px)}12.8%{transform:translateX(-1600px)}12.8%{transform:translateX(-1680px)}23.7%{transform:translateX(-1760px)}23.7%{transform:translateX(-1840px)}23.7%{transform:translateX(-1920px)}23.7%{transform:translateX(-2000px)}23.7%{transform:translateX(-2080px)}23.7%{transform:translateX(-2160px)}23.7%{transform:translateX(-2240px)}23.7%{transform:translateX(-2320px)}23.7%{transform:translateX(-2400px)}23.7%{transform:translateX(-2480px)}23.7%{transform:translateX(-2560px)}23.7%{transform:translateX(-2640px)}23.7%{transform:translateX(-2720px)}34.6%{transform:translateX(-2800px)}34.6%{transform:translateX(-2880px)}45.5%{transform:translateX(-2960px)}100%{transform:translateX(-3040px)}}Currentcount:0Areascanupdatetheircontentdynamically!Currentcount:1Currentcount:4Currentcount:2Currentcount:3Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:9.289076s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}2.5%{transform:translateX(-80px)}3.1%{transform:translateX(-160px)}13.9%{transform:translateX(-240px)}24.6%{transform:translateX(-320px)}24.6%{transform:translateX(-400px)}24.6%{transform:translateX(-480px)}24.6%{transform:translateX(-560px)}24.6%{transform:translateX(-640px)}24.6%{transform:translateX(-720px)}24.6%{transform:translateX(-800px)}24.6%{transform:translateX(-880px)}24.6%{transform:translateX(-960px)}24.6%{transform:translateX(-1040px)}24.6%{transform:translateX(-1120px)}35.4%{transform:translateX(-1200px)}35.4%{transform:translateX(-1280px)}35.4%{transform:translateX(-1360px)}35.4%{transform:translateX(-1440px)}46.2%{transform:translateX(-1520px)}46.2%{transform:translateX(-1600px)}46.2%{transform:translateX(-1680px)}100%{transform:translateX(-1760px)}}Areascanupdatetheircontentdynamically!Currentcount:1Currentcount:2Currentcount:3Currentcount:4Currentcount:0Restartinganimation... \ No newline at end of file diff --git a/_examples/area/fullscreen/animation.svg b/_examples/area/fullscreen/animation.svg index f332d6df4..9b8171f4b 100644 --- a/_examples/area/fullscreen/animation.svg +++ b/_examples/area/fullscreen/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:9.155133s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}1.5%{transform:translateX(-80px)}1.9%{transform:translateX(-160px)}12.6%{transform:translateX(-240px)}23.5%{transform:translateX(-320px)}23.5%{transform:translateX(-400px)}23.5%{transform:translateX(-480px)}23.5%{transform:translateX(-560px)}23.5%{transform:translateX(-640px)}23.5%{transform:translateX(-720px)}23.5%{transform:translateX(-800px)}23.5%{transform:translateX(-880px)}23.5%{transform:translateX(-960px)}34.5%{transform:translateX(-1040px)}34.5%{transform:translateX(-1120px)}34.5%{transform:translateX(-1200px)}34.5%{transform:translateX(-1280px)}34.5%{transform:translateX(-1360px)}45.4%{transform:translateX(-1440px)}45.4%{transform:translateX(-1520px)}45.4%{transform:translateX(-1600px)}45.4%{transform:translateX(-1680px)}45.4%{transform:translateX(-1760px)}45.4%{transform:translateX(-1840px)}45.4%{transform:translateX(-1920px)}45.4%{transform:translateX(-2000px)}45.4%{transform:translateX(-2080px)}45.4%{transform:translateX(-2160px)}45.4%{transform:translateX(-2240px)}45.4%{transform:translateX(-2320px)}100%{transform:translateX(-2400px)}}Areascanupdatetheircontentdynamically!Currentcount:1Currentcount:2Currentcount:3Currentcount:0Currentcount:4Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:9.244425s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}2.2%{transform:translateX(-80px)}2.8%{transform:translateX(-160px)}13.4%{transform:translateX(-240px)}13.4%{transform:translateX(-320px)}13.4%{transform:translateX(-400px)}13.4%{transform:translateX(-480px)}13.4%{transform:translateX(-560px)}13.4%{transform:translateX(-640px)}13.4%{transform:translateX(-720px)}24.2%{transform:translateX(-800px)}24.2%{transform:translateX(-880px)}24.2%{transform:translateX(-960px)}24.2%{transform:translateX(-1040px)}24.2%{transform:translateX(-1120px)}24.2%{transform:translateX(-1200px)}24.2%{transform:translateX(-1280px)}24.2%{transform:translateX(-1360px)}24.2%{transform:translateX(-1440px)}24.2%{transform:translateX(-1520px)}24.2%{transform:translateX(-1600px)}24.2%{transform:translateX(-1680px)}24.2%{transform:translateX(-1760px)}35.1%{transform:translateX(-1840px)}35.1%{transform:translateX(-1920px)}35.1%{transform:translateX(-2000px)}35.1%{transform:translateX(-2080px)}35.1%{transform:translateX(-2160px)}35.1%{transform:translateX(-2240px)}35.1%{transform:translateX(-2320px)}35.1%{transform:translateX(-2400px)}35.1%{transform:translateX(-2480px)}35.1%{transform:translateX(-2560px)}35.1%{transform:translateX(-2640px)}35.1%{transform:translateX(-2720px)}35.1%{transform:translateX(-2800px)}35.1%{transform:translateX(-2880px)}45.9%{transform:translateX(-2960px)}45.9%{transform:translateX(-3040px)}45.9%{transform:translateX(-3120px)}45.9%{transform:translateX(-3200px)}45.9%{transform:translateX(-3280px)}45.9%{transform:translateX(-3360px)}45.9%{transform:translateX(-3440px)}45.9%{transform:translateX(-3520px)}45.9%{transform:translateX(-3600px)}45.9%{transform:translateX(-3680px)}100%{transform:translateX(-3760px)}}Currentcount:0Areascanupdatetheircontentdynamically!Currentcount:1Currentcount:2Currentcount:3Currentcount:4Restartinganimation... \ No newline at end of file diff --git a/_examples/barchart/custom-height/animation.svg b/_examples/barchart/custom-height/animation.svg index 149282d78..3bfe42d60 100644 --- a/_examples/barchart/custom-height/animation.svg +++ b/_examples/barchart/custom-height/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(0,198,255);white-space:pre}.g{fill:rgb(126,231,233);white-space:pre}.h{fill:transparent}.j{animation-duration:5.198324s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}3.8%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}██████████████████████████████████████████████████ABCDEFGHIRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(0,198,255);white-space:pre}.g{fill:rgb(126,231,233);white-space:pre}.h{fill:transparent}.j{animation-duration:5.362506s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}5.9%{transform:translateX(-80px)}6.8%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}██████████████████████████████████████████████████ABCDEFGHIRestartinganimation... \ No newline at end of file diff --git a/_examples/barchart/custom-width/animation.svg b/_examples/barchart/custom-width/animation.svg index b832d8104..8411532c1 100644 --- a/_examples/barchart/custom-width/animation.svg +++ b/_examples/barchart/custom-width/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(0,198,255);white-space:pre}.h{fill:transparent}.j{animation-duration:5.241154s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}4.6%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}AB██C███D████E█████F████G███H██IRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(0,198,255);white-space:pre}.h{fill:transparent}.j{animation-duration:5.213271s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}3%{transform:translateX(-80px)}4.1%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}AB██C███D████E█████F████G███H██IRestartinganimation... \ No newline at end of file diff --git a/_examples/barchart/default/animation.svg b/_examples/barchart/default/animation.svg index 57b6507f6..f1ef905e6 100644 --- a/_examples/barchart/default/animation.svg +++ b/_examples/barchart/default/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(0,198,255);white-space:pre}.g{fill:rgb(126,231,233);white-space:pre}.h{fill:transparent}.j{animation-duration:5.432365s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}7.1%{transform:translateX(-80px)}8%{transform:translateX(-160px)}8%{transform:translateX(-240px)}8%{transform:translateX(-320px)}100%{transform:translateX(-400px)}}██████████████████████████████████████████████████ABCDEFGHI██████████████████████████Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(0,198,255);white-space:pre}.g{fill:rgb(126,231,233);white-space:pre}.h{fill:transparent}.j{animation-duration:5.493956s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}7.3%{transform:translateX(-80px)}8.9%{transform:translateX(-160px)}8.9%{transform:translateX(-240px)}8.9%{transform:translateX(-320px)}8.9%{transform:translateX(-400px)}8.9%{transform:translateX(-480px)}8.9%{transform:translateX(-560px)}8.9%{transform:translateX(-640px)}8.9%{transform:translateX(-720px)}8.9%{transform:translateX(-800px)}8.9%{transform:translateX(-880px)}8.9%{transform:translateX(-960px)}8.9%{transform:translateX(-1040px)}9%{transform:translateX(-1120px)}9%{transform:translateX(-1200px)}9%{transform:translateX(-1280px)}9%{transform:translateX(-1360px)}9%{transform:translateX(-1440px)}9%{transform:translateX(-1520px)}9%{transform:translateX(-1600px)}9%{transform:translateX(-1680px)}9%{transform:translateX(-1760px)}9%{transform:translateX(-1840px)}9%{transform:translateX(-1920px)}9%{transform:translateX(-2000px)}9%{transform:translateX(-2080px)}9%{transform:translateX(-2160px)}9%{transform:translateX(-2240px)}9%{transform:translateX(-2320px)}9%{transform:translateX(-2400px)}9%{transform:translateX(-2480px)}9%{transform:translateX(-2560px)}9%{transform:translateX(-2640px)}9%{transform:translateX(-2720px)}9%{transform:translateX(-2800px)}9%{transform:translateX(-2880px)}9%{transform:translateX(-2960px)}9%{transform:translateX(-3040px)}100%{transform:translateX(-3120px)}}██████████████████████████████████████████████████ABCDEFGHI████████████Restartinganimation... \ No newline at end of file diff --git a/_examples/barchart/demo/animation.svg b/_examples/barchart/demo/animation.svg index 98b9abcd9..f3be62976 100644 --- a/_examples/barchart/demo/animation.svg +++ b/_examples/barchart/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(0,198,255);white-space:pre}.j{fill:transparent}.l{animation-duration:5.4157s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}.m{fill:rgb(160,160,160);white-space:pre}@keyframes k{0%{transform:translateX(-0px)}4%{transform:translateX(-80px)}4.9%{transform:translateX(-160px)}6.8%{transform:translateX(-240px)}6.9%{transform:translateX(-320px)}6.9%{transform:translateX(-400px)}6.9%{transform:translateX(-480px)}6.9%{transform:translateX(-560px)}6.9%{transform:translateX(-640px)}6.9%{transform:translateX(-720px)}6.9%{transform:translateX(-800px)}6.9%{transform:translateX(-880px)}6.9%{transform:translateX(-960px)}7%{transform:translateX(-1040px)}7%{transform:translateX(-1120px)}7%{transform:translateX(-1200px)}7%{transform:translateX(-1280px)}7%{transform:translateX(-1360px)}7%{transform:translateX(-1440px)}7%{transform:translateX(-1520px)}7%{transform:translateX(-1600px)}7%{transform:translateX(-1680px)}7%{transform:translateX(-1760px)}7%{transform:translateX(-1840px)}7%{transform:translateX(-1920px)}7%{transform:translateX(-2000px)}7%{transform:translateX(-2080px)}7%{transform:translateX(-2160px)}7%{transform:translateX(-2240px)}7%{transform:translateX(-2320px)}7%{transform:translateX(-2400px)}7%{transform:translateX(-2480px)}7%{transform:translateX(-2560px)}7%{transform:translateX(-2640px)}7%{transform:translateX(-2720px)}7.1%{transform:translateX(-2800px)}7.1%{transform:translateX(-2880px)}7.1%{transform:translateX(-2960px)}7.1%{transform:translateX(-3040px)}7.1%{transform:translateX(-3120px)}7.1%{transform:translateX(-3200px)}7.6%{transform:translateX(-3280px)}7.7%{transform:translateX(-3360px)}7.7%{transform:translateX(-3440px)}7.7%{transform:translateX(-3520px)}7.7%{transform:translateX(-3600px)}7.7%{transform:translateX(-3680px)}7.7%{transform:translateX(-3760px)}7.7%{transform:translateX(-3840px)}7.7%{transform:translateX(-3920px)}100%{transform:translateX(-4000px)}} INFO Chartexamplewithpositiveonlyvalues(barsuse100%ofchartarea)████████████Bar1Bar2LongerLabelBar1█████████████████████████████████████Bar2██████████████████████LongerLabel█████████████████████████████████████████████████████LongerLabel██████████████████████Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(0,198,255);white-space:pre}.j{fill:transparent}.l{animation-duration:5.494179s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}.m{fill:rgb(160,160,160);white-space:pre}@keyframes k{0%{transform:translateX(-0px)}3.8%{transform:translateX(-80px)}5.2%{transform:translateX(-160px)}7.3%{transform:translateX(-240px)}7.8%{transform:translateX(-320px)}7.9%{transform:translateX(-400px)}7.9%{transform:translateX(-480px)}7.9%{transform:translateX(-560px)}7.9%{transform:translateX(-640px)}7.9%{transform:translateX(-720px)}7.9%{transform:translateX(-800px)}7.9%{transform:translateX(-880px)}7.9%{transform:translateX(-960px)}7.9%{transform:translateX(-1040px)}7.9%{transform:translateX(-1120px)}7.9%{transform:translateX(-1200px)}7.9%{transform:translateX(-1280px)}7.9%{transform:translateX(-1360px)}7.9%{transform:translateX(-1440px)}7.9%{transform:translateX(-1520px)}7.9%{transform:translateX(-1600px)}7.9%{transform:translateX(-1680px)}7.9%{transform:translateX(-1760px)}7.9%{transform:translateX(-1840px)}7.9%{transform:translateX(-1920px)}7.9%{transform:translateX(-2000px)}7.9%{transform:translateX(-2080px)}7.9%{transform:translateX(-2160px)}7.9%{transform:translateX(-2240px)}7.9%{transform:translateX(-2320px)}7.9%{transform:translateX(-2400px)}7.9%{transform:translateX(-2480px)}7.9%{transform:translateX(-2560px)}7.9%{transform:translateX(-2640px)}8%{transform:translateX(-2720px)}8%{transform:translateX(-2800px)}8%{transform:translateX(-2880px)}8%{transform:translateX(-2960px)}8%{transform:translateX(-3040px)}8%{transform:translateX(-3120px)}8%{transform:translateX(-3200px)}9%{transform:translateX(-3280px)}9%{transform:translateX(-3360px)}9%{transform:translateX(-3440px)}9%{transform:translateX(-3520px)}100%{transform:translateX(-3600px)}} INFO Chartexamplewithpositiveonlyvalues(barsuse100%ofchartarea)████████████Bar1Bar2LongerLabelBar1█████████████████████████████████████Bar2██████████████████████LongerLabel█████████████████████████████████████████████████████Bar2████LongerLabel██████████████████████████Restartinganimation... \ No newline at end of file diff --git a/_examples/barchart/horizontal-show-value/animation.svg b/_examples/barchart/horizontal-show-value/animation.svg index 6902493bc..bffdc4986 100644 --- a/_examples/barchart/horizontal-show-value/animation.svg +++ b/_examples/barchart/horizontal-show-value/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(0,198,255);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:transparent}.k{animation-duration:5.48758s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}7.9%{transform:translateX(-80px)}8.9%{transform:translateX(-160px)}8.9%{transform:translateX(-240px)}8.9%{transform:translateX(-320px)}8.9%{transform:translateX(-400px)}8.9%{transform:translateX(-480px)}100%{transform:translateX(-560px)}}A██████████10B█████████████████████20C███████████████████████████████30D██████████████████████████████████████████40E████████████████████████████████████████████████████50F██████████████████████████████████████████40G███████████████████████████████30H█████████████████████20I██████████10C█████D████████████████████E████████████████████████F██████████████████G███████████████████████Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(0,198,255);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:transparent}.k{animation-duration:5.464566s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}7%{transform:translateX(-80px)}8.4%{transform:translateX(-160px)}8.4%{transform:translateX(-240px)}8.4%{transform:translateX(-320px)}8.4%{transform:translateX(-400px)}8.4%{transform:translateX(-480px)}8.4%{transform:translateX(-560px)}8.4%{transform:translateX(-640px)}8.4%{transform:translateX(-720px)}8.4%{transform:translateX(-800px)}8.5%{transform:translateX(-880px)}8.5%{transform:translateX(-960px)}8.5%{transform:translateX(-1040px)}8.5%{transform:translateX(-1120px)}8.5%{transform:translateX(-1200px)}8.5%{transform:translateX(-1280px)}8.5%{transform:translateX(-1360px)}8.5%{transform:translateX(-1440px)}100%{transform:translateX(-1520px)}}A██████████10B█████████████████████20C███████████████████████████████30D██████████████████████████████████████████40E████████████████████████████████████████████████████50F██████████████████████████████████████████40G███████████████████████████████30H█████████████████████20I██████████10C█████████D████████████████████E███████████████████████████████████████████████F███████████████████Restartinganimation... \ No newline at end of file diff --git a/_examples/barchart/horizontal/animation.svg b/_examples/barchart/horizontal/animation.svg index 63cc01144..decb94c35 100644 --- a/_examples/barchart/horizontal/animation.svg +++ b/_examples/barchart/horizontal/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(0,198,255);white-space:pre}.h{fill:transparent}.j{animation-duration:5.391418s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}6.2%{transform:translateX(-80px)}7.3%{transform:translateX(-160px)}7.3%{transform:translateX(-240px)}7.3%{transform:translateX(-320px)}7.3%{transform:translateX(-400px)}7.3%{transform:translateX(-480px)}100%{transform:translateX(-560px)}}A██████████B█████████████████████C███████████████████████████████D██████████████████████████████████████████E████████████████████████████████████████████████████F██████████████████████████████████████████G███████████████████████████████H█████████████████████I██████████C██████D████████████████████E█████████████████████████F████████████████████G████████████████████████Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(0,198,255);white-space:pre}.h{fill:transparent}.j{animation-duration:5.161956s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}2.1%{transform:translateX(-80px)}3%{transform:translateX(-160px)}3%{transform:translateX(-240px)}3%{transform:translateX(-320px)}3.1%{transform:translateX(-400px)}3.1%{transform:translateX(-480px)}3.1%{transform:translateX(-560px)}3.1%{transform:translateX(-640px)}3.1%{transform:translateX(-720px)}3.1%{transform:translateX(-800px)}3.1%{transform:translateX(-880px)}3.1%{transform:translateX(-960px)}3.1%{transform:translateX(-1040px)}3.1%{transform:translateX(-1120px)}3.1%{transform:translateX(-1200px)}3.1%{transform:translateX(-1280px)}3.1%{transform:translateX(-1360px)}3.1%{transform:translateX(-1440px)}3.1%{transform:translateX(-1520px)}3.1%{transform:translateX(-1600px)}3.1%{transform:translateX(-1680px)}3.1%{transform:translateX(-1760px)}3.1%{transform:translateX(-1840px)}3.1%{transform:translateX(-1920px)}100%{transform:translateX(-2000px)}}A██████████B█████████████████████C███████████████████████████████D██████████████████████████████████████████E████████████████████████████████████████████████████F██████████████████████████████████████████G███████████████████████████████H█████████████████████I██████████D█████████████████████E███████████████████████████████████████████████F████████████████████Restartinganimation... \ No newline at end of file diff --git a/_examples/barchart/mixed-values/animation.svg b/_examples/barchart/mixed-values/animation.svg index d61e8443f..3b200eddf 100644 --- a/_examples/barchart/mixed-values/animation.svg +++ b/_examples/barchart/mixed-values/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.h{fill:rgb(0,198,255);white-space:pre}.i{fill:rgb(126,231,233);white-space:pre}.j{fill:transparent}.l{animation-duration:5.39137s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}3.5%{transform:translateX(-80px)}6.4%{transform:translateX(-160px)}6.4%{transform:translateX(-240px)}7.3%{transform:translateX(-320px)}7.3%{transform:translateX(-400px)}100%{transform:translateX(-480px)}}#Chartexamplewithmixedvalues(notescreenspaceusageincasewhenABSOLUTEvaluesofnegativeandpositivepartsarediffertoomuch)257██████████████████-3-2Bar1Bar2Bar3Bar4LongerLabelBar1███████2Bar2███████████-3Bar3███████-2Bar4██████████████████5LongerLabel██████████████████████████7Bar4Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.h{fill:rgb(0,198,255);white-space:pre}.i{fill:rgb(126,231,233);white-space:pre}.j{fill:transparent}.l{animation-duration:5.390785s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}2.8%{transform:translateX(-80px)}4.1%{transform:translateX(-160px)}5.4%{transform:translateX(-240px)}6.1%{transform:translateX(-320px)}6.1%{transform:translateX(-400px)}6.1%{transform:translateX(-480px)}6.2%{transform:translateX(-560px)}6.2%{transform:translateX(-640px)}6.2%{transform:translateX(-720px)}6.2%{transform:translateX(-800px)}6.2%{transform:translateX(-880px)}6.2%{transform:translateX(-960px)}6.2%{transform:translateX(-1040px)}6.2%{transform:translateX(-1120px)}6.2%{transform:translateX(-1200px)}6.2%{transform:translateX(-1280px)}6.2%{transform:translateX(-1360px)}6.2%{transform:translateX(-1440px)}6.2%{transform:translateX(-1520px)}6.2%{transform:translateX(-1600px)}6.2%{transform:translateX(-1680px)}6.2%{transform:translateX(-1760px)}6.2%{transform:translateX(-1840px)}6.2%{transform:translateX(-1920px)}6.2%{transform:translateX(-2000px)}6.2%{transform:translateX(-2080px)}6.2%{transform:translateX(-2160px)}6.2%{transform:translateX(-2240px)}6.3%{transform:translateX(-2320px)}6.3%{transform:translateX(-2400px)}6.3%{transform:translateX(-2480px)}6.3%{transform:translateX(-2560px)}6.3%{transform:translateX(-2640px)}6.3%{transform:translateX(-2720px)}7.2%{transform:translateX(-2800px)}7.2%{transform:translateX(-2880px)}7.2%{transform:translateX(-2960px)}7.2%{transform:translateX(-3040px)}7.2%{transform:translateX(-3120px)}7.2%{transform:translateX(-3200px)}7.2%{transform:translateX(-3280px)}7.2%{transform:translateX(-3360px)}7.2%{transform:translateX(-3440px)}7.2%{transform:translateX(-3520px)}7.2%{transform:translateX(-3600px)}7.2%{transform:translateX(-3680px)}100%{transform:translateX(-3760px)}}#Chartexamplewithmixedvalues(notescreenspaceusageincasewhenABSOLUTEvaluesofnegativeandpositivepartsarediffertoomuch)257██████████████████-3-2Bar1Bar2Bar3Bar4LongerLabelBar1███████2Bar2███████████-3Bar3███████-2Bar4██████████████████5LongerLabel██████████████████████████7Restartinganimation... \ No newline at end of file diff --git a/_examples/barchart/negative-values/animation.svg b/_examples/barchart/negative-values/animation.svg index 07325afdb..96abdbf32 100644 --- a/_examples/barchart/negative-values/animation.svg +++ b/_examples/barchart/negative-values/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(0,198,255);white-space:pre}.j{fill:rgb(160,160,160);white-space:pre}.k{fill:transparent}.m{animation-duration:5.457603s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}@keyframes l{0%{transform:translateX(-0px)}3.9%{transform:translateX(-80px)}7.1%{transform:translateX(-160px)}7.1%{transform:translateX(-240px)}8.4%{transform:translateX(-320px)}8.4%{transform:translateX(-400px)}8.4%{transform:translateX(-480px)}100%{transform:translateX(-560px)}} INFO Chartexamplewithnegativeonlyvalues(barsuse100%ofchartarea)████████████-5-3-7Bar1Bar2LongerLabelBar1█████████████████████████████████████-5Bar2██████████████████████-3LongerLabel█████████████████████████████████████████████████████-7Bar2LongerLabel█████████████████████Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(0,198,255);white-space:pre}.j{fill:rgb(160,160,160);white-space:pre}.k{fill:transparent}.m{animation-duration:5.245489s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}@keyframes l{0%{transform:translateX(-0px)}1.9%{transform:translateX(-80px)}2.3%{transform:translateX(-160px)}3.2%{transform:translateX(-240px)}3.7%{transform:translateX(-320px)}3.7%{transform:translateX(-400px)}3.7%{transform:translateX(-480px)}3.7%{transform:translateX(-560px)}3.7%{transform:translateX(-640px)}3.7%{transform:translateX(-720px)}3.7%{transform:translateX(-800px)}3.7%{transform:translateX(-880px)}3.7%{transform:translateX(-960px)}3.7%{transform:translateX(-1040px)}3.7%{transform:translateX(-1120px)}3.7%{transform:translateX(-1200px)}3.7%{transform:translateX(-1280px)}3.7%{transform:translateX(-1360px)}3.8%{transform:translateX(-1440px)}3.8%{transform:translateX(-1520px)}3.8%{transform:translateX(-1600px)}3.8%{transform:translateX(-1680px)}3.8%{transform:translateX(-1760px)}3.8%{transform:translateX(-1840px)}3.8%{transform:translateX(-1920px)}3.8%{transform:translateX(-2000px)}3.8%{transform:translateX(-2080px)}3.8%{transform:translateX(-2160px)}3.8%{transform:translateX(-2240px)}3.8%{transform:translateX(-2320px)}3.8%{transform:translateX(-2400px)}3.8%{transform:translateX(-2480px)}3.8%{transform:translateX(-2560px)}3.8%{transform:translateX(-2640px)}3.8%{transform:translateX(-2720px)}3.8%{transform:translateX(-2800px)}3.8%{transform:translateX(-2880px)}3.8%{transform:translateX(-2960px)}3.8%{transform:translateX(-3040px)}3.8%{transform:translateX(-3120px)}3.8%{transform:translateX(-3200px)}3.8%{transform:translateX(-3280px)}3.8%{transform:translateX(-3360px)}4.7%{transform:translateX(-3440px)}4.7%{transform:translateX(-3520px)}4.7%{transform:translateX(-3600px)}4.7%{transform:translateX(-3680px)}4.7%{transform:translateX(-3760px)}4.7%{transform:translateX(-3840px)}4.7%{transform:translateX(-3920px)}4.7%{transform:translateX(-4000px)}4.7%{transform:translateX(-4080px)}100%{transform:translateX(-4160px)}} INFO Chartexamplewithnegativeonlyvalues(barsuse100%ofchartarea)████████████-5-3-7Bar1Bar2LongerLabelBar1█████████████████████████████████████-5Bar2██████████████████████-3LongerLabel█████████████████████████████████████████████████████-7LongerLabel██████████████████████Restartinganimation... \ No newline at end of file diff --git a/_examples/barchart/show-value/animation.svg b/_examples/barchart/show-value/animation.svg index 53348d452..013ca9c06 100644 --- a/_examples/barchart/show-value/animation.svg +++ b/_examples/barchart/show-value/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(0,198,255);white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:transparent}.k{animation-duration:5.465056s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}6.2%{transform:translateX(-80px)}8.4%{transform:translateX(-160px)}8.4%{transform:translateX(-240px)}8.4%{transform:translateX(-320px)}8.5%{transform:translateX(-400px)}8.5%{transform:translateX(-480px)}8.5%{transform:translateX(-560px)}8.5%{transform:translateX(-640px)}100%{transform:translateX(-720px)}}102030405040302010██████████████████████████████████████████████████ABCDEFGHI██████████████████Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(0,198,255);white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:transparent}.k{animation-duration:5.561568s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}7%{transform:translateX(-80px)}10%{transform:translateX(-160px)}10%{transform:translateX(-240px)}10%{transform:translateX(-320px)}10%{transform:translateX(-400px)}10%{transform:translateX(-480px)}10%{transform:translateX(-560px)}10%{transform:translateX(-640px)}10%{transform:translateX(-720px)}10%{transform:translateX(-800px)}10%{transform:translateX(-880px)}10%{transform:translateX(-960px)}10.1%{transform:translateX(-1040px)}10.1%{transform:translateX(-1120px)}10.1%{transform:translateX(-1200px)}10.1%{transform:translateX(-1280px)}10.1%{transform:translateX(-1360px)}10.1%{transform:translateX(-1440px)}10.1%{transform:translateX(-1520px)}10.1%{transform:translateX(-1600px)}10.1%{transform:translateX(-1680px)}10.1%{transform:translateX(-1760px)}10.1%{transform:translateX(-1840px)}10.1%{transform:translateX(-1920px)}10.1%{transform:translateX(-2000px)}10.1%{transform:translateX(-2080px)}10.1%{transform:translateX(-2160px)}10.1%{transform:translateX(-2240px)}10.1%{transform:translateX(-2320px)}10.1%{transform:translateX(-2400px)}10.1%{transform:translateX(-2480px)}10.1%{transform:translateX(-2560px)}10.1%{transform:translateX(-2640px)}10.1%{transform:translateX(-2720px)}10.1%{transform:translateX(-2800px)}10.1%{transform:translateX(-2880px)}10.1%{transform:translateX(-2960px)}10.1%{transform:translateX(-3040px)}10.1%{transform:translateX(-3120px)}10.1%{transform:translateX(-3200px)}100%{transform:translateX(-3280px)}}102030405040302010██████████████████████████████████████████████████ABCDEFGHI██████████Restartinganimation... \ No newline at end of file diff --git a/_examples/basictext/demo/animation.svg b/_examples/basictext/demo/animation.svg index 02eb6e8c0..19395d93c 100644 --- a/_examples/basictext/demo/animation.svg +++ b/_examples/basictext/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:transparent}.j{animation-duration:5.217373s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}@keyframes i{0%{transform:translateX(-0px)}3.6%{transform:translateX(-80px)}4.2%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Defaultbasictextprinter.CanbeusedinanyTextPrintercontext.Forexampletoresolveprogressbarsandspinners.Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:transparent}.j{animation-duration:5.26848s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}@keyframes i{0%{transform:translateX(-0px)}4.1%{transform:translateX(-80px)}5.1%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Defaultbasictextprinter.CanbeusedinanyTextPrintercontext.Forexampletoresolveprogressbarsandspinners.Restartinganimation... \ No newline at end of file diff --git a/_examples/bigtext/colored/animation.svg b/_examples/bigtext/colored/animation.svg index c963d7a5c..056912ce9 100644 --- a/_examples/bigtext/colored/animation.svg +++ b/_examples/bigtext/colored/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(0,198,255);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:transparent}.j{animation-duration:5.010162s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}0.2%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}███████████████████████████████████████████████████████████████████████████████████████████████████████████████████Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(0,198,255);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:transparent}.j{animation-duration:5.03165s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}.k{fill:rgb(160,160,160);white-space:pre}@keyframes i{0%{transform:translateX(-0px)}0.6%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}███████████████████████████████████████████████████████████████████████████████████████████████████████████████████Restartinganimation... \ No newline at end of file diff --git a/_examples/bigtext/default/animation.svg b/_examples/bigtext/default/animation.svg index b6a7826d6..0d8fe17b7 100644 --- a/_examples/bigtext/default/animation.svg +++ b/_examples/bigtext/default/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.037662s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}0.6%{transform:translateX(-80px)}0.7%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}███████████████████████████████████████████████████████████████████████████████████████████████████████████████████Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.01783s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}0.4%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}███████████████████████████████████████████████████████████████████████████████████████████████████████████████████Restartinganimation... \ No newline at end of file diff --git a/_examples/bigtext/demo/animation.svg b/_examples/bigtext/demo/animation.svg index 2d50a8248..fb8a24203 100644 --- a/_examples/bigtext/demo/animation.svg +++ b/_examples/bigtext/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(0,198,255);white-space:pre}.h{fill:rgb(234,89,246);white-space:pre}.i{fill:rgb(255,215,0);white-space:pre}.j{fill:transparent}.l{animation-duration:5.030468s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}0.5%{transform:translateX(-80px)}0.6%{transform:translateX(-160px)}0.6%{transform:translateX(-240px)}0.6%{transform:translateX(-320px)}0.6%{transform:translateX(-400px)}100%{transform:translateX(-480px)}}█████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(0,198,255);white-space:pre}.h{fill:rgb(234,89,246);white-space:pre}.i{fill:rgb(255,215,0);white-space:pre}.j{fill:transparent}.l{animation-duration:5.042906s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}0.8%{transform:translateX(-80px)}0.9%{transform:translateX(-160px)}0.9%{transform:translateX(-240px)}0.9%{transform:translateX(-320px)}100%{transform:translateX(-400px)}}█████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████Restartinganimation... \ No newline at end of file diff --git a/_examples/box/custom-padding/animation.svg b/_examples/box/custom-padding/animation.svg index dc715cd5b..606d04274 100644 --- a/_examples/box/custom-padding/animation.svg +++ b/_examples/box/custom-padding/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.246358s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}4.2%{transform:translateX(-80px)}4.7%{transform:translateX(-160px)}4.7%{transform:translateX(-240px)}100%{transform:translateX(-320px)}}┌─────────────────────────────────┐|||Hello,World!|└─────────────────────────────────┘└──────────────────────────Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.253474s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}4%{transform:translateX(-80px)}4.8%{transform:translateX(-160px)}4.8%{transform:translateX(-240px)}100%{transform:translateX(-320px)}}┌─────────────────────────────────┐|||Hello,World!|└─────────────────────────────────┘└──────────────────────────Restartinganimation... \ No newline at end of file diff --git a/_examples/box/default/animation.svg b/_examples/box/default/animation.svg index 5026d1505..90ec8040e 100644 --- a/_examples/box/default/animation.svg +++ b/_examples/box/default/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.184983s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}3.6%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}┌───────────────┐|Hello,World!|└───────────────┘Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.200184s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}3.4%{transform:translateX(-80px)}3.8%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}┌───────────────┐|Hello,World!|└───────────────┘Restartinganimation... \ No newline at end of file diff --git a/_examples/box/demo/animation.svg b/_examples/box/demo/animation.svg index 3276b1c97..c57301e22 100644 --- a/_examples/box/demo/animation.svg +++ b/_examples/box/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(160,160,160);white-space:pre}.j{fill:transparent}.l{animation-duration:5.399912s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}2.8%{transform:translateX(-80px)}3.8%{transform:translateX(-160px)}6.1%{transform:translateX(-240px)}6.1%{transform:translateX(-320px)}7.1%{transform:translateX(-400px)}7.1%{transform:translateX(-480px)}7.2%{transform:translateX(-560px)}7.2%{transform:translateX(-640px)}7.2%{transform:translateX(-720px)}7.2%{transform:translateX(-800px)}7.2%{transform:translateX(-880px)}7.2%{transform:translateX(-960px)}7.2%{transform:translateX(-1040px)}7.2%{transform:translateX(-1120px)}7.2%{transform:translateX(-1200px)}7.2%{transform:translateX(-1280px)}7.2%{transform:translateX(-1360px)}7.2%{transform:translateX(-1440px)}7.2%{transform:translateX(-1520px)}7.2%{transform:translateX(-1600px)}7.3%{transform:translateX(-1680px)}7.3%{transform:translateX(-1760px)}7.3%{transform:translateX(-1840px)}7.3%{transform:translateX(-1920px)}7.3%{transform:translateX(-2000px)}7.3%{transform:translateX(-2080px)}7.3%{transform:translateX(-2160px)}7.3%{transform:translateX(-2240px)}7.3%{transform:translateX(-2320px)}7.3%{transform:translateX(-2400px)}7.3%{transform:translateX(-2480px)}7.3%{transform:translateX(-2560px)}7.3%{transform:translateX(-2640px)}7.3%{transform:translateX(-2720px)}7.3%{transform:translateX(-2800px)}7.4%{transform:translateX(-2880px)}7.4%{transform:translateX(-2960px)}7.4%{transform:translateX(-3040px)}7.4%{transform:translateX(-3120px)}7.4%{transform:translateX(-3200px)}7.4%{transform:translateX(-3280px)}7.4%{transform:translateX(-3360px)}7.4%{transform:translateX(-3440px)}7.4%{transform:translateX(-3520px)}7.4%{transform:translateX(-3600px)}7.4%{transform:translateX(-3680px)}7.4%{transform:translateX(-3760px)}100%{transform:translateX(-3840px)}} INFO ThismightnotberenderedcorrectlyonGitHub, butitwillworkinarealterminal. ThisisbecauseGitHubdoesnotuseamonospacedfontbydefaultforSVGs┌────────────────────────────────────────────────────────────────────┐|┌──────────────────────────────────┐┌─title───────────────────┐|||Loremipsumdolorsitamet,||Utenimadminimveniam,||||consecteturadipiscingelit,||quisnostrudexercitation||||seddoeiusmodtemporincididunt||ullamcolaboris||||utlaboreetdolore||nisiutaliquip||||magnaaliqua.||exeacommodo|||└──────────────────────────────────┘|consequat.|||└───────────────────────────┘||┌────────────────────────────────┐|||Duisauteirure||||dolorinreprehenderit||||involuptatevelitessecillum||||doloreeufugiat||||nullapariatur.|||└─────bottomcentertitle──────┘|||└──────────────────────────────────────────────────────LoremIpsum─┘┌────────────────────────────────────────────────|┌─────────────────|┌──────────────────────────────────┐┌─title────────────|||└───────────────────────────────|└──────────────────────────────────|┌──────────────────────────|└────────────────────────────────────────────────Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(160,160,160);white-space:pre}.j{fill:transparent}.l{animation-duration:5.389736s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}3.8%{transform:translateX(-80px)}5%{transform:translateX(-160px)}7.2%{transform:translateX(-240px)}7.2%{transform:translateX(-320px)}7.2%{transform:translateX(-400px)}7.2%{transform:translateX(-480px)}7.2%{transform:translateX(-560px)}7.2%{transform:translateX(-640px)}7.2%{transform:translateX(-720px)}7.2%{transform:translateX(-800px)}7.2%{transform:translateX(-880px)}7.2%{transform:translateX(-960px)}7.2%{transform:translateX(-1040px)}7.2%{transform:translateX(-1120px)}100%{transform:translateX(-1200px)}} INFO ThismightnotberenderedcorrectlyonGitHub, butitwillworkinarealterminal. ThisisbecauseGitHubdoesnotuseamonospacedfontbydefaultforSVGs┌────────────────────────────────────────────────────────────────────┐|┌──────────────────────────────────┐┌─title───────────────────┐|||Loremipsumdolorsitamet,||Utenimadminimveniam,||||consecteturadipiscingelit,||quisnostrudexercitation||||seddoeiusmodtemporincididunt||ullamcolaboris||||utlaboreetdolore||nisiutaliquip||||magnaaliqua.||exeacommodo|||└──────────────────────────────────┘|consequat.|||└───────────────────────────┘||┌────────────────────────────────┐|||Duisauteirure||||dolorinreprehenderit||||involuptatevelitessecillum|||||doloreeufugiat||||nullapariatur.|||└─────bottomcentertitle──────┘|||└──────────────────────────────────────────────────────LoremIpsum─┘┌────────────────────────────────────────────────|┌─────────────────|┌──────────────────────────────────┐┌─title────────────|||└─|└──────────────────────────────────|└────────────────────────|┌──────────────────────────└──────────────────────────────────────────────Restartinganimation... \ No newline at end of file diff --git a/_examples/box/title/animation.svg b/_examples/box/title/animation.svg index aa24ec938..74e06213c 100644 --- a/_examples/box/title/animation.svg +++ b/_examples/box/title/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(243,86,86);white-space:pre}.h{fill:transparent}.j{animation-duration:5.414777s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}@keyframes i{0%{transform:translateX(-0px)}6.2%{transform:translateX(-80px)}7.3%{transform:translateX(-160px)}7.3%{transform:translateX(-240px)}7.3%{transform:translateX(-320px)}7.6%{transform:translateX(-400px)}7.6%{transform:translateX(-480px)}7.7%{transform:translateX(-560px)}7.7%{transform:translateX(-640px)}7.7%{transform:translateX(-720px)}7.7%{transform:translateX(-800px)}7.7%{transform:translateX(-880px)}7.7%{transform:translateX(-960px)}7.7%{transform:translateX(-1040px)}7.7%{transform:translateX(-1120px)}7.7%{transform:translateX(-1200px)}7.7%{transform:translateX(-1280px)}7.7%{transform:translateX(-1360px)}7.7%{transform:translateX(-1440px)}7.7%{transform:translateX(-1520px)}7.7%{transform:translateX(-1600px)}7.7%{transform:translateX(-1680px)}7.7%{transform:translateX(-1760px)}7.7%{transform:translateX(-1840px)}7.7%{transform:translateX(-1920px)}7.7%{transform:translateX(-2000px)}7.7%{transform:translateX(-2080px)}7.7%{transform:translateX(-2160px)}7.7%{transform:translateX(-2240px)}7.7%{transform:translateX(-2320px)}7.7%{transform:translateX(-2400px)}100%{transform:translateX(-2480px)}}┌─I'mabox!────────┐┌────I'mabox!─────┐┌────────I'mabox!─┐|||||||Hello,World!||Hello,World!||Hello,World!||1||2||3|└─────────────────────┘└─────────────────────┘└─────────────────────┘┌─────────────────────┐┌─────────────────────┐┌─────────────────────┐|4||5||6|└────────I'mabox!─┘└────I'mabox!─────┘└─I'mabox!────────┘┌─I'mabox!────────┐|||Hello,World!||7|└─────────────────────┘|||||└──────────└─────────────────────┘└─────────────────────┘└────────────┌─────────────────────┐┌───────────────└────────I'mabox!─┘└────Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(243,86,86);white-space:pre}.h{fill:transparent}.j{animation-duration:5.49144s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}@keyframes i{0%{transform:translateX(-0px)}6.1%{transform:translateX(-80px)}8.9%{transform:translateX(-160px)}8.9%{transform:translateX(-240px)}8.9%{transform:translateX(-320px)}8.9%{transform:translateX(-400px)}8.9%{transform:translateX(-480px)}8.9%{transform:translateX(-560px)}8.9%{transform:translateX(-640px)}100%{transform:translateX(-720px)}}┌─I'mabox!────────┐┌────I'mabox!─────┐┌────────I'mabox!─┐|||||||Hello,World!||Hello,World!||Hello,World!||1||2||3|└─────────────────────┘└─────────────────────┘└─────────────────────┘┌─────────────────────┐┌─────────────────────┐┌─────────────────────┐|4||5||6|└────────I'mabox!─┘└────I'mabox!─────┘└─I'mabox!────────┘┌─I'mabox!────────┐|||Hello,World!||7|└─────────────────────┘└─────────────────────┘└─────────────────────┘└─┌─────────────────────┐┌───|||└────|Restartinganimation... \ No newline at end of file diff --git a/_examples/bulletlist/customized/animation.svg b/_examples/bulletlist/customized/animation.svg index 560cd37e9..5a6b5ea54 100644 --- a/_examples/bulletlist/customized/animation.svg +++ b/_examples/bulletlist/customized/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(255,0,4);white-space:pre}.g{fill:rgb(0,71,255);white-space:pre}.h{fill:rgb(255,255,255);white-space:pre}.i{fill:rgb(124,255,0);white-space:pre}.j{fill:rgb(255,241,0);white-space:pre}.k{fill:rgb(0,198,255);white-space:pre}.l{fill:transparent}.n{animation-duration:5.264271s;animation-iteration-count:infinite;animation-name:m;animation-timing-function:steps(1,end)}.o{fill:rgb(160,160,160);white-space:pre}@keyframes m{0%{transform:translateX(-0px)}3.9%{transform:translateX(-80px)}5%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Blue-Green>CyanRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(255,0,4);white-space:pre}.g{fill:rgb(0,71,255);white-space:pre}.h{fill:rgb(255,255,255);white-space:pre}.i{fill:rgb(124,255,0);white-space:pre}.j{fill:rgb(255,241,0);white-space:pre}.k{fill:rgb(0,198,255);white-space:pre}.l{fill:transparent}.n{animation-duration:5.252729s;animation-iteration-count:infinite;animation-name:m;animation-timing-function:steps(1,end)}.o{fill:rgb(160,160,160);white-space:pre}@keyframes m{0%{transform:translateX(-0px)}4%{transform:translateX(-80px)}4.8%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Blue-Green>CyanRestartinganimation... \ No newline at end of file diff --git a/_examples/bulletlist/demo/animation.svg b/_examples/bulletlist/demo/animation.svg index d4ee53a5a..4867f53ea 100644 --- a/_examples/bulletlist/demo/animation.svg +++ b/_examples/bulletlist/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:transparent}.j{animation-duration:5.050637s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}@keyframes i{0%{transform:translateX(-0px)}0.8%{transform:translateX(-80px)}1%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Level0Level1Level20123Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:transparent}.j{animation-duration:5.05893s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}@keyframes i{0%{transform:translateX(-0px)}0.9%{transform:translateX(-80px)}1.2%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Level0Level1Level20123Restartinganimation... \ No newline at end of file diff --git a/_examples/center/demo/animation.svg b/_examples/center/demo/animation.svg index 14a1f5533..7dbb7a523 100644 --- a/_examples/center/demo/animation.svg +++ b/_examples/center/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.297063s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}4.4%{transform:translateX(-80px)}5.6%{transform:translateX(-160px)}5.6%{transform:translateX(-240px)}100%{transform:translateX(-320px)}}Thistextiscentered!Itcenteresthewholeblockbydefault.Inthatwayyoucandostufflikethis:███████████████████████████████████████████████████████████████████████████████████████████████████████████████████Thistextiscentered!ButeachlineiscenteredseparatelyRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.302033s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}4.7%{transform:translateX(-80px)}5.6%{transform:translateX(-160px)}5.6%{transform:translateX(-240px)}5.7%{transform:translateX(-320px)}100%{transform:translateX(-400px)}}Thistextiscentered!Itcenteresthewholeblockbydefault.Inthatwayyoucandostufflikethis:███████████████████████████████████████████████████████████████████████████████████████████████████████████████████Thistextiscentered!Buteachlineiscenteredseparately████Restartinganimation... \ No newline at end of file diff --git a/_examples/coloring/demo/animation.svg b/_examples/coloring/demo/animation.svg index 1bd85198d..9e5a380a6 100644 --- a/_examples/coloring/demo/animation.svg +++ b/_examples/coloring/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:rgb(255,0,4);white-space:pre}.i{fill:rgb(124,255,0);white-space:pre}.j{fill:rgb(255,241,0);white-space:pre}.k{fill:rgb(243,86,86);white-space:pre}.l{fill:rgb(127,253,127);white-space:pre}.m{fill:rgb(220,239,139);white-space:pre}.n{fill:rgb(160,160,160);white-space:pre}.o{fill:rgb(232,131,136)}.p{fill:rgb(168,204,140)}.q{fill:rgb(219,171,121)}.r{fill:rgb(0,71,255);white-space:pre}.s{fill:rgb(255,0,255);white-space:pre}.t{fill:rgb(0,198,255);white-space:pre}.u{fill:rgb(207,207,207);white-space:pre}.v{fill:rgb(152,161,254);white-space:pre}.w{fill:rgb(234,89,246);white-space:pre}.x{fill:rgb(126,231,233);white-space:pre}.y{fill:rgb(255,255,255);white-space:pre}.z{fill:rgb(113,190,242)}.A{fill:rgb(210,144,228)}.B{fill:rgb(102,194,205)}.C{fill:rgb(185,191,202)}.D{fill:rgb(115,190,243)}.E{fill:rgb(210,144,227)}.F{fill:rgb(255,255,255)}.G{fill:rgb(127,253,127);font-weight:bold;white-space:pre}.H{fill:transparent}.J{animation-duration:5.271639s;animation-iteration-count:infinite;animation-name:I;animation-timing-function:steps(1,end)}@keyframes I{0%{transform:translateX(-0px)}4.1%{transform:translateX(-80px)}5.2%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Black|Red|Green|Yellow|LightRed|LightGreen|LightYellow0Black|Red|Green|Yellow|Light Red|Light Green|Light YellowBlue|Magenta|Cyan|WhiteLightBlue|LightMagenta|LightCyan|LightWhiteBlue|Magenta|Cyan|WhiteLight Blue|Light Magenta|Light Cyan|Light WhiteHello,World!Evennestedcolorsaresupported!This text uses a style and is bold and light green with a red background!Light Blue|Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:rgb(255,0,4);white-space:pre}.i{fill:rgb(124,255,0);white-space:pre}.j{fill:rgb(255,241,0);white-space:pre}.k{fill:rgb(243,86,86);white-space:pre}.l{fill:rgb(127,253,127);white-space:pre}.m{fill:rgb(220,239,139);white-space:pre}.n{fill:rgb(160,160,160);white-space:pre}.o{fill:rgb(232,131,136)}.p{fill:rgb(168,204,140)}.q{fill:rgb(219,171,121)}.r{fill:rgb(0,71,255);white-space:pre}.s{fill:rgb(255,0,255);white-space:pre}.t{fill:rgb(0,198,255);white-space:pre}.u{fill:rgb(207,207,207);white-space:pre}.v{fill:rgb(152,161,254);white-space:pre}.w{fill:rgb(234,89,246);white-space:pre}.x{fill:rgb(126,231,233);white-space:pre}.y{fill:rgb(255,255,255);white-space:pre}.z{fill:rgb(113,190,242)}.A{fill:rgb(210,144,228)}.B{fill:rgb(102,194,205)}.C{fill:rgb(185,191,202)}.D{fill:rgb(115,190,243)}.E{fill:rgb(210,144,227)}.F{fill:rgb(255,255,255)}.G{fill:rgb(127,253,127);font-weight:bold;white-space:pre}.H{fill:transparent}.J{animation-duration:5.364945s;animation-iteration-count:infinite;animation-name:I;animation-timing-function:steps(1,end)}@keyframes I{0%{transform:translateX(-0px)}5.9%{transform:translateX(-80px)}6.8%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Black|Red|Green|Yellow|LightRed|LightGreen|LightYellow0Black|Red|Green|Yellow|Light Red|Light Green|Light YellowBlue|Magenta|Cyan|WhiteLightBlue|LightMagenta|LightCyan|LightWhiteBlue|Magenta|Cyan|WhiteLight Blue|Light Magenta|Light Cyan|Light WhiteHello,World!Evennestedcolorsaresupported!This text uses a style and is bold and light green with a red background!Light Blue|Restartinganimation... \ No newline at end of file diff --git a/_examples/coloring/disable-output/animation.svg b/_examples/coloring/disable-output/animation.svg index 7b4a7f0b4..4afead2e6 100644 --- a/_examples/coloring/disable-output/animation.svg +++ b/_examples/coloring/disable-output/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(102,194,205)}.h{white-space:pre}.i{fill:rgb(126,231,233);white-space:pre}.j{fill:transparent}.l{animation-duration:5.265815s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}5%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}Printingsomething...[0/15]Printingsomething...[1/15]Printingsomething...[2/15]Printingsomething...[3/15]Printingsomething...[4/15] INFO DisabledOutput! INFO EnabledOutput!Printingsomething...[10/15]Printingsomething...[11/15]Printingsomething...[12/15]Printingsomething...[13/15]Printingsomething...[14/15]Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(102,194,205)}.h{white-space:pre}.i{fill:rgb(126,231,233);white-space:pre}.j{fill:transparent}.l{animation-duration:5.267727s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}4.1%{transform:translateX(-80px)}5.1%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Printingsomething...[0/15]Printingsomething...[1/15]Printingsomething...[2/15]Printingsomething...[3/15]Printingsomething...[4/15] INFO DisabledOutput! INFO EnabledOutput!Printingsomething...[10/15]Printingsomething...[11/15]Printingsomething...[12/15]Printingsomething...[13/15]Printingsomething...[14/15]Restartinganimation... \ No newline at end of file diff --git a/_examples/coloring/fade-colors-rgb-style/animation.svg b/_examples/coloring/fade-colors-rgb-style/animation.svg index 944ada714..6ac133757 100644 --- a/_examples/coloring/fade-colors-rgb-style/animation.svg +++ b/_examples/coloring/fade-colors-rgb-style/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(128,128,128)}.i{fill:rgb(255,255,255);white-space:pre}.j{fill:rgb(125,125,125)}.k{fill:rgb(255,250,255);white-space:pre}.l{fill:rgb(123,123,123)}.m{fill:rgb(255,246,255);white-space:pre}.n{fill:rgb(121,121,121)}.o{fill:rgb(255,241,255);white-space:pre}.p{fill:rgb(119,119,119)}.q{fill:rgb(255,237,255);white-space:pre}.r{fill:rgb(116,116,116)}.s{fill:rgb(255,233,255);white-space:pre}.t{fill:rgb(114,114,114)}.u{fill:rgb(255,228,255);white-space:pre}.v{fill:rgb(112,112,112)}.w{fill:rgb(255,224,255);white-space:pre}.x{fill:rgb(110,110,110)}.y{fill:rgb(255,219,255);white-space:pre}.z{fill:rgb(108,108,108)}.A{fill:rgb(255,215,255);white-space:pre}.B{fill:rgb(105,105,105)}.C{fill:rgb(255,211,255);white-space:pre}.D{fill:rgb(103,103,103)}.E{fill:rgb(255,206,255);white-space:pre}.F{fill:rgb(101,101,101)}.G{fill:rgb(255,202,255);white-space:pre}.H{fill:rgb(99,99,99)}.I{fill:rgb(255,197,255);white-space:pre}.J{fill:rgb(97,97,97)}.K{fill:rgb(255,193,255);white-space:pre}.L{fill:rgb(94,94,94)}.M{fill:rgb(255,189,255);white-space:pre}.N{fill:rgb(92,92,92)}.O{fill:rgb(255,184,255);white-space:pre}.P{fill:rgb(90,90,90)}.Q{fill:rgb(255,180,255);white-space:pre}.R{fill:rgb(88,88,88)}.S{fill:rgb(255,175,255);white-space:pre}.T{fill:rgb(86,86,86)}.U{fill:rgb(255,171,255);white-space:pre}.V{fill:rgb(83,83,83)}.W{fill:rgb(255,167,255);white-space:pre}.X{fill:rgb(81,81,81)}.Y{fill:rgb(255,162,255);white-space:pre}.Z{fill:rgb(79,79,79)}.aa{fill:rgb(255,158,255);white-space:pre}.ab{fill:rgb(77,77,77)}.ac{fill:rgb(255,153,255);white-space:pre}.ad{fill:rgb(75,75,75)}.ae{fill:rgb(255,149,255);white-space:pre}.af{fill:rgb(72,72,72)}.ag{fill:rgb(255,145,255);white-space:pre}.ah{fill:rgb(70,70,70)}.ai{fill:rgb(255,140,255);white-space:pre}.aj{fill:rgb(68,68,68)}.ak{fill:rgb(255,136,255);white-space:pre}.al{fill:rgb(66,66,66)}.am{fill:rgb(255,131,255);white-space:pre}.an{fill:rgb(64,64,64)}.ao{fill:rgb(255,127,255);white-space:pre}.ap{fill:rgb(61,61,61)}.aq{fill:rgb(255,123,255);white-space:pre}.ar{fill:rgb(59,59,59)}.as{fill:rgb(255,118,255);white-space:pre}.at{fill:rgb(57,57,57)}.au{fill:rgb(255,114,255);white-space:pre}.av{fill:rgb(55,55,55)}.aw{fill:rgb(255,109,255);white-space:pre}.ax{fill:rgb(52,52,52)}.ay{fill:rgb(255,105,255);white-space:pre}.az{fill:rgb(50,50,50)}.aA{fill:rgb(255,101,255);white-space:pre}.aB{fill:rgb(48,48,48)}.aC{fill:rgb(255,96,255);white-space:pre}.aD{fill:rgb(46,46,46)}.aE{fill:rgb(255,92,255);white-space:pre}.aF{fill:rgb(44,44,44)}.aG{fill:rgb(255,87,255);white-space:pre}.aH{fill:rgb(41,41,41)}.aI{fill:rgb(255,83,255);white-space:pre}.aJ{fill:rgb(39,39,39)}.aK{fill:rgb(255,79,255);white-space:pre}.aL{fill:rgb(37,37,37)}.aM{fill:rgb(255,74,255);white-space:pre}.aN{fill:rgb(255,70,255);white-space:pre}.aO{fill:rgb(33,33,33)}.aP{fill:rgb(255,65,255);white-space:pre}.aQ{fill:rgb(30,30,30)}.aR{fill:rgb(255,61,255);white-space:pre}.aS{fill:rgb(28,28,28)}.aT{fill:rgb(255,57,255);white-space:pre}.aU{fill:rgb(26,26,26)}.aV{fill:rgb(255,52,255);white-space:pre}.aW{fill:rgb(24,24,24)}.aX{fill:rgb(255,48,255);white-space:pre}.aY{fill:rgb(22,22,22)}.aZ{fill:rgb(255,43,255);white-space:pre}.ba{fill:rgb(19,19,19)}.bb{fill:rgb(255,39,255);white-space:pre}.bc{fill:rgb(17,17,17)}.bd{fill:rgb(255,35,255);white-space:pre}.be{fill:rgb(15,15,15)}.bf{fill:rgb(255,30,255);white-space:pre}.bg{fill:rgb(13,13,13)}.bh{fill:rgb(255,26,255);white-space:pre}.bi{fill:rgb(11,11,11)}.bj{fill:rgb(255,21,255);white-space:pre}.bk{fill:rgb(8,8,8)}.bl{fill:rgb(255,17,255);white-space:pre}.bm{fill:rgb(6,6,6)}.bn{fill:rgb(255,13,255);white-space:pre}.bo{fill:rgb(4,4,4)}.bp{fill:rgb(255,8,255);white-space:pre}.bq{fill:rgb(2,2,2)}.br{fill:rgb(255,4,255);white-space:pre}.bs{fill:rgb(255,0,255)}.bt{fill:rgb(0,0,0);white-space:pre}.bu{fill:rgb(255,0,251)}.bv{fill:rgb(255,0,247)}.bw{fill:rgb(255,0,243)}.bx{fill:rgb(255,0,240)}.by{fill:rgb(255,0,236)}.bz{fill:rgb(255,0,232)}.bA{fill:rgb(255,0,228)}.bB{fill:rgb(255,0,225)}.bC{fill:rgb(255,0,221)}.bD{fill:rgb(255,0,217)}.bE{fill:rgb(255,0,213)}.bF{fill:rgb(255,0,210)}.bG{fill:rgb(255,0,206)}.bH{fill:rgb(255,0,202)}.bI{fill:rgb(255,0,198)}.bJ{fill:rgb(255,0,195)}.bK{fill:rgb(255,0,191)}.bL{fill:rgb(255,0,187)}.bM{fill:rgb(255,0,183)}.bN{fill:rgb(255,0,180)}.bO{fill:rgb(255,0,176)}.bP{fill:rgb(255,0,172)}.bQ{fill:rgb(255,0,168)}.bR{fill:rgb(255,0,165)}.bS{fill:rgb(255,0,161)}.bT{fill:rgb(255,0,157)}.bU{fill:rgb(255,0,153)}.bV{fill:rgb(255,0,150)}.bW{fill:rgb(255,0,146)}.bX{fill:rgb(255,0,142)}.bY{fill:rgb(255,0,138)}.bZ{fill:rgb(255,0,135)}.ca{fill:rgb(255,0,131)}.cb{fill:rgb(255,0,127)}.cc{fill:rgb(255,0,123)}.cd{fill:rgb(255,0,120)}.ce{fill:rgb(255,0,116)}.cf{fill:rgb(255,0,112)}.cg{fill:rgb(255,0,108)}.ch{fill:rgb(255,0,105)}.ci{fill:rgb(255,0,101)}.cj{fill:rgb(255,0,97)}.ck{fill:rgb(255,0,93)}.cl{fill:rgb(255,0,90)}.cm{fill:rgb(255,0,86)}.cn{fill:rgb(255,0,82)}.co{fill:rgb(255,0,78)}.cp{fill:rgb(255,0,75)}.cq{fill:rgb(255,0,71)}.cr{fill:rgb(255,0,67)}.cs{fill:rgb(255,0,63)}.ct{fill:rgb(255,0,60)}.cu{fill:rgb(255,0,56)}.cv{fill:rgb(255,0,52)}.cw{fill:rgb(255,0,48)}.cx{fill:rgb(255,0,45)}.cy{fill:rgb(255,0,41)}.cz{fill:rgb(255,0,37)}.cA{fill:rgb(255,0,33)}.cB{fill:rgb(255,0,30)}.cC{fill:rgb(255,0,26)}.cD{fill:rgb(255,0,22)}.cE{fill:rgb(255,0,18)}.cF{fill:rgb(255,0,15)}.cG{fill:rgb(255,0,11)}.cH{fill:rgb(255,0,7)}.cI{fill:rgb(255,0,3)}.cJ{fill:rgb(255,0,0)}.cK{fill:rgb(250,0,0)}.cL{fill:rgb(250,255,250);white-space:pre}.cM{fill:rgb(245,0,0)}.cN{fill:rgb(245,255,245);white-space:pre}.cO{fill:rgb(241,0,0)}.cP{fill:rgb(241,255,241);white-space:pre}.cQ{fill:rgb(236,0,0)}.cR{fill:rgb(236,255,236);white-space:pre}.cS{fill:rgb(232,0,0)}.cT{fill:rgb(232,255,232);white-space:pre}.cU{fill:rgb(227,0,0)}.cV{fill:rgb(227,255,227);white-space:pre}.cW{fill:rgb(223,0,0)}.cX{fill:rgb(223,255,223);white-space:pre}.cY{fill:rgb(218,0,0)}.cZ{fill:rgb(218,255,218);white-space:pre}.da{fill:rgb(214,0,0)}.db{fill:rgb(214,255,214);white-space:pre}.dc{fill:rgb(209,0,0)}.dd{fill:rgb(209,255,209);white-space:pre}.de{fill:rgb(204,0,0)}.df{fill:rgb(204,255,204);white-space:pre}.dg{fill:rgb(200,0,0)}.dh{fill:rgb(200,255,200);white-space:pre}.di{fill:rgb(195,0,0)}.dj{fill:rgb(195,255,195);white-space:pre}.dk{fill:rgb(191,0,0)}.dl{fill:rgb(191,255,191);white-space:pre}.dm{fill:rgb(186,0,0)}.dn{fill:rgb(186,255,186);white-space:pre}.do{fill:rgb(182,0,0)}.dp{fill:rgb(182,255,182);white-space:pre}.dq{fill:rgb(177,0,0)}.dr{fill:rgb(177,255,177);white-space:pre}.ds{fill:rgb(173,0,0)}.dt{fill:rgb(173,255,173);white-space:pre}.du{fill:rgb(168,0,0)}.dv{fill:rgb(168,255,168);white-space:pre}.dw{fill:rgb(163,0,0)}.dx{fill:rgb(163,255,163);white-space:pre}.dy{fill:rgb(159,0,0)}.dz{fill:rgb(159,255,159);white-space:pre}.dA{fill:rgb(154,0,0)}.dB{fill:rgb(154,255,154);white-space:pre}.dC{fill:rgb(150,0,0)}.dD{fill:rgb(150,255,150);white-space:pre}.dE{fill:rgb(145,0,0)}.dF{fill:rgb(145,255,145);white-space:pre}.dG{fill:rgb(141,0,0)}.dH{fill:rgb(141,255,141);white-space:pre}.dI{fill:rgb(136,0,0)}.dJ{fill:rgb(136,255,136);white-space:pre}.dK{fill:rgb(132,0,0)}.dL{fill:rgb(132,255,132);white-space:pre}.dM{fill:rgb(127,0,0)}.dN{fill:rgb(127,255,127);white-space:pre}.dO{fill:rgb(122,0,0)}.dP{fill:rgb(122,255,122);white-space:pre}.dQ{fill:rgb(118,0,0)}.dR{fill:rgb(118,255,118);white-space:pre}.dS{fill:rgb(113,0,0)}.dT{fill:rgb(113,255,113);white-space:pre}.dU{fill:rgb(109,0,0)}.dV{fill:rgb(109,255,109);white-space:pre}.dW{fill:rgb(104,0,0)}.dX{fill:rgb(104,255,104);white-space:pre}.dY{fill:rgb(100,0,0)}.dZ{fill:rgb(100,255,100);white-space:pre}.ea{fill:rgb(95,0,0)}.eb{fill:rgb(95,255,95);white-space:pre}.ec{fill:rgb(91,0,0)}.ed{fill:rgb(91,255,91);white-space:pre}.ee{fill:rgb(86,0,0)}.ef{fill:rgb(86,255,86);white-space:pre}.eg{fill:rgb(81,0,0)}.eh{fill:rgb(81,255,81);white-space:pre}.ei{fill:rgb(77,0,0)}.ej{fill:rgb(77,255,77);white-space:pre}.ek{fill:rgb(72,0,0)}.el{fill:rgb(72,255,72);white-space:pre}.em{fill:rgb(68,0,0)}.en{fill:rgb(68,255,68);font-weight:bold;white-space:pre}.eo{fill:rgb(63,0,0)}.ep{fill:rgb(63,255,63);font-weight:bold;white-space:pre}.eq{fill:rgb(59,0,0)}.er{fill:rgb(59,255,59);font-weight:bold;white-space:pre}.es{fill:rgb(54,0,0)}.et{fill:rgb(54,255,54);font-weight:bold;white-space:pre}.eu{fill:rgb(50,0,0)}.ev{fill:rgb(50,255,50);white-space:pre}.ew{fill:rgb(45,0,0)}.ex{fill:rgb(45,255,45);white-space:pre}.ey{fill:rgb(40,0,0)}.ez{fill:rgb(40,255,40);white-space:pre}.eA{fill:rgb(36,0,0)}.eB{fill:rgb(36,255,36);white-space:pre}.eC{fill:rgb(31,0,0)}.eD{fill:rgb(31,255,31);white-space:pre}.eE{fill:rgb(27,0,0)}.eF{fill:rgb(27,255,27);white-space:pre}.eG{fill:rgb(22,0,0)}.eH{fill:rgb(22,255,22);white-space:pre}.eI{fill:rgb(18,0,0)}.eJ{fill:rgb(18,255,18);white-space:pre}.eK{fill:rgb(13,0,0)}.eL{fill:rgb(13,255,13);white-space:pre}.eM{fill:rgb(9,0,0)}.eN{fill:rgb(9,255,9);white-space:pre}.eO{fill:rgb(4,0,0)}.eP{fill:rgb(4,255,4);white-space:pre}.eQ{fill:transparent}.eS{animation-duration:5.254801s;animation-iteration-count:infinite;animation-name:eR;animation-timing-function:steps(1,end)}.eT{fill:rgb(160,160,160);white-space:pre}@keyframes eR{0%{transform:translateX(-0px)}3.8%{transform:translateX(-80px)}4.8%{transform:translateX(-160px)}4.8%{transform:translateX(-240px)}4.8%{transform:translateX(-320px)}4.8%{transform:translateX(-400px)}4.8%{transform:translateX(-480px)}4.8%{transform:translateX(-560px)}100%{transform:translateX(-640px)}} INFO RGB colors only work in Terminals which support TrueColor.The background and foreground colors can be customized individually.Styles can also be applied. For example: Bold or Italic. INFO RGB colors only work i INFO RGB colors only work in Terminals which supporThe background aThe background and foreground colors can be cusStyles caStyles can also be applied. For exampRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(128,128,128)}.i{fill:rgb(255,255,255);white-space:pre}.j{fill:rgb(125,125,125)}.k{fill:rgb(255,250,255);white-space:pre}.l{fill:rgb(123,123,123)}.m{fill:rgb(255,246,255);white-space:pre}.n{fill:rgb(121,121,121)}.o{fill:rgb(255,241,255);white-space:pre}.p{fill:rgb(119,119,119)}.q{fill:rgb(255,237,255);white-space:pre}.r{fill:rgb(116,116,116)}.s{fill:rgb(255,233,255);white-space:pre}.t{fill:rgb(114,114,114)}.u{fill:rgb(255,228,255);white-space:pre}.v{fill:rgb(112,112,112)}.w{fill:rgb(255,224,255);white-space:pre}.x{fill:rgb(110,110,110)}.y{fill:rgb(255,219,255);white-space:pre}.z{fill:rgb(108,108,108)}.A{fill:rgb(255,215,255);white-space:pre}.B{fill:rgb(105,105,105)}.C{fill:rgb(255,211,255);white-space:pre}.D{fill:rgb(103,103,103)}.E{fill:rgb(255,206,255);white-space:pre}.F{fill:rgb(101,101,101)}.G{fill:rgb(255,202,255);white-space:pre}.H{fill:rgb(99,99,99)}.I{fill:rgb(255,197,255);white-space:pre}.J{fill:rgb(97,97,97)}.K{fill:rgb(255,193,255);white-space:pre}.L{fill:rgb(94,94,94)}.M{fill:rgb(255,189,255);white-space:pre}.N{fill:rgb(92,92,92)}.O{fill:rgb(255,184,255);white-space:pre}.P{fill:rgb(90,90,90)}.Q{fill:rgb(255,180,255);white-space:pre}.R{fill:rgb(88,88,88)}.S{fill:rgb(255,175,255);white-space:pre}.T{fill:rgb(86,86,86)}.U{fill:rgb(255,171,255);white-space:pre}.V{fill:rgb(83,83,83)}.W{fill:rgb(255,167,255);white-space:pre}.X{fill:rgb(81,81,81)}.Y{fill:rgb(255,162,255);white-space:pre}.Z{fill:rgb(79,79,79)}.aa{fill:rgb(255,158,255);white-space:pre}.ab{fill:rgb(77,77,77)}.ac{fill:rgb(255,153,255);white-space:pre}.ad{fill:rgb(75,75,75)}.ae{fill:rgb(255,149,255);white-space:pre}.af{fill:rgb(72,72,72)}.ag{fill:rgb(255,145,255);white-space:pre}.ah{fill:rgb(70,70,70)}.ai{fill:rgb(255,140,255);white-space:pre}.aj{fill:rgb(68,68,68)}.ak{fill:rgb(255,136,255);white-space:pre}.al{fill:rgb(66,66,66)}.am{fill:rgb(255,131,255);white-space:pre}.an{fill:rgb(64,64,64)}.ao{fill:rgb(255,127,255);white-space:pre}.ap{fill:rgb(61,61,61)}.aq{fill:rgb(255,123,255);white-space:pre}.ar{fill:rgb(59,59,59)}.as{fill:rgb(255,118,255);white-space:pre}.at{fill:rgb(57,57,57)}.au{fill:rgb(255,114,255);white-space:pre}.av{fill:rgb(55,55,55)}.aw{fill:rgb(255,109,255);white-space:pre}.ax{fill:rgb(52,52,52)}.ay{fill:rgb(255,105,255);white-space:pre}.az{fill:rgb(50,50,50)}.aA{fill:rgb(255,101,255);white-space:pre}.aB{fill:rgb(48,48,48)}.aC{fill:rgb(255,96,255);white-space:pre}.aD{fill:rgb(46,46,46)}.aE{fill:rgb(255,92,255);white-space:pre}.aF{fill:rgb(44,44,44)}.aG{fill:rgb(255,87,255);white-space:pre}.aH{fill:rgb(41,41,41)}.aI{fill:rgb(255,83,255);white-space:pre}.aJ{fill:rgb(39,39,39)}.aK{fill:rgb(255,79,255);white-space:pre}.aL{fill:rgb(37,37,37)}.aM{fill:rgb(255,74,255);white-space:pre}.aN{fill:rgb(255,70,255);white-space:pre}.aO{fill:rgb(33,33,33)}.aP{fill:rgb(255,65,255);white-space:pre}.aQ{fill:rgb(30,30,30)}.aR{fill:rgb(255,61,255);white-space:pre}.aS{fill:rgb(28,28,28)}.aT{fill:rgb(255,57,255);white-space:pre}.aU{fill:rgb(26,26,26)}.aV{fill:rgb(255,52,255);white-space:pre}.aW{fill:rgb(24,24,24)}.aX{fill:rgb(255,48,255);white-space:pre}.aY{fill:rgb(22,22,22)}.aZ{fill:rgb(255,43,255);white-space:pre}.ba{fill:rgb(19,19,19)}.bb{fill:rgb(255,39,255);white-space:pre}.bc{fill:rgb(17,17,17)}.bd{fill:rgb(255,35,255);white-space:pre}.be{fill:rgb(15,15,15)}.bf{fill:rgb(255,30,255);white-space:pre}.bg{fill:rgb(13,13,13)}.bh{fill:rgb(255,26,255);white-space:pre}.bi{fill:rgb(11,11,11)}.bj{fill:rgb(255,21,255);white-space:pre}.bk{fill:rgb(8,8,8)}.bl{fill:rgb(255,17,255);white-space:pre}.bm{fill:rgb(6,6,6)}.bn{fill:rgb(255,13,255);white-space:pre}.bo{fill:rgb(4,4,4)}.bp{fill:rgb(255,8,255);white-space:pre}.bq{fill:rgb(2,2,2)}.br{fill:rgb(255,4,255);white-space:pre}.bs{fill:rgb(255,0,255)}.bt{fill:rgb(0,0,0);white-space:pre}.bu{fill:rgb(255,0,251)}.bv{fill:rgb(255,0,247)}.bw{fill:rgb(255,0,243)}.bx{fill:rgb(255,0,240)}.by{fill:rgb(255,0,236)}.bz{fill:rgb(255,0,232)}.bA{fill:rgb(255,0,228)}.bB{fill:rgb(255,0,225)}.bC{fill:rgb(255,0,221)}.bD{fill:rgb(255,0,217)}.bE{fill:rgb(255,0,213)}.bF{fill:rgb(255,0,210)}.bG{fill:rgb(255,0,206)}.bH{fill:rgb(255,0,202)}.bI{fill:rgb(255,0,198)}.bJ{fill:rgb(255,0,195)}.bK{fill:rgb(255,0,191)}.bL{fill:rgb(255,0,187)}.bM{fill:rgb(255,0,183)}.bN{fill:rgb(255,0,180)}.bO{fill:rgb(255,0,176)}.bP{fill:rgb(255,0,172)}.bQ{fill:rgb(255,0,168)}.bR{fill:rgb(255,0,165)}.bS{fill:rgb(255,0,161)}.bT{fill:rgb(255,0,157)}.bU{fill:rgb(255,0,153)}.bV{fill:rgb(255,0,150)}.bW{fill:rgb(255,0,146)}.bX{fill:rgb(255,0,142)}.bY{fill:rgb(255,0,138)}.bZ{fill:rgb(255,0,135)}.ca{fill:rgb(255,0,131)}.cb{fill:rgb(255,0,127)}.cc{fill:rgb(255,0,123)}.cd{fill:rgb(255,0,120)}.ce{fill:rgb(255,0,116)}.cf{fill:rgb(255,0,112)}.cg{fill:rgb(255,0,108)}.ch{fill:rgb(255,0,105)}.ci{fill:rgb(255,0,101)}.cj{fill:rgb(255,0,97)}.ck{fill:rgb(255,0,93)}.cl{fill:rgb(255,0,90)}.cm{fill:rgb(255,0,86)}.cn{fill:rgb(255,0,82)}.co{fill:rgb(255,0,78)}.cp{fill:rgb(255,0,75)}.cq{fill:rgb(255,0,71)}.cr{fill:rgb(255,0,67)}.cs{fill:rgb(255,0,63)}.ct{fill:rgb(255,0,60)}.cu{fill:rgb(255,0,56)}.cv{fill:rgb(255,0,52)}.cw{fill:rgb(255,0,48)}.cx{fill:rgb(255,0,45)}.cy{fill:rgb(255,0,41)}.cz{fill:rgb(255,0,37)}.cA{fill:rgb(255,0,33)}.cB{fill:rgb(255,0,30)}.cC{fill:rgb(255,0,26)}.cD{fill:rgb(255,0,22)}.cE{fill:rgb(255,0,18)}.cF{fill:rgb(255,0,15)}.cG{fill:rgb(255,0,11)}.cH{fill:rgb(255,0,7)}.cI{fill:rgb(255,0,3)}.cJ{fill:rgb(255,0,0)}.cK{fill:rgb(250,0,0)}.cL{fill:rgb(250,255,250);white-space:pre}.cM{fill:rgb(245,0,0)}.cN{fill:rgb(245,255,245);white-space:pre}.cO{fill:rgb(241,0,0)}.cP{fill:rgb(241,255,241);white-space:pre}.cQ{fill:rgb(236,0,0)}.cR{fill:rgb(236,255,236);white-space:pre}.cS{fill:rgb(232,0,0)}.cT{fill:rgb(232,255,232);white-space:pre}.cU{fill:rgb(227,0,0)}.cV{fill:rgb(227,255,227);white-space:pre}.cW{fill:rgb(223,0,0)}.cX{fill:rgb(223,255,223);white-space:pre}.cY{fill:rgb(218,0,0)}.cZ{fill:rgb(218,255,218);white-space:pre}.da{fill:rgb(214,0,0)}.db{fill:rgb(214,255,214);white-space:pre}.dc{fill:rgb(209,0,0)}.dd{fill:rgb(209,255,209);white-space:pre}.de{fill:rgb(204,0,0)}.df{fill:rgb(204,255,204);white-space:pre}.dg{fill:rgb(200,0,0)}.dh{fill:rgb(200,255,200);white-space:pre}.di{fill:rgb(195,0,0)}.dj{fill:rgb(195,255,195);white-space:pre}.dk{fill:rgb(191,0,0)}.dl{fill:rgb(191,255,191);white-space:pre}.dm{fill:rgb(186,0,0)}.dn{fill:rgb(186,255,186);white-space:pre}.do{fill:rgb(182,0,0)}.dp{fill:rgb(182,255,182);white-space:pre}.dq{fill:rgb(177,0,0)}.dr{fill:rgb(177,255,177);white-space:pre}.ds{fill:rgb(173,0,0)}.dt{fill:rgb(173,255,173);white-space:pre}.du{fill:rgb(168,0,0)}.dv{fill:rgb(168,255,168);white-space:pre}.dw{fill:rgb(163,0,0)}.dx{fill:rgb(163,255,163);white-space:pre}.dy{fill:rgb(159,0,0)}.dz{fill:rgb(159,255,159);white-space:pre}.dA{fill:rgb(154,0,0)}.dB{fill:rgb(154,255,154);white-space:pre}.dC{fill:rgb(150,0,0)}.dD{fill:rgb(150,255,150);white-space:pre}.dE{fill:rgb(145,0,0)}.dF{fill:rgb(145,255,145);white-space:pre}.dG{fill:rgb(141,0,0)}.dH{fill:rgb(141,255,141);white-space:pre}.dI{fill:rgb(136,0,0)}.dJ{fill:rgb(136,255,136);white-space:pre}.dK{fill:rgb(132,0,0)}.dL{fill:rgb(132,255,132);white-space:pre}.dM{fill:rgb(127,0,0)}.dN{fill:rgb(127,255,127);white-space:pre}.dO{fill:rgb(122,0,0)}.dP{fill:rgb(122,255,122);white-space:pre}.dQ{fill:rgb(118,0,0)}.dR{fill:rgb(118,255,118);white-space:pre}.dS{fill:rgb(113,0,0)}.dT{fill:rgb(113,255,113);white-space:pre}.dU{fill:rgb(109,0,0)}.dV{fill:rgb(109,255,109);white-space:pre}.dW{fill:rgb(104,0,0)}.dX{fill:rgb(104,255,104);white-space:pre}.dY{fill:rgb(100,0,0)}.dZ{fill:rgb(100,255,100);white-space:pre}.ea{fill:rgb(95,0,0)}.eb{fill:rgb(95,255,95);white-space:pre}.ec{fill:rgb(91,0,0)}.ed{fill:rgb(91,255,91);white-space:pre}.ee{fill:rgb(86,0,0)}.ef{fill:rgb(86,255,86);white-space:pre}.eg{fill:rgb(81,0,0)}.eh{fill:rgb(81,255,81);white-space:pre}.ei{fill:rgb(77,0,0)}.ej{fill:rgb(77,255,77);white-space:pre}.ek{fill:rgb(72,0,0)}.el{fill:rgb(72,255,72);white-space:pre}.em{fill:rgb(68,0,0)}.en{fill:rgb(68,255,68);font-weight:bold;white-space:pre}.eo{fill:rgb(63,0,0)}.ep{fill:rgb(63,255,63);font-weight:bold;white-space:pre}.eq{fill:rgb(59,0,0)}.er{fill:rgb(59,255,59);font-weight:bold;white-space:pre}.es{fill:rgb(54,0,0)}.et{fill:rgb(54,255,54);font-weight:bold;white-space:pre}.eu{fill:rgb(50,0,0)}.ev{fill:rgb(50,255,50);white-space:pre}.ew{fill:rgb(45,0,0)}.ex{fill:rgb(45,255,45);white-space:pre}.ey{fill:rgb(40,0,0)}.ez{fill:rgb(40,255,40);white-space:pre}.eA{fill:rgb(36,0,0)}.eB{fill:rgb(36,255,36);white-space:pre}.eC{fill:rgb(31,0,0)}.eD{fill:rgb(31,255,31);white-space:pre}.eE{fill:rgb(27,0,0)}.eF{fill:rgb(27,255,27);white-space:pre}.eG{fill:rgb(22,0,0)}.eH{fill:rgb(22,255,22);white-space:pre}.eI{fill:rgb(18,0,0)}.eJ{fill:rgb(18,255,18);white-space:pre}.eK{fill:rgb(13,0,0)}.eL{fill:rgb(13,255,13);white-space:pre}.eM{fill:rgb(9,0,0)}.eN{fill:rgb(9,255,9);white-space:pre}.eO{fill:rgb(4,0,0)}.eP{fill:rgb(4,255,4);white-space:pre}.eQ{fill:transparent}.eS{animation-duration:5.227523s;animation-iteration-count:infinite;animation-name:eR;animation-timing-function:steps(1,end)}.eT{fill:rgb(160,160,160);white-space:pre}@keyframes eR{0%{transform:translateX(-0px)}3.2%{transform:translateX(-80px)}4.4%{transform:translateX(-160px)}4.4%{transform:translateX(-240px)}4.4%{transform:translateX(-320px)}4.4%{transform:translateX(-400px)}4.4%{transform:translateX(-480px)}4.4%{transform:translateX(-560px)}100%{transform:translateX(-640px)}} INFO RGB colors only work in Terminals which support TrueColor.The background and foreground colors can be customized individually.Styles can also be applied. For example: Bold or Italic. INFO RGB colors only work i INFO RGB colors only work in Terminals which supporThe background aThe background and foreground colors can be cusStyles caStyles can also be applied. For exampRestartinganimation... \ No newline at end of file diff --git a/_examples/coloring/fade-colors/animation.svg b/_examples/coloring/fade-colors/animation.svg index e4e830703..47185f4db 100644 --- a/_examples/coloring/fade-colors/animation.svg +++ b/_examples/coloring/fade-colors/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(0,255,255);white-space:pre}.j{fill:rgb(11,243,255);white-space:pre}.k{fill:rgb(23,231,255);white-space:pre}.l{fill:rgb(34,220,255);white-space:pre}.m{fill:rgb(46,208,255);white-space:pre}.n{fill:rgb(57,197,255);white-space:pre}.o{fill:rgb(69,185,255);white-space:pre}.p{fill:rgb(81,173,255);white-space:pre}.q{fill:rgb(92,162,255);white-space:pre}.r{fill:rgb(104,150,255);white-space:pre}.s{fill:rgb(115,139,255);white-space:pre}.t{fill:rgb(127,127,255);white-space:pre}.u{fill:rgb(139,115,255);white-space:pre}.v{fill:rgb(150,104,255);white-space:pre}.w{fill:rgb(162,92,255);white-space:pre}.x{fill:rgb(173,81,255);white-space:pre}.y{fill:rgb(185,69,255);white-space:pre}.z{fill:rgb(197,57,255);white-space:pre}.A{fill:rgb(208,46,255);white-space:pre}.B{fill:rgb(220,34,255);white-space:pre}.C{fill:rgb(231,23,255);white-space:pre}.D{fill:rgb(243,11,255);white-space:pre}.E{fill:transparent}.G{animation-duration:5.2934149999999995s;animation-iteration-count:infinite;animation-name:F;animation-timing-function:steps(1,end)}.H{fill:rgb(160,160,160);white-space:pre}@keyframes F{0%{transform:translateX(-0px)}4.6%{transform:translateX(-80px)}5.5%{transform:translateX(-160px)}100%{transform:translateX(-240px)}} INFO RGBcolorsonlyworkinTerminalswhichsupportTrueColor.Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(0,255,255);white-space:pre}.j{fill:rgb(11,243,255);white-space:pre}.k{fill:rgb(23,231,255);white-space:pre}.l{fill:rgb(34,220,255);white-space:pre}.m{fill:rgb(46,208,255);white-space:pre}.n{fill:rgb(57,197,255);white-space:pre}.o{fill:rgb(69,185,255);white-space:pre}.p{fill:rgb(81,173,255);white-space:pre}.q{fill:rgb(92,162,255);white-space:pre}.r{fill:rgb(104,150,255);white-space:pre}.s{fill:rgb(115,139,255);white-space:pre}.t{fill:rgb(127,127,255);white-space:pre}.u{fill:rgb(139,115,255);white-space:pre}.v{fill:rgb(150,104,255);white-space:pre}.w{fill:rgb(162,92,255);white-space:pre}.x{fill:rgb(173,81,255);white-space:pre}.y{fill:rgb(185,69,255);white-space:pre}.z{fill:rgb(197,57,255);white-space:pre}.A{fill:rgb(208,46,255);white-space:pre}.B{fill:rgb(220,34,255);white-space:pre}.C{fill:rgb(231,23,255);white-space:pre}.D{fill:rgb(243,11,255);white-space:pre}.E{fill:transparent}.G{animation-duration:5.39888s;animation-iteration-count:infinite;animation-name:F;animation-timing-function:steps(1,end)}.H{fill:rgb(160,160,160);white-space:pre}@keyframes F{0%{transform:translateX(-0px)}6.4%{transform:translateX(-80px)}7.4%{transform:translateX(-160px)}100%{transform:translateX(-240px)}} INFO RGBcolorsonlyworkinTerminalswhichsupportTrueColor.Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Restartinganimation... \ No newline at end of file diff --git a/_examples/coloring/fade-multiple-colors/animation.svg b/_examples/coloring/fade-multiple-colors/animation.svg index c44eda3cc..2961c5bdc 100644 --- a/_examples/coloring/fade-multiple-colors/animation.svg +++ b/_examples/coloring/fade-multiple-colors/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(0,255,255);white-space:pre}.i{fill:rgb(4,250,255);white-space:pre}.j{fill:rgb(8,246,255);white-space:pre}.k{fill:rgb(17,237,255);white-space:pre}.l{fill:rgb(21,233,255);white-space:pre}.m{fill:rgb(26,228,255);white-space:pre}.n{fill:rgb(30,224,255);white-space:pre}.o{fill:rgb(35,219,255);white-space:pre}.p{fill:rgb(39,215,255);white-space:pre}.q{fill:rgb(48,206,255);white-space:pre}.r{fill:rgb(52,202,255);white-space:pre}.s{fill:rgb(57,197,255);white-space:pre}.t{fill:rgb(61,193,255);white-space:pre}.u{fill:rgb(70,184,255);white-space:pre}.v{fill:rgb(74,180,255);white-space:pre}.w{fill:rgb(79,175,255);white-space:pre}.x{fill:rgb(83,171,255);white-space:pre}.y{fill:rgb(92,162,255);white-space:pre}.z{fill:rgb(96,158,255);white-space:pre}.A{fill:rgb(105,149,255);white-space:pre}.B{fill:rgb(109,145,255);white-space:pre}.C{fill:rgb(114,140,255);white-space:pre}.D{fill:rgb(118,136,255);white-space:pre}.E{fill:rgb(123,131,255);white-space:pre}.F{fill:rgb(127,127,255);white-space:pre}.G{fill:rgb(131,123,255);white-space:pre}.H{fill:rgb(136,118,255);white-space:pre}.I{fill:rgb(140,114,255);white-space:pre}.J{fill:rgb(149,105,255);white-space:pre}.K{fill:rgb(153,101,255);white-space:pre}.L{fill:rgb(158,96,255);white-space:pre}.M{fill:rgb(162,92,255);white-space:pre}.N{fill:rgb(167,87,255);white-space:pre}.O{fill:rgb(175,79,255);white-space:pre}.P{fill:rgb(180,74,255);white-space:pre}.Q{fill:rgb(184,70,255);white-space:pre}.R{fill:rgb(189,65,255);white-space:pre}.S{fill:rgb(193,61,255);white-space:pre}.T{fill:rgb(197,57,255);white-space:pre}.U{fill:rgb(202,52,255);white-space:pre}.V{fill:rgb(211,43,255);white-space:pre}.W{fill:rgb(215,39,255);white-space:pre}.X{fill:rgb(219,35,255);white-space:pre}.Y{fill:rgb(224,30,255);white-space:pre}.Z{fill:rgb(228,26,255);white-space:pre}.aa{fill:rgb(233,21,255);white-space:pre}.ab{fill:rgb(237,17,255);white-space:pre}.ac{fill:rgb(241,13,255);white-space:pre}.ad{fill:rgb(246,8,255);white-space:pre}.ae{fill:rgb(250,4,255);white-space:pre}.af{fill:rgb(46,208,255);white-space:pre}.ag{fill:rgb(139,115,255);white-space:pre}.ah{fill:rgb(185,69,255);white-space:pre}.ai{fill:rgb(231,23,255);white-space:pre}.aj{fill:rgb(255,0,231);white-space:pre}.ak{fill:rgb(255,0,185);white-space:pre}.al{fill:rgb(255,0,139);white-space:pre}.am{fill:rgb(255,0,92);white-space:pre}.an{fill:rgb(255,0,46);white-space:pre}.ao{fill:rgb(255,0,0);white-space:pre}.ap{fill:rgb(208,46,0);white-space:pre}.aq{fill:rgb(162,92,0);white-space:pre}.ar{fill:rgb(115,139,0);white-space:pre}.as{fill:rgb(69,185,0);white-space:pre}.at{fill:rgb(23,231,0);white-space:pre}.au{fill:rgb(23,255,23);white-space:pre}.av{fill:rgb(69,255,69);white-space:pre}.aw{fill:rgb(115,255,115);white-space:pre}.ax{fill:rgb(162,255,162);white-space:pre}.ay{fill:rgb(208,255,208);white-space:pre}.az{fill:transparent}.aB{animation-duration:5.203778s;animation-iteration-count:infinite;animation-name:aA;animation-timing-function:steps(1,end)}.aC{fill:rgb(160,160,160);white-space:pre}@keyframes aA{0%{transform:translateX(-0px)}3.4%{transform:translateX(-80px)}3.9%{transform:translateX(-160px)}3.9%{transform:translateX(-240px)}100%{transform:translateX(-320px)}} INFO RGBcolorsonlyworkinTerminalswhichsupportTrueColor.Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World! INFO RGBcolorsonlyworkinTerminalswRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(0,255,255);white-space:pre}.i{fill:rgb(4,250,255);white-space:pre}.j{fill:rgb(8,246,255);white-space:pre}.k{fill:rgb(17,237,255);white-space:pre}.l{fill:rgb(21,233,255);white-space:pre}.m{fill:rgb(26,228,255);white-space:pre}.n{fill:rgb(30,224,255);white-space:pre}.o{fill:rgb(35,219,255);white-space:pre}.p{fill:rgb(39,215,255);white-space:pre}.q{fill:rgb(48,206,255);white-space:pre}.r{fill:rgb(52,202,255);white-space:pre}.s{fill:rgb(57,197,255);white-space:pre}.t{fill:rgb(61,193,255);white-space:pre}.u{fill:rgb(70,184,255);white-space:pre}.v{fill:rgb(74,180,255);white-space:pre}.w{fill:rgb(79,175,255);white-space:pre}.x{fill:rgb(83,171,255);white-space:pre}.y{fill:rgb(92,162,255);white-space:pre}.z{fill:rgb(96,158,255);white-space:pre}.A{fill:rgb(105,149,255);white-space:pre}.B{fill:rgb(109,145,255);white-space:pre}.C{fill:rgb(114,140,255);white-space:pre}.D{fill:rgb(118,136,255);white-space:pre}.E{fill:rgb(123,131,255);white-space:pre}.F{fill:rgb(127,127,255);white-space:pre}.G{fill:rgb(131,123,255);white-space:pre}.H{fill:rgb(136,118,255);white-space:pre}.I{fill:rgb(140,114,255);white-space:pre}.J{fill:rgb(149,105,255);white-space:pre}.K{fill:rgb(153,101,255);white-space:pre}.L{fill:rgb(158,96,255);white-space:pre}.M{fill:rgb(162,92,255);white-space:pre}.N{fill:rgb(167,87,255);white-space:pre}.O{fill:rgb(175,79,255);white-space:pre}.P{fill:rgb(180,74,255);white-space:pre}.Q{fill:rgb(184,70,255);white-space:pre}.R{fill:rgb(189,65,255);white-space:pre}.S{fill:rgb(193,61,255);white-space:pre}.T{fill:rgb(197,57,255);white-space:pre}.U{fill:rgb(202,52,255);white-space:pre}.V{fill:rgb(211,43,255);white-space:pre}.W{fill:rgb(215,39,255);white-space:pre}.X{fill:rgb(219,35,255);white-space:pre}.Y{fill:rgb(224,30,255);white-space:pre}.Z{fill:rgb(228,26,255);white-space:pre}.aa{fill:rgb(233,21,255);white-space:pre}.ab{fill:rgb(237,17,255);white-space:pre}.ac{fill:rgb(241,13,255);white-space:pre}.ad{fill:rgb(246,8,255);white-space:pre}.ae{fill:rgb(250,4,255);white-space:pre}.af{fill:rgb(46,208,255);white-space:pre}.ag{fill:rgb(139,115,255);white-space:pre}.ah{fill:rgb(185,69,255);white-space:pre}.ai{fill:rgb(231,23,255);white-space:pre}.aj{fill:rgb(255,0,231);white-space:pre}.ak{fill:rgb(255,0,185);white-space:pre}.al{fill:rgb(255,0,139);white-space:pre}.am{fill:rgb(255,0,92);white-space:pre}.an{fill:rgb(255,0,46);white-space:pre}.ao{fill:rgb(255,0,0);white-space:pre}.ap{fill:rgb(208,46,0);white-space:pre}.aq{fill:rgb(162,92,0);white-space:pre}.ar{fill:rgb(115,139,0);white-space:pre}.as{fill:rgb(69,185,0);white-space:pre}.at{fill:rgb(23,231,0);white-space:pre}.au{fill:rgb(23,255,23);white-space:pre}.av{fill:rgb(69,255,69);white-space:pre}.aw{fill:rgb(115,255,115);white-space:pre}.ax{fill:rgb(162,255,162);white-space:pre}.ay{fill:rgb(208,255,208);white-space:pre}.az{fill:transparent}.aB{animation-duration:5.251153s;animation-iteration-count:infinite;animation-name:aA;animation-timing-function:steps(1,end)}.aC{fill:rgb(160,160,160);white-space:pre}@keyframes aA{0%{transform:translateX(-0px)}3.6%{transform:translateX(-80px)}4.8%{transform:translateX(-160px)}4.8%{transform:translateX(-240px)}100%{transform:translateX(-320px)}} INFO RGBcolorsonlyworkinTerminalswhichsupportTrueColor.Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World!Hello,World! INFO RGBcolorsonlyworkinTerminalswRestartinganimation... \ No newline at end of file diff --git a/_examples/coloring/override-default-printers/animation.svg b/_examples/coloring/override-default-printers/animation.svg index a1ca79d64..b85433fc7 100644 --- a/_examples/coloring/override-default-printers/animation.svg +++ b/_examples/coloring/override-default-printers/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(232,131,136)}.g{white-space:pre}.h{fill:rgb(243,86,86);white-space:pre}.i{fill:rgb(102,194,205)}.j{fill:rgb(255,0,4);white-space:pre}.k{fill:transparent}.m{animation-duration:5.257343s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}.n{fill:rgb(160,160,160);white-space:pre}@keyframes l{0%{transform:translateX(-0px)}4%{transform:translateX(-80px)}4.9%{transform:translateX(-160px)}100%{transform:translateX(-240px)}} ERROR ThisisthedefaultError OVERRIDE ThisisthedefaultErroraftertheprefixwasoverriddenRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(232,131,136)}.g{white-space:pre}.h{fill:rgb(243,86,86);white-space:pre}.i{fill:rgb(102,194,205)}.j{fill:rgb(255,0,4);white-space:pre}.k{fill:transparent}.m{animation-duration:5.07519s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}.n{fill:rgb(160,160,160);white-space:pre}@keyframes l{0%{transform:translateX(-0px)}1.1%{transform:translateX(-80px)}1.5%{transform:translateX(-160px)}100%{transform:translateX(-240px)}} ERROR ThisisthedefaultError OVERRIDE ThisisthedefaultErroraftertheprefixwasoverriddenRestartinganimation... \ No newline at end of file diff --git a/_examples/coloring/print-color-rgb-style/animation.svg b/_examples/coloring/print-color-rgb-style/animation.svg index 97228f5aa..c4861526f 100644 --- a/_examples/coloring/print-color-rgb-style/animation.svg +++ b/_examples/coloring/print-color-rgb-style/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(0,50,123)}.g{fill:rgb(187,80,0);white-space:pre}.h{fill:rgb(187,80,0);font-weight:bold;white-space:pre}.i{fill:transparent}.k{animation-duration:5.32684s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}.l{fill:rgb(160,160,160);white-space:pre}@keyframes j{0%{transform:translateX(-0px)}5%{transform:translateX(-80px)}6.1%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}This text is not styled.This text is bold.This text is italic.Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(0,50,123)}.g{fill:rgb(187,80,0);white-space:pre}.h{fill:rgb(187,80,0);font-weight:bold;white-space:pre}.i{fill:transparent}.k{animation-duration:5.42315s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}.l{fill:rgb(160,160,160);white-space:pre}@keyframes j{0%{transform:translateX(-0px)}6.4%{transform:translateX(-80px)}7.8%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}This text is not styled.This text is bold.This text is italic.Restartinganimation... \ No newline at end of file diff --git a/_examples/coloring/print-color-rgb/animation.svg b/_examples/coloring/print-color-rgb/animation.svg index 77aabe502..8ac0131a2 100644 --- a/_examples/coloring/print-color-rgb/animation.svg +++ b/_examples/coloring/print-color-rgb/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(178,44,199);white-space:pre}.g{fill:rgb(15,199,209);white-space:pre}.h{fill:rgb(201,144,30)}.i{fill:rgb(160,160,160);white-space:pre}.j{fill:transparent}.l{animation-duration:5.199885s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}3.3%{transform:translateX(-80px)}3.8%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}ThistextisprintedwithacustomRGB!ThistextisprintedwithacustomRGB!This text is printed with a custom RGB background!Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(178,44,199);white-space:pre}.g{fill:rgb(15,199,209);white-space:pre}.h{fill:rgb(201,144,30)}.i{fill:rgb(160,160,160);white-space:pre}.j{fill:transparent}.l{animation-duration:5.224608s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}3.7%{transform:translateX(-80px)}4.3%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}ThistextisprintedwithacustomRGB!ThistextisprintedwithacustomRGB!This text is printed with a custom RGB background!Restartinganimation... \ No newline at end of file diff --git a/_examples/demo/demo/animation.svg b/_examples/demo/demo/animation.svg index 3c5a79124..0b3cf7724 100644 --- a/_examples/demo/demo/animation.svg +++ b/_examples/demo/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:rgb(115,190,243)}.i{fill:rgb(160,160,160);white-space:pre}.j{fill:rgb(255,255,255);font-weight:bold;white-space:pre}.k{fill:rgb(102,194,205)}.l{white-space:pre}.m{fill:rgb(124,255,0);white-space:pre}.n{fill:rgb(255,255,255);white-space:pre}.o{fill:rgb(104,104,104);white-space:pre}.p{fill:rgb(0,198,255);font-weight:bold;white-space:pre}.q{fill:rgb(0,71,255);font-weight:bold;white-space:pre}.r{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.s{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.t{fill:rgb(255,0,4);font-weight:bold;white-space:pre}.u{fill:rgb(168,204,140)}.v{fill:rgb(0,198,255);white-space:pre}.w{fill:rgb(208,46,0);white-space:pre}.x{fill:rgb(162,92,0);white-space:pre}.y{fill:rgb(115,139,0);white-space:pre}.z{fill:rgb(69,185,0);white-space:pre}.A{fill:rgb(219,171,121)}.B{fill:rgb(255,241,0);white-space:pre}.C{fill:rgb(23,231,0);white-space:pre}.D{fill:rgb(0,255,0);white-space:pre}.E{fill:rgb(0,255,255);white-space:pre}.F{fill:rgb(0,254,255);white-space:pre}.G{fill:rgb(1,253,255);white-space:pre}.H{fill:rgb(2,252,255);white-space:pre}.I{fill:rgb(3,251,255);white-space:pre}.J{fill:rgb(4,250,255);white-space:pre}.K{fill:rgb(5,249,255);white-space:pre}.L{fill:rgb(6,248,255);white-space:pre}.M{fill:rgb(7,247,255);white-space:pre}.N{fill:rgb(8,246,255);white-space:pre}.O{fill:rgb(9,245,255);white-space:pre}.P{fill:rgb(10,244,255);white-space:pre}.Q{fill:rgb(11,243,255);white-space:pre}.R{fill:rgb(12,242,255);white-space:pre}.S{fill:rgb(13,241,255);white-space:pre}.T{fill:rgb(14,240,255);white-space:pre}.U{fill:rgb(15,239,255);white-space:pre}.V{fill:rgb(16,238,255);white-space:pre}.W{fill:rgb(17,237,255);white-space:pre}.X{fill:rgb(18,236,255);white-space:pre}.Y{fill:rgb(19,235,255);white-space:pre}.Z{fill:rgb(20,234,255);white-space:pre}.aa{fill:rgb(21,233,255);white-space:pre}.ab{fill:rgb(22,232,255);white-space:pre}.ac{fill:rgb(23,231,255);white-space:pre}.ad{fill:rgb(24,230,255);white-space:pre}.ae{fill:rgb(25,229,255);white-space:pre}.af{fill:rgb(26,228,255);white-space:pre}.ag{fill:rgb(27,227,255);white-space:pre}.ah{fill:rgb(28,226,255);white-space:pre}.ai{fill:rgb(29,225,255);white-space:pre}.aj{fill:rgb(30,224,255);white-space:pre}.ak{fill:rgb(31,223,255);white-space:pre}.al{fill:rgb(32,222,255);white-space:pre}.am{fill:rgb(34,220,255);white-space:pre}.an{fill:rgb(35,219,255);white-space:pre}.ao{fill:rgb(36,218,255);white-space:pre}.ap{fill:rgb(37,217,255);white-space:pre}.aq{fill:rgb(38,216,255);white-space:pre}.ar{fill:rgb(39,215,255);white-space:pre}.as{fill:rgb(40,214,255);white-space:pre}.at{fill:rgb(41,213,255);white-space:pre}.au{fill:rgb(42,212,255);white-space:pre}.av{fill:rgb(43,211,255);white-space:pre}.aw{fill:rgb(44,210,255);white-space:pre}.ax{fill:rgb(45,209,255);white-space:pre}.ay{fill:rgb(46,208,255);white-space:pre}.az{fill:rgb(47,207,255);white-space:pre}.aA{fill:rgb(48,206,255);white-space:pre}.aB{fill:rgb(49,205,255);white-space:pre}.aC{fill:rgb(50,204,255);white-space:pre}.aD{fill:rgb(51,203,255);white-space:pre}.aE{fill:rgb(52,202,255);white-space:pre}.aF{fill:rgb(53,201,255);white-space:pre}.aG{fill:rgb(54,200,255);white-space:pre}.aH{fill:rgb(55,199,255);white-space:pre}.aI{fill:rgb(56,198,255);white-space:pre}.aJ{fill:rgb(57,197,255);white-space:pre}.aK{fill:rgb(58,196,255);white-space:pre}.aL{fill:rgb(59,195,255);white-space:pre}.aM{fill:rgb(60,194,255);white-space:pre}.aN{fill:rgb(61,193,255);white-space:pre}.aO{fill:rgb(62,192,255);white-space:pre}.aP{fill:rgb(63,191,255);white-space:pre}.aQ{fill:rgb(64,190,255);white-space:pre}.aR{fill:rgb(65,189,255);white-space:pre}.aS{fill:rgb(66,188,255);white-space:pre}.aT{fill:rgb(67,187,255);white-space:pre}.aU{fill:rgb(68,186,255);white-space:pre}.aV{fill:rgb(69,185,255);white-space:pre}.aW{fill:rgb(70,184,255);white-space:pre}.aX{fill:rgb(71,183,255);white-space:pre}.aY{fill:rgb(72,182,255);white-space:pre}.aZ{fill:rgb(73,181,255);white-space:pre}.ba{fill:rgb(74,180,255);white-space:pre}.bb{fill:rgb(75,179,255);white-space:pre}.bc{fill:rgb(76,178,255);white-space:pre}.bd{fill:rgb(77,177,255);white-space:pre}.be{fill:rgb(78,176,255);white-space:pre}.bf{fill:rgb(79,175,255);white-space:pre}.bg{fill:rgb(80,174,255);white-space:pre}.bh{fill:rgb(81,173,255);white-space:pre}.bi{fill:rgb(82,172,255);white-space:pre}.bj{fill:rgb(83,171,255);white-space:pre}.bk{fill:rgb(84,170,255);white-space:pre}.bl{fill:rgb(85,169,255);white-space:pre}.bm{fill:rgb(86,168,255);white-space:pre}.bn{fill:rgb(87,167,255);white-space:pre}.bo{fill:rgb(88,166,255);white-space:pre}.bp{fill:rgb(89,165,255);white-space:pre}.bq{fill:rgb(90,164,255);white-space:pre}.br{fill:rgb(91,163,255);white-space:pre}.bs{fill:rgb(92,162,255);white-space:pre}.bt{fill:rgb(93,161,255);white-space:pre}.bu{fill:rgb(94,160,255);white-space:pre}.bv{fill:rgb(95,159,255);white-space:pre}.bw{fill:rgb(96,158,255);white-space:pre}.bx{fill:rgb(97,157,255);white-space:pre}.by{fill:rgb(98,156,255);white-space:pre}.bz{fill:rgb(99,155,255);white-space:pre}.bA{fill:rgb(100,154,255);white-space:pre}.bB{fill:rgb(101,153,255);white-space:pre}.bC{fill:rgb(102,152,255);white-space:pre}.bD{fill:rgb(103,151,255);white-space:pre}.bE{fill:rgb(104,150,255);white-space:pre}.bF{fill:rgb(105,149,255);white-space:pre}.bG{fill:rgb(106,148,255);white-space:pre}.bH{fill:rgb(107,147,255);white-space:pre}.bI{fill:rgb(108,146,255);white-space:pre}.bJ{fill:rgb(109,145,255);white-space:pre}.bK{fill:rgb(110,144,255);white-space:pre}.bL{fill:rgb(111,143,255);white-space:pre}.bM{fill:rgb(112,142,255);white-space:pre}.bN{fill:rgb(113,141,255);white-space:pre}.bO{fill:rgb(114,140,255);white-space:pre}.bP{fill:rgb(115,139,255);white-space:pre}.bQ{fill:rgb(116,138,255);white-space:pre}.bR{fill:rgb(117,137,255);white-space:pre}.bS{fill:rgb(118,136,255);white-space:pre}.bT{fill:rgb(119,135,255);white-space:pre}.bU{fill:rgb(120,134,255);white-space:pre}.bV{fill:rgb(121,133,255);white-space:pre}.bW{fill:rgb(122,132,255);white-space:pre}.bX{fill:rgb(123,131,255);white-space:pre}.bY{fill:rgb(124,130,255);white-space:pre}.bZ{fill:rgb(125,129,255);white-space:pre}.ca{fill:rgb(126,128,255);white-space:pre}.cb{fill:rgb(127,127,255);white-space:pre}.cc{fill:rgb(128,126,255);white-space:pre}.cd{fill:rgb(129,125,255);white-space:pre}.ce{fill:rgb(130,124,255);white-space:pre}.cf{fill:rgb(131,123,255);white-space:pre}.cg{fill:rgb(132,122,255);white-space:pre}.ch{fill:rgb(133,121,255);white-space:pre}.ci{fill:rgb(134,120,255);white-space:pre}.cj{fill:rgb(135,119,255);white-space:pre}.ck{fill:rgb(136,118,255);white-space:pre}.cl{fill:rgb(137,117,255);white-space:pre}.cm{fill:rgb(138,116,255);white-space:pre}.cn{fill:rgb(139,115,255);white-space:pre}.co{fill:rgb(140,114,255);white-space:pre}.cp{fill:rgb(141,113,255);white-space:pre}.cq{fill:rgb(142,112,255);white-space:pre}.cr{fill:rgb(143,111,255);white-space:pre}.cs{fill:rgb(144,110,255);white-space:pre}.ct{fill:rgb(145,109,255);white-space:pre}.cu{fill:rgb(146,108,255);white-space:pre}.cv{fill:rgb(147,107,255);white-space:pre}.cw{fill:rgb(148,106,255);white-space:pre}.cx{fill:rgb(149,105,255);white-space:pre}.cy{fill:rgb(150,104,255);white-space:pre}.cz{fill:rgb(151,103,255);white-space:pre}.cA{fill:rgb(152,102,255);white-space:pre}.cB{fill:rgb(153,101,255);white-space:pre}.cC{fill:rgb(154,100,255);white-space:pre}.cD{fill:rgb(155,99,255);white-space:pre}.cE{fill:rgb(156,98,255);white-space:pre}.cF{fill:rgb(157,97,255);white-space:pre}.cG{fill:rgb(158,96,255);white-space:pre}.cH{fill:rgb(159,95,255);white-space:pre}.cI{fill:rgb(160,94,255);white-space:pre}.cJ{fill:rgb(161,93,255);white-space:pre}.cK{fill:rgb(162,92,255);white-space:pre}.cL{fill:rgb(163,91,255);white-space:pre}.cM{fill:rgb(164,90,255);white-space:pre}.cN{fill:rgb(165,89,255);white-space:pre}.cO{fill:rgb(166,88,255);white-space:pre}.cP{fill:rgb(167,87,255);white-space:pre}.cQ{fill:rgb(168,86,255);white-space:pre}.cR{fill:rgb(169,85,255);white-space:pre}.cS{fill:rgb(170,84,255);white-space:pre}.cT{fill:rgb(171,83,255);white-space:pre}.cU{fill:rgb(172,82,255);white-space:pre}.cV{fill:rgb(173,81,255);white-space:pre}.cW{fill:rgb(174,80,255);white-space:pre}.cX{fill:rgb(175,79,255);white-space:pre}.cY{fill:rgb(176,78,255);white-space:pre}.cZ{fill:rgb(177,77,255);white-space:pre}.da{fill:rgb(178,76,255);white-space:pre}.db{fill:rgb(179,75,255);white-space:pre}.dc{fill:rgb(180,74,255);white-space:pre}.dd{fill:rgb(181,73,255);white-space:pre}.de{fill:rgb(182,72,255);white-space:pre}.df{fill:rgb(183,71,255);white-space:pre}.dg{fill:rgb(184,70,255);white-space:pre}.dh{fill:rgb(185,69,255);white-space:pre}.di{fill:rgb(186,68,255);white-space:pre}.dj{fill:rgb(187,67,255);white-space:pre}.dk{fill:rgb(188,66,255);white-space:pre}.dl{fill:rgb(189,65,255);white-space:pre}.dm{fill:rgb(190,64,255);white-space:pre}.dn{fill:rgb(191,63,255);white-space:pre}.do{fill:rgb(192,62,255);white-space:pre}.dp{fill:rgb(193,61,255);white-space:pre}.dq{fill:rgb(194,60,255);white-space:pre}.dr{fill:rgb(195,59,255);white-space:pre}.ds{fill:rgb(196,58,255);white-space:pre}.dt{fill:rgb(197,57,255);white-space:pre}.du{fill:rgb(198,56,255);white-space:pre}.dv{fill:rgb(199,55,255);white-space:pre}.dw{fill:rgb(200,54,255);white-space:pre}.dx{fill:rgb(201,53,255);white-space:pre}.dy{fill:rgb(202,52,255);white-space:pre}.dz{fill:rgb(203,51,255);white-space:pre}.dA{fill:rgb(204,50,255);white-space:pre}.dB{fill:rgb(205,49,255);white-space:pre}.dC{fill:rgb(206,48,255);white-space:pre}.dD{fill:rgb(207,47,255);white-space:pre}.dE{fill:rgb(208,46,255);white-space:pre}.dF{fill:rgb(209,45,255);white-space:pre}.dG{fill:rgb(210,44,255);white-space:pre}.dH{fill:rgb(211,43,255);white-space:pre}.dI{fill:rgb(212,42,255);white-space:pre}.dJ{fill:rgb(213,41,255);white-space:pre}.dK{fill:rgb(214,40,255);white-space:pre}.dL{fill:rgb(215,39,255);white-space:pre}.dM{fill:rgb(216,38,255);white-space:pre}.dN{fill:rgb(217,37,255);white-space:pre}.dO{fill:rgb(218,36,255);white-space:pre}.dP{fill:rgb(219,35,255);white-space:pre}.dQ{fill:rgb(220,34,255);white-space:pre}.dR{fill:rgb(221,33,255);white-space:pre}.dS{fill:rgb(222,32,255);white-space:pre}.dT{fill:rgb(223,31,255);white-space:pre}.dU{fill:rgb(224,30,255);white-space:pre}.dV{fill:rgb(225,29,255);white-space:pre}.dW{fill:rgb(226,28,255);white-space:pre}.dX{fill:rgb(227,27,255);white-space:pre}.dY{fill:rgb(228,26,255);white-space:pre}.dZ{fill:rgb(229,25,255);white-space:pre}.ea{fill:rgb(230,24,255);white-space:pre}.eb{fill:rgb(231,23,255);white-space:pre}.ec{fill:rgb(232,22,255);white-space:pre}.ed{fill:rgb(233,21,255);white-space:pre}.ee{fill:rgb(234,20,255);white-space:pre}.ef{fill:rgb(235,19,255);white-space:pre}.eg{fill:rgb(236,18,255);white-space:pre}.eh{fill:rgb(237,17,255);white-space:pre}.ei{fill:rgb(238,16,255);white-space:pre}.ej{fill:rgb(239,15,255);white-space:pre}.ek{fill:rgb(240,14,255);white-space:pre}.el{fill:rgb(241,13,255);white-space:pre}.em{fill:rgb(242,12,255);white-space:pre}.en{fill:rgb(243,11,255);white-space:pre}.eo{fill:rgb(244,10,255);white-space:pre}.ep{fill:rgb(245,9,255);white-space:pre}.eq{fill:rgb(246,8,255);white-space:pre}.er{fill:rgb(247,7,255);white-space:pre}.es{fill:rgb(248,6,255);white-space:pre}.et{fill:rgb(249,5,255);white-space:pre}.eu{fill:rgb(250,4,255);white-space:pre}.ev{fill:rgb(251,3,255);white-space:pre}.ew{fill:rgb(252,2,255);white-space:pre}.ex{fill:rgb(253,1,255);white-space:pre}.ey{fill:rgb(254,0,255);white-space:pre}.ez{fill:rgb(255,0,4);white-space:pre}.eA{fill:rgb(243,86,86);white-space:pre}.eB{fill:rgb(232,131,136)}.eC{fill:rgb(111,119,131)}.eD{fill:transparent}.eF{animation-duration:103.56353s;animation-iteration-count:infinite;animation-name:eE;animation-timing-function:steps(1,end)}.eG{fill:rgb(255,0,0);white-space:pre}.eH{fill:rgb(231,23,0);white-space:pre}.eI{fill:rgb(185,69,0);white-space:pre}.eJ{fill:rgb(139,115,0);white-space:pre}.eK{fill:rgb(92,162,0);white-space:pre}.eL{fill:rgb(46,208,0);white-space:pre}@keyframes eE{0%{transform:translateX(-0px)}0.01%{transform:translateX(-80px)}0.02%{transform:translateX(-160px)}0.02%{transform:translateX(-240px)}0.21%{transform:translateX(-320px)}0.4%{transform:translateX(-400px)}0.59%{transform:translateX(-480px)}0.79%{transform:translateX(-560px)}0.98%{transform:translateX(-640px)}0.98%{transform:translateX(-720px)}1.18%{transform:translateX(-800px)}1.37%{transform:translateX(-880px)}1.57%{transform:translateX(-960px)}1.76%{transform:translateX(-1040px)}1.95%{transform:translateX(-1120px)}1.96%{transform:translateX(-1200px)}2.15%{transform:translateX(-1280px)}2.34%{transform:translateX(-1360px)}2.54%{transform:translateX(-1440px)}2.73%{transform:translateX(-1520px)}2.91%{transform:translateX(-1600px)}2.93%{transform:translateX(-1680px)}3.12%{transform:translateX(-1760px)}3.31%{transform:translateX(-1840px)}3.51%{transform:translateX(-1920px)}3.7%{transform:translateX(-2000px)}3.88%{transform:translateX(-2080px)}3.9%{transform:translateX(-2160px)}4.09%{transform:translateX(-2240px)}4.29%{transform:translateX(-2320px)}4.48%{transform:translateX(-2400px)}4.68%{transform:translateX(-2480px)}4.85%{transform:translateX(-2560px)}4.87%{transform:translateX(-2640px)}5.06%{transform:translateX(-2720px)}5.26%{transform:translateX(-2800px)}5.45%{transform:translateX(-2880px)}5.64%{transform:translateX(-2960px)}5.81%{transform:translateX(-3040px)}5.84%{transform:translateX(-3120px)}6.03%{transform:translateX(-3200px)}6.23%{transform:translateX(-3280px)}6.42%{transform:translateX(-3360px)}6.61%{transform:translateX(-3440px)}6.78%{transform:translateX(-3520px)}6.81%{transform:translateX(-3600px)}7%{transform:translateX(-3680px)}7.19%{transform:translateX(-3760px)}7.39%{transform:translateX(-3840px)}7.58%{transform:translateX(-3920px)}7.75%{transform:translateX(-4000px)}7.77%{transform:translateX(-4080px)}7.97%{transform:translateX(-4160px)}8.16%{transform:translateX(-4240px)}8.35%{transform:translateX(-4320px)}8.55%{transform:translateX(-4400px)}8.71%{transform:translateX(-4480px)}8.74%{transform:translateX(-4560px)}8.94%{transform:translateX(-4640px)}9.13%{transform:translateX(-4720px)}9.32%{transform:translateX(-4800px)}9.52%{transform:translateX(-4880px)}9.68%{transform:translateX(-4960px)}9.71%{transform:translateX(-5040px)}9.9%{transform:translateX(-5120px)}10.1%{transform:translateX(-5200px)}10.29%{transform:translateX(-5280px)}10.48%{transform:translateX(-5360px)}10.65%{transform:translateX(-5440px)}10.68%{transform:translateX(-5520px)}10.87%{transform:translateX(-5600px)}11.07%{transform:translateX(-5680px)}11.26%{transform:translateX(-5760px)}11.45%{transform:translateX(-5840px)}11.61%{transform:translateX(-5920px)}11.65%{transform:translateX(-6000px)}11.84%{transform:translateX(-6080px)}12.03%{transform:translateX(-6160px)}12.23%{transform:translateX(-6240px)}12.42%{transform:translateX(-6320px)}12.58%{transform:translateX(-6400px)}12.62%{transform:translateX(-6480px)}12.81%{transform:translateX(-6560px)}13%{transform:translateX(-6640px)}13.2%{transform:translateX(-6720px)}13.39%{transform:translateX(-6800px)}13.54%{transform:translateX(-6880px)}13.58%{transform:translateX(-6960px)}13.78%{transform:translateX(-7040px)}13.97%{transform:translateX(-7120px)}14.16%{transform:translateX(-7200px)}14.36%{transform:translateX(-7280px)}14.51%{transform:translateX(-7360px)}14.51%{transform:translateX(-7440px)}14.99%{transform:translateX(-7520px)}17.89%{transform:translateX(-7600px)}20.79%{transform:translateX(-7680px)}23.69%{transform:translateX(-7760px)}26.59%{transform:translateX(-7840px)}29.49%{transform:translateX(-7920px)}34.32%{transform:translateX(-8000px)}34.32%{transform:translateX(-8080px)}34.81%{transform:translateX(-8160px)}34.81%{transform:translateX(-8240px)}34.81%{transform:translateX(-8320px)}34.81%{transform:translateX(-8400px)}35.29%{transform:translateX(-8480px)}35.29%{transform:translateX(-8560px)}35.29%{transform:translateX(-8640px)}35.77%{transform:translateX(-8720px)}35.77%{transform:translateX(-8800px)}35.77%{transform:translateX(-8880px)}35.77%{transform:translateX(-8960px)}36.26%{transform:translateX(-9040px)}36.26%{transform:translateX(-9120px)}36.26%{transform:translateX(-9200px)}36.74%{transform:translateX(-9280px)}36.74%{transform:translateX(-9360px)}36.74%{transform:translateX(-9440px)}37.22%{transform:translateX(-9520px)}37.22%{transform:translateX(-9600px)}37.7%{transform:translateX(-9680px)}37.71%{transform:translateX(-9760px)}37.71%{transform:translateX(-9840px)}37.71%{transform:translateX(-9920px)}38.19%{transform:translateX(-10000px)}38.19%{transform:translateX(-10080px)}38.67%{transform:translateX(-10160px)}38.67%{transform:translateX(-10240px)}38.67%{transform:translateX(-10320px)}38.67%{transform:translateX(-10400px)}39.16%{transform:translateX(-10480px)}39.16%{transform:translateX(-10560px)}39.63%{transform:translateX(-10640px)}39.64%{transform:translateX(-10720px)}39.64%{transform:translateX(-10800px)}40.13%{transform:translateX(-10880px)}42.06%{transform:translateX(-10960px)}42.06%{transform:translateX(-11040px)}42.54%{transform:translateX(-11120px)}42.54%{transform:translateX(-11200px)}42.74%{transform:translateX(-11280px)}42.93%{transform:translateX(-11360px)}43.12%{transform:translateX(-11440px)}43.32%{transform:translateX(-11520px)}43.51%{transform:translateX(-11600px)}43.51%{transform:translateX(-11680px)}43.51%{transform:translateX(-11760px)}43.7%{transform:translateX(-11840px)}43.9%{transform:translateX(-11920px)}44.09%{transform:translateX(-12000px)}44.28%{transform:translateX(-12080px)}44.47%{transform:translateX(-12160px)}44.48%{transform:translateX(-12240px)}44.67%{transform:translateX(-12320px)}44.86%{transform:translateX(-12400px)}45.06%{transform:translateX(-12480px)}45.25%{transform:translateX(-12560px)}45.44%{transform:translateX(-12640px)}45.45%{transform:translateX(-12720px)}45.64%{transform:translateX(-12800px)}45.83%{transform:translateX(-12880px)}46.03%{transform:translateX(-12960px)}46.22%{transform:translateX(-13040px)}46.41%{transform:translateX(-13120px)}48.34%{transform:translateX(-13200px)}48.34%{transform:translateX(-13280px)}48.82%{transform:translateX(-13360px)}48.82%{transform:translateX(-13440px)}48.82%{transform:translateX(-13520px)}49.79%{transform:translateX(-13600px)}49.79%{transform:translateX(-13680px)}50.76%{transform:translateX(-13760px)}50.76%{transform:translateX(-13840px)}50.76%{transform:translateX(-13920px)}51.73%{transform:translateX(-14000px)}51.73%{transform:translateX(-14080px)}52.69%{transform:translateX(-14160px)}52.69%{transform:translateX(-14240px)}53.66%{transform:translateX(-14320px)}53.66%{transform:translateX(-14400px)}54.63%{transform:translateX(-14480px)}54.63%{transform:translateX(-14560px)}55.59%{transform:translateX(-14640px)}55.59%{transform:translateX(-14720px)}55.59%{transform:translateX(-14800px)}56.56%{transform:translateX(-14880px)}56.56%{transform:translateX(-14960px)}57.53%{transform:translateX(-15040px)}57.53%{transform:translateX(-15120px)}60.43%{transform:translateX(-15200px)}60.43%{transform:translateX(-15280px)}60.91%{transform:translateX(-15360px)}60.91%{transform:translateX(-15440px)}60.91%{transform:translateX(-15520px)}60.91%{transform:translateX(-15600px)}60.91%{transform:translateX(-15680px)}64.78%{transform:translateX(-15760px)}64.78%{transform:translateX(-15840px)}65.26%{transform:translateX(-15920px)}65.26%{transform:translateX(-16000px)}65.26%{transform:translateX(-16080px)}65.26%{transform:translateX(-16160px)}65.26%{transform:translateX(-16240px)}65.26%{transform:translateX(-16320px)}65.26%{transform:translateX(-16400px)}65.26%{transform:translateX(-16480px)}65.26%{transform:translateX(-16560px)}65.26%{transform:translateX(-16640px)}65.26%{transform:translateX(-16720px)}65.26%{transform:translateX(-16800px)}65.26%{transform:translateX(-16880px)}65.27%{transform:translateX(-16960px)}65.27%{transform:translateX(-17040px)}65.27%{transform:translateX(-17120px)}65.27%{transform:translateX(-17200px)}65.27%{transform:translateX(-17280px)}65.27%{transform:translateX(-17360px)}72.03%{transform:translateX(-17440px)}72.03%{transform:translateX(-17520px)}72.51%{transform:translateX(-17600px)}72.51%{transform:translateX(-17680px)}72.51%{transform:translateX(-17760px)}73.48%{transform:translateX(-17840px)}73.48%{transform:translateX(-17920px)}73.8%{transform:translateX(-18000px)}73.8%{transform:translateX(-18080px)}73.8%{transform:translateX(-18160px)}74.12%{transform:translateX(-18240px)}74.12%{transform:translateX(-18320px)}74.12%{transform:translateX(-18400px)}74.44%{transform:translateX(-18480px)}74.44%{transform:translateX(-18560px)}74.44%{transform:translateX(-18640px)}74.44%{transform:translateX(-18720px)}74.77%{transform:translateX(-18800px)}74.77%{transform:translateX(-18880px)}74.77%{transform:translateX(-18960px)}75.09%{transform:translateX(-19040px)}75.09%{transform:translateX(-19120px)}75.09%{transform:translateX(-19200px)}75.41%{transform:translateX(-19280px)}75.41%{transform:translateX(-19360px)}75.73%{transform:translateX(-19440px)}75.73%{transform:translateX(-19520px)}76.05%{transform:translateX(-19600px)}76.05%{transform:translateX(-19680px)}76.38%{transform:translateX(-19760px)}76.38%{transform:translateX(-19840px)}76.7%{transform:translateX(-19920px)}76.7%{transform:translateX(-20000px)}76.7%{transform:translateX(-20080px)}76.89%{transform:translateX(-20160px)}76.89%{transform:translateX(-20240px)}76.89%{transform:translateX(-20320px)}77.09%{transform:translateX(-20400px)}77.09%{transform:translateX(-20480px)}77.09%{transform:translateX(-20560px)}77.28%{transform:translateX(-20640px)}77.28%{transform:translateX(-20720px)}77.28%{transform:translateX(-20800px)}79.21%{transform:translateX(-20880px)}79.21%{transform:translateX(-20960px)}79.7%{transform:translateX(-21040px)}80.18%{transform:translateX(-21120px)}80.42%{transform:translateX(-21200px)}80.66%{transform:translateX(-21280px)}80.91%{transform:translateX(-21360px)}81.15%{transform:translateX(-21440px)}81.39%{transform:translateX(-21520px)}81.39%{transform:translateX(-21600px)}81.63%{transform:translateX(-21680px)}81.63%{transform:translateX(-21760px)}81.87%{transform:translateX(-21840px)}82.12%{transform:translateX(-21920px)}82.12%{transform:translateX(-22000px)}82.36%{transform:translateX(-22080px)}82.36%{transform:translateX(-22160px)}82.6%{transform:translateX(-22240px)}82.6%{transform:translateX(-22320px)}82.84%{transform:translateX(-22400px)}83.08%{transform:translateX(-22480px)}83.33%{transform:translateX(-22560px)}83.57%{transform:translateX(-22640px)}83.81%{transform:translateX(-22720px)}84.05%{transform:translateX(-22800px)}84.29%{transform:translateX(-22880px)}84.53%{transform:translateX(-22960px)}84.78%{transform:translateX(-23040px)}84.78%{transform:translateX(-23120px)}85.02%{transform:translateX(-23200px)}85.02%{transform:translateX(-23280px)}85.26%{transform:translateX(-23360px)}85.26%{transform:translateX(-23440px)}85.5%{transform:translateX(-23520px)}85.5%{transform:translateX(-23600px)}85.74%{transform:translateX(-23680px)}85.74%{transform:translateX(-23760px)}85.99%{transform:translateX(-23840px)}85.99%{transform:translateX(-23920px)}86.23%{transform:translateX(-24000px)}86.23%{transform:translateX(-24080px)}86.47%{transform:translateX(-24160px)}86.47%{transform:translateX(-24240px)}86.71%{transform:translateX(-24320px)}86.71%{transform:translateX(-24400px)}86.95%{transform:translateX(-24480px)}87.2%{transform:translateX(-24560px)}87.2%{transform:translateX(-24640px)}87.44%{transform:translateX(-24720px)}87.44%{transform:translateX(-24800px)}87.68%{transform:translateX(-24880px)}87.68%{transform:translateX(-24960px)}87.92%{transform:translateX(-25040px)}87.92%{transform:translateX(-25120px)}88.16%{transform:translateX(-25200px)}88.16%{transform:translateX(-25280px)}88.41%{transform:translateX(-25360px)}88.41%{transform:translateX(-25440px)}88.65%{transform:translateX(-25520px)}88.65%{transform:translateX(-25600px)}88.89%{transform:translateX(-25680px)}89.13%{transform:translateX(-25760px)}89.13%{transform:translateX(-25840px)}89.37%{transform:translateX(-25920px)}89.37%{transform:translateX(-26000px)}91.79%{transform:translateX(-26080px)}91.79%{transform:translateX(-26160px)}92.27%{transform:translateX(-26240px)}92.27%{transform:translateX(-26320px)}92.27%{transform:translateX(-26400px)}92.27%{transform:translateX(-26480px)}92.27%{transform:translateX(-26560px)}95.17%{transform:translateX(-26640px)}100%{transform:translateX(-26720px)}}███████████████████████████████████████████████████████████████████████████████████████████████████████████████████ PTDP - PTerm Demo Program INFO ThisanimationwasgeneratedwiththelatestversionofPTerm! PTermworksonnearlyeveryterminalandoperatingsystem. It'ssupereasytouse! Ifyouwant,youcancustomizeeverything:) Youcanseethecodeofthisdemointhe./_examples/demodirectory. Thisdemowasupdatedat:16Sep2023-01:02:52UTCWaitingfor15seconds...Waitingfor14seconds...Waitingfor14seconds...Waitingfor13seconds...Waitingfor13seconds...Waitingfor12seconds...Waitingfor12seconds...Waitingfor11seconds...Waitingfor11seconds...Waitingfor10seconds...Waitingfor10seconds...Waitingfor9seconds....Waitingfor9seconds....Waitingfor8seconds....Waitingfor8seconds....Waitingfor7seconds....Waitingfor7seconds....Waitingfor6seconds....Waitingfor6seconds....Waitingfor5seconds....Waitingfor5seconds....Waitingfor4seconds....Waitingfor4seconds....Waitingfor3seconds....Waitingfor3seconds....Waitingfor2seconds....Waitingfor2seconds....Waitingfor1second.....Waitingfor1second..... Structured Logging 2023-09-1601:03:08TRACEDoingnotsoimportantstuffpriority:superlow2023-09-1601:03:11DEBUGThismightbeinterestingwhatisthemeaningoflife:42isthisinteresting:truewhenwerecrayonsinvented:19032023-09-1601:03:14INFOThatwasactuallyinterestingsuch:wow2023-09-1601:03:17WARNOhno,Iseeanerrorcomingtous!speed:88measures:mph2023-09-1601:03:20ERRORDamn,hereitis!error:somethingwentwrong Progress bar SUCCESS Installingpseudo-excel SUCCESS Installingpseudo-photoshopInstallingpseudo-photoshop[02/11]██████████████████████████████████18%|1sInstallingpseudo-chrome[02/11]█████████████████████████████████████18%|1s SUCCESS Installingpseudo-chrome SUCCESS Installingpseudo-outlookInstallingpseudo-outlook[04/11]████████████████████████████████████36%|2s SUCCESS Installingpseudo-explorer SUCCESS Installingpseudo-gitInstallingpseudo-git[06/11]████████████████████████████████████████55%|3s SUCCESS Installingpseudo-vsc SUCCESS Installingpseudo-intellijInstallingpseudo-intellij[08/11]███████████████████████████████████73%|4s WARNING Couldnotinstallpseudo-minecraft Thecompanypolicyforbidsgames. SUCCESS Installingpseudo-scoopInstallingpseudo-scoop[10/11]██████████████████████████████████████91%|5s SUCCESS Installingpseudo-chocolateyInstallingpseudo-chocolatey[11/11]█████████████████████████████████100%|5s Spinner Live Output INFO YoucanuseanAreatodisplaychangingoutput:███████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ Tables Library|DescriptionPTerm|MakebeautifulCLIsTestza|ProgrammerfriendlytestframeworkCursor|Movethecursoraroundtheterminal┌───────────────────────────────────────────────┐|Library|Description||PTerm|MakebeautifulCLIs||Testza|Programmerfriendlytestframework||Cursor|Movethecursoraroundtheterminal| TrueColor Support IfyourterminalhasTrueColorsupport,youcanuseRGBcolors!Youcanevenfadethem:)Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamerat,seddiamvoluptua.Atveroeosetaccusametjustoduodoloresetearebum.Stetclitakasdgubergren,noseatakimatasanctusestLoremipsumdolorsitamet.Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamerat,seddiamvoluptua.Atveroeosetaccusametjustoduodoloresetearebum.Stetclitakasdgubergren,noseatakimatasanctusestLoremipsumdolorsitamet. Fully Customizale ┌──────────────────────────────────────┐|Allprintersarefullycustomizable!|└──────────────────────────────────────┘||└───────────────────────────────────|┌─Sometitle!────────────────────────┐└─┌────────────Sometitle!─────────────┐┌────────────────────────Sometitle!─┐┌──────────────────────────────────────┐|||Allprintersarefullycustomizable!|┌──────────────────────────────────────┐|||Allprintersarefullycustomizable!|┌──────────────────────────────────────┐|||Allprintersarefullycustomizable!|╔══════════════════════════════════════╗Allprintersarefullycustomizable! Themes INFO YoucanchangethecolorthemeofPTermeasilytofityourneeds! Thisisthedefaultone:DefaultTextPrimaryStyleSecondaryStyleHighlightStyleInfoMessageStyleInfoPrefixStyleSuccessMessageStyleSuccessPrefixStyleWarningMessageStyleWarningPrefixStyleErrorMessageStyleErrorPrefixStyleFatalMessageStyleFatalPrefixStyleDescriptionMessageStyleDescriptionPrefixStyleScopeStyleProgressbarBarStyleProgressbarTitleStyleHeaderTextStyleHeaderBackgroundStyleSpinnerStyleSpinnerTextStyleTimerStyleTableStyleTableHeaderStyleTableSeparatorStyleSectionStyleBulletListTextStyleBulletListBulletStyleTreeStyleTreeTextStyleLetterStyleDebugMessageStyleDebugPrefixStyleBoxStyleBoxTextStyleBarLabelStyleBarStyle And much more! ┌───────────────────────────────┐|| Thisdemowasupdatedat:16Sep2023-Waitingfor15seconds...Waitingfor15seconds...Waitingfor15seconds...Waitingfor14seconds...Waitingfor14seconds...Waitingfor13seconds...Waitingfor13seconds...Waitingfor12seconds...Waitingfor12seconds...Waitingfor11seconds...Waitingfor11seconds...Waitingfor10seconds...Waitingfor10seconds...Waitingfor9seconds....Waitingfor9seconds....Waitingfor8seconds....Waitingfor8seconds....Waitingfor7seconds....Waitingfor7seconds....Waitingfor6seconds....Waitingfor6seconds....Waitingfor5seconds....Waitingfor5seconds....Waitingfor4seconds....Waitingfor4seconds....Waitingfor3seconds....Waitingfor3seconds....Waitingfor2seconds....Waitingfor2seconds....Waitingfor1second.....Waitingfor1second.....2023-09-1601:03:23INFOButwhat'sreallycoolis,thatyoucanprintverylonglogs,andPTermwillautomaticallywrapthemforyou!Saygoodbyetotext,thathasweirdlinebreaks!very:longInstallingpseudo-excel[00/11]█████████████████████████████████████0%|0sInstallingpseudo-excel[01/11]█████████████████████████████████████0%|0sInstallingpseudo-excel[01/11]██████████████████████████████████████9%|0sInstallingpseudo-photoshop[01/11]██████████████████████████████████9%|1sInstallingpseudo-photoshop[02/11]██████████████████████████████████9%|1sInstallingpseudo-chrome[03/11]█████████████████████████████████████27%|1sInstallingpseudo-outlook[03/11]████████████████████████████████████27%|2sInstallingpseudo-outlook[04/11]████████████████████████████████████27%|2sInstallingpseudo-explorer[04/11]██████████████████████████████████Installingpseudo-explorer[05/11]███████████████████████████████████45%|2sInstallingpseudo-vsc[06/11]████████████████████████████████████████55%|3sInstallingpseudo-vsc[07/11]████████████████████████████████████████64%|3sInstallingpseudo-intellij[07/11]███████████████████████████████████64%|4sInstallingpseudo-minecraft[08/11]██████████████████████████████████73%|4sInstallingpseudo-minecraft[09/11]██████████████████████████████████82%|4sInstallingpseudo-intellij(0s)Installingpseudo-intellij(0s)Installingpseudo-intellij(0s)Installingpseudo-intellij(1s)Installingpseudo-intellij(1s)Installingpseudo-minecraft(1s)Installingpseudo-minecraft(1s)Installingpseudo-minecraft(1s)Installingpseudo-minecraft(1s)Installingpseudo-minecraft(2s)Installingpseudo-minecraft(2s)Installingpseudo-scoop(2s)Installingpseudo-scoop(2s)Installingpseudo-scoop(2s)Installingpseudo-scoop(3s)Installingpseudo-scoop(3s)Installingpseudo-chocolatey(3s)Installingpseudo-chocolatey(3s)Installingpseudo-chocolatey(3s)Installingpseudo-chocolatey(4s)Installingpseudo-chocolatey(4s)███████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████┌───────────────────────────────────────────────└───────────────└───────────────────────────────────────────────┘IfyourterminalhasTrueColorsupport,youcYoucanevenfadethem:Loremipsumdolorsitamet,conseteturstempotemporinviduntutlaboreetdoloremagnaaliquyaeroeosetacceroeosetaccusametjustoduodoloresetearebum.StenoseatakimatasannoseatakimatasanctusestLoremipsumdolorsitamet.Loremet,consetetursadipscinget,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduneetdoloremagnaaliquyamerat,seetdoloremagnaaliquyamerat,seddiamvoluptua.Atveroeosetaccusametjstoduodoloresetearebum.Stestoduodoloresetearebum.Stetclitakasdgubergren,noseatakimatasanct└─────────────────────────────────────└────────────────────────Sometitle!─┘└────────────Sometitle!─────────────┘└─Sometitle!────────────────────────┘|└───────────────────────────────────└──────────────────────────────────────┘|└───────────────────────────────────└──────────────────────────────────────┘|└───────────────────────────────────└──────────────────────────────────────┘╚══════════════════════════════════╚══════════════════════════════════════╝|HavefunexploringPTerm!|└───────────────────────────────┘Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:rgb(115,190,243)}.i{fill:rgb(160,160,160);white-space:pre}.j{fill:rgb(255,255,255);font-weight:bold;white-space:pre}.k{fill:rgb(102,194,205)}.l{white-space:pre}.m{fill:rgb(124,255,0);white-space:pre}.n{fill:rgb(255,255,255);white-space:pre}.o{fill:rgb(104,104,104);white-space:pre}.p{fill:rgb(0,198,255);font-weight:bold;white-space:pre}.q{fill:rgb(0,71,255);font-weight:bold;white-space:pre}.r{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.s{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.t{fill:rgb(255,0,4);font-weight:bold;white-space:pre}.u{fill:rgb(168,204,140)}.v{fill:rgb(0,198,255);white-space:pre}.w{fill:rgb(208,46,0);white-space:pre}.x{fill:rgb(162,92,0);white-space:pre}.y{fill:rgb(115,139,0);white-space:pre}.z{fill:rgb(69,185,0);white-space:pre}.A{fill:rgb(219,171,121)}.B{fill:rgb(255,241,0);white-space:pre}.C{fill:rgb(23,231,0);white-space:pre}.D{fill:rgb(0,255,0);white-space:pre}.E{fill:rgb(0,255,255);white-space:pre}.F{fill:rgb(0,254,255);white-space:pre}.G{fill:rgb(1,253,255);white-space:pre}.H{fill:rgb(2,252,255);white-space:pre}.I{fill:rgb(3,251,255);white-space:pre}.J{fill:rgb(4,250,255);white-space:pre}.K{fill:rgb(5,249,255);white-space:pre}.L{fill:rgb(6,248,255);white-space:pre}.M{fill:rgb(7,247,255);white-space:pre}.N{fill:rgb(8,246,255);white-space:pre}.O{fill:rgb(9,245,255);white-space:pre}.P{fill:rgb(10,244,255);white-space:pre}.Q{fill:rgb(11,243,255);white-space:pre}.R{fill:rgb(12,242,255);white-space:pre}.S{fill:rgb(13,241,255);white-space:pre}.T{fill:rgb(14,240,255);white-space:pre}.U{fill:rgb(15,239,255);white-space:pre}.V{fill:rgb(16,238,255);white-space:pre}.W{fill:rgb(17,237,255);white-space:pre}.X{fill:rgb(18,236,255);white-space:pre}.Y{fill:rgb(19,235,255);white-space:pre}.Z{fill:rgb(20,234,255);white-space:pre}.aa{fill:rgb(21,233,255);white-space:pre}.ab{fill:rgb(22,232,255);white-space:pre}.ac{fill:rgb(23,231,255);white-space:pre}.ad{fill:rgb(24,230,255);white-space:pre}.ae{fill:rgb(25,229,255);white-space:pre}.af{fill:rgb(26,228,255);white-space:pre}.ag{fill:rgb(27,227,255);white-space:pre}.ah{fill:rgb(28,226,255);white-space:pre}.ai{fill:rgb(29,225,255);white-space:pre}.aj{fill:rgb(30,224,255);white-space:pre}.ak{fill:rgb(31,223,255);white-space:pre}.al{fill:rgb(32,222,255);white-space:pre}.am{fill:rgb(34,220,255);white-space:pre}.an{fill:rgb(35,219,255);white-space:pre}.ao{fill:rgb(36,218,255);white-space:pre}.ap{fill:rgb(37,217,255);white-space:pre}.aq{fill:rgb(38,216,255);white-space:pre}.ar{fill:rgb(39,215,255);white-space:pre}.as{fill:rgb(40,214,255);white-space:pre}.at{fill:rgb(41,213,255);white-space:pre}.au{fill:rgb(42,212,255);white-space:pre}.av{fill:rgb(43,211,255);white-space:pre}.aw{fill:rgb(44,210,255);white-space:pre}.ax{fill:rgb(45,209,255);white-space:pre}.ay{fill:rgb(46,208,255);white-space:pre}.az{fill:rgb(47,207,255);white-space:pre}.aA{fill:rgb(48,206,255);white-space:pre}.aB{fill:rgb(49,205,255);white-space:pre}.aC{fill:rgb(50,204,255);white-space:pre}.aD{fill:rgb(51,203,255);white-space:pre}.aE{fill:rgb(52,202,255);white-space:pre}.aF{fill:rgb(53,201,255);white-space:pre}.aG{fill:rgb(54,200,255);white-space:pre}.aH{fill:rgb(55,199,255);white-space:pre}.aI{fill:rgb(56,198,255);white-space:pre}.aJ{fill:rgb(57,197,255);white-space:pre}.aK{fill:rgb(58,196,255);white-space:pre}.aL{fill:rgb(59,195,255);white-space:pre}.aM{fill:rgb(60,194,255);white-space:pre}.aN{fill:rgb(61,193,255);white-space:pre}.aO{fill:rgb(62,192,255);white-space:pre}.aP{fill:rgb(63,191,255);white-space:pre}.aQ{fill:rgb(64,190,255);white-space:pre}.aR{fill:rgb(65,189,255);white-space:pre}.aS{fill:rgb(66,188,255);white-space:pre}.aT{fill:rgb(67,187,255);white-space:pre}.aU{fill:rgb(68,186,255);white-space:pre}.aV{fill:rgb(69,185,255);white-space:pre}.aW{fill:rgb(70,184,255);white-space:pre}.aX{fill:rgb(71,183,255);white-space:pre}.aY{fill:rgb(72,182,255);white-space:pre}.aZ{fill:rgb(73,181,255);white-space:pre}.ba{fill:rgb(74,180,255);white-space:pre}.bb{fill:rgb(75,179,255);white-space:pre}.bc{fill:rgb(76,178,255);white-space:pre}.bd{fill:rgb(77,177,255);white-space:pre}.be{fill:rgb(78,176,255);white-space:pre}.bf{fill:rgb(79,175,255);white-space:pre}.bg{fill:rgb(80,174,255);white-space:pre}.bh{fill:rgb(81,173,255);white-space:pre}.bi{fill:rgb(82,172,255);white-space:pre}.bj{fill:rgb(83,171,255);white-space:pre}.bk{fill:rgb(84,170,255);white-space:pre}.bl{fill:rgb(85,169,255);white-space:pre}.bm{fill:rgb(86,168,255);white-space:pre}.bn{fill:rgb(87,167,255);white-space:pre}.bo{fill:rgb(88,166,255);white-space:pre}.bp{fill:rgb(89,165,255);white-space:pre}.bq{fill:rgb(90,164,255);white-space:pre}.br{fill:rgb(91,163,255);white-space:pre}.bs{fill:rgb(92,162,255);white-space:pre}.bt{fill:rgb(93,161,255);white-space:pre}.bu{fill:rgb(94,160,255);white-space:pre}.bv{fill:rgb(95,159,255);white-space:pre}.bw{fill:rgb(96,158,255);white-space:pre}.bx{fill:rgb(97,157,255);white-space:pre}.by{fill:rgb(98,156,255);white-space:pre}.bz{fill:rgb(99,155,255);white-space:pre}.bA{fill:rgb(100,154,255);white-space:pre}.bB{fill:rgb(101,153,255);white-space:pre}.bC{fill:rgb(102,152,255);white-space:pre}.bD{fill:rgb(103,151,255);white-space:pre}.bE{fill:rgb(104,150,255);white-space:pre}.bF{fill:rgb(105,149,255);white-space:pre}.bG{fill:rgb(106,148,255);white-space:pre}.bH{fill:rgb(107,147,255);white-space:pre}.bI{fill:rgb(108,146,255);white-space:pre}.bJ{fill:rgb(109,145,255);white-space:pre}.bK{fill:rgb(110,144,255);white-space:pre}.bL{fill:rgb(111,143,255);white-space:pre}.bM{fill:rgb(112,142,255);white-space:pre}.bN{fill:rgb(113,141,255);white-space:pre}.bO{fill:rgb(114,140,255);white-space:pre}.bP{fill:rgb(115,139,255);white-space:pre}.bQ{fill:rgb(116,138,255);white-space:pre}.bR{fill:rgb(117,137,255);white-space:pre}.bS{fill:rgb(118,136,255);white-space:pre}.bT{fill:rgb(119,135,255);white-space:pre}.bU{fill:rgb(120,134,255);white-space:pre}.bV{fill:rgb(121,133,255);white-space:pre}.bW{fill:rgb(122,132,255);white-space:pre}.bX{fill:rgb(123,131,255);white-space:pre}.bY{fill:rgb(124,130,255);white-space:pre}.bZ{fill:rgb(125,129,255);white-space:pre}.ca{fill:rgb(126,128,255);white-space:pre}.cb{fill:rgb(127,127,255);white-space:pre}.cc{fill:rgb(128,126,255);white-space:pre}.cd{fill:rgb(129,125,255);white-space:pre}.ce{fill:rgb(130,124,255);white-space:pre}.cf{fill:rgb(131,123,255);white-space:pre}.cg{fill:rgb(132,122,255);white-space:pre}.ch{fill:rgb(133,121,255);white-space:pre}.ci{fill:rgb(134,120,255);white-space:pre}.cj{fill:rgb(135,119,255);white-space:pre}.ck{fill:rgb(136,118,255);white-space:pre}.cl{fill:rgb(137,117,255);white-space:pre}.cm{fill:rgb(138,116,255);white-space:pre}.cn{fill:rgb(139,115,255);white-space:pre}.co{fill:rgb(140,114,255);white-space:pre}.cp{fill:rgb(141,113,255);white-space:pre}.cq{fill:rgb(142,112,255);white-space:pre}.cr{fill:rgb(143,111,255);white-space:pre}.cs{fill:rgb(144,110,255);white-space:pre}.ct{fill:rgb(145,109,255);white-space:pre}.cu{fill:rgb(146,108,255);white-space:pre}.cv{fill:rgb(147,107,255);white-space:pre}.cw{fill:rgb(148,106,255);white-space:pre}.cx{fill:rgb(149,105,255);white-space:pre}.cy{fill:rgb(150,104,255);white-space:pre}.cz{fill:rgb(151,103,255);white-space:pre}.cA{fill:rgb(152,102,255);white-space:pre}.cB{fill:rgb(153,101,255);white-space:pre}.cC{fill:rgb(154,100,255);white-space:pre}.cD{fill:rgb(155,99,255);white-space:pre}.cE{fill:rgb(156,98,255);white-space:pre}.cF{fill:rgb(157,97,255);white-space:pre}.cG{fill:rgb(158,96,255);white-space:pre}.cH{fill:rgb(159,95,255);white-space:pre}.cI{fill:rgb(160,94,255);white-space:pre}.cJ{fill:rgb(161,93,255);white-space:pre}.cK{fill:rgb(162,92,255);white-space:pre}.cL{fill:rgb(163,91,255);white-space:pre}.cM{fill:rgb(164,90,255);white-space:pre}.cN{fill:rgb(165,89,255);white-space:pre}.cO{fill:rgb(166,88,255);white-space:pre}.cP{fill:rgb(167,87,255);white-space:pre}.cQ{fill:rgb(168,86,255);white-space:pre}.cR{fill:rgb(169,85,255);white-space:pre}.cS{fill:rgb(170,84,255);white-space:pre}.cT{fill:rgb(171,83,255);white-space:pre}.cU{fill:rgb(172,82,255);white-space:pre}.cV{fill:rgb(173,81,255);white-space:pre}.cW{fill:rgb(174,80,255);white-space:pre}.cX{fill:rgb(175,79,255);white-space:pre}.cY{fill:rgb(176,78,255);white-space:pre}.cZ{fill:rgb(177,77,255);white-space:pre}.da{fill:rgb(178,76,255);white-space:pre}.db{fill:rgb(179,75,255);white-space:pre}.dc{fill:rgb(180,74,255);white-space:pre}.dd{fill:rgb(181,73,255);white-space:pre}.de{fill:rgb(182,72,255);white-space:pre}.df{fill:rgb(183,71,255);white-space:pre}.dg{fill:rgb(184,70,255);white-space:pre}.dh{fill:rgb(185,69,255);white-space:pre}.di{fill:rgb(186,68,255);white-space:pre}.dj{fill:rgb(187,67,255);white-space:pre}.dk{fill:rgb(188,66,255);white-space:pre}.dl{fill:rgb(189,65,255);white-space:pre}.dm{fill:rgb(190,64,255);white-space:pre}.dn{fill:rgb(191,63,255);white-space:pre}.do{fill:rgb(192,62,255);white-space:pre}.dp{fill:rgb(193,61,255);white-space:pre}.dq{fill:rgb(194,60,255);white-space:pre}.dr{fill:rgb(195,59,255);white-space:pre}.ds{fill:rgb(196,58,255);white-space:pre}.dt{fill:rgb(197,57,255);white-space:pre}.du{fill:rgb(198,56,255);white-space:pre}.dv{fill:rgb(199,55,255);white-space:pre}.dw{fill:rgb(200,54,255);white-space:pre}.dx{fill:rgb(201,53,255);white-space:pre}.dy{fill:rgb(202,52,255);white-space:pre}.dz{fill:rgb(203,51,255);white-space:pre}.dA{fill:rgb(204,50,255);white-space:pre}.dB{fill:rgb(205,49,255);white-space:pre}.dC{fill:rgb(206,48,255);white-space:pre}.dD{fill:rgb(207,47,255);white-space:pre}.dE{fill:rgb(208,46,255);white-space:pre}.dF{fill:rgb(209,45,255);white-space:pre}.dG{fill:rgb(210,44,255);white-space:pre}.dH{fill:rgb(211,43,255);white-space:pre}.dI{fill:rgb(212,42,255);white-space:pre}.dJ{fill:rgb(213,41,255);white-space:pre}.dK{fill:rgb(214,40,255);white-space:pre}.dL{fill:rgb(215,39,255);white-space:pre}.dM{fill:rgb(216,38,255);white-space:pre}.dN{fill:rgb(217,37,255);white-space:pre}.dO{fill:rgb(218,36,255);white-space:pre}.dP{fill:rgb(219,35,255);white-space:pre}.dQ{fill:rgb(220,34,255);white-space:pre}.dR{fill:rgb(221,33,255);white-space:pre}.dS{fill:rgb(222,32,255);white-space:pre}.dT{fill:rgb(223,31,255);white-space:pre}.dU{fill:rgb(224,30,255);white-space:pre}.dV{fill:rgb(225,29,255);white-space:pre}.dW{fill:rgb(226,28,255);white-space:pre}.dX{fill:rgb(227,27,255);white-space:pre}.dY{fill:rgb(228,26,255);white-space:pre}.dZ{fill:rgb(229,25,255);white-space:pre}.ea{fill:rgb(230,24,255);white-space:pre}.eb{fill:rgb(231,23,255);white-space:pre}.ec{fill:rgb(232,22,255);white-space:pre}.ed{fill:rgb(233,21,255);white-space:pre}.ee{fill:rgb(234,20,255);white-space:pre}.ef{fill:rgb(235,19,255);white-space:pre}.eg{fill:rgb(236,18,255);white-space:pre}.eh{fill:rgb(237,17,255);white-space:pre}.ei{fill:rgb(238,16,255);white-space:pre}.ej{fill:rgb(239,15,255);white-space:pre}.ek{fill:rgb(240,14,255);white-space:pre}.el{fill:rgb(241,13,255);white-space:pre}.em{fill:rgb(242,12,255);white-space:pre}.en{fill:rgb(255,0,4);white-space:pre}.eo{fill:rgb(243,86,86);white-space:pre}.ep{fill:rgb(232,131,136)}.eq{fill:rgb(111,119,131)}.er{fill:transparent}.et{animation-duration:104.319605s;animation-iteration-count:infinite;animation-name:es;animation-timing-function:steps(1,end)}.eu{fill:rgb(255,0,0);white-space:pre}.ev{fill:rgb(231,23,0);white-space:pre}.ew{fill:rgb(185,69,0);white-space:pre}.ex{fill:rgb(139,115,0);white-space:pre}.ey{fill:rgb(92,162,0);white-space:pre}.ez{fill:rgb(46,208,0);white-space:pre}.eA{fill:rgb(243,11,255);white-space:pre}.eB{fill:rgb(244,10,255);white-space:pre}.eC{fill:rgb(245,9,255);white-space:pre}.eD{fill:rgb(246,8,255);white-space:pre}.eE{fill:rgb(247,7,255);white-space:pre}.eF{fill:rgb(248,6,255);white-space:pre}.eG{fill:rgb(249,5,255);white-space:pre}.eH{fill:rgb(250,4,255);white-space:pre}.eI{fill:rgb(251,3,255);white-space:pre}.eJ{fill:rgb(252,2,255);white-space:pre}.eK{fill:rgb(253,1,255);white-space:pre}.eL{fill:rgb(254,0,255);white-space:pre}@keyframes es{0%{transform:translateX(-0px)}0.02%{transform:translateX(-80px)}0.02%{transform:translateX(-160px)}0.02%{transform:translateX(-240px)}0.21%{transform:translateX(-320px)}0.4%{transform:translateX(-400px)}0.6%{transform:translateX(-480px)}0.79%{transform:translateX(-560px)}0.98%{transform:translateX(-640px)}0.98%{transform:translateX(-720px)}1.18%{transform:translateX(-800px)}1.37%{transform:translateX(-880px)}1.56%{transform:translateX(-960px)}1.76%{transform:translateX(-1040px)}1.94%{transform:translateX(-1120px)}1.95%{transform:translateX(-1200px)}2.15%{transform:translateX(-1280px)}2.34%{transform:translateX(-1360px)}2.53%{transform:translateX(-1440px)}2.72%{transform:translateX(-1520px)}2.9%{transform:translateX(-1600px)}2.92%{transform:translateX(-1680px)}3.11%{transform:translateX(-1760px)}3.3%{transform:translateX(-1840px)}3.49%{transform:translateX(-1920px)}3.69%{transform:translateX(-2000px)}3.86%{transform:translateX(-2080px)}3.88%{transform:translateX(-2160px)}4.07%{transform:translateX(-2240px)}4.26%{transform:translateX(-2320px)}4.45%{transform:translateX(-2400px)}4.65%{transform:translateX(-2480px)}4.82%{transform:translateX(-2560px)}4.84%{transform:translateX(-2640px)}5.03%{transform:translateX(-2720px)}5.22%{transform:translateX(-2800px)}5.41%{transform:translateX(-2880px)}5.61%{transform:translateX(-2960px)}5.78%{transform:translateX(-3040px)}5.8%{transform:translateX(-3120px)}5.99%{transform:translateX(-3200px)}6.18%{transform:translateX(-3280px)}6.38%{transform:translateX(-3360px)}6.57%{transform:translateX(-3440px)}6.74%{transform:translateX(-3520px)}6.76%{transform:translateX(-3600px)}6.95%{transform:translateX(-3680px)}7.14%{transform:translateX(-3760px)}7.34%{transform:translateX(-3840px)}7.53%{transform:translateX(-3920px)}7.7%{transform:translateX(-4000px)}7.72%{transform:translateX(-4080px)}7.91%{transform:translateX(-4160px)}8.11%{transform:translateX(-4240px)}8.3%{transform:translateX(-4320px)}8.49%{transform:translateX(-4400px)}8.65%{transform:translateX(-4480px)}8.68%{transform:translateX(-4560px)}8.88%{transform:translateX(-4640px)}9.07%{transform:translateX(-4720px)}9.26%{transform:translateX(-4800px)}9.45%{transform:translateX(-4880px)}9.61%{transform:translateX(-4960px)}9.64%{transform:translateX(-5040px)}9.84%{transform:translateX(-5120px)}10.03%{transform:translateX(-5200px)}10.22%{transform:translateX(-5280px)}10.41%{transform:translateX(-5360px)}10.57%{transform:translateX(-5440px)}10.61%{transform:translateX(-5520px)}10.8%{transform:translateX(-5600px)}10.99%{transform:translateX(-5680px)}11.18%{transform:translateX(-5760px)}11.38%{transform:translateX(-5840px)}11.53%{transform:translateX(-5920px)}11.57%{transform:translateX(-6000px)}11.76%{transform:translateX(-6080px)}11.95%{transform:translateX(-6160px)}12.14%{transform:translateX(-6240px)}12.34%{transform:translateX(-6320px)}12.49%{transform:translateX(-6400px)}12.53%{transform:translateX(-6480px)}12.72%{transform:translateX(-6560px)}12.91%{transform:translateX(-6640px)}13.11%{transform:translateX(-6720px)}13.3%{transform:translateX(-6800px)}13.45%{transform:translateX(-6880px)}13.49%{transform:translateX(-6960px)}13.68%{transform:translateX(-7040px)}13.87%{transform:translateX(-7120px)}14.07%{transform:translateX(-7200px)}14.26%{transform:translateX(-7280px)}14.41%{transform:translateX(-7360px)}14.41%{transform:translateX(-7440px)}14.89%{transform:translateX(-7520px)}17.77%{transform:translateX(-7600px)}20.65%{transform:translateX(-7680px)}23.52%{transform:translateX(-7760px)}26.4%{transform:translateX(-7840px)}29.28%{transform:translateX(-7920px)}34.08%{transform:translateX(-8000px)}34.08%{transform:translateX(-8080px)}34.56%{transform:translateX(-8160px)}34.56%{transform:translateX(-8240px)}34.56%{transform:translateX(-8320px)}34.56%{transform:translateX(-8400px)}35.04%{transform:translateX(-8480px)}35.04%{transform:translateX(-8560px)}35.04%{transform:translateX(-8640px)}35.52%{transform:translateX(-8720px)}35.52%{transform:translateX(-8800px)}35.52%{transform:translateX(-8880px)}35.52%{transform:translateX(-8960px)}36%{transform:translateX(-9040px)}36%{transform:translateX(-9120px)}36.47%{transform:translateX(-9200px)}36.48%{transform:translateX(-9280px)}36.48%{transform:translateX(-9360px)}36.48%{transform:translateX(-9440px)}36.96%{transform:translateX(-9520px)}36.96%{transform:translateX(-9600px)}37.43%{transform:translateX(-9680px)}37.44%{transform:translateX(-9760px)}37.44%{transform:translateX(-9840px)}37.92%{transform:translateX(-9920px)}37.92%{transform:translateX(-10000px)}38.39%{transform:translateX(-10080px)}38.4%{transform:translateX(-10160px)}38.4%{transform:translateX(-10240px)}38.88%{transform:translateX(-10320px)}38.88%{transform:translateX(-10400px)}39.35%{transform:translateX(-10480px)}39.36%{transform:translateX(-10560px)}39.36%{transform:translateX(-10640px)}39.84%{transform:translateX(-10720px)}41.76%{transform:translateX(-10800px)}41.76%{transform:translateX(-10880px)}42.24%{transform:translateX(-10960px)}42.24%{transform:translateX(-11040px)}42.43%{transform:translateX(-11120px)}42.62%{transform:translateX(-11200px)}42.81%{transform:translateX(-11280px)}43.01%{transform:translateX(-11360px)}43.2%{transform:translateX(-11440px)}43.2%{transform:translateX(-11520px)}43.39%{transform:translateX(-11600px)}43.58%{transform:translateX(-11680px)}43.78%{transform:translateX(-11760px)}43.97%{transform:translateX(-11840px)}44.16%{transform:translateX(-11920px)}44.16%{transform:translateX(-12000px)}44.35%{transform:translateX(-12080px)}44.54%{transform:translateX(-12160px)}44.74%{transform:translateX(-12240px)}44.93%{transform:translateX(-12320px)}45.12%{transform:translateX(-12400px)}45.12%{transform:translateX(-12480px)}45.31%{transform:translateX(-12560px)}45.51%{transform:translateX(-12640px)}45.7%{transform:translateX(-12720px)}45.89%{transform:translateX(-12800px)}46.07%{transform:translateX(-12880px)}47.99%{transform:translateX(-12960px)}47.99%{transform:translateX(-13040px)}48.47%{transform:translateX(-13120px)}48.47%{transform:translateX(-13200px)}48.47%{transform:translateX(-13280px)}49.43%{transform:translateX(-13360px)}49.43%{transform:translateX(-13440px)}50.39%{transform:translateX(-13520px)}50.39%{transform:translateX(-13600px)}51.35%{transform:translateX(-13680px)}51.35%{transform:translateX(-13760px)}52.31%{transform:translateX(-13840px)}52.31%{transform:translateX(-13920px)}53.27%{transform:translateX(-14000px)}53.27%{transform:translateX(-14080px)}54.23%{transform:translateX(-14160px)}54.23%{transform:translateX(-14240px)}55.19%{transform:translateX(-14320px)}55.2%{transform:translateX(-14400px)}55.2%{transform:translateX(-14480px)}56.16%{transform:translateX(-14560px)}56.16%{transform:translateX(-14640px)}57.12%{transform:translateX(-14720px)}57.12%{transform:translateX(-14800px)}59.99%{transform:translateX(-14880px)}59.99%{transform:translateX(-14960px)}60.47%{transform:translateX(-15040px)}60.47%{transform:translateX(-15120px)}60.47%{transform:translateX(-15200px)}60.47%{transform:translateX(-15280px)}60.47%{transform:translateX(-15360px)}64.31%{transform:translateX(-15440px)}64.31%{transform:translateX(-15520px)}64.8%{transform:translateX(-15600px)}64.8%{transform:translateX(-15680px)}64.8%{transform:translateX(-15760px)}64.8%{transform:translateX(-15840px)}64.8%{transform:translateX(-15920px)}64.8%{transform:translateX(-16000px)}64.8%{transform:translateX(-16080px)}64.8%{transform:translateX(-16160px)}64.8%{transform:translateX(-16240px)}64.8%{transform:translateX(-16320px)}64.8%{transform:translateX(-16400px)}64.8%{transform:translateX(-16480px)}64.8%{transform:translateX(-16560px)}64.8%{transform:translateX(-16640px)}64.8%{transform:translateX(-16720px)}64.8%{transform:translateX(-16800px)}64.8%{transform:translateX(-16880px)}71.51%{transform:translateX(-16960px)}71.51%{transform:translateX(-17040px)}71.99%{transform:translateX(-17120px)}71.99%{transform:translateX(-17200px)}72.95%{transform:translateX(-17280px)}72.95%{transform:translateX(-17360px)}73.27%{transform:translateX(-17440px)}73.27%{transform:translateX(-17520px)}73.27%{transform:translateX(-17600px)}73.27%{transform:translateX(-17680px)}73.59%{transform:translateX(-17760px)}73.59%{transform:translateX(-17840px)}73.59%{transform:translateX(-17920px)}73.91%{transform:translateX(-18000px)}73.91%{transform:translateX(-18080px)}73.91%{transform:translateX(-18160px)}74.23%{transform:translateX(-18240px)}74.23%{transform:translateX(-18320px)}74.55%{transform:translateX(-18400px)}74.55%{transform:translateX(-18480px)}74.87%{transform:translateX(-18560px)}74.87%{transform:translateX(-18640px)}74.87%{transform:translateX(-18720px)}75.19%{transform:translateX(-18800px)}75.19%{transform:translateX(-18880px)}75.51%{transform:translateX(-18960px)}75.51%{transform:translateX(-19040px)}75.83%{transform:translateX(-19120px)}75.83%{transform:translateX(-19200px)}76.15%{transform:translateX(-19280px)}76.15%{transform:translateX(-19360px)}76.15%{transform:translateX(-19440px)}76.34%{transform:translateX(-19520px)}76.34%{transform:translateX(-19600px)}76.34%{transform:translateX(-19680px)}76.53%{transform:translateX(-19760px)}76.53%{transform:translateX(-19840px)}76.53%{transform:translateX(-19920px)}76.73%{transform:translateX(-20000px)}76.73%{transform:translateX(-20080px)}76.73%{transform:translateX(-20160px)}78.64%{transform:translateX(-20240px)}79.12%{transform:translateX(-20320px)}79.6%{transform:translateX(-20400px)}79.84%{transform:translateX(-20480px)}80.08%{transform:translateX(-20560px)}80.32%{transform:translateX(-20640px)}80.56%{transform:translateX(-20720px)}80.8%{transform:translateX(-20800px)}81.04%{transform:translateX(-20880px)}81.29%{transform:translateX(-20960px)}81.53%{transform:translateX(-21040px)}81.77%{transform:translateX(-21120px)}82.01%{transform:translateX(-21200px)}82.25%{transform:translateX(-21280px)}82.49%{transform:translateX(-21360px)}82.73%{transform:translateX(-21440px)}82.97%{transform:translateX(-21520px)}83.21%{transform:translateX(-21600px)}83.45%{transform:translateX(-21680px)}83.69%{transform:translateX(-21760px)}83.93%{transform:translateX(-21840px)}84.17%{transform:translateX(-21920px)}84.41%{transform:translateX(-22000px)}84.65%{transform:translateX(-22080px)}84.89%{transform:translateX(-22160px)}85.13%{transform:translateX(-22240px)}85.37%{transform:translateX(-22320px)}85.61%{transform:translateX(-22400px)}85.85%{transform:translateX(-22480px)}86.09%{transform:translateX(-22560px)}86.33%{transform:translateX(-22640px)}86.57%{transform:translateX(-22720px)}86.81%{transform:translateX(-22800px)}87.05%{transform:translateX(-22880px)}87.29%{transform:translateX(-22960px)}87.53%{transform:translateX(-23040px)}87.77%{transform:translateX(-23120px)}88.01%{transform:translateX(-23200px)}88.25%{transform:translateX(-23280px)}88.49%{transform:translateX(-23360px)}88.73%{transform:translateX(-23440px)}88.97%{transform:translateX(-23520px)}89.21%{transform:translateX(-23600px)}89.45%{transform:translateX(-23680px)}91.85%{transform:translateX(-23760px)}91.85%{transform:translateX(-23840px)}92.33%{transform:translateX(-23920px)}92.33%{transform:translateX(-24000px)}92.33%{transform:translateX(-24080px)}95.21%{transform:translateX(-24160px)}100%{transform:translateX(-24240px)}}███████████████████████████████████████████████████████████████████████████████████████████████████████████████████ PTDP - PTerm Demo Program INFO ThisanimationwasgeneratedwiththelatestversionofPTerm! PTermworksonnearlyeveryterminalandoperatingsystem. It'ssupereasytouse! Ifyouwant,youcancustomizeeverything:) Youcanseethecodeofthisdemointhe./_examples/demodirectory. Thisdemowasupdatedat:05Nov2023-17:49:28UTCWaitingfor15seconds...Waitingfor14seconds...Waitingfor14seconds...Waitingfor13seconds...Waitingfor13seconds...Waitingfor12seconds...Waitingfor12seconds...Waitingfor11seconds...Waitingfor11seconds...Waitingfor10seconds...Waitingfor10seconds...Waitingfor9seconds....Waitingfor9seconds....Waitingfor8seconds....Waitingfor8seconds....Waitingfor7seconds....Waitingfor7seconds....Waitingfor6seconds....Waitingfor6seconds....Waitingfor5seconds....Waitingfor5seconds....Waitingfor4seconds....Waitingfor4seconds....Waitingfor3seconds....Waitingfor3seconds....Waitingfor2seconds....Waitingfor2seconds....Waitingfor1second.....Waitingfor1second..... Structured Logging 2023-11-0517:49:44TRACEDoingnotsoimportantstuffpriority:superlow2023-11-0517:49:47DEBUGThismightbeinterestingwhenwerecrayonsinvented:1903whatisthemeaningoflife:42isthisinteresting:true2023-11-0517:49:50INFOThatwasactuallyinterestingsuch:wow2023-11-0517:49:53WARNOhno,Iseeanerrorcomingtous!speed:88measures:mph2023-11-0517:49:56ERRORDamn,hereitis!error:somethingwentwrong Progress bar SUCCESS Installingpseudo-excel SUCCESS Installingpseudo-photoshopInstallingpseudo-photoshop[02/11]██████████████████████████████████18%|1sInstallingpseudo-chrome[02/11]█████████████████████████████████████18%|1s SUCCESS Installingpseudo-chrome SUCCESS Installingpseudo-outlookInstallingpseudo-outlook[04/11]████████████████████████████████████36%|2s SUCCESS Installingpseudo-explorer SUCCESS Installingpseudo-gitInstallingpseudo-git[06/11]████████████████████████████████████████55%|3s SUCCESS Installingpseudo-vsc SUCCESS Installingpseudo-intellijInstallingpseudo-intellij[08/11]███████████████████████████████████73%|4s WARNING Couldnotinstallpseudo-minecraft Thecompanypolicyforbidsgames. SUCCESS Installingpseudo-scoopInstallingpseudo-scoop[10/11]██████████████████████████████████████91%|5s SUCCESS Installingpseudo-chocolateyInstallingpseudo-chocolatey[11/11]█████████████████████████████████100%|5s Spinner Live Output INFO YoucanuseanAreatodisplaychangingoutput:█████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ Tables Library|DescriptionPTerm|MakebeautifulCLIsTestza|ProgrammerfriendlytestframeworkCursor|Movethecursoraroundtheterminal┌───────────────────────────────────────────────┐|Library|Description||PTerm|MakebeautifulCLIs||Testza|Programmerfriendlytestframework||Cursor|Movethecursoraroundtheterminal| TrueColor Support IfyourterminalhasTrueColorsupport,youcanuseRGBcolors!Youcanevenfadethem:)Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamerat,seddiamvoluptua.Atveroeosetaccusametjustoduodoloresetearebum.Stetclitakasdgubergren,noseatakimatasanctusestLoremipsumdolorsitamet.Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamerat,seetdoloremagnaaliquyamerat,seddiamvoluptua.Atveroeosetaccusametjustoduodoloresetearebum.Stetclitakasdgubergren,noseatakimatasanctus Fully Customizale ┌──────────────────────────────────────┐|Allprintersarefullycustomizable!|└──────────────────────────────────────┘|||└───────────────────────────────────┌─Sometitle!────────────────────────┐┌────────────Sometitle!─────────────┐┌────────────────────────Sometitle!─┐┌──────────────────────────────────────┐|||Allprintersarefullycustomizable!|┌──────────────────────────────────────┐|||Allprintersarefullycustomizable!|┌──────────────────────────────────────┐|||Allprintersarefullycustomizable!|╔══════════════════════════════════════╗Allprintersarefullycustomizable! Themes INFO YoucanchangethecolorthemeofPTermeasilytofityourneeds! Thisisthedefaultone:DefaultTextPrimaryStyleSecondaryStyleHighlightStyleInfoMessageStyleInfoPrefixStyleSuccessMessageStyleSuccessPrefixStyleWarningMessageStyleWarningPrefixStyleErrorMessageStyleErrorPrefixStyleFatalMessageStyleFatalPrefixStyleDescriptionMessageStyleDescriptionPrefixStyleScopeStyleProgressbarBarStyleProgressbarTitleStyleHeaderTextStyleHeaderBackgroundStyleSpinnerStyleSpinnerTextStyleTimerStyleTableStyleTableHeaderStyleTableSeparatorStyleHeatmapStyleHeatmapHeaderStyleHeatmapSeparatorStyleSectionStyleBulletListTextStyleBulletListBulletStyleTreeStyleTreeTextStyleLetterStyleDebugMessageStyleDebugPrefixStyleBoxStyleBoxTextStyleBarLabelStyle And much more! ┌───────────────────────────────┐|||HavefunexploringPTerm!|Waitingfor15seconds...Waitingfor15seconds...Waitingfor15seconds...Waitingfor14seconds...Waitingfor14seconds...Waitingfor13seconds...Waitingfor13seconds...Waitingfor12seconds...Waitingfor12seconds...Waitingfor11seconds...Waitingfor11seconds...Waitingfor10seconds...Waitingfor10seconds...Waitingfor9seconds....Waitingfor9seconds....Waitingfor8seconds....Waitingfor8seconds....Waitingfor7seconds....Waitingfor7seconds....Waitingfor6seconds....Waitingfor6seconds....Waitingfor5seconds....Waitingfor5seconds....Waitingfor4seconds....Waitingfor4seconds....Waitingfor3seconds....Waitingfor3seconds....Waitingfor2seconds....Waitingfor2seconds....Waitingfor1second.....Waitingfor1second.....2023-11-0517:49:59INFOButwhat'sreallycoolis,thatyoucanprintverylonglogs,andPTermwillautomaticallywrapthemforyou!Saygoodbyetotext,thathasweirdlinebreaks!very:longInstallingpseudo-excel[00/11]█████████████████████████████████████0%|0sInstallingpseudo-excel[01/11]█████████████████████████████████████0%|0sInstallingpseudo-excel[01/11]██████████████████████████████████████9%|0sInstallingpseudo-photoshop[01/11]██████████████████████████████████9%|1sInstallingpseudo-photoshop[02/11]██████████████████████████████████9%|1sInstallingpseudo-chrome[03/11]█████████████████████████████████████27%|1sInstallingpseudo-explorer[04/11]███████████████████████████████████36%|2sInstallingpseudo-explorer[05/11]███████████████████████████████████36%|2sInstallingpseudo-explorer[05/11]███████████████████████████████████45%|2sInstallingpseudo-git[05/11]██████████████████████████████████████Installingpseudo-vsc[06/11]████████████████████████████████████████55%|3sInstallingpseudo-vsc[07/11]████████████████████████████████████████64%|3sInstallingpseudo-intellij[07/11]███████████████████████████████████64%|4sInstallingpseudo-minecraft[09/11]██████████████████████████████████82%|4sInstallingpseudo-chocolatey[10/11]█████████████████████████████████91%|5sInstallingpseudo-intellijInstallingpseudo-intellij(0s)Installingpseudo-intellij(0s)Installingpseudo-intellij(0s)Installingpseudo-intellij(1s)Installingpseudo-intellij(1s)Installingpseudo-minecraft(1s)Installingpseudo-minecraft(1s)Installingpseudo-minecraft(1s)Installingpseudo-minecraft(2s)Installingpseudo-minecraft(2s)Installingpseudo-scoop(2s)Installingpseudo-scoop(2s)Installingpseudo-scoop(2s)Installingpseudo-scoop(3s)Installingpseudo-scoop(3s)Installingpseudo-chocolatey(3s)Installingpseudo-chocolatey(3s)Installingpseudo-chocolatey(3s)Installingpseudo-chocolatey(4s)Installingpseudo-chocolatey(4s)███████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████┌───────────────────────────────────────────────└───────────────└───────────────────────────────────────────────┘IfyourterminalhasTrueColorsupport,youcYoucanevenfadethem:Loremipsumdolorsitamet,conseteturstempotemporinviduntutlaboreetdoloremagnaaliquyaeroeosetacceroeosetaccusametjustoduodoloresetearebum.StenoseatakimatasannoseatakimatasanctusestLoremipsumdolorsitamet.Loremet,consetetursadipscinget,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduneetdoloremagnaaliquyamerat,seddiamvoluptua.Atveroeosetaccusametjstoduodoloresetearebum.StetclitakasdestLoreestLoremipsumdolorsitamet.└─────────────────────────────────────└─└────────────────────────Sometitle!─┘└────────────Sometitle!─────────────┘└─Sometitle!────────────────────────┘|└───────────────────────────────────└──────────────────────────────────────┘|└───────────────────────────────────└──────────────────────────────────────┘|└───────────────────────────────────└──────────────────────────────────────┘╚══════════════════════════════════╚══════════════════════════════════════╝BarStyle|└───────────────────────────────┘Restartinganimation... \ No newline at end of file diff --git a/_examples/header/custom/animation.svg b/_examples/header/custom/animation.svg index deed3e381..866d2cf8d 100644 --- a/_examples/header/custom/animation.svg +++ b/_examples/header/custom/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{fill:rgb(160,160,160);white-space:pre}.h{white-space:pre}.i{fill:rgb(232,131,136)}.j{fill:transparent}.l{animation-duration:5.31286s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}4.7%{transform:translateX(-80px)}5.9%{transform:translateX(-160px)}100%{transform:translateX(-240px)}} This is a custom header! This is a custom header! Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{fill:rgb(160,160,160);white-space:pre}.h{white-space:pre}.i{fill:rgb(232,131,136)}.j{fill:transparent}.l{animation-duration:5.205684s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}3.4%{transform:translateX(-80px)}4%{transform:translateX(-160px)}100%{transform:translateX(-240px)}} This is a custom header! This is a custom header! Restartinganimation... \ No newline at end of file diff --git a/_examples/header/demo/animation.svg b/_examples/header/demo/animation.svg index 7a8e72401..6f06d83f1 100644 --- a/_examples/header/demo/animation.svg +++ b/_examples/header/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(111,119,131)}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(255,255,255);font-weight:bold;white-space:pre}.i{fill:transparent}.k{animation-duration:5.289069s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}4.1%{transform:translateX(-80px)}5.5%{transform:translateX(-160px)}100%{transform:translateX(-240px)}} This is the default header! This is a full-width header. Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(111,119,131)}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(255,255,255);font-weight:bold;white-space:pre}.i{fill:transparent}.k{animation-duration:5.334314s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}4.7%{transform:translateX(-80px)}6.3%{transform:translateX(-160px)}100%{transform:translateX(-240px)}} This is the default header! This is a full-width header. Restartinganimation... \ No newline at end of file diff --git a/_examples/heatmap/README.md b/_examples/heatmap/README.md new file mode 100644 index 000000000..23350c54c --- /dev/null +++ b/_examples/heatmap/README.md @@ -0,0 +1,235 @@ +### heatmap/custom_colors + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/custom_colors/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and a legend.") + pterm.Println() + + table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false).WithColors(pterm.BgBlue, pterm.BgRed, pterm.BgGreen, pterm.BgYellow).WithLegend() + table.Render() +} + +``` + +
+ +### heatmap/custom_legend + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/custom_legend/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a custom legend.") + pterm.Println() + + table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegendLabel("custom").WithLegendOnlyColoredCells() + table.Render() +} + +``` + +
+ +### heatmap/custom_rgb + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/custom_rgb/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.") + pterm.Println() + + table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithRGBRange(pterm.NewRGB(0, 0, 255), pterm.NewRGB(255, 0, 0), pterm.NewRGB(0, 255, 0), pterm.NewRGB(255, 255, 0)) + table2.Render() +} + +``` + +
+ +### heatmap/demo + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/demo/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + table := pterm.DefaultHeatmap.WithAxisData(headerData).WithData(data).WithEnableRGB() + table.Render() +} + +``` + +
+ +### heatmap/no_grid + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/no_grid/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.") + pterm.Println() + + table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegend().WithGrid(false) + table2.Render() +} + +``` + +
+ +### heatmap/separated + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/separated/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import "github.com/pterm/pterm" + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and no legend.") + pterm.Println() + + table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false) + table.Render() +} + +``` + +
+ diff --git a/_examples/heatmap/custom_colors/README.md b/_examples/heatmap/custom_colors/README.md new file mode 100644 index 000000000..db04f1d25 --- /dev/null +++ b/_examples/heatmap/custom_colors/README.md @@ -0,0 +1,33 @@ +# heatmap/custom_colors + +![Animation](animation.svg) + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and a legend.") + pterm.Println() + + table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false).WithColors(pterm.BgBlue, pterm.BgRed, pterm.BgGreen, pterm.BgYellow).WithLegend() + table.Render() +} + +``` diff --git a/_examples/heatmap/custom_colors/animation.svg b/_examples/heatmap/custom_colors/animation.svg new file mode 100644 index 000000000..a990ce28a --- /dev/null +++ b/_examples/heatmap/custom_colors/animation.svg @@ -0,0 +1,10 @@ + INFO Thefollowingtablehasnorgb(supportedbyeveryterminal),noaxisdataandalegend.1 0.9 0.2-0.7 0.4-0.5 0.6-0.3 0.8-0.1 -1 0.1-0.8 0.3────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────2 0.2-0.7-0.5-0.3-0.1 0.1 0.3 0.5 0.9-0.9-0.7-0.5-0.33 0.4 0.4-0.3 -1 0.3-0.2-0.9 0.5-0.3 -1 0.6-0.2-0.94 0.9-0.5-0.1 0.3 1 -0.7-0.3 0.1 0.7-0.9-0.5 0.2 0.65 0.5 0.6 0.1-0.2-0.7 0.8 0.6 0.1-0.5-0.7 0.7 0.3 0 ────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼──abcdefghijklmLegend -1 -0.33 0.33 1 ────┼────┼────┼────┼────┼────┼────┼────┼────┼────2 0.2-0.7-0.5-0.3-0.1 0.1 0.3 0.5 0.9-0.9-0.7-0.5────┼────┼────┼────┼────┼────┼────┼────┼────┼─────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────────┼────┼───────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼──────┼────┼────┼───────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼───Legend -1 -0.33 0.33 Restartinganimation... \ No newline at end of file diff --git a/_examples/heatmap/custom_colors/main.go b/_examples/heatmap/custom_colors/main.go new file mode 100644 index 000000000..bfab51b24 --- /dev/null +++ b/_examples/heatmap/custom_colors/main.go @@ -0,0 +1,26 @@ +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and a legend.") + pterm.Println() + + table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false).WithColors(pterm.BgBlue, pterm.BgRed, pterm.BgGreen, pterm.BgYellow).WithLegend() + table.Render() +} diff --git a/_examples/heatmap/custom_legend/README.md b/_examples/heatmap/custom_legend/README.md new file mode 100644 index 000000000..735b1e318 --- /dev/null +++ b/_examples/heatmap/custom_legend/README.md @@ -0,0 +1,33 @@ +# heatmap/custom_legend + +![Animation](animation.svg) + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a custom legend.") + pterm.Println() + + table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegendLabel("custom").WithLegendOnlyColoredCells() + table.Render() +} + +``` diff --git a/_examples/heatmap/custom_legend/animation.svg b/_examples/heatmap/custom_legend/animation.svg new file mode 100644 index 000000000..2259e0b09 --- /dev/null +++ b/_examples/heatmap/custom_legend/animation.svg @@ -0,0 +1,10 @@ + INFO Thefollowingtablehasrgb(notsupportedbyeveryterminal),axisdataandacustomlegend.1 0.9 0.2-0.7 0.4-0.5 0.6-0.3 0.8-0.1 -1 0.1-0.8 0.3────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────2 0.2-0.7-0.5-0.3-0.1 0.1 0.3 0.5 0.9-0.9-0.7-0.5-0.33 0.4 0.4-0.3 -1 0.3-0.2-0.9 0.5-0.3 -1 0.6-0.2-0.94 0.9-0.5-0.1 0.3 1 -0.7-0.3 0.1 0.7-0.9-0.5 0.2 0.65 0.5 0.6 0.1-0.2-0.7 0.8 0.6 0.1-0.5-0.7 0.7 0.3 0 abcdefghijklmcustom ────┼────┼───────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼─────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────3 0.4 0.4-0.3 -1 0.3-0.2-0.9 0.5-0.3 -1 0.6-0.2────┼────┼────┼────┼────┼────┼────┼────┼────┼─4 0.9-0.5-0.1 0.3 1 -0.7-0.3 0.1 0.7────┼────┼────┼────┼────┼────┼────┼───5 0.5 0.6 0.1-0.2-0.7 0.8────┼────┼────┼────┼────┼────┼─abcdcustom Restartinganimation... \ No newline at end of file diff --git a/_examples/heatmap/custom_legend/main.go b/_examples/heatmap/custom_legend/main.go new file mode 100644 index 000000000..448e68f14 --- /dev/null +++ b/_examples/heatmap/custom_legend/main.go @@ -0,0 +1,26 @@ +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a custom legend.") + pterm.Println() + + table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegendLabel("custom").WithLegendOnlyColoredCells() + table.Render() +} diff --git a/_examples/heatmap/custom_rgb/README.md b/_examples/heatmap/custom_rgb/README.md new file mode 100644 index 000000000..5bd3165e6 --- /dev/null +++ b/_examples/heatmap/custom_rgb/README.md @@ -0,0 +1,33 @@ +# heatmap/custom_rgb + +![Animation](animation.svg) + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.") + pterm.Println() + + table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithRGBRange(pterm.NewRGB(0, 0, 255), pterm.NewRGB(255, 0, 0), pterm.NewRGB(0, 255, 0), pterm.NewRGB(255, 255, 0)) + table2.Render() +} + +``` diff --git a/_examples/heatmap/custom_rgb/animation.svg b/_examples/heatmap/custom_rgb/animation.svg new file mode 100644 index 000000000..80600d6af --- /dev/null +++ b/_examples/heatmap/custom_rgb/animation.svg @@ -0,0 +1,10 @@ + INFO Thefollowingtablehasrgb(notsupportedbyeveryterminal),axisdataandalegend.1 0.9 0.2-0.7 0.4-0.5 0.6-0.3 0.8-0.1 -1 0.1-0.8 0.3────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────2 0.2-0.7-0.5-0.3-0.1 0.1 0.3 0.5 0.9-0.9-0.7-0.5-0.33 0.4 0.4-0.3 -1 0.3-0.2-0.9 0.5-0.3 -1 0.6-0.2-0.94 0.9-0.5-0.1 0.3 1 -0.7-0.3 0.1 0.7-0.9-0.5 0.2 0.65 0.5 0.6 0.1-0.2-0.7 0.8 0.6 0.1-0.5-0.7 0.7 0.3 0 abcdefghijklmLegend -1 -0.78 -0.56 -0.33 -0.11 0.11 0.33 0.56 0.78 1 ────┼────┼───────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼─────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────3 0.4 0.4-0.3 -1 0.3-0.2-0.9 0.5-0.3 -1 0.6-0.2────┼────┼────┼────┼────┼────┼────┼────┼────┼──4 0.9-0.5-0.1 0.3 1 -0.7-0.3 0.1 0.7────┼────┼────┼────┼────┼────┼────┼────5 0.5 0.6 0.1-0.2-0.7 0.8────┼────┼────┼────┼────┼────┼─abcdeRestartinganimation... \ No newline at end of file diff --git a/_examples/heatmap/custom_rgb/main.go b/_examples/heatmap/custom_rgb/main.go new file mode 100644 index 000000000..bac32f69e --- /dev/null +++ b/_examples/heatmap/custom_rgb/main.go @@ -0,0 +1,26 @@ +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.") + pterm.Println() + + table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithRGBRange(pterm.NewRGB(0, 0, 255), pterm.NewRGB(255, 0, 0), pterm.NewRGB(0, 255, 0), pterm.NewRGB(255, 255, 0)) + table2.Render() +} diff --git a/_examples/heatmap/demo/README.md b/_examples/heatmap/demo/README.md new file mode 100644 index 000000000..83d1d362f --- /dev/null +++ b/_examples/heatmap/demo/README.md @@ -0,0 +1,30 @@ +# heatmap/demo + +![Animation](animation.svg) + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + table := pterm.DefaultHeatmap.WithAxisData(headerData).WithData(data).WithEnableRGB() + table.Render() +} + +``` diff --git a/_examples/heatmap/demo/animation.svg b/_examples/heatmap/demo/animation.svg new file mode 100644 index 000000000..1d0e8cfce --- /dev/null +++ b/_examples/heatmap/demo/animation.svg @@ -0,0 +1,10 @@ +┌────┬────┬────┬────┬────┬────┬────┬────┬────┬────┬────┬────┬────┬────┐1 0.9 0.2-0.7 0.4-0.5 0.6-0.3 0.8-0.1 -1 0.1-0.8 0.3├────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┤2 0.2-0.7-0.5-0.3-0.1 0.1 0.3 0.5 0.9-0.9-0.7-0.5-0.33 0.4 0.4-0.3 -1 0.3-0.2-0.9 0.5-0.3 -1 0.6-0.2-0.94 0.9-0.5-0.1 0.3 1 -0.7-0.3 0.1 0.7-0.9-0.5 0.2 0.65 0.5 0.6 0.1-0.2-0.7 0.8 0.6 0.1-0.5-0.7 0.7 0.3 0 abcdefghijklm└────┴────┴────┴────┴────┴────┴────┴────┴────┴────┴────┴────┴────┴────┘┌──────┬──────┬──────┬──────┬──────┬──────┬──────┬──────┬──────┬──────┬──────┐Legend -1 -0.78 -0.56 -0.33 -0.11 0.11 0.33 0.56 0.78 1 └──────┴──────┴──────┴──────┴──────┴──────┴──────┴──────┴──────┴──────┴──────┘┌────┬────┬────┬────┬────┬────┬────┬────┬────┬───1 0.9 0.2-0.7 0.4-0.5 0.6-0.3 0.8-0.1├────┼────┼────┼────┼────┼────┼────┼─2 0.2-0.7-0.5-0.3├────┼────┼────┼────┼────3├────┼────┼───├────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼─├─├────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼5 0.5 0.6 0.1-0.2-0.7 0.8 0.6 0.1-0.5├────┼────┼────┼────┼────┼────┼────┼───└────┴────┴────┴────┴────┴────┴────┴┌──────┬──────┬──────┬──────┬──────┬──────┬──────┌──────┬──────┬──────┬──────┬──────┬──────┬──────┬──────┬──────└──────┴──────┴──────┴──────┴──────┴──────┴──────└──────┴──────┴──────┴──────┴──────┴──────┴──────┴─Restartinganimation... \ No newline at end of file diff --git a/_examples/heatmap/demo/main.go b/_examples/heatmap/demo/main.go new file mode 100644 index 000000000..1c015ceee --- /dev/null +++ b/_examples/heatmap/demo/main.go @@ -0,0 +1,23 @@ +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + table := pterm.DefaultHeatmap.WithAxisData(headerData).WithData(data).WithEnableRGB() + table.Render() +} diff --git a/_examples/heatmap/no_grid/README.md b/_examples/heatmap/no_grid/README.md new file mode 100644 index 000000000..8e7258e2d --- /dev/null +++ b/_examples/heatmap/no_grid/README.md @@ -0,0 +1,33 @@ +# heatmap/no_grid + +![Animation](animation.svg) + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.") + pterm.Println() + + table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegend().WithGrid(false) + table2.Render() +} + +``` diff --git a/_examples/heatmap/no_grid/animation.svg b/_examples/heatmap/no_grid/animation.svg new file mode 100644 index 000000000..b8d09eca8 --- /dev/null +++ b/_examples/heatmap/no_grid/animation.svg @@ -0,0 +1,10 @@ + INFO Thefollowingtablehasrgb(notsupportedbyeveryterminal),axisdataandalegend.1 0.9 0.2-0.7 0.4-0.5 0.6-0.3 0.8-0.1 -1 0.1-0.8 0.32 0.2-0.7-0.5-0.3-0.1 0.1 0.3 0.5 0.9-0.9-0.7-0.5-0.33 0.4 0.4-0.3 -1 0.3-0.2-0.9 0.5-0.3 -1 0.6-0.2-0.94 0.9-0.5-0.1 0.3 1 -0.7-0.3 0.1 0.7-0.9-0.5 0.2 0.65 0.5 0.6 0.1-0.2-0.7 0.8 0.6 0.1-0.5-0.7 0.7 0.3 0 abcdefghijklmLegend -1 -0.78 -0.56 -0.33 -0.11 0.11 0.33 0.56 0.78 1 35 0.5 0.6Legend -1 -0.78 -0.56 -0.33 -0.11 0.11 0.33 0.56 Restartinganimation... \ No newline at end of file diff --git a/_examples/heatmap/no_grid/main.go b/_examples/heatmap/no_grid/main.go new file mode 100644 index 000000000..e723aab56 --- /dev/null +++ b/_examples/heatmap/no_grid/main.go @@ -0,0 +1,26 @@ +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.") + pterm.Println() + + table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegend().WithGrid(false) + table2.Render() +} diff --git a/_examples/heatmap/separated/README.md b/_examples/heatmap/separated/README.md new file mode 100644 index 000000000..3b1db934d --- /dev/null +++ b/_examples/heatmap/separated/README.md @@ -0,0 +1,31 @@ +# heatmap/separated + +![Animation](animation.svg) + +```go +package main + +import "github.com/pterm/pterm" + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and no legend.") + pterm.Println() + + table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false) + table.Render() +} + +``` diff --git a/_examples/heatmap/separated/animation.svg b/_examples/heatmap/separated/animation.svg new file mode 100644 index 000000000..488eab8fd --- /dev/null +++ b/_examples/heatmap/separated/animation.svg @@ -0,0 +1,10 @@ + INFO Thefollowingtablehasnorgb(supportedbyeveryterminal),noaxisdataandnolegend.1 0.9 0.2-0.7 0.4-0.5 0.6-0.3 0.8-0.1 -1 0.1-0.8 0.3────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────2 0.2-0.7-0.5-0.3-0.1 0.1 0.3 0.5 0.9-0.9-0.7-0.5-0.33 0.4 0.4-0.3 -1 0.3-0.2-0.9 0.5-0.3 -1 0.6-0.2-0.94 0.9-0.5-0.1 0.3 1 -0.7-0.3 0.1 0.7-0.9-0.5 0.2 0.65 0.5 0.6 0.1-0.2-0.7 0.8 0.6 0.1-0.5-0.7 0.7 0.3 0 abcdefghijklm────┼────┼────┼──────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼─────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼───────┼────┼──────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼─────┼────────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼───────┼─────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼────┼Restartinganimation... \ No newline at end of file diff --git a/_examples/heatmap/separated/main.go b/_examples/heatmap/separated/main.go new file mode 100644 index 000000000..e32898aaa --- /dev/null +++ b/_examples/heatmap/separated/main.go @@ -0,0 +1,24 @@ +package main + +import "github.com/pterm/pterm" + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and no legend.") + pterm.Println() + + table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false) + table.Render() +} diff --git a/_examples/interactive_confirm/demo/animation.svg b/_examples/interactive_confirm/demo/animation.svg index 31fdb062e..64347af41 100644 --- a/_examples/interactive_confirm/demo/animation.svg +++ b/_examples/interactive_confirm/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:rgb(124,255,0);white-space:pre}.i{fill:rgb(102,194,205)}.j{white-space:pre}.k{fill:transparent}.l{fill:rgb(160,160,160)}.n{animation-duration:7.260242s;animation-iteration-count:infinite;animation-name:m;animation-timing-function:steps(1,end)}.o{fill:rgb(160,160,160);white-space:pre}@keyframes m{0%{transform:translateX(-0px)}3.5%{transform:translateX(-80px)}31.1%{transform:translateX(-160px)}31.1%{transform:translateX(-240px)}100%{transform:translateX(-320px)}}Pleaseconfirm[y/N]:Yes INFO Youanswered:YesPleaseconfirm[y/N]:Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:rgb(124,255,0);white-space:pre}.i{fill:rgb(102,194,205)}.j{white-space:pre}.k{fill:transparent}.l{fill:rgb(160,160,160)}.n{animation-duration:7.31973s;animation-iteration-count:infinite;animation-name:m;animation-timing-function:steps(1,end)}.o{fill:rgb(160,160,160);white-space:pre}@keyframes m{0%{transform:translateX(-0px)}4.3%{transform:translateX(-80px)}31.7%{transform:translateX(-160px)}31.7%{transform:translateX(-240px)}31.7%{transform:translateX(-320px)}31.7%{transform:translateX(-400px)}31.7%{transform:translateX(-480px)}31.7%{transform:translateX(-560px)}100%{transform:translateX(-640px)}}Pleaseconfirm[y/N]:Yes INFO Youanswered:YesPleaseconfirm[y/N]:Restartinganimation... \ No newline at end of file diff --git a/_examples/interactive_continue/demo/animation.svg b/_examples/interactive_continue/demo/animation.svg index 154ff8702..06bc3c864 100644 --- a/_examples/interactive_continue/demo/animation.svg +++ b/_examples/interactive_continue/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:rgb(124,255,0);white-space:pre}.i{fill:rgb(102,194,205)}.j{white-space:pre}.k{fill:transparent}.l{fill:rgb(160,160,160)}.n{animation-duration:7.245004s;animation-iteration-count:infinite;animation-name:m;animation-timing-function:steps(1,end)}.o{fill:rgb(160,160,160);white-space:pre}@keyframes m{0%{transform:translateX(-0px)}3.4%{transform:translateX(-80px)}31%{transform:translateX(-160px)}31%{transform:translateX(-240px)}31%{transform:translateX(-320px)}31%{transform:translateX(-400px)}31%{transform:translateX(-480px)}100%{transform:translateX(-560px)}}Doyouwanttocontinue[Yes/no/all/cancel]:yes INFO Youanswered:yesDoyouwanttocontinue[Yes/no/all/cancel]:Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:rgb(124,255,0);white-space:pre}.i{fill:rgb(102,194,205)}.j{white-space:pre}.k{fill:transparent}.l{fill:rgb(160,160,160)}.n{animation-duration:7.252053999999999s;animation-iteration-count:infinite;animation-name:m;animation-timing-function:steps(1,end)}.o{fill:rgb(160,160,160);white-space:pre}@keyframes m{0%{transform:translateX(-0px)}3.4%{transform:translateX(-80px)}31%{transform:translateX(-160px)}31%{transform:translateX(-240px)}31%{transform:translateX(-320px)}31.1%{transform:translateX(-400px)}31.1%{transform:translateX(-480px)}31.1%{transform:translateX(-560px)}100%{transform:translateX(-640px)}}Doyouwanttocontinue[Yes/no/all/cancel]:yes INFO Youanswered:yesDoyouwanttocontinue[Yes/no/all/cancel]:Restartinganimation... \ No newline at end of file diff --git a/_examples/interactive_multiselect/custom-checkmarks/animation.svg b/_examples/interactive_multiselect/custom-checkmarks/animation.svg index 9d316eeb5..7c750a4e1 100644 --- a/_examples/interactive_multiselect/custom-checkmarks/animation.svg +++ b/_examples/interactive_multiselect/custom-checkmarks/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(234,89,246);white-space:pre}.i{fill:rgb(255,0,4);white-space:pre}.j{fill:rgb(234,89,246);font-weight:bold;white-space:pre}.k{fill:rgb(102,194,205)}.l{white-space:pre}.m{fill:rgb(124,255,0);white-space:pre}.n{fill:transparent}.o{fill:rgb(160,160,160)}.q{animation-duration:6.300642s;animation-iteration-count:infinite;animation-name:p;animation-timing-function:steps(1,end)}@keyframes p{0%{transform:translateX(-0px)}3.1%{transform:translateX(-80px)}3.8%{transform:translateX(-160px)}19%{transform:translateX(-240px)}19%{transform:translateX(-320px)}19%{transform:translateX(-400px)}19%{transform:translateX(-480px)}19%{transform:translateX(-560px)}19%{transform:translateX(-640px)}19.1%{transform:translateX(-720px)}20.6%{transform:translateX(-800px)}20.6%{transform:translateX(-880px)}20.6%{transform:translateX(-960px)}20.6%{transform:translateX(-1040px)}20.6%{transform:translateX(-1120px)}20.6%{transform:translateX(-1200px)}20.6%{transform:translateX(-1280px)}100%{transform:translateX(-1360px)}}Pleaseselectyouroptions:>[-]Option0[-]Option1[-]Option2[-]Option3[-]Option4space:select|enter:confirm|left:none|right:all[-]Option0>[-]Option1 INFO Selectedoptions:[]Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(255,0,4);white-space:pre}.i{fill:rgb(234,89,246);white-space:pre}.j{fill:rgb(234,89,246);font-weight:bold;white-space:pre}.k{fill:rgb(102,194,205)}.l{white-space:pre}.m{fill:rgb(124,255,0);white-space:pre}.n{fill:transparent}.o{fill:rgb(160,160,160)}.q{animation-duration:6.271908s;animation-iteration-count:infinite;animation-name:p;animation-timing-function:steps(1,end)}@keyframes p{0%{transform:translateX(-0px)}2.7%{transform:translateX(-80px)}3.3%{transform:translateX(-160px)}18.7%{transform:translateX(-240px)}20.3%{transform:translateX(-320px)}100%{transform:translateX(-400px)}}Pleaseselectyouroptions:[-]Option2[-]Option3[-]Option4space:select|enter:confirm|left:none|right:all INFO Selectedoptions:[]>[-]Option0[-]Option1[-]Option0>[-]Option1Restartinganimation... \ No newline at end of file diff --git a/_examples/interactive_multiselect/custom-keys/animation.svg b/_examples/interactive_multiselect/custom-keys/animation.svg index b5acfdd12..de661bf26 100644 --- a/_examples/interactive_multiselect/custom-keys/animation.svg +++ b/_examples/interactive_multiselect/custom-keys/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(234,89,246);white-space:pre}.i{fill:rgb(255,0,4);white-space:pre}.j{fill:rgb(234,89,246);font-weight:bold;white-space:pre}.k{fill:rgb(124,255,0);white-space:pre}.l{fill:rgb(102,194,205)}.m{white-space:pre}.n{fill:transparent}.o{fill:rgb(160,160,160)}.q{animation-duration:6.946714s;animation-iteration-count:infinite;animation-name:p;animation-timing-function:steps(1,end)}@keyframes p{0%{transform:translateX(-0px)}2%{transform:translateX(-80px)}2.8%{transform:translateX(-160px)}2.8%{transform:translateX(-240px)}2.8%{transform:translateX(-320px)}2.8%{transform:translateX(-400px)}2.8%{transform:translateX(-480px)}2.8%{transform:translateX(-560px)}2.8%{transform:translateX(-640px)}2.8%{transform:translateX(-720px)}2.8%{transform:translateX(-800px)}2.8%{transform:translateX(-880px)}2.8%{transform:translateX(-960px)}2.8%{transform:translateX(-1040px)}2.8%{transform:translateX(-1120px)}2.8%{transform:translateX(-1200px)}2.8%{transform:translateX(-1280px)}2.8%{transform:translateX(-1360px)}2.8%{transform:translateX(-1440px)}2.8%{transform:translateX(-1520px)}2.8%{transform:translateX(-1600px)}2.8%{transform:translateX(-1680px)}2.8%{transform:translateX(-1760px)}2.8%{transform:translateX(-1840px)}2.8%{transform:translateX(-1920px)}2.8%{transform:translateX(-2000px)}2.8%{transform:translateX(-2080px)}2.8%{transform:translateX(-2160px)}2.8%{transform:translateX(-2240px)}2.8%{transform:translateX(-2320px)}2.8%{transform:translateX(-2400px)}2.8%{transform:translateX(-2480px)}2.8%{transform:translateX(-2560px)}2.8%{transform:translateX(-2640px)}2.8%{transform:translateX(-2720px)}2.8%{transform:translateX(-2800px)}2.8%{transform:translateX(-2880px)}2.8%{transform:translateX(-2960px)}2.9%{transform:translateX(-3040px)}2.9%{transform:translateX(-3120px)}2.9%{transform:translateX(-3200px)}2.9%{transform:translateX(-3280px)}2.9%{transform:translateX(-3360px)}2.9%{transform:translateX(-3440px)}2.9%{transform:translateX(-3520px)}2.9%{transform:translateX(-3600px)}2.9%{transform:translateX(-3680px)}2.9%{transform:translateX(-3760px)}2.9%{transform:translateX(-3840px)}2.9%{transform:translateX(-3920px)}2.9%{transform:translateX(-4000px)}16.5%{transform:translateX(-4080px)}16.5%{transform:translateX(-4160px)}16.5%{transform:translateX(-4240px)}16.5%{transform:translateX(-4320px)}16.5%{transform:translateX(-4400px)}16.5%{transform:translateX(-4480px)}16.5%{transform:translateX(-4560px)}16.5%{transform:translateX(-4640px)}16.5%{transform:translateX(-4720px)}16.5%{transform:translateX(-4800px)}16.5%{transform:translateX(-4880px)}16.5%{transform:translateX(-4960px)}17.9%{transform:translateX(-5040px)}17.9%{transform:translateX(-5120px)}17.9%{transform:translateX(-5200px)}17.9%{transform:translateX(-5280px)}17.9%{transform:translateX(-5360px)}17.9%{transform:translateX(-5440px)}17.9%{transform:translateX(-5520px)}17.9%{transform:translateX(-5600px)}17.9%{transform:translateX(-5680px)}22.2%{transform:translateX(-5760px)}22.3%{transform:translateX(-5840px)}22.3%{transform:translateX(-5920px)}22.3%{transform:translateX(-6000px)}22.3%{transform:translateX(-6080px)}23.7%{transform:translateX(-6160px)}23.7%{transform:translateX(-6240px)}23.7%{transform:translateX(-6320px)}23.7%{transform:translateX(-6400px)}23.7%{transform:translateX(-6480px)}23.7%{transform:translateX(-6560px)}23.7%{transform:translateX(-6640px)}23.7%{transform:translateX(-6720px)}23.7%{transform:translateX(-6800px)}23.7%{transform:translateX(-6880px)}23.7%{transform:translateX(-6960px)}23.7%{transform:translateX(-7040px)}23.7%{transform:translateX(-7120px)}23.7%{transform:translateX(-7200px)}28%{transform:translateX(-7280px)}28%{transform:translateX(-7360px)}100%{transform:translateX(-7440px)}}Pleaseselectyouroptions:>[]Option0[]Option1[]Option2[]Option3[]Option4space:select|enter:confirm|left:none|right:all[]Option0>[]Option1>[]Option1[]Option1>[]Option2>[]Option2>Option1>Option2 INFO Selectedoptions:[Option1Option2]Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(255,0,4);white-space:pre}.i{fill:rgb(234,89,246);white-space:pre}.j{fill:rgb(234,89,246);font-weight:bold;white-space:pre}.k{fill:rgb(124,255,0);white-space:pre}.l{fill:rgb(102,194,205)}.m{white-space:pre}.n{fill:transparent}.o{fill:rgb(160,160,160)}.q{animation-duration:7.006638000000001s;animation-iteration-count:infinite;animation-name:p;animation-timing-function:steps(1,end)}@keyframes p{0%{transform:translateX(-0px)}2.8%{transform:translateX(-80px)}3.6%{transform:translateX(-160px)}17.1%{transform:translateX(-240px)}18.6%{transform:translateX(-320px)}22.9%{transform:translateX(-400px)}22.9%{transform:translateX(-480px)}22.9%{transform:translateX(-560px)}22.9%{transform:translateX(-640px)}22.9%{transform:translateX(-720px)}24.3%{transform:translateX(-800px)}24.3%{transform:translateX(-880px)}24.3%{transform:translateX(-960px)}24.3%{transform:translateX(-1040px)}24.3%{transform:translateX(-1120px)}24.3%{transform:translateX(-1200px)}24.3%{transform:translateX(-1280px)}24.3%{transform:translateX(-1360px)}24.3%{transform:translateX(-1440px)}24.3%{transform:translateX(-1520px)}28.6%{transform:translateX(-1600px)}28.6%{transform:translateX(-1680px)}28.6%{transform:translateX(-1760px)}28.6%{transform:translateX(-1840px)}28.6%{transform:translateX(-1920px)}28.6%{transform:translateX(-2000px)}28.6%{transform:translateX(-2080px)}28.6%{transform:translateX(-2160px)}28.6%{transform:translateX(-2240px)}100%{transform:translateX(-2320px)}}Pleaseselectyouroptions:[]Option2[]Option3[]Option4space:select|enter:confirm|left:none|right:all[]Option0>[]Option1[]Option1>[]Option2>[]Option2>Option1>Option2 INFO Selectedoptions:[Option1Option2]>[]Option0[]Option1>[]Option1Restartinganimation... \ No newline at end of file diff --git a/_examples/interactive_multiselect/demo/animation.svg b/_examples/interactive_multiselect/demo/animation.svg index d7fc48feb..1ccd2205d 100644 --- a/_examples/interactive_multiselect/demo/animation.svg +++ b/_examples/interactive_multiselect/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(234,89,246);white-space:pre}.i{fill:rgb(255,0,4);white-space:pre}.j{fill:rgb(234,89,246);font-weight:bold;white-space:pre}.k{fill:rgb(124,255,0);white-space:pre}.l{fill:rgb(102,194,205)}.m{white-space:pre}.n{fill:transparent}.o{fill:rgb(160,160,160)}.q{animation-duration:15.395694s;animation-iteration-count:infinite;animation-name:p;animation-timing-function:steps(1,end)}@keyframes p{0%{transform:translateX(-0px)}1.1%{transform:translateX(-80px)}1.4%{transform:translateX(-160px)}7.7%{transform:translateX(-240px)}8.3%{transform:translateX(-320px)}8.3%{transform:translateX(-400px)}8.3%{transform:translateX(-480px)}8.3%{transform:translateX(-560px)}8.3%{transform:translateX(-640px)}8.3%{transform:translateX(-720px)}8.3%{transform:translateX(-800px)}8.3%{transform:translateX(-880px)}8.3%{transform:translateX(-960px)}8.3%{transform:translateX(-1040px)}8.3%{transform:translateX(-1120px)}8.3%{transform:translateX(-1200px)}8.3%{transform:translateX(-1280px)}8.3%{transform:translateX(-1360px)}8.3%{transform:translateX(-1440px)}8.3%{transform:translateX(-1520px)}8.3%{transform:translateX(-1600px)}8.3%{transform:translateX(-1680px)}8.3%{transform:translateX(-1760px)}8.3%{transform:translateX(-1840px)}8.3%{transform:translateX(-1920px)}8.3%{transform:translateX(-2000px)}8.3%{transform:translateX(-2080px)}8.3%{transform:translateX(-2160px)}8.3%{transform:translateX(-2240px)}8.3%{transform:translateX(-2320px)}8.3%{transform:translateX(-2400px)}8.3%{transform:translateX(-2480px)}8.3%{transform:translateX(-2560px)}8.3%{transform:translateX(-2640px)}8.3%{transform:translateX(-2720px)}8.3%{transform:translateX(-2800px)}11.6%{transform:translateX(-2880px)}11.6%{transform:translateX(-2960px)}11.6%{transform:translateX(-3040px)}11.6%{transform:translateX(-3120px)}11.6%{transform:translateX(-3200px)}11.6%{transform:translateX(-3280px)}11.6%{transform:translateX(-3360px)}11.6%{transform:translateX(-3440px)}11.6%{transform:translateX(-3520px)}11.6%{transform:translateX(-3600px)}11.6%{transform:translateX(-3680px)}11.6%{transform:translateX(-3760px)}14.8%{transform:translateX(-3840px)}14.8%{transform:translateX(-3920px)}14.8%{transform:translateX(-4000px)}14.8%{transform:translateX(-4080px)}14.8%{transform:translateX(-4160px)}14.8%{transform:translateX(-4240px)}14.8%{transform:translateX(-4320px)}14.8%{transform:translateX(-4400px)}14.8%{transform:translateX(-4480px)}14.8%{transform:translateX(-4560px)}14.8%{transform:translateX(-4640px)}14.8%{transform:translateX(-4720px)}14.8%{transform:translateX(-4800px)}14.8%{transform:translateX(-4880px)}15.5%{transform:translateX(-4960px)}15.5%{transform:translateX(-5040px)}15.5%{transform:translateX(-5120px)}15.5%{transform:translateX(-5200px)}15.5%{transform:translateX(-5280px)}15.5%{transform:translateX(-5360px)}15.5%{transform:translateX(-5440px)}15.5%{transform:translateX(-5520px)}15.5%{transform:translateX(-5600px)}15.5%{transform:translateX(-5680px)}15.5%{transform:translateX(-5760px)}15.5%{transform:translateX(-5840px)}15.5%{transform:translateX(-5920px)}18.7%{transform:translateX(-6000px)}18.7%{transform:translateX(-6080px)}18.7%{transform:translateX(-6160px)}18.7%{transform:translateX(-6240px)}18.7%{transform:translateX(-6320px)}18.7%{transform:translateX(-6400px)}18.7%{transform:translateX(-6480px)}18.7%{transform:translateX(-6560px)}18.7%{transform:translateX(-6640px)}18.7%{transform:translateX(-6720px)}18.7%{transform:translateX(-6800px)}18.7%{transform:translateX(-6880px)}18.7%{transform:translateX(-6960px)}18.7%{transform:translateX(-7040px)}22%{transform:translateX(-7120px)}22%{transform:translateX(-7200px)}22%{transform:translateX(-7280px)}22%{transform:translateX(-7360px)}22%{transform:translateX(-7440px)}22%{transform:translateX(-7520px)}22%{transform:translateX(-7600px)}22%{transform:translateX(-7680px)}22%{transform:translateX(-7760px)}22%{transform:translateX(-7840px)}22%{transform:translateX(-7920px)}22%{transform:translateX(-8000px)}22%{transform:translateX(-8080px)}22%{transform:translateX(-8160px)}22.6%{transform:translateX(-8240px)}22.6%{transform:translateX(-8320px)}22.6%{transform:translateX(-8400px)}22.6%{transform:translateX(-8480px)}22.6%{transform:translateX(-8560px)}22.6%{transform:translateX(-8640px)}22.6%{transform:translateX(-8720px)}22.6%{transform:translateX(-8800px)}22.6%{transform:translateX(-8880px)}22.6%{transform:translateX(-8960px)}22.6%{transform:translateX(-9040px)}22.6%{transform:translateX(-9120px)}22.6%{transform:translateX(-9200px)}22.6%{transform:translateX(-9280px)}25.9%{transform:translateX(-9360px)}25.9%{transform:translateX(-9440px)}25.9%{transform:translateX(-9520px)}25.9%{transform:translateX(-9600px)}25.9%{transform:translateX(-9680px)}25.9%{transform:translateX(-9760px)}25.9%{transform:translateX(-9840px)}25.9%{transform:translateX(-9920px)}25.9%{transform:translateX(-10000px)}25.9%{transform:translateX(-10080px)}25.9%{transform:translateX(-10160px)}25.9%{transform:translateX(-10240px)}29.1%{transform:translateX(-10320px)}29.1%{transform:translateX(-10400px)}29.1%{transform:translateX(-10480px)}29.1%{transform:translateX(-10560px)}29.1%{transform:translateX(-10640px)}29.1%{transform:translateX(-10720px)}29.1%{transform:translateX(-10800px)}29.1%{transform:translateX(-10880px)}29.1%{transform:translateX(-10960px)}29.1%{transform:translateX(-11040px)}29.1%{transform:translateX(-11120px)}29.1%{transform:translateX(-11200px)}29.1%{transform:translateX(-11280px)}29.1%{transform:translateX(-11360px)}29.1%{transform:translateX(-11440px)}29.1%{transform:translateX(-11520px)}29.1%{transform:translateX(-11600px)}29.1%{transform:translateX(-11680px)}29.8%{transform:translateX(-11760px)}29.8%{transform:translateX(-11840px)}29.8%{transform:translateX(-11920px)}29.8%{transform:translateX(-12000px)}29.8%{transform:translateX(-12080px)}29.8%{transform:translateX(-12160px)}29.8%{transform:translateX(-12240px)}29.8%{transform:translateX(-12320px)}29.8%{transform:translateX(-12400px)}29.8%{transform:translateX(-12480px)}29.8%{transform:translateX(-12560px)}29.8%{transform:translateX(-12640px)}29.8%{transform:translateX(-12720px)}29.8%{transform:translateX(-12800px)}29.8%{transform:translateX(-12880px)}33%{transform:translateX(-12960px)}36.3%{transform:translateX(-13040px)}36.3%{transform:translateX(-13120px)}36.3%{transform:translateX(-13200px)}36.3%{transform:translateX(-13280px)}36.3%{transform:translateX(-13360px)}36.3%{transform:translateX(-13440px)}36.3%{transform:translateX(-13520px)}36.3%{transform:translateX(-13600px)}36.3%{transform:translateX(-13680px)}36.3%{transform:translateX(-13760px)}36.3%{transform:translateX(-13840px)}36.3%{transform:translateX(-13920px)}36.3%{transform:translateX(-14000px)}36.3%{transform:translateX(-14080px)}36.3%{transform:translateX(-14160px)}36.9%{transform:translateX(-14240px)}36.9%{transform:translateX(-14320px)}36.9%{transform:translateX(-14400px)}36.9%{transform:translateX(-14480px)}36.9%{transform:translateX(-14560px)}36.9%{transform:translateX(-14640px)}36.9%{transform:translateX(-14720px)}36.9%{transform:translateX(-14800px)}36.9%{transform:translateX(-14880px)}37%{transform:translateX(-14960px)}37%{transform:translateX(-15040px)}37%{transform:translateX(-15120px)}37%{transform:translateX(-15200px)}37%{transform:translateX(-15280px)}37%{transform:translateX(-15360px)}40.2%{transform:translateX(-15440px)}40.2%{transform:translateX(-15520px)}40.2%{transform:translateX(-15600px)}40.2%{transform:translateX(-15680px)}40.2%{transform:translateX(-15760px)}40.2%{transform:translateX(-15840px)}40.2%{transform:translateX(-15920px)}40.2%{transform:translateX(-16000px)}40.2%{transform:translateX(-16080px)}40.2%{transform:translateX(-16160px)}40.2%{transform:translateX(-16240px)}40.2%{transform:translateX(-16320px)}40.2%{transform:translateX(-16400px)}40.2%{transform:translateX(-16480px)}40.2%{transform:translateX(-16560px)}49.9%{transform:translateX(-16640px)}49.9%{transform:translateX(-16720px)}49.9%{transform:translateX(-16800px)}49.9%{transform:translateX(-16880px)}49.9%{transform:translateX(-16960px)}49.9%{transform:translateX(-17040px)}49.9%{transform:translateX(-17120px)}49.9%{transform:translateX(-17200px)}49.9%{transform:translateX(-17280px)}50%{transform:translateX(-17360px)}50%{transform:translateX(-17440px)}50%{transform:translateX(-17520px)}50.9%{transform:translateX(-17600px)}50.9%{transform:translateX(-17680px)}50.9%{transform:translateX(-17760px)}50.9%{transform:translateX(-17840px)}50.9%{transform:translateX(-17920px)}50.9%{transform:translateX(-18000px)}50.9%{transform:translateX(-18080px)}50.9%{transform:translateX(-18160px)}50.9%{transform:translateX(-18240px)}50.9%{transform:translateX(-18320px)}50.9%{transform:translateX(-18400px)}50.9%{transform:translateX(-18480px)}51.9%{transform:translateX(-18560px)}51.9%{transform:translateX(-18640px)}51.9%{transform:translateX(-18720px)}51.9%{transform:translateX(-18800px)}51.9%{transform:translateX(-18880px)}51.9%{transform:translateX(-18960px)}51.9%{transform:translateX(-19040px)}51.9%{transform:translateX(-19120px)}52.9%{transform:translateX(-19200px)}52.9%{transform:translateX(-19280px)}53.9%{transform:translateX(-19360px)}53.9%{transform:translateX(-19440px)}53.9%{transform:translateX(-19520px)}61.3%{transform:translateX(-19600px)}61.3%{transform:translateX(-19680px)}61.3%{transform:translateX(-19760px)}61.3%{transform:translateX(-19840px)}61.3%{transform:translateX(-19920px)}61.3%{transform:translateX(-20000px)}61.3%{transform:translateX(-20080px)}61.3%{transform:translateX(-20160px)}61.3%{transform:translateX(-20240px)}61.3%{transform:translateX(-20320px)}61.3%{transform:translateX(-20400px)}61.3%{transform:translateX(-20480px)}63.3%{transform:translateX(-20560px)}65.2%{transform:translateX(-20640px)}65.2%{transform:translateX(-20720px)}65.2%{transform:translateX(-20800px)}65.2%{transform:translateX(-20880px)}65.2%{transform:translateX(-20960px)}65.2%{transform:translateX(-21040px)}65.2%{transform:translateX(-21120px)}67.5%{transform:translateX(-21200px)}67.5%{transform:translateX(-21280px)}67.5%{transform:translateX(-21360px)}67.5%{transform:translateX(-21440px)}67.5%{transform:translateX(-21520px)}67.5%{transform:translateX(-21600px)}67.5%{transform:translateX(-21680px)}100%{transform:translateX(-21760px)}}Pleaseselectyouroptions:>[]Option0[]Option1[]Option2[]Option3[]Option4enter:select|tab:confirm|left:none|right:all|typetofilter[]Option0>[]Option1>[]Option1[]Option1>[]Option2>[]Option3>[]Option3[]Option3>[]Option4>[]Option5>[]Option5[]Option5>[]Option6[]Option6>[]Option7[]Option7>[]Option8[]Option8>[]Option9>[]Option9[]Option9>[]Option10Pleaseselectyouroptions:f>[]Youcanusefuzzysearching(0)[]Youcanusefuzzysearching(1)[]Youcanusefuzzysearching(2)[]Youcanusefuzzysearching(3)[]Youcanusefuzzysearching(4)Pleaseselectyouroptions:fuPleaseselectyouroptions:fuzPleaseselectyouroptions:fuzzPleaseselectyouroptions:fuzzy[]Youcanusefuzzysearching(0)>[]Youcanusefuzzysearching(2)>[]Youcanusefuzzysearching(2)>Option1>Option3>Option5>Option7>Option9>Youcanusefuzzysearching(2) INFO Selectedoptions:[Option1Option3Option5Option7Option9Youcanusefuzzysearching(2)]>[]Option7>[]Youcanusefuzzysearching(1)Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(255,0,4);white-space:pre}.i{fill:rgb(234,89,246);white-space:pre}.j{fill:rgb(234,89,246);font-weight:bold;white-space:pre}.k{fill:rgb(124,255,0);white-space:pre}.l{fill:rgb(102,194,205)}.m{white-space:pre}.n{fill:transparent}.o{fill:rgb(160,160,160)}.q{animation-duration:15.434619s;animation-iteration-count:infinite;animation-name:p;animation-timing-function:steps(1,end)}@keyframes p{0%{transform:translateX(-0px)}1.4%{transform:translateX(-80px)}1.6%{transform:translateX(-160px)}7.9%{transform:translateX(-240px)}8.5%{transform:translateX(-320px)}8.5%{transform:translateX(-400px)}8.5%{transform:translateX(-480px)}8.5%{transform:translateX(-560px)}11.8%{transform:translateX(-640px)}11.8%{transform:translateX(-720px)}11.8%{transform:translateX(-800px)}11.8%{transform:translateX(-880px)}11.8%{transform:translateX(-960px)}11.8%{transform:translateX(-1040px)}11.8%{transform:translateX(-1120px)}15%{transform:translateX(-1200px)}15%{transform:translateX(-1280px)}15%{transform:translateX(-1360px)}15%{transform:translateX(-1440px)}15%{transform:translateX(-1520px)}15%{transform:translateX(-1600px)}15%{transform:translateX(-1680px)}15%{transform:translateX(-1760px)}15%{transform:translateX(-1840px)}15%{transform:translateX(-1920px)}15%{transform:translateX(-2000px)}15%{transform:translateX(-2080px)}15%{transform:translateX(-2160px)}15.7%{transform:translateX(-2240px)}15.7%{transform:translateX(-2320px)}15.7%{transform:translateX(-2400px)}15.7%{transform:translateX(-2480px)}15.7%{transform:translateX(-2560px)}15.7%{transform:translateX(-2640px)}15.7%{transform:translateX(-2720px)}15.7%{transform:translateX(-2800px)}15.7%{transform:translateX(-2880px)}15.7%{transform:translateX(-2960px)}15.7%{transform:translateX(-3040px)}15.7%{transform:translateX(-3120px)}15.7%{transform:translateX(-3200px)}15.7%{transform:translateX(-3280px)}18.9%{transform:translateX(-3360px)}18.9%{transform:translateX(-3440px)}18.9%{transform:translateX(-3520px)}18.9%{transform:translateX(-3600px)}18.9%{transform:translateX(-3680px)}18.9%{transform:translateX(-3760px)}18.9%{transform:translateX(-3840px)}18.9%{transform:translateX(-3920px)}18.9%{transform:translateX(-4000px)}18.9%{transform:translateX(-4080px)}18.9%{transform:translateX(-4160px)}18.9%{transform:translateX(-4240px)}18.9%{transform:translateX(-4320px)}18.9%{transform:translateX(-4400px)}18.9%{transform:translateX(-4480px)}18.9%{transform:translateX(-4560px)}18.9%{transform:translateX(-4640px)}18.9%{transform:translateX(-4720px)}18.9%{transform:translateX(-4800px)}18.9%{transform:translateX(-4880px)}18.9%{transform:translateX(-4960px)}18.9%{transform:translateX(-5040px)}18.9%{transform:translateX(-5120px)}18.9%{transform:translateX(-5200px)}18.9%{transform:translateX(-5280px)}18.9%{transform:translateX(-5360px)}18.9%{transform:translateX(-5440px)}18.9%{transform:translateX(-5520px)}18.9%{transform:translateX(-5600px)}18.9%{transform:translateX(-5680px)}18.9%{transform:translateX(-5760px)}18.9%{transform:translateX(-5840px)}22.2%{transform:translateX(-5920px)}22.2%{transform:translateX(-6000px)}22.2%{transform:translateX(-6080px)}22.2%{transform:translateX(-6160px)}22.2%{transform:translateX(-6240px)}22.2%{transform:translateX(-6320px)}22.2%{transform:translateX(-6400px)}22.2%{transform:translateX(-6480px)}22.2%{transform:translateX(-6560px)}22.2%{transform:translateX(-6640px)}22.2%{transform:translateX(-6720px)}22.2%{transform:translateX(-6800px)}22.8%{transform:translateX(-6880px)}22.8%{transform:translateX(-6960px)}22.8%{transform:translateX(-7040px)}22.8%{transform:translateX(-7120px)}22.8%{transform:translateX(-7200px)}22.8%{transform:translateX(-7280px)}22.8%{transform:translateX(-7360px)}22.8%{transform:translateX(-7440px)}22.8%{transform:translateX(-7520px)}22.8%{transform:translateX(-7600px)}22.8%{transform:translateX(-7680px)}22.8%{transform:translateX(-7760px)}26.1%{transform:translateX(-7840px)}26.1%{transform:translateX(-7920px)}26.1%{transform:translateX(-8000px)}26.1%{transform:translateX(-8080px)}26.1%{transform:translateX(-8160px)}26.1%{transform:translateX(-8240px)}26.1%{transform:translateX(-8320px)}26.1%{transform:translateX(-8400px)}26.1%{transform:translateX(-8480px)}26.1%{transform:translateX(-8560px)}26.1%{transform:translateX(-8640px)}26.1%{transform:translateX(-8720px)}26.1%{transform:translateX(-8800px)}26.1%{transform:translateX(-8880px)}29.3%{transform:translateX(-8960px)}29.3%{transform:translateX(-9040px)}29.3%{transform:translateX(-9120px)}29.3%{transform:translateX(-9200px)}29.3%{transform:translateX(-9280px)}29.3%{transform:translateX(-9360px)}29.3%{transform:translateX(-9440px)}29.3%{transform:translateX(-9520px)}29.3%{transform:translateX(-9600px)}29.3%{transform:translateX(-9680px)}29.3%{transform:translateX(-9760px)}30%{transform:translateX(-9840px)}30%{transform:translateX(-9920px)}30%{transform:translateX(-10000px)}30%{transform:translateX(-10080px)}30%{transform:translateX(-10160px)}30%{transform:translateX(-10240px)}30%{transform:translateX(-10320px)}30%{transform:translateX(-10400px)}30%{transform:translateX(-10480px)}30%{transform:translateX(-10560px)}30%{transform:translateX(-10640px)}30%{transform:translateX(-10720px)}30%{transform:translateX(-10800px)}30%{transform:translateX(-10880px)}33.2%{transform:translateX(-10960px)}33.2%{transform:translateX(-11040px)}33.2%{transform:translateX(-11120px)}33.2%{transform:translateX(-11200px)}33.2%{transform:translateX(-11280px)}33.2%{transform:translateX(-11360px)}33.2%{transform:translateX(-11440px)}33.2%{transform:translateX(-11520px)}33.2%{transform:translateX(-11600px)}33.2%{transform:translateX(-11680px)}33.2%{transform:translateX(-11760px)}33.2%{transform:translateX(-11840px)}36.4%{transform:translateX(-11920px)}36.4%{transform:translateX(-12000px)}36.4%{transform:translateX(-12080px)}36.4%{transform:translateX(-12160px)}36.4%{transform:translateX(-12240px)}36.4%{transform:translateX(-12320px)}36.4%{transform:translateX(-12400px)}36.5%{transform:translateX(-12480px)}36.5%{transform:translateX(-12560px)}36.5%{transform:translateX(-12640px)}36.5%{transform:translateX(-12720px)}37.1%{transform:translateX(-12800px)}37.1%{transform:translateX(-12880px)}37.1%{transform:translateX(-12960px)}37.1%{transform:translateX(-13040px)}37.1%{transform:translateX(-13120px)}37.1%{transform:translateX(-13200px)}37.1%{transform:translateX(-13280px)}37.1%{transform:translateX(-13360px)}37.1%{transform:translateX(-13440px)}37.1%{transform:translateX(-13520px)}37.1%{transform:translateX(-13600px)}40.3%{transform:translateX(-13680px)}40.3%{transform:translateX(-13760px)}40.3%{transform:translateX(-13840px)}40.3%{transform:translateX(-13920px)}40.3%{transform:translateX(-14000px)}40.3%{transform:translateX(-14080px)}40.3%{transform:translateX(-14160px)}40.3%{transform:translateX(-14240px)}40.3%{transform:translateX(-14320px)}40.3%{transform:translateX(-14400px)}40.3%{transform:translateX(-14480px)}40.3%{transform:translateX(-14560px)}50.1%{transform:translateX(-14640px)}50.1%{transform:translateX(-14720px)}50.1%{transform:translateX(-14800px)}50.1%{transform:translateX(-14880px)}50.1%{transform:translateX(-14960px)}50.1%{transform:translateX(-15040px)}50.1%{transform:translateX(-15120px)}50.1%{transform:translateX(-15200px)}50.1%{transform:translateX(-15280px)}50.1%{transform:translateX(-15360px)}50.1%{transform:translateX(-15440px)}51.1%{transform:translateX(-15520px)}51.1%{transform:translateX(-15600px)}51.1%{transform:translateX(-15680px)}51.1%{transform:translateX(-15760px)}51.1%{transform:translateX(-15840px)}51.1%{transform:translateX(-15920px)}51.1%{transform:translateX(-16000px)}51.1%{transform:translateX(-16080px)}51.1%{transform:translateX(-16160px)}51.1%{transform:translateX(-16240px)}52%{transform:translateX(-16320px)}52%{transform:translateX(-16400px)}52%{transform:translateX(-16480px)}52%{transform:translateX(-16560px)}52%{transform:translateX(-16640px)}52%{transform:translateX(-16720px)}52%{transform:translateX(-16800px)}52%{transform:translateX(-16880px)}52%{transform:translateX(-16960px)}52%{transform:translateX(-17040px)}53%{transform:translateX(-17120px)}53%{transform:translateX(-17200px)}53%{transform:translateX(-17280px)}53%{transform:translateX(-17360px)}53%{transform:translateX(-17440px)}53%{transform:translateX(-17520px)}53%{transform:translateX(-17600px)}53%{transform:translateX(-17680px)}53%{transform:translateX(-17760px)}54%{transform:translateX(-17840px)}61.4%{transform:translateX(-17920px)}61.4%{transform:translateX(-18000px)}61.4%{transform:translateX(-18080px)}61.4%{transform:translateX(-18160px)}61.4%{transform:translateX(-18240px)}61.4%{transform:translateX(-18320px)}61.4%{transform:translateX(-18400px)}61.4%{transform:translateX(-18480px)}61.4%{transform:translateX(-18560px)}61.4%{transform:translateX(-18640px)}61.4%{transform:translateX(-18720px)}63.4%{transform:translateX(-18800px)}65.3%{transform:translateX(-18880px)}67.6%{transform:translateX(-18960px)}100%{transform:translateX(-19040px)}}Pleaseselectyouroptions:[]Option2[]Option3[]Option4enter:select|tab:confirm|left:none|right:all|typetofilter[]Option0>[]Option1>[]Option1[]Option1>[]Option2>[]Option3>[]Option3[]Option3>[]Option4>[]Option5>[]Option5[]Option5>[]Option6[]Option6>[]Option7>[]Option7[]Option7>[]Option8[]Option8>[]Option9>[]Option9[]Option9>[]Option10Pleaseselectyouroptions:f>[]Youcanusefuzzysearching(0)[]Youcanusefuzzysearching(1)[]Youcanusefuzzysearching(2)[]Youcanusefuzzysearching(3)[]Youcanusefuzzysearching(4)Pleaseselectyouroptions:fuPleaseselectyouroptions:fuzPleaseselectyouroptions:fuzzPleaseselectyouroptions:fuzzy[]Youcanusefuzzysearching(0)>[]Youcanusefuzzysearching(1)>Option1>Option3>Option5>Option7>Option9>Youcanusefuzzysearching(2) INFO Selectedoptions:[Option1Option3Option5Option7Option9Youcanusefuzzysearching(2)]>[]Option0[]Option1>[]Youcanusefuzzysearching(2)>[]Youcanusefuzzysearching(2)Restartinganimation... \ No newline at end of file diff --git a/_examples/interactive_select/demo/animation.svg b/_examples/interactive_select/demo/animation.svg index b1cc54ba4..be954b1b0 100644 --- a/_examples/interactive_select/demo/animation.svg +++ b/_examples/interactive_select/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(102,194,205)}.j{white-space:pre}.k{fill:rgb(124,255,0);white-space:pre}.l{fill:transparent}.m{fill:rgb(160,160,160)}.o{animation-duration:12.056412s;animation-iteration-count:infinite;animation-name:n;animation-timing-function:steps(1,end)}@keyframes n{0%{transform:translateX(-0px)}1.6%{transform:translateX(-80px)}2%{transform:translateX(-160px)}9.9%{transform:translateX(-240px)}9.9%{transform:translateX(-320px)}9.9%{transform:translateX(-400px)}9.9%{transform:translateX(-480px)}9.9%{transform:translateX(-560px)}9.9%{transform:translateX(-640px)}11.9%{transform:translateX(-720px)}11.9%{transform:translateX(-800px)}12%{transform:translateX(-880px)}12%{transform:translateX(-960px)}12%{transform:translateX(-1040px)}12%{transform:translateX(-1120px)}12%{transform:translateX(-1200px)}12%{transform:translateX(-1280px)}14%{transform:translateX(-1360px)}14%{transform:translateX(-1440px)}14%{transform:translateX(-1520px)}14%{transform:translateX(-1600px)}14%{transform:translateX(-1680px)}14%{transform:translateX(-1760px)}14%{transform:translateX(-1840px)}14%{transform:translateX(-1920px)}14%{transform:translateX(-2000px)}14%{transform:translateX(-2080px)}14%{transform:translateX(-2160px)}16.1%{transform:translateX(-2240px)}16.1%{transform:translateX(-2320px)}16.1%{transform:translateX(-2400px)}16.1%{transform:translateX(-2480px)}16.1%{transform:translateX(-2560px)}16.1%{transform:translateX(-2640px)}16.1%{transform:translateX(-2720px)}16.1%{transform:translateX(-2800px)}16.1%{transform:translateX(-2880px)}16.1%{transform:translateX(-2960px)}16.1%{transform:translateX(-3040px)}16.1%{transform:translateX(-3120px)}18.2%{transform:translateX(-3200px)}18.2%{transform:translateX(-3280px)}18.2%{transform:translateX(-3360px)}18.2%{transform:translateX(-3440px)}18.2%{transform:translateX(-3520px)}18.2%{transform:translateX(-3600px)}18.2%{transform:translateX(-3680px)}18.2%{transform:translateX(-3760px)}18.2%{transform:translateX(-3840px)}18.2%{transform:translateX(-3920px)}18.2%{transform:translateX(-4000px)}18.2%{transform:translateX(-4080px)}18.2%{transform:translateX(-4160px)}20.3%{transform:translateX(-4240px)}20.3%{transform:translateX(-4320px)}20.3%{transform:translateX(-4400px)}20.3%{transform:translateX(-4480px)}20.3%{transform:translateX(-4560px)}20.3%{transform:translateX(-4640px)}20.3%{transform:translateX(-4720px)}20.3%{transform:translateX(-4800px)}20.3%{transform:translateX(-4880px)}20.3%{transform:translateX(-4960px)}20.3%{transform:translateX(-5040px)}20.3%{transform:translateX(-5120px)}20.3%{transform:translateX(-5200px)}20.3%{transform:translateX(-5280px)}20.3%{transform:translateX(-5360px)}20.3%{transform:translateX(-5440px)}20.3%{transform:translateX(-5520px)}20.3%{transform:translateX(-5600px)}20.3%{transform:translateX(-5680px)}20.3%{transform:translateX(-5760px)}20.3%{transform:translateX(-5840px)}20.3%{transform:translateX(-5920px)}20.3%{transform:translateX(-6000px)}20.3%{transform:translateX(-6080px)}20.3%{transform:translateX(-6160px)}20.3%{transform:translateX(-6240px)}20.3%{transform:translateX(-6320px)}22.3%{transform:translateX(-6400px)}22.3%{transform:translateX(-6480px)}22.4%{transform:translateX(-6560px)}22.4%{transform:translateX(-6640px)}22.4%{transform:translateX(-6720px)}22.4%{transform:translateX(-6800px)}22.4%{transform:translateX(-6880px)}22.4%{transform:translateX(-6960px)}22.4%{transform:translateX(-7040px)}22.4%{transform:translateX(-7120px)}22.4%{transform:translateX(-7200px)}22.4%{transform:translateX(-7280px)}22.4%{transform:translateX(-7360px)}22.4%{transform:translateX(-7440px)}24.4%{transform:translateX(-7520px)}24.4%{transform:translateX(-7600px)}24.4%{transform:translateX(-7680px)}24.4%{transform:translateX(-7760px)}24.4%{transform:translateX(-7840px)}24.4%{transform:translateX(-7920px)}24.4%{transform:translateX(-8000px)}24.5%{transform:translateX(-8080px)}24.5%{transform:translateX(-8160px)}24.5%{transform:translateX(-8240px)}24.5%{transform:translateX(-8320px)}26.5%{transform:translateX(-8400px)}26.5%{transform:translateX(-8480px)}26.5%{transform:translateX(-8560px)}26.5%{transform:translateX(-8640px)}26.5%{transform:translateX(-8720px)}26.5%{transform:translateX(-8800px)}26.5%{transform:translateX(-8880px)}26.5%{transform:translateX(-8960px)}26.5%{transform:translateX(-9040px)}26.5%{transform:translateX(-9120px)}26.5%{transform:translateX(-9200px)}26.5%{transform:translateX(-9280px)}28.6%{transform:translateX(-9360px)}28.6%{transform:translateX(-9440px)}28.6%{transform:translateX(-9520px)}28.6%{transform:translateX(-9600px)}28.6%{transform:translateX(-9680px)}28.7%{transform:translateX(-9760px)}39%{transform:translateX(-9840px)}39%{transform:translateX(-9920px)}39%{transform:translateX(-10000px)}39%{transform:translateX(-10080px)}39%{transform:translateX(-10160px)}39%{transform:translateX(-10240px)}39%{transform:translateX(-10320px)}39%{transform:translateX(-10400px)}39%{transform:translateX(-10480px)}39%{transform:translateX(-10560px)}40.2%{transform:translateX(-10640px)}40.2%{transform:translateX(-10720px)}40.2%{transform:translateX(-10800px)}40.2%{transform:translateX(-10880px)}40.2%{transform:translateX(-10960px)}40.2%{transform:translateX(-11040px)}40.2%{transform:translateX(-11120px)}40.2%{transform:translateX(-11200px)}40.2%{transform:translateX(-11280px)}41.5%{transform:translateX(-11360px)}41.5%{transform:translateX(-11440px)}41.5%{transform:translateX(-11520px)}41.5%{transform:translateX(-11600px)}41.5%{transform:translateX(-11680px)}41.5%{transform:translateX(-11760px)}41.5%{transform:translateX(-11840px)}41.5%{transform:translateX(-11920px)}41.5%{transform:translateX(-12000px)}41.5%{transform:translateX(-12080px)}42.7%{transform:translateX(-12160px)}42.7%{transform:translateX(-12240px)}42.7%{transform:translateX(-12320px)}42.7%{transform:translateX(-12400px)}42.7%{transform:translateX(-12480px)}42.7%{transform:translateX(-12560px)}42.7%{transform:translateX(-12640px)}42.7%{transform:translateX(-12720px)}42.7%{transform:translateX(-12800px)}42.7%{transform:translateX(-12880px)}44%{transform:translateX(-12960px)}44%{transform:translateX(-13040px)}44%{transform:translateX(-13120px)}44%{transform:translateX(-13200px)}44%{transform:translateX(-13280px)}44%{transform:translateX(-13360px)}44%{transform:translateX(-13440px)}44%{transform:translateX(-13520px)}44%{transform:translateX(-13600px)}44%{transform:translateX(-13680px)}53.5%{transform:translateX(-13760px)}53.5%{transform:translateX(-13840px)}53.5%{transform:translateX(-13920px)}53.5%{transform:translateX(-14000px)}53.5%{transform:translateX(-14080px)}53.5%{transform:translateX(-14160px)}53.5%{transform:translateX(-14240px)}53.5%{transform:translateX(-14320px)}53.6%{transform:translateX(-14400px)}53.6%{transform:translateX(-14480px)}56%{transform:translateX(-14560px)}56%{transform:translateX(-14640px)}56%{transform:translateX(-14720px)}56%{transform:translateX(-14800px)}56%{transform:translateX(-14880px)}56%{transform:translateX(-14960px)}56%{transform:translateX(-15040px)}56%{transform:translateX(-15120px)}56%{transform:translateX(-15200px)}58.5%{transform:translateX(-15280px)}58.5%{transform:translateX(-15360px)}58.5%{transform:translateX(-15440px)}58.5%{transform:translateX(-15520px)}58.5%{transform:translateX(-15600px)}58.5%{transform:translateX(-15680px)}58.5%{transform:translateX(-15760px)}100%{transform:translateX(-15840px)}}Pleaseselectanoption[typetosearch]:Option1Option2Option3Option4Option0>Option1>Option2>Option3>Option4>Option5Option5>Option6Option6>Option7Option7>Option8Option8>Option9Option9>Option10Pleaseselectanoption[typetosearch]:f>Youcanusefuzzysearching(0)Youcanusefuzzysearching(1)Youcanusefuzzysearching(2)Youcanusefuzzysearching(3)Youcanusefuzzysearching(4)Pleaseselectanoption[typetosearch]:fuPleaseselectanoption[typetosearch]:fuzPleaseselectanoption[typetosearch]:fuzzPleaseselectanoption[typetosearch]:fuzzyYoucanusefuzzysearching(0)>Youcanusefuzzysearching(1)>Youcanusefuzzysearching(2)Pleaseselectanoption:fuzzy>Youcanusefuzzysearching(2) INFO Selectedoption:Youcanusefuzzysearching(2)>Option0Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(102,194,205)}.j{white-space:pre}.k{fill:rgb(124,255,0);white-space:pre}.l{fill:transparent}.m{fill:rgb(160,160,160)}.o{animation-duration:12.183334s;animation-iteration-count:infinite;animation-name:n;animation-timing-function:steps(1,end)}@keyframes n{0%{transform:translateX(-0px)}2.6%{transform:translateX(-80px)}3%{transform:translateX(-160px)}10.8%{transform:translateX(-240px)}10.9%{transform:translateX(-320px)}10.9%{transform:translateX(-400px)}10.9%{transform:translateX(-480px)}10.9%{transform:translateX(-560px)}10.9%{transform:translateX(-640px)}10.9%{transform:translateX(-720px)}10.9%{transform:translateX(-800px)}10.9%{transform:translateX(-880px)}10.9%{transform:translateX(-960px)}10.9%{transform:translateX(-1040px)}10.9%{transform:translateX(-1120px)}10.9%{transform:translateX(-1200px)}10.9%{transform:translateX(-1280px)}10.9%{transform:translateX(-1360px)}10.9%{transform:translateX(-1440px)}10.9%{transform:translateX(-1520px)}10.9%{transform:translateX(-1600px)}10.9%{transform:translateX(-1680px)}10.9%{transform:translateX(-1760px)}10.9%{transform:translateX(-1840px)}10.9%{transform:translateX(-1920px)}10.9%{transform:translateX(-2000px)}10.9%{transform:translateX(-2080px)}10.9%{transform:translateX(-2160px)}10.9%{transform:translateX(-2240px)}10.9%{transform:translateX(-2320px)}12.9%{transform:translateX(-2400px)}12.9%{transform:translateX(-2480px)}12.9%{transform:translateX(-2560px)}12.9%{transform:translateX(-2640px)}12.9%{transform:translateX(-2720px)}12.9%{transform:translateX(-2800px)}12.9%{transform:translateX(-2880px)}12.9%{transform:translateX(-2960px)}12.9%{transform:translateX(-3040px)}12.9%{transform:translateX(-3120px)}15%{transform:translateX(-3200px)}15%{transform:translateX(-3280px)}15%{transform:translateX(-3360px)}15%{transform:translateX(-3440px)}15%{transform:translateX(-3520px)}15%{transform:translateX(-3600px)}15%{transform:translateX(-3680px)}15%{transform:translateX(-3760px)}15%{transform:translateX(-3840px)}15%{transform:translateX(-3920px)}17%{transform:translateX(-4000px)}17%{transform:translateX(-4080px)}17%{transform:translateX(-4160px)}17%{transform:translateX(-4240px)}17%{transform:translateX(-4320px)}17%{transform:translateX(-4400px)}17%{transform:translateX(-4480px)}17%{transform:translateX(-4560px)}17%{transform:translateX(-4640px)}17%{transform:translateX(-4720px)}17%{transform:translateX(-4800px)}19.1%{transform:translateX(-4880px)}19.1%{transform:translateX(-4960px)}19.1%{transform:translateX(-5040px)}19.1%{transform:translateX(-5120px)}19.1%{transform:translateX(-5200px)}19.1%{transform:translateX(-5280px)}19.1%{transform:translateX(-5360px)}19.1%{transform:translateX(-5440px)}19.1%{transform:translateX(-5520px)}19.1%{transform:translateX(-5600px)}19.1%{transform:translateX(-5680px)}19.1%{transform:translateX(-5760px)}19.1%{transform:translateX(-5840px)}19.1%{transform:translateX(-5920px)}19.1%{transform:translateX(-6000px)}19.1%{transform:translateX(-6080px)}21.1%{transform:translateX(-6160px)}21.1%{transform:translateX(-6240px)}21.1%{transform:translateX(-6320px)}21.1%{transform:translateX(-6400px)}21.1%{transform:translateX(-6480px)}21.1%{transform:translateX(-6560px)}21.1%{transform:translateX(-6640px)}21.1%{transform:translateX(-6720px)}21.1%{transform:translateX(-6800px)}21.1%{transform:translateX(-6880px)}21.1%{transform:translateX(-6960px)}21.1%{transform:translateX(-7040px)}21.1%{transform:translateX(-7120px)}23.2%{transform:translateX(-7200px)}23.2%{transform:translateX(-7280px)}23.2%{transform:translateX(-7360px)}23.2%{transform:translateX(-7440px)}23.2%{transform:translateX(-7520px)}23.2%{transform:translateX(-7600px)}23.2%{transform:translateX(-7680px)}23.2%{transform:translateX(-7760px)}23.2%{transform:translateX(-7840px)}23.2%{transform:translateX(-7920px)}23.2%{transform:translateX(-8000px)}23.2%{transform:translateX(-8080px)}23.2%{transform:translateX(-8160px)}25.2%{transform:translateX(-8240px)}25.3%{transform:translateX(-8320px)}25.3%{transform:translateX(-8400px)}25.3%{transform:translateX(-8480px)}25.3%{transform:translateX(-8560px)}25.3%{transform:translateX(-8640px)}25.3%{transform:translateX(-8720px)}25.3%{transform:translateX(-8800px)}25.3%{transform:translateX(-8880px)}25.3%{transform:translateX(-8960px)}27.3%{transform:translateX(-9040px)}27.3%{transform:translateX(-9120px)}27.3%{transform:translateX(-9200px)}27.3%{transform:translateX(-9280px)}27.3%{transform:translateX(-9360px)}27.3%{transform:translateX(-9440px)}27.3%{transform:translateX(-9520px)}27.3%{transform:translateX(-9600px)}27.3%{transform:translateX(-9680px)}27.3%{transform:translateX(-9760px)}29.4%{transform:translateX(-9840px)}29.4%{transform:translateX(-9920px)}29.4%{transform:translateX(-10000px)}29.4%{transform:translateX(-10080px)}29.4%{transform:translateX(-10160px)}29.4%{transform:translateX(-10240px)}29.4%{transform:translateX(-10320px)}29.4%{transform:translateX(-10400px)}29.4%{transform:translateX(-10480px)}29.4%{transform:translateX(-10560px)}29.4%{transform:translateX(-10640px)}29.4%{transform:translateX(-10720px)}29.4%{transform:translateX(-10800px)}29.4%{transform:translateX(-10880px)}29.4%{transform:translateX(-10960px)}39.6%{transform:translateX(-11040px)}39.6%{transform:translateX(-11120px)}39.6%{transform:translateX(-11200px)}39.6%{transform:translateX(-11280px)}39.6%{transform:translateX(-11360px)}39.6%{transform:translateX(-11440px)}39.6%{transform:translateX(-11520px)}39.6%{transform:translateX(-11600px)}39.6%{transform:translateX(-11680px)}39.6%{transform:translateX(-11760px)}40.9%{transform:translateX(-11840px)}40.9%{transform:translateX(-11920px)}40.9%{transform:translateX(-12000px)}40.9%{transform:translateX(-12080px)}40.9%{transform:translateX(-12160px)}40.9%{transform:translateX(-12240px)}40.9%{transform:translateX(-12320px)}40.9%{transform:translateX(-12400px)}40.9%{transform:translateX(-12480px)}40.9%{transform:translateX(-12560px)}40.9%{transform:translateX(-12640px)}42.1%{transform:translateX(-12720px)}42.1%{transform:translateX(-12800px)}42.1%{transform:translateX(-12880px)}42.1%{transform:translateX(-12960px)}42.1%{transform:translateX(-13040px)}42.1%{transform:translateX(-13120px)}42.1%{transform:translateX(-13200px)}42.1%{transform:translateX(-13280px)}42.1%{transform:translateX(-13360px)}43.3%{transform:translateX(-13440px)}43.3%{transform:translateX(-13520px)}43.3%{transform:translateX(-13600px)}43.3%{transform:translateX(-13680px)}43.3%{transform:translateX(-13760px)}43.3%{transform:translateX(-13840px)}43.3%{transform:translateX(-13920px)}43.3%{transform:translateX(-14000px)}44.6%{transform:translateX(-14080px)}44.6%{transform:translateX(-14160px)}44.6%{transform:translateX(-14240px)}44.6%{transform:translateX(-14320px)}44.6%{transform:translateX(-14400px)}44.6%{transform:translateX(-14480px)}44.6%{transform:translateX(-14560px)}44.6%{transform:translateX(-14640px)}44.6%{transform:translateX(-14720px)}44.6%{transform:translateX(-14800px)}44.6%{transform:translateX(-14880px)}54%{transform:translateX(-14960px)}54%{transform:translateX(-15040px)}54%{transform:translateX(-15120px)}54%{transform:translateX(-15200px)}54%{transform:translateX(-15280px)}54%{transform:translateX(-15360px)}54%{transform:translateX(-15440px)}54%{transform:translateX(-15520px)}54%{transform:translateX(-15600px)}54%{transform:translateX(-15680px)}56.5%{transform:translateX(-15760px)}56.5%{transform:translateX(-15840px)}56.5%{transform:translateX(-15920px)}56.5%{transform:translateX(-16000px)}56.5%{transform:translateX(-16080px)}56.5%{transform:translateX(-16160px)}56.5%{transform:translateX(-16240px)}56.5%{transform:translateX(-16320px)}56.5%{transform:translateX(-16400px)}56.5%{transform:translateX(-16480px)}59%{transform:translateX(-16560px)}59%{transform:translateX(-16640px)}59%{transform:translateX(-16720px)}59%{transform:translateX(-16800px)}59%{transform:translateX(-16880px)}59%{transform:translateX(-16960px)}59%{transform:translateX(-17040px)}59%{transform:translateX(-17120px)}100%{transform:translateX(-17200px)}}Pleaseselectanoption[typetosearch]:>Option0Option1Option2Option3Option4Option0>Option1>Option2>Option3>Option4>Option5Option5>Option6Option6>Option7Option7>Option8Option8>Option9Option9>Option10Pleaseselectanoption[typetosearch]:f>Youcanusefuzzysearching(0)Youcanusefuzzysearching(1)Youcanusefuzzysearching(2)Youcanusefuzzysearching(3)Youcanusefuzzysearching(4)Pleaseselectanoption[typetosearch]:fuPleaseselectanoption[typetosearch]:fuzPleaseselectanoption[typetosearch]:fuzzPleaseselectanoption[typetosearch]:fuzzyYoucanusefuzzysearching(0)>Youcanusefuzzysearching(1)>Youcanusefuzzysearching(2)Pleaseselectanoption:fuzzy>Youcanusefuzzysearching(2) INFO Selectedoption:Youcanusefuzzysearching(2)Restartinganimation... \ No newline at end of file diff --git a/_examples/interactive_textinput/demo/animation.svg b/_examples/interactive_textinput/demo/animation.svg index 26751760f..0f06ee108 100644 --- a/_examples/interactive_textinput/demo/animation.svg +++ b/_examples/interactive_textinput/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(102,194,205)}.i{white-space:pre}.j{fill:transparent}.k{fill:rgb(160,160,160)}.m{animation-duration:11.49372s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}@keyframes l{0%{transform:translateX(-0px)}1.5%{transform:translateX(-80px)}1.8%{transform:translateX(-160px)}10.2%{transform:translateX(-240px)}12.4%{transform:translateX(-320px)}14.6%{transform:translateX(-400px)}16.8%{transform:translateX(-480px)}16.8%{transform:translateX(-560px)}19%{transform:translateX(-640px)}19%{transform:translateX(-720px)}19%{transform:translateX(-800px)}21.1%{transform:translateX(-880px)}21.1%{transform:translateX(-960px)}21.1%{transform:translateX(-1040px)}23.3%{transform:translateX(-1120px)}23.3%{transform:translateX(-1200px)}25.5%{transform:translateX(-1280px)}25.5%{transform:translateX(-1360px)}25.5%{transform:translateX(-1440px)}25.5%{transform:translateX(-1520px)}27.7%{transform:translateX(-1600px)}29.9%{transform:translateX(-1680px)}29.9%{transform:translateX(-1760px)}29.9%{transform:translateX(-1840px)}32.1%{transform:translateX(-1920px)}34.2%{transform:translateX(-2000px)}36.4%{transform:translateX(-2080px)}38.6%{transform:translateX(-2160px)}38.6%{transform:translateX(-2240px)}38.6%{transform:translateX(-2320px)}38.6%{transform:translateX(-2400px)}39.9%{transform:translateX(-2480px)}41.2%{transform:translateX(-2560px)}42.5%{transform:translateX(-2640px)}42.5%{transform:translateX(-2720px)}42.5%{transform:translateX(-2800px)}42.5%{transform:translateX(-2880px)}42.5%{transform:translateX(-2960px)}43.8%{transform:translateX(-3040px)}45.2%{transform:translateX(-3120px)}45.2%{transform:translateX(-3200px)}46.5%{transform:translateX(-3280px)}46.5%{transform:translateX(-3360px)}47.8%{transform:translateX(-3440px)}47.8%{transform:translateX(-3520px)}52.1%{transform:translateX(-3600px)}52.1%{transform:translateX(-3680px)}56.5%{transform:translateX(-3760px)}56.5%{transform:translateX(-3840px)}56.5%{transform:translateX(-3920px)}56.5%{transform:translateX(-4000px)}56.5%{transform:translateX(-4080px)}56.5%{transform:translateX(-4160px)}56.5%{transform:translateX(-4240px)}56.5%{transform:translateX(-4320px)}100%{transform:translateX(-4400px)}}Inputtext:HelInputtext:HelloInputtext:Hello;Inputtext:Hello;WInputtext:Hello;WoInputtext:Hello;World!Inputtext:HelloWorld!Inputtext:Hello,World! INFO Youanswered:Hello,World!Inputtext:Inputtext:HInputtext:HeInputtext:HellInputtext:Hello;WorInputtext:Hello;WorlInputtext:Hello;WorldRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(102,194,205)}.i{white-space:pre}.j{fill:transparent}.k{fill:rgb(160,160,160)}.m{animation-duration:11.587313s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}@keyframes l{0%{transform:translateX(-0px)}2.2%{transform:translateX(-80px)}2.8%{transform:translateX(-160px)}11%{transform:translateX(-240px)}11%{transform:translateX(-320px)}13.2%{transform:translateX(-400px)}13.2%{transform:translateX(-480px)}13.2%{transform:translateX(-560px)}15.3%{transform:translateX(-640px)}15.3%{transform:translateX(-720px)}17.5%{transform:translateX(-800px)}17.5%{transform:translateX(-880px)}19.7%{transform:translateX(-960px)}19.7%{transform:translateX(-1040px)}19.7%{transform:translateX(-1120px)}19.7%{transform:translateX(-1200px)}21.8%{transform:translateX(-1280px)}21.8%{transform:translateX(-1360px)}21.8%{transform:translateX(-1440px)}21.8%{transform:translateX(-1520px)}24%{transform:translateX(-1600px)}24%{transform:translateX(-1680px)}24%{transform:translateX(-1760px)}24%{transform:translateX(-1840px)}24%{transform:translateX(-1920px)}26.1%{transform:translateX(-2000px)}26.1%{transform:translateX(-2080px)}26.1%{transform:translateX(-2160px)}26.2%{transform:translateX(-2240px)}28.3%{transform:translateX(-2320px)}28.3%{transform:translateX(-2400px)}28.3%{transform:translateX(-2480px)}28.3%{transform:translateX(-2560px)}28.3%{transform:translateX(-2640px)}30.5%{transform:translateX(-2720px)}30.5%{transform:translateX(-2800px)}30.5%{transform:translateX(-2880px)}30.5%{transform:translateX(-2960px)}32.6%{transform:translateX(-3040px)}32.6%{transform:translateX(-3120px)}32.6%{transform:translateX(-3200px)}32.6%{transform:translateX(-3280px)}34.8%{transform:translateX(-3360px)}34.8%{transform:translateX(-3440px)}34.8%{transform:translateX(-3520px)}34.8%{transform:translateX(-3600px)}36.9%{transform:translateX(-3680px)}36.9%{transform:translateX(-3760px)}36.9%{transform:translateX(-3840px)}37%{transform:translateX(-3920px)}37%{transform:translateX(-4000px)}39.1%{transform:translateX(-4080px)}39.1%{transform:translateX(-4160px)}39.1%{transform:translateX(-4240px)}39.1%{transform:translateX(-4320px)}40.4%{transform:translateX(-4400px)}40.4%{transform:translateX(-4480px)}40.4%{transform:translateX(-4560px)}40.4%{transform:translateX(-4640px)}41.7%{transform:translateX(-4720px)}41.7%{transform:translateX(-4800px)}41.7%{transform:translateX(-4880px)}41.7%{transform:translateX(-4960px)}43%{transform:translateX(-5040px)}43%{transform:translateX(-5120px)}43%{transform:translateX(-5200px)}43%{transform:translateX(-5280px)}43%{transform:translateX(-5360px)}44.3%{transform:translateX(-5440px)}44.3%{transform:translateX(-5520px)}44.3%{transform:translateX(-5600px)}44.3%{transform:translateX(-5680px)}44.3%{transform:translateX(-5760px)}45.6%{transform:translateX(-5840px)}45.6%{transform:translateX(-5920px)}45.6%{transform:translateX(-6000px)}45.6%{transform:translateX(-6080px)}46.9%{transform:translateX(-6160px)}46.9%{transform:translateX(-6240px)}46.9%{transform:translateX(-6320px)}46.9%{transform:translateX(-6400px)}46.9%{transform:translateX(-6480px)}48.2%{transform:translateX(-6560px)}48.2%{transform:translateX(-6640px)}48.2%{transform:translateX(-6720px)}52.5%{transform:translateX(-6800px)}52.5%{transform:translateX(-6880px)}52.5%{transform:translateX(-6960px)}52.5%{transform:translateX(-7040px)}56.8%{transform:translateX(-7120px)}56.8%{transform:translateX(-7200px)}56.8%{transform:translateX(-7280px)}56.8%{transform:translateX(-7360px)}56.8%{transform:translateX(-7440px)}56.8%{transform:translateX(-7520px)}56.8%{transform:translateX(-7600px)}56.8%{transform:translateX(-7680px)}56.8%{transform:translateX(-7760px)}100%{transform:translateX(-7840px)}}Inputtext:HInputtext:HeInputtext:HellInputtext:HelloInputtext:Hello;Inputtext:Hello;WInputtext:Hello;WoInputtext:Hello;WorInputtext:Hello;WorlInputtext:Hello;WorldInputtext:Hello;World!Inputtext:HelloWorld!Inputtext:Hello,World! INFO Youanswered:Hello,World!Inputtext:Inputtext:HelRestartinganimation... \ No newline at end of file diff --git a/_examples/interactive_textinput/multi-line/animation.svg b/_examples/interactive_textinput/multi-line/animation.svg index 092764b01..302785263 100644 --- a/_examples/interactive_textinput/multi-line/animation.svg +++ b/_examples/interactive_textinput/multi-line/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(102,194,205)}.j{white-space:pre}.k{fill:transparent}.l{fill:rgb(160,160,160)}.n{animation-duration:16.535242s;animation-iteration-count:infinite;animation-name:m;animation-timing-function:steps(1,end)}@keyframes m{0%{transform:translateX(-0px)}1.3%{transform:translateX(-80px)}7.3%{transform:translateX(-160px)}7.3%{transform:translateX(-240px)}7.3%{transform:translateX(-320px)}7.3%{transform:translateX(-400px)}7.3%{transform:translateX(-480px)}7.3%{transform:translateX(-560px)}8.8%{transform:translateX(-640px)}8.8%{transform:translateX(-720px)}8.8%{transform:translateX(-800px)}8.8%{transform:translateX(-880px)}10.3%{transform:translateX(-960px)}10.3%{transform:translateX(-1040px)}10.3%{transform:translateX(-1120px)}11.9%{transform:translateX(-1200px)}11.9%{transform:translateX(-1280px)}11.9%{transform:translateX(-1360px)}13.4%{transform:translateX(-1440px)}13.4%{transform:translateX(-1520px)}13.4%{transform:translateX(-1600px)}13.4%{transform:translateX(-1680px)}14.9%{transform:translateX(-1760px)}14.9%{transform:translateX(-1840px)}14.9%{transform:translateX(-1920px)}14.9%{transform:translateX(-2000px)}16.4%{transform:translateX(-2080px)}16.4%{transform:translateX(-2160px)}16.4%{transform:translateX(-2240px)}17.9%{transform:translateX(-2320px)}17.9%{transform:translateX(-2400px)}17.9%{transform:translateX(-2480px)}19.4%{transform:translateX(-2560px)}19.4%{transform:translateX(-2640px)}19.4%{transform:translateX(-2720px)}21%{transform:translateX(-2800px)}21%{transform:translateX(-2880px)}21%{transform:translateX(-2960px)}22.5%{transform:translateX(-3040px)}22.5%{transform:translateX(-3120px)}22.5%{transform:translateX(-3200px)}24%{transform:translateX(-3280px)}24%{transform:translateX(-3360px)}24%{transform:translateX(-3440px)}24%{transform:translateX(-3520px)}24%{transform:translateX(-3600px)}25.5%{transform:translateX(-3680px)}25.5%{transform:translateX(-3760px)}25.5%{transform:translateX(-3840px)}25.5%{transform:translateX(-3920px)}27%{transform:translateX(-4000px)}27%{transform:translateX(-4080px)}27%{transform:translateX(-4160px)}27%{transform:translateX(-4240px)}27%{transform:translateX(-4320px)}28.5%{transform:translateX(-4400px)}28.5%{transform:translateX(-4480px)}28.5%{transform:translateX(-4560px)}30%{transform:translateX(-4640px)}30%{transform:translateX(-4720px)}30%{transform:translateX(-4800px)}30%{transform:translateX(-4880px)}31%{transform:translateX(-4960px)}31%{transform:translateX(-5040px)}31%{transform:translateX(-5120px)}31%{transform:translateX(-5200px)}31%{transform:translateX(-5280px)}31.9%{transform:translateX(-5360px)}31.9%{transform:translateX(-5440px)}31.9%{transform:translateX(-5520px)}31.9%{transform:translateX(-5600px)}31.9%{transform:translateX(-5680px)}32.8%{transform:translateX(-5760px)}32.8%{transform:translateX(-5840px)}32.8%{transform:translateX(-5920px)}32.8%{transform:translateX(-6000px)}33.7%{transform:translateX(-6080px)}33.7%{transform:translateX(-6160px)}33.7%{transform:translateX(-6240px)}33.7%{transform:translateX(-6320px)}34.6%{transform:translateX(-6400px)}34.6%{transform:translateX(-6480px)}34.6%{transform:translateX(-6560px)}34.6%{transform:translateX(-6640px)}34.6%{transform:translateX(-6720px)}35.5%{transform:translateX(-6800px)}35.5%{transform:translateX(-6880px)}35.5%{transform:translateX(-6960px)}35.5%{transform:translateX(-7040px)}36.4%{transform:translateX(-7120px)}36.4%{transform:translateX(-7200px)}39.4%{transform:translateX(-7280px)}39.4%{transform:translateX(-7360px)}42.5%{transform:translateX(-7440px)}42.5%{transform:translateX(-7520px)}42.5%{transform:translateX(-7600px)}42.5%{transform:translateX(-7680px)}44%{transform:translateX(-7760px)}44%{transform:translateX(-7840px)}44%{transform:translateX(-7920px)}44%{transform:translateX(-8000px)}45.5%{transform:translateX(-8080px)}45.5%{transform:translateX(-8160px)}45.5%{transform:translateX(-8240px)}45.5%{transform:translateX(-8320px)}45.5%{transform:translateX(-8400px)}47%{transform:translateX(-8480px)}47%{transform:translateX(-8560px)}47%{transform:translateX(-8640px)}47%{transform:translateX(-8720px)}47%{transform:translateX(-8800px)}48.5%{transform:translateX(-8880px)}48.5%{transform:translateX(-8960px)}48.5%{transform:translateX(-9040px)}50%{transform:translateX(-9120px)}51.6%{transform:translateX(-9200px)}53.1%{transform:translateX(-9280px)}53.1%{transform:translateX(-9360px)}53.1%{transform:translateX(-9440px)}53.1%{transform:translateX(-9520px)}53.1%{transform:translateX(-9600px)}54.6%{transform:translateX(-9680px)}54.6%{transform:translateX(-9760px)}54.6%{transform:translateX(-9840px)}56.1%{transform:translateX(-9920px)}57.6%{transform:translateX(-10000px)}59.1%{transform:translateX(-10080px)}59.1%{transform:translateX(-10160px)}59.1%{transform:translateX(-10240px)}60.7%{transform:translateX(-10320px)}62.2%{transform:translateX(-10400px)}62.2%{transform:translateX(-10480px)}63.7%{transform:translateX(-10560px)}65.2%{transform:translateX(-10640px)}66.7%{transform:translateX(-10720px)}68.2%{transform:translateX(-10800px)}68.2%{transform:translateX(-10880px)}68.2%{transform:translateX(-10960px)}68.2%{transform:translateX(-11040px)}69.8%{transform:translateX(-11120px)}69.8%{transform:translateX(-11200px)}69.8%{transform:translateX(-11280px)}69.8%{transform:translateX(-11360px)}69.8%{transform:translateX(-11440px)}69.8%{transform:translateX(-11520px)}69.8%{transform:translateX(-11600px)}69.8%{transform:translateX(-11680px)}69.8%{transform:translateX(-11760px)}69.8%{transform:translateX(-11840px)}69.8%{transform:translateX(-11920px)}69.8%{transform:translateX(-12000px)}69.8%{transform:translateX(-12080px)}69.8%{transform:translateX(-12160px)}69.8%{transform:translateX(-12240px)}100%{transform:translateX(-12320px)}}Inputtext[Presstabtosubmit]:1111111111111111111111111111222222222222222222222222222211111112222222333333333333333333333333345555555555555 INFO Youanswered:11111112222222 33333333 4 555555533333333333555555555555555Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(234,89,246);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(102,194,205)}.j{white-space:pre}.k{fill:transparent}.l{fill:rgb(160,160,160)}.n{animation-duration:16.534604s;animation-iteration-count:infinite;animation-name:m;animation-timing-function:steps(1,end)}@keyframes m{0%{transform:translateX(-0px)}1.3%{transform:translateX(-80px)}1.8%{transform:translateX(-160px)}7.4%{transform:translateX(-240px)}7.4%{transform:translateX(-320px)}7.4%{transform:translateX(-400px)}7.4%{transform:translateX(-480px)}8.9%{transform:translateX(-560px)}10.4%{transform:translateX(-640px)}10.4%{transform:translateX(-720px)}10.4%{transform:translateX(-800px)}10.4%{transform:translateX(-880px)}11.9%{transform:translateX(-960px)}11.9%{transform:translateX(-1040px)}13.4%{transform:translateX(-1120px)}13.4%{transform:translateX(-1200px)}13.4%{transform:translateX(-1280px)}13.4%{transform:translateX(-1360px)}14.9%{transform:translateX(-1440px)}16.5%{transform:translateX(-1520px)}16.5%{transform:translateX(-1600px)}16.5%{transform:translateX(-1680px)}16.5%{transform:translateX(-1760px)}16.5%{transform:translateX(-1840px)}16.5%{transform:translateX(-1920px)}16.5%{transform:translateX(-2000px)}16.5%{transform:translateX(-2080px)}18%{transform:translateX(-2160px)}18%{transform:translateX(-2240px)}18%{transform:translateX(-2320px)}18%{transform:translateX(-2400px)}18%{transform:translateX(-2480px)}18%{transform:translateX(-2560px)}19.5%{transform:translateX(-2640px)}19.5%{transform:translateX(-2720px)}19.5%{transform:translateX(-2800px)}19.5%{transform:translateX(-2880px)}19.5%{transform:translateX(-2960px)}21%{transform:translateX(-3040px)}21%{transform:translateX(-3120px)}21%{transform:translateX(-3200px)}21%{transform:translateX(-3280px)}22.5%{transform:translateX(-3360px)}22.5%{transform:translateX(-3440px)}22.5%{transform:translateX(-3520px)}24%{transform:translateX(-3600px)}24%{transform:translateX(-3680px)}24%{transform:translateX(-3760px)}24%{transform:translateX(-3840px)}24%{transform:translateX(-3920px)}25.5%{transform:translateX(-4000px)}25.5%{transform:translateX(-4080px)}25.5%{transform:translateX(-4160px)}25.5%{transform:translateX(-4240px)}25.5%{transform:translateX(-4320px)}27.1%{transform:translateX(-4400px)}27.1%{transform:translateX(-4480px)}27.1%{transform:translateX(-4560px)}27.1%{transform:translateX(-4640px)}28.6%{transform:translateX(-4720px)}28.6%{transform:translateX(-4800px)}28.6%{transform:translateX(-4880px)}28.6%{transform:translateX(-4960px)}28.6%{transform:translateX(-5040px)}30.1%{transform:translateX(-5120px)}30.1%{transform:translateX(-5200px)}30.1%{transform:translateX(-5280px)}30.1%{transform:translateX(-5360px)}31%{transform:translateX(-5440px)}31%{transform:translateX(-5520px)}31%{transform:translateX(-5600px)}31%{transform:translateX(-5680px)}31.9%{transform:translateX(-5760px)}31.9%{transform:translateX(-5840px)}31.9%{transform:translateX(-5920px)}31.9%{transform:translateX(-6000px)}32.8%{transform:translateX(-6080px)}32.8%{transform:translateX(-6160px)}32.8%{transform:translateX(-6240px)}32.8%{transform:translateX(-6320px)}32.8%{transform:translateX(-6400px)}33.7%{transform:translateX(-6480px)}33.7%{transform:translateX(-6560px)}33.7%{transform:translateX(-6640px)}33.7%{transform:translateX(-6720px)}33.7%{transform:translateX(-6800px)}33.7%{transform:translateX(-6880px)}34.6%{transform:translateX(-6960px)}34.6%{transform:translateX(-7040px)}34.6%{transform:translateX(-7120px)}34.6%{transform:translateX(-7200px)}34.6%{transform:translateX(-7280px)}35.5%{transform:translateX(-7360px)}35.5%{transform:translateX(-7440px)}35.5%{transform:translateX(-7520px)}35.6%{transform:translateX(-7600px)}35.6%{transform:translateX(-7680px)}36.5%{transform:translateX(-7760px)}36.5%{transform:translateX(-7840px)}36.5%{transform:translateX(-7920px)}36.5%{transform:translateX(-8000px)}39.5%{transform:translateX(-8080px)}39.5%{transform:translateX(-8160px)}39.5%{transform:translateX(-8240px)}42.5%{transform:translateX(-8320px)}42.5%{transform:translateX(-8400px)}42.5%{transform:translateX(-8480px)}44%{transform:translateX(-8560px)}44%{transform:translateX(-8640px)}44%{transform:translateX(-8720px)}44%{transform:translateX(-8800px)}45.5%{transform:translateX(-8880px)}45.5%{transform:translateX(-8960px)}45.5%{transform:translateX(-9040px)}45.5%{transform:translateX(-9120px)}47%{transform:translateX(-9200px)}47%{transform:translateX(-9280px)}47%{transform:translateX(-9360px)}47%{transform:translateX(-9440px)}48.6%{transform:translateX(-9520px)}48.6%{transform:translateX(-9600px)}48.6%{transform:translateX(-9680px)}48.6%{transform:translateX(-9760px)}50.1%{transform:translateX(-9840px)}50.1%{transform:translateX(-9920px)}50.1%{transform:translateX(-10000px)}50.1%{transform:translateX(-10080px)}51.6%{transform:translateX(-10160px)}51.6%{transform:translateX(-10240px)}51.6%{transform:translateX(-10320px)}51.6%{transform:translateX(-10400px)}53.1%{transform:translateX(-10480px)}53.1%{transform:translateX(-10560px)}53.1%{transform:translateX(-10640px)}53.1%{transform:translateX(-10720px)}54.6%{transform:translateX(-10800px)}54.6%{transform:translateX(-10880px)}54.6%{transform:translateX(-10960px)}54.6%{transform:translateX(-11040px)}56.1%{transform:translateX(-11120px)}57.6%{transform:translateX(-11200px)}57.6%{transform:translateX(-11280px)}57.6%{transform:translateX(-11360px)}57.6%{transform:translateX(-11440px)}59.2%{transform:translateX(-11520px)}59.2%{transform:translateX(-11600px)}59.2%{transform:translateX(-11680px)}59.2%{transform:translateX(-11760px)}60.7%{transform:translateX(-11840px)}60.7%{transform:translateX(-11920px)}60.7%{transform:translateX(-12000px)}60.7%{transform:translateX(-12080px)}62.2%{transform:translateX(-12160px)}62.2%{transform:translateX(-12240px)}62.2%{transform:translateX(-12320px)}62.2%{transform:translateX(-12400px)}63.7%{transform:translateX(-12480px)}65.2%{transform:translateX(-12560px)}65.2%{transform:translateX(-12640px)}65.2%{transform:translateX(-12720px)}65.2%{transform:translateX(-12800px)}65.2%{transform:translateX(-12880px)}65.2%{transform:translateX(-12960px)}66.7%{transform:translateX(-13040px)}68.2%{transform:translateX(-13120px)}69.8%{transform:translateX(-13200px)}100%{transform:translateX(-13280px)}}Inputtext[Presstabtosubmit]:1111111111111111111122222222222222222222222222221111111222222233333333333333333333333333333333333345555555555555555555555 INFO Youanswered:11111112222222 33333333 4 555555511111111555555Restartinganimation... \ No newline at end of file diff --git a/_examples/interactive_textinput/password/animation.svg b/_examples/interactive_textinput/password/animation.svg index 665b923ef..87e82a253 100644 --- a/_examples/interactive_textinput/password/animation.svg +++ b/_examples/interactive_textinput/password/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.j{fill:transparent}.k{fill:rgb(160,160,160)}.m{animation-duration:9.398728s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}@keyframes l{0%{transform:translateX(-0px)}1.4%{transform:translateX(-80px)}12.1%{transform:translateX(-160px)}14.8%{transform:translateX(-240px)}14.8%{transform:translateX(-320px)}14.8%{transform:translateX(-400px)}14.8%{transform:translateX(-480px)}17.4%{transform:translateX(-560px)}17.4%{transform:translateX(-640px)}17.4%{transform:translateX(-720px)}20.1%{transform:translateX(-800px)}20.1%{transform:translateX(-880px)}20.1%{transform:translateX(-960px)}20.1%{transform:translateX(-1040px)}20.1%{transform:translateX(-1120px)}22.8%{transform:translateX(-1200px)}22.8%{transform:translateX(-1280px)}22.8%{transform:translateX(-1360px)}22.8%{transform:translateX(-1440px)}22.8%{transform:translateX(-1520px)}25.5%{transform:translateX(-1600px)}25.5%{transform:translateX(-1680px)}25.5%{transform:translateX(-1760px)}28.1%{transform:translateX(-1840px)}28.1%{transform:translateX(-1920px)}28.1%{transform:translateX(-2000px)}28.1%{transform:translateX(-2080px)}28.1%{transform:translateX(-2160px)}30.8%{transform:translateX(-2240px)}30.8%{transform:translateX(-2320px)}30.8%{transform:translateX(-2400px)}30.8%{transform:translateX(-2480px)}30.8%{transform:translateX(-2560px)}33.4%{transform:translateX(-2640px)}33.4%{transform:translateX(-2720px)}33.4%{transform:translateX(-2800px)}33.4%{transform:translateX(-2880px)}33.4%{transform:translateX(-2960px)}36.1%{transform:translateX(-3040px)}36.1%{transform:translateX(-3120px)}36.1%{transform:translateX(-3200px)}36.1%{transform:translateX(-3280px)}36.1%{transform:translateX(-3360px)}38.8%{transform:translateX(-3440px)}38.8%{transform:translateX(-3520px)}38.8%{transform:translateX(-3600px)}38.8%{transform:translateX(-3680px)}38.8%{transform:translateX(-3760px)}41.5%{transform:translateX(-3840px)}41.5%{transform:translateX(-3920px)}41.5%{transform:translateX(-4000px)}41.5%{transform:translateX(-4080px)}41.5%{transform:translateX(-4160px)}44.1%{transform:translateX(-4240px)}44.1%{transform:translateX(-4320px)}44.1%{transform:translateX(-4400px)}44.1%{transform:translateX(-4480px)}44.1%{transform:translateX(-4560px)}46.8%{transform:translateX(-4640px)}46.8%{transform:translateX(-4720px)}46.8%{transform:translateX(-4800px)}46.8%{transform:translateX(-4880px)}46.8%{transform:translateX(-4960px)}46.8%{transform:translateX(-5040px)}46.8%{transform:translateX(-5120px)}46.8%{transform:translateX(-5200px)}100%{transform:translateX(-5280px)}}Enteryourpassword:*Enteryourpassword:**Enteryourpassword:***Enteryourpassword:****Enteryourpassword:*****Enteryourpassword:******Enteryourpassword:*******Enteryourpassword:********Enteryourpassword:*********Enteryourpassword:**********Enteryourpassword:***********Enteryourpassword:************Enteryourpassword:*************2023-09-1601:01:09INFOPasswordreceivedpassword:Hello,World!Enteryourpassword:Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(160,160,160);white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.j{fill:transparent}.k{fill:rgb(160,160,160)}.m{animation-duration:9.449779s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}@keyframes l{0%{transform:translateX(-0px)}2%{transform:translateX(-80px)}2.6%{transform:translateX(-160px)}12.6%{transform:translateX(-240px)}12.6%{transform:translateX(-320px)}12.6%{transform:translateX(-400px)}15.3%{transform:translateX(-480px)}15.3%{transform:translateX(-560px)}15.3%{transform:translateX(-640px)}15.3%{transform:translateX(-720px)}17.9%{transform:translateX(-800px)}17.9%{transform:translateX(-880px)}17.9%{transform:translateX(-960px)}17.9%{transform:translateX(-1040px)}20.6%{transform:translateX(-1120px)}20.6%{transform:translateX(-1200px)}20.6%{transform:translateX(-1280px)}20.6%{transform:translateX(-1360px)}20.6%{transform:translateX(-1440px)}23.2%{transform:translateX(-1520px)}23.2%{transform:translateX(-1600px)}23.2%{transform:translateX(-1680px)}23.2%{transform:translateX(-1760px)}23.2%{transform:translateX(-1840px)}25.9%{transform:translateX(-1920px)}25.9%{transform:translateX(-2000px)}25.9%{transform:translateX(-2080px)}25.9%{transform:translateX(-2160px)}25.9%{transform:translateX(-2240px)}28.5%{transform:translateX(-2320px)}28.5%{transform:translateX(-2400px)}31.2%{transform:translateX(-2480px)}31.2%{transform:translateX(-2560px)}33.8%{transform:translateX(-2640px)}33.8%{transform:translateX(-2720px)}33.8%{transform:translateX(-2800px)}33.8%{transform:translateX(-2880px)}33.8%{transform:translateX(-2960px)}36.5%{transform:translateX(-3040px)}36.5%{transform:translateX(-3120px)}39.1%{transform:translateX(-3200px)}39.1%{transform:translateX(-3280px)}39.1%{transform:translateX(-3360px)}39.1%{transform:translateX(-3440px)}39.1%{transform:translateX(-3520px)}41.8%{transform:translateX(-3600px)}41.8%{transform:translateX(-3680px)}41.8%{transform:translateX(-3760px)}41.8%{transform:translateX(-3840px)}41.8%{transform:translateX(-3920px)}44.4%{transform:translateX(-4000px)}44.4%{transform:translateX(-4080px)}44.4%{transform:translateX(-4160px)}44.4%{transform:translateX(-4240px)}44.4%{transform:translateX(-4320px)}47.1%{transform:translateX(-4400px)}47.1%{transform:translateX(-4480px)}47.1%{transform:translateX(-4560px)}47.1%{transform:translateX(-4640px)}47.1%{transform:translateX(-4720px)}47.1%{transform:translateX(-4800px)}47.1%{transform:translateX(-4880px)}47.1%{transform:translateX(-4960px)}100%{transform:translateX(-5040px)}}Enteryourpassword:*Enteryourpassword:**Enteryourpassword:***Enteryourpassword:****Enteryourpassword:*****Enteryourpassword:******Enteryourpassword:*******Enteryourpassword:********Enteryourpassword:*********Enteryourpassword:**********Enteryourpassword:***********Enteryourpassword:************Enteryourpassword:*************2023-11-0517:47:31INFOPasswordreceivedpassword:Hello,World!Enteryourpassword:Restartinganimation... \ No newline at end of file diff --git a/_examples/logger/custom-key-styles/animation.svg b/_examples/logger/custom-key-styles/animation.svg index c31009fb9..b5b2d6423 100644 --- a/_examples/logger/custom-key-styles/animation.svg +++ b/_examples/logger/custom-key-styles/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(255,0,4);white-space:pre}.j{fill:rgb(0,71,255);white-space:pre}.k{fill:transparent}.m{animation-duration:5.182079s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}@keyframes l{0%{transform:translateX(-0px)}2.8%{transform:translateX(-80px)}3.5%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}2023-09-1601:01:05INFOTheprioritykeyshouldnowberedpriority:lowfoo:bar2023-09-1601:01:05INFOThefookeyshouldnowbebluepriority:lowfoo:barRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(255,0,4);white-space:pre}.j{fill:rgb(0,71,255);white-space:pre}.k{fill:transparent}.m{animation-duration:5.210361s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}@keyframes l{0%{transform:translateX(-0px)}3.3%{transform:translateX(-80px)}4%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}2023-11-0517:47:27INFOTheprioritykeyshouldnowberedpriority:lowfoo:bar2023-11-0517:47:27INFOThefookeyshouldnowbebluepriority:lowfoo:barRestartinganimation... \ No newline at end of file diff --git a/_examples/logger/default/animation.svg b/_examples/logger/default/animation.svg index 2af8cbba2..46f8b5f9c 100644 --- a/_examples/logger/default/animation.svg +++ b/_examples/logger/default/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(0,198,255);font-weight:bold;white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(0,71,255);font-weight:bold;white-space:pre}.j{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.k{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.l{fill:rgb(255,0,4);font-weight:bold;white-space:pre}.m{fill:transparent}.o{animation-duration:7.163045s;animation-iteration-count:infinite;animation-name:n;animation-timing-function:steps(1,end)}@keyframes n{0%{transform:translateX(-0px)}1.5%{transform:translateX(-80px)}2.2%{transform:translateX(-160px)}2.3%{transform:translateX(-240px)}30.2%{transform:translateX(-320px)}30.2%{transform:translateX(-400px)}100%{transform:translateX(-480px)}}2023-09-1601:01:04TRACEDoingnotsoimportantstuffpriority:superlow2023-09-1601:01:04DEBUGThismightbeinterestingwhatisthemeaningoflife:42isthisinteresting:truewhenwerecrayonsinvented:19032023-09-1601:01:04INFOThatwasactuallyinterestingsuch:wow2023-09-1601:01:04WARNOhno,Iseeanerrorcomingtous!speed:88measures:mph2023-09-1601:01:04ERRORDamn,hereitis!error:somethingwentwrong2023-09-1601:01:04INFOButwhat'sreallycoolis,thatyoucanprintverylonglogs,andPTermwillautomaticallywrapthemforyou!Saygoodbyetotext,thathasweirdlinebreaks!very:long2023-09-1601:01:06FATALOhno,thisprocessisgettingkilled!fatal:trueRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(0,198,255);font-weight:bold;white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(0,71,255);font-weight:bold;white-space:pre}.j{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.k{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.l{fill:rgb(255,0,4);font-weight:bold;white-space:pre}.m{fill:transparent}.o{animation-duration:7.294129s;animation-iteration-count:infinite;animation-name:n;animation-timing-function:steps(1,end)}@keyframes n{0%{transform:translateX(-0px)}3%{transform:translateX(-80px)}3.8%{transform:translateX(-160px)}3.8%{transform:translateX(-240px)}3.8%{transform:translateX(-320px)}4%{transform:translateX(-400px)}4%{transform:translateX(-480px)}4%{transform:translateX(-560px)}4%{transform:translateX(-640px)}4%{transform:translateX(-720px)}4%{transform:translateX(-800px)}4%{transform:translateX(-880px)}31.5%{transform:translateX(-960px)}100%{transform:translateX(-1040px)}}2023-11-0517:47:27TRACEDoingnotsoimportantstuffpriority:superlow2023-11-0517:47:27DEBUGThismightbeinterestingwhenwerecrayonsinvented:1903whatisthemeaningoflife:42isthisinteresting:true2023-11-0517:47:27INFOThatwasactuallyinterestingsuch:wow2023-11-0517:47:27WARNOhno,Iseeanerrorcomingtous!speed:88measures:mph2023-11-0517:47:27ERRORDamn,hereitis!error:somethingwentwrong2023-11-0517:47:27INFOButwhat'sreallycoolis,thatyoucanprintverylonglogs,andPTermwillautomaticallywrapthemforyou!Saygoodbyetotext,thathasweirdlinebreaks!very:long2023-11-0517:47:29FATALOhno,thisprocessisgettingkilled!fatal:trueRestartinganimation... \ No newline at end of file diff --git a/_examples/logger/demo/animation.svg b/_examples/logger/demo/animation.svg index c7901a0cc..d7dd39e5b 100644 --- a/_examples/logger/demo/animation.svg +++ b/_examples/logger/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(0,198,255);font-weight:bold;white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(0,71,255);font-weight:bold;white-space:pre}.j{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.k{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.l{fill:rgb(255,0,4);font-weight:bold;white-space:pre}.m{fill:transparent}.o{animation-duration:23.205703s;animation-iteration-count:infinite;animation-name:n;animation-timing-function:steps(1,end)}@keyframes n{0%{transform:translateX(-0px)}0.82%{transform:translateX(-80px)}13.76%{transform:translateX(-160px)}13.76%{transform:translateX(-240px)}13.76%{transform:translateX(-320px)}13.76%{transform:translateX(-400px)}13.76%{transform:translateX(-480px)}13.76%{transform:translateX(-560px)}13.76%{transform:translateX(-640px)}13.76%{transform:translateX(-720px)}26.7%{transform:translateX(-800px)}26.7%{transform:translateX(-880px)}39.63%{transform:translateX(-960px)}39.63%{transform:translateX(-1040px)}39.64%{transform:translateX(-1120px)}39.64%{transform:translateX(-1200px)}39.64%{transform:translateX(-1280px)}39.64%{transform:translateX(-1360px)}52.57%{transform:translateX(-1440px)}52.57%{transform:translateX(-1520px)}65.51%{transform:translateX(-1600px)}65.51%{transform:translateX(-1680px)}65.51%{transform:translateX(-1760px)}65.52%{transform:translateX(-1840px)}65.52%{transform:translateX(-1920px)}65.52%{transform:translateX(-2000px)}65.52%{transform:translateX(-2080px)}65.52%{transform:translateX(-2160px)}78.45%{transform:translateX(-2240px)}78.45%{transform:translateX(-2320px)}100%{transform:translateX(-2400px)}}2023-09-1601:01:04TRACEDoingnotsoimportantstuffpriority:superlow2023-09-1601:01:07DEBUGThismightbeinterestingwhenwerecrayonsinvented:1903whatisthemeaningoflife:42isthisinteresting:true2023-09-1601:01:10INFOThatwasactuallyinterestingsuch:wow2023-09-1601:01:13WARNOhno,Iseeanerrorcomingtous!speed:88measures:mph2023-09-1601:01:16ERRORDamn,hereitis!error:somethingwentwrong2023-09-1601:01:19INFOButwhat'sreallycoolis,thatyoucanprintverylonglogs,andPTermwillautomaticallywrapthemforyou!Saygoodbyetotext,thathasweirdlinebreaks!very:long2023-09-1601:01:22FATALOhno,thisprocessisgettingkilled!fatal:trueRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(0,198,255);font-weight:bold;white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(0,71,255);font-weight:bold;white-space:pre}.j{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.k{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.l{fill:rgb(255,0,4);font-weight:bold;white-space:pre}.m{fill:transparent}.o{animation-duration:23.309632s;animation-iteration-count:infinite;animation-name:n;animation-timing-function:steps(1,end)}@keyframes n{0%{transform:translateX(-0px)}1.21%{transform:translateX(-80px)}1.38%{transform:translateX(-160px)}14.18%{transform:translateX(-240px)}27.05%{transform:translateX(-320px)}39.92%{transform:translateX(-400px)}52.8%{transform:translateX(-480px)}65.67%{transform:translateX(-560px)}78.55%{transform:translateX(-640px)}78.55%{transform:translateX(-720px)}100%{transform:translateX(-800px)}}2023-11-0517:47:27TRACEDoingnotsoimportantstuffpriority:superlow2023-11-0517:47:30DEBUGThismightbeinterestingwhenwerecrayonsinvented:1903whatisthemeaningoflife:42isthisinteresting:true2023-11-0517:47:33INFOThatwasactuallyinterestingsuch:wow2023-11-0517:47:36WARNOhno,Iseeanerrorcomingtous!speed:88measures:mph2023-11-0517:47:39ERRORDamn,hereitis!error:somethingwentwrong2023-11-0517:47:42INFOButwhat'sreallycoolis,thatyoucanprintverylonglogs,andPTermwillautomaticallywrapthemforyou!Saygoodbyetotext,thathasweirdlinebreaks!very:long2023-11-0517:47:45FATALOhno,thisprocessisgettingkilled!fatal:trueRestartinganimation... \ No newline at end of file diff --git a/_examples/logger/json/animation.svg b/_examples/logger/json/animation.svg index f94b6cec0..1c7db1b07 100644 --- a/_examples/logger/json/animation.svg +++ b/_examples/logger/json/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.157783s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}2.6%{transform:translateX(-80px)}3.1%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}{"level":"TRACE","msg":"Doingnotsoimportantstuff","priority":"superlow","timestamp":"2023-09-1601:01:05"}{"isthisinteresting":true,"level":"DEBUG","msg":"Thismightbeinteresting","timestamp":"2023-09-1601:01:05","whatisthemeaningoflife":42,"whenwerecrayonsinvented":"1903"}{"level":"INFO","msg":"Thatwasactuallyinteresting","such":"wow","timestamp":"2023-09-1601:01:05"}{"level":"WARN","measures":"mph","msg":"Ohno,Iseeanerrorcomingtous!","speed":88,"timestamp":"2023-09-1601:01:05"}{"error":"somethingwentwrong","level":"ERROR","msg":"Damn,hereitis!","timestamp":"2023-09-1601:01:05"}{"level":"INFO","msg":"Butwhat'sreallycoolis,thatyoucanprintverylonglogs,andPTermwillautomaticallywrapthemforyou!Saygoodbyetotext,thathasweirdlinebreaks!","timestamp":"2023-09-1601:01:05","very":"long"}{"fatal":true,"level":"FATAL","msg":"Ohno,thisprocessisgettingkilled!","tiRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.196451s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}3.4%{transform:translateX(-80px)}3.8%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}{"level":"TRACE","msg":"Doingnotsoimportantstuff","priority":"superlow","timestamp":"2023-11-0517:47:27"}{"isthisinteresting":true,"level":"DEBUG","msg":"Thismightbeinteresting","timestamp":"2023-11-0517:47:27","whatisthemeaningoflife":42,"whenwerecrayonsinvented":"1903"}{"level":"INFO","msg":"Thatwasactuallyinteresting","such":"wow","timestamp":"2023-11-0517:47:27"}{"level":"WARN","measures":"mph","msg":"Ohno,Iseeanerrorcomingtous!","speed":88,"timestamp":"2023-11-0517:47:27"}{"error":"somethingwentwrong","level":"ERROR","msg":"Damn,hereitis!","timestamp":"2023-11-0517:47:27"}{"level":"INFO","msg":"Butwhat'sreallycoolis,thatyoucanprintverylonglogs,andPTermwillautomaticallywrapthemforyou!Saygoodbyetotext,thathasweirdlinebreaks!","timestamp":"2023-11-0517:47:27","very":"long"}{"fatal":true,"level":"FATAL","msg":"Ohno,thisprocessisgettingkilled!","tiRestartinganimation... \ No newline at end of file diff --git a/_examples/logger/with-caller/animation.svg b/_examples/logger/with-caller/animation.svg index 877197758..79ac5ba04 100644 --- a/_examples/logger/with-caller/animation.svg +++ b/_examples/logger/with-caller/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(0,198,255);font-weight:bold;white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(104,104,104);font-weight:bold;white-space:pre}.j{fill:rgb(0,71,255);font-weight:bold;white-space:pre}.k{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.l{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.m{fill:rgb(255,0,4);font-weight:bold;white-space:pre}.n{fill:transparent}.p{animation-duration:5.249051s;animation-iteration-count:infinite;animation-name:o;animation-timing-function:steps(1,end)}@keyframes o{0%{transform:translateX(-0px)}3.4%{transform:translateX(-80px)}4.1%{transform:translateX(-160px)}4.2%{transform:translateX(-240px)}4.2%{transform:translateX(-320px)}4.2%{transform:translateX(-400px)}4.2%{transform:translateX(-480px)}4.2%{transform:translateX(-560px)}4.2%{transform:translateX(-640px)}4.2%{transform:translateX(-720px)}4.2%{transform:translateX(-800px)}4.2%{transform:translateX(-880px)}4.2%{transform:translateX(-960px)}4.2%{transform:translateX(-1040px)}4.2%{transform:translateX(-1120px)}4.2%{transform:translateX(-1200px)}4.2%{transform:translateX(-1280px)}4.3%{transform:translateX(-1360px)}4.3%{transform:translateX(-1440px)}4.3%{transform:translateX(-1520px)}4.3%{transform:translateX(-1600px)}4.3%{transform:translateX(-1680px)}4.3%{transform:translateX(-1760px)}4.7%{transform:translateX(-1840px)}4.7%{transform:translateX(-1920px)}4.7%{transform:translateX(-2000px)}4.7%{transform:translateX(-2080px)}4.7%{transform:translateX(-2160px)}4.7%{transform:translateX(-2240px)}4.7%{transform:translateX(-2320px)}4.7%{transform:translateX(-2400px)}4.7%{transform:translateX(-2480px)}4.7%{transform:translateX(-2560px)}4.7%{transform:translateX(-2640px)}4.7%{transform:translateX(-2720px)}4.7%{transform:translateX(-2800px)}4.7%{transform:translateX(-2880px)}4.7%{transform:translateX(-2960px)}100%{transform:translateX(-3040px)}}2023-09-1601:01:04TRACEDoingnotsoimportantstuffpriority:superlowcaller:/_examples/logger/with-caller/main.go:102023-09-1601:01:04DEBUGThismightbeinterestingwhenwerecrayonsinvented:1903whatisthemeaningoflife:42isthisinteresting:truecaller:/_examples/logger/with-caller/main.go:182023-09-1601:01:04INFOThatwasactuallyinterestingsuch:wowcaller:/_examples/logger/with-caller/main.go:202023-09-1601:01:04WARNOhno,Iseeanerrorcomingtous!speed:88measures:mphcaller:/_examples/logger/with-caller/main.go:212023-09-1601:01:04ERRORDamn,hereitis!error:somethingwentwrongcaller:/_examples/logger/with-caller/main.go:222023-09-1601:01:04INFOButwhat'sreallycoolis,thatyoucanprintverylonglogs,andPTermwillautomaticallywrapthemforyou!Saygoodbyetotext,thathasweirdlinebreaks!very:longcaller:/_examples/logger/with-caller/main.go:232023-09-1601:01:04FATALOhno,thisprocessisgettingkilled!fatal:truecaller:/_examples/logger/with-caller/main.go:24Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(0,198,255);font-weight:bold;white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(104,104,104);font-weight:bold;white-space:pre}.j{fill:rgb(0,71,255);font-weight:bold;white-space:pre}.k{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.l{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.m{fill:rgb(255,0,4);font-weight:bold;white-space:pre}.n{fill:transparent}.p{animation-duration:5.254917s;animation-iteration-count:infinite;animation-name:o;animation-timing-function:steps(1,end)}@keyframes o{0%{transform:translateX(-0px)}3.3%{transform:translateX(-80px)}4%{transform:translateX(-160px)}4%{transform:translateX(-240px)}4%{transform:translateX(-320px)}4%{transform:translateX(-400px)}4%{transform:translateX(-480px)}4%{transform:translateX(-560px)}4%{transform:translateX(-640px)}4%{transform:translateX(-720px)}4%{transform:translateX(-800px)}4.2%{transform:translateX(-880px)}4.2%{transform:translateX(-960px)}4.2%{transform:translateX(-1040px)}4.2%{transform:translateX(-1120px)}4.2%{transform:translateX(-1200px)}4.2%{transform:translateX(-1280px)}4.6%{transform:translateX(-1360px)}4.6%{transform:translateX(-1440px)}4.6%{transform:translateX(-1520px)}4.6%{transform:translateX(-1600px)}4.6%{transform:translateX(-1680px)}4.6%{transform:translateX(-1760px)}4.6%{transform:translateX(-1840px)}4.6%{transform:translateX(-1920px)}4.6%{transform:translateX(-2000px)}4.6%{transform:translateX(-2080px)}4.8%{transform:translateX(-2160px)}4.8%{transform:translateX(-2240px)}4.9%{transform:translateX(-2320px)}4.9%{transform:translateX(-2400px)}4.9%{transform:translateX(-2480px)}100%{transform:translateX(-2560px)}}2023-11-0517:47:27TRACEDoingnotsoimportantstuffpriority:superlowcaller:/_examples/logger/with-caller/main.go:102023-11-0517:47:27DEBUGThismightbeinterestingwhenwerecrayonsinvented:1903whatisthemeaningoflife:42isthisinteresting:truecaller:/_examples/logger/with-caller/main.go:182023-11-0517:47:27INFOThatwasactuallyinterestingsuch:wowcaller:/_examples/logger/with-caller/main.go:202023-11-0517:47:27WARNOhno,Iseeanerrorcomingtous!speed:88measures:mphcaller:/_examples/logger/with-caller/main.go:212023-11-0517:47:27ERRORDamn,hereitis!error:somethingwentwrongcaller:/_examples/logger/with-caller/main.go:222023-11-0517:47:27INFOButwhat'sreallycoolis,thatyoucanprintverylonglogs,andPTermwillautomaticallywrapthemforyou!Saygoodbyetotext,thathasweirdlinebreaks!very:longcaller:/_examples/logger/with-caller/main.go:232023-11-0517:47:27FATALOhno,thisprocessisgettingkilled!fatal:truecaller:/_examples/logger/with-caller/main.go:24Restartinganimation... \ No newline at end of file diff --git a/_examples/multiple-live-printers/demo/animation.svg b/_examples/multiple-live-printers/demo/animation.svg index bb9714fa8..9f1577c8b 100644 --- a/_examples/multiple-live-printers/demo/animation.svg +++ b/_examples/multiple-live-printers/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(255,255,255);white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:rgb(0,198,255);white-space:pre}.j{fill:rgb(242,12,0);white-space:pre}.k{fill:rgb(160,160,160);white-space:pre}.l{fill:rgb(239,15,0);white-space:pre}.m{fill:rgb(252,2,0);white-space:pre}.n{fill:rgb(255,0,0);white-space:pre}.o{fill:rgb(234,20,0);white-space:pre}.p{fill:rgb(224,30,0);white-space:pre}.q{fill:rgb(249,5,0);white-space:pre}.r{fill:rgb(209,45,0);white-space:pre}.s{fill:rgb(244,10,0);white-space:pre}.t{fill:rgb(214,40,0);white-space:pre}.u{fill:rgb(193,61,0);white-space:pre}.v{fill:rgb(247,7,0);white-space:pre}.w{fill:rgb(204,51,0);white-space:pre}.x{fill:rgb(178,76,0);white-space:pre}.y{fill:rgb(163,91,0);white-space:pre}.z{fill:rgb(183,71,0);white-space:pre}.A{fill:rgb(147,107,0);white-space:pre}.B{fill:rgb(232,22,0);white-space:pre}.C{fill:rgb(173,81,0);white-space:pre}.D{fill:rgb(132,122,0);white-space:pre}.E{fill:rgb(229,25,0);white-space:pre}.F{fill:rgb(117,137,0);white-space:pre}.G{fill:rgb(237,17,0);white-space:pre}.H{fill:rgb(153,102,0);white-space:pre}.I{fill:rgb(102,153,0);white-space:pre}.J{fill:rgb(221,33,0);white-space:pre}.K{fill:rgb(142,112,0);white-space:pre}.L{fill:rgb(86,168,0);white-space:pre}.M{fill:rgb(219,35,0);white-space:pre}.N{fill:rgb(71,183,0);white-space:pre}.O{fill:rgb(168,204,140)}.P{white-space:pre}.Q{fill:rgb(124,255,0);white-space:pre}.R{fill:rgb(122,132,0);white-space:pre}.S{fill:rgb(56,198,0);white-space:pre}.T{fill:rgb(211,43,0);white-space:pre}.U{fill:rgb(112,142,0);white-space:pre}.V{fill:rgb(40,214,0);white-space:pre}.W{fill:rgb(226,28,0);white-space:pre}.X{fill:rgb(232,131,136)}.Y{fill:rgb(243,86,86);white-space:pre}.Z{fill:rgb(25,229,0);white-space:pre}.aa{fill:rgb(91,163,0);white-space:pre}.ab{fill:rgb(10,244,0);white-space:pre}.ac{fill:rgb(201,53,0);white-space:pre}.ad{fill:rgb(81,173,0);white-space:pre}.ae{fill:rgb(0,255,0);white-space:pre}.af{fill:rgb(198,56,0);white-space:pre}.ag{fill:rgb(73,181,0);white-space:pre}.ah{fill:rgb(196,58,0);white-space:pre}.ai{fill:rgb(63,191,0);white-space:pre}.aj{fill:rgb(216,38,0);white-space:pre}.ak{fill:rgb(191,63,0);white-space:pre}.al{fill:rgb(53,201,0);white-space:pre}.am{fill:rgb(188,66,0);white-space:pre}.an{fill:rgb(43,211,0);white-space:pre}.ao{fill:rgb(186,68,0);white-space:pre}.ap{fill:rgb(33,221,0);white-space:pre}.aq{fill:rgb(181,73,0);white-space:pre}.ar{fill:rgb(22,232,0);white-space:pre}.as{fill:rgb(12,242,0);white-space:pre}.at{fill:rgb(206,48,0);white-space:pre}.au{fill:rgb(175,79,0);white-space:pre}.av{fill:rgb(2,252,0);white-space:pre}.aw{fill:rgb(170,84,0);white-space:pre}.ax{fill:transparent}.az{animation-duration:10.307824s;animation-iteration-count:infinite;animation-name:ay;animation-timing-function:steps(1,end)}@keyframes ay{0%{transform:translateX(-0px)}1.8%{transform:translateX(-80px)}2.4%{transform:translateX(-160px)}4.1%{transform:translateX(-240px)}4.1%{transform:translateX(-320px)}4.1%{transform:translateX(-400px)}4.1%{transform:translateX(-480px)}4.1%{transform:translateX(-560px)}4.1%{transform:translateX(-640px)}4.1%{transform:translateX(-720px)}4.1%{transform:translateX(-800px)}6%{transform:translateX(-880px)}6%{transform:translateX(-960px)}6%{transform:translateX(-1040px)}6%{transform:translateX(-1120px)}6%{transform:translateX(-1200px)}6%{transform:translateX(-1280px)}6%{transform:translateX(-1360px)}6%{transform:translateX(-1440px)}8%{transform:translateX(-1520px)}8%{transform:translateX(-1600px)}8%{transform:translateX(-1680px)}8%{transform:translateX(-1760px)}8%{transform:translateX(-1840px)}8%{transform:translateX(-1920px)}8%{transform:translateX(-2000px)}8%{transform:translateX(-2080px)}8%{transform:translateX(-2160px)}8%{transform:translateX(-2240px)}9.9%{transform:translateX(-2320px)}9.9%{transform:translateX(-2400px)}9.9%{transform:translateX(-2480px)}9.9%{transform:translateX(-2560px)}9.9%{transform:translateX(-2640px)}9.9%{transform:translateX(-2720px)}9.9%{transform:translateX(-2800px)}9.9%{transform:translateX(-2880px)}9.9%{transform:translateX(-2960px)}11.8%{transform:translateX(-3040px)}11.8%{transform:translateX(-3120px)}11.8%{transform:translateX(-3200px)}11.8%{transform:translateX(-3280px)}11.8%{transform:translateX(-3360px)}11.8%{transform:translateX(-3440px)}11.8%{transform:translateX(-3520px)}11.8%{transform:translateX(-3600px)}11.8%{transform:translateX(-3680px)}11.8%{transform:translateX(-3760px)}11.8%{transform:translateX(-3840px)}11.8%{transform:translateX(-3920px)}11.8%{transform:translateX(-4000px)}13.8%{transform:translateX(-4080px)}13.8%{transform:translateX(-4160px)}13.8%{transform:translateX(-4240px)}13.8%{transform:translateX(-4320px)}13.8%{transform:translateX(-4400px)}13.8%{transform:translateX(-4480px)}13.8%{transform:translateX(-4560px)}13.8%{transform:translateX(-4640px)}13.8%{transform:translateX(-4720px)}13.8%{transform:translateX(-4800px)}13.8%{transform:translateX(-4880px)}15.7%{transform:translateX(-4960px)}15.7%{transform:translateX(-5040px)}15.7%{transform:translateX(-5120px)}15.7%{transform:translateX(-5200px)}17.6%{transform:translateX(-5280px)}17.7%{transform:translateX(-5360px)}17.7%{transform:translateX(-5440px)}17.7%{transform:translateX(-5520px)}17.7%{transform:translateX(-5600px)}17.7%{transform:translateX(-5680px)}17.7%{transform:translateX(-5760px)}17.7%{transform:translateX(-5840px)}17.7%{transform:translateX(-5920px)}17.7%{transform:translateX(-6000px)}17.7%{transform:translateX(-6080px)}19.6%{transform:translateX(-6160px)}19.6%{transform:translateX(-6240px)}19.6%{transform:translateX(-6320px)}19.6%{transform:translateX(-6400px)}19.6%{transform:translateX(-6480px)}19.6%{transform:translateX(-6560px)}19.6%{transform:translateX(-6640px)}19.6%{transform:translateX(-6720px)}19.6%{transform:translateX(-6800px)}19.6%{transform:translateX(-6880px)}19.6%{transform:translateX(-6960px)}19.6%{transform:translateX(-7040px)}19.6%{transform:translateX(-7120px)}21.5%{transform:translateX(-7200px)}21.5%{transform:translateX(-7280px)}21.5%{transform:translateX(-7360px)}21.5%{transform:translateX(-7440px)}21.5%{transform:translateX(-7520px)}21.5%{transform:translateX(-7600px)}21.5%{transform:translateX(-7680px)}21.5%{transform:translateX(-7760px)}23.5%{transform:translateX(-7840px)}23.5%{transform:translateX(-7920px)}23.5%{transform:translateX(-8000px)}23.5%{transform:translateX(-8080px)}23.5%{transform:translateX(-8160px)}23.5%{transform:translateX(-8240px)}23.5%{transform:translateX(-8320px)}23.5%{transform:translateX(-8400px)}23.5%{transform:translateX(-8480px)}23.5%{transform:translateX(-8560px)}23.5%{transform:translateX(-8640px)}23.5%{transform:translateX(-8720px)}23.5%{transform:translateX(-8800px)}23.5%{transform:translateX(-8880px)}25.4%{transform:translateX(-8960px)}25.4%{transform:translateX(-9040px)}25.4%{transform:translateX(-9120px)}25.4%{transform:translateX(-9200px)}25.4%{transform:translateX(-9280px)}25.4%{transform:translateX(-9360px)}25.4%{transform:translateX(-9440px)}25.4%{transform:translateX(-9520px)}25.4%{transform:translateX(-9600px)}25.4%{transform:translateX(-9680px)}25.4%{transform:translateX(-9760px)}25.4%{transform:translateX(-9840px)}25.4%{transform:translateX(-9920px)}25.4%{transform:translateX(-10000px)}27.4%{transform:translateX(-10080px)}27.4%{transform:translateX(-10160px)}27.4%{transform:translateX(-10240px)}27.4%{transform:translateX(-10320px)}27.4%{transform:translateX(-10400px)}27.4%{transform:translateX(-10480px)}27.4%{transform:translateX(-10560px)}27.4%{transform:translateX(-10640px)}27.4%{transform:translateX(-10720px)}27.4%{transform:translateX(-10800px)}27.4%{transform:translateX(-10880px)}27.4%{transform:translateX(-10960px)}27.4%{transform:translateX(-11040px)}27.4%{transform:translateX(-11120px)}27.4%{transform:translateX(-11200px)}27.4%{transform:translateX(-11280px)}27.4%{transform:translateX(-11360px)}27.4%{transform:translateX(-11440px)}27.4%{transform:translateX(-11520px)}27.4%{transform:translateX(-11600px)}27.4%{transform:translateX(-11680px)}27.4%{transform:translateX(-11760px)}27.4%{transform:translateX(-11840px)}27.4%{transform:translateX(-11920px)}27.4%{transform:translateX(-12000px)}27.4%{transform:translateX(-12080px)}27.4%{transform:translateX(-12160px)}27.4%{transform:translateX(-12240px)}27.4%{transform:translateX(-12320px)}27.4%{transform:translateX(-12400px)}27.4%{transform:translateX(-12480px)}27.4%{transform:translateX(-12560px)}29.3%{transform:translateX(-12640px)}29.3%{transform:translateX(-12720px)}29.3%{transform:translateX(-12800px)}29.3%{transform:translateX(-12880px)}29.3%{transform:translateX(-12960px)}29.3%{transform:translateX(-13040px)}29.3%{transform:translateX(-13120px)}31.7%{transform:translateX(-13200px)}32.1%{transform:translateX(-13280px)}32.2%{transform:translateX(-13360px)}32.2%{transform:translateX(-13440px)}32.2%{transform:translateX(-13520px)}32.2%{transform:translateX(-13600px)}32.2%{transform:translateX(-13680px)}32.2%{transform:translateX(-13760px)}32.2%{transform:translateX(-13840px)}32.2%{transform:translateX(-13920px)}32.2%{transform:translateX(-14000px)}32.2%{transform:translateX(-14080px)}32.2%{transform:translateX(-14160px)}32.2%{transform:translateX(-14240px)}32.2%{transform:translateX(-14320px)}32.2%{transform:translateX(-14400px)}32.2%{transform:translateX(-14480px)}32.2%{transform:translateX(-14560px)}32.2%{transform:translateX(-14640px)}32.2%{transform:translateX(-14720px)}32.2%{transform:translateX(-14800px)}32.2%{transform:translateX(-14880px)}32.2%{transform:translateX(-14960px)}32.2%{transform:translateX(-15040px)}32.2%{transform:translateX(-15120px)}32.2%{transform:translateX(-15200px)}32.2%{transform:translateX(-15280px)}32.2%{transform:translateX(-15360px)}32.2%{transform:translateX(-15440px)}32.2%{transform:translateX(-15520px)}32.2%{transform:translateX(-15600px)}32.2%{transform:translateX(-15680px)}33.2%{transform:translateX(-15760px)}33.2%{transform:translateX(-15840px)}33.2%{transform:translateX(-15920px)}33.2%{transform:translateX(-16000px)}33.2%{transform:translateX(-16080px)}33.2%{transform:translateX(-16160px)}33.2%{transform:translateX(-16240px)}33.2%{transform:translateX(-16320px)}33.2%{transform:translateX(-16400px)}33.2%{transform:translateX(-16480px)}33.2%{transform:translateX(-16560px)}33.2%{transform:translateX(-16640px)}33.2%{transform:translateX(-16720px)}33.2%{transform:translateX(-16800px)}33.2%{transform:translateX(-16880px)}33.2%{transform:translateX(-16960px)}33.2%{transform:translateX(-17040px)}33.2%{transform:translateX(-17120px)}33.2%{transform:translateX(-17200px)}33.2%{transform:translateX(-17280px)}33.2%{transform:translateX(-17360px)}33.2%{transform:translateX(-17440px)}33.2%{transform:translateX(-17520px)}33.2%{transform:translateX(-17600px)}33.2%{transform:translateX(-17680px)}33.2%{transform:translateX(-17760px)}33.2%{transform:translateX(-17840px)}33.2%{transform:translateX(-17920px)}33.2%{transform:translateX(-18000px)}33.2%{transform:translateX(-18080px)}33.2%{transform:translateX(-18160px)}33.2%{transform:translateX(-18240px)}35.1%{transform:translateX(-18320px)}35.1%{transform:translateX(-18400px)}35.1%{transform:translateX(-18480px)}35.1%{transform:translateX(-18560px)}35.1%{transform:translateX(-18640px)}35.1%{transform:translateX(-18720px)}35.1%{transform:translateX(-18800px)}35.1%{transform:translateX(-18880px)}35.1%{transform:translateX(-18960px)}35.1%{transform:translateX(-19040px)}35.1%{transform:translateX(-19120px)}35.1%{transform:translateX(-19200px)}35.1%{transform:translateX(-19280px)}35.1%{transform:translateX(-19360px)}35.1%{transform:translateX(-19440px)}35.1%{transform:translateX(-19520px)}35.1%{transform:translateX(-19600px)}35.1%{transform:translateX(-19680px)}35.1%{transform:translateX(-19760px)}35.1%{transform:translateX(-19840px)}35.1%{transform:translateX(-19920px)}35.1%{transform:translateX(-20000px)}35.1%{transform:translateX(-20080px)}35.1%{transform:translateX(-20160px)}35.1%{transform:translateX(-20240px)}35.1%{transform:translateX(-20320px)}35.1%{transform:translateX(-20400px)}35.1%{transform:translateX(-20480px)}35.1%{transform:translateX(-20560px)}35.1%{transform:translateX(-20640px)}35.1%{transform:translateX(-20720px)}35.1%{transform:translateX(-20800px)}35.1%{transform:translateX(-20880px)}36.1%{transform:translateX(-20960px)}37.1%{transform:translateX(-21040px)}37.1%{transform:translateX(-21120px)}37.1%{transform:translateX(-21200px)}37.1%{transform:translateX(-21280px)}37.1%{transform:translateX(-21360px)}37.1%{transform:translateX(-21440px)}37.1%{transform:translateX(-21520px)}37.1%{transform:translateX(-21600px)}37.1%{transform:translateX(-21680px)}37.1%{transform:translateX(-21760px)}37.1%{transform:translateX(-21840px)}38%{transform:translateX(-21920px)}39%{transform:translateX(-22000px)}39%{transform:translateX(-22080px)}39%{transform:translateX(-22160px)}39%{transform:translateX(-22240px)}39%{transform:translateX(-22320px)}39%{transform:translateX(-22400px)}39%{transform:translateX(-22480px)}39%{transform:translateX(-22560px)}39%{transform:translateX(-22640px)}39%{transform:translateX(-22720px)}39%{transform:translateX(-22800px)}39%{transform:translateX(-22880px)}39%{transform:translateX(-22960px)}39%{transform:translateX(-23040px)}39%{transform:translateX(-23120px)}39%{transform:translateX(-23200px)}39%{transform:translateX(-23280px)}39%{transform:translateX(-23360px)}40%{transform:translateX(-23440px)}40.9%{transform:translateX(-23520px)}40.9%{transform:translateX(-23600px)}40.9%{transform:translateX(-23680px)}40.9%{transform:translateX(-23760px)}40.9%{transform:translateX(-23840px)}40.9%{transform:translateX(-23920px)}40.9%{transform:translateX(-24000px)}40.9%{transform:translateX(-24080px)}40.9%{transform:translateX(-24160px)}40.9%{transform:translateX(-24240px)}40.9%{transform:translateX(-24320px)}40.9%{transform:translateX(-24400px)}40.9%{transform:translateX(-24480px)}40.9%{transform:translateX(-24560px)}40.9%{transform:translateX(-24640px)}40.9%{transform:translateX(-24720px)}40.9%{transform:translateX(-24800px)}40.9%{transform:translateX(-24880px)}40.9%{transform:translateX(-24960px)}40.9%{transform:translateX(-25040px)}40.9%{transform:translateX(-25120px)}40.9%{transform:translateX(-25200px)}41%{transform:translateX(-25280px)}42%{transform:translateX(-25360px)}42.9%{transform:translateX(-25440px)}42.9%{transform:translateX(-25520px)}42.9%{transform:translateX(-25600px)}42.9%{transform:translateX(-25680px)}42.9%{transform:translateX(-25760px)}42.9%{transform:translateX(-25840px)}42.9%{transform:translateX(-25920px)}42.9%{transform:translateX(-26000px)}42.9%{transform:translateX(-26080px)}42.9%{transform:translateX(-26160px)}42.9%{transform:translateX(-26240px)}42.9%{transform:translateX(-26320px)}42.9%{transform:translateX(-26400px)}42.9%{transform:translateX(-26480px)}42.9%{transform:translateX(-26560px)}42.9%{transform:translateX(-26640px)}43.9%{transform:translateX(-26720px)}44.8%{transform:translateX(-26800px)}44.8%{transform:translateX(-26880px)}44.8%{transform:translateX(-26960px)}44.8%{transform:translateX(-27040px)}44.8%{transform:translateX(-27120px)}44.8%{transform:translateX(-27200px)}44.8%{transform:translateX(-27280px)}44.8%{transform:translateX(-27360px)}44.8%{transform:translateX(-27440px)}44.8%{transform:translateX(-27520px)}44.8%{transform:translateX(-27600px)}44.8%{transform:translateX(-27680px)}44.8%{transform:translateX(-27760px)}44.8%{transform:translateX(-27840px)}44.8%{transform:translateX(-27920px)}44.8%{transform:translateX(-28000px)}44.8%{transform:translateX(-28080px)}44.8%{transform:translateX(-28160px)}44.9%{transform:translateX(-28240px)}45.9%{transform:translateX(-28320px)}46.8%{transform:translateX(-28400px)}46.8%{transform:translateX(-28480px)}46.8%{transform:translateX(-28560px)}46.8%{transform:translateX(-28640px)}46.8%{transform:translateX(-28720px)}46.8%{transform:translateX(-28800px)}46.8%{transform:translateX(-28880px)}46.8%{transform:translateX(-28960px)}46.8%{transform:translateX(-29040px)}46.8%{transform:translateX(-29120px)}46.8%{transform:translateX(-29200px)}46.8%{transform:translateX(-29280px)}46.9%{transform:translateX(-29360px)}47.9%{transform:translateX(-29440px)}48.8%{transform:translateX(-29520px)}48.8%{transform:translateX(-29600px)}48.8%{transform:translateX(-29680px)}48.8%{transform:translateX(-29760px)}48.8%{transform:translateX(-29840px)}48.8%{transform:translateX(-29920px)}48.8%{transform:translateX(-30000px)}48.8%{transform:translateX(-30080px)}48.8%{transform:translateX(-30160px)}48.8%{transform:translateX(-30240px)}48.8%{transform:translateX(-30320px)}49.8%{transform:translateX(-30400px)}50.6%{transform:translateX(-30480px)}50.6%{transform:translateX(-30560px)}50.6%{transform:translateX(-30640px)}50.6%{transform:translateX(-30720px)}50.6%{transform:translateX(-30800px)}50.6%{transform:translateX(-30880px)}50.6%{transform:translateX(-30960px)}50.6%{transform:translateX(-31040px)}50.6%{transform:translateX(-31120px)}50.6%{transform:translateX(-31200px)}50.6%{transform:translateX(-31280px)}50.6%{transform:translateX(-31360px)}50.6%{transform:translateX(-31440px)}50.8%{transform:translateX(-31520px)}50.8%{transform:translateX(-31600px)}51.5%{transform:translateX(-31680px)}51.5%{transform:translateX(-31760px)}51.5%{transform:translateX(-31840px)}51.5%{transform:translateX(-31920px)}51.5%{transform:translateX(-32000px)}51.5%{transform:translateX(-32080px)}51.5%{transform:translateX(-32160px)}51.5%{transform:translateX(-32240px)}51.5%{transform:translateX(-32320px)}51.5%{transform:translateX(-32400px)}51.5%{transform:translateX(-32480px)}51.5%{transform:translateX(-32560px)}51.5%{transform:translateX(-32640px)}100%{transform:translateX(-32720px)}}Spinner1(0s)Spinner2(0s)Progressbar1[005/100]██████████████████████████████████████████████5%|0sProgressbar2[006/100]██████████████████████████████████████████████6%|0sProgressbar3[001/100]█████████████████████████████████████████████1%|0sProgressbar4[000/100]█████████████████████████████████████████████0%|0sProgressbar5[001/100]█████████████████████████████████████████████1%|0sSpinner1(0s)Spinner2(0s)Progressbar1[008/100]██████████████████████████████████████████████8%|0sProgressbar2[012/100]██████████████████████████████████████████████12%|0sProgressbar5[002/100]█████████████████████████████████████████████2%|0sSpinner1(1s)Spinner2(1s)Progressbar1[012/100]██████████████████████████████████████████████12%|1sProgressbar2[018/100]██████████████████████████████████████████████18%|1sProgressbar3[002/100]█████████████████████████████████████████████2%|0sProgressbar4[001/100]█████████████████████████████████████████████1%|0sProgressbar5[004/100]██████████████████████████████████████████████4%|1sSpinner1(1s)Spinner2(1s)Progressbar1[016/100]██████████████████████████████████████████████16%|1sProgressbar2[024/100]██████████████████████████████████████████████24%|1sProgressbar3[003/100]██████████████████████████████████████████████3%|1sProgressbar5[005/100]██████████████████████████████████████████████5%|1sSpinner1(1s)Spinner2(1s)Progressbar1[020/100]██████████████████████████████████████████████20%|1sProgressbar2[030/100]██████████████████████████████████████████████30%|1sProgressbar3[004/100]██████████████████████████████████████████████4%|1sProgressbar4[002/100]█████████████████████████████████████████████2%|1sProgressbar5[006/100]██████████████████████████████████████████████6%|1sSpinner1(1s)Spinner2(1s)Progressbar1[024/100]██████████████████████████████████████████████24%|1sProgressbar2[036/100]██████████████████████████████████████████████36%|1sProgressbar1[028/100]██████████████████████████████████████████████28%|1sProgressbar2[042/100]██████████████████████████████████████████████42%|1sProgressbar3[005/100]██████████████████████████████████████████████5%|1sProgressbar5[009/100]██████████████████████████████████████████████9%|1sSpinner1(2s)Spinner2(2s)Progressbar1[032/100]██████████████████████████████████████████████32%|2sProgressbar2[048/100]██████████████████████████████████████████████48%|2sProgressbar3[006/100]██████████████████████████████████████████████6%|1sProgressbar4[003/100]██████████████████████████████████████████████3%|1sProgressbar5[010/100]██████████████████████████████████████████████10%|1sSpinner1(2s)Spinner2(2s)Progressbar1[036/100]██████████████████████████████████████████████36%|2sProgressbar2[054/100]██████████████████████████████████████████████54%|2sProgressbar3[007/100]██████████████████████████████████████████████7%|2sProgressbar5[012/100]██████████████████████████████████████████████12%|2sSpinner1(2s)Spinner2(2s)Progressbar1[040/100]██████████████████████████████████████████████40%|2sProgressbar2[060/100]██████████████████████████████████████████████60%|2sProgressbar3[008/100]██████████████████████████████████████████████8%|2sProgressbar4[004/100]██████████████████████████████████████████████4%|2sProgressbar5[013/100]██████████████████████████████████████████████13%|2sSpinner1(2s)Spinner2(2s)Progressbar1[044/100]██████████████████████████████████████████████44%|2sProgressbar2[066/100]██████████████████████████████████████████████66%|2sProgressbar5[014/100]██████████████████████████████████████████████14%|2sProgressbar1[048/100]██████████████████████████████████████████████48%|2sProgressbar2[072/100]██████████████████████████████████████████████72%|2sProgressbar3[009/100]██████████████████████████████████████████████9%|2sProgressbar5[016/100]██████████████████████████████████████████████16%|2s SUCCESS Spinner1isdone!Spinner2(3s)Progressbar1[052/100]██████████████████████████████████████████████52%|3sProgressbar2[078/100]██████████████████████████████████████████████78%|3sProgressbar3[010/100]██████████████████████████████████████████████10%|2sProgressbar4[005/100]██████████████████████████████████████████████5%|2sProgressbar5[017/100]██████████████████████████████████████████████17%|3sSpinner2(3s)Progressbar1[056/100]██████████████████████████████████████████████56%|3sProgressbar2[084/100]██████████████████████████████████████████████84%|3sProgressbar3[011/100]██████████████████████████████████████████████11%|3sProgressbar5[018/100]██████████████████████████████████████████████18%|3s ERROR Spinner2failed!Progressbar1[060/100]██████████████████████████████████████████████60%|3sProgressbar2[090/100]██████████████████████████████████████████████90%|3sProgressbar3[012/100]██████████████████████████████████████████████12%|3sProgressbar4[006/100]██████████████████████████████████████████████6%|3sProgressbar5[020/100]██████████████████████████████████████████████20%|3sProgressbar1[064/100]██████████████████████████████████████████████64%|3sProgressbar2[096/100]██████████████████████████████████████████████96%|3sProgressbar5[021/100]██████████████████████████████████████████████21%|3sProgressbar1[068/100]██████████████████████████████████████████████68%|3sProgressbar2[102/102]██████████████████████████████████████████████100%|3sProgressbar3[013/100]██████████████████████████████████████████████13%|3sProgressbar5[022/100]██████████████████████████████████████████████22%|3sProgressbar1[071/100]██████████████████████████████████████████████71%|4sProgressbar3[014/100]██████████████████████████████████████████████14%|4sProgressbar4[007/100]██████████████████████████████████████████████7%|4sProgressbar5[023/100]██████████████████████████████████████████████23%|3sProgressbar1[075/100]██████████████████████████████████████████████75%|4sProgressbar3[015/100]██████████████████████████████████████████████15%|4sProgressbar5[025/100]██████████████████████████████████████████████25%|4sProgressbar1[079/100]██████████████████████████████████████████████79%|4sProgressbar5[026/100]██████████████████████████████████████████████26%|4sProgressbar1[083/100]██████████████████████████████████████████████83%|4sProgressbar3[016/100]██████████████████████████████████████████████16%|4sProgressbar4[008/100]████████████████████████████Progressbar4[008/100]██████████████████████████████████████████████8%|4sProgressbar5[027/100]██████████████████████████████████████████████27%|4sProgressbar1[087/100]██████████████████████████████████████████████87%|4sProgressbar3[017/100]██████████████████████████████████████████████17%|4sProgressbar5[029/100]██████████████████████████████████████████████29%|4sProgressbar1[091/100]██████████████████████████████████████████████91%|5sProgressbar3[018/100]██████████████████████████████████████████████18%|5sProgressbar4[009/100]██████████████████████████████████████████████9%|5sProgressbar5[030/100]██████████████████████████████████████████████30%|5sProgressbar1[095/100]██████████████████████████████████████████████95%|5sProgressbar3[019/100]██████████████████████████████████████████████19%|5sProgressbar5[031/100]██████████████████████████████████████████████31%|5sProgressbar1[099/100]█████████████████████████████████████████████99%|5sProgressbar5[033/100]██████████████████████████████████Progressbar5[033/100]██████████████████████████████████████████████33%|5sProgressbar1[100/100]██████████████████████████████████████████████100%|5sProgressbar3[020/100]██████████████████████████████████████████████20%|5sProgressbar4[010/100]██████████████████████████████████████████████10%|5sProgressbar2[006/100]█████████████████Progressbar3[001/100]█████████████████████████████████████████████1%Progressbar5[001/100]██████████████████████Progressbar3[001/100]█████████████████████████Progressbar5[002/100]███████████████████████Progressbar2[018/100]████████████████Progressbar4[001/100]███████████████████████Progressbar2[024/100]███████████████████████████Progressbar4[001/100]██████████████████████Progressbar2[030/100]█████████████████████████████████████Progressbar4[002/100]██████████Progressbar5[006/100]██████████████████████████████████████████Progressbar2[036/100]████████████████████████████Progressbar5[008/100]█████████████████████████Progressbar5[008/100]██████████████████████████████████████████████8%|1sProgressbar2[042/100]█████████████████████████Progressbar4[002/100Progressbar5[009/100]████████████████████████████████Progressbar2[048/100]████████████████████████████████████████Progressbar4[003/100]███████████████Progressbar5[010/100]██████████████████████████████████████████████Progressbar2[054/100]████████████████████████████████████████████Progressbar5[012/100]█████████████████████████Progressbar2[060/100]██████████████████████████████████████████████60%Progressbar4[004/100]████████████████████████ProgressbaProgressbar4[004/100]█████████████████████████Progressbar2[072/100]██████████████████████████████████████████████72%Progressbar5[016/100]██████████████████████████Progressbar4[005/100]█████████████████████████████Progressbar4[005/100]█████████████████████████Progressbar4[006/100]████████████████████████████████████Progressbar4[006/100]███████████████████████████████████████Progressbar4[006/100]██████████████████████████████████████████Progressbar3[014/100]████████████Progressbar5[023/100]██████████████████████████████Progressbar3[015/100]███████████████Progressbar4[007/100]█████████████████████████████████████████████Progressbar4[007/100]██████████████████████████████████████████████Progressbar4[007/100]████Progressbar4[007/100]██████████████████████████████████████████████7%ProgressProgressbar3[018/100]████████████████████████████Progressbar5[030/100]█████████████████████████████████Progressbar4[009/100]█████████████████████████████Progressbar3[019/100]███████████████████████████████Progressbar3[020/100]██████████████████████████Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(255,255,255);white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:rgb(0,198,255);white-space:pre}.j{fill:rgb(244,10,0);white-space:pre}.k{fill:rgb(160,160,160);white-space:pre}.l{fill:rgb(239,15,0);white-space:pre}.m{fill:rgb(255,0,0);white-space:pre}.n{fill:rgb(252,2,0);white-space:pre}.o{fill:rgb(234,20,0);white-space:pre}.p{fill:rgb(224,30,0);white-space:pre}.q{fill:rgb(209,45,0);white-space:pre}.r{fill:rgb(249,5,0);white-space:pre}.s{fill:rgb(214,40,0);white-space:pre}.t{fill:rgb(193,61,0);white-space:pre}.u{fill:rgb(247,7,0);white-space:pre}.v{fill:rgb(242,12,0);white-space:pre}.w{fill:rgb(204,51,0);white-space:pre}.x{fill:rgb(178,76,0);white-space:pre}.y{fill:rgb(163,91,0);white-space:pre}.z{fill:rgb(183,71,0);white-space:pre}.A{fill:rgb(147,107,0);white-space:pre}.B{fill:rgb(173,81,0);white-space:pre}.C{fill:rgb(132,122,0);white-space:pre}.D{fill:rgb(117,137,0);white-space:pre}.E{fill:rgb(237,17,0);white-space:pre}.F{fill:rgb(153,102,0);white-space:pre}.G{fill:rgb(102,153,0);white-space:pre}.H{fill:rgb(221,33,0);white-space:pre}.I{fill:rgb(142,112,0);white-space:pre}.J{fill:rgb(86,168,0);white-space:pre}.K{fill:rgb(219,35,0);white-space:pre}.L{fill:rgb(71,183,0);white-space:pre}.M{fill:rgb(232,22,0);white-space:pre}.N{fill:rgb(168,204,140)}.O{white-space:pre}.P{fill:rgb(124,255,0);white-space:pre}.Q{fill:rgb(122,132,0);white-space:pre}.R{fill:rgb(56,198,0);white-space:pre}.S{fill:rgb(229,25,0);white-space:pre}.T{fill:rgb(112,142,0);white-space:pre}.U{fill:rgb(40,214,0);white-space:pre}.V{fill:rgb(226,28,0);white-space:pre}.W{fill:rgb(232,131,136)}.X{fill:rgb(243,86,86);white-space:pre}.Y{fill:rgb(25,229,0);white-space:pre}.Z{fill:rgb(91,163,0);white-space:pre}.aa{fill:rgb(10,244,0);white-space:pre}.ab{fill:rgb(201,53,0);white-space:pre}.ac{fill:rgb(81,173,0);white-space:pre}.ad{fill:rgb(0,255,0);white-space:pre}.ae{fill:rgb(198,56,0);white-space:pre}.af{fill:rgb(61,193,0);white-space:pre}.ag{fill:rgb(216,38,0);white-space:pre}.ah{fill:rgb(191,63,0);white-space:pre}.ai{fill:rgb(51,204,0);white-space:pre}.aj{fill:rgb(188,66,0);white-space:pre}.ak{fill:rgb(30,224,0);white-space:pre}.al{fill:rgb(211,43,0);white-space:pre}.am{fill:rgb(181,73,0);white-space:pre}.an{fill:rgb(22,232,0);white-space:pre}.ao{fill:rgb(12,242,0);white-space:pre}.ap{fill:rgb(206,48,0);white-space:pre}.aq{fill:rgb(175,79,0);white-space:pre}.ar{fill:rgb(2,252,0);white-space:pre}.as{fill:rgb(170,84,0);white-space:pre}.at{fill:transparent}.av{animation-duration:10.246126s;animation-iteration-count:infinite;animation-name:au;animation-timing-function:steps(1,end)}@keyframes au{0%{transform:translateX(-0px)}1.6%{transform:translateX(-80px)}1.7%{transform:translateX(-160px)}1.7%{transform:translateX(-240px)}1.7%{transform:translateX(-320px)}1.7%{transform:translateX(-400px)}3.6%{transform:translateX(-480px)}3.6%{transform:translateX(-560px)}3.6%{transform:translateX(-640px)}3.6%{transform:translateX(-720px)}3.6%{transform:translateX(-800px)}3.6%{transform:translateX(-880px)}3.6%{transform:translateX(-960px)}3.6%{transform:translateX(-1040px)}3.6%{transform:translateX(-1120px)}3.6%{transform:translateX(-1200px)}3.6%{transform:translateX(-1280px)}3.6%{transform:translateX(-1360px)}3.6%{transform:translateX(-1440px)}3.6%{transform:translateX(-1520px)}3.6%{transform:translateX(-1600px)}3.6%{transform:translateX(-1680px)}3.6%{transform:translateX(-1760px)}5.6%{transform:translateX(-1840px)}5.6%{transform:translateX(-1920px)}5.6%{transform:translateX(-2000px)}5.6%{transform:translateX(-2080px)}7.5%{transform:translateX(-2160px)}7.5%{transform:translateX(-2240px)}7.5%{transform:translateX(-2320px)}7.5%{transform:translateX(-2400px)}7.5%{transform:translateX(-2480px)}7.5%{transform:translateX(-2560px)}7.5%{transform:translateX(-2640px)}7.5%{transform:translateX(-2720px)}9.5%{transform:translateX(-2800px)}9.5%{transform:translateX(-2880px)}9.5%{transform:translateX(-2960px)}9.5%{transform:translateX(-3040px)}9.5%{transform:translateX(-3120px)}9.5%{transform:translateX(-3200px)}9.5%{transform:translateX(-3280px)}9.5%{transform:translateX(-3360px)}11.4%{transform:translateX(-3440px)}11.4%{transform:translateX(-3520px)}11.4%{transform:translateX(-3600px)}11.4%{transform:translateX(-3680px)}11.4%{transform:translateX(-3760px)}11.4%{transform:translateX(-3840px)}11.4%{transform:translateX(-3920px)}11.4%{transform:translateX(-4000px)}11.4%{transform:translateX(-4080px)}11.4%{transform:translateX(-4160px)}11.4%{transform:translateX(-4240px)}11.4%{transform:translateX(-4320px)}11.4%{transform:translateX(-4400px)}11.4%{transform:translateX(-4480px)}11.4%{transform:translateX(-4560px)}11.4%{transform:translateX(-4640px)}13.4%{transform:translateX(-4720px)}13.4%{transform:translateX(-4800px)}13.4%{transform:translateX(-4880px)}13.4%{transform:translateX(-4960px)}13.4%{transform:translateX(-5040px)}13.4%{transform:translateX(-5120px)}13.4%{transform:translateX(-5200px)}15.3%{transform:translateX(-5280px)}15.3%{transform:translateX(-5360px)}15.3%{transform:translateX(-5440px)}15.3%{transform:translateX(-5520px)}15.3%{transform:translateX(-5600px)}15.3%{transform:translateX(-5680px)}17.3%{transform:translateX(-5760px)}17.3%{transform:translateX(-5840px)}17.3%{transform:translateX(-5920px)}17.3%{transform:translateX(-6000px)}17.3%{transform:translateX(-6080px)}19.3%{transform:translateX(-6160px)}19.3%{transform:translateX(-6240px)}19.3%{transform:translateX(-6320px)}19.3%{transform:translateX(-6400px)}19.3%{transform:translateX(-6480px)}19.3%{transform:translateX(-6560px)}19.3%{transform:translateX(-6640px)}21.2%{transform:translateX(-6720px)}21.2%{transform:translateX(-6800px)}21.2%{transform:translateX(-6880px)}21.2%{transform:translateX(-6960px)}21.2%{transform:translateX(-7040px)}23.2%{transform:translateX(-7120px)}23.2%{transform:translateX(-7200px)}23.2%{transform:translateX(-7280px)}23.2%{transform:translateX(-7360px)}23.2%{transform:translateX(-7440px)}23.2%{transform:translateX(-7520px)}23.2%{transform:translateX(-7600px)}23.2%{transform:translateX(-7680px)}23.2%{transform:translateX(-7760px)}23.2%{transform:translateX(-7840px)}23.2%{transform:translateX(-7920px)}25.1%{transform:translateX(-8000px)}25.1%{transform:translateX(-8080px)}25.1%{transform:translateX(-8160px)}25.1%{transform:translateX(-8240px)}25.1%{transform:translateX(-8320px)}25.1%{transform:translateX(-8400px)}25.1%{transform:translateX(-8480px)}27.1%{transform:translateX(-8560px)}27.1%{transform:translateX(-8640px)}27.1%{transform:translateX(-8720px)}27.1%{transform:translateX(-8800px)}27.1%{transform:translateX(-8880px)}27.1%{transform:translateX(-8960px)}29%{transform:translateX(-9040px)}29%{transform:translateX(-9120px)}29%{transform:translateX(-9200px)}29%{transform:translateX(-9280px)}29%{transform:translateX(-9360px)}31.3%{transform:translateX(-9440px)}31.3%{transform:translateX(-9520px)}31.3%{transform:translateX(-9600px)}31.3%{transform:translateX(-9680px)}31.3%{transform:translateX(-9760px)}31.3%{transform:translateX(-9840px)}31.3%{transform:translateX(-9920px)}31.3%{transform:translateX(-10000px)}32.9%{transform:translateX(-10080px)}32.9%{transform:translateX(-10160px)}32.9%{transform:translateX(-10240px)}32.9%{transform:translateX(-10320px)}34.8%{transform:translateX(-10400px)}34.9%{transform:translateX(-10480px)}34.9%{transform:translateX(-10560px)}34.9%{transform:translateX(-10640px)}34.9%{transform:translateX(-10720px)}34.9%{transform:translateX(-10800px)}34.9%{transform:translateX(-10880px)}34.9%{transform:translateX(-10960px)}34.9%{transform:translateX(-11040px)}34.9%{transform:translateX(-11120px)}34.9%{transform:translateX(-11200px)}35.8%{transform:translateX(-11280px)}36.7%{transform:translateX(-11360px)}36.8%{transform:translateX(-11440px)}36.8%{transform:translateX(-11520px)}36.8%{transform:translateX(-11600px)}36.8%{transform:translateX(-11680px)}36.8%{transform:translateX(-11760px)}36.8%{transform:translateX(-11840px)}36.8%{transform:translateX(-11920px)}36.8%{transform:translateX(-12000px)}37.7%{transform:translateX(-12080px)}38.7%{transform:translateX(-12160px)}38.8%{transform:translateX(-12240px)}38.8%{transform:translateX(-12320px)}38.8%{transform:translateX(-12400px)}38.8%{transform:translateX(-12480px)}38.8%{transform:translateX(-12560px)}38.8%{transform:translateX(-12640px)}38.8%{transform:translateX(-12720px)}39.7%{transform:translateX(-12800px)}40.7%{transform:translateX(-12880px)}40.7%{transform:translateX(-12960px)}40.7%{transform:translateX(-13040px)}40.7%{transform:translateX(-13120px)}40.7%{transform:translateX(-13200px)}41.7%{transform:translateX(-13280px)}42.6%{transform:translateX(-13360px)}42.7%{transform:translateX(-13440px)}42.7%{transform:translateX(-13520px)}42.7%{transform:translateX(-13600px)}42.7%{transform:translateX(-13680px)}42.7%{transform:translateX(-13760px)}42.7%{transform:translateX(-13840px)}42.7%{transform:translateX(-13920px)}42.7%{transform:translateX(-14000px)}42.7%{transform:translateX(-14080px)}43.6%{transform:translateX(-14160px)}44.6%{transform:translateX(-14240px)}44.6%{transform:translateX(-14320px)}44.6%{transform:translateX(-14400px)}44.6%{transform:translateX(-14480px)}44.6%{transform:translateX(-14560px)}44.6%{transform:translateX(-14640px)}45.6%{transform:translateX(-14720px)}46.6%{transform:translateX(-14800px)}46.6%{transform:translateX(-14880px)}46.6%{transform:translateX(-14960px)}46.6%{transform:translateX(-15040px)}46.6%{transform:translateX(-15120px)}46.6%{transform:translateX(-15200px)}46.6%{transform:translateX(-15280px)}46.6%{transform:translateX(-15360px)}47.6%{transform:translateX(-15440px)}48.5%{transform:translateX(-15520px)}48.5%{transform:translateX(-15600px)}48.5%{transform:translateX(-15680px)}48.5%{transform:translateX(-15760px)}48.5%{transform:translateX(-15840px)}48.5%{transform:translateX(-15920px)}49.5%{transform:translateX(-16000px)}50.5%{transform:translateX(-16080px)}50.5%{transform:translateX(-16160px)}50.5%{transform:translateX(-16240px)}50.5%{transform:translateX(-16320px)}50.5%{transform:translateX(-16400px)}50.5%{transform:translateX(-16480px)}51.2%{transform:translateX(-16560px)}51.2%{transform:translateX(-16640px)}51.2%{transform:translateX(-16720px)}51.2%{transform:translateX(-16800px)}51.2%{transform:translateX(-16880px)}51.2%{transform:translateX(-16960px)}51.2%{transform:translateX(-17040px)}100%{transform:translateX(-17120px)}}Spinner1(0s)Spinner2(0s)Progressbar1[004/100]██████████████████████████████████████████████4%|0sProgressbar2[006/100]██████████████████████████████████████████████6%|0sProgressbar3[000/100]█████████████████████████████████████████████0%|0sProgressbar4[000/100]█████████████████████████████████████████████0%|0sProgressbar5[001/100]█████████████████████████████████████████████1%|0sSpinner1(0s)Spinner2(0s)Progressbar1[008/100]██████████████████████████████████████████████8%|0sProgressbar2[012/100]██████████████████████████████████████████████12%|0sProgressbar3[001/100]█████████████████████████████████████████████1%|0sSpinner1(1s)Spinner2(1s)Progressbar1[012/100]██████████████████████████████████████████████12%|1sProgressbar2[018/100]██████████████████████████████████████████████18%|1sProgressbar3[002/100]█████████████████████████████████████████████2%|0sProgressbar4[001/100]█████████████████████████████████████████████1%|0sSpinner1(1s)Spinner2(1s)Progressbar1[016/100]██████████████████████████████████████████████16%|1sProgressbar2[024/100]██████████████████████████████████████████████24%|1sProgressbar3[003/100]██████████████████████████████████████████████3%|1sProgressbar5[005/100]██████████████████████████████████████████████5%|1sSpinner1(1s)Spinner2(1s)Progressbar1[020/100]██████████████████████████████████████████████20%|1sProgressbar2[030/100]██████████████████████████████████████████████30%|1sProgressbar3[004/100]██████████████████████████████████████████████4%|1sProgressbar4[002/100]█████████████████████████████████████████████2%|1sSpinner1(1s)Spinner2(1s)Progressbar1[024/100]██████████████████████████████████████████████24%|1sProgressbar2[036/100]██████████████████████████████████████████████36%|1sProgressbar1[028/100]██████████████████████████████████████████████28%|1sProgressbar2[042/100]██████████████████████████████████████████████42%|1sProgressbar3[005/100]██████████████████████████████████████████████5%|1sSpinner1(2s)Spinner2(2s)Progressbar1[032/100]██████████████████████████████████████████████32%|2sProgressbar2[048/100]██████████████████████████████████████████████48%|2sProgressbar3[006/100]██████████████████████████████████████████████6%|1sProgressbar4[003/100]██████████████████████████████████████████████3%|1sSpinner1(2s)Spinner2(2s)Progressbar1[036/100]██████████████████████████████████████████████36%|2sProgressbar2[054/100]██████████████████████████████████████████████54%|2sProgressbar3[007/100]██████████████████████████████████████████████7%|2sProgressbar5[012/100]██████████████████████████████████████████████12%|2sProgressbar1[040/100]██████████████████████████████████████████████40%|2sProgressbar2[060/100]██████████████████████████████████████████████60%|2sProgressbar3[008/100]██████████████████████████████████████████████8%|2sProgressbar4[004/100]██████████████████████████████████████████████4%|2sProgressbar5[013/100]██████████████████████████████████████████████13%|2sSpinner1(2s)Spinner2(2s)Progressbar1[044/100]██████████████████████████████████████████████44%|2sProgressbar2[066/100]██████████████████████████████████████████████66%|2sProgressbar5[014/100]██████████████████████████████████████████████14%|2sSpinner1(2s)Spinner2(2s)Progressbar1[048/100]██████████████████████████████████████████████48%|2sProgressbar2[072/100]██████████████████████████████████████████████72%|2sProgressbar3[009/100]██████████████████████████████████████████████9%|2s SUCCESS Spinner1isdone!Progressbar1[052/100]██████████████████████████████████████████████52%|3sProgressbar2[078/100]██████████████████████████████████████████████78%|3sProgressbar3[010/100]██████████████████████████████████████████████10%|2sProgressbar4[005/100]█████████████████████████Progressbar4[005/100]██████████████████████████████████████████████5%|2sSpinner2(3s)Progressbar1[056/100]██████████████████████████████████████████████56%|3sProgressbar2[084/100]██████████████████████████████████████████████84%|3sProgressbar3[011/100]██████████████████████████████████████████████11%|3sProgressbar5[018/100]██████████████████████████████████████████████18%|3s ERROR Spinner2failed!Progressbar1[060/100]██████████████████████████████████████████████60%|3sProgressbar2[090/100]██████████████████████████████████████████████90%|3sProgressbar3[012/100]██████████████████████████████████████████████12%|3sProgressbar4[006/100]██████████████████████████████████████████████6%|3sProgressbar1[064/100]██████████████████████████████████████████████64%|3sProgressbar2[096/100]██████████████████████████████████████████████96%|3sProgressbar5[021/100]██████████████████████████████████████████████21%|3sProgressbar1[068/100]██████████████████████████████████████████████68%|3sProgressbar2[102/102]██████████████████████████████████████████████100%|3sProgressbar3[013/100]██████████████████████████████████████████████13%|3sProgressbar5[022/100]██████████████████████████████████████████████22%|3sProgressbar1[072/100]██████████████████████████████████████████████72%|4sProgressbar3[014/100]██████████████████████████████████████████████14%|3sProgressbar4[007/100]██████████████████████████████████████████████7%|3sProgressbar5[024/100]██████████████████████████████████████████████24%|4sProgressbar1[076/100]██████████████████████████████████████████████76%|4sProgressbar3[015/100]██████████████████████████████████████████████15%|4sProgressbar5[025/100]██████████████████████████████████████████████25%|4sProgressbar1[080/100]██████████████████████████████████████████████80%|4sProgressbar3[016/100]██████████████████████████████████████████████16%|4sProgressbar4[008/100]██████████████████████████████████████████████8%|4sProgressbar5[026/100]██████████████████████████████████████████████26%|4sProgressbar1[084/100]██████████████████████████████████████████████84%|4sProgressbar5[028/100]██████████████████████████████████████████████28%|4sProgressbar1[088/100]██████████████████████████████████████████████88%|4sProgressbar3[017/100]██████████████████████████████████████████████17%|4sProgressbar5Progressbar5[029/100]██████████████████████████████████████████████29%|4sProgressbar1[091/100]██████████████████████████████████████████████91%|5sProgressbar3[018/100]██████████████████████████████████████████████18%|5sProgressbar4[009/100]██████████████████████████████████████████████9%|4sProgressbar5[030/100]██████████████████████████████████████████████30%|4sProgressbar1[095/100]██████████████████████████████████████████████95%|5sProgressbar3[019/100]██████████████████████████████████████████████19%|5sProgressbar5[031/100]██████████████████████████████████████████████31%|5sProgressbar1[099/100]█████████████████████████████████████████████99%|5sProgressbar5[033/100]██████████████████████████████████████████████33%|5sProgressbar1[100/100]██████████████████████████████████████████████100%|5sProgressbar3[020/100]██████████████████████████████████████████████20%|5sProgressbar4[010/100]██████████████████████████████████████████████10%|5sProgressbar3[000/100]████████████████████████████████████████Progressbar2[012/100]████████Progressbar3[001/100]██████████████████████████████████████Progressbar5[002/100]█████████████Progressbar5[002/100]█████████████████████████████████████████████2%|0sProgressbar3[002/100]███████████████████████████Progressbar5[004/100]███████████████████████Progressbar5[004/100]██████████████████████████████████████████████4%|1sProgressbar4Progressbar4[002/1Progressbar5[006/100]██████████████████████████████Progressbar5[006/100]██████████████████████████████████████████████6%|1sProgressbar4[002/100]██████████████████████Progressbar5[008/100]██████████████████████████████████████████████8%|1sProgressbar2[042/100]███████████████████████████████████████████Progressbar4[002/100]█████Progressbar5[009/100]██████████████████████████████████████Progressbar5[009/100]██████████████████████████████████████████████9%|1sProgressbar3[006/100]██████████████████████████████████████Progressbar5[010/100]██████████████████████████████████████████████10%|1sProgressbar4[003/100]███████████████████████Progressbar2[060/100]████████████████████████████████████Progressbar4[004/100]███████████Progressbar5[013/100]████████████████████████████████████████████Progressbar4[004/100]███████████████████Progressbar3[009/100]██████████████████████████████████████████████9Progressbar5[016/100]██████████████████████████████████████████████16%|2sProgressbar5[017/100]██████████████████████████████████████████████17%|3sProgressbar4[006/100]██████████████████████████Progressbar5[020/100]██████████████████████████████████████████████20%|3sProgressbar3[012/100]██████Progressbar4[006/100]████████████████████████████████████Progressbar3[016/100]█████████████Progressbar4[008/100]███████████████████████████████████████████Progressbar3[017/100]████████████████████Progressbar3[018/100]██████████████████Progressbar4[009/100]██████████████████████████████Progressbar3[019/100]███████████████████Progressbar4[010/100]██████████████████████████████Restartinganimation... \ No newline at end of file diff --git a/_examples/panel/demo/animation.svg b/_examples/panel/demo/animation.svg index 2fe16cd40..124bd8f4f 100644 --- a/_examples/panel/demo/animation.svg +++ b/_examples/panel/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(111,119,131)}.h{fill:rgb(255,255,255);font-weight:bold;white-space:pre}.i{fill:rgb(255,0,4);white-space:pre}.j{fill:transparent}.l{animation-duration:5.270788s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}5.1%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}Thisisthefirstpanel This Hello, World! panel containsmultiplelinesThisisanotherThisisthesecondpanelpanellinewithanewlineRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(111,119,131)}.h{fill:rgb(255,255,255);font-weight:bold;white-space:pre}.i{fill:rgb(255,0,4);white-space:pre}.j{fill:transparent}.l{animation-duration:5.336125s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}@keyframes k{0%{transform:translateX(-0px)}5.5%{transform:translateX(-80px)}6.3%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Thisisthefirstpanel This Hello, World! panel containsmultiplelinesThisisanotherThisisthesecondpanelpanellinewithanewlineRestartinganimation... \ No newline at end of file diff --git a/_examples/paragraph/customized/animation.svg b/_examples/paragraph/customized/animation.svg index b93454484..c978d7b70 100644 --- a/_examples/paragraph/customized/animation.svg +++ b/_examples/paragraph/customized/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.241828s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}3.6%{transform:translateX(-80px)}4.6%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Thisisacustomparagraphprinter.Asyoucansee,nowordsareseparated,butthetextissplitatthespaces.Thisisusefulforcontinuoustextofallkinds.Youcanmanuallychangethelinewidthifyouwantto.Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamThistextiswrittenwiththedefaultPrintln()function.Nointelligentsplittinghere.Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.304199s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}3.9%{transform:translateX(-80px)}5.7%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Thisisacustomparagraphprinter.Asyoucansee,nowordsareseparated,butthetextissplitatthespaces.Thisisusefulforcontinuoustextofallkinds.Youcanmanuallychangethelinewidthifyouwantto.Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamThistextiswrittenwiththedefaultPrintln()function.Nointelligentsplittinghere.Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamRestartinganimation... \ No newline at end of file diff --git a/_examples/paragraph/demo/animation.svg b/_examples/paragraph/demo/animation.svg index ed84f416a..73154b560 100644 --- a/_examples/paragraph/demo/animation.svg +++ b/_examples/paragraph/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.266363s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}3.8%{transform:translateX(-80px)}5.1%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Thisisthedefaultparagraphprinter.Asyoucansee,nowordsareseparated,butthetextissplitatthespaces.Thisisusefulforcontinuoustextofallkinds.Youcanmanuallychangethelinewidthifyouwantto.Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamThistextiswrittenwiththedefaultPrintln()function.Nointelligentsplittinghere.Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:transparent}.i{animation-duration:5.314828s;animation-iteration-count:infinite;animation-name:h;animation-timing-function:steps(1,end)}@keyframes h{0%{transform:translateX(-0px)}4.7%{transform:translateX(-80px)}5.9%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Thisisthedefaultparagraphprinter.Asyoucansee,nowordsareseparated,butthetextissplitatthespaces.Thisisusefulforcontinuoustextofallkinds.Youcanmanuallychangethelinewidthifyouwantto.Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamThistextiswrittenwiththedefaultPrintln()function.Nointelligentsplittinghere.Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamRestartinganimation... \ No newline at end of file diff --git a/_examples/prefix/demo/animation.svg b/_examples/prefix/demo/animation.svg index bf2531bb3..649e591c2 100644 --- a/_examples/prefix/demo/animation.svg +++ b/_examples/prefix/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(111,119,131)}.g{white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:rgb(102,194,205)}.j{fill:rgb(126,231,233);white-space:pre}.k{fill:rgb(168,204,140)}.l{fill:rgb(124,255,0);white-space:pre}.m{fill:rgb(219,171,121)}.n{fill:rgb(255,241,0);white-space:pre}.o{fill:rgb(232,131,136)}.p{fill:rgb(243,86,86);white-space:pre}.q{fill:transparent}.s{animation-duration:5.336621s;animation-iteration-count:infinite;animation-name:r;animation-timing-function:steps(1,end)}.t{fill:rgb(160,160,160);white-space:pre}@keyframes r{0%{transform:translateX(-0px)}4.6%{transform:translateX(-80px)}6.3%{transform:translateX(-160px)}100%{transform:translateX(-240px)}} DEBUG Hello,World! INFO Hello,World! SUCCESS Hello,World! WARNING Hello,World! ERROR Errorsshowthefilenameandlinenumberinsidetheterminal! INFO OtherPrefixPrinterscandothattoo!(/github/workspace/_examples/prefix/demo/main.go:14) FATAL Hello,World!Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(111,119,131)}.g{white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:rgb(102,194,205)}.j{fill:rgb(126,231,233);white-space:pre}.k{fill:rgb(168,204,140)}.l{fill:rgb(124,255,0);white-space:pre}.m{fill:rgb(219,171,121)}.n{fill:rgb(255,241,0);white-space:pre}.o{fill:rgb(232,131,136)}.p{fill:rgb(243,86,86);white-space:pre}.q{fill:transparent}.s{animation-duration:5.340183s;animation-iteration-count:infinite;animation-name:r;animation-timing-function:steps(1,end)}.t{fill:rgb(160,160,160);white-space:pre}@keyframes r{0%{transform:translateX(-0px)}5.6%{transform:translateX(-80px)}6.4%{transform:translateX(-160px)}100%{transform:translateX(-240px)}} DEBUG Hello,World! INFO Hello,World! SUCCESS Hello,World! WARNING Hello,World! ERROR Errorsshowthefilenameandlinenumberinsidetheterminal! INFO OtherPrefixPrinterscandothattoo!(/github/workspace/_examples/prefix/demo/main.go:14) FATAL Hello,World!Restartinganimation... \ No newline at end of file diff --git a/_examples/progressbar/demo/animation.svg b/_examples/progressbar/demo/animation.svg index 1aa3a9f3e..d0628c5ee 100644 --- a/_examples/progressbar/demo/animation.svg +++ b/_examples/progressbar/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(168,204,140)}.g{white-space:pre}.h{fill:rgb(124,255,0);white-space:pre}.i{fill:rgb(126,231,233);white-space:pre}.j{fill:rgb(104,104,104);white-space:pre}.k{fill:rgb(255,255,255);white-space:pre}.l{fill:rgb(0,198,255);white-space:pre}.m{fill:rgb(233,21,0);white-space:pre}.n{fill:rgb(160,160,160);white-space:pre}.o{fill:rgb(212,42,0);white-space:pre}.p{fill:rgb(191,63,0);white-space:pre}.q{fill:rgb(170,85,0);white-space:pre}.r{fill:rgb(148,106,0);white-space:pre}.s{fill:rgb(127,127,0);white-space:pre}.t{fill:rgb(106,148,0);white-space:pre}.u{fill:rgb(85,170,0);white-space:pre}.v{fill:rgb(63,191,0);white-space:pre}.w{fill:rgb(42,212,0);white-space:pre}.x{fill:rgb(21,233,0);white-space:pre}.y{fill:rgb(0,255,0);white-space:pre}.z{fill:transparent}.B{animation-duration:12.094893s;animation-iteration-count:infinite;animation-name:A;animation-timing-function:steps(1,end)}.C{fill:rgb(255,0,0);white-space:pre}@keyframes A{0%{transform:translateX(-0px)}1.8%{transform:translateX(-80px)}2.5%{transform:translateX(-160px)}2.5%{transform:translateX(-240px)}2.5%{transform:translateX(-320px)}4.7%{transform:translateX(-400px)}4.8%{transform:translateX(-480px)}4.8%{transform:translateX(-560px)}4.8%{transform:translateX(-640px)}7.7%{transform:translateX(-720px)}7.7%{transform:translateX(-800px)}7.7%{transform:translateX(-880px)}7.7%{transform:translateX(-960px)}10.1%{transform:translateX(-1040px)}10.6%{transform:translateX(-1120px)}10.6%{transform:translateX(-1200px)}10.6%{transform:translateX(-1280px)}10.6%{transform:translateX(-1360px)}10.6%{transform:translateX(-1440px)}13.5%{transform:translateX(-1520px)}13.5%{transform:translateX(-1600px)}13.5%{transform:translateX(-1680px)}13.5%{transform:translateX(-1760px)}16.4%{transform:translateX(-1840px)}16.4%{transform:translateX(-1920px)}16.4%{transform:translateX(-2000px)}16.4%{transform:translateX(-2080px)}18.4%{transform:translateX(-2160px)}26.7%{transform:translateX(-2240px)}34.9%{transform:translateX(-2320px)}43.2%{transform:translateX(-2400px)}44.1%{transform:translateX(-2480px)}44.1%{transform:translateX(-2560px)}44.1%{transform:translateX(-2640px)}44.1%{transform:translateX(-2720px)}44.1%{transform:translateX(-2800px)}47%{transform:translateX(-2880px)}47%{transform:translateX(-2960px)}47%{transform:translateX(-3040px)}47%{transform:translateX(-3120px)}47%{transform:translateX(-3200px)}49.9%{transform:translateX(-3280px)}49.9%{transform:translateX(-3360px)}49.9%{transform:translateX(-3440px)}49.9%{transform:translateX(-3520px)}49.9%{transform:translateX(-3600px)}51.5%{transform:translateX(-3680px)}52.8%{transform:translateX(-3760px)}52.8%{transform:translateX(-3840px)}52.8%{transform:translateX(-3920px)}52.8%{transform:translateX(-4000px)}52.8%{transform:translateX(-4080px)}55.7%{transform:translateX(-4160px)}55.8%{transform:translateX(-4240px)}55.8%{transform:translateX(-4320px)}55.8%{transform:translateX(-4400px)}58.7%{transform:translateX(-4480px)}58.7%{transform:translateX(-4560px)}58.7%{transform:translateX(-4640px)}58.7%{transform:translateX(-4720px)}58.7%{transform:translateX(-4800px)}58.7%{transform:translateX(-4880px)}58.7%{transform:translateX(-4960px)}100%{transform:translateX(-5040px)}} SUCCESS Downloadingpseudo-excelDownloadingpseudo-photoshop[01/12]█████████████████████████████████8%|0s SUCCESS Downloadingpseudo-photoshopDownloadingpseudo-chrome[02/12]████████████████████████████████████17%|1s SUCCESS Downloadingpseudo-chromeDownloadingpseudo-chrome[03/12]████████████████████████████████████25%|1sDownloadingpseudo-outlook[03/12]███████████████████████████████████25%|1s SUCCESS Downloadingpseudo-outlookDownloadingpseudo-explorer[04/12]██████████████████████████████████33%|1s SUCCESS Downloadingpseudo-explorerDownloadingpseudo-dops[05/12]██████████████████████████████████████42%|2s SUCCESS Downloadingpseudo-dopsDownloadingpseudo-dops[06/12]██████████████████████████████████████50%|2sDownloadingpseudo-git[06/12]███████████████████████████████████████50%|5s SUCCESS Downloadingpseudo-gitDownloadingpseudo-vsc[07/12]███████████████████████████████████████58%|5s SUCCESS Downloadingpseudo-vscDownloadingpseudo-intellij[08/12]██████████████████████████████████67%|6s SUCCESS Downloadingpseudo-intellijDownloadingpseudo-intellij[09/12]██████████████████████████████████75%|6sDownloadingpseudo-minecraft[09/12]█████████████████████████████████75%|6s SUCCESS Downloadingpseudo-minecraftDownloadingpseudo-scoop[10/12]█████████████████████████████████████83%|7s SUCCESS Downloadingpseudo-scoopDownloadingpseudo-chocolatey[11/12]████████████████████████████████92%|7s SUCCESS Downloadingpseudo-chocolateyDownloadingpseudo-chocolatey[12/12]████████████████████████████████100%|7sDownloadingpseudo-excel[00/12]████████████████████████████████████0%|0sDownloadingpseudo-excel[01/12]████████████████████████████████████0%|0sDownloadingpseudo-excel[01/12]█████████████████████████████████████8%|0sDownloadingpseudo-photoshop[02/12]█████████████████████████████████17%|0sDownloadingpseudo-outlook[04/12]███████████████████████████████████33%|1sDownloadingpseudo-explorer[05/12]██████████████████████████████████42%|1sDownloadingpseudo-dops[06/12]██████████████████████████████████████50%|3sDownloadingpseudo-dops[06/12]██████████████████████████████████████50%|4sDownloadingpseudo-dops[06/12]██████████████████████████████████████50%|5sDownloadingpseudo-git[07/12]███████████████████████████████████████58%|5sDownloadingpseudo-vsc[08/12]███████████████████████████████████████67%|5sDownloadingpseudo-minecraft[10/12]█████████████████████████████████83%|6sDownloadingpseudo-scoop[11/12]█████████████████████████████████████92%|7sRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(168,204,140)}.g{white-space:pre}.h{fill:rgb(124,255,0);white-space:pre}.i{fill:rgb(126,231,233);white-space:pre}.j{fill:rgb(104,104,104);white-space:pre}.k{fill:rgb(255,255,255);white-space:pre}.l{fill:rgb(0,198,255);white-space:pre}.m{fill:rgb(233,21,0);white-space:pre}.n{fill:rgb(160,160,160);white-space:pre}.o{fill:rgb(212,42,0);white-space:pre}.p{fill:rgb(191,63,0);white-space:pre}.q{fill:rgb(170,85,0);white-space:pre}.r{fill:rgb(148,106,0);white-space:pre}.s{fill:rgb(127,127,0);white-space:pre}.t{fill:rgb(63,191,0);white-space:pre}.u{fill:rgb(21,233,0);white-space:pre}.v{fill:rgb(0,255,0);white-space:pre}.w{fill:transparent}.y{animation-duration:12.154373s;animation-iteration-count:infinite;animation-name:x;animation-timing-function:steps(1,end)}.z{fill:rgb(255,0,0);white-space:pre}.A{fill:rgb(106,148,0);white-space:pre}.B{fill:rgb(85,170,0);white-space:pre}.C{fill:rgb(42,212,0);white-space:pre}@keyframes x{0%{transform:translateX(-0px)}2.1%{transform:translateX(-80px)}2.7%{transform:translateX(-160px)}2.7%{transform:translateX(-240px)}2.7%{transform:translateX(-320px)}5.3%{transform:translateX(-400px)}5.3%{transform:translateX(-480px)}5.3%{transform:translateX(-560px)}5.3%{transform:translateX(-640px)}8.2%{transform:translateX(-720px)}8.2%{transform:translateX(-800px)}8.2%{transform:translateX(-880px)}8.2%{transform:translateX(-960px)}10.6%{transform:translateX(-1040px)}11.1%{transform:translateX(-1120px)}11.1%{transform:translateX(-1200px)}11.1%{transform:translateX(-1280px)}11.1%{transform:translateX(-1360px)}11.1%{transform:translateX(-1440px)}13.9%{transform:translateX(-1520px)}14%{transform:translateX(-1600px)}14%{transform:translateX(-1680px)}14%{transform:translateX(-1760px)}14%{transform:translateX(-1840px)}16.8%{transform:translateX(-1920px)}16.8%{transform:translateX(-2000px)}16.8%{transform:translateX(-2080px)}16.8%{transform:translateX(-2160px)}16.8%{transform:translateX(-2240px)}18.8%{transform:translateX(-2320px)}27.1%{transform:translateX(-2400px)}35.3%{transform:translateX(-2480px)}43.5%{transform:translateX(-2560px)}44.4%{transform:translateX(-2640px)}44.4%{transform:translateX(-2720px)}47.3%{transform:translateX(-2800px)}47.3%{transform:translateX(-2880px)}50.2%{transform:translateX(-2960px)}50.2%{transform:translateX(-3040px)}51.8%{transform:translateX(-3120px)}53.1%{transform:translateX(-3200px)}53.1%{transform:translateX(-3280px)}56%{transform:translateX(-3360px)}56%{transform:translateX(-3440px)}58.9%{transform:translateX(-3520px)}58.9%{transform:translateX(-3600px)}58.9%{transform:translateX(-3680px)}58.9%{transform:translateX(-3760px)}58.9%{transform:translateX(-3840px)}58.9%{transform:translateX(-3920px)}58.9%{transform:translateX(-4000px)}58.9%{transform:translateX(-4080px)}100%{transform:translateX(-4160px)}} SUCCESS Downloadingpseudo-excelDownloadingpseudo-photoshop[01/12]█████████████████████████████████8%|0s SUCCESS Downloadingpseudo-photoshopDownloadingpseudo-chrome[02/12]████████████████████████████████████17%|1s SUCCESS Downloadingpseudo-chromeDownloadingpseudo-chrome[03/12]████████████████████████████████████25%|1sDownloadingpseudo-outlook[03/12]███████████████████████████████████25%|1s SUCCESS Downloadingpseudo-outlookDownloadingpseudo-explorer[04/12]██████████████████████████████████33%|1s SUCCESS Downloadingpseudo-explorerDownloadingpseudo-dops[05/12]██████████████████████████████████████42%|2s SUCCESS Downloadingpseudo-dopsDownloadingpseudo-dops[06/12]██████████████████████████████████████50%|2s SUCCESS Downloadingpseudo-git SUCCESS Downloadingpseudo-vsc SUCCESS Downloadingpseudo-intellijDownloadingpseudo-intellij[09/12]██████████████████████████████████75%|6s SUCCESS Downloadingpseudo-minecraft SUCCESS Downloadingpseudo-scoopDownloadingpseudo-chocolatey[11/12]████████████████████████████████92%|7s SUCCESS Downloadingpseudo-chocolateyDownloadingpseudo-chocolatey[12/12]████████████████████████████████100%|7sDownloadingpseudo-excel[00/12]████████████████████████████████████0%|0sDownloadingpseudo-excel[01/12]████████████████████████████████████0%|0sDownloadingpseudo-excel[01/12]█████████████████████████████████████8%|0sDownloadingpseudo-photoshop[02/12]█████████████████████████████████17%|0sDownloadingpseudo-outlook[04/12]███████████████████████████████████33%|1sDownloadingpseudo-explorer[05/12]██████████████████████████████████42%|1sDownloadingpseudo-dops[06/12]██████████████████████████████████████50%|3sDownloadingpseudo-dops[06/12]██████████████████████████████████████50%|4sDownloadingpseudo-dops[06/12]██████████████████████████████████████50%|5sDownloadingpseudo-git[06/12]███████████████████████████████████████50%|5sDownloadingpseudo-git[07/12]███████████████████████████████████████58%|5sDownloadingpseudo-vsc[07/12]███████████████████████████████████████58%|5sDownloadingpseudo-vsc[08/12]███████████████████████████████████████67%|5sDownloadingpseudo-intellij[09/12]██████████████████████████████████67%|6sDownloadingpseudo-minecraft[10/12]█████████████████████████████████75%|6sDownloadingpseudo-minecraft[10/12]█████████████████████████████████83%|6sDownloadingpseudo-scoop[11/12]█████████████████████████████████████83%|7sDownloadingpseudo-scoop[11/12]█████████████████████████████████████92%|7sRestartinganimation... \ No newline at end of file diff --git a/_examples/progressbar/multiple/animation.svg b/_examples/progressbar/multiple/animation.svg index 354478385..2efeb744c 100644 --- a/_examples/progressbar/multiple/animation.svg +++ b/_examples/progressbar/multiple/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:rgb(255,255,255);white-space:pre}.i{fill:rgb(0,198,255);white-space:pre}.j{fill:rgb(244,10,0);white-space:pre}.k{fill:rgb(160,160,160);white-space:pre}.l{fill:rgb(239,15,0);white-space:pre}.m{fill:rgb(255,0,0);white-space:pre}.n{fill:rgb(252,2,0);white-space:pre}.o{fill:rgb(234,20,0);white-space:pre}.p{fill:rgb(224,30,0);white-space:pre}.q{fill:rgb(249,5,0);white-space:pre}.r{fill:rgb(209,45,0);white-space:pre}.s{fill:rgb(214,40,0);white-space:pre}.t{fill:rgb(193,61,0);white-space:pre}.u{fill:rgb(247,7,0);white-space:pre}.v{fill:rgb(204,51,0);white-space:pre}.w{fill:rgb(178,76,0);white-space:pre}.x{fill:rgb(163,91,0);white-space:pre}.y{fill:rgb(183,71,0);white-space:pre}.z{fill:rgb(147,107,0);white-space:pre}.A{fill:rgb(242,12,0);white-space:pre}.B{fill:rgb(232,22,0);white-space:pre}.C{fill:rgb(173,81,0);white-space:pre}.D{fill:rgb(132,122,0);white-space:pre}.E{fill:rgb(229,25,0);white-space:pre}.F{fill:rgb(117,137,0);white-space:pre}.G{fill:rgb(237,17,0);white-space:pre}.H{fill:rgb(153,102,0);white-space:pre}.I{fill:rgb(102,153,0);white-space:pre}.J{fill:rgb(221,33,0);white-space:pre}.K{fill:rgb(142,112,0);white-space:pre}.L{fill:rgb(86,168,0);white-space:pre}.M{fill:rgb(71,183,0);white-space:pre}.N{fill:rgb(122,132,0);white-space:pre}.O{fill:rgb(56,198,0);white-space:pre}.P{fill:rgb(211,43,0);white-space:pre}.Q{fill:rgb(112,142,0);white-space:pre}.R{fill:rgb(40,214,0);white-space:pre}.S{fill:rgb(226,28,0);white-space:pre}.T{fill:rgb(25,229,0);white-space:pre}.U{fill:rgb(91,163,0);white-space:pre}.V{fill:rgb(10,244,0);white-space:pre}.W{fill:rgb(201,53,0);white-space:pre}.X{fill:rgb(81,173,0);white-space:pre}.Y{fill:rgb(0,255,0);white-space:pre}.Z{fill:rgb(198,56,0);white-space:pre}.aa{fill:rgb(219,35,0);white-space:pre}.ab{fill:rgb(61,193,0);white-space:pre}.ac{fill:rgb(216,38,0);white-space:pre}.ad{fill:rgb(191,63,0);white-space:pre}.ae{fill:rgb(51,204,0);white-space:pre}.af{fill:rgb(188,66,0);white-space:pre}.ag{fill:rgb(30,224,0);white-space:pre}.ah{fill:rgb(181,73,0);white-space:pre}.ai{fill:rgb(20,234,0);white-space:pre}.aj{fill:rgb(12,242,0);white-space:pre}.ak{fill:rgb(206,48,0);white-space:pre}.al{fill:rgb(175,79,0);white-space:pre}.am{fill:rgb(2,252,0);white-space:pre}.an{fill:rgb(170,84,0);white-space:pre}.ao{fill:transparent}.aq{animation-duration:10.272425s;animation-iteration-count:infinite;animation-name:ap;animation-timing-function:steps(1,end)}@keyframes ap{0%{transform:translateX(-0px)}1.8%{transform:translateX(-80px)}2.2%{transform:translateX(-160px)}3.8%{transform:translateX(-240px)}3.8%{transform:translateX(-320px)}3.8%{transform:translateX(-400px)}3.8%{transform:translateX(-480px)}3.8%{transform:translateX(-560px)}3.8%{transform:translateX(-640px)}3.8%{transform:translateX(-720px)}3.8%{transform:translateX(-800px)}3.8%{transform:translateX(-880px)}3.8%{transform:translateX(-960px)}3.8%{transform:translateX(-1040px)}3.8%{transform:translateX(-1120px)}5.8%{transform:translateX(-1200px)}5.8%{transform:translateX(-1280px)}5.8%{transform:translateX(-1360px)}5.8%{transform:translateX(-1440px)}5.8%{transform:translateX(-1520px)}5.8%{transform:translateX(-1600px)}7.7%{transform:translateX(-1680px)}7.7%{transform:translateX(-1760px)}7.7%{transform:translateX(-1840px)}7.7%{transform:translateX(-1920px)}7.7%{transform:translateX(-2000px)}7.7%{transform:translateX(-2080px)}7.7%{transform:translateX(-2160px)}7.7%{transform:translateX(-2240px)}9.7%{transform:translateX(-2320px)}9.7%{transform:translateX(-2400px)}9.7%{transform:translateX(-2480px)}9.7%{transform:translateX(-2560px)}9.7%{transform:translateX(-2640px)}9.7%{transform:translateX(-2720px)}9.7%{transform:translateX(-2800px)}9.7%{transform:translateX(-2880px)}11.6%{transform:translateX(-2960px)}11.6%{transform:translateX(-3040px)}11.6%{transform:translateX(-3120px)}11.6%{transform:translateX(-3200px)}13.6%{transform:translateX(-3280px)}13.6%{transform:translateX(-3360px)}13.6%{transform:translateX(-3440px)}13.6%{transform:translateX(-3520px)}15.5%{transform:translateX(-3600px)}15.5%{transform:translateX(-3680px)}15.5%{transform:translateX(-3760px)}15.5%{transform:translateX(-3840px)}15.5%{transform:translateX(-3920px)}15.5%{transform:translateX(-4000px)}15.5%{transform:translateX(-4080px)}15.5%{transform:translateX(-4160px)}15.5%{transform:translateX(-4240px)}17.5%{transform:translateX(-4320px)}17.5%{transform:translateX(-4400px)}17.5%{transform:translateX(-4480px)}17.5%{transform:translateX(-4560px)}17.5%{transform:translateX(-4640px)}17.5%{transform:translateX(-4720px)}17.5%{transform:translateX(-4800px)}17.5%{transform:translateX(-4880px)}17.5%{transform:translateX(-4960px)}17.5%{transform:translateX(-5040px)}19.4%{transform:translateX(-5120px)}19.4%{transform:translateX(-5200px)}19.4%{transform:translateX(-5280px)}19.4%{transform:translateX(-5360px)}19.4%{transform:translateX(-5440px)}19.4%{transform:translateX(-5520px)}19.4%{transform:translateX(-5600px)}19.4%{transform:translateX(-5680px)}21.4%{transform:translateX(-5760px)}21.4%{transform:translateX(-5840px)}21.4%{transform:translateX(-5920px)}21.4%{transform:translateX(-6000px)}21.4%{transform:translateX(-6080px)}21.4%{transform:translateX(-6160px)}21.4%{transform:translateX(-6240px)}21.4%{transform:translateX(-6320px)}23.3%{transform:translateX(-6400px)}23.3%{transform:translateX(-6480px)}23.3%{transform:translateX(-6560px)}23.3%{transform:translateX(-6640px)}23.3%{transform:translateX(-6720px)}23.3%{transform:translateX(-6800px)}23.3%{transform:translateX(-6880px)}23.3%{transform:translateX(-6960px)}25.2%{transform:translateX(-7040px)}25.2%{transform:translateX(-7120px)}25.2%{transform:translateX(-7200px)}25.2%{transform:translateX(-7280px)}25.2%{transform:translateX(-7360px)}25.2%{transform:translateX(-7440px)}25.2%{transform:translateX(-7520px)}25.3%{transform:translateX(-7600px)}25.3%{transform:translateX(-7680px)}25.3%{transform:translateX(-7760px)}25.3%{transform:translateX(-7840px)}27.2%{transform:translateX(-7920px)}27.2%{transform:translateX(-8000px)}27.2%{transform:translateX(-8080px)}27.2%{transform:translateX(-8160px)}27.2%{transform:translateX(-8240px)}27.2%{transform:translateX(-8320px)}27.2%{transform:translateX(-8400px)}27.2%{transform:translateX(-8480px)}27.2%{transform:translateX(-8560px)}27.2%{transform:translateX(-8640px)}29.1%{transform:translateX(-8720px)}29.1%{transform:translateX(-8800px)}29.1%{transform:translateX(-8880px)}29.1%{transform:translateX(-8960px)}29.1%{transform:translateX(-9040px)}29.1%{transform:translateX(-9120px)}29.1%{transform:translateX(-9200px)}29.2%{transform:translateX(-9280px)}29.2%{transform:translateX(-9360px)}29.2%{transform:translateX(-9440px)}29.2%{transform:translateX(-9520px)}29.2%{transform:translateX(-9600px)}29.2%{transform:translateX(-9680px)}29.2%{transform:translateX(-9760px)}29.2%{transform:translateX(-9840px)}29.2%{transform:translateX(-9920px)}29.2%{transform:translateX(-10000px)}29.2%{transform:translateX(-10080px)}29.2%{transform:translateX(-10160px)}29.2%{transform:translateX(-10240px)}29.2%{transform:translateX(-10320px)}29.2%{transform:translateX(-10400px)}29.2%{transform:translateX(-10480px)}29.2%{transform:translateX(-10560px)}31.1%{transform:translateX(-10640px)}31.1%{transform:translateX(-10720px)}31.1%{transform:translateX(-10800px)}31.1%{transform:translateX(-10880px)}31.1%{transform:translateX(-10960px)}31.1%{transform:translateX(-11040px)}31.1%{transform:translateX(-11120px)}33.4%{transform:translateX(-11200px)}33.8%{transform:translateX(-11280px)}33.8%{transform:translateX(-11360px)}33.8%{transform:translateX(-11440px)}33.8%{transform:translateX(-11520px)}33.8%{transform:translateX(-11600px)}33.8%{transform:translateX(-11680px)}33.8%{transform:translateX(-11760px)}33.8%{transform:translateX(-11840px)}33.8%{transform:translateX(-11920px)}33.8%{transform:translateX(-12000px)}33.8%{transform:translateX(-12080px)}33.8%{transform:translateX(-12160px)}33.8%{transform:translateX(-12240px)}33.8%{transform:translateX(-12320px)}33.8%{transform:translateX(-12400px)}33.8%{transform:translateX(-12480px)}33.8%{transform:translateX(-12560px)}34.9%{transform:translateX(-12640px)}35%{transform:translateX(-12720px)}35%{transform:translateX(-12800px)}35%{transform:translateX(-12880px)}35%{transform:translateX(-12960px)}35%{transform:translateX(-13040px)}35%{transform:translateX(-13120px)}35%{transform:translateX(-13200px)}35%{transform:translateX(-13280px)}35%{transform:translateX(-13360px)}35%{transform:translateX(-13440px)}35%{transform:translateX(-13520px)}35%{transform:translateX(-13600px)}35%{transform:translateX(-13680px)}35%{transform:translateX(-13760px)}35%{transform:translateX(-13840px)}35.8%{transform:translateX(-13920px)}36.8%{transform:translateX(-14000px)}36.9%{transform:translateX(-14080px)}36.9%{transform:translateX(-14160px)}36.9%{transform:translateX(-14240px)}36.9%{transform:translateX(-14320px)}36.9%{transform:translateX(-14400px)}36.9%{transform:translateX(-14480px)}36.9%{transform:translateX(-14560px)}36.9%{transform:translateX(-14640px)}37.8%{transform:translateX(-14720px)}38.8%{transform:translateX(-14800px)}38.9%{transform:translateX(-14880px)}38.9%{transform:translateX(-14960px)}38.9%{transform:translateX(-15040px)}38.9%{transform:translateX(-15120px)}38.9%{transform:translateX(-15200px)}38.9%{transform:translateX(-15280px)}38.9%{transform:translateX(-15360px)}38.9%{transform:translateX(-15440px)}38.9%{transform:translateX(-15520px)}38.9%{transform:translateX(-15600px)}38.9%{transform:translateX(-15680px)}38.9%{transform:translateX(-15760px)}39.8%{transform:translateX(-15840px)}40.8%{transform:translateX(-15920px)}40.8%{transform:translateX(-16000px)}40.8%{transform:translateX(-16080px)}40.8%{transform:translateX(-16160px)}40.8%{transform:translateX(-16240px)}40.8%{transform:translateX(-16320px)}40.8%{transform:translateX(-16400px)}40.8%{transform:translateX(-16480px)}40.8%{transform:translateX(-16560px)}40.8%{transform:translateX(-16640px)}40.8%{transform:translateX(-16720px)}40.8%{transform:translateX(-16800px)}40.8%{transform:translateX(-16880px)}40.8%{transform:translateX(-16960px)}41.7%{transform:translateX(-17040px)}42.7%{transform:translateX(-17120px)}42.8%{transform:translateX(-17200px)}42.8%{transform:translateX(-17280px)}42.8%{transform:translateX(-17360px)}42.8%{transform:translateX(-17440px)}42.8%{transform:translateX(-17520px)}42.8%{transform:translateX(-17600px)}42.8%{transform:translateX(-17680px)}42.8%{transform:translateX(-17760px)}42.8%{transform:translateX(-17840px)}42.8%{transform:translateX(-17920px)}42.8%{transform:translateX(-18000px)}42.8%{transform:translateX(-18080px)}42.8%{transform:translateX(-18160px)}42.8%{transform:translateX(-18240px)}43.7%{transform:translateX(-18320px)}44.7%{transform:translateX(-18400px)}44.7%{transform:translateX(-18480px)}44.7%{transform:translateX(-18560px)}44.7%{transform:translateX(-18640px)}44.7%{transform:translateX(-18720px)}44.7%{transform:translateX(-18800px)}44.7%{transform:translateX(-18880px)}44.7%{transform:translateX(-18960px)}44.7%{transform:translateX(-19040px)}44.7%{transform:translateX(-19120px)}44.7%{transform:translateX(-19200px)}44.7%{transform:translateX(-19280px)}45.7%{transform:translateX(-19360px)}46.7%{transform:translateX(-19440px)}46.7%{transform:translateX(-19520px)}46.7%{transform:translateX(-19600px)}46.7%{transform:translateX(-19680px)}46.7%{transform:translateX(-19760px)}46.7%{transform:translateX(-19840px)}46.7%{transform:translateX(-19920px)}46.7%{transform:translateX(-20000px)}46.7%{transform:translateX(-20080px)}46.7%{transform:translateX(-20160px)}46.7%{transform:translateX(-20240px)}46.7%{transform:translateX(-20320px)}46.7%{transform:translateX(-20400px)}46.7%{transform:translateX(-20480px)}46.7%{transform:translateX(-20560px)}47.6%{transform:translateX(-20640px)}48.6%{transform:translateX(-20720px)}48.6%{transform:translateX(-20800px)}48.6%{transform:translateX(-20880px)}48.6%{transform:translateX(-20960px)}48.6%{transform:translateX(-21040px)}48.6%{transform:translateX(-21120px)}48.6%{transform:translateX(-21200px)}48.6%{transform:translateX(-21280px)}48.6%{transform:translateX(-21360px)}48.6%{transform:translateX(-21440px)}48.6%{transform:translateX(-21520px)}49.6%{transform:translateX(-21600px)}50.6%{transform:translateX(-21680px)}50.6%{transform:translateX(-21760px)}50.6%{transform:translateX(-21840px)}50.6%{transform:translateX(-21920px)}50.6%{transform:translateX(-22000px)}50.6%{transform:translateX(-22080px)}50.6%{transform:translateX(-22160px)}50.6%{transform:translateX(-22240px)}50.6%{transform:translateX(-22320px)}50.6%{transform:translateX(-22400px)}50.6%{transform:translateX(-22480px)}51.3%{transform:translateX(-22560px)}51.3%{transform:translateX(-22640px)}51.3%{transform:translateX(-22720px)}51.3%{transform:translateX(-22800px)}51.3%{transform:translateX(-22880px)}51.3%{transform:translateX(-22960px)}51.3%{transform:translateX(-23040px)}51.3%{transform:translateX(-23120px)}51.3%{transform:translateX(-23200px)}51.3%{transform:translateX(-23280px)}100%{transform:translateX(-23360px)}}Progressbar1[004/100]██████████████████████████████████████████████4%|0sProgressbar2[006/100]██████████████████████████████████████████████6%|0sProgressbar3[000/100]█████████████████████████████████████████████0%|0sProgressbar4[000/100]█████████████████████████████████████████████0%|0sProgressbar5[001/100]█████████████████████████████████████████████1%|0sProgressbar1[008/100]██████████████████████████████████████████████8%|0sProgressbar2[012/100]██████████████████████████████████████████████12%|0sProgressbar3[001/100]█████████████████████████████████████████████1%|0sProgressbar5[002/100]█████████████████████████████████████████████2%|0sProgressbar1[012/100]██████████████████████████████████████████████12%|1sProgressbar2[018/100]██████████████████████████████████████████████18%|1sProgressbar3[002/100]█████████████████████████████████████████████2%|0sProgressbar4[001/100]█████████████████████████████████████████████1%|0sProgressbar5[004/100]██████████████████████████████████████████████4%|1sProgressbar1[016/100]██████████████████████████████████████████████16%|1sProgressbar2[024/100]██████████████████████████████████████████████24%|1sProgressbar3[003/100]██████████████████████████████████████████████3%|1sProgressbar1[020/100]██████████████████████████████████████████████20%|1sProgressbar2[030/100]██████████████████████████████████████████████30%|1sProgressbar3[004/100]██████████████████████████████████████████████4%|1sProgressbar4[002/100]█████████████████████████████████████████████2%|1sProgressbar1[024/100]██████████████████████████████████████████████24%|1sProgressbar2[036/100]██████████████████████████████████████████████36%|1sProgressbar5[008/100]██████████████████████████████████████████████8%|1sProgressbar1[028/100]██████████████████████████████████████████████28%|1sProgressbar2[042/100]██████████████████████████████████████████████42%|1sProgressbar3[005/100]██████████████████████████████████████████████5%|1sProgressbar5[009/100]██████████████████████████████████████████████9%|1sProgressbar1[032/100]██████████████████████████████████████████████32%|2sProgressbar2[048/100]██████████████████████████████████████████████48%|2sProgressbar3[006/100]██████████████████████████████████████████████6%|1sProgressbar4[003/100]██████████████████████████████████████████████3%|1sProgressbar5[010/100]██████████████████████████████████████████████10%|1sProgressbar1[036/100]██████████████████████████████████████████████36%|2sProgressbar2[054/100]██████████████████████████████████████████████54%|2sProgressbar3[007/100]██████████████████████████████████████████████7%|2sProgressbar5[012/100]██████████████████████████████████████████████12%|2sProgressbar1[040/100]██████████████████████████████████████████████40%|2sProgressbar2[060/100]██████████████████████████████████████████████60%|2sProgressbar3[008/100]██████████████████████████████████████████████8%|2sProgressbar4[004/100]██████████████████████████████████████████████4%|2sProgressbar5[013/100]██████████████████████████████████████████████13%|2sProgressbar1[044/100]██████████████████████████████████████████████44%|2sProgressbar2[066/100]██████████████████████████████████████████████66%|2sProgressbar1[048/100]██████████████████████████████████████████████48%|2sProgressbar2[072/100]██████████████████████████████████████████████72%|2sProgressbar3[009/100]██████████████████████████████████████████████9%|2sProgressbar5[016/100]██████████████████████████████████████████████16%|2sProgressbar1[052/100]██████████████████████████████████████████████52%|3sProgressbar2[078/100]██████████████████████████████████████████████78%|3sProgressbar3[010/100]██████████████████████████████████████████████10%|2sProgressbar4[005/100]██████████████████████████████████████████████5%|2sProgressbar5[017/100]██████████████████████████████████████████████17%|3sProgressbar1[056/100]██████████████████████████████████████████████56%|3sProgressbar2[084/100]██████████████████████████████████████████████84%|3sProgressbar3[011/100]██████████████████████████████████████████████11%|3sProgressbar5[018/100]██████████████████████████████████████████████18%|3sProgressbar1[060/100]██████████████████████████████████████████████60%|3sProgressbar2[090/100]██████████████████████████████████████████████90%|3sProgressbar3[012/100]██████████████████████████████████████████████12%|3sProgressbar4[006/100]██████████████████████████████████████████████6%|3sProgressbar5[020/100]██████████████████████████████████████████████20%|3sProgressbar1[064/100]██████████████████████████████████████████████64%|3sProgressbar2[096/100]██████████████████████████████████████████████96%|3sProgressbar5[021/100]██████████████████████████████████████████████21%|3sProgressbar1[068/100]██████████████████████████████████████████████68%|3sProgressbar2[102/102]██████████████████████████████████████████████100%|3sProgressbar3[013/100]██████████████████████████████████████████████13%|3sProgressbar5[022/100]██████████████████████████████████████████████22%|3sProgressbar1[072/100]██████████████████████████████████████████████72%|4sProgressbar3[014/100]██████████████████████████████████████████████14%|3sProgressbar4[007/100]██████████████████████████████████████████████7%|3sProgressbar5[024/100]██████████████████████████████████████████████24%|4sProgressbar1[076/100]██████████████████████████████████████████████76%|4sProgressbar3[015/100]██████████████████████████████████████████████15%|4sProgressbar5[025/100]██████████████████████████████████████████████25%|4sProgressbar1[080/100]██████████████████████████████████████████████80%|4sProgressbar3[016/100]██████████████████████████████████████████████16%|4sProgressbar4[008/100]██████████████████████████████████████████████8%|4sProgressbar5[026/100]██████████████████████████████████████████████26%|4sProgressbar1[084/100]██████████████████████████████████████████████84%|4sProgressbar4[008/100]████Progressbar5[028/100]██████████████████████████████████████████████28%|4sProgressbar1[088/100]██████████████████████████████████████████████88%|4sProgressbar3[017/100]██████████████████████████████████████████████17%|4sProgressbar5[029/100]██████████████████████████████████████████████29%|4sProgressbar1[092/100]██████████████████████████████████████████████92%|5sProgressbar3[018/100]██████████████████████████████████████████████18%|4sProgressbar4[009/100]██████████████████████████████████████████████9%|4sProgressbar5[030/100]██████████████████████████████████████████████30%|4sProgressbar1[095/100]██████████████████████████████████████████████95%|5sProgressbar3[019/100]██████████████████████████████████████████████19%|5sProgressbar5[031/100]██████████████████████████████████████████████31%|5sProgressbar1[099/100]█████████████████████████████████████████████99%|5sProgressbar5[033/100]██████████████████████████████████Progressbar5[033/100]██████████████████████████████████████████████33%|5sProgressbar1[100/100]██████████████████████████████████████████████100%|5sProgressbar3[020/100]██████████████████████████████████████████████20%|5sProgressbar4[010/100]██████████████████████████████████████████████10%|5sProgressbar4[000/Progressbar3[001/100]█████████████████████████Progressbar5[002/100]Progressbar4[001/100]█████Progressbar3[003/100]█████████████████████████████Progressbar5[005/100]████████████████████████Progressbar5[005/100]██████████████████████████████████████████████5%|1sProgressbar2[030/100]█████████████████████████████████Progressbar4[002/100]██████Progressbar5[006/100]█████████████████████████████████████Progressbar5[006/100]██████████████████████████████████████████████6%|1sProgressbar2[036/100]████████████████████████████████████Progressbar4[002/100]█████████Progressbar5[008/100]█████████████████████████████████████████Progressbar3[005/100]███████████████████████████████████Progressbar5[009/100]█████████████████████████Progressbar3[006/100]██████████████████████████████████████Progressbar4[003/100]███████████████████████Progressbar3[008Progressbar5[013/100]█████████████████████████Progressbar4[004/100]███████████████████████Progressbar4[004/100]████████████████████████████████Progressbar5[014/100]██████████████████████████████████████████████14%|2sProgressbar4[004/100]████████████████████████Progressbar4[005/100]████████████████████████████████████████████Progressbar3[012/100]██████████████████Progressbar5[020/100]█████████████████████████████Progressbar5Progressbar4[006/100]███Progressbar5[024/100]██████████████████████████████Progressbar4[007/100]███████████████████████████Progressbar4[008/100]████████████████████████████Progressbar5[026/100]████████████Progressbar5[028/100]███████████████████████████████████████████Progressbar5[030/100]█████████████████████████████████Progressbar5[031/100]█████████████████████████████████Progressbar3[020/100]██████████████████████████████████████Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:rgb(255,255,255);white-space:pre}.i{fill:rgb(0,198,255);white-space:pre}.j{fill:rgb(244,10,0);white-space:pre}.k{fill:rgb(160,160,160);white-space:pre}.l{fill:rgb(239,15,0);white-space:pre}.m{fill:rgb(255,0,0);white-space:pre}.n{fill:rgb(252,2,0);white-space:pre}.o{fill:rgb(234,20,0);white-space:pre}.p{fill:rgb(224,30,0);white-space:pre}.q{fill:rgb(249,5,0);white-space:pre}.r{fill:rgb(209,45,0);white-space:pre}.s{fill:rgb(214,40,0);white-space:pre}.t{fill:rgb(193,61,0);white-space:pre}.u{fill:rgb(247,7,0);white-space:pre}.v{fill:rgb(204,51,0);white-space:pre}.w{fill:rgb(178,76,0);white-space:pre}.x{fill:rgb(163,91,0);white-space:pre}.y{fill:rgb(183,71,0);white-space:pre}.z{fill:rgb(147,107,0);white-space:pre}.A{fill:rgb(242,12,0);white-space:pre}.B{fill:rgb(232,22,0);white-space:pre}.C{fill:rgb(173,81,0);white-space:pre}.D{fill:rgb(132,122,0);white-space:pre}.E{fill:rgb(229,25,0);white-space:pre}.F{fill:rgb(117,137,0);white-space:pre}.G{fill:rgb(237,17,0);white-space:pre}.H{fill:rgb(153,102,0);white-space:pre}.I{fill:rgb(102,153,0);white-space:pre}.J{fill:rgb(221,33,0);white-space:pre}.K{fill:rgb(142,112,0);white-space:pre}.L{fill:rgb(86,168,0);white-space:pre}.M{fill:rgb(219,35,0);white-space:pre}.N{fill:rgb(71,183,0);white-space:pre}.O{fill:rgb(122,132,0);white-space:pre}.P{fill:rgb(56,198,0);white-space:pre}.Q{fill:rgb(211,43,0);white-space:pre}.R{fill:rgb(112,142,0);white-space:pre}.S{fill:rgb(40,214,0);white-space:pre}.T{fill:rgb(226,28,0);white-space:pre}.U{fill:rgb(25,229,0);white-space:pre}.V{fill:rgb(91,163,0);white-space:pre}.W{fill:rgb(10,244,0);white-space:pre}.X{fill:rgb(201,53,0);white-space:pre}.Y{fill:rgb(84,170,0);white-space:pre}.Z{fill:rgb(2,252,0);white-space:pre}.aa{fill:rgb(198,56,0);white-space:pre}.ab{fill:rgb(73,181,0);white-space:pre}.ac{fill:rgb(0,255,0);white-space:pre}.ad{fill:rgb(196,58,0);white-space:pre}.ae{fill:rgb(63,191,0);white-space:pre}.af{fill:rgb(216,38,0);white-space:pre}.ag{fill:rgb(191,63,0);white-space:pre}.ah{fill:rgb(53,201,0);white-space:pre}.ai{fill:rgb(188,66,0);white-space:pre}.aj{fill:rgb(43,211,0);white-space:pre}.ak{fill:rgb(186,68,0);white-space:pre}.al{fill:rgb(33,221,0);white-space:pre}.am{fill:rgb(181,73,0);white-space:pre}.an{fill:rgb(22,232,0);white-space:pre}.ao{fill:rgb(12,242,0);white-space:pre}.ap{fill:rgb(206,48,0);white-space:pre}.aq{fill:rgb(175,79,0);white-space:pre}.ar{fill:rgb(5,249,0);white-space:pre}.as{fill:rgb(170,84,0);white-space:pre}.at{fill:transparent}.av{animation-duration:10.388239s;animation-iteration-count:infinite;animation-name:au;animation-timing-function:steps(1,end)}@keyframes au{0%{transform:translateX(-0px)}2.5%{transform:translateX(-80px)}2.9%{transform:translateX(-160px)}4.5%{transform:translateX(-240px)}4.5%{transform:translateX(-320px)}4.5%{transform:translateX(-400px)}4.5%{transform:translateX(-480px)}4.5%{transform:translateX(-560px)}4.5%{transform:translateX(-640px)}4.5%{transform:translateX(-720px)}4.5%{transform:translateX(-800px)}4.5%{transform:translateX(-880px)}4.5%{transform:translateX(-960px)}4.5%{transform:translateX(-1040px)}6.4%{transform:translateX(-1120px)}6.4%{transform:translateX(-1200px)}6.4%{transform:translateX(-1280px)}6.4%{transform:translateX(-1360px)}6.4%{transform:translateX(-1440px)}6.4%{transform:translateX(-1520px)}6.4%{transform:translateX(-1600px)}6.4%{transform:translateX(-1680px)}6.4%{transform:translateX(-1760px)}8.3%{transform:translateX(-1840px)}8.3%{transform:translateX(-1920px)}8.3%{transform:translateX(-2000px)}8.3%{transform:translateX(-2080px)}8.3%{transform:translateX(-2160px)}8.3%{transform:translateX(-2240px)}8.3%{transform:translateX(-2320px)}8.3%{transform:translateX(-2400px)}8.3%{transform:translateX(-2480px)}8.3%{transform:translateX(-2560px)}10.3%{transform:translateX(-2640px)}10.3%{transform:translateX(-2720px)}10.3%{transform:translateX(-2800px)}10.3%{transform:translateX(-2880px)}10.3%{transform:translateX(-2960px)}10.3%{transform:translateX(-3040px)}10.3%{transform:translateX(-3120px)}10.3%{transform:translateX(-3200px)}10.3%{transform:translateX(-3280px)}10.3%{transform:translateX(-3360px)}10.3%{transform:translateX(-3440px)}12.2%{transform:translateX(-3520px)}12.2%{transform:translateX(-3600px)}12.2%{transform:translateX(-3680px)}12.2%{transform:translateX(-3760px)}12.2%{transform:translateX(-3840px)}12.2%{transform:translateX(-3920px)}12.2%{transform:translateX(-4000px)}12.2%{transform:translateX(-4080px)}12.2%{transform:translateX(-4160px)}12.2%{transform:translateX(-4240px)}12.2%{transform:translateX(-4320px)}12.2%{transform:translateX(-4400px)}12.2%{transform:translateX(-4480px)}12.2%{transform:translateX(-4560px)}12.2%{transform:translateX(-4640px)}12.2%{transform:translateX(-4720px)}12.2%{transform:translateX(-4800px)}12.2%{transform:translateX(-4880px)}12.2%{transform:translateX(-4960px)}14.1%{transform:translateX(-5040px)}14.1%{transform:translateX(-5120px)}14.1%{transform:translateX(-5200px)}14.1%{transform:translateX(-5280px)}14.1%{transform:translateX(-5360px)}14.1%{transform:translateX(-5440px)}14.1%{transform:translateX(-5520px)}14.1%{transform:translateX(-5600px)}14.1%{transform:translateX(-5680px)}14.1%{transform:translateX(-5760px)}16%{transform:translateX(-5840px)}16%{transform:translateX(-5920px)}16%{transform:translateX(-6000px)}16%{transform:translateX(-6080px)}16%{transform:translateX(-6160px)}16%{transform:translateX(-6240px)}16%{transform:translateX(-6320px)}16%{transform:translateX(-6400px)}16%{transform:translateX(-6480px)}16%{transform:translateX(-6560px)}16%{transform:translateX(-6640px)}16%{transform:translateX(-6720px)}16%{transform:translateX(-6800px)}18%{transform:translateX(-6880px)}18%{transform:translateX(-6960px)}18%{transform:translateX(-7040px)}18%{transform:translateX(-7120px)}18%{transform:translateX(-7200px)}18%{transform:translateX(-7280px)}18%{transform:translateX(-7360px)}18%{transform:translateX(-7440px)}18%{transform:translateX(-7520px)}18%{transform:translateX(-7600px)}18%{transform:translateX(-7680px)}19.9%{transform:translateX(-7760px)}19.9%{transform:translateX(-7840px)}19.9%{transform:translateX(-7920px)}19.9%{transform:translateX(-8000px)}19.9%{transform:translateX(-8080px)}19.9%{transform:translateX(-8160px)}19.9%{transform:translateX(-8240px)}19.9%{transform:translateX(-8320px)}19.9%{transform:translateX(-8400px)}19.9%{transform:translateX(-8480px)}19.9%{transform:translateX(-8560px)}19.9%{transform:translateX(-8640px)}19.9%{transform:translateX(-8720px)}21.8%{transform:translateX(-8800px)}21.8%{transform:translateX(-8880px)}21.8%{transform:translateX(-8960px)}21.8%{transform:translateX(-9040px)}21.8%{transform:translateX(-9120px)}21.8%{transform:translateX(-9200px)}21.8%{transform:translateX(-9280px)}21.8%{transform:translateX(-9360px)}21.8%{transform:translateX(-9440px)}21.8%{transform:translateX(-9520px)}21.8%{transform:translateX(-9600px)}21.8%{transform:translateX(-9680px)}21.8%{transform:translateX(-9760px)}21.8%{transform:translateX(-9840px)}21.8%{transform:translateX(-9920px)}23.7%{transform:translateX(-10000px)}23.7%{transform:translateX(-10080px)}23.7%{transform:translateX(-10160px)}23.7%{transform:translateX(-10240px)}23.7%{transform:translateX(-10320px)}23.7%{transform:translateX(-10400px)}23.7%{transform:translateX(-10480px)}23.7%{transform:translateX(-10560px)}23.7%{transform:translateX(-10640px)}23.7%{transform:translateX(-10720px)}23.7%{transform:translateX(-10800px)}23.7%{transform:translateX(-10880px)}23.7%{transform:translateX(-10960px)}25.7%{transform:translateX(-11040px)}25.7%{transform:translateX(-11120px)}25.7%{transform:translateX(-11200px)}25.7%{transform:translateX(-11280px)}25.7%{transform:translateX(-11360px)}25.7%{transform:translateX(-11440px)}25.7%{transform:translateX(-11520px)}25.7%{transform:translateX(-11600px)}25.7%{transform:translateX(-11680px)}25.7%{transform:translateX(-11760px)}25.7%{transform:translateX(-11840px)}27.6%{transform:translateX(-11920px)}27.6%{transform:translateX(-12000px)}27.6%{transform:translateX(-12080px)}29.5%{transform:translateX(-12160px)}29.5%{transform:translateX(-12240px)}29.5%{transform:translateX(-12320px)}29.5%{transform:translateX(-12400px)}29.5%{transform:translateX(-12480px)}29.5%{transform:translateX(-12560px)}29.5%{transform:translateX(-12640px)}29.5%{transform:translateX(-12720px)}29.5%{transform:translateX(-12800px)}29.5%{transform:translateX(-12880px)}29.5%{transform:translateX(-12960px)}29.5%{transform:translateX(-13040px)}29.5%{transform:translateX(-13120px)}29.5%{transform:translateX(-13200px)}29.5%{transform:translateX(-13280px)}31.4%{transform:translateX(-13360px)}31.4%{transform:translateX(-13440px)}31.4%{transform:translateX(-13520px)}31.4%{transform:translateX(-13600px)}31.4%{transform:translateX(-13680px)}31.4%{transform:translateX(-13760px)}31.4%{transform:translateX(-13840px)}31.4%{transform:translateX(-13920px)}31.4%{transform:translateX(-14000px)}31.4%{transform:translateX(-14080px)}33.4%{transform:translateX(-14160px)}33.4%{transform:translateX(-14240px)}33.4%{transform:translateX(-14320px)}33.4%{transform:translateX(-14400px)}33.4%{transform:translateX(-14480px)}33.4%{transform:translateX(-14560px)}33.4%{transform:translateX(-14640px)}33.4%{transform:translateX(-14720px)}33.4%{transform:translateX(-14800px)}33.4%{transform:translateX(-14880px)}33.4%{transform:translateX(-14960px)}35.3%{transform:translateX(-15040px)}35.3%{transform:translateX(-15120px)}35.3%{transform:translateX(-15200px)}35.3%{transform:translateX(-15280px)}35.3%{transform:translateX(-15360px)}35.3%{transform:translateX(-15440px)}35.3%{transform:translateX(-15520px)}35.3%{transform:translateX(-15600px)}35.3%{transform:translateX(-15680px)}35.3%{transform:translateX(-15760px)}35.6%{transform:translateX(-15840px)}36.6%{transform:translateX(-15920px)}37.2%{transform:translateX(-16000px)}37.2%{transform:translateX(-16080px)}37.2%{transform:translateX(-16160px)}37.2%{transform:translateX(-16240px)}37.2%{transform:translateX(-16320px)}37.2%{transform:translateX(-16400px)}37.2%{transform:translateX(-16480px)}37.2%{transform:translateX(-16560px)}37.2%{transform:translateX(-16640px)}37.2%{transform:translateX(-16720px)}37.2%{transform:translateX(-16800px)}37.6%{transform:translateX(-16880px)}38.5%{transform:translateX(-16960px)}39.1%{transform:translateX(-17040px)}39.1%{transform:translateX(-17120px)}39.1%{transform:translateX(-17200px)}39.1%{transform:translateX(-17280px)}39.1%{transform:translateX(-17360px)}39.1%{transform:translateX(-17440px)}39.1%{transform:translateX(-17520px)}39.1%{transform:translateX(-17600px)}39.1%{transform:translateX(-17680px)}39.1%{transform:translateX(-17760px)}39.1%{transform:translateX(-17840px)}39.5%{transform:translateX(-17920px)}40.5%{transform:translateX(-18000px)}41.1%{transform:translateX(-18080px)}41.1%{transform:translateX(-18160px)}41.1%{transform:translateX(-18240px)}41.1%{transform:translateX(-18320px)}41.1%{transform:translateX(-18400px)}41.1%{transform:translateX(-18480px)}41.1%{transform:translateX(-18560px)}41.1%{transform:translateX(-18640px)}41.1%{transform:translateX(-18720px)}41.1%{transform:translateX(-18800px)}41.1%{transform:translateX(-18880px)}41.1%{transform:translateX(-18960px)}41.1%{transform:translateX(-19040px)}41.4%{transform:translateX(-19120px)}42.4%{transform:translateX(-19200px)}43%{transform:translateX(-19280px)}43%{transform:translateX(-19360px)}43%{transform:translateX(-19440px)}43%{transform:translateX(-19520px)}43%{transform:translateX(-19600px)}43%{transform:translateX(-19680px)}43%{transform:translateX(-19760px)}43%{transform:translateX(-19840px)}43%{transform:translateX(-19920px)}43%{transform:translateX(-20000px)}43%{transform:translateX(-20080px)}43%{transform:translateX(-20160px)}43%{transform:translateX(-20240px)}43%{transform:translateX(-20320px)}43%{transform:translateX(-20400px)}43%{transform:translateX(-20480px)}43%{transform:translateX(-20560px)}43.4%{transform:translateX(-20640px)}44.4%{transform:translateX(-20720px)}44.9%{transform:translateX(-20800px)}44.9%{transform:translateX(-20880px)}44.9%{transform:translateX(-20960px)}44.9%{transform:translateX(-21040px)}44.9%{transform:translateX(-21120px)}44.9%{transform:translateX(-21200px)}44.9%{transform:translateX(-21280px)}44.9%{transform:translateX(-21360px)}44.9%{transform:translateX(-21440px)}44.9%{transform:translateX(-21520px)}45.3%{transform:translateX(-21600px)}46.3%{transform:translateX(-21680px)}46.8%{transform:translateX(-21760px)}46.8%{transform:translateX(-21840px)}46.8%{transform:translateX(-21920px)}46.8%{transform:translateX(-22000px)}46.8%{transform:translateX(-22080px)}46.8%{transform:translateX(-22160px)}46.8%{transform:translateX(-22240px)}46.8%{transform:translateX(-22320px)}46.8%{transform:translateX(-22400px)}46.8%{transform:translateX(-22480px)}46.9%{transform:translateX(-22560px)}46.9%{transform:translateX(-22640px)}46.9%{transform:translateX(-22720px)}46.9%{transform:translateX(-22800px)}46.9%{transform:translateX(-22880px)}46.9%{transform:translateX(-22960px)}46.9%{transform:translateX(-23040px)}46.9%{transform:translateX(-23120px)}46.9%{transform:translateX(-23200px)}47.3%{transform:translateX(-23280px)}48.3%{transform:translateX(-23360px)}48.8%{transform:translateX(-23440px)}48.8%{transform:translateX(-23520px)}48.8%{transform:translateX(-23600px)}48.8%{transform:translateX(-23680px)}48.8%{transform:translateX(-23760px)}48.8%{transform:translateX(-23840px)}48.8%{transform:translateX(-23920px)}48.8%{transform:translateX(-24000px)}48.8%{transform:translateX(-24080px)}48.8%{transform:translateX(-24160px)}48.8%{transform:translateX(-24240px)}48.8%{transform:translateX(-24320px)}48.8%{transform:translateX(-24400px)}48.8%{transform:translateX(-24480px)}48.8%{transform:translateX(-24560px)}48.8%{transform:translateX(-24640px)}48.8%{transform:translateX(-24720px)}48.8%{transform:translateX(-24800px)}48.8%{transform:translateX(-24880px)}48.8%{transform:translateX(-24960px)}48.8%{transform:translateX(-25040px)}49.2%{transform:translateX(-25120px)}50.2%{transform:translateX(-25200px)}50.7%{transform:translateX(-25280px)}50.7%{transform:translateX(-25360px)}50.7%{transform:translateX(-25440px)}50.7%{transform:translateX(-25520px)}50.7%{transform:translateX(-25600px)}50.7%{transform:translateX(-25680px)}50.7%{transform:translateX(-25760px)}50.7%{transform:translateX(-25840px)}50.7%{transform:translateX(-25920px)}50.7%{transform:translateX(-26000px)}51.2%{transform:translateX(-26080px)}51.2%{transform:translateX(-26160px)}51.9%{transform:translateX(-26240px)}51.9%{transform:translateX(-26320px)}51.9%{transform:translateX(-26400px)}51.9%{transform:translateX(-26480px)}51.9%{transform:translateX(-26560px)}51.9%{transform:translateX(-26640px)}51.9%{transform:translateX(-26720px)}51.9%{transform:translateX(-26800px)}51.9%{transform:translateX(-26880px)}51.9%{transform:translateX(-26960px)}51.9%{transform:translateX(-27040px)}51.9%{transform:translateX(-27120px)}100%{transform:translateX(-27200px)}}Progressbar1[004/100]██████████████████████████████████████████████4%|0sProgressbar2[006/100]██████████████████████████████████████████████6%|0sProgressbar3[000/100]█████████████████████████████████████████████0%|0sProgressbar4[000/100]█████████████████████████████████████████████0%|0sProgressbar5[001/100]█████████████████████████████████████████████1%|0sProgressbar1[008/100]██████████████████████████████████████████████8%|0sProgressbar2[012/100]██████████████████████████████████████████████12%|0sProgressbar3[001/100]█████████████████████████████████████████████1%|0sProgressbar5[002/100]█████████████████████████████████████████████2%|0sProgressbar1[012/100]██████████████████████████████████████████████12%|1sProgressbar2[018/100]██████████████████████████████████████████████18%|1sProgressbar3[002/100]█████████████████████████████████████████████2%|0sProgressbar4[001/100]█████████████████████████████████████████████1%|0sProgressbar5[004/100]██████████████████████████████████████████████4%|1sProgressbar1[016/100]██████████████████████████████████████████████16%|1sProgressbar2[024/100]██████████████████████████████████████████████24%|1sProgressbar3[003/100]██████████████████████████████████████████████3%|1sProgressbar1[020/100]██████████████████████████████████████████████20%|1sProgressbar2[030/100]██████████████████████████████████████████████30%|1sProgressbar3[004/100]██████████████████████████████████████████████4%|1sProgressbar4[002/100]█████████████████████████████████████████████2%|1sProgressbar5[006/100]██████████████████████████████████████████████6%|1sProgressbar1[024/100]██████████████████████████████████████████████24%|1sProgressbar2[036/100]██████████████████████████████████████████████36%|1sProgressbar5[008/100]██████████████████████████████████████████████8%|1sProgressbar1[028/100]██████████████████████████████████████████████28%|1sProgressbar2[042/100]██████████████████████████████████████████████42%|1sProgressbar3[005/100]██████████████████████████████████████████████5%|1sProgressbar5[009/100]██████████████████████████████████████████████9%|1sProgressbar1[032/100]██████████████████████████████████████████████32%|2sProgressbar2[048/100]██████████████████████████████████████████████48%|2sProgressbar3[006/100]██████████████████████████████████████████████6%|1sProgressbar4[003/100]██████████████████████████████████████████████3%|1sProgressbar5[010/100]██████████████████████████████████████████████10%|1sProgressbar1[036/100]██████████████████████████████████████████████36%|2sProgressbar2[054/100]██████████████████████████████████████████████54%|2sProgressbar3[007/100]██████████████████████████████████████████████7%|2sProgressbar5[012/100]██████████████████████████████████████████████12%|2sProgressbar1[040/100]██████████████████████████████████████████████40%|2sProgressbar2[060/100]██████████████████████████████████████████████60%|2sProgressbar3[008/100]██████████████████████████████████████████████8%|2sProgressbar4[004/100]█████████████████████████████Progressbar4[004/100]██████████████████████████████████████████████4%|2sProgressbar5[013/100]██████████████████████████████████████████████13%|2sProgressbar1[044/100]██████████████████████████████████████████████44%|2sProgressbar2[066/100]██████████████████████████████████████████████66%|2sProgressbar5[014/100]██████████████████████████████████████████████14%|2sProgressbar1[048/100]██████████████████████████████████████████████48%|2sProgressbar2[072/100]██████████████████████████████████████████████72%|2sProgressbar3[009/100]██████████████████████████████████████████████9%|2sProgressbar1[052/100]██████████████████████████████████████████████52%|3sProgressbar2[078/100]██████████████████████████████████████████████78%|3sProgressbar3[010/100]██████████████████████████████████████████████10%|2sProgressbar4[005/100]██████████████████████████████████████████████5%|2sProgressbar5[017/100]██████████████████████████████████████████████17%|3sProgressbar1[056/100]██████████████████████████████████████████████56%|3sProgressbar2[084/100]██████████████████████████████████████████████84%|3sProgressbar3[011/100]██████████████████████████████████████████████11%|3sProgressbar5[018/100]██████████████████████████████████████████████18%|3sProgressbar1[060/100]██████████████████████████████████████████████60%|3sProgressbar2[090/100]██████████████████████████████████████████████90%|3sProgressbar3[012/100]██████████████████████████████████████████████12%|3sProgressbar4[006/100]██████████████████████████████████████████████6%|3sProgressbar5[020/100]██████████████████████████████████████████████20%|3sProgressbar1[064/100]██████████████████████████████████████████████64%|3sProgressbar2[096/100]██████████████████████████████████████████████96%|3sProgressbar5[021/100]██████████████████████████████████████████████21%|3sProgressbar1[067/100]██████████████████████████████████████████████67%|3sProgressbar2[099/100]█████████████████████████████████████████████99%|3sProgressbar3[013/100]██████████████████████████████████████████████13%|3sProgressbar5[022/100]██████████████████████████████████████████████22%|3sProgressbar1[071/100]██████████████████████████████████████████████71%|4sProgressbar2[102/102]██████████████████████████████████████████████100%|3sProgressbar3[014/100]██████████████████████████████████████████████14%|4sProgressbar4[007/100]██████████████████████████████████████████████7%|4sProgressbar5[023/100]██████████████████████████████████████████████23%|3sProgressbar1[075/100]██████████████████████████████████████████████75%|4sProgressbar3[015/100]██████████████████████████████████████████████15%|4sProgressbar4[007/100]████Progressbar5[025/100]██████████████████████████████████████████████25%|4sProgressbar1[079/100]██████████████████████████████████████████████79%|4sProgressbar5[026/100]██████████████████████████████████████████████26%|4sProgressbar1[083/100]██████████████████████████████████████████████83%|4sProgressbar3[016/100]██████████████████████████████████████████████16%|4sProgressbar4[008/100]██████████████████████████████████████████████8%|4sProgressbar5[027/100]██████████████████████████████████████████████27%|4sProgressbar1[087/100]██████████████████████████████████████████████87%|4sProgressbar3[017/100]██████████████████████████████████████████████17%|4sProgressbar5[029/100]██████████████████████████████████████████████29%|4sProgressbar1[091/100]██████████████████████████████████████████████91%|5sProgressbar3[018/100]██████████████████████████████████████████████18%|5sProgressbar4[009/100]██████████████████████████████Progressbar4[009/100]██████████████████████████████████████████████9%|5sProgressbar5[030/100]██████████████████████████████████████████████30%|5sProgressbar1[095/100]██████████████████████████████████████████████95%|5sProgressbar3[019/100]██████████████████████████████████████████████19%|5sProgressbar5[031/100]██████████████████████████████████████████████31%|5sProgressbar1[098/100]█████████████████████████████████████████████98%|5sProgressbar5[032/100]██████████████████████████████████████████████32%|5sProgressbar1[100/100]██████████████████████████████████████████████100%|5sProgressbar3[020/100]██████████████████████████████████████████████20%|5sProgressbar4[010/100]██████████████████████████████████████████████10%|5sProgressbar5[033/100]██████████████████████████████████████████████33%|5sProgressbar4[000/Progressbar3[001/100]█████████████████████████Progressbar5[002/100]Progressbar2[018/100]██████████████████████████████Progressbar5[004/100]███████████████████████Progressbar3[003/100]█████████████████████████████Progressbar5[005/100]████████████████████████Progressbar5[005/100]██████████████████████████████████████████████5%|1sProgressbar4[002/100]███████████Progressbar3[004/100]█████████████████████████████████Progressbar5[008/100]████████████████████████Progressbar3[005/100]███████████████████████████████████Progressbar5[009/100]█████████████████████████Progressbar3[006/100]██████████████████████████████████████Progressbar4[003/100]█████████████████████Progressbar3[007/100]█████████████████████████████████████████Progressbar5[012/100]█████████████████Progressbar3[008/Progressbar3[008/100]████████████████████████████████████████████Progressbar5[014/100]██████████████████████Progressbar3[009/100]██████████████████████████████████████████████Progressbar5[016/100]█████████████████████████Progressbar5[016/100]██████████████████████████████████████████████16%|2sProgressbar3[010/100]█████Progressbar4[005/100]████████████████████████████████████Progressbar5[018/100]████████████████████████████Progressbar4[006/100]Progressbar5[021/100]█████████████████████████████████████Progressbar5[022/100]█████████████████████████████Progressbar4[007/100]███████████████████████████Progressbar5[026/100]████████████Progressbar4[008/100]████Progressbar4[008/100]████████████████████████████Progressbar5[030/100]███████████████████Progressbar5[031/100]████████████████████Progressbar5[032/100]███████████████████████Progressbar3[020/100]██████████████████████████████████████Progressbar5[033/100]███████████████████████Restartinganimation... \ No newline at end of file diff --git a/_examples/section/demo/animation.svg b/_examples/section/demo/animation.svg index bfa158b3b..f9e691716 100644 --- a/_examples/section/demo/animation.svg +++ b/_examples/section/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.h{fill:rgb(102,194,205)}.i{white-space:pre}.j{fill:rgb(126,231,233);white-space:pre}.k{fill:transparent}.m{animation-duration:5.202655s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}@keyframes l{0%{transform:translateX(-0px)}3.2%{transform:translateX(-80px)}3.9%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}#Thisisasection! INFO Andhereissometext. Thistextcouldbeanything. Basicallyit'sjustaplaceholder##Thisisanothersection! INFO Andthisis moreplaceholdertextRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.h{fill:rgb(102,194,205)}.i{white-space:pre}.j{fill:rgb(126,231,233);white-space:pre}.k{fill:transparent}.m{animation-duration:5.282747s;animation-iteration-count:infinite;animation-name:l;animation-timing-function:steps(1,end)}@keyframes l{0%{transform:translateX(-0px)}5.4%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}#Thisisasection! INFO Andhereissometext. Thistextcouldbeanything. Basicallyit'sjustaplaceholder##Thisisanothersection! INFO Andthisis moreplaceholdertextRestartinganimation... \ No newline at end of file diff --git a/_examples/slog/demo/animation.svg b/_examples/slog/demo/animation.svg index 929b6594b..421e2ec1f 100644 --- a/_examples/slog/demo/animation.svg +++ b/_examples/slog/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(0,71,255);font-weight:bold;white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.j{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.k{fill:rgb(255,0,4);font-weight:bold;white-space:pre}.l{fill:transparent}.n{animation-duration:5.272728s;animation-iteration-count:infinite;animation-name:m;animation-timing-function:steps(1,end)}@keyframes m{0%{transform:translateX(-0px)}3.8%{transform:translateX(-80px)}5.2%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}2023-09-1601:01:03DEBUGThisisadebugmessagechangedLevel:true2023-09-1601:01:03INFOThisisaninfomessage2023-09-1601:01:03WARNThisisawarningmessage2023-09-1601:01:03ERRORThisisanerrormessageRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(104,104,104);white-space:pre}.g{fill:rgb(0,71,255);font-weight:bold;white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:rgb(124,255,0);font-weight:bold;white-space:pre}.j{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.k{fill:rgb(255,0,4);font-weight:bold;white-space:pre}.l{fill:transparent}.n{animation-duration:5.248434s;animation-iteration-count:infinite;animation-name:m;animation-timing-function:steps(1,end)}@keyframes m{0%{transform:translateX(-0px)}3.9%{transform:translateX(-80px)}4.7%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}2023-11-0517:47:28DEBUGThisisadebugmessagechangedLevel:true2023-11-0517:47:28INFOThisisaninfomessage2023-11-0517:47:28WARNThisisawarningmessage2023-11-0517:47:28ERRORThisisanerrormessageRestartinganimation... \ No newline at end of file diff --git a/_examples/spinner/demo/animation.svg b/_examples/spinner/demo/animation.svg index c9543da57..aefd94933 100644 --- a/_examples/spinner/demo/animation.svg +++ b/_examples/spinner/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(255,255,255);white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:rgb(102,194,205)}.j{white-space:pre}.k{fill:rgb(168,204,140)}.l{fill:rgb(124,255,0);white-space:pre}.m{fill:rgb(219,171,121)}.n{fill:rgb(255,241,0);white-space:pre}.o{fill:rgb(232,131,136)}.p{fill:rgb(243,86,86);white-space:pre}.q{fill:rgb(115,190,243)}.r{fill:rgb(152,161,254);white-space:pre}.s{fill:transparent}.u{animation-duration:18.195634s;animation-iteration-count:infinite;animation-name:t;animation-timing-function:steps(1,end)}.v{fill:rgb(160,160,160);white-space:pre}@keyframes t{0%{transform:translateX(-0px)}1.04%{transform:translateX(-80px)}2.23%{transform:translateX(-160px)}3.34%{transform:translateX(-240px)}4.44%{transform:translateX(-320px)}5.54%{transform:translateX(-400px)}6.64%{transform:translateX(-480px)}7.74%{transform:translateX(-560px)}8.84%{transform:translateX(-640px)}9.95%{transform:translateX(-720px)}11.05%{transform:translateX(-800px)}12.03%{transform:translateX(-880px)}12.04%{transform:translateX(-960px)}13.14%{transform:translateX(-1040px)}14.24%{transform:translateX(-1120px)}15.34%{transform:translateX(-1200px)}16.44%{transform:translateX(-1280px)}17.54%{transform:translateX(-1360px)}18.64%{transform:translateX(-1440px)}19.74%{transform:translateX(-1520px)}20.84%{transform:translateX(-1600px)}21.95%{transform:translateX(-1680px)}23.03%{transform:translateX(-1760px)}23.03%{transform:translateX(-1840px)}24.13%{transform:translateX(-1920px)}25.23%{transform:translateX(-2000px)}26.33%{transform:translateX(-2080px)}27.44%{transform:translateX(-2160px)}28.54%{transform:translateX(-2240px)}29.64%{transform:translateX(-2320px)}30.74%{transform:translateX(-2400px)}31.84%{transform:translateX(-2480px)}32.94%{transform:translateX(-2560px)}34.03%{transform:translateX(-2640px)}35.12%{transform:translateX(-2720px)}36.23%{transform:translateX(-2800px)}37.33%{transform:translateX(-2880px)}38.43%{transform:translateX(-2960px)}39.53%{transform:translateX(-3040px)}40.63%{transform:translateX(-3120px)}41.74%{transform:translateX(-3200px)}42.84%{transform:translateX(-3280px)}43.94%{transform:translateX(-3360px)}45.02%{transform:translateX(-3440px)}45.02%{transform:translateX(-3520px)}46.12%{transform:translateX(-3600px)}47.22%{transform:translateX(-3680px)}48.33%{transform:translateX(-3760px)}49.43%{transform:translateX(-3840px)}50.53%{transform:translateX(-3920px)}51.63%{transform:translateX(-4000px)}52.74%{transform:translateX(-4080px)}53.84%{transform:translateX(-4160px)}54.94%{transform:translateX(-4240px)}56.01%{transform:translateX(-4320px)}56.01%{transform:translateX(-4400px)}57.11%{transform:translateX(-4480px)}58.21%{transform:translateX(-4560px)}59.31%{transform:translateX(-4640px)}60.41%{transform:translateX(-4720px)}61.51%{transform:translateX(-4800px)}61.52%{transform:translateX(-4880px)}62.62%{transform:translateX(-4960px)}63.72%{transform:translateX(-5040px)}64.82%{transform:translateX(-5120px)}65.93%{transform:translateX(-5200px)}67.01%{transform:translateX(-5280px)}67.03%{transform:translateX(-5360px)}68.13%{transform:translateX(-5440px)}69.24%{transform:translateX(-5520px)}70.34%{transform:translateX(-5600px)}71.44%{transform:translateX(-5680px)}72.52%{transform:translateX(-5760px)}72.52%{transform:translateX(-5840px)}100%{transform:translateX(-5920px)}}Someinformationalaction...(1s) INFO Someinformationalaction...Doingsomethingimportant...(willsucceed)(1s) SUCCESS Doingsomethingimportant...(willsucceed)Doingsomethingimportant...(willwarn)(1s) WARNING Doingsomethingimportant...(willwarn)Doingsomethingimportant...(willfail)(1s) ERROR Doingsomethingimportant...(willfail)Checkingsomethingimportant...(willresultinnochange)(1s) NOCHG Nochangewererequired SUCCESS Finally!Someinformationalaction...(0s)Someinformationalaction...(0s)Someinformationalaction...(0s)Someinformationalaction...(1s)Someinformationalaction...(1s)Someinformationalaction...(1s)Someinformationalaction...(2s)Someinformationalaction...(2s)Doingsomethingimportant...(willsucceed)(0s)Doingsomethingimportant...(willsucceed)(0s)Doingsomethingimportant...(willsucceed)(0s)Doingsomethingimportant...(willsucceed)(1s)Doingsomethingimportant...(willsucceed)(1s)Doingsomethingimportant...(willsucceed)(1s)Doingsomethingimportant...(willsucceed)(2s)Doingsomethingimportant...(willsucceed)(2s)Doingsomethingimportant...(willwarn)(0s)Doingsomethingimportant...(willwarn)(0s)Doingsomethingimportant...(willwarn)(0s)Doingsomethingimportant...(willwarn)(1s)Doingsomethingimportant...(willwarn)(1s)Doingsomethingimportant...(willwarn)(1s)Doingsomethingimportant...(willwarn)(2s)Doingsomethingimportant...(willwarn)(2s)Doingsomethingimportant...(willfail)(0s)Doingsomethingimportant...(willfail)(0s)Doingsomethingimportant...(willfail)(0s)Doingsomethingimportant...(willfail)(1s)Doingsomethingimportant...(willfail)(1s)Doingsomethingimportant...(willfail)(1s)Doingsomethingimportant...(willfail)(2s)Doingsomethingimportant...(willfail)(2s)Checkingsomethingimportant...(willresultinnochange)(0s)Checkingsomethingimportant...(willresultinnochange)(0s)Checkingsomethingimportant...(willresultinnochange)(0s)Checkingsomethingimportant...(willresultinnochange)(1s)Checkingsomethingimportant...(willresultinnochange)(1s)Checkingsomethingimportant...(willresultinnochange)(1s)Checkingsomethingimportant...(willresultinnochange)(2s)Checkingsomethingimportant...(willresultinnochange)(2s)Doingalotofstuff...(0s)Doingalotofstuff...(0s)Doingalotofstuff...(0s)Doingalotofstuff...(1s)Doingalotofstuff...(1s)It'sreallymuchtuff...(1s)It'sreallymuch(1s)..(1s)It'sreallymuch(1s)..(1s)It'sreallymuch(1s)..(1s)It'sreallymuch(2s)..(1s)It'sreallymuch(2s)..(1s)We'renearlydone!2s)..(1s)We'renearlydone!(2s)(1s)We'renearlydone!(2s)(1s)We'renearlydone!(2s)(1s)We'renearlydone!(3s)(1s)We'renearlydone!(3s)(1s)Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(255,255,255);white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:rgb(102,194,205)}.j{white-space:pre}.k{fill:rgb(168,204,140)}.l{fill:rgb(124,255,0);white-space:pre}.m{fill:rgb(219,171,121)}.n{fill:rgb(255,241,0);white-space:pre}.o{fill:rgb(232,131,136)}.p{fill:rgb(243,86,86);white-space:pre}.q{fill:rgb(115,190,243)}.r{fill:rgb(152,161,254);white-space:pre}.s{fill:transparent}.u{animation-duration:18.199783s;animation-iteration-count:infinite;animation-name:t;animation-timing-function:steps(1,end)}.v{fill:rgb(160,160,160);white-space:pre}@keyframes t{0%{transform:translateX(-0px)}1.07%{transform:translateX(-80px)}2.25%{transform:translateX(-160px)}3.35%{transform:translateX(-240px)}4.45%{transform:translateX(-320px)}5.55%{transform:translateX(-400px)}6.65%{transform:translateX(-480px)}7.75%{transform:translateX(-560px)}8.85%{transform:translateX(-640px)}9.95%{transform:translateX(-720px)}11.05%{transform:translateX(-800px)}12.06%{transform:translateX(-880px)}12.06%{transform:translateX(-960px)}13.16%{transform:translateX(-1040px)}14.26%{transform:translateX(-1120px)}15.36%{transform:translateX(-1200px)}16.46%{transform:translateX(-1280px)}17.56%{transform:translateX(-1360px)}18.66%{transform:translateX(-1440px)}19.76%{transform:translateX(-1520px)}20.87%{transform:translateX(-1600px)}21.96%{transform:translateX(-1680px)}23.05%{transform:translateX(-1760px)}23.05%{transform:translateX(-1840px)}24.16%{transform:translateX(-1920px)}25.26%{transform:translateX(-2000px)}26.38%{transform:translateX(-2080px)}27.48%{transform:translateX(-2160px)}28.58%{transform:translateX(-2240px)}29.68%{transform:translateX(-2320px)}30.78%{transform:translateX(-2400px)}31.88%{transform:translateX(-2480px)}32.99%{transform:translateX(-2560px)}34.04%{transform:translateX(-2640px)}34.04%{transform:translateX(-2720px)}35.15%{transform:translateX(-2800px)}36.25%{transform:translateX(-2880px)}37.35%{transform:translateX(-2960px)}38.45%{transform:translateX(-3040px)}39.55%{transform:translateX(-3120px)}40.65%{transform:translateX(-3200px)}41.75%{transform:translateX(-3280px)}42.85%{transform:translateX(-3360px)}43.96%{transform:translateX(-3440px)}45.04%{transform:translateX(-3520px)}45.04%{transform:translateX(-3600px)}46.14%{transform:translateX(-3680px)}47.24%{transform:translateX(-3760px)}48.34%{transform:translateX(-3840px)}49.44%{transform:translateX(-3920px)}50.54%{transform:translateX(-4000px)}51.64%{transform:translateX(-4080px)}52.74%{transform:translateX(-4160px)}53.84%{transform:translateX(-4240px)}54.95%{transform:translateX(-4320px)}56.03%{transform:translateX(-4400px)}56.03%{transform:translateX(-4480px)}57.14%{transform:translateX(-4560px)}58.24%{transform:translateX(-4640px)}59.34%{transform:translateX(-4720px)}60.45%{transform:translateX(-4800px)}61.53%{transform:translateX(-4880px)}61.55%{transform:translateX(-4960px)}62.65%{transform:translateX(-5040px)}63.75%{transform:translateX(-5120px)}64.86%{transform:translateX(-5200px)}65.96%{transform:translateX(-5280px)}67.03%{transform:translateX(-5360px)}67.06%{transform:translateX(-5440px)}68.17%{transform:translateX(-5520px)}69.27%{transform:translateX(-5600px)}70.37%{transform:translateX(-5680px)}71.47%{transform:translateX(-5760px)}72.53%{transform:translateX(-5840px)}72.53%{transform:translateX(-5920px)}100%{transform:translateX(-6000px)}}Someinformationalaction...(1s) INFO Someinformationalaction...Doingsomethingimportant...(willsucceed)(1s) SUCCESS Doingsomethingimportant...(willsucceed)Doingsomethingimportant...(willwarn)(1s) WARNING Doingsomethingimportant...(willwarn)Doingsomethingimportant...(willfail)(1s) ERROR Doingsomethingimportant...(willfail)Checkingsomethingimportant...(willresultinnochange)(1s) NOCHG Nochangewererequired SUCCESS Finally!Someinformationalaction...(0s)Someinformationalaction...(0s)Someinformationalaction...(0s)Someinformationalaction...(1s)Someinformationalaction...(1s)Someinformationalaction...(1s)Someinformationalaction...(2s)Someinformationalaction...(2s)Doingsomethingimportant...(willsucceed)(0s)Doingsomethingimportant...(willsucceed)(0s)Doingsomethingimportant...(willsucceed)(0s)Doingsomethingimportant...(willsucceed)(1s)Doingsomethingimportant...(willsucceed)(1s)Doingsomethingimportant...(willsucceed)(1s)Doingsomethingimportant...(willsucceed)(2s)Doingsomethingimportant...(willsucceed)(2s)Doingsomethingimportant...(willwarn)(0s)Doingsomethingimportant...(willwarn)(0s)Doingsomethingimportant...(willwarn)(0s)Doingsomethingimportant...(willwarn)(1s)Doingsomethingimportant...(willwarn)(1s)Doingsomethingimportant...(willwarn)(1s)Doingsomethingimportant...(willwarn)(2s)Doingsomethingimportant...(willwarn)(2s)Doingsomethingimportant...(willfail)(0s)Doingsomethingimportant...(willfail)(0s)Doingsomethingimportant...(willfail)(0s)Doingsomethingimportant...(willfail)(1s)Doingsomethingimportant...(willfail)(1s)Doingsomethingimportant...(willfail)(1s)Doingsomethingimportant...(willfail)(2s)Doingsomethingimportant...(willfail)(2s)Checkingsomethingimportant...(willresultinnochange)(0s)Checkingsomethingimportant...(willresultinnochange)(0s)Checkingsomethingimportant...(willresultinnochange)(0s)Checkingsomethingimportant...(willresultinnochange)(1s)Checkingsomethingimportant...(willresultinnochange)(1s)Checkingsomethingimportant...(willresultinnochange)(1s)Checkingsomethingimportant...(willresultinnochange)(2s)Checkingsomethingimportant...(willresultinnochange)(2s)Doingalotofstuff...(0s)Doingalotofstuff...(0s)Doingalotofstuff...(0s)Doingalotofstuff...(1s)Doingalotofstuff...(1s)It'sreallymuchtuff...(1s)It'sreallymuch(1s)..(1s)It'sreallymuch(1s)..(1s)It'sreallymuch(1s)..(1s)It'sreallymuch(2s)..(1s)It'sreallymuch(2s)..(1s)We'renearlydone!2s)..(1s)We'renearlydone!(2s)(1s)We'renearlydone!(2s)(1s)We'renearlydone!(2s)(1s)We'renearlydone!(3s)(1s)We'renearlydone!(3s)(1s)Restartinganimation... \ No newline at end of file diff --git a/_examples/spinner/multiple/animation.svg b/_examples/spinner/multiple/animation.svg index 9514b16b2..5bc21a915 100644 --- a/_examples/spinner/multiple/animation.svg +++ b/_examples/spinner/multiple/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(255,255,255);white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:rgb(168,204,140)}.j{white-space:pre}.k{fill:rgb(124,255,0);white-space:pre}.l{fill:rgb(232,131,136)}.m{fill:rgb(243,86,86);white-space:pre}.n{fill:rgb(219,171,121)}.o{fill:rgb(255,241,0);white-space:pre}.p{fill:transparent}.r{animation-duration:7.4159500000000005s;animation-iteration-count:infinite;animation-name:q;animation-timing-function:steps(1,end)}.s{fill:rgb(160,160,160);white-space:pre}@keyframes q{0%{transform:translateX(-0px)}4.6%{transform:translateX(-80px)}5.3%{transform:translateX(-160px)}7.3%{transform:translateX(-240px)}7.3%{transform:translateX(-320px)}10%{transform:translateX(-400px)}10%{transform:translateX(-480px)}12.7%{transform:translateX(-560px)}12.7%{transform:translateX(-640px)}12.7%{transform:translateX(-720px)}15.4%{transform:translateX(-800px)}15.4%{transform:translateX(-880px)}15.4%{transform:translateX(-960px)}15.4%{transform:translateX(-1040px)}15.4%{transform:translateX(-1120px)}18.1%{transform:translateX(-1200px)}18.1%{transform:translateX(-1280px)}18.1%{transform:translateX(-1360px)}20.8%{transform:translateX(-1440px)}20.8%{transform:translateX(-1520px)}20.8%{transform:translateX(-1600px)}20.8%{transform:translateX(-1680px)}20.8%{transform:translateX(-1760px)}23.5%{transform:translateX(-1840px)}23.5%{transform:translateX(-1920px)}23.5%{transform:translateX(-2000px)}26.2%{transform:translateX(-2080px)}26.2%{transform:translateX(-2160px)}26.2%{transform:translateX(-2240px)}28.9%{transform:translateX(-2320px)}31.6%{transform:translateX(-2400px)}31.6%{transform:translateX(-2480px)}31.6%{transform:translateX(-2560px)}32.6%{transform:translateX(-2640px)}32.6%{transform:translateX(-2720px)}32.6%{transform:translateX(-2800px)}32.6%{transform:translateX(-2880px)}100%{transform:translateX(-2960px)}}Spinner1(0s)Spinner2(0s)Spinner3(0s)Spinner1(0s)Spinner2(0s)Spinner3(0s)Spinner1(1s)Spinner2(1s)Spinner3(1s) SUCCESS Spinner1isdone!Spinner2(1s)Spinner3(1s)Spinner2(1s)Spinner3(1s)Spinner2(1s)Spinner3(1s) ERROR Spinner2failed!Spinner3(2s)Spinner3(2s) WARNING Spinner3hasawarning!Spinner1(0s)Spinner2(0s)Spinner3(2s)Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(255,255,255);white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:rgb(168,204,140)}.j{white-space:pre}.k{fill:rgb(124,255,0);white-space:pre}.l{fill:rgb(232,131,136)}.m{fill:rgb(243,86,86);white-space:pre}.n{fill:rgb(219,171,121)}.o{fill:rgb(255,241,0);white-space:pre}.p{fill:transparent}.r{animation-duration:7.534032s;animation-iteration-count:infinite;animation-name:q;animation-timing-function:steps(1,end)}.s{fill:rgb(160,160,160);white-space:pre}@keyframes q{0%{transform:translateX(-0px)}6.1%{transform:translateX(-80px)}6.8%{transform:translateX(-160px)}8.8%{transform:translateX(-240px)}8.8%{transform:translateX(-320px)}8.8%{transform:translateX(-400px)}11.4%{transform:translateX(-480px)}11.4%{transform:translateX(-560px)}11.4%{transform:translateX(-640px)}14%{transform:translateX(-720px)}14%{transform:translateX(-800px)}14%{transform:translateX(-880px)}16.7%{transform:translateX(-960px)}16.7%{transform:translateX(-1040px)}16.7%{transform:translateX(-1120px)}16.7%{transform:translateX(-1200px)}16.7%{transform:translateX(-1280px)}16.7%{transform:translateX(-1360px)}19.4%{transform:translateX(-1440px)}19.4%{transform:translateX(-1520px)}19.4%{transform:translateX(-1600px)}19.4%{transform:translateX(-1680px)}19.4%{transform:translateX(-1760px)}22%{transform:translateX(-1840px)}22%{transform:translateX(-1920px)}22%{transform:translateX(-2000px)}24.7%{transform:translateX(-2080px)}24.7%{transform:translateX(-2160px)}24.7%{transform:translateX(-2240px)}27.3%{transform:translateX(-2320px)}27.3%{transform:translateX(-2400px)}27.3%{transform:translateX(-2480px)}27.3%{transform:translateX(-2560px)}27.3%{transform:translateX(-2640px)}30%{transform:translateX(-2720px)}30%{transform:translateX(-2800px)}30%{transform:translateX(-2880px)}32.6%{transform:translateX(-2960px)}32.6%{transform:translateX(-3040px)}32.6%{transform:translateX(-3120px)}33.6%{transform:translateX(-3200px)}33.6%{transform:translateX(-3280px)}33.6%{transform:translateX(-3360px)}33.6%{transform:translateX(-3440px)}100%{transform:translateX(-3520px)}}Spinner1(0s)Spinner2(0s)Spinner3(0s)Spinner1(0s)Spinner2(0s)Spinner3(0s)Spinner1(0s)Spinner1(1s)Spinner2(1s)Spinner3(1s) SUCCESS Spinner1isdone!Spinner2(1s)Spinner3(1s)Spinner2(1s)Spinner3(1s)Spinner2(1s)Spinner3(1s) ERROR Spinner2failed!Spinner3(2s)Spinner3(2s)Spinner3(2s) WARNING Spinner3hasawarning!Restartinganimation... \ No newline at end of file diff --git a/_examples/style/demo/animation.svg b/_examples/style/demo/animation.svg index 153091f25..45d986733 100644 --- a/_examples/style/demo/animation.svg +++ b/_examples/style/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(111,119,131)}.g{fill:rgb(126,231,233);font-weight:bold;white-space:pre}.h{fill:rgb(185,191,202)}.i{fill:rgb(127,253,127);white-space:pre}.j{fill:transparent}.l{animation-duration:5.189359s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}.m{fill:rgb(160,160,160);white-space:pre}@keyframes k{0%{transform:translateX(-0px)}3.2%{transform:translateX(-80px)}3.6%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Hello, World!Hello, World!Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(111,119,131)}.g{fill:rgb(126,231,233);font-weight:bold;white-space:pre}.h{fill:rgb(185,191,202)}.i{fill:rgb(127,253,127);white-space:pre}.j{fill:transparent}.l{animation-duration:5.236745s;animation-iteration-count:infinite;animation-name:k;animation-timing-function:steps(1,end)}.m{fill:rgb(160,160,160);white-space:pre}@keyframes k{0%{transform:translateX(-0px)}4.5%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}Hello, World!Hello, World!Restartinganimation... \ No newline at end of file diff --git a/_examples/table/boxed/animation.svg b/_examples/table/boxed/animation.svg index a72243180..f59ab3038 100644 --- a/_examples/table/boxed/animation.svg +++ b/_examples/table/boxed/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(126,231,233);white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:transparent}.k{animation-duration:5.276919s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}4.4%{transform:translateX(-80px)}5.2%{transform:translateX(-160px)}5.2%{transform:translateX(-240px)}5.2%{transform:translateX(-320px)}5.2%{transform:translateX(-400px)}100%{transform:translateX(-480px)}}┌───────────────────────────────────────────────────────────────────────┐|Firstname|Lastname|Email|Note||Paul|Dean|augue@velitAliquam.co.uk|||Callie|Mckay|nunc.sed@est.com|这是一个测试,haha!||Libby|Camacho|lobortis@semper.com|justatest,hey!|||小宝|zhang@example.com||└───────────────────────────────────────────────────────────────────────┘┌────────────────────────────────────────────────|└──────────────────└──────────────────────────────────────────────────────────────────Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(126,231,233);white-space:pre}.h{fill:rgb(104,104,104);white-space:pre}.i{fill:transparent}.k{animation-duration:5.247708s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}3.8%{transform:translateX(-80px)}4.7%{transform:translateX(-160px)}4.7%{transform:translateX(-240px)}4.7%{transform:translateX(-320px)}4.7%{transform:translateX(-400px)}100%{transform:translateX(-480px)}}┌───────────────────────────────────────────────────────────────────────┐|Firstname|Lastname|Email|Note||Paul|Dean|augue@velitAliquam.co.uk|||Callie|Mckay|nunc.sed@est.com|这是一个测试,haha!||Libby|Camacho|lobortis@semper.com|justatest,hey!|||小宝|zhang@example.com||└───────────────────────────────────────────────────────────────────────┘┌────────────────────────────────────────────────|└──────────────────└──────────────────────────────────────────────────────────────────Restartinganimation... \ No newline at end of file diff --git a/_examples/table/demo/animation.svg b/_examples/table/demo/animation.svg index c2364e36d..0e2af2566 100644 --- a/_examples/table/demo/animation.svg +++ b/_examples/table/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:transparent}.k{animation-duration:5.252085s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}3.5%{transform:translateX(-80px)}4.8%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Firstname|Lastname|Email|NotePaul|Dean|augue@velitAliquam.co.uk|Callie|Mckay|nunc.sed@est.com|这是一个测试,haha!Libby|Camacho|lobortis@semper.com|justatest,hey!|小宝|zhang@example.com|Firstname|Lastname|EmailPaul|Dean|augue@velitAliquam.co.uk||Newline||Callie|Mckay|nunc.sed@est.com||NewlineLibby|Camacho|lobortis@semper.com|小宝|zhang@example.comRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:transparent}.k{animation-duration:5.274657s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}4.3%{transform:translateX(-80px)}5%{transform:translateX(-160px)}5.2%{transform:translateX(-240px)}100%{transform:translateX(-320px)}}Firstname|Lastname|Email|NotePaul|Dean|augue@velitAliquam.co.uk|Callie|Mckay|nunc.sed@est.com|这是一个测试,haha!Libby|Camacho|lobortis@semper.com|justatest,hey!|小宝|zhang@example.com|Firstname|Lastname|EmailPaul|Dean|augue@velitAliquam.co.uk||Newline||Callie|Mckay|nunc.sed@est.com||NewlineLibby|Camacho|lobortis@semper.com|小宝|zhang@example.comRestartinganimation... \ No newline at end of file diff --git a/_examples/table/multiple-lines/animation.svg b/_examples/table/multiple-lines/animation.svg index 00670305a..580a5d182 100644 --- a/_examples/table/multiple-lines/animation.svg +++ b/_examples/table/multiple-lines/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:transparent}.k{animation-duration:5.25923s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}3.9%{transform:translateX(-80px)}4.9%{transform:translateX(-160px)}4.9%{transform:translateX(-240px)}4.9%{transform:translateX(-320px)}4.9%{transform:translateX(-400px)}4.9%{transform:translateX(-480px)}100%{transform:translateX(-560px)}}Firstname|Lastname|Email-----------------------------------------------Paul|Dean|augue@velitAliquam.co.uk||Newline||Callie|Mckay|nunc.sed@est.com||NewlineLibby|Camacho|lobortis@semper.com|小宝|zhang@example.com|Callie|MckayLibby|小宝|zhang@eRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:transparent}.k{animation-duration:5.238616s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}3.9%{transform:translateX(-80px)}4.6%{transform:translateX(-160px)}4.6%{transform:translateX(-240px)}4.6%{transform:translateX(-320px)}4.6%{transform:translateX(-400px)}4.6%{transform:translateX(-480px)}100%{transform:translateX(-560px)}}Firstname|Lastname|Email-----------------------------------------------Paul|Dean|augue@velitAliquam.co.uk||Newline||Callie|Mckay|nunc.sed@est.com||NewlineLibby|Camacho|lobortis@semper.com|小宝|zhang@example.com|Callie|MckayLibby|小宝|zhang@eRestartinganimation... \ No newline at end of file diff --git a/_examples/table/right-alignment/animation.svg b/_examples/table/right-alignment/animation.svg index 5b4c6de24..1aade7e88 100644 --- a/_examples/table/right-alignment/animation.svg +++ b/_examples/table/right-alignment/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:transparent}.k{animation-duration:5.301984s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}4.2%{transform:translateX(-80px)}5.7%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Firstname|Lastname|Email|NotePaul|Dean|augue@velitAliquam.co.uk|Callie|Mckay|nunc.sed@est.com|这是一个测试,haha!Libby|Camacho|lobortis@semper.com|justatest,hey!|小宝|zhang@example.com|Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(126,231,233);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:rgb(160,160,160);white-space:pre}.i{fill:transparent}.k{animation-duration:5.324344s;animation-iteration-count:infinite;animation-name:j;animation-timing-function:steps(1,end)}@keyframes j{0%{transform:translateX(-0px)}4.9%{transform:translateX(-80px)}6.1%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Firstname|Lastname|Email|NotePaul|Dean|augue@velitAliquam.co.uk|Callie|Mckay|nunc.sed@est.com|这是一个测试,haha!Libby|Camacho|lobortis@semper.com|justatest,hey!|小宝|zhang@example.com|Restartinganimation... \ No newline at end of file diff --git a/_examples/theme/demo/animation.svg b/_examples/theme/demo/animation.svg index ad7d4210a..b0245670e 100644 --- a/_examples/theme/demo/animation.svg +++ b/_examples/theme/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(160,160,160);white-space:pre}.j{fill:rgb(234,89,246);white-space:pre}.k{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.l{fill:rgb(124,255,0);white-space:pre}.m{fill:rgb(168,204,140)}.n{fill:rgb(255,241,0);white-space:pre}.o{fill:rgb(219,171,121)}.p{fill:rgb(243,86,86);white-space:pre}.q{fill:rgb(232,131,136)}.r{fill:rgb(111,119,131)}.s{fill:rgb(255,255,255);white-space:pre}.t{fill:rgb(104,104,104);white-space:pre}.u{fill:rgb(0,198,255);white-space:pre}.v{fill:rgb(255,255,255);font-weight:bold;white-space:pre}.w{fill:transparent}.y{animation-duration:14.740769s;animation-iteration-count:infinite;animation-name:x;animation-timing-function:steps(1,end)}@keyframes x{0%{transform:translateX(-0px)}1.4%{transform:translateX(-80px)}1.7%{transform:translateX(-160px)}3.2%{transform:translateX(-240px)}3.2%{transform:translateX(-320px)}4.9%{transform:translateX(-400px)}4.9%{transform:translateX(-480px)}6.6%{transform:translateX(-560px)}6.6%{transform:translateX(-640px)}8.3%{transform:translateX(-720px)}8.3%{transform:translateX(-800px)}10%{transform:translateX(-880px)}11.7%{transform:translateX(-960px)}13.4%{transform:translateX(-1040px)}15.1%{transform:translateX(-1120px)}16.8%{transform:translateX(-1200px)}18.5%{transform:translateX(-1280px)}20.2%{transform:translateX(-1360px)}21.9%{transform:translateX(-1440px)}23.6%{transform:translateX(-1520px)}25.3%{transform:translateX(-1600px)}27%{transform:translateX(-1680px)}28.7%{transform:translateX(-1760px)}30.4%{transform:translateX(-1840px)}32.1%{transform:translateX(-1920px)}33.8%{transform:translateX(-2000px)}35.5%{transform:translateX(-2080px)}37.2%{transform:translateX(-2160px)}38.9%{transform:translateX(-2240px)}40.6%{transform:translateX(-2320px)}42.3%{transform:translateX(-2400px)}44%{transform:translateX(-2480px)}45.7%{transform:translateX(-2560px)}47.4%{transform:translateX(-2640px)}49.1%{transform:translateX(-2720px)}50.8%{transform:translateX(-2800px)}52.5%{transform:translateX(-2880px)}54.2%{transform:translateX(-2960px)}55.9%{transform:translateX(-3040px)}57.6%{transform:translateX(-3120px)}59.3%{transform:translateX(-3200px)}61%{transform:translateX(-3280px)}62.7%{transform:translateX(-3360px)}64.4%{transform:translateX(-3440px)}66.1%{transform:translateX(-3520px)}100%{transform:translateX(-3600px)}} INFO Thesearethedefaultthemestyles. Youcanmodifythemeasilytoyourpersonalpreference, orcreatenewthemesfromscratch:)DefaultTextPrimaryStyleSecondaryStyleHighlightStyleInfoMessageStyleInfoPrefixStyleSuccessMessageStyleSuccessPrefixStyleWarningMessageStyleWarningPrefixStyleErrorMessageStyleErrorPrefixStyleFatalMessageStyleFatalPrefixStyleDescriptionMessageStyleDescriptionPrefixStyleScopeStyleProgressbarBarStyleProgressbarTitleStyleHeaderTextStyleHeaderBackgroundStyleSpinnerStyleSpinnerTextStyleTimerStyleTableStyleTableHeaderStyleTableSeparatorStyleSectionStyleBulletListTextStyleBulletListBulletStyleTreeStyleTreeTextStyleLetterStyleDebugMessageStyleDebugPrefixStyleBoxStyleBoxTextStyleBarLabelStyleBarStyleRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(102,194,205)}.g{white-space:pre}.h{fill:rgb(126,231,233);white-space:pre}.i{fill:rgb(160,160,160);white-space:pre}.j{fill:rgb(234,89,246);white-space:pre}.k{fill:rgb(255,241,0);font-weight:bold;white-space:pre}.l{fill:rgb(124,255,0);white-space:pre}.m{fill:rgb(168,204,140)}.n{fill:rgb(255,241,0);white-space:pre}.o{fill:rgb(219,171,121)}.p{fill:rgb(243,86,86);white-space:pre}.q{fill:rgb(232,131,136)}.r{fill:rgb(111,119,131)}.s{fill:rgb(255,255,255);white-space:pre}.t{fill:rgb(104,104,104);white-space:pre}.u{fill:rgb(0,198,255);white-space:pre}.v{fill:rgb(255,255,255);font-weight:bold;white-space:pre}.w{fill:transparent}.y{animation-duration:15.510115s;animation-iteration-count:infinite;animation-name:x;animation-timing-function:steps(1,end)}@keyframes x{0%{transform:translateX(-0px)}1.4%{transform:translateX(-80px)}1.8%{transform:translateX(-160px)}3.1%{transform:translateX(-240px)}3.1%{transform:translateX(-320px)}4.7%{transform:translateX(-400px)}4.7%{transform:translateX(-480px)}6.4%{transform:translateX(-560px)}6.4%{transform:translateX(-640px)}8%{transform:translateX(-720px)}9.6%{transform:translateX(-800px)}9.6%{transform:translateX(-880px)}11.2%{transform:translateX(-960px)}12.8%{transform:translateX(-1040px)}14.4%{transform:translateX(-1120px)}16.1%{transform:translateX(-1200px)}17.7%{transform:translateX(-1280px)}17.7%{transform:translateX(-1360px)}19.3%{transform:translateX(-1440px)}20.9%{transform:translateX(-1520px)}22.5%{transform:translateX(-1600px)}24.1%{transform:translateX(-1680px)}25.7%{transform:translateX(-1760px)}27.4%{transform:translateX(-1840px)}29%{transform:translateX(-1920px)}30.6%{transform:translateX(-2000px)}32.2%{transform:translateX(-2080px)}33.8%{transform:translateX(-2160px)}35.4%{transform:translateX(-2240px)}37%{transform:translateX(-2320px)}38.7%{transform:translateX(-2400px)}40.3%{transform:translateX(-2480px)}40.3%{transform:translateX(-2560px)}41.9%{transform:translateX(-2640px)}43.5%{transform:translateX(-2720px)}43.5%{transform:translateX(-2800px)}45.1%{transform:translateX(-2880px)}46.7%{transform:translateX(-2960px)}46.7%{transform:translateX(-3040px)}48.4%{transform:translateX(-3120px)}50%{transform:translateX(-3200px)}51.6%{transform:translateX(-3280px)}53.2%{transform:translateX(-3360px)}54.8%{transform:translateX(-3440px)}54.8%{transform:translateX(-3520px)}56.4%{transform:translateX(-3600px)}56.4%{transform:translateX(-3680px)}58.1%{transform:translateX(-3760px)}59.7%{transform:translateX(-3840px)}61.3%{transform:translateX(-3920px)}62.9%{transform:translateX(-4000px)}62.9%{transform:translateX(-4080px)}64.5%{transform:translateX(-4160px)}64.5%{transform:translateX(-4240px)}66.1%{transform:translateX(-4320px)}66.1%{transform:translateX(-4400px)}67.8%{transform:translateX(-4480px)}67.8%{transform:translateX(-4560px)}100%{transform:translateX(-4640px)}} INFO Thesearethedefaultthemestyles. Youcanmodifythemeasilytoyourpersonalpreference, orcreatenewthemesfromscratch:)DefaultTextPrimaryStyleSecondaryStyleHighlightStyleInfoMessageStyleInfoPrefixStyleSuccessMessageStyleSuccessPrefixStyleWarningMessageStyleWarningPrefixStyleErrorMessageStyleErrorPrefixStyleFatalMessageStyleFatalPrefixStyleDescriptionMessageStyleDescriptionPrefixStyleScopeStyleProgressbarBarStyleProgressbarTitleStyleHeaderTextStyleHeaderBackgroundStyleSpinnerStyleSpinnerTextStyleTimerStyleTableStyleTableHeaderStyleTableSeparatorStyleHeatmapStyleHeatmapHeaderStyleHeatmapSeparatorStyleSectionStyleBulletListTextStyleBulletListBulletStyleTreeStyleTreeTextStyleLetterStyleDebugMessageStyleDebugPrefixStyleBoxStyleBoxTextStyleBarLabelStyleBarStyleRestartinganimation... \ No newline at end of file diff --git a/_examples/tree/demo/animation.svg b/_examples/tree/demo/animation.svg index 38636f059..05aabf778 100644 --- a/_examples/tree/demo/animation.svg +++ b/_examples/tree/demo/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:transparent}.j{animation-duration:5.218273s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}@keyframes i{0%{transform:translateX(-0px)}4.2%{transform:translateX(-80px)}100%{transform:translateX(-160px)}}Topnode└─┬Childnode├──Grandchildnode└──GrandchildnodeRestartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:transparent}.j{animation-duration:5.357932s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}@keyframes i{0%{transform:translateX(-0px)}5.2%{transform:translateX(-80px)}6.7%{transform:translateX(-160px)}100%{transform:translateX(-240px)}}Topnode└─┬Childnode├──Grandchildnode└──GrandchildnodeRestartinganimation... \ No newline at end of file diff --git a/_examples/tree/from-leveled-list/animation.svg b/_examples/tree/from-leveled-list/animation.svg index 4544ff21a..56d53dd7c 100644 --- a/_examples/tree/from-leveled-list/animation.svg +++ b/_examples/tree/from-leveled-list/animation.svg @@ -7,4 +7,4 @@ sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !important; -}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:transparent}.j{animation-duration:5.044026s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}@keyframes i{0%{transform:translateX(-0px)}0.7%{transform:translateX(-80px)}0.9%{transform:translateX(-160px)}0.9%{transform:translateX(-240px)}100%{transform:translateX(-320px)}}Computer├─┬C:├──Users├──Windows├──Programs├──Programs(x86)└──dev├──D:├─┬E:├──Movies├─┬Music└──LinkinPark└─┬Games└─┬Shooter├──CallOfDuty├──CS:GO└─┬Battlefield├──Battlefield1└──Battlefield2└─┬F:└─┬dev├──dops└──PTerm├─Restartinganimation... \ No newline at end of file +}.a{fill:rgb(35,35,35)}.b{fill:#ff5f58}.c{fill:#ffbd2e}.d{fill:#18c132}.e{font-family:'Courier New',Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace}.f{fill:rgb(160,160,160);white-space:pre}.g{fill:rgb(104,104,104);white-space:pre}.h{fill:transparent}.j{animation-duration:5.01997s;animation-iteration-count:infinite;animation-name:i;animation-timing-function:steps(1,end)}@keyframes i{0%{transform:translateX(-0px)}0.3%{transform:translateX(-80px)}0.4%{transform:translateX(-160px)}0.4%{transform:translateX(-240px)}100%{transform:translateX(-320px)}}Computer├─┬C:├──Users├──Windows├──Programs├──Programs(x86)└──dev├──D:├─┬E:├──Movies├─┬Music└──LinkinPark└─┬Games└─┬Shooter├──CallOfDuty├──CS:GO└─┬Battlefield├──Battlefield1└──Battlefield2└─┬F:└─┬dev├──dops└──PTermRestartinganimation... \ No newline at end of file diff --git a/docs/README.md b/docs/README.md index f05f2d935..4ac3f28e7 100644 --- a/docs/README.md +++ b/docs/README.md @@ -99,10 +99,10 @@ go get github.com/pterm/pterm | :-------: | :-------: | :-------: | :-------: | :-------: | | Area
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/area) |Barchart
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/barchart) |Basictext
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/basictext) |Bigtext
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/bigtext) |Box
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/box) | | Bulletlist
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/bulletlist) |Center
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/center) |Coloring
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/coloring) |Demo
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/demo) |Header
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/header) | -| Interactive confirm
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_confirm) |Interactive continue
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_continue) |Interactive multiselect
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_multiselect) |Interactive select
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_select) |Interactive textinput
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_textinput) | -| Logger
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/logger) |Multiple-live-printers
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/multiple-live-printers) |Panel
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/panel) |Paragraph
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/paragraph) |Prefix
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/prefix) | -| Progressbar
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/progressbar) |Section
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/section) |Slog
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/slog) |Spinner
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/spinner) |Style
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/style) | -| Table
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/table) |Theme
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/theme) |Tree
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/tree) | | | +| Heatmap
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/heatmap) |Interactive confirm
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_confirm) |Interactive continue
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_continue) |Interactive multiselect
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_multiselect) |Interactive select
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_select) | +| Interactive textinput
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/interactive_textinput) |Logger
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/logger) |Multiple-live-printers
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/multiple-live-printers) |Panel
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/panel) |Paragraph
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/paragraph) | +| Prefix
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/prefix) |Progressbar
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/progressbar) |Section
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/section) |Slog
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/slog) |Spinner
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/spinner) | +| Style
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/style) |Table
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/table) |Theme
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/theme) |Tree
[(Examples)](https://github.com/pterm/pterm/tree/master/_examples/tree) | | @@ -1648,6 +1648,241 @@ func main() { +### heatmap/custom_colors + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/custom_colors/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and a legend.") + pterm.Println() + + table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false).WithColors(pterm.BgBlue, pterm.BgRed, pterm.BgGreen, pterm.BgYellow).WithLegend() + table.Render() +} + +``` + +
+ +### heatmap/custom_legend + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/custom_legend/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a custom legend.") + pterm.Println() + + table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegendLabel("custom").WithLegendOnlyColoredCells() + table.Render() +} + +``` + +
+ +### heatmap/custom_rgb + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/custom_rgb/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.") + pterm.Println() + + table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithRGBRange(pterm.NewRGB(0, 0, 255), pterm.NewRGB(255, 0, 0), pterm.NewRGB(0, 255, 0), pterm.NewRGB(255, 255, 0)) + table2.Render() +} + +``` + +
+ +### heatmap/demo + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/demo/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + table := pterm.DefaultHeatmap.WithAxisData(headerData).WithData(data).WithEnableRGB() + table.Render() +} + +``` + +
+ +### heatmap/no_grid + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/no_grid/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import ( + "github.com/pterm/pterm" +) + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has rgb (not supported by every terminal), axis data and a legend.") + pterm.Println() + + table2 := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithEnableRGB().WithLegend().WithGrid(false) + table2.Render() +} + +``` + +
+ +### heatmap/separated + +![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/heatmap/separated/animation.svg) + +
+ +SHOW SOURCE + +```go +package main + +import "github.com/pterm/pterm" + +func main() { + data := [][]float32{ + {0.9, 0.2, -0.7, 0.4, -0.5, 0.6, -0.3, 0.8, -0.1, -1.0, 0.1, -0.8, 0.3}, + {0.2, -0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.9, -0.9, -0.7, -0.5, -0.3}, + {0.4, 0.4, -0.3, -1.0, 0.3, -0.2, -0.9, 0.5, -0.3, -1.0, 0.6, -0.2, -0.9}, + {0.9, -0.5, -0.1, 0.3, 1, -0.7, -0.3, 0.1, 0.7, -0.9, -0.5, 0.2, 0.6}, + {0.5, 0.6, 0.1, -0.2, -0.7, 0.8, 0.6, 0.1, -0.5, -0.7, 0.7, 0.3, 0.0}, + } + + headerData := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m"}, + YAxis: []string{"1", "2", "3", "4", "5"}, + } + + pterm.Info.Println("The following table has no rgb (supported by every terminal), no axis data and no legend.") + pterm.Println() + + table := pterm.DefaultHeatmap.WithData(data).WithBoxed(false).WithAxisData(headerData).WithLegend(false) + table.Render() +} + +``` + +
+ ### interactive_confirm/demo ![Animation](https://raw.githubusercontent.com/pterm/pterm/master/_examples/interactive_confirm/demo/animation.svg) diff --git a/go.mod b/go.mod index 867eaa281..a9742f53d 100644 --- a/go.mod +++ b/go.mod @@ -10,8 +10,8 @@ require ( github.com/gookit/color v1.5.4 github.com/lithammer/fuzzysearch v1.1.8 github.com/mattn/go-runewidth v0.0.15 - golang.org/x/term v0.11.0 - golang.org/x/text v0.12.0 + golang.org/x/term v0.13.0 + golang.org/x/text v0.13.0 ) require ( @@ -22,5 +22,5 @@ require ( github.com/rivo/uniseg v0.4.4 // indirect github.com/sergi/go-diff v1.2.0 // indirect github.com/xo/terminfo v0.0.0-20220910002029-abceb7e1c41e // indirect - golang.org/x/sys v0.11.0 // indirect + golang.org/x/sys v0.13.0 // indirect ) diff --git a/go.sum b/go.sum index 35a271ca1..ccb6d0ae1 100644 --- a/go.sum +++ b/go.sum @@ -86,22 +86,22 @@ golang.org/x/sys v0.0.0-20220520151302-bc2c85ada10a/go.mod h1:oPkhp1MJrh7nUepCBc golang.org/x/sys v0.0.0-20220704084225-05e143d24a9e/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg= golang.org/x/sys v0.0.0-20220722155257-8c9f86f7a55f/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg= golang.org/x/sys v0.5.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg= -golang.org/x/sys v0.11.0 h1:eG7RXZHdqOJ1i+0lgLgCpSXAp6M3LYlAo6osgSi0xOM= -golang.org/x/sys v0.11.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg= +golang.org/x/sys v0.13.0 h1:Af8nKPmuFypiUBjVoU9V20FiaFXOcuZI21p0ycVYYGE= +golang.org/x/sys v0.13.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg= golang.org/x/term v0.0.0-20201126162022-7de9c90e9dd1/go.mod h1:bj7SfCRtBDWHUb9snDiAeCFNEtKQo2Wmx5Cou7ajbmo= golang.org/x/term v0.0.0-20210220032956-6a3ed077a48d/go.mod h1:bj7SfCRtBDWHUb9snDiAeCFNEtKQo2Wmx5Cou7ajbmo= golang.org/x/term v0.0.0-20210615171337-6886f2dfbf5b/go.mod h1:jbD1KX2456YbFQfuXm/mYQcufACuNUgVhRMnK/tPxf8= golang.org/x/term v0.0.0-20210927222741-03fcf44c2211/go.mod h1:jbD1KX2456YbFQfuXm/mYQcufACuNUgVhRMnK/tPxf8= golang.org/x/term v0.5.0/go.mod h1:jMB1sMXY+tzblOD4FWmEbocvup2/aLOaQEp7JmGp78k= -golang.org/x/term v0.11.0 h1:F9tnn/DA/Im8nCwm+fX+1/eBwi4qFjRT++MhtVC4ZX0= -golang.org/x/term v0.11.0/go.mod h1:zC9APTIj3jG3FdV/Ons+XE1riIZXG4aZ4GTHiPZJPIU= +golang.org/x/term v0.13.0 h1:bb+I9cTfFazGW51MZqBVmZy7+JEJMouUHTUSKVQLBek= +golang.org/x/term v0.13.0/go.mod h1:LTmsnFJwVN6bCy1rVCoS+qHT1HhALEFxKncY3WNNh4U= golang.org/x/text v0.3.0/go.mod h1:NqM8EUOU14njkJ3fqMW+pc6Ldnwhi/IjpwHt7yyuwOQ= golang.org/x/text v0.3.3/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ= golang.org/x/text v0.3.7/go.mod h1:u+2+/6zg+i71rQMx5EYifcz6MCKuco9NR6JIITiCfzQ= golang.org/x/text v0.7.0/go.mod h1:mrYo+phRRbMaCq/xk9113O4dZlRixOauAjOtrjsXDZ8= golang.org/x/text v0.9.0/go.mod h1:e1OnstbJyHTd6l/uOt8jFFHp6TRDWZR/bV3emEE/zU8= -golang.org/x/text v0.12.0 h1:k+n5B8goJNdU7hSvEtMUz3d1Q6D/XW4COJSJR6fN0mc= -golang.org/x/text v0.12.0/go.mod h1:TvPlkZtksWOMsz7fbANvkp4WM8x/WCo/om8BMLbz+aE= +golang.org/x/text v0.13.0 h1:ablQoSUd0tRdKxZewP80B+BaqeKJuVhuRxj/dkrun3k= +golang.org/x/text v0.13.0/go.mod h1:TvPlkZtksWOMsz7fbANvkp4WM8x/WCo/om8BMLbz+aE= golang.org/x/tools v0.0.0-20180917221912-90fa682c2a6e/go.mod h1:n7NCudcB/nEzxVGmLbDWY5pfWTLqBcC2KZ6jyYvM4mQ= golang.org/x/tools v0.0.0-20191119224855-298f0cb1881e/go.mod h1:b+2E5dAYhXwXZwtnZ6UAqBI28+e2cm9otk0dWdXHAEo= golang.org/x/tools v0.1.12/go.mod h1:hNGJHUnrk76NpqgfD5Aqm5Crs+Hm0VOH/i9J2+nxYbc= diff --git a/heatmap_printer.go b/heatmap_printer.go new file mode 100644 index 000000000..4fac71e38 --- /dev/null +++ b/heatmap_printer.go @@ -0,0 +1,744 @@ +package pterm + +import ( + "bytes" + "errors" + "io" + "math" + "strings" + + "github.com/pterm/pterm/internal" +) + +// DefaultHeatmap contains standards, which can be used to print a HeatmapPrinter. +var DefaultHeatmap = HeatmapPrinter{ + AxisStyle: &ThemeDefault.HeatmapHeaderStyle, + SeparatorStyle: &ThemeDefault.HeatmapSeparatorStyle, + VerticalSeparator: "│", + TopRightCornerSeparator: "└", + TopLeftCornerSeparator: "┘", + BottomLeftCornerSeparator: "┐", + BottomRightCornerSeparator: "┌", + HorizontalSeparator: "─", + TSeparator: "┬", + TReverseSeparator: "┴", + LSeparator: "├", + LReverseSeparator: "┤", + TCrossSeparator: "┼", + LegendLabel: "Legend", + Boxed: true, + Grid: true, + Legend: true, + TextRGB: RGB{0, 0, 0, false}, + RGBRange: []RGB{{R: 255, G: 0, B: 0, Background: true}, {R: 255, G: 165, B: 0, Background: true}, {R: 0, G: 255, B: 0, Background: true}}, + TextColor: FgBlack, + Colors: []Color{BgRed, BgLightRed, BgYellow, BgLightYellow, BgLightGreen, BgGreen}, + + EnableRGB: false, +} + +// HeatmapData is the type that contains the data of a HeatmapPrinter. +type HeatmapData [][]float32 + +type HeatmapAxis struct { + XAxis []string + YAxis []string +} + +// HeatmapPrinter is able to render tables. +type HeatmapPrinter struct { + HasHeader bool + AxisStyle *Style + VerticalSeparator string + TopRightCornerSeparator string + TopLeftCornerSeparator string + BottomLeftCornerSeparator string + BottomRightCornerSeparator string + HorizontalSeparator string + TSeparator string + TReverseSeparator string + LSeparator string + LReverseSeparator string + TCrossSeparator string + LegendLabel string + SeparatorStyle *Style + Data HeatmapData + Axis HeatmapAxis + Boxed bool + Grid bool + OnlyColoredCells bool + LegendOnlyColoredCells bool + EnableComplementaryColor bool + Legend bool + CellSize int + Colors []Color + TextColor Color + EnableRGB bool + RGBRange []RGB + TextRGB RGB + Writer io.Writer + + minValue float32 + maxValue float32 + + rgbLegendValue int +} + +var complementaryColors = map[Color]Color{ + BgBlack: FgLightWhite, + BgRed: FgCyan, + BgGreen: FgMagenta, + BgYellow: FgBlue, + BgBlue: FgYellow, + BgMagenta: FgGreen, + BgCyan: FgRed, + BgWhite: FgBlack, + BgDefault: FgBlack, + BgDarkGray: FgLightWhite, + BgLightRed: FgLightCyan, + BgLightGreen: FgLightMagenta, + BgLightYellow: FgLightBlue, + BgLightBlue: FgLightYellow, + BgLightMagenta: FgLightGreen, + BgLightCyan: FgLightRed, + BgLightWhite: FgBlack, +} + +// WithAxisData returns a new HeatmapPrinter, where the first line and row are headers. +func (p HeatmapPrinter) WithAxisData(hd HeatmapAxis) *HeatmapPrinter { + p.HasHeader = true + p.Axis = hd + return &p +} + +// WithAxisStyle returns a new HeatmapPrinter with a specific AxisStyle. +func (p HeatmapPrinter) WithAxisStyle(style *Style) *HeatmapPrinter { + p.AxisStyle = style + return &p +} + +// WithSeparatorStyle returns a new HeatmapPrinter with a specific SeparatorStyle. +func (p HeatmapPrinter) WithSeparatorStyle(style *Style) *HeatmapPrinter { + p.SeparatorStyle = style + return &p +} + +// WithData returns a new HeatmapPrinter with specific Data. +func (p HeatmapPrinter) WithData(data [][]float32) *HeatmapPrinter { + p.Data = data + return &p +} + +// WithTextColor returns a new HeatmapPrinter with a specific TextColor. +// This sets EnableComplementaryColor to false. +func (p HeatmapPrinter) WithTextColor(color Color) *HeatmapPrinter { + p.TextColor = color + p.EnableComplementaryColor = false + return &p +} + +// WithTextRGB returns a new HeatmapPrinter with a specific TextRGB. +// This sets EnableComplementaryColor to false. +func (p HeatmapPrinter) WithTextRGB(rgb RGB) *HeatmapPrinter { + p.TextRGB = rgb + p.EnableComplementaryColor = false + return &p +} + +// WithBoxed returns a new HeatmapPrinter with a box around the table. +// If set to true, Grid will be set to true too. +func (p HeatmapPrinter) WithBoxed(b ...bool) *HeatmapPrinter { + p.Boxed = internal.WithBoolean(b) + if p.Boxed && !p.Grid { + p.Grid = true + } + return &p +} + +// WithGrid returns a new HeatmapPrinter with a grid. +// If set to false, Boxed will be set to false too. +func (p HeatmapPrinter) WithGrid(b ...bool) *HeatmapPrinter { + b2 := internal.WithBoolean(b) + p.Grid = b2 + if !b2 && p.Boxed { + p.Boxed = false + } + return &p +} + +// WithEnableRGB returns a new HeatmapPrinter with RGB colors. +func (p HeatmapPrinter) WithEnableRGB(b ...bool) *HeatmapPrinter { + p.EnableRGB = internal.WithBoolean(b) + return &p +} + +// WithOnlyColoredCells returns a new HeatmapPrinter with only colored cells. +func (p HeatmapPrinter) WithOnlyColoredCells(b ...bool) *HeatmapPrinter { + b2 := internal.WithBoolean(b) + p.OnlyColoredCells = b2 + return &p +} + +// WithLegendOnlyColoredCells returns a new HeatmapPrinter with legend with only colored cells. +// This sets the Legend to true. +func (p HeatmapPrinter) WithLegendOnlyColoredCells(b ...bool) *HeatmapPrinter { + b2 := internal.WithBoolean(b) + p.LegendOnlyColoredCells = b2 + if b2 { + p.Legend = true + } + return &p +} + +// WithEnableComplementaryColor returns a new HeatmapPrinter with complement color. +func (p HeatmapPrinter) WithEnableComplementaryColor(b ...bool) *HeatmapPrinter { + p.EnableComplementaryColor = internal.WithBoolean(b) + return &p +} + +// WithLegend returns a new HeatmapPrinter with a legend. +func (p HeatmapPrinter) WithLegend(b ...bool) *HeatmapPrinter { + p.Legend = internal.WithBoolean(b) + return &p +} + +// WithCellSize returns a new HeatmapPrinter with a specific cell size. +// This only works if there is no header and OnlyColoredCells == true! +func (p HeatmapPrinter) WithCellSize(i int) *HeatmapPrinter { + p.CellSize = i + return &p +} + +// WithLegendLabel returns a new HeatmapPrinter with a specific legend tag. +// This sets the Legend to true. +func (p HeatmapPrinter) WithLegendLabel(s string) *HeatmapPrinter { + p.LegendLabel = s + p.Legend = true + return &p +} + +// WithRGBRange returns a new HeatmapPrinter with a specific RGBRange. +func (p HeatmapPrinter) WithRGBRange(rgb ...RGB) *HeatmapPrinter { + p.RGBRange = rgb + return &p +} + +// WithColors returns a new HeatmapPrinter with a specific Colors. +func (p HeatmapPrinter) WithColors(colors ...Color) *HeatmapPrinter { + p.Colors = colors + return &p +} + +// WithWriter sets the Writer. +func (p HeatmapPrinter) WithWriter(writer io.Writer) *HeatmapPrinter { + p.Writer = writer + return &p +} + +// Srender renders the HeatmapPrinter as a string. +func (p HeatmapPrinter) Srender() (string, error) { + if err := p.errCheck(); err != nil { + return "", err + } + + if p.SeparatorStyle == nil { + p.SeparatorStyle = DefaultHeatmap.SeparatorStyle + } + if p.AxisStyle == nil { + p.AxisStyle = DefaultHeatmap.AxisStyle + } + + if RawOutput { + p.Legend = false + } + + buffer := bytes.NewBufferString("") + xAmount := len(p.Data[0]) - 1 + yAmount := len(p.Data) - 1 + p.minValue, p.maxValue = minMaxFloat32(p.Data) + + var data string + for _, datum := range p.Data { + for _, f := range datum { + data += Sprintf("%v\n", f) + } + } + + if p.HasHeader { + data, xAmount, yAmount = p.computeAxisData(data, xAmount, yAmount) + } + + colWidth := internal.GetStringMaxWidth(data) + legendColWidth := colWidth + 2 + + if p.OnlyColoredCells && (p.CellSize > colWidth || !p.HasHeader) { + colWidth = p.CellSize + } + + if p.Boxed { + p.renderSeparatorRow(buffer, colWidth, xAmount, true) + } + + p.renderData(buffer, colWidth, xAmount, yAmount) + + if p.HasHeader { + p.renderHeader(buffer, colWidth, xAmount) + } + + if p.Boxed { + p.renderSeparatorRow(buffer, colWidth, xAmount, false) + } + + if p.Legend { + p.renderLegend(buffer, legendColWidth) + } + + buffer.WriteString("\n") + + return buffer.String(), nil +} + +func (p HeatmapPrinter) computeAxisData(data string, xAmount, yAmount int) (string, int, int) { + var header string + for _, h := range p.Axis.XAxis { + header += h + "\n" + } + for _, h := range p.Axis.YAxis { + header += h + "\n" + } + + if p.OnlyColoredCells { + data = header + } else { + data += header + } + xAmount++ + yAmount++ + + p.Axis.YAxis = append(p.Axis.YAxis, "") + + return data, xAmount, yAmount +} + +func (p HeatmapPrinter) renderSeparatorRow(buffer *bytes.Buffer, colWidth, xAmount int, top bool) { + tSep := p.TReverseSeparator + rightSep := p.TopRightCornerSeparator + leftSep := p.TopLeftCornerSeparator + + if top { + tSep = p.TSeparator + rightSep = p.BottomRightCornerSeparator + leftSep = p.BottomLeftCornerSeparator + } else { + buffer.WriteString("\n") + } + buffer.WriteString(p.SeparatorStyle.Sprint(rightSep)) + for i := 0; i < xAmount+1; i++ { + buffer.WriteString(strings.Repeat(p.SeparatorStyle.Sprint(p.HorizontalSeparator), colWidth)) + if i < xAmount { + buffer.WriteString(p.SeparatorStyle.Sprint(tSep)) + } + } + buffer.WriteString(p.SeparatorStyle.Sprint(leftSep)) + + if top { + buffer.WriteString("\n") + } +} + +func (p HeatmapPrinter) renderLegend(buffer *bytes.Buffer, legendColWidth int) { + buffer.WriteString("\n") + buffer.WriteString("\n") + if p.Boxed { + p.boxLegend(buffer, p.LegendLabel, legendColWidth) + } else { + p.generateLegend(buffer, p.LegendLabel, legendColWidth) + } +} + +func (p HeatmapPrinter) renderHeader(buffer *bytes.Buffer, colWidth int, xAmount int) { + buffer.WriteString("\n") + if p.Boxed { + buffer.WriteString(p.SeparatorStyle.Sprint(p.LSeparator)) + } + if p.Grid { + for i := 0; i < xAmount+1; i++ { + buffer.WriteString(strings.Repeat(p.SeparatorStyle.Sprint(p.HorizontalSeparator), colWidth)) + if i < xAmount { + buffer.WriteString(p.SeparatorStyle.Sprint(p.TCrossSeparator)) + } + } + } + if p.Boxed { + buffer.WriteString(p.SeparatorStyle.Sprint(p.LReverseSeparator)) + } + if p.Grid { + buffer.WriteString("\n") + } + for j, f := range p.Axis.XAxis { + if j == 0 { + if p.Boxed { + buffer.WriteString(p.SeparatorStyle.Sprint(p.VerticalSeparator)) + } + ct := internal.CenterText(" ", colWidth) + if len(ct) < colWidth { + ct += strings.Repeat(" ", colWidth-len(ct)) + } + buffer.WriteString(p.AxisStyle.Sprint(ct)) + if p.Grid { + buffer.WriteString(p.SeparatorStyle.Sprint(p.VerticalSeparator)) + } + } + var ct string + ct = internal.CenterText(Sprintf("%v", f), colWidth) + if len(ct) < colWidth { + ct += strings.Repeat(" ", colWidth-len(ct)) + } + buffer.WriteString(p.AxisStyle.Sprint(ct)) + + if j < xAmount { + if !p.Boxed && j == xAmount-1 { + continue + } + if p.Grid { + buffer.WriteString(p.SeparatorStyle.Sprint(p.VerticalSeparator)) + } + } + } +} + +func (p HeatmapPrinter) renderData(buffer *bytes.Buffer, colWidth int, xAmount int, yAmount int) { + for i, datum := range p.Data { + if p.Boxed { + buffer.WriteString(p.SeparatorStyle.Sprint(p.VerticalSeparator)) + } + for j, f := range datum { + if j == 0 && p.HasHeader { + ct := internal.CenterText(p.Axis.YAxis[i], colWidth) + if len(ct) < colWidth { + ct += strings.Repeat(" ", colWidth-len(ct)) + } + buffer.WriteString(p.AxisStyle.Sprint(ct)) + if p.Grid { + buffer.WriteString(p.SeparatorStyle.Sprint(p.VerticalSeparator)) + } + } + var ct string + if p.OnlyColoredCells { + ct = internal.CenterText(" ", colWidth) + } else { + ct = internal.CenterText(Sprintf("%v", f), colWidth) + } + if len(ct) < colWidth { + if len(Sprintf("%v", f)) == 1 { + ct += strings.Repeat(" ", colWidth-len(ct)) + } else { + ct = strings.Repeat(" ", colWidth-len(ct)) + ct + } + } + if p.EnableRGB { + rgb := p.RGBRange[0].Fade(p.minValue, p.maxValue, f, p.RGBRange[1:]...) + rgbStyle := NewRGBStyle(p.TextRGB, rgb) + if p.EnableComplementaryColor { + complimentary := NewRGB(internal.Complementary(rgb.R, rgb.G, rgb.B)) + rgbStyle = NewRGBStyle(complimentary, rgb) + } + buffer.WriteString(rgbStyle.Sprint(ct)) + } else { + color := getColor(p.minValue, p.maxValue, f, p.Colors...) + fgColor := p.TextColor + if p.EnableComplementaryColor { + fgColor = complementaryColors[color] + } + buffer.WriteString(fgColor.Sprint(color.Sprintf(ct))) + } + if j < xAmount { + if !p.Boxed && p.HasHeader && j == xAmount-1 { + continue + } + if p.Grid { + buffer.WriteString(p.SeparatorStyle.Sprint(p.VerticalSeparator)) + } + } + if p.Boxed && !p.HasHeader && j == xAmount { + buffer.WriteString(p.SeparatorStyle.Sprint(p.VerticalSeparator)) + } + } + + if i < yAmount { + if p.HasHeader && i == yAmount-1 { + continue + } + buffer.WriteString("\n") + if p.Boxed { + buffer.WriteString(p.SeparatorStyle.Sprint(p.LSeparator)) + } + if p.Grid { + for i := 0; i < xAmount+1; i++ { + buffer.WriteString(strings.Repeat(p.SeparatorStyle.Sprint(p.HorizontalSeparator), colWidth)) + if i < xAmount { + buffer.WriteString(p.SeparatorStyle.Sprint(p.TCrossSeparator)) + } + } + } + if p.Boxed { + buffer.WriteString(p.SeparatorStyle.Sprint(p.LReverseSeparator)) + } + if p.Grid { + buffer.WriteString("\n") + } + } + } +} + +func (p HeatmapPrinter) generateLegend(buffer *bytes.Buffer, legend string, legendColWidth int) { + buffer.WriteString(p.AxisStyle.Sprint(legend)) + if p.Grid { + buffer.WriteString(p.SeparatorStyle.Sprintf("%s", p.VerticalSeparator)) + } else { + buffer.WriteString(" ") + } + if p.EnableRGB { + p.generateRGBLegend(buffer, legendColWidth) + } else { + p.generateColorLegend(buffer, legendColWidth) + } +} + +func (p HeatmapPrinter) generateColorLegend(buffer *bytes.Buffer, legendColWidth int) { + for i, color := range p.Colors { + // the first color is the min value and the last color is the max value + var f float32 + if i == 0 { + f = p.minValue + } else if i == len(p.Colors)-1 { + f = p.maxValue + } else { + f = p.minValue + (p.maxValue-p.minValue)*float32(i)/float32(len(p.Colors)-1) + } + fgColor := p.TextColor + if p.EnableComplementaryColor { + fgColor = complementaryColors[color] + } + buffer.WriteString(fgColor.Sprint(color.Sprint(centerAndShorten(f, legendColWidth, p.LegendOnlyColoredCells)))) + if p.Grid && i < len(p.Colors)-1 && !p.LegendOnlyColoredCells { + buffer.WriteString(p.SeparatorStyle.Sprintf("%s", p.VerticalSeparator)) + } + } +} + +func (p HeatmapPrinter) generateRGBLegend(buffer *bytes.Buffer, legendColWidth int) { + p.rgbLegendValue = 10 + steps := len(p.RGBRange) + if steps < p.rgbLegendValue { + steps = p.rgbLegendValue + } + if p.LegendOnlyColoredCells { + steps *= 3 + } + for i := 0; i < steps; i++ { + // the first color is the min value and the last color is the max value + var f float32 + if i == 0 { + f = p.minValue + } else if i == steps-1 { + f = p.maxValue + } else { + f = p.minValue + (p.maxValue-p.minValue)*float32(i)/float32(steps-1) + } + rgb := p.RGBRange[0].Fade(p.minValue, p.maxValue, f, p.RGBRange[1:]...) + rgbStyle := NewRGBStyle(p.TextRGB, rgb) + if p.EnableComplementaryColor { + complimentary := NewRGB(internal.Complementary(rgb.R, rgb.G, rgb.B)) + rgbStyle = NewRGBStyle(complimentary, rgb) + } + if p.LegendOnlyColoredCells { + buffer.WriteString(rgbStyle.Sprint(centerAndShorten(f, 1, p.LegendOnlyColoredCells))) + } else { + buffer.WriteString(rgbStyle.Sprint(centerAndShorten(f, legendColWidth, p.LegendOnlyColoredCells))) + } + if p.Grid && i < steps-1 && !p.LegendOnlyColoredCells { + buffer.WriteString(p.SeparatorStyle.Sprintf("%s", p.VerticalSeparator)) + } + } +} + +func (p HeatmapPrinter) boxLegend(buffer *bytes.Buffer, legend string, legendColWidth int) { + buffer.WriteString(p.SeparatorStyle.Sprint(p.BottomRightCornerSeparator)) + + p.generateSeparatorRow(buffer, legend, legendColWidth, true) + + buffer.WriteString(p.SeparatorStyle.Sprint(p.BottomLeftCornerSeparator)) + buffer.WriteString("\n") + buffer.WriteString(p.SeparatorStyle.Sprintf("%s", p.VerticalSeparator)) + + p.generateLegend(buffer, legend, legendColWidth) + + buffer.WriteString(p.SeparatorStyle.Sprintf("%s", p.VerticalSeparator)) + buffer.WriteString("\n") + + buffer.WriteString(p.SeparatorStyle.Sprint(p.TopRightCornerSeparator)) + + p.generateSeparatorRow(buffer, legend, legendColWidth, false) + + buffer.WriteString(p.SeparatorStyle.Sprint(p.TopLeftCornerSeparator)) +} + +func (p HeatmapPrinter) generateSeparatorRow(buffer *bytes.Buffer, legend string, legendColWidth int, top bool) { + p.rgbLegendValue = 10 + steps := len(p.RGBRange) + if steps < p.rgbLegendValue { + steps = p.rgbLegendValue + } + if p.LegendOnlyColoredCells { + steps *= 3 + } + + var xValue int + if p.EnableRGB { + xValue = len(p.RGBRange) + if xValue < p.rgbLegendValue { + xValue = p.rgbLegendValue + } + } else { + xValue = len(p.Colors) + } + + for i := 0; i < xValue+1; i++ { + if i == 0 { + firstLength := len(legend) + buffer.WriteString(strings.Repeat(p.SeparatorStyle.Sprint(p.HorizontalSeparator), firstLength)) + } else { + if p.LegendOnlyColoredCells { + if p.EnableRGB { + buffer.WriteString(strings.Repeat(p.SeparatorStyle.Sprint(p.HorizontalSeparator), steps/(xValue))) + } else { + buffer.WriteString(strings.Repeat(p.SeparatorStyle.Sprint(p.HorizontalSeparator), legendColWidth)) + } + } else { + buffer.WriteString(strings.Repeat(p.SeparatorStyle.Sprint(p.HorizontalSeparator), legendColWidth)) + } + } + if i < xValue && !p.LegendOnlyColoredCells || i == 0 { + if top { + buffer.WriteString(p.SeparatorStyle.Sprint(p.TSeparator)) + } else { + buffer.WriteString(p.SeparatorStyle.Sprint(p.TReverseSeparator)) + } + } + } +} + +func centerAndShorten(f float32, lineLength int, onlyColor bool) string { + value := "" + if !onlyColor { + value = Sprintf("%.2v", f) + } + if len(value) > lineLength { + value = value[:lineLength] + if strings.HasSuffix(value, ".") { + value = Sprintf("%.1v", f) + lineLength = len(value) + } + } + ct := internal.CenterText(value, lineLength) + if len(ct) < lineLength { + if len(Sprintf("%v", f)) == 1 { + ct += strings.Repeat(" ", lineLength-len(ct)) + } else { + ct = strings.Repeat(" ", lineLength-len(ct)) + ct + } + } + + return ct +} + +func getColor(min float32, max float32, current float32, colors ...Color) Color { + // split the range into equal parts + // and assign a color to each part + // the last color is assigned to the max value + // and the first color to the min value + // the rest of the colors are assigned to the + // middle values + step := (max - min) / float32(len(colors)) + for i := range colors { + if current >= min+float32(i)*step && current < min+float32(i+1)*step { + return colors[i] + } + } + return colors[len(colors)-1] +} + +// Render prints the HeatmapPrinter to the terminal. +func (p HeatmapPrinter) Render() error { + s, err := p.Srender() + if err != nil { + return err + } + Fprintln(p.Writer, s) + + return nil +} + +func (p HeatmapPrinter) errCheck() error { + if p.HasHeader { + if p.Axis.XAxis == nil { + return errors.New("x axis is nil") + } + if p.Axis.YAxis == nil { + return errors.New("y axis is nil") + } + + if len(p.Axis.XAxis) == 0 { + return errors.New("x axis is empty") + } + if len(p.Axis.YAxis) == 0 { + return errors.New("y axis is empty") + } + + for i := 1; i < len(p.Data); i++ { + if len(p.Data[i]) != len(p.Axis.XAxis) { + return errors.New("x axis length does not match data") + } + } + if len(p.Axis.YAxis) != len(p.Data) { + return errors.New("y axis length does not match data") + } + } + + if p.Data == nil { + return errors.New("data is nil") + } + + if len(p.Data) == 0 { + return errors.New("data is empty") + } + + // check if p.Data[n] has the same length + for i := 1; i < len(p.Data); i++ { + if len(p.Data[i]) != len(p.Data[0]) { + return errors.New("data is not rectangular") + } + } + + return nil +} + +// return min and max value of a slice +func minMaxFloat32(s [][]float32) (float32, float32) { + var min, max float32 + min = math.MaxFloat32 + max = -math.MaxFloat32 + + for _, r := range s { + for _, c := range r { + if c < min { + min = c + } + if c > max { + max = c + } + } + } + return min, max +} diff --git a/heatmap_printer_test.go b/heatmap_printer_test.go new file mode 100644 index 000000000..4bb6bbbc1 --- /dev/null +++ b/heatmap_printer_test.go @@ -0,0 +1,162 @@ +package pterm_test + +import ( + "os" + "testing" + + "github.com/MarvinJWendt/testza" + + "github.com/pterm/pterm" +) + +func TestHeatmapPrinter_NilPrint(t *testing.T) { + p := pterm.HeatmapPrinter{} + p.Render() +} + +func TestHeatmapPrinter_SRender(t *testing.T) { + d := [][]float32{ + {-1, -0.9, -0.8}, + {-1, -0.9, -0.8}, + {-1, -0.9, -0.8}, + } + + hd := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c"}, + YAxis: []string{"1", "2", "3"}, + } + // WithGrid + printer := pterm.DefaultHeatmap.WithAxisData(hd).WithData(d) + content, err := printer.Srender() + + testza.AssertNoError(t, err) + testza.AssertNotNil(t, content) + + // WithoutGrid + printer = pterm.DefaultHeatmap.WithAxisData(hd).WithData(d).WithGrid(false) + content, err = printer.Srender() + + testza.AssertNoError(t, err) + testza.AssertNotNil(t, content) + + // WithColouredCells + printer = pterm.DefaultHeatmap.WithAxisData(hd).WithData(d).WithOnlyColoredCells() + content, err = printer.Srender() + + testza.AssertNoError(t, err) + testza.AssertNotNil(t, content) + + // WithoutStyle + printer = pterm.DefaultHeatmap.WithAxisData(hd).WithData(d).WithAxisStyle(nil) + content, err = printer.Srender() + + testza.AssertNoError(t, err) + testza.AssertNotNil(t, content) + + // WithoutSeparatorStyle + printer = pterm.DefaultHeatmap.WithAxisData(hd).WithData(d).WithSeparatorStyle(nil) + content, err = printer.Srender() + + testza.AssertNoError(t, err) + testza.AssertNotNil(t, content) + + // WithEnableRGB + printer = pterm.DefaultHeatmap.WithAxisData(hd).WithData(d).WithEnableRGB(true) + content, err = printer.Srender() + + testza.AssertNoError(t, err) + testza.AssertNotNil(t, content) +} + +func TestHeatmapPrinter_WithAxisData(t *testing.T) { + hd := pterm.HeatmapAxis{ + XAxis: []string{"a", "b", "c"}, + YAxis: []string{"1", "2", "3"}, + } + + h := pterm.DefaultHeatmap.WithAxisData(hd) + + testza.AssertTrue(t, h.HasHeader) + testza.AssertEqual(t, hd, h.Axis) +} + +func TestHeatmapPrinter_WithAxisStyle(t *testing.T) { + s := pterm.NewStyle(pterm.FgRed, pterm.BgBlue, pterm.Bold) + p := pterm.HeatmapPrinter{} + p2 := p.WithAxisStyle(s) + + testza.AssertEqual(t, s, p2.AxisStyle) +} + +func TestHeatmapPrinter_WithSeparatorStyle(t *testing.T) { + s := pterm.NewStyle(pterm.FgRed, pterm.BgBlue, pterm.Bold) + h := pterm.HeatmapPrinter{} + h2 := h.WithSeparatorStyle(s) + + testza.AssertEqual(t, s, h2.SeparatorStyle) +} + +func TestHeatmapPrinter_WithData(t *testing.T) { + proxyToDevNull() + d := [][]float32{ + {-1, -0.9, -0.8, -0.7, -0.6}, + {-1, -0.9, -0.8, -0.7, -0.6}, + } + + h := pterm.HeatmapPrinter{} + h2 := h.WithData(d) + + testza.AssertEqualValues(t, d, h2.Data) +} + +func TestHeatmapPrinter_WithBoxed(t *testing.T) { + h := pterm.HeatmapPrinter{} + h2 := h.WithBoxed(true) + + testza.AssertTrue(t, h2.Boxed) +} + +func TestHeatmapPrinter_WithGrid(t *testing.T) { + h := pterm.HeatmapPrinter{} + h2 := h.WithGrid(true) + + testza.AssertTrue(t, h2.Grid) +} + +func TestHeatmapPrinter_WithoutGrid(t *testing.T) { + h := pterm.DefaultHeatmap + h2 := h.WithGrid(false) + + testza.AssertFalse(t, h2.Grid) + testza.AssertFalse(t, h2.Boxed) +} + +func TestHeatmapPrinter_WithRGB(t *testing.T) { + h := pterm.HeatmapPrinter{} + h2 := h.WithEnableRGB(true) + + testza.AssertTrue(t, h2.EnableRGB) +} + +func TestHeatmapPrinter_WithOnlyColoredCells(t *testing.T) { + h := pterm.HeatmapPrinter{} + h2 := h.WithOnlyColoredCells(true) + + testza.AssertTrue(t, h2.OnlyColoredCells) +} + +func TestHeatmapPrinter_WithCellSize(t *testing.T) { + h := pterm.HeatmapPrinter{} + h2 := h.WithCellSize(1) + + testza.AssertEqual(t, 1, h2.CellSize) +} + +func TestHeatmapPrinter_WithWriter(t *testing.T) { + h := pterm.HeatmapPrinter{} + s := os.Stderr + h2 := h.WithWriter(s) + + testza.AssertEqual(t, s, h2.Writer) + testza.AssertZero(t, h.Writer) +} diff --git a/interactive_textinput_printer.go b/interactive_textinput_printer.go index 2514ab122..88535c514 100644 --- a/interactive_textinput_printer.go +++ b/interactive_textinput_printer.go @@ -22,6 +22,7 @@ var DefaultInteractiveTextInput = InteractiveTextInputPrinter{ type InteractiveTextInputPrinter struct { TextStyle *Style DefaultText string + DefaultValue string Delimiter string MultiLine bool Mask string @@ -39,6 +40,12 @@ func (p InteractiveTextInputPrinter) WithDefaultText(text string) *InteractiveTe return &p } +// WithDefaultValue sets the default value. +func (p InteractiveTextInputPrinter) WithDefaultValue(value string) *InteractiveTextInputPrinter { + p.DefaultValue = value + return &p +} + // WithTextStyle sets the text style. func (p InteractiveTextInputPrinter) WithTextStyle(style *Style) *InteractiveTextInputPrinter { p.TextStyle = style @@ -87,6 +94,7 @@ func (p InteractiveTextInputPrinter) Show(text ...string) (string, error) { } else { areaText = p.TextStyle.Sprintf("%s%s", text[0], p.Delimiter) } + p.text = areaText area := cursor.NewArea() area.Update(areaText) @@ -96,6 +104,11 @@ func (p InteractiveTextInputPrinter) Show(text ...string) (string, error) { cursor.Right(len(RemoveColorFromString(areaText))) } + if p.DefaultValue != "" { + p.input = append(p.input, p.DefaultValue) + p.updateArea(&area) + } + err := keyboard.Listen(func(key keys.Key) (stop bool, err error) { if !p.MultiLine { p.cursorYPos = 0 diff --git a/interactive_textinput_printer_test.go b/interactive_textinput_printer_test.go index c86506e0d..2f925a026 100644 --- a/interactive_textinput_printer_test.go +++ b/interactive_textinput_printer_test.go @@ -3,6 +3,7 @@ package pterm_test import ( "reflect" "testing" + "time" "atomicgo.dev/keyboard" "atomicgo.dev/keyboard/keys" @@ -16,6 +17,11 @@ func TestInteractiveTextInputPrinter_WithDefaultText(t *testing.T) { testza.AssertEqual(t, p.DefaultText, "default") } +func TestInteractiveTextInputPrinter_WithDefaultValue(t *testing.T) { + p := pterm.DefaultInteractiveTextInput.WithDefaultValue("default") + testza.AssertEqual(t, p.DefaultValue, "default") +} + func TestInteractiveTextInputPrinter_WithDelimiter(t *testing.T) { p := pterm.DefaultInteractiveTextInput.WithDelimiter(">>") testza.AssertEqual(t, p.Delimiter, ">>") @@ -39,13 +45,199 @@ func TestInteractiveTextInputPrinter_WithTextStyle(t *testing.T) { func TestInteractiveTextInputPrinter_WithMask(t *testing.T) { go func() { + time.Sleep(1 * time.Millisecond) keyboard.SimulateKeyPress('a') keyboard.SimulateKeyPress('b') keyboard.SimulateKeyPress('c') keyboard.SimulateKeyPress(keys.Enter) }() result, _ := pterm.DefaultInteractiveTextInput.WithMask("*").Show() - testza.AssertEqual(t, result, "abc") + testza.AssertEqual(t, "abc", result) +} + +func TestInteractiveTextInputPrinter_WithCancel(t *testing.T) { + go func() { + time.Sleep(1 * time.Millisecond) + keyboard.SimulateKeyPress(keys.CtrlC) + }() + result, _ := pterm.DefaultInteractiveTextInput.WithMask("*").Show() + testza.AssertEqual(t, "", result) +} + +func TestInteractiveTextInputPrinter_OnEnter(t *testing.T) { + go func() { + keyboard.SimulateKeyPress(keys.Enter) + }() + result, _ := pterm.DefaultInteractiveTextInput.WithDefaultValue("default").Show() + testza.AssertEqual(t, "default", result) +} + +func TestInteractiveTextInputPrinter_WithMultiLineOnTab(t *testing.T) { + go func() { + keyboard.SimulateKeyPress(keys.Tab) + }() + result, _ := pterm.DefaultInteractiveTextInput. + WithMultiLine(true). + WithDefaultValue("default").Show() + testza.AssertEqual(t, "default", result) +} + +func TestInteractiveTextInputPrinter_WithMultiLineOnUp(t *testing.T) { + go func() { + time.Sleep(1 * time.Millisecond) + keyboard.SimulateKeyPress(keys.Enter) + keyboard.SimulateKeyPress("second line") + keyboard.SimulateKeyPress(keys.Up) + keyboard.SimulateKeyPress("first line") + keyboard.SimulateKeyPress(keys.Tab) + }() + result, _ := pterm.DefaultInteractiveTextInput. + WithMultiLine(true).Show() + testza.AssertEqual(t, "first line\nsecond line", result) +} + +func TestInteractiveTextInputPrinter_WithMultiLineOnDown(t *testing.T) { + go func() { + time.Sleep(1 * time.Millisecond) + keyboard.SimulateKeyPress("a") + keyboard.SimulateKeyPress(keys.Enter) + keyboard.SimulateKeyPress(keys.Enter) + keyboard.SimulateKeyPress(keys.Up) + keyboard.SimulateKeyPress("b") + keyboard.SimulateKeyPress(keys.Down) + keyboard.SimulateKeyPress("c") + keyboard.SimulateKeyPress(keys.Tab) + }() + result, _ := pterm.DefaultInteractiveTextInput. + WithMultiLine(true).Show() + testza.AssertEqual(t, "a\nb\nc", result) +} + +func TestInteractiveTextInputPrinter_WithMultiLineOnLeft(t *testing.T) { + go func() { + time.Sleep(1 * time.Millisecond) + keyboard.SimulateKeyPress(keys.Enter) + keyboard.SimulateKeyPress("a") + keyboard.SimulateKeyPress(keys.Left) + keyboard.SimulateKeyPress(keys.Left) + keyboard.SimulateKeyPress("b") + keyboard.SimulateKeyPress(keys.Tab) + }() + result, _ := pterm.DefaultInteractiveTextInput. + WithMultiLine(true).Show() + testza.AssertEqual(t, "b\na", result) +} + +func TestInteractiveTextInputPrinter_WithMultiLineOnRight(t *testing.T) { + go func() { + time.Sleep(1 * time.Millisecond) + keyboard.SimulateKeyPress('a') + keyboard.SimulateKeyPress(keys.Enter) + keyboard.SimulateKeyPress(keys.Up) + keyboard.SimulateKeyPress(keys.Right) + keyboard.SimulateKeyPress(keys.Right) + keyboard.SimulateKeyPress("b") + keyboard.SimulateKeyPress(keys.Tab) + }() + result, _ := pterm.DefaultInteractiveTextInput. + WithMultiLine(true).Show() + testza.AssertEqual(t, "a\nb", result) +} + +func TestInteractiveTextInputPrinter_OnSpace(t *testing.T) { + go func() { + keyboard.SimulateKeyPress(keys.Space) + keyboard.SimulateKeyPress(keys.Tab) + }() + result, _ := pterm.DefaultInteractiveTextInput. + WithMultiLine(true). + WithDefaultValue("default").Show() + testza.AssertEqual(t, "default ", result) +} + +func TestInteractiveTextInputPrinter_OnDelete(t *testing.T) { + go func() { + keyboard.SimulateKeyPress(keys.Left) + keyboard.SimulateKeyPress(keys.Delete) + keyboard.SimulateKeyPress(keys.Enter) + }() + result, _ := pterm.DefaultInteractiveTextInput. + WithDefaultValue("a").Show() + testza.AssertEqual(t, "", result) +} + +func TestInteractiveTextInputPrinter_OnBackspace(t *testing.T) { + go func() { + keyboard.SimulateKeyPress(keys.Backspace) + keyboard.SimulateKeyPress(keys.Enter) + }() + result, _ := pterm.DefaultInteractiveTextInput. + WithDefaultValue("a").Show() + testza.AssertEqual(t, "", result) +} + +func TestInteractiveTextInputPrinter_WithMultiLineOnDelete(t *testing.T) { + go func() { + keyboard.SimulateKeyPress(keys.Enter) + keyboard.SimulateKeyPress('a') + keyboard.SimulateKeyPress(keys.Up) + keyboard.SimulateKeyPress(keys.Delete) + keyboard.SimulateKeyPress(keys.Tab) + }() + result, _ := pterm.DefaultInteractiveTextInput. + WithMultiLine(true). + WithDefaultValue("a").Show() + testza.AssertEqual(t, "aa", result) +} + +func TestInteractiveTextInputPrinter_WithMultiLineOnBackspace(t *testing.T) { + go func() { + keyboard.SimulateKeyPress(keys.Enter) + keyboard.SimulateKeyPress(keys.Backspace) + keyboard.SimulateKeyPress(keys.Tab) + }() + result, _ := pterm.DefaultInteractiveTextInput. + WithMultiLine(true). + WithDefaultValue("a").Show() + testza.AssertEqual(t, "a", result) +} + +func TestInteractiveTextInputPrinter_WithMultiLineAltPressed(t *testing.T) { + go func() { + keyboard.SimulateKeyPress(keys.Key{AltPressed: true, Code: keys.Enter}) + keyboard.SimulateKeyPress(keys.Tab) + }() + result, _ := pterm.DefaultInteractiveTextInput. + WithMultiLine(true). + WithDefaultValue("a").Show() + testza.AssertEqual(t, "a\n", result) +} + +func TestInteractiveTextInputPrinter_OnLeftRight(t *testing.T) { + go func() { + keyboard.SimulateKeyPress(keys.Left) + keyboard.SimulateKeyPress("left") + keyboard.SimulateKeyPress(keys.Right) + keyboard.SimulateKeyPress("right") + keyboard.SimulateKeyPress(keys.Enter) + }() + result, _ := pterm.DefaultInteractiveTextInput. + WithDefaultValue("default").Show() + testza.AssertEqual(t, "defaullefttright", result) +} + +func TestInteractiveTextInputPrinter_WithMultiLineOnLeftRight(t *testing.T) { + go func() { + time.Sleep(1 * time.Millisecond) + keyboard.SimulateKeyPress("a") + keyboard.SimulateKeyPress(keys.Enter) + keyboard.SimulateKeyPress("b") + keyboard.SimulateKeyPress(keys.Tab) + }() + result, _ := pterm.DefaultInteractiveTextInput. + WithMultiLine(true). + Show("Enter") + testza.AssertEqual(t, "a\nb", result) } func TestInteractiveTextInputPrinter_WithOnInterruptFunc(t *testing.T) { diff --git a/internal/rgb_complementary.go b/internal/rgb_complementary.go new file mode 100644 index 000000000..71520b338 --- /dev/null +++ b/internal/rgb_complementary.go @@ -0,0 +1,5 @@ +package internal + +func Complementary(r, g, b uint8) (uint8, uint8, uint8) { + return 255 - r, 255 - g, 255 - b +} diff --git a/slog_handler.go b/slog_handler.go index db35617e5..d0854d049 100644 --- a/slog_handler.go +++ b/slog_handler.go @@ -2,6 +2,7 @@ package pterm import ( "context" + "log/slog" ) diff --git a/theme.go b/theme.go index 22466ea71..91594c8c9 100644 --- a/theme.go +++ b/theme.go @@ -30,6 +30,9 @@ var ( TableStyle: Style{FgDefault}, TableHeaderStyle: Style{FgLightCyan}, TableSeparatorStyle: Style{FgGray}, + HeatmapStyle: Style{FgDefault}, + HeatmapHeaderStyle: Style{FgLightCyan}, + HeatmapSeparatorStyle: Style{FgDefault}, SectionStyle: Style{Bold, FgYellow}, BulletListTextStyle: Style{FgDefault}, BulletListBulletStyle: Style{FgGray}, @@ -81,6 +84,9 @@ type Theme struct { TableStyle Style TableHeaderStyle Style TableSeparatorStyle Style + HeatmapStyle Style + HeatmapHeaderStyle Style + HeatmapSeparatorStyle Style SectionStyle Style BulletListTextStyle Style BulletListBulletStyle Style