{ onSelectionChange?.(details); }} onExpandedChange={(details) => { userExpandedValue = details.expandedValue; onExpandedChange?.(details); }} onCheckedChange={(details) => { checkedValue = details.checkedValue; onCheckedChange?.(details); }} class="flex h-full flex-col gap-3" style="--tree-indent: 0rem; --tree-icon: 1rem; --tree-gap: 0.5rem; --tree-px: 0.75rem" > {#if label} {label} {/if}

{#snippet render(tree)} {/snippet}

{#snippet startIcon()} {/snippet} {#snippet endIcon()} {/snippet}

{#each collection.rootNode.children ?? [] as node, index (node.value)} {@render renderNode(node as T, [index])} {/each} {#snippet nodeCheckbox()} {#snippet indeterminate()} {/snippet} {#snippet fallback()} {/snippet} {/snippet} {#snippet renderNode(node: T, indexPath: number[])} {#if node.children} {#if selectionMode === 'multiple'} {@render nodeCheckbox()} {/if} {node.label} {#each node.children as child, childIndex (child.value)} {@render renderNode(child as T, [...indexPath, childIndex])} {/each} {:else} {#if selectionMode === 'multiple'} {@render nodeCheckbox()} {/if} {node.label} {/if} {/snippet}