Spaces:
Running
Running
File size: 1,069 Bytes
3010d5b 83cc307 3010d5b 83cc307 3010d5b |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
<script lang="ts">
import { type NodeProps, useNodes } from '@xyflow/svelte';
import LynxKiteNode from './LynxKiteNode.svelte';
type $$Props = NodeProps;
const nodes = useNodes();
export let id: $$Props['id'];
export let data: $$Props['data'];
let isExpanded = true;
function onToggle({ expanded }) {
isExpanded = expanded;
nodes.update((n) =>
n.map((node) =>
node.parentId === id
? { ...node, hidden: !expanded }
: node));
}
function computeSize(nodes) {
let width = 200;
let height = 200;
for (const node of nodes) {
if (node.parentId === id) {
width = Math.max(width, node.position.x + 300);
height = Math.max(height, node.position.y + 200);
}
}
return { width, height };
}
$: ({ width, height } = computeSize($nodes));
</script>
<LynxKiteNode
{...$$props}
width={isExpanded && width} height={isExpanded && height}
nodeStyle="background: transparent;" containerStyle="max-width: none; max-height: none;" {onToggle}>
</LynxKiteNode>
<style>
</style>
|