Brunobkr/llama.cpp_AlgMor24_github

1<script lang="ts">2	import { boxWith, mergeProps } from "svelte-toolbelt";3	import type { CheckboxGroupProps } from "../types.js";4	import { CheckboxGroupState } from "../checkbox.svelte.js";5	import { noop } from "../../../internal/noop.js";6	import { createId } from "../../../internal/create-id.js";7	import { arraysAreEqual } from "../../../internal/arrays.js";8 9	const uid = $props.id();10 11	let {12		ref = $bindable(null),13		id = createId(uid),14		value = $bindable([]),15		onValueChange = noop,16		name,17		required,18		disabled,19		children,20		child,21		readonly,22		...restProps23	}: CheckboxGroupProps = $props();24 25	const groupState = CheckboxGroupState.create({26		id: boxWith(() => id),27		ref: boxWith(28			() => ref,29			(v) => (ref = v)30		),31		disabled: boxWith(() => Boolean(disabled)),32		required: boxWith(() => Boolean(required)),33		readonly: boxWith(() => Boolean(readonly)),34		name: boxWith(() => name),35		value: boxWith(36			() => $state.snapshot(value),37			(v) => {38				if (arraysAreEqual(value, v)) return;39				value = $state.snapshot(v);40				onValueChange(v);41			}42		),43		onValueChange: boxWith(() => onValueChange),44	});45 46	const mergedProps = $derived(mergeProps(restProps, groupState.props));47</script>48 49{#if child}50	{@render child({ props: mergedProps })}51{:else}52	<div {...mergedProps}>53		{@render children?.()}54	</div>55{/if}56