{#snippet checkpoint(db: number, passed: boolean)}
{db}dBA
{/snippet} {#snippet timeCard(point: SoundCheckpoint)}

{point.db}dBA - {getElapsedTime(soundCheckpoints.at(0)?.crossedTime, point.crossedTime)}

{/snippet} {#if innerWidth === 0 || innerHeight === 0}
{:else}
{#each decibelMeter as digit, i}
{/each}
{#each soundCheckpoints as { db }}
{@render checkpoint(db, currentDecibel >= db)}
{/each}

{#if currentCheckpoint?.db === 0} Vau kui vali! {:else} {currentCheckpoint?.title} {/if}

{#if currentCheckpoint?.db === 0}

Nagu paljud võivad teada, on detsibellide skaala logaritmiline.
60dB on 2x valjem, kui 50dB.

See info ei jõudnud mulle eriti kohale.
Intuitiivsemaks arusaamiseks tegin selle lehe.
Proovi, keri alla.

{:else}

{currentCheckpoint?.description}

{/if}

Sul läks ikka kaua...

{#snippet child({ props })} {/snippet}
{@render timeCard(soundCheckpoints.at(-1) as SoundCheckpoint)} {#each soundCheckpoints.slice(1, -1).reverse() as point} {@render timeCard(point)} {/each}
Helitugevuste allikad:
{/if}