From bbd44bbb10e26996ce1cc6da0bd3e696d156772c Mon Sep 17 00:00:00 2001
From: Gisli Svavarsson <gisli@spectrm.io>
Date: Thu, 30 May 2024 14:35:10 +0200
Subject: [PATCH] feat(minimap): add `maskBorderRadius` prop

---
 packages/minimap/src/MiniMap.vue | 14 ++++++++++----
 packages/minimap/src/types.ts    |  2 ++
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/minimap/src/MiniMap.vue b/packages/minimap/src/MiniMap.vue
index 7992740b..110cf359 100644
--- a/packages/minimap/src/MiniMap.vue
+++ b/packages/minimap/src/MiniMap.vue
@@ -21,6 +21,7 @@ const {
   position = 'bottom-right' as PanelPosition,
   maskStrokeColor = 'none',
   maskStrokeWidth = 1,
+  maskBorderRadius = 0,
   pannable = false,
   zoomable = false,
   ariaLabel = 'Vue Flow mini map',
@@ -104,10 +105,15 @@ const d = computed(() => {
     h${viewBox.value.width + viewBox.value.offset * 2}
     v${viewBox.value.height + viewBox.value.offset * 2}
     h${-viewBox.value.width - viewBox.value.offset * 2}z
-    M${viewBB.value.x},${viewBB.value.y}
-    h${viewBB.value.width}
-    v${viewBB.value.height}
-    h${-viewBB.value.width}z`
+    M${viewBB.value.x + maskBorderRadius},${viewBB.value.y}
+    h${viewBB.value.width - 2 * maskBorderRadius}
+    a${maskBorderRadius},${maskBorderRadius} 0 0 1 ${maskBorderRadius},${maskBorderRadius}
+    v${viewBB.value.height - 2 * maskBorderRadius}
+    a${maskBorderRadius},${maskBorderRadius} 0 0 1 -${maskBorderRadius},${maskBorderRadius}
+    h${-(viewBB.value.width - 2 * maskBorderRadius)}
+    a${maskBorderRadius},${maskBorderRadius} 0 0 1 -${maskBorderRadius},-${maskBorderRadius}
+    v${-(viewBB.value.height - 2 * maskBorderRadius)}
+    a${maskBorderRadius},${maskBorderRadius} 0 0 1 ${maskBorderRadius},-${maskBorderRadius}z`
 })
 
 watchEffect(
diff --git a/packages/minimap/src/types.ts b/packages/minimap/src/types.ts
index c4e812c7..2195853f 100644
--- a/packages/minimap/src/types.ts
+++ b/packages/minimap/src/types.ts
@@ -41,6 +41,8 @@ export interface MiniMapProps {
   zoomStep?: number
   /** Specify minimap scale */
   offsetScale?: number
+  /** Mask border radius */
+  maskBorderRadius?: number
 }
 
 /** these props are passed to mini map node slots */