@abi-software/mapintegratedvuer 1.13.0 → 1.13.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/mapintegratedvuer",
-  "version": "1.13.0",
+  "version": "1.13.1",
   "license": "Apache-2.0",
   "scripts": {
     "serve": "vite --host --force",

package/src/components/ContentVuer.vue

@@ -170,6 +170,9 @@ export default {
     onLoadConnectivityDetail: function(payload) {
       this.$refs.viewer?.getKnowledgeTooltip(payload);
     },
+    toggleMinimap: function(option, prevState) {
+      this.$refs.viewer?.toggleMinimap(option, prevState);
+    },
   },
   data: function () {
     return {

package/src/components/ContextCard.vue

@@ -507,6 +507,9 @@ export default {
 
   :deep(.el-collapse-item__header) {
     font-family: Asap, sans-serif;
+    font-size: 14px;
+    color: #606266;
+    font-weight: 400;
   }
 }
 

package/src/components/SplitDialog.vue

@@ -470,6 +470,32 @@ export default {
 
       EventBus.emit("connectivity-knowledge", connectivitiesPayload);
     },
+    updateFlatmapMinimap: function () {
+      const activePaneIDs = this.splitFlowStore.getActivePaneIds();
+      let contents = this.$refs['content'];
+      let multiFlatmapContents = [];
+
+      // Only multiFlatmap viewer has minimap
+      for (let i = 0; i < contents.length; i++) {
+        if (contents[i].viewerType === 'MultiFlatmap') {
+          multiFlatmapContents.push(contents[i]);
+        }
+      }
+
+      // Prioritize visible contents so minimap initializes with visible maps first
+      multiFlatmapContents.sort((a, b) => {
+        return b.isVisible() - a.isVisible();
+      });
+
+      // Disable minimap when there are more than four panel in map-viewer
+      const minimapShow = activePaneIDs.length > 4 ? false : true;
+      const prevMinimapState = this.settingsStore.displayMinimap;
+
+      this.settingsStore.updateDisplayMinimap(minimapShow);
+      multiFlatmapContents.forEach((content) => {
+        content.toggleMinimap(minimapShow, prevMinimapState);
+      });
+    },
   },
   computed: {
     ...mapStores(useSplitFlowStore, useConnectivitiesStore, useSettingsStore),
@@ -486,6 +512,7 @@ export default {
   mounted: function () {
     EventBus.on("PaneResize", payload => {
       this.setStyles(payload.refName, payload.rect);
+      this.updateFlatmapMinimap();
     });
     EventBus.on("PaneUnmounted", payload => {
       this.hidePane(payload.refName);

package/src/components/SplitFlow.vue

@@ -869,6 +869,13 @@ export default {
     trackEvent: function (data) {
       Tagging.sendEvent(data);
     },
+    updateFlatmapMinimap: function () {
+      const splitdialog = this.$refs.splitdialog;
+
+      if (splitdialog) {
+        splitdialog.updateFlatmapMinimap();
+      }
+    },
   },
   created: function () {
     this._facets = [];
@@ -940,6 +947,7 @@ export default {
       }
     });
     EventBus.on("OpenNewMap", type => {
+      this.updateFlatmapMinimap();
       this.openNewMap(type);
     });
     EventBus.on("startHelp", () => {

package/src/components/viewers/Flatmap.vue

@@ -28,7 +28,7 @@
       :pathControls="true"
       ref="flatmap"
       @ready="flatmapReadyCall"
-      :displayMinimap="false"
+      :displayMinimap="displayMinimap"
       :displayWarning="true"
       :enableOpenMapUI="true"
       :flatmapAPI="flatmapAPI"
@@ -75,6 +75,7 @@ export default {
   data: function () {
     return {
       flatmapReady: false,
+      displayMinimap: false,
     }
   },
   methods: {

package/src/components/viewers/MultiFlatmap.vue

@@ -25,7 +25,7 @@
       @neuron-connection-feature-click="onNeuronConnectionFeatureClick"
       :connectivityInfoSidebar="connectivityInfoSidebar"
       ref="multiflatmap"
-      :displayMinimap="true"
+      :displayMinimap="displayMinimap"
       :showStarInLegend="showStarInLegend"
       :enableOpenMapUI="true"
       :openMapOptions="openMapOptions"
@@ -392,6 +392,9 @@ export default {
     featuredMarkers() {
       return this.settingsStore.featuredMarkers;
     },
+    displayMinimap() {
+      return this.settingsStore.displayMinimap;
+    },
   },
   watch: {
     featuredMarkers: function (markers) {

package/src/mixins/ContentMixin.js

@@ -79,6 +79,26 @@ export default {
     this.connectivityFilterSources = this.connectivitiesStore.filterSources;
   },
   methods: {
+    toggleMinimap: function (option, prevState) {
+      if (this.multiflatmapRef) {
+        const currentFlatmap = this.multiflatmapRef.getCurrentFlatmap();
+        const mapImp = currentFlatmap?.mapImp;
+
+        if (mapImp) {
+          if (option === true) {
+            // Only create minimap when it is not created before or destroyed
+            if (prevState === false) {
+              const minimapOptions = mapImp.options?.minimap || { position: 'top-right' };
+              mapImp.createMinimap(minimapOptions);
+              currentFlatmap.addResizeButtonToMinimap();
+              currentFlatmap.minimapSmall = false;
+            }
+          } else {
+            mapImp.closeMinimap();
+          }
+        }
+      }
+    },
     onConnectivityItemClose() {
       if (this?.alive) {
         if (this.multiflatmapRef) {

package/src/stores/settings.js

@@ -34,6 +34,7 @@ export const useSettingsStore = defineStore('settings', {
       annotationSidebar: true,
       allClosable: true,
       offlineAnnotationEnabled: false,
+      displayMinimap: true,
       globalSettings: {
         displayMarkers: true, // comment out to hide in settings
         // highlightConnectedPaths: false, // comment out to hide in settings
@@ -219,6 +220,9 @@ export const useSettingsStore = defineStore('settings', {
     updateOfflineAnnotationEnabled(offlineAnnotationEnabled) {
       this.offlineAnnotationEnabled = offlineAnnotationEnabled;
     },
+    updateDisplayMinimap(displayMinimap) {
+      this.displayMinimap = displayMinimap;
+    },
     updateGlobalSettings(globalSettings) {
       for (const [key, value] of Object.entries(globalSettings)) {
         this.globalSettings[key] = value;