Brunobkr/llama.cpp_AlgMor24_github

1<script lang="ts">2	import { boxWith, mergeProps } from "svelte-toolbelt";3	import type { SelectContentProps } from "../types.js";4	import { SelectContentState } from "../select.svelte.js";5	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";6	import { noop } from "../../../internal/noop.js";7	import PopperLayerForceMount from "../../utilities/popper-layer/popper-layer-force-mount.svelte";8	import { createId } from "../../../internal/create-id.js";9 10	const uid = $props.id();11 12	let {13		id = createId(uid),14		ref = $bindable(null),15		forceMount = false,16		side = "bottom",17		onInteractOutside = noop,18		onEscapeKeydown = noop,19		children,20		child,21		preventScroll = false,22		style,23		...restProps24	}: SelectContentProps = $props();25 26	const contentState = SelectContentState.create({27		id: boxWith(() => id),28		ref: boxWith(29			() => ref,30			(v) => (ref = v)31		),32		onInteractOutside: boxWith(() => onInteractOutside),33		onEscapeKeydown: boxWith(() => onEscapeKeydown),34	});35 36	const mergedProps = $derived(mergeProps(restProps, contentState.props));37</script>38 39{#if forceMount}40	<PopperLayerForceMount41		{...mergedProps}42		{...contentState.popperProps}43		ref={contentState.opts.ref}44		{side}45		enabled={contentState.root.opts.open.current}46		{id}47		{preventScroll}48		forceMount={true}49		shouldRender={contentState.shouldRender}50	>51		{#snippet popper({ props, wrapperProps })}52			{@const finalProps = mergeProps(props, { style: contentState.props.style }, { style })}53			{#if child}54				{@render child({ props: finalProps, wrapperProps, ...contentState.snippetProps })}55			{:else}56				<div {...wrapperProps}>57					<div {...finalProps}>58						{@render children?.()}59					</div>60				</div>61			{/if}62		{/snippet}63	</PopperLayerForceMount>64{:else if !forceMount}65	<PopperLayer66		{...mergedProps}67		{...contentState.popperProps}68		ref={contentState.opts.ref}69		{side}70		open={contentState.root.opts.open.current}71		{id}72		{preventScroll}73		forceMount={false}74		shouldRender={contentState.shouldRender}75	>76		{#snippet popper({ props, wrapperProps })}77			{@const finalProps = mergeProps(props, { style: contentState.props.style }, { style })}78			{#if child}79				{@render child({ props: finalProps, wrapperProps, ...contentState.snippetProps })}80			{:else}81				<div {...wrapperProps}>82					<div {...finalProps}>83						{@render children?.()}84					</div>85				</div>86			{/if}87		{/snippet}88	</PopperLayer>89{/if}90