onSwipe?.(event))}
>
{
visibleImageReady = true;
onReady?.();
}}
onError={() => {
onError?.();
onReady?.();
}}
bind:imgRef={assetViewerManager.imgRef}
bind:imgNaturalSize={imageDimensions}
bind:imgScaledSize={scaledDimensions}
bind:ref={adaptiveImage}
>
{#snippet backdrop()}
{#if blurredSlideshow}
{/if}
{/snippet}
{#snippet overlays()}
{#if !isFaceEditMode.value}
{#each boundingBoxes as boundingbox, index (boundingbox.id)}
{@const face = faces[index]}
{@const name = faceToNameMap.get(face)}
{#if name !== undefined || isEditFacesPanelOpen.value}
($boundingBoxesArray = [face])}
onpointerleave={() => ($boundingBoxesArray = [])}
>
{/if}
{/each}
{/if}
{#each activeBoundingBoxes as boundingbox (boundingbox.id)}
{@const face = faces.find((f) => f.id === boundingbox.id)}
{@const name = face ? faceToNameMap.get(face) : undefined}
{/each}
{#each ocrBoxes as ocrBox (ocrBox.id)}
{/each}
{/snippet}
{#if isFaceEditMode.value && assetViewerManager.imgRef}
{/if}