{#each list.files as file, index (file)} drag(e, index)} on:drop|preventDefault={e => drop(e, index)} on:dragover|preventDefault|stopPropagation on:dragenter={() => {hovering = index}} on:dragend={() => {hovering = -1}} 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} {#if list.can_edit} add
Add files {/if}