{#if groupedItems.ungrouped.length > 0}

{#each groupedItems.ungrouped as item}

handleDragEnter(e, item.id, item.disabled)} ondragleave={handleDragLeave} ondragover={(e) => handleDragOver(e, item.disabled)} ondrop={(e) => handleDrop(e, item)} oncontextmenu={(e) => handleContextMenu(e, item)} role="button" tabindex={item.disabled ? -1 : 0} onclick={() => handleClick(item.id, item.disabled)} onkeydown={(e) => !item.disabled && e.key === 'Enter' && handleClick(item.id)} > handleFileChange(e, item)} disabled={item.disabled} /> {#if item.disabled}

Próximamente

{/if} {#if !item.disabled && dragOverId === item.id}

¡Suelta el archivo! {:else}

{item.title}

{/if}

{/each}

{/if} {#each Object.entries(groupedItems.groups) as [groupName, groupItems]}

{groupName}

{#each groupItems as item}

handleDragEnter(e, item.id, item.disabled)} ondragleave={handleDragLeave} ondragover={(e) => handleDragOver(e, item.disabled)} ondrop={(e) => handleDrop(e, item)} oncontextmenu={(e) => handleContextMenu(e, item)} role="button" tabindex={item.disabled ? -1 : 0} onclick={() => handleClick(item.id, item.disabled)} onkeydown={(e) => !item.disabled && e.key === 'Enter' && handleClick(item.id)} > handleFileChange(e, item)} disabled={item.disabled} /> {#if item.disabled}

Próximamente

{/if} {#if !item.disabled && dragOverId === item.id}

¡Suelta el archivo! {:else}

{item.title}

{/if}

{/each}

{/each}