implement noWheelClass, noPanClass, noDragClass

packages/svelte/src/lib/components/EdgeReconnectAnchor/EdgeReconnectAnchor.svelte

@@ -107,7 +107,12 @@
   y={position?.y}
   width={size}
   height={size}
-  class={['svelte-flow__edgeupdater nopan', `svelte-flow__edgeupdater-${type}`, className]}
+  class={[
+    'svelte-flow__edgeupdater',
+    `svelte-flow__edgeupdater-${type}`,
+    store.noPanClass,
+    className
+  ]}
   onpointerdown={onPointerDown}
   transparent
   {...rest}

packages/svelte/src/lib/components/Handle/Handle.svelte

@@ -205,8 +205,8 @@ The Handle component is the part of a node that can be used to connect nodes.
   class={[
     'svelte-flow__handle',
     `svelte-flow__handle-${position}`,
-    'nodrag',
-    'nopan',
+    store.noDragClass,
+    store.noPanClass,
     position,
     className
   ]}

packages/svelte/src/lib/components/NodeSelection/NodeSelection.svelte

@@ -56,7 +56,7 @@
 
 {#if store.selectionRectMode === 'nodes' && bounds && isNumeric(bounds.x) && isNumeric(bounds.y)}
   <div
-    class="svelte-flow__selection-wrapper nopan"
+    class={['svelte-flow__selection-wrapper', store.noPanClass]}
     style:width={toPxString(bounds.width)}
     style:height={toPxString(bounds.height)}
     style:transform="translate({bounds.x}px, {bounds.y}px)"

packages/svelte/src/lib/components/NodeWrapper/NodeWrapper.svelte

@@ -206,7 +206,7 @@
       isSelectable: selectable,
       disabled: !draggable,
       handleSelector: dragHandle,
-      noDragClass: 'nodrag',
+      noDragClass: store.noDragClass,
       nodeClickDistance,
       onNodeMouseDown: store.handleNodeSelection,
       onDrag: (event, _, targetNode, nodes) => {