{#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
{/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, usingJS)} on:mouseenter={e => { popoverAnchor = e.target if (!helper.displayText && helper.description) { return } hoverTarget = { title: helper.displayText, description: helper.description, example: getHelperExample(helper, usingJS), } popover.show() e.stopPropagation() }} on:mouseleave={() => { popover.hide() popoverAnchor = null hoverTarget = null }} on:focus={() => {}} on:blur={() => {}} > {helper.displayText} function
    • {/each}
{/if} {/if} {/if}