Brunobkr/llama.cpp_AlgMor24_github

1<script lang="ts">2	import { boxWith, mergeProps } from "svelte-toolbelt";3	import { CommandRootState } from "../command.svelte.js";4	import type { CommandRootProps } from "../types.js";5	import CommandLabel from "./_command-label.svelte";6	import { noop } from "../../../internal/noop.js";7	import { createId } from "../../../internal/create-id.js";8	import { computeCommandScore } from "../index.js";9 10	const uid = $props.id();11 12	let {13		id = createId(uid),14		ref = $bindable(null),15		value = $bindable(""),16		onValueChange = noop,17		onStateChange = noop,18		loop = false,19		shouldFilter = true,20		filter = computeCommandScore,21		label = "",22		vimBindings = true,23		disablePointerSelection = false,24		disableInitialScroll = false,25		columns = null,26		children,27		child,28		...restProps29	}: CommandRootProps = $props();30 31	const rootState = CommandRootState.create({32		id: boxWith(() => id),33		ref: boxWith(34			() => ref,35			(v) => (ref = v)36		),37		filter: boxWith(() => filter),38		shouldFilter: boxWith(() => shouldFilter),39		loop: boxWith(() => loop),40		value: boxWith(41			() => value,42			(v) => {43				if (value !== v) {44					value = v;45					onValueChange(v);46				}47			}48		),49		vimBindings: boxWith(() => vimBindings),50		disablePointerSelection: boxWith(() => disablePointerSelection),51		disableInitialScroll: boxWith(() => disableInitialScroll),52		onStateChange: boxWith(() => onStateChange),53		columns: boxWith(() => columns),54	});55 56	// Imperative APIs - DO NOT REMOVE OR RENAME57 58	/**59	 * Sets selection to item at specified index in valid items array.60	 * If index is out of bounds, does nothing.61	 *62	 * @param index - Zero-based index of item to select63	 * @remarks64	 * Uses `getValidItems()` to get selectable items, filtering out disabled/hidden ones.65	 * Access valid items directly via `getValidItems()` to check bounds before calling.66	 *67	 * @example68	 * // get valid items length for bounds check69	 * const items = getValidItems()70	 * if (index < items.length) {71	 *   updateSelectedToIndex(index)72	 * }73	 */74	export const updateSelectedToIndex: (typeof rootState)["updateSelectedToIndex"] = (i) =>75		rootState.updateSelectedToIndex(i);76	/**77	 * Moves selection to the first valid item in the next/previous group.78	 * If no group is found, falls back to selecting the next/previous item globally.79	 *80	 * @param change - Direction to move: 1 for next group, -1 for previous group81	 * @example82	 * // move to first item in next group83	 * updateSelectedByGroup(1)84	 *85	 * // move to first item in previous group86	 * updateSelectedByGroup(-1)87	 */88	export const updateSelectedByGroup: (typeof rootState)["updateSelectedByGroup"] = (c) =>89		rootState.updateSelectedByGroup(c);90	/**91	 * Updates selected item by moving up/down relative to current selection.92	 * Handles wrapping when loop option is enabled.93	 *94	 * @param change - Direction to move: 1 for next item, -1 for previous item95	 * @remarks96	 * The loop behavior wraps:97	 * - From last item to first when moving next98	 * - From first item to last when moving previous99	 *100	 * Uses `getValidItems()` to get all selectable items, which filters out disabled/hidden items.101	 * You can call `getValidItems()` directly to get the current valid items array.102	 *103	 * @example104	 * // select next item105	 * updateSelectedByItem(1)106	 *107	 * // get all valid items108	 * const items = getValidItems()109	 */110	export const updateSelectedByItem: (typeof rootState)["updateSelectedByItem"] = (c) =>111		rootState.updateSelectedByItem(c);112	/**113	 * Gets all non-disabled, visible command items.114	 *115	 * @returns Array of valid item elements116	 * @remarks Exposed for direct item access and bound checking117	 */118	export const getValidItems = () => rootState.getValidItems();119 120	const mergedProps = $derived(mergeProps(restProps, rootState.props));121</script>122 123{#snippet Label()}124	<CommandLabel>125		{label}126	</CommandLabel>127{/snippet}128 129{#if child}130	{@render Label()}131	{@render child({ props: mergedProps })}132{:else}133	<div {...mergedProps}>134		{@render Label()}135		{@render children?.()}136	</div>137{/if}138