{#if showCounter}
{#if hasMany} {index + 1} / {images.length} {:else} Preview {/if} {#if zoomable && scale > minZoom} {Math.round(scale * 100)}% {/if}
{/if}
{#if zoomable}
{/if}
{#if showClose}
{/if}
minZoom || (draggable && hasMany) ? 'cursor-grab' : 'cursor-default',
dragging && 'cursor-grabbing'
]}
onpointerdown={onPointerDown}
onpointermove={onPointerMove}
onpointerup={onPointerUp}
onpointercancel={onPointerCancel}
onwheel={onWheel}
ondblclick={toggleZoom}
role="presentation"
>
{#if showNav && canPrev}
{/if}
{#if showNav && canNext}
{/if}
{#if !imageLoaded}
{/if}
(imageLoaded = true)}
/>