{
if (e.key === 'Enter' || e.key === ' ') onclick(e);
}}
{onclick}
class="{get_selectable_color_classes(is_selected(file.id, $selected_file_ids), {
bg: true,
hover: true,
active: true,
text: true
})} rounded-r-lg transition-colors duration-200 gap-4 flex flex-row justify-between cursor-pointer group w-full h-full min-w-0"
>
{#if is_folder}
{:else if file.thumbnail}
{:else if get_file_type(file)?.icon}
{@const Icon = get_file_type(file)?.icon}
{/if}
{file.name.includes('.') ? file.name.slice(0, file.name.lastIndexOf('.')) : file.name}
{#if get_display_ids_where_file_is_missing($current_file_path, file, $selected_display_ids, $all_files)[1].length !== 0}
{:else if get_display_ids_where_file_is_missing($current_file_path, file, $selected_display_ids, $all_files)[0].length !== 0}
{/if}
{get_created_string(file.date_created)}
{is_folder ? 'Ordner' : (get_file_type(file)?.display_name ?? '?')}
{file.size}