{#if showFallbackImage || true}

{:else} { URL.revokeObjectURL(previewURL); }} on:error={() => { URL.revokeObjectURL(previewURL); showFallbackImage = true; }} src={previewURL} alt="Preview of asset" class="h-[65px] w-[65px] rounded-bl-lg rounded-tl-lg object-cover" draggable="false" /> {/if}

.{getFilenameExtension(uploadAsset.file.name)}

{#if uploadAsset.state === UploadState.STARTED}

{#if uploadAsset.message} {uploadAsset.message} {:else} {uploadAsset.progress}/100 - {asByteUnitString(uploadAsset.speed || 0, $locale)}/s - {uploadAsset.eta}s {/if}

{:else if uploadAsset.state === UploadState.PENDING}

Pending

{:else if uploadAsset.state === UploadState.ERROR}

Error

{:else if uploadAsset.state === UploadState.DUPLICATED}

Skipped {#if uploadAsset.message} ({uploadAsset.message}){/if}

{:else if uploadAsset.state === UploadState.DONE}

Uploaded {#if uploadAsset.message} ({uploadAsset.message}){/if}

{/if}

{#if uploadAsset.state === UploadState.ERROR}

{/if}

{#if uploadAsset.state === UploadState.ERROR}

{uploadAsset.error}

{/if}