{#snippet boolSwitch(checked: boolean, onchange: (value: boolean) => void)}
onchange(true)}> On
onchange(false)}> Off
{/snippet}
{#snippet toggle(onclick)}
{/snippet} {#snippet popover()}
Word wrap {@render boolSwitch( diffOptions.wordWrap, value => (diffOptions.wordWrap = value), )}
Indicator style
{#each indicatorOptions as option, index}
0} flatRight={index < indicatorOptions.length - 1} active={diffOptions.indicators === option.value} title={option.title} onclick={() => (diffOptions.indicators = option.value)} styleJustifyContent="center">
{/each}
Word diff
{#each wordDiffOptions as option, index}
0} flatRight={index < wordDiffOptions.length - 1} active={diffOptions.lineDiffType === option.value} title={option.title} onclick={() => (diffOptions.lineDiffType = option.value)}> {option.label}
{/each}
{/snippet}