Brunobkr/llama.cpp_AlgMor24_github

1<script lang="ts">2	import { boxWith, mergeProps } from "svelte-toolbelt";3	import type { CommandLinkItemProps } from "../types.js";4	import { CommandItemState } from "../command.svelte.js";5	import { noop } from "../../../internal/noop.js";6	import { createId } from "../../../internal/create-id.js";7 8	const uid = $props.id();9 10	let {11		id = createId(uid),12		ref = $bindable(null),13		value = "",14		disabled = false,15		children,16		child,17		onSelect = noop,18		forceMount = false,19		keywords = [],20		...restProps21	}: CommandLinkItemProps = $props();22 23	const itemState = CommandItemState.create({24		id: boxWith(() => id),25		ref: boxWith(26			() => ref,27			(v) => (ref = v)28		),29		value: boxWith(() => value),30		disabled: boxWith(() => disabled),31		onSelect: boxWith(() => onSelect),32		forceMount: boxWith(() => forceMount),33		keywords: boxWith(() => keywords),34	});35 36	const mergedProps = $derived(mergeProps(restProps, itemState.props));37</script>38 39{#key itemState.root.key}40	<div style="display: contents;">41		{#if itemState.shouldRender}42			{#if child}43				{@render child({ props: mergedProps })}44			{:else}45				<a {...mergedProps}>46					{@render children?.()}47				</a>48			{/if}49		{/if}50	</div>51{/key}52