{#if dragged && x && y}
{folders[folderId].name}
{/if}
{#if draggedOver}
{/if}
{ dispatch('open', e.detail); }} >
{ name = folders[folderId].name; edit = true; // focus on the input setTimeout(() => { const input = document.getElementById(`folder-${folderId}-input`); input.focus(); }, 0); }} >
{#if open}
{:else}
{/if}
{#if edit}
{ folders[folderId].name = e.target.value; }} on:blur={() => { edit = false; }} on:keydown={(e) => { if (e.key === 'Enter') { edit = false; } }} class="w-full h-full bg-transparent text-gray-500 dark:text-gray-500 outline-none" /> {:else} {folders[folderId].name} {/if}
{ e.stopPropagation(); console.log('clicked'); }} >
{#if folders[folderId].childrenIds || folders[folderId].items?.chat_ids}
{#if folders[folderId]?.childrenIds} {#each folders[folderId]?.childrenIds as childId (`${folderId}-${childId}`)}
{/each} {/if} {#if folders[folderId].items?.chat_ids} {#each folder.items.chat_ids as chatId (chatId)} {chatId} {/each} {/if}
{/if}