1} class:midscroll-active={midScrollActive} style={effectiveWidth != null ? `--effective-width:${effectiveWidth}px` : ""} role="presentation" tabindex="-1" onclick={handleTap} onauxclick={(e) => { if (e.button === 1 && style === "longstrip") e.preventDefault(); }} ondblclick={() => { if (tapToToggleBar) onToggleUi(); }} onmousedown={onInspectMouseDown} onpointerdown={pinchZoomEnabled ? onPointerDown : undefined} onwheel={(e) => { if (e.ctrlKey || style !== "longstrip") e.preventDefault(); }} style:cursor={style === "longstrip" ? (stripDragging ? "grabbing" : "grab") : undefined} onkeydown={(e) => { if (e.key === " " && style === "longstrip") { e.preventDefault(); store.settings.autoScroll = !store.settings.autoScroll; return; } if ((e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "ArrowUp" || e.key === "ArrowDown") && style !== "longstrip") e.preventDefault(); }} > {#if midScrollActive}

{#each [5,4,3,2,1] as n}

= n}>

{/each}

{#each [1,2,3,4,5] as n}

0 && midScrollDisplayLevel >= n}>

{/each}

{/if} {#if loading}

{/if} {#if error}

{error}

{/if} {#key chapterEpoch} {#if style === "longstrip"} {#each flatPages as page, gi (page.chapterId + ":" + page.localIndex)} {@const src = resolvedSrc[gi]} {@const isLoaded = loadedSet.has(gi)}

{#if isLoaded && src} {page.chapterName} – Page {page.localIndex + 1}

{ const img = e.currentTarget as HTMLImageElement; const slot = img.closest(".strip-slot"); if (slot && img.naturalWidth > 0) { slot.style.setProperty("--aspect", String(img.naturalWidth / img.naturalHeight)); } }} /> {:else} {/if}

{/each}

{:else if style === "fade" && pageReady}

{#await resolveUrl(store.pageUrls[store.pageNumber - 1], 999)} {:then src} Page {store.pageNumber}

{/await}

{:else if style === "double" && pageReady}

{#if pageGroups.length}

{#each currentGroup as pg, i (pg)} {#await resolveUrl(store.pageUrls[pg - 1], 999)} {:then src} Page {pg}

{/await} {/each}

{:else}

{/if}

{:else if pageReady}

{#await resolveUrl(store.pageUrls[store.pageNumber - 1], 999)} {:then src} Page {store.pageNumber}

{/await}

{/if} {/key}