(e.key === 'Enter' || e.key === ' ') && onPreview && onPreview(e)} tabindex="0" role="button" aria-label="Preview logo" > {#if logo.format && logo.format.toLowerCase() === 'svg'} {:else}

{/if}

{logo.name}

Format: {logo.format} {#if logo.colors}

logo._activeColor = undefined} on:keydown|stopPropagation={(e) => (e.key === 'Enter' || e.key === ' ') && (logo._activeColor = undefined)}> {#each logo.colors as colorObj} logo._activeColor = colorObj.value} on:keydown|stopPropagation={(e) => (e.key === 'Enter' || e.key === ' ') && (logo._activeColor = colorObj.value)}> {/each}

{/if}

{#if logo.tags && logo.tags.length}

{#each logo.tags as tag} {#if getTagObj(tag).color} {getTagObj(tag).text} {:else} {getTagObj(tag).text} {/if} {/each}

{/if}

{#if showActions}

{/if}