{#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)} roles="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}