feat(utils): vanilla interactive minimap

This commit is contained in:
moklick
2023-06-05 17:32:40 +02:00
parent 1b4f4a034e
commit e0ccc0f980
22 changed files with 584 additions and 475 deletions
@@ -6,7 +6,7 @@
Controls,
Background,
BackgroundVariant,
Minimap,
MiniMap,
createNodes,
createEdges,
type NodeTypes,
@@ -108,7 +108,7 @@
>
<Controls />
<Background variant={BackgroundVariant.Dots} />
<Minimap />
<MiniMap />
</SvelteFlow>
</SvelteFlowProvider>
@@ -3,7 +3,7 @@
Controls,
Background,
BackgroundVariant,
Minimap,
MiniMap,
useSvelteFlow,
type Node
} from '../../lib/index';
@@ -52,7 +52,7 @@
>
<Controls />
<Background variant={BackgroundVariant.Dots} />
<Minimap />
<MiniMap />
</SvelteFlow>
<Sidebar />
</main>
@@ -4,7 +4,7 @@
Controls,
Background,
BackgroundVariant,
Minimap,
MiniMap,
createNodes,
createEdges,
type NodeTypes,
@@ -154,7 +154,7 @@
>
<Controls />
<Background variant={BackgroundVariant.Dots} />
<Minimap />
<MiniMap />
</SvelteFlow>
</SvelteFlowProvider>
@@ -6,7 +6,7 @@
createNodes,
createEdges,
PanOnScrollMode,
Minimap,
MiniMap,
type OnMoveEnd,
type Node,
type Edge,
@@ -70,7 +70,7 @@
panOnDrag={panOnDrag}
onMoveEnd={onMoveEnd}
>
<Minimap />
<MiniMap />
<Controls />
<Panel position="top-right">
@@ -4,7 +4,7 @@
Controls,
Background,
BackgroundVariant,
Minimap,
MiniMap,
Panel,
createNodes,
createEdges,
@@ -138,7 +138,7 @@
>
<Controls />
<Background variant={BackgroundVariant.Dots} />
<Minimap />
<MiniMap />
<Panel position="top-right">
<button on:click={updateNode}>update node pos</button>
</Panel>
@@ -4,7 +4,7 @@
Controls,
Background,
BackgroundVariant,
Minimap,
MiniMap,
createNodes,
createEdges,
type Node,
@@ -59,6 +59,6 @@
>
<Controls />
<Background variant={BackgroundVariant.Dots} />
<Minimap />
<MiniMap />
</SvelteFlow>
</SvelteFlowProvider>
@@ -4,7 +4,7 @@
Controls,
Background,
BackgroundVariant,
Minimap,
MiniMap,
createNodes,
createEdges,
type NodeTypes,
@@ -130,7 +130,7 @@
>
<Controls />
<Background variant={BackgroundVariant.Dots} />
<Minimap />
<MiniMap />
</SvelteFlow>
</SvelteFlowProvider>
@@ -3,7 +3,7 @@
Controls,
Background,
BackgroundVariant,
Minimap,
MiniMap,
} from '../../lib/index';
import Sidebar from './Sidebar.svelte';
</script>
@@ -14,7 +14,7 @@
>
<Controls />
<Background variant={BackgroundVariant.Dots} />
<Minimap />
<MiniMap />
</SvelteFlow>
<Sidebar />
</main>