(ui.activeContext = "library")} onkeydown={onKey} onclick={(e) => { if (e.target === e.currentTarget) lib.focusedId = null; }} tabindex="0" >

{#if librarySources.length > 1}

{#each librarySources as source (source.id)} {/each}

{/if} e.stopPropagation()} onmouseenter={() => (searchHovered = true)} onmouseleave={() => (searchHovered = false)} onclick={(e) => e.stopPropagation()} > {#if searchHelpVisible} {/if} {#if sources.activeId && (offlineManager.isSourceOffline(sources.activeId) || offlineManager.downloadProgress.downloading || (offlineManager.queuedRequests.length > 0 && !ui.miniplayer))}

{#if offlineManager.downloadProgress.downloading}

{t("offline.download_progress", { current: offlineManager.downloadProgress.current, total: offlineManager.downloadProgress.total, })}

{/if} {#if offlineManager.isSourceOffline(sources.activeId)}

{#if auth.authFailed} {t("offline.auth_failed_notice")} {:else if !offlineManager.isNetworkAvailable} {t( effectiveAutoSyncMode() === "none" ? "offline.offline_notice" : "offline.offline_notice_auto_sync", )} {:else} {t("offline.server_unavailable_notice")} {/if}

{/if} {#if offlineManager.queuedRequests.length > 0 && !ui.miniplayer} {/if}

{/if}

row.key} scrollRef={libraryElement} startMargin={headerHeight} as="ul" item="li" > {#snippet children(row)} {#if row.kind === "section"} {:else if row.kind === "item"} {@const state = nodeStates[row.key]} activateNode(row)} onAdd={(asNext) => addNode(row, asNext)} onMenu={(nextMenu) => (menu = nextMenu)} onItemChange={(changes) => row.item && Object.assign(row.item, changes)} onUpdate={row.onUpdate} onDelete={row.onDelete} /> {/if} {/snippet}

{#if menu} (menu = null)} /> {/if}