readerState.sliderHover = true}
onmouseleave={() => readerState.sliderHover = false}
>
readerState.sliderDragging = true}
onmouseup={() => readerState.sliderDragging = false}
/>
{#if currentBookmark && currentBookmark.chapterId === displayChapter?.id}
{@const bPct = sliderMax > 1 ? ((currentBookmark.pageNumber - 1) / (sliderMax - 1)) * 100 : 0}
{/if}
{#each activeChapterMarkers as m (m.id)}
{@const mPct = sliderMax > 1 ? ((m.pageNumber - 1) / (sliderMax - 1)) * 100 : 0}
{/each}
{#if readerState.sliderHover || readerState.sliderDragging}
{sliderPage} / {sliderMax}
{/if}