1}
style={effectiveWidth != null ? `--effective-width:${effectiveWidth}px` : ""}
role="presentation"
tabindex="-1"
onclick={handleTap}
onauxclick={(e) => { if (e.button === 1 && style === "longstrip") e.preventDefault(); }}
ondblclick={handleDblClick}
onscroll={style === "longstrip" ? handleScroll : undefined}
onmousedown={onInspectMouseDown}
onpointerdown={pinchZoomEnabled ? onPointerDown : undefined}
onwheel={(e) => { if (e.ctrlKey || style !== "longstrip") e.preventDefault(); }}
onkeydown={(e) => {
if (e.key === " " && style === "longstrip") {
e.preventDefault();
settingsState.settings.autoScroll = !settingsState.settings.autoScroll;
return;
}
if ((e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "ArrowUp" || e.key === "ArrowDown") && style !== "longstrip") e.preventDefault();
}}
>
{#if loading}
{/if}
{#if error}
{/if}
{#if style === "longstrip"}
{:else if style === "double" && pageReady}
{:else if pageReady}
{/if}