{#if showMetadata && fileMetadata}

{#if fileMetadata.sizeStr}{fileMetadata.sizeStr}{/if} {#if fileMetadata.mimeType}{fileMetadata.mimeType}{/if} {#if fileMetadata.lastModified}{fileMetadata.lastModified}{/if}

{/if}

{#if !fileKey}

No file selected.

{:else if fileInfoLoading && !fileMetadata && !notFound && !loadError}

Loading…

{:else if notFound}

Asset not yet materialized

This asset has been declared in the pipeline but no producer has written to it yet. Run an upstream script to populate it.

{fileKey}

{:else if loadError}

Could not load asset

{loadError}

{:else if fileMetadata?.fileKey.endsWith('.png') || fileMetadata?.fileKey.endsWith('.jpg') || fileMetadata?.fileKey.endsWith('.jpeg') || fileMetadata?.fileKey.endsWith('.webp')}

{:else if fileMetadata?.fileKey.endsWith('.pdf')}

{#await import('$lib/components/display/PdfViewer.svelte')} {:then Module} {/await}

{:else if filePreviewLoading}

File preview loading

{:else if fileMetadata !== undefined && filePreview !== undefined}

{#if filePreview.contentType === 'Unknown'} Type of file not supported for preview. {:else if filePreview.contentType === 'Csv'} Previewing a {filePreview.contentType?.toLowerCase()} file. Separator character:

Header row:

{:else} Previewing a {filePreview.contentType?.toLowerCase()} file. {/if}

{#if !emptyString(filePreview.contentPreview)}{filePreview.contentPreview}{:else if filePreview.contentType !== undefined}Preview impossible.{/if}

{/if}