{#each list.files as file, index (file)}
{click_file(index)}} draggable={list.can_edit} on:dragstart={e => drag(e, index)} on:drop|preventDefault={e => drop(e, index)} on:dragover|preventDefault|stopPropagation on:dragenter={() => {hovering = index}} class:highlight={hovering === index} animate:flip={{duration: 500}}>
{#if list.can_edit} drag_indicator {move_left(index)}}>chevron_left {move_right(index)}}>chevron_right {delete_file(index)}}>delete {/if}
{file.name}
{/each}