Brunobkr/llama.cpp_AlgMor24_github

1<script lang="ts">2	import { boxWith, mergeProps } from "svelte-toolbelt";3	import type { SwitchRootProps } from "../types.js";4	import { SwitchRootState } from "../switch.svelte.js";5	import SwitchInput from "./switch-input.svelte";6	import { createId } from "../../../internal/create-id.js";7	import { noop } from "../../../internal/noop.js";8 9	const uid = $props.id();10 11	let {12		child,13		children,14		ref = $bindable(null),15		id = createId(uid),16		disabled = false,17		required = false,18		checked = $bindable(false),19		value = "on",20		name = undefined,21		type = "button",22		onCheckedChange = noop,23		...restProps24	}: SwitchRootProps = $props();25 26	const rootState = SwitchRootState.create({27		checked: boxWith(28			() => checked,29			(v) => {30				checked = v;31				onCheckedChange?.(v);32			}33		),34		disabled: boxWith(() => disabled ?? false),35		required: boxWith(() => required),36		value: boxWith(() => value),37		name: boxWith(() => name),38		id: boxWith(() => id),39		ref: boxWith(40			() => ref,41			(v) => (ref = v)42		),43	});44 45	const mergedProps = $derived(mergeProps(restProps, rootState.props, { type }));46</script>47 48{#if child}49	{@render child({ props: mergedProps, ...rootState.snippetProps })}50{:else}51	<button {...mergedProps}>52		{@render children?.(rootState.snippetProps)}53	</button>54{/if}55 56<SwitchInput />57