{#if !writable} {$i18n.t('Read-only')} {/if} {#if !selectedFile}

{ onSort('name'); sortMenuOpen = false; }} > {$i18n.t('Name')} {#if sortBy === 'name'} {/if} { onSort('size'); sortMenuOpen = false; }} > {$i18n.t('Size')} {#if sortBy === 'size'} {/if} { onSort('date'); sortMenuOpen = false; }} > {$i18n.t('Date Modified')} {#if sortBy === 'date'} {/if}

{ onNewFolder(); actionsMenuOpen = false; }} disabled={!writable} > {$i18n.t('New Folder')} { onNewFile(); actionsMenuOpen = false; }} disabled={!writable} > {$i18n.t('New File')} { actionsMenuOpen = false; uploadInput?.click(); }} disabled={!writable} > {$i18n.t('Upload')} { onDownloadDir(); actionsMenuOpen = false; }} > {$i18n.t('Download')} { onToggleHidden(); actionsMenuOpen = false; }} > {showHidden ? $i18n.t('Hide Hidden Files') : $i18n.t('Show Hidden Files')}

{ if (!writable || !uploadInput?.files?.length) return; onUploadFiles(Array.from(uploadInput.files)); uploadInput.value = ''; }} /> {:else} {/if}