refector viewport to use signals

2024-12-06 15:35:43 +01:00
parent f29898f0bd
commit 4fcde6f6bf
19 changed files with 87 additions and 90 deletions
@@ -1,13 +1,14 @@
 <script lang="ts">
-  import type { Viewport } from '@xyflow/system';
+  import type { SvelteFlowStore } from '$lib/store/types';
  import type { Snippet } from 'svelte';

-  let { viewport, children }: { viewport: Viewport; children: Snippet } = $props();
+  let { store, children }: { store: SvelteFlowStore; children: Snippet } = $props();
 </script>

 <div
  class="svelte-flow__viewport xyflow__viewport"
-  style="transform: translate({viewport.x}px, {viewport.y}px) scale({viewport.zoom})"
+  style="transform: translate({store.viewport.x}px, {store.viewport.y}px) scale({store.viewport
+    .zoom})"
 >
  {@render children()}
 </div>