onitemdragstart(e, item) : undefined}
ondragover={dropTarget && onitemdragover ? (e) => onitemdragover(e, item) : undefined}
ondragleave={dropTarget && onitemdragleave ? (e) => onitemdragleave(e, item) : undefined}
ondrop={dropTarget && onitemdrop ? (e) => onitemdrop(e, item) : undefined}
onclick={onopen || selectable
? (e) => {
// Selection-first for shift/meta clicks; only "open" fires on a
// plain click when the click wasn't consumed by selection. The
// handler runs even without `onopen` so ⌘/Ctrl+Click still
// toggles the row on selection-only surfaces (no navigation).
if (handleRowClick(e, item.id)) return;
if (onopen && !openOnDoubleClick) onopen(item);
}
: undefined}
ondblclick={onopen && openOnDoubleClick ? () => onopen(item) : undefined}
onkeydown={onopen ? (e) => e.key === 'Enter' && onopen(item) : undefined}
oncontextmenu={onContextMenuOverride
? (e) => onContextMenuOverride(e, item)
: contextActions?.length
? (e) => void openContext(e, item)
: undefined}
>
{#if selectable}
e.stopPropagation()}>
toggleSelected(item.id)}
/>
{/if}
{#if enableThumbnails && kind === 'file' && mimeVal && canThumbnailClientSide( { id: item.id, name: item.name, mime_type: mimeVal } )}
{
const img = e.currentTarget as HTMLImageElement;
img.style.display = 'none';
if (mimeVal === 'application/pdf') preloadPdf();
void queueThumbnailGenerate(
{ id: item.id, name: item.name, mime_type: mimeVal },
(dataUrl) => {
img.src = dataUrl;
img.style.display = '';
}
);
}}
/>
{/if}
{#if rowBadge}
{@render rowBadge(item, ctx)}
{/if}
{item.name}
{#if showOwner}
{#if ownerId}
{:else}
—
{/if}
{/if}
{#if showPath}
{item.path ?? ''}
{/if}
{#if showType}
{item.category ?? ''}
{/if}
{#if showSize}
{sizeVal != null ? formatBytes(sizeVal) : '—'}
{/if}
{#if showDate}
{#if dateCell}{@render dateCell(item, ctx)}{:else}{formatDate(dateVal)}{/if}
{/if}
{#if sizeVal != null}{formatBytes(sizeVal)}{/if}
{#if dateVal != null}{formatDate(dateVal)}{/if}
{#if onfavorite || itemActions || onContextMenuOverride || contextActions?.length}
{#if onfavorite}
{/if}
{#if itemActions}{@render itemActions(item)}{/if}
{#if onContextMenuOverride || contextActions?.length}
{/if}
{/if}
{title}
{#if error}
{:else if loading && isEmpty}
{:else if isEmpty}
{#if emptyAction}{@render emptyAction()}{/if}
{:else}
{#if grouped && filesStore.viewMode === 'list'}
{#if listHeaderOverride}{@render listHeaderOverride()}{:else}{@render listHeader()}{/if}
{#each sections as section (section.key)}
{#if section.label}
{/if}
e.id} {row} />
{/each}
{:else if grouped}
{#each sections as section (section.key)}
{#if section.label}
{/if}
e.id}
{row}
/>
{/each}
{:else if filesStore.viewMode === 'list'}
{#if listHeaderOverride}{@render listHeaderOverride()}{:else}{@render listHeader()}{/if}
e.id} {row} />
{:else}
e.id}
{row}
/>
{/if}
{#if hasMore}
{/if}
{/if}
{#if rubberband}
{/if}
{#if systemDropOver && enableSystemDrop}
{t('files.drop_to_upload', 'Drop files here to upload')}
{/if}
{#snippet listHeader()}
{/snippet}
{#if ctxOpen && ctxItem && contextActions}
{@const visibleActions = contextActions.filter(
(a) => a.visible?.(ctxItem!, ctxOf(ctxItem!.id)) !== false
)}