From fe2775cd5e9b68cd2b2db5b39c135d09538c62ca Mon Sep 17 00:00:00 2001
From: akhuoa <aung.kyaw.hein@auckland.ac.nz>
Date: Wed, 4 Jun 2025 13:54:07 +1200
Subject: [PATCH] Close tooltip on flatmap when connectivity explorer item is
 closed

---
 src/components/SplitFlow.vue |  6 +++++-
 src/mixins/ContentMixin.js   | 12 ++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/components/SplitFlow.vue b/src/components/SplitFlow.vue
index d781eeb4..68ece0d1 100644
--- a/src/components/SplitFlow.vue
+++ b/src/components/SplitFlow.vue
@@ -46,6 +46,7 @@
           @connectivity-hovered="onConnectivityHovered"
           @connectivity-explorer-clicked="onConnectivityExplorerClicked"
           @connectivity-source-change="onConnectivitySourceChange"
+          @connectivity-item-close="onConnectivityItemClose"
         />
         <SplitDialog
           :entries="entries"
@@ -154,6 +155,9 @@ export default {
       this.search = payload.id
       this.onDisplaySearch({ term: payload.id }, false, true);
     },
+    onConnectivityItemClose: function () {
+      EventBus.emit('connectivity-item-close');
+    },
     /**
      * Callback when an action is performed (open new dialogs).
      */
@@ -307,7 +311,7 @@ export default {
      * @arg featureIds
      */
     onShowConnectivity: function (featureIds) {
-      if (featureIds.length) {        
+      if (featureIds.length) {
         const splitFlowState = this.splitFlowStore.getState();
         const activeView = splitFlowState?.activeView || '';
         // offset sidebar only on singlepanel and 2horpanel views
diff --git a/src/mixins/ContentMixin.js b/src/mixins/ContentMixin.js
index 05553945..73c65316 100644
--- a/src/mixins/ContentMixin.js
+++ b/src/mixins/ContentMixin.js
@@ -58,6 +58,18 @@ export default {
       this.startHelp();
     });
 
+    EventBus.on('connectivity-item-close', () => {
+      if (this.multiflatmapRef) {
+        const currentFlatmap = this.multiflatmapRef.getCurrentFlatmap();
+        if (currentFlatmap) {
+          currentFlatmap.closeTooltip();
+        }
+      }
+      if (this.flatmapRef) {
+        this.flatmapRef.closeTooltip();
+      }
+    });
+
     this.multiflatmapRef = this.$refs.multiflatmap;
     this.flatmapRef = this.$refs.flatmap;
     this.scaffoldRef = this.$refs.scaffold;