Brunobkr/llama.cpp_AlgMor24_github

1<script lang="ts">2	import { boxWith, mergeProps } from "svelte-toolbelt";3	import type { MenuCheckboxItemProps } from "../types.js";4	import { MenuCheckboxGroupContext, MenuCheckboxItemState } from "../menu.svelte.js";5	import { createId } from "../../../internal/create-id.js";6	import { noop } from "../../../internal/noop.js";7	import { watch } from "runed";8 9	const uid = $props.id();10 11	let {12		child,13		children,14		ref = $bindable(null),15		checked = $bindable(false),16		id = createId(uid),17		onCheckedChange = noop,18		disabled = false,19		onSelect = noop,20		closeOnSelect = true,21		indeterminate = $bindable(false),22		onIndeterminateChange = noop,23		value = "",24		...restProps25	}: MenuCheckboxItemProps = $props();26 27	const group = MenuCheckboxGroupContext.getOr(null);28 29	if (group && value) {30		if (group.opts.value.current.includes(value)) {31			checked = true;32		} else {33			checked = false;34		}35	}36 37	watch.pre(38		() => value,39		() => {40			if (group && value) {41				if (group.opts.value.current.includes(value)) {42					checked = true;43				} else {44					checked = false;45				}46			}47		}48	);49 50	const checkboxItemState = MenuCheckboxItemState.create(51		{52			checked: boxWith(53				() => checked,54				(v) => {55					if (v !== checked) {56						checked = v;57						onCheckedChange(v);58					}59				}60			),61			id: boxWith(() => id),62			disabled: boxWith(() => disabled),63			onSelect: boxWith(() => handleSelect),64			ref: boxWith(65				() => ref,66				(v) => (ref = v)67			),68			closeOnSelect: boxWith(() => closeOnSelect),69			indeterminate: boxWith(70				() => indeterminate,71				(v) => {72					if (v !== indeterminate) {73						indeterminate = v;74						onIndeterminateChange(v);75					}76				}77			),78			value: boxWith(() => value),79		},80		group81	);82 83	function handleSelect(e: Event) {84		onSelect(e);85		if (e.defaultPrevented) return;86		checkboxItemState.toggleChecked();87	}88 89	const mergedProps = $derived(mergeProps(restProps, checkboxItemState.props));90</script>91 92{#if child}93	{@render child({ checked, indeterminate, props: mergedProps })}94{:else}95	<div {...mergedProps}>96		{@render children?.({ checked, indeterminate })}97	</div>98{/if}99