<script>
import { tick } from 'svelte'
import { tweened } from 'svelte/motion'
let timeline = [
{ duration: 700, pause: 100, label: "add text"},
{ duration: 1000, pause: 100, label: "add more text"},
{ duration: 1000, pause: 100, label: "replace text"}
]
let totalDuration = 0
computeOffsets()
$: seconds = totalDuration / 1000
// sped up by a factor of 5
$: pos = tweened(0, {duration: totalDuration/5})
let selected = null
$: currentTime = $pos / 1000
let state = 'paused'
let moving = false
function computeOffsets() {
totalDuration = timeline.reduce((offset, step) => {
step.offset = offset
step.totalDuration = step.duration + step.pause
return offset + step.totalDuration
}, 0)
timeline = timeline
}