implemented new fitView logic

packages/svelte/src/lib/container/Pane/Pane.svelte

@@ -75,7 +75,8 @@
 
   function onClick(event: MouseEvent) {
     // We prevent click events when the user let go of the selectionKey during a selection
-    if (selectionInProgress) {
+    // We also prevent click events when a connection is in progress
+    if (selectionInProgress || store.connection.inProgress) {
       selectionInProgress = false;
       return;
     }

packages/svelte/src/lib/container/Viewport/Viewport.svelte

@@ -3,12 +3,13 @@
   import type { Snippet } from 'svelte';
 
   let { store, children }: { store: SvelteFlowStore; children: Snippet } = $props();
+
+  let { x, y, zoom } = $derived(store._viewport);
 </script>
 
 <div
   class="svelte-flow__viewport xyflow__viewport"
-  style="transform: translate({store.viewport.x}px, {store.viewport.y}px) scale({store.viewport
-    .zoom})"
+  style="transform: translate({x}px, {y}px) scale({zoom})"
 >
   {@render children()}
 </div>

packages/svelte/src/lib/container/Zoom/Zoom.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { onMount } from 'svelte';
   import { PanOnScrollMode, type PanZoomInstance, type Transform } from '@xyflow/system';
 
   import zoom from '$lib/actions/zoom';
@@ -24,15 +23,8 @@
   let panOnDragActive = $derived(store.panActivationKeyPressed || panOnDrag);
   let panOnScrollActive = $derived(store.panActivationKeyPressed || panOnScroll);
 
-  const onTransformChange = (transform: Transform) =>
-    (store.viewport = { x: transform[0], y: transform[1], zoom: transform[2] });
-
   // We extract the initial value by destructuring
   const { viewport: initialViewport } = store;
-
-  onMount(() => {
-    store.viewportInitialized = true;
-  });
 </script>
 
 <div
@@ -66,7 +58,10 @@
     translateExtent: store.translateExtent,
     lib: 'svelte',
     paneClickDistance,
-    onTransformChange
+    onTransformChange: (transform: Transform) => {
+      performance.mark('svelte-flow-zoom-transform-change');
+      store.viewport = { x: transform[0], y: transform[1], zoom: transform[2] };
+    }
   }}
 >
   {@render children()}