{#if props.tree.type !== "discriminatedUnion" || options.length === 0} {#if props.value === undefined || props.value === null}
{EM_DASH}
{:else}
{JSON.stringify(props.value)}
{/if} {:else if props.readOnly} {#if resolved.activeOption !== undefined} {@const child = props.renderChild( resolved.activeOption, props.value, props.onChange )} {#if child !== null}
{:else}
{EM_DASH}
{/if} {:else}
{EM_DASH}
{/if} {:else}
{#each options as _opt, i (i)}
handleTabChange(i)} style="padding: 0.25rem 0.75rem; border: 1px solid {i === resolved.activeIndex ? '#3b82f6' : '#d1d5db'}; border-radius: 0.25rem; background: {i === resolved.activeIndex ? '#eff6ff' : 'transparent'}; cursor: pointer; font-size: 0.875rem;" > {resolved.optionLabels[i]}
{/each}
{#if resolved.activeOption !== undefined} {@const child = props.renderChild( resolved.activeOption, props.value, props.onChange )} {#if child !== null}
{/if} {/if}
{/if}