From 3e24a3585a33e1497927381c042bc0fcb369303f Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 18 Nov 2021 18:17:00 +0100
Subject: [PATCH] update: mini map to accept node slot instead of "nodes" slot

* some type updates

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 .../Controls/ControlButton.vue                |  2 +-
 src/additional-components/MiniMap/MiniMap.vue | 20 +++++++++++++++----
 .../MiniMap/MiniMapNode.vue                   |  2 +-
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/additional-components/Controls/ControlButton.vue b/src/additional-components/Controls/ControlButton.vue
index e7ad5e5d..becc783a 100644
--- a/src/additional-components/Controls/ControlButton.vue
+++ b/src/additional-components/Controls/ControlButton.vue
@@ -6,7 +6,7 @@ export interface ControlButtonProps extends ButtonHTMLAttributes {}
 const props: any = defineProps<ControlButtonProps>()
 </script>
 <template>
-  <button :class="['vue-flow__controls-button']" v-bind="props">
+  <button class="vue-flow__controls-button" v-bind="props">
     <slot></slot>
   </button>
 </template>
diff --git a/src/additional-components/MiniMap/MiniMap.vue b/src/additional-components/MiniMap/MiniMap.vue
index ea38da9f..3d0b23df 100644
--- a/src/additional-components/MiniMap/MiniMap.vue
+++ b/src/additional-components/MiniMap/MiniMap.vue
@@ -90,8 +90,20 @@ const d = computed(() => {
     :viewBox="`${viewBox.x || 0} ${viewBox.y || 0} ${viewBox.width || 0} ${viewBox.height || 0}`"
     class="vue-flow__minimap"
   >
-    <slot name="mini-map-nodes" :nodes="nodes" :view-box="viewBox">
-      <template v-for="(node, i) of nodes" :key="`mini-map-node-${i}`">
+    <template v-for="node of nodes" :key="`mini-map-node-${node.id}`">
+      <slot
+        :x="node.__rf.position.x"
+        :y="node.__rf.position.y"
+        :width="node.__rf.width"
+        :height="node.__rf.height"
+        :style="node.style"
+        :class="nodeClassNameFunc(node)"
+        :color="nodeColorFunc(node)"
+        :border-radius="props.nodeBorderRadius"
+        :stroke-color="nodeStrokeColorFunc(node)"
+        :stroke-width="props.nodeStrokeWidth"
+        :shape-rendering="shapeRendering"
+      >
         <MiniMapNode
           :x="node.__rf.position.x"
           :y="node.__rf.position.y"
@@ -105,8 +117,8 @@ const d = computed(() => {
           :stroke-width="props.nodeStrokeWidth"
           :shape-rendering="shapeRendering"
         />
-      </template>
-    </slot>
+      </slot>
+    </template>
     <path class="vue-flow__minimap-mask" :d="d" :fill="props.maskColor" fill-rule="evenodd" />
   </svg>
 </template>
diff --git a/src/additional-components/MiniMap/MiniMapNode.vue b/src/additional-components/MiniMap/MiniMapNode.vue
index 62615fd1..b9f83f2a 100644
--- a/src/additional-components/MiniMap/MiniMapNode.vue
+++ b/src/additional-components/MiniMap/MiniMapNode.vue
@@ -8,7 +8,7 @@ interface MiniMapNodeProps {
   height?: number
   borderRadius?: number
   color?: string
-  shapeRendering?: 'auto' | 'optimizeSpeed' | 'crispEdges' | 'geometricPrecision' | 'inherit'
+  shapeRendering?: CSSProperties['shapeRendering']
   strokeColor?: string
   strokeWidth?: number
 }