Brunobkr/llama.cpp_AlgMor24_github

1<script lang="ts">2	import { boxWith, mergeProps } from "svelte-toolbelt";3	import type { RatingGroupRootProps } from "../types.js";4	import { RatingGroupRootState } from "../rating-group.svelte.js";5	import RatingGroupInput from "./rating-group-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		disabled = false,13		children,14		child,15		value = $bindable(0),16		ref = $bindable(null),17		orientation = "horizontal",18		name = undefined,19		required = false,20		min = 0,21		max = 5,22		allowHalf = false,23		readonly = false,24		id = createId(uid),25		onValueChange = noop,26		"aria-label": ariaLabel,27		"aria-valuetext": ariaValuetextProp,28		hoverPreview = true,29		...restProps30	}: RatingGroupRootProps = $props();31 32	if (value < min || value > max) {33		value = Math.max(min, Math.min(max, value));34	}35 36	const ariaValuetext: NonNullable<RatingGroupRootProps["aria-valuetext"]> = $derived.by(() => {37		if (ariaValuetextProp) return ariaValuetextProp;38		return (value: number, max: number) => `${value} out of ${max}`;39	});40 41	const rootState = RatingGroupRootState.create({42		orientation: boxWith(() => orientation),43		disabled: boxWith(() => disabled),44		name: boxWith(() => name),45		required: boxWith(() => required),46		min: boxWith(() => min),47		max: boxWith(() => max),48		allowHalf: boxWith(() => allowHalf),49		readonly: boxWith(() => readonly),50		id: boxWith(() => id),51		value: boxWith(52			() => value,53			(v) => {54				if (v === value) return;55				value = v;56				onValueChange?.(v);57			}58		),59		ref: boxWith(60			() => ref,61			(v) => (ref = v)62		),63		ariaValuetext: boxWith(() => ariaValuetext),64		hoverPreview: boxWith(() => hoverPreview),65	});66 67	const mergedProps = $derived(68		mergeProps(restProps, rootState.props, { "aria-label": ariaLabel })69	);70</script>71 72{#if child}73	{@render child({ props: mergedProps, ...rootState.snippetProps })}74{:else}75	<div {...mergedProps}>76		{@render children?.(rootState.snippetProps)}77	</div>78{/if}79 80<RatingGroupInput />81