{#snippet popover()} {#if info.icon || info.display || !info.id} <
{info.id ?? `0x${info.code.toString(16)}`}
> {/if} {#if info.title} {info.title} {/if} {#if info.variant === "left"} (Left) {:else if info.variant === "right"} (Right) {/if} {#if info.description}
{info.description}
{/if} {/snippet} {#snippet kbdText()} {dynamicMapping ?? info.icon ?? info.display ?? info.id ?? `0x${info.code.toString(16)}`} {/snippet} {#snippet kbdSnippet(withPopover = true)}
{@render kbdText()}
{/snippet} {#snippet inlineKbdSnippet()} {#if !info.icon && dynamicMapping?.length === 1}
{dynamicMapping}
{:else if !info.icon && info.id?.length === 1}
{info.id}
{:else}
{@render kbdText()}
{/if} {/snippet} {#if display === "keys"} {@render kbdSnippet()} {:else if display === "verbose"} {#if isVerbose(info)}
{@render kbdSnippet(false)}
{info.title}
{:else} {@render inlineKbdSnippet()} {/if} {:else if display === "inline-keys"} {@render inlineKbdSnippet()} {/if}