From 0a0d8af16c2c813ce028898ee07b1d52c75ca612 Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 9 Jan 2025 10:07:37 +0100
Subject: [PATCH] fix(minimap): hide minimap node if graph node is hidden
 (#1739)

* fix(minimap): hide minimap node if graph node is hidden

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

* chore(changeset): add

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

---------

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 .changeset/three-phones-grow.md      |  5 +++
 packages/minimap/src/MiniMap.vue     |  1 +
 packages/minimap/src/MiniMapNode.vue | 46 +++++++++++++++-------------
 packages/minimap/src/types.ts        |  1 +
 4 files changed, 31 insertions(+), 22 deletions(-)
 create mode 100644 .changeset/three-phones-grow.md

diff --git a/.changeset/three-phones-grow.md b/.changeset/three-phones-grow.md
new file mode 100644
index 00000000..2e89820f
--- /dev/null
+++ b/.changeset/three-phones-grow.md
@@ -0,0 +1,5 @@
+---
+"@vue-flow/minimap": patch
+---
+
+Hide minimap node when graph node is hidden.
diff --git a/packages/minimap/src/MiniMap.vue b/packages/minimap/src/MiniMap.vue
index 110cf359..14c58350 100644
--- a/packages/minimap/src/MiniMap.vue
+++ b/packages/minimap/src/MiniMap.vue
@@ -244,6 +244,7 @@ export default {
         :stroke-width="nodeStrokeWidth"
         :shape-rendering="shapeRendering"
         :type="node.type"
+        :hidden="node.hidden"
         @click="onNodeClick($event, node)"
         @dblclick="onNodeDblClick($event, node)"
         @mouseenter="onNodeMouseEnter($event, node)"
diff --git a/packages/minimap/src/MiniMapNode.vue b/packages/minimap/src/MiniMapNode.vue
index f46ec117..1d1e827a 100644
--- a/packages/minimap/src/MiniMapNode.vue
+++ b/packages/minimap/src/MiniMapNode.vue
@@ -43,27 +43,29 @@ export default {
 </script>
 
 <template>
-  <component :is="miniMapSlots[`node-${props.type}`]" v-if="miniMapSlots[`node-${props.type}`]" v-bind="props" />
+  <template v-if="!hidden && dimensions.width !== 0 && dimensions.height !== 0">
+    <component :is="miniMapSlots[`node-${props.type}`]" v-if="miniMapSlots[`node-${props.type}`]" v-bind="props" />
 
-  <rect
-    v-else
-    :id="id"
-    class="vue-flow__minimap-node"
-    :class="{ selected, dragging }"
-    :x="position.x"
-    :y="position.y"
-    :rx="borderRadius"
-    :ry="borderRadius"
-    :width="dimensions.width"
-    :height="dimensions.height"
-    :fill="color || (style.background as string) || style.backgroundColor"
-    :stroke="strokeColor"
-    :stroke-width="strokeWidth"
-    :shape-rendering="shapeRendering"
-    @click="onClick"
-    @dblclick="onDblclick"
-    @mouseenter="onMouseEnter"
-    @mousemove="onMouseMove"
-    @mouseleave="onMouseLeave"
-  />
+    <rect
+      v-else
+      :id="id"
+      class="vue-flow__minimap-node"
+      :class="{ selected, dragging }"
+      :x="position.x"
+      :y="position.y"
+      :rx="borderRadius"
+      :ry="borderRadius"
+      :width="dimensions.width"
+      :height="dimensions.height"
+      :fill="color || (style.background as string) || style.backgroundColor"
+      :stroke="strokeColor"
+      :stroke-width="strokeWidth"
+      :shape-rendering="shapeRendering"
+      @click="onClick"
+      @dblclick="onDblclick"
+      @mouseenter="onMouseEnter"
+      @mousemove="onMouseMove"
+      @mouseleave="onMouseLeave"
+    />
+  </template>
 </template>
diff --git a/packages/minimap/src/types.ts b/packages/minimap/src/types.ts
index 2195853f..7d401287 100644
--- a/packages/minimap/src/types.ts
+++ b/packages/minimap/src/types.ts
@@ -58,6 +58,7 @@ export interface MiniMapNodeProps {
   shapeRendering?: ShapeRendering
   strokeColor?: string
   strokeWidth?: number
+  hidden?: boolean
 }
 
 export interface MiniMapEmits {