{#snippet renderDefaultItems(items: SelectItem[], depth = 0)} {#each items as item}
{ e.stopPropagation(); handlerOnSelect(item); }}>
{item.label}
{#if item.children && item.children.length > 0}
{@render renderDefaultItems(item.children, depth + 1)}
{/if} {/each} {/snippet} {#snippet renderModelItems(items: SelectItem[])} {#each items as group} {#if group.selectable === false}
{#if group.icon}
{@html group.icon}
{/if}
{group.label}
{#each group.children || [] as model}
{ e.stopPropagation(); handlerOnSelect(model); }}>
{#if model.icon} {@html model.icon} {:else}
{group.label ? group.label.toString().charAt(0) : 'M'}
{/if}
{model.label}
{#if model.tags && model.tags.length > 0}
{#each model.tags as tag}
{tag}
{/each}
{/if} {#if model.description}
{model.description}
{/if}
{/each} {:else}
{ e.stopPropagation(); handlerOnSelect(group); }}>
{#if group.icon} {@html group.icon} {:else}
{group.label ? group.label.toString().charAt(0) : 'M'}
{/if}
{group.label}
{#if group.tags && group.tags.length > 0}
{#each group.tags as tag}
{tag}
{/each}
{/if} {#if group.description}
{group.description}
{/if}
{/if} {/each} {/snippet} {#snippet renderNestedItems(items: SelectItem[], depth = 0)} {#each items as item}
handlerOnSelect(item)}>
{#if item.children && item.children.length > 0}
{/if}
{item.label}
{#if item.dataType}
{item.dataType}
{/if}
{#if item.children && item.children.length > 0}
{@render renderNestedItems(item.children, depth + 1)}
{/if} {/each} {/snippet}
isOpen = true} onHide={() => { isOpen = false; hoveredItem = null; }} syncWidth={true} syncWidthMode={variant === 'default' ? 'equal' : 'min'} >
{#each activeItemsState as item, index (`${index}_${item.value}`)} {#if !multiple} {#if index === 0}
{#if variant === 'reference' && item.nodeType && nodeIcons[item.nodeType]}
{@html nodeIcons[item.nodeType]}
{:else if variant === 'model' && item.icon}
{@html item.icon}
{/if}
{item.displayLabel || item.label}
{#if variant === 'reference' && showSelectedType && item.dataType}
{item.dataType}
{/if}
{/if} {:else}
{#if variant === 'reference' && item.nodeType && nodeIcons[item.nodeType]}
{@html nodeIcons[item.nodeType]}
{:else if variant === 'model' && item.icon}
{@html item.icon}
{/if}
{item.displayLabel || item.label}
{#if variant === 'reference' && showSelectedType && item.dataType}
{item.dataType}
{/if}
{#if index < activeItemsState.length - 1}
,
{/if} {/if} {:else}
{placeholder}
{/each}
{#if variant === 'reference'}
{:else}
{/if}
{#snippet floating()} {#if variant === 'default'}
{@render renderDefaultItems(items)}
{:else if variant === 'model'}
Model selection
{@render renderModelItems(items)}
{:else}
{#each items as item}
handleMouseEnter(item)} onclick={() => handlerOnSelect(item)} >
{#if item.icon} {@html item.icon} {:else if item.nodeType && nodeIcons[item.nodeType]} {@html nodeIcons[item.nodeType]} {:else if item.children && item.children.length > 0}
{/if}
{item.label}
{#if item.children && item.children.length > 0}
{/if}
{/each}
{#if hoveredItem && hoveredItem.children && hoveredItem.children.length > 0}
{@render renderNestedItems(hoveredItem.children)}
{/if}
{/if} {/snippet}