Brunobkr/llama.cpp_AlgMor24_github

1<script lang="ts">2	import { boxWith, mergeProps } from "svelte-toolbelt";3	import type { CalendarYearSelectProps } from "../types.js";4	import { CalendarYearSelectState } from "../calendar.svelte.js";5	import { createId } from "../../../internal/create-id.js";6 7	const uid = $props.id();8 9	let {10		children,11		child,12		ref = $bindable(null),13		id = createId(uid),14		years,15		yearFormat = "numeric",16		disabled = false,17		"aria-label": ariaLabel = "Select a year",18		...restProps19	}: CalendarYearSelectProps = $props();20 21	const yearSelectState = CalendarYearSelectState.create({22		id: boxWith(() => id),23		ref: boxWith(24			() => ref,25			(v) => (ref = v)26		),27		years: boxWith(() => years),28		yearFormat: boxWith(() => yearFormat),29		disabled: boxWith(() => Boolean(disabled)),30	});31 32	const mergedProps = $derived(33		mergeProps(restProps, yearSelectState.props, { "aria-label": ariaLabel })34	);35</script>36 37{#if child}38	{@render child({ props: mergedProps, ...yearSelectState.snippetProps })}39{:else}40	<select {...mergedProps}>41		{#if children}42			{@render children?.(yearSelectState.snippetProps)}43		{:else}44			{#each yearSelectState.yearItems as year (year.value)}45				<option value={year.value} selected={year.value === yearSelectState.currentYear}>46					{year.label}47				</option>48			{/each}49		{/if}50	</select>51{/if}52