refactor(panel): simplify / fix panel pointer events #5356

This commit is contained in:
moklick
2025-06-24 19:58:16 +02:00
parent 11ef564928
commit 31b576ebe7
3 changed files with 6 additions and 21 deletions
@@ -1,19 +1,11 @@
<script lang="ts">
import type { PanelProps } from './types';
import { useStore } from '$lib/store';
let { position = 'top-right', style, class: className, children, ...rest }: PanelProps = $props();
let store = $derived(useStore());
let positionClasses = $derived(`${position}`.split('-'));
</script>
<div
class={['svelte-flow__panel', className, ...positionClasses]}
{style}
style:pointer-events={store.selectionRectMode ? 'none' : ''}
{...rest}
>
<div class={['svelte-flow__panel', className, ...positionClasses]} {style} {...rest}>
{@render children?.()}
</div>