{#if current} (paused = true)} onmouseleave={() => (paused = false)} onfocusin={() => (paused = true)} onfocusout={() => (paused = false)} > {#key index} {kickerFor(current)} {current.title} {kindLabel(current)} {#if percentFor(current.id) > 0} ยท {Math.round(percentFor(current.id) * 100)}% complete {/if} go({ name: 'reader', itemId: current.id, title: current.title })} > {percentFor(current.id) > 0 ? 'Continue' : action(current)} go({ name: 'item', id: current.id })}>Details (e.currentTarget as HTMLImageElement).remove()} /> {(current.title || '?').slice(0, 1).toUpperCase()} {/key} {#if items.length > 1} {#each items as item, i (item.id)} goTo(i)} > {/each} goTo(index - 1)} aria-label="Previous"> goTo(index + 1)} aria-label="Next"> {/if} {/if}
{kindLabel(current)} {#if percentFor(current.id) > 0} ยท {Math.round(percentFor(current.id) * 100)}% complete {/if}