{ if (e.clientY < 60 || window.innerHeight - e.clientY < 60) showUi(); }}>

{#if zoomOpen} {/if}

{#if style === "double"} {/if} {#if style === "longstrip"} {/if} {#if !autoNext} {/if}

{#if showResumeBanner} {/if}

{ if (e.ctrlKey) e.preventDefault(); }} onkeydown={(e) => { if (e.key === " " && style === "longstrip") { e.preventDefault(); containerEl?.scrollBy({ top: containerEl.clientHeight * 0.85, behavior: "smooth" }); } }} > {#if loading}

{/if} {#if error}

{error}

{/if} {#if style === "longstrip"} {#each stripToRender as chunk} {#each chunk.urls as url, i} {chunk.chapterName} – Page {i + 1}

{/each} {/each}

{:else if style === "fade" && pageReady} Page {store.pageNumber}

{:else if style === "double" && pageReady} {#if pageGroups.length}

{#each currentGroup as pg, i} Page {pg}

{/each}

{:else}

{/if} {:else if pageReady} Page {store.pageNumber}

{/if}

{#if sliderMax > 1}

sliderHover = true} onmouseleave={() => { sliderHover = false; }} role="presentation" >

{#if isBookmarked && currentBookmark} {@const bPct = sliderMax > 1 ? ((currentBookmark.pageNumber - 1) / (sliderMax - 1)) * 100 : 0}

{/if} sliderDragging = true} onmouseup={() => sliderDragging = false} ontouchstart={() => sliderDragging = true} ontouchend={() => sliderDragging = false} aria-label="Page {sliderPage} of {sliderMax}" /> {#if sliderHover || sliderDragging} {/if}

{/if}

{#if dlOpen && store.activeChapter} {@const queueable = adjacent.remaining.filter(c => !c.isDownloaded)}

dlOpen = false}>

{/if}