Overscan aux

Three states most components conflate. A tree node with no children and one whose children were never fetched look identical in almost every tree, and one of those is a fact about the data while the other is a fact about the tree. ANSI's palette is not this theme's palette, so the mapping is declared in CSS rather than hidden in script, and a truecolor code names a colour a monochrome phosphor theme does not have, so it is marked rather than silently approximated. And a seek bar for something of unknown length refuses, because a bar sitting at zero looks like the start of a recording.

demo/aux.html, from this page

import 'overscan'
import 'overscan/overscan.css'

<ov-transport
  duration="184"
  at="62"
></ov-transport>

import { OvTransport } from 'overscan/react'

<OvTransport
  duration="184"
  at="62"
/>

import { OvTransport } from 'overscan/vue'

<OvTransport
  duration="184"
  at="62"
/>

import OvTransport from 'overscan/svelte/OvTransport.svelte'

<OvTransport
  duration="184"
  at="62"
/>

terminal

tree

a node with no children and one whose children were never fetched are different states, and read differently

ansi

the mapping onto this theme's palette is declared in CSS, and colours the theme does not have are marked

tooltip

flux is a ratio, not a rate. it has no unit, and the readout says so by having none.

transport

the second has no duration, so it refuses to draw a seek bar rather than showing one at zero

variation: at="0"

import 'overscan'
import 'overscan/overscan.css'

<ov-transport at="0"></ov-transport>

import { OvTransport } from 'overscan/react'

<OvTransport at="0" />

import { OvTransport } from 'overscan/vue'

<OvTransport at="0" />

import OvTransport from 'overscan/svelte/OvTransport.svelte'

<OvTransport at="0" />

industrial

tree

a node with no children and one whose children were never fetched are different states, and read differently

ansi

the mapping onto this theme's palette is declared in CSS, and colours the theme does not have are marked

tooltip

flux is a ratio, not a rate. it has no unit, and the readout says so by having none.

transport

the second has no duration, so it refuses to draw a seek bar rather than showing one at zero

cyber

tree

a node with no children and one whose children were never fetched are different states, and read differently

ansi

the mapping onto this theme's palette is declared in CSS, and colours the theme does not have are marked

tooltip

flux is a ratio, not a rate. it has no unit, and the readout says so by having none.

transport

the second has no duration, so it refuses to draw a seek bar rather than showing one at zero

antiseptic

tree

a node with no children and one whose children were never fetched are different states, and read differently

ansi

the mapping onto this theme's palette is declared in CSS, and colours the theme does not have are marked

tooltip

flux is a ratio, not a rate. it has no unit, and the readout says so by having none.

transport

the second has no duration, so it refuses to draw a seek bar rather than showing one at zero

esper

tree

a node with no children and one whose children were never fetched are different states, and read differently

ansi

the mapping onto this theme's palette is declared in CSS, and colours the theme does not have are marked

tooltip

flux is a ratio, not a rate. it has no unit, and the readout says so by having none.

transport

the second has no duration, so it refuses to draw a seek bar rather than showing one at zero