e.stopPropagation()}
onkeydown={(e) => e.stopPropagation()}
role="dialog"
aria-modal="true"
tabindex="-1"
>
{#if theme}
{theme.name}
{#if theme.featured === true}
Featured
{/if}
{#if theme.author}
By {theme.author}
{/if}
{modalDisplayDownloadCount.toLocaleString()} downloads
{(theme.favorite_count ?? 0).toLocaleString()} favorites
{#if heroSlides.length > 0}
{#key theme?.id}
{#each heroSlides as slide, slideIdx (slideIdx)}
{/each}
{#if heroSlides.length > 1}
{/if}
{/key}
{/if}
{#if hasFlavours}
{@const masterThumb = masterCarouselImageUrl(theme)}
Variants
{#if currentThemes.includes(theme.id)}
{:else}
{/if}
{#each theme.flavours ?? [] as f, flavourIdx (f.id)}
{@const thumb = flavourCarouselImageUrl(f)}
{#if currentThemes.includes(f.id)}
{:else}
{/if}
{/each}
{/if}
{theme.description}
{#if toggleFavorite && theme}
{/if}
{#if !hasFlavours}
{#if currentThemes.includes(theme.id)}
{:else}
{/if}
{/if}
{#if relatedThemes.length > 0}
Related themes
{#each relatedThemes as relatedTheme (relatedTheme.id)}
{/each}
{/if}
{/each}