{#if hasImages}

{#each value as item, index (item.id)}

handleDragStart(e, index)} ondragend={handleDragEnd} ondragover={(e) => handleDragOver(e, index)} ondragleave={handleDragLeave} ondrop={(e) => handleDrop(e, index)} >

{#if item.thumbnailUrl} {item.filename}

{:else}

{/if}

{#if showFileInfo}

{item.filename}

{formatFileSize(item.size)}

{/if}

{index + 1}

{/each} {#if canAddMore} {/if}

{:else}

No images added yet

{/if} {#if hasImages && canAddMore}

{/if} {#if error}

{error}

{/if} {#if hasImages}

Drag and drop to reorder images

{/if}