{#if hoverTarget.title}
{hoverTarget.title}
{/if} {#if hoverTarget.description}
{@html hoverTarget.description}
{/if} {#if hoverTarget.example}
{hoverTarget.example}
{/if}
{#if selectedCategory}
{ selectedCategory = null }} > Back
{/if} {#if !selectedCategory}
{ search = null }} class:searching={search} >
{/if} {#if !selectedCategory && !search}
{#each categoryNames as categoryName}
{ selectedCategory = categoryName }} >
{categoryName}
{/each}
{/if} {#if selectedCategory || search} {#each filteredCategories as category} {#if category.bindings?.length}
{category.name}
{#each category.bindings as binding}
{ popoverAnchor = e.target if (!binding.description) { return } hoverTarget = { title: binding.display?.name || binding.fieldSchema?.name, description: binding.description, } popover.show() e.stopPropagation() }} on:mouseleave={() => { popover.hide() popoverAnchor = null hoverTarget = null }} on:focus={() => {}} on:blur={() => {}} on:click={() => addBinding(binding)} >
{#if binding.display?.name} {binding.display.name} {:else if binding.fieldSchema?.name} {binding.fieldSchema?.name} {:else} {binding.readableBinding} {/if}
{#if binding.display?.type || binding.fieldSchema?.type}
{binding.display?.type || binding.fieldSchema?.type}
{/if}
{/each}
{/if} {/each} {#if selectedCategory === "Helpers" || search} {#if filteredHelpers?.length}
Helpers
{#each filteredHelpers as helper}
addHelper(helper, mode.name == "javascript")} on:mouseenter={e => { popoverAnchor = e.target if (!helper.displayText && helper.description) { return } hoverTarget = { title: helper.displayText, description: helper.description, example: getHelperExample( helper, mode.name == "javascript" ), } popover.show() e.stopPropagation() }} on:mouseleave={() => { popover.hide() popoverAnchor = null hoverTarget = null }} on:focus={() => {}} on:blur={() => {}} >
{helper.displayText}
function
{/each}
{/if} {/if} {/if}