implement noWheelClass, noPanClass, noDragClass

packages/svelte/src/lib/container/SvelteFlow/types.ts

@@ -363,6 +363,27 @@ export type SvelteFlowProps<
      * @default false
      */
     disableKeyboardA11y?: boolean;
+    /**
+     * If a node is draggable, clicking and dragging that node will move it around the canvas. Adding
+     * the `"nodrag"` class prevents this behavior and this prop allows you to change the name of that
+     * class.
+     * @default "nodrag"
+     */
+    noDragClass?: string;
+    /**
+     * Typically, scrolling the mouse wheel when the mouse is over the canvas will zoom the viewport.
+     * Adding the `"nowheel"` class to an element n the canvas will prevent this behavior and this prop
+     * allows you to change the name of that class.
+     * @default "nowheel"
+     */
+    noWheelClass?: string;
+    /**
+     * If an element in the canvas does not stop mouse events from propagating, clicking and dragging
+     * that element will pan the viewport. Adding the `"nopan"` class prevents this behavior and this
+     * prop allows you to change the name of that class.
+     * @default "nopan"
+     */
+    noPanClass?: string;
     /**
      * This callback can be used to validate a new connection
      *

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

@@ -62,8 +62,8 @@
     panOnScrollMode: panOnScrollMode || PanOnScrollMode.Free,
     zoomActivationKeyPressed: store.zoomActivationKeyPressed,
     preventScrolling: typeof preventScrolling === 'boolean' ? preventScrolling : true,
-    noPanClassName: 'nopan',
-    noWheelClassName: 'nowheel',
+    noPanClassName: store.noPanClass,
+    noWheelClassName: store.noWheelClass,
     userSelectionActive: !!store.selectionRect,
     translateExtent: store.translateExtent,
     lib: 'svelte',