highlight()}
on:mouseleave={() => highlight(false)}
>
{#if $$slots["dot-menu-actions"] || visitUrl !== undefined}
{/if}
{#if !loaded}
![]()
(loaded = true)}
class={imgClass ?? ""}
class:cursor-zoom-in={canZoom}
on:click={() => {
previewedImage?.set(image)
}}
on:error={() => {
if (fallbackImage) {
imgEl.src = fallbackImage
}
}}
src={image.url}
/>
{#if image.isSpherical}
previewedImage?.set(image)}
>
{/if}