Brunobkr/llama.cpp_AlgMor24_github

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