@abi-software/mapintegratedvuer 1.2.1-beta.2 → 1.2.1-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/mapintegratedvuer",
-  "version": "1.2.1-beta.2",
+  "version": "1.2.1-beta.3",
   "license": "Apache-2.0",
   "scripts": {
     "serve": "vite --host --force",
@@ -50,8 +50,8 @@
     "*.js"
   ],
   "dependencies": {
-    "@abi-software/flatmapvuer": "^1.2.0-beta.2",
-    "@abi-software/map-side-bar": "^2.2.1-beta.4",
+    "@abi-software/flatmapvuer": "^1.2.0-beta.3",
+    "@abi-software/map-side-bar": "^2.2.1-beta.5",
     "@abi-software/map-utilities": "^0.0.0-beta.4",
     "@abi-software/plotvuer": "1.0.0",
     "@abi-software/scaffoldvuer": "^1.2.1-beta.0",

package/src/components/ContentBar.vue

@@ -186,6 +186,7 @@ export default {
           target: value
         });
         this.$nextTick(() => {
+          EventBus.emit('connectivity-info-close');
           setTimeout(() => {
             this.$emit("chooser-changed");
           }, 1200);

package/src/components/SplitFlow.vue

@@ -35,6 +35,7 @@
           @hover-changed="hoverChanged($event)"
           @contextUpdate="contextUpdate($event)"
           @datalink-clicked="datalinkClicked($event)"
+          @show-connectivity="onShowConnectivity"
         />
         <SplitDialog
           :entries="entries"
@@ -262,6 +263,20 @@ export default {
       }
       payload.data.cb(suggestions);
     },
+    /**
+     * This event is emitted when the show connectivity button in sidebar is clicked.
+     * This will move the map to the highlighted connectivity area.
+     * @arg featureIds
+     */
+    onShowConnectivity: function (featureIds) {
+      const splitFlowState = this.splitFlowStore.getState();
+      const activeView = splitFlowState?.activeView || '';
+      // offset sidebar only on singlepanel and 2horpanel views
+      EventBus.emit('show-connectivity', {
+        featureIds: featureIds,
+        offset: activeView === 'singlepanel' || activeView === '2horpanel'
+      });
+    },
     hoverChanged: function (data) {
       const hoverEntries = data && data.anatomy ? data.anatomy : []
       this.settingsStore.updateHoveredMarkers(hoverEntries);

package/src/components/viewers/Flatmap.vue

@@ -170,6 +170,17 @@ export default {
     EventBus.on("markerUpdate", () => {
       this.flatmapMarkerUpdate(undefined);
     });
+
+    EventBus.on('show-connectivity', (payload) => {
+      const { featureIds, offset } = payload;
+      const currentFlatmap = this.$refs.flatmap;
+      if (currentFlatmap) {
+        currentFlatmap.moveMap(featureIds, {
+          offsetX: offset ? -200 : 0,
+          zoom: 4,
+        });
+      }
+    });
   },
 };
 </script>

package/src/components/viewers/MultiFlatmap.vue

@@ -55,7 +55,7 @@ import {
 import DyncamicMarkerMixin from "../../mixins/DynamicMarkerMixin";
 
 import YellowStar from "../../icons/yellowstar";
-  
+
 import { MultiFlatmapVuer } from "@abi-software/flatmapvuer";
 import "@abi-software/flatmapvuer/dist/style.css";
 import { HelpModeDialog } from '@abi-software/map-utilities'
@@ -430,6 +430,19 @@ export default {
     this.getAvailableTerms();
     this.getFeaturedDatasets();
 
+    EventBus.on('show-connectivity', (payload) => {
+      const { featureIds, offset } = payload;
+      if (this.flatmapReady && this.$refs.multiflatmap) {
+        const currentFlatmap = this.$refs.multiflatmap.getCurrentFlatmap();
+        if (currentFlatmap) {
+          currentFlatmap.moveMap(featureIds, {
+            offsetX: offset ? -200 : 0,
+            zoom: 4,
+          });
+        }
+      }
+    });
+
     EventBus.on("markerUpdate", () => {
       if (this.flatmapReady) {
         this.flatmapMarkerUpdate(this.$refs.multiflatmap.getCurrentFlatmap().mapImp);