From 71a10b2536cb5cb60340027a007e08697a2310ee Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Tue, 23 Nov 2021 23:55:13 +0100
Subject: [PATCH] feat(nodes): Allow nodes to have their own snapGrid option

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 src/container/NodeRenderer/NodeRenderer.vue | 4 ++--
 src/types/node.ts                           | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/container/NodeRenderer/NodeRenderer.vue b/src/container/NodeRenderer/NodeRenderer.vue
index cb02f3ce..8efc8c32 100644
--- a/src/container/NodeRenderer/NodeRenderer.vue
+++ b/src/container/NodeRenderer/NodeRenderer.vue
@@ -34,7 +34,7 @@ const getType = (type?: string) => {
 }
 
 const transform = computed(() => `translate(${props.transform[0]}px,${props.transform[1]}px) scale(${props.transform[2]})`)
-const snapGrid = computed(() => (props.snapToGrid ? props.snapGrid : undefined))
+const snapGrid = (node: GraphNode) => node.snapGrid ?? (props.snapToGrid ? props.snapGrid : undefined)
 </script>
 <script lang="ts">
 export default {
@@ -52,7 +52,7 @@ export default {
       :draggable="typeof node.draggable === 'undefined' ? props.elementsSelectable : node.draggable"
       :selectable="typeof node.selectable === 'undefined' ? props.elementsSelectable : node.selectable"
       :connectable="typeof node.connectable === 'undefined' ? props.elementsSelectable : node.connectable"
-      :snap-grid="snapGrid"
+      :snap-grid="snapGrid(node)"
       :select-nodes-on-drag="props.selectNodesOnDrag"
       :scale="props.transform[2]"
     >
diff --git a/src/types/node.ts b/src/types/node.ts
index 62e34efc..b226937c 100644
--- a/src/types/node.ts
+++ b/src/types/node.ts
@@ -45,6 +45,7 @@ export interface Node<T = any> {
   selectable?: boolean
   connectable?: boolean
   dragHandle?: string
+  snapGrid?: SnapGrid
 }
 
 export interface GraphNode<T = any> extends Node<T> {