{#if !isPicker}

{/if}

{#if displayMedia.length === 0}

{:else}

{#each displayMedia as file}

handleKeydown(e, () => selectFile(file))} onclick={() => selectFile(file)} style="cursor: pointer;">

{#if file.mime_type.startsWith('image/')} {file.filename}

{:else} {/if}

{/each}

{/if}

{#if selectedFile}

Name: {selectedFile.filename}

Type: {selectedFile.mime_type}

Size: {formatBytes(selectedFile.size)}

{#if isPicker}

{/if}

{#if selectedFile.mime_type.startsWith('image/')}

Caption ({activeLocale.toUpperCase()})

Alt Text ({activeLocale.toUpperCase()})

{#if userPermissions['update-media']} {/if}

{#if userPermissions['update-media']} {/if} {#if showFocalPoint && userPermissions['update-media']}

handleKeydown(e, (ev) => setFocalPoint(ev || e))} onclick={setFocalPoint} style="cursor: crosshair; position: relative;" > Focal selector

X: {focalX}% Y: {focalY}%

{/if} {/if}

View Original {#if !isPicker && userPermissions['delete-media']} {/if}

{:else}

Select a file to see details

{/if}

Media Manager
Manage your site's media files