feat(svelte): add minimap component

This commit is contained in:
moklick
2023-02-20 12:25:04 +01:00
parent 51fd1cc01a
commit 5452ad99ed
8 changed files with 153 additions and 3 deletions
@@ -8,10 +8,13 @@
export let id: string;
export let positionAbsolute: XYPosition = { x: 0, y: 0 };
export let position: XYPosition = { x: 0, y: 0 };
export let dragging: boolean = false;
export let data: any = {};
export let resizeObserver: ResizeObserver | null = null;
export let style: any = {};
export let width: number = 0;
export let height: number = 0;
let nodeRef: HTMLDivElement;
@@ -32,6 +35,7 @@
<div
use:drag={{ nodeId: id, nodesStore, transformStore, updateNodePositions }}
class="react-flow__node"
class:initializing={!width && !height}
class:dragging={dragging}
bind:this={nodeRef}
style="transform: translate({positionAbsolute.x}px, {positionAbsolute.y}px);"
@@ -59,4 +63,8 @@
.dragging {
cursor: grabbing;
}
.initializing {
visibility: hidden;
}
</style>