Brunobkr/llama.cpp_AlgMor24_github

1<script lang="ts">2	import { boxWith, mergeProps } from "svelte-toolbelt";3	import type { MenuContentProps } from "../types.js";4	import { MenuContentState } from "../menu.svelte.js";5	import { createId } from "../../../internal/create-id.js";6	import { noop } from "../../../internal/noop.js";7	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";8	import { getFloatingContentCSSVars } from "../../../internal/floating-svelte/floating-utils.svelte.js";9	import PopperLayerForceMount from "../../utilities/popper-layer/popper-layer-force-mount.svelte";10 11	const uid = $props.id();12 13	let {14		id = createId(uid),15		child,16		children,17		ref = $bindable(null),18		loop = true,19		onInteractOutside = noop,20		onEscapeKeydown = noop,21		onCloseAutoFocus: onCloseAutoFocusProp = noop,22		forceMount = false,23		style,24		...restProps25	}: MenuContentProps = $props();26 27	const contentState = MenuContentState.create({28		id: boxWith(() => id),29		loop: boxWith(() => loop),30		ref: boxWith(31			() => ref,32			(v) => (ref = v)33		),34		onCloseAutoFocus: boxWith(() => onCloseAutoFocusProp),35	});36 37	const mergedProps = $derived(38		mergeProps(restProps, contentState.props, {39			style: { outline: "none" },40		})41	);42 43	function handleInteractOutside(e: PointerEvent) {44		onInteractOutside(e);45		if (e.defaultPrevented) return;46		// don't close if the interaction is with a submenu content or items47		if (e.target && e.target instanceof Element) {48			const subContentSelector = `[${contentState.parentMenu.root.getBitsAttr("sub-content")}]`;49			if (e.target.closest(subContentSelector)) return;50		}51		contentState.parentMenu.onClose();52	}53 54	function handleEscapeKeydown(e: KeyboardEvent) {55		onEscapeKeydown(e);56		if (e.defaultPrevented) return;57		contentState.parentMenu.onClose();58	}59</script>60 61{#if forceMount}62	<PopperLayerForceMount63		{...mergedProps}64		{...contentState.popperProps}65		ref={contentState.opts.ref}66		enabled={contentState.parentMenu.opts.open.current}67		onInteractOutside={handleInteractOutside}68		onEscapeKeydown={handleEscapeKeydown}69		trapFocus70		{loop}71		forceMount={true}72		{id}73		shouldRender={contentState.shouldRender}74	>75		{#snippet popper({ props, wrapperProps })}76			{@const finalProps = mergeProps(77				props,78				{ style: { outline: "none", ...getFloatingContentCSSVars("menu") } },79				{ style }80			)}81			{#if child}82				{@render child({ props: finalProps, wrapperProps, ...contentState.snippetProps })}83			{:else}84				<div {...wrapperProps}>85					<div {...finalProps}>86						{@render children?.()}87					</div>88				</div>89			{/if}90		{/snippet}91	</PopperLayerForceMount>92{:else if !forceMount}93	<PopperLayer94		{...mergedProps}95		{...contentState.popperProps}96		ref={contentState.opts.ref}97		open={contentState.parentMenu.opts.open.current}98		onInteractOutside={handleInteractOutside}99		onEscapeKeydown={handleEscapeKeydown}100		trapFocus101		{loop}102		forceMount={false}103		{id}104		shouldRender={contentState.shouldRender}105	>106		{#snippet popper({ props, wrapperProps })}107			{@const finalProps = mergeProps(108				props,109				{ style: { outline: "none", ...getFloatingContentCSSVars("menu") } },110				{ style }111			)}112			{#if child}113				{@render child({ props: finalProps, wrapperProps, ...contentState.snippetProps })}114			{:else}115				<div {...wrapperProps}>116					<div {...finalProps}>117						{@render children?.()}118					</div>119				</div>120			{/if}121		{/snippet}122	</PopperLayer>123{/if}124