From 9508dea8637cb189202ad844e2068e80f5e69930 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 19 Dec 2022 19:59:10 +0100
Subject: [PATCH] feat(minimap,a11y): add ariaLabel to minimap options

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 packages/minimap/src/MiniMap.vue | 3 ++-
 packages/minimap/src/types.ts    | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/minimap/src/MiniMap.vue b/packages/minimap/src/MiniMap.vue
index ad751e74..0be0a15f 100644
--- a/packages/minimap/src/MiniMap.vue
+++ b/packages/minimap/src/MiniMap.vue
@@ -22,6 +22,7 @@ const {
   maskStrokeWidth = 1,
   pannable = false,
   zoomable = false,
+  ariaLabel = 'Vue Flow mini map',
 } = defineProps<MiniMapProps>()
 
 const emit = defineEmits(['click', 'nodeClick', 'nodeDblclick', 'nodeMouseenter', 'nodeMousemove', 'nodeMouseleave'])
@@ -204,7 +205,7 @@ export default {
       :aria-labelledby="`vue-flow__minimap-${id}`"
       @click="onSvgClick"
     >
-      <title :id="`vue-flow__minimap-${id}`">Vue Flow mini map {{ id }}</title>
+      <title v-if="ariaLabel" :id="`vue-flow__minimap-${id}`">{{ ariaLabel }}</title>
 
       <MiniMapNode
         v-for="node of nodes"
diff --git a/packages/minimap/src/types.ts b/packages/minimap/src/types.ts
index f2442d43..6679b15d 100644
--- a/packages/minimap/src/types.ts
+++ b/packages/minimap/src/types.ts
@@ -36,6 +36,8 @@ export interface MiniMapProps {
   width?: number
 
   height?: number
+
+  ariaLabel?: string | null
 }
 
 /** these props are passed to mini map node slots */