isClickable && (showModal = true)}
onkeydown={(e) => {
if (!isClickable) {
return;
}
if (e.key === "Enter" || e.key === " ") {
showModal = true;
}
}}
class:clickable={isClickable}
role="button"
tabindex="0"
>
{#if isImage(file.mime)}
{:else if isAudio(file.mime)}
{:else if isVideo(file.mime)}
{:else if isPlainText(file.mime)}
-
{truncateMiddle(file.name, 28)}
{#if file.mime === "application/vnd.chatui.clipboard"}
- Clipboard source
{:else}
- {file.mime}
{/if}
{:else if file.mime === "application/octet-stream"}
-
{truncateMiddle(file.name, 28)}
- File type could not be determined
{:else}
-
{truncateMiddle(file.name, 28)}
- {file.mime}
{/if}
{#if canClose}
{/if}