{#if show_label}
{/if} {#if value == null || resolved_value == null || resolved_value.length === 0}
{:else}
{#if selected_media && allow_preview}
{#if show_download_button}
{ const image = "image" in selected_media ? selected_media?.image : selected_media?.video; if (image == null) { return; } const { url, orig_name } = image; if (url) { download(url, orig_name ?? "image"); } }} /> {/if} {#if show_fullscreen_button && !is_full_screen}
{/if} {#if show_fullscreen_button && is_full_screen}
{/if} {#if !is_full_screen}
(selected_index = null)} /> {/if}
handle_preview_click(event) : null} style="height: calc(100% - {selected_media.caption ? '80px' : '60px'})" aria-label="detailed view of selected image" > {#if "image" in selected_media}
{:else}
{/if}
{#if selected_media?.caption}
{selected_media.caption}
{/if}
{#each resolved_value as media, i}
(selected_index = i)} class="thumbnail-item thumbnail-small" class:selected={selected_index === i && mode !== "minimal"} aria-label={"Thumbnail " + (i + 1) + " of " + resolved_value.length} > {#if "image" in media}
{:else}
{/if}
{/each}
{/if}
{#if interactive}
(value = [])} />
{/if}
{#if show_share_button}
{/if}
{#each resolved_value as entry, i}
(selected_index = i)} aria-label={"Thumbnail " + (i + 1) + " of " + resolved_value.length} > {#if "image" in entry}
{:else}
{/if} {#if entry.caption}
{entry.caption}
{/if}
{/each}
{/if}