{
if (e.key === 'Enter' || e.key === ' ') onclick(e);
}}
{onclick}
class="{get_main_classes()} relative transition-colors duration-200 gap-4 flex flex-row justify-between group w-full min-w-0"
>
{#if $loading_data?.is_loading}
{/if}
{#if is_folder}
{:else if supported_file_type_icon[get_file_type(file)?.display_name || '']}
{@const Icon = supported_file_type_icon[get_file_type(file)?.display_name || '']}
{file.name.includes('.') && !is_folder && get_file_type(file)
? file.name.slice(0, file.name.lastIndexOf('.'))
: file.name}
{get_created_info($date_mapping)}
{is_folder ? 'Ordner' : (get_file_type(file)?.display_name ?? '?')}
{get_file_size_display_string(file.size)}