{#each search != '' ? entries.filter((x) => x.name .toLowerCase() .includes(search.toLowerCase())) : entries as { type, name, icon, ids, description } (name + type)} {#if description || (ids && ids.length > 0)} { if ($app.css != undefined) { if (type && e.detail && $app.css[type] == undefined) { $app.css[type] = Object.fromEntries((ids ?? []).map(({ id }) => [id, {}])) } } }} >

{name}

{#if description}

{description}

{/if} {#if type}

{#each customisationByComponent.filter( (c) => c.components.includes(type) ) as customisation (customisation.components.join('-'))} {#if customisation.link}

See documentation

{/if} {#if customisation.selectors.length > 0} Selectors ({customisation.selectors.length}) {/if} {#if customisation.variables.length > 0}

Variables ({customisation.variables.length})

{/if} {#snippet content()}

Selector Comment {#each customisation.selectors as { selector, comment }} {selector} {#if comment}

{comment}

{/if} { dispatch('insertSelector', `${selector} {}`) }} > {/each} Variable Default value Comment {#each customisation.variables as { variable, value, comment }} {variable} {value} {#if comment}

{comment}

{/if} { dispatch( 'insertSelector', `${customisation.root} { ${variable}: ${value};}` ) }} wrapperClasses="px-2 py-3.5 bg-surface" > {/each}

{/snippet} {/each}

{/if} {/if} {/each}