menu.show(e, channelMenu(channel))} role="presentation" ondragover={e => { if (canDrop) { e.preventDefault(); over = true; } }} ondragleave={() => (over = false)} ondrop={onDrop} onmouseenter={hoverRow} onmousemove={trackPointer} onmouseleave={leaveRow}> {#if children.length || users.length} session.toggleExpanded(channel.id)} aria-label={expanded ? 'Collapse' : 'Expand'} aria-expanded={expanded}> {:else} {/if} { clearTimeout(hoverTimer); preview = null; drag.item = { kind: 'channel', id: channel.id }; e.dataTransfer?.setData('text/plain', channel.name); }} ondragend={() => { drag.item = null; over = false; }}> {#if !channel.canEnter}{/if} {channel.name || 'Root'} {#if !expanded && total > 0}{total}{/if} {#if unread}{unread}{/if} {#if hasDescription} {/if}