{#each slice as tile (tile.uid)} {@const isFocused = tile.uid === focused} {@const isSelected = isFocused || selection.ids.has(tile.uid)} onTileClick(e, tile.uid)} aria-label={`Photo ${tile.idx + 1} of ${order.length}`} aria-current={isFocused ? 'true' : undefined} class:scale-90={isSelected} class:ring-2={isSelected} class:ring-blue-500={isSelected} class:ring-offset-2={isSelected} class:ring-offset-background={isSelected} class:transition-[transform,box-shadow]={isSelected} class:duration-300={isSelected} class:ease-[cubic-bezier(0.34,1.3,0.64,1)]={isSelected} class="relative h-full aspect-square shrink-0 overflow-hidden rounded-md border border-border bg-secondary p-0 outline-none focus:outline-none" > {#if tile.hash} {/if} {#if isSelected}

{/if} {/each}