@abi-software/mapintegratedvuer 1.16.3-simulation.1 → 1.17.0

package/src/assets/styles.scss

@@ -1,5 +1,5 @@
+@import '_variables';
 
-@import '_variables.scss';
 @import url('https://fonts.googleapis.com/css?family=Asap:400,400i,500,600,700&display=swap');
 
 /* icon font path, required */

package/src/components/ContentVuer.vue

@@ -49,6 +49,7 @@ import { useSplitFlowStore } from '../stores/splitFlow';
 const Flatmap = defineAsyncComponent(() => import("./viewers/Flatmap.vue"));
 const Iframe = defineAsyncComponent(() => import("./viewers/Iframe.vue"));
 const MultiFlatmap = defineAsyncComponent(() => import("./viewers/MultiFlatmap.vue"));
+const ConnectivityGraph = defineAsyncComponent(() => import("./viewers/ConnectivityGraph.vue"));
 const Plot = defineAsyncComponent(() => import("./viewers/Plot.vue"));
 const Scaffold = defineAsyncComponent(() => import("./viewers/Scaffold.vue"));
 const Simulation = defineAsyncComponent(() => import("./viewers/Simulation.vue"));
@@ -70,6 +71,7 @@ export default {
     //DatasetHeader,
     Button,
     ContentBar,
+    ConnectivityGraph,
     Flatmap,
     Iframe,
     MultiFlatmap,
@@ -157,7 +159,9 @@ export default {
       this.$refs.viewer?.setVisibilityFilter(payload);
     },
     onLoadConnectivityDetail: function(payload) {
-      this.$refs.viewer?.getKnowledgeTooltip(payload);
+      if (this.$refs.viewer?.entry.type !== 'ConnectivityGraph') {
+        this.$refs.viewer?.getKnowledgeTooltip(payload);
+      }
     },
     toggleMinimap: function(option, prevState) {
       this.$refs.viewer?.toggleMinimap(option, prevState);

package/src/components/ContextCard.vue

@@ -94,6 +94,7 @@
   </div>
 </template>
 
+
 <script>
 /* eslint-disable no-alert, no-console */
 import { CopyToClipboard } from "@abi-software/map-utilities";

package/src/components/EventBus.js

@@ -0,0 +1,3 @@
+import mitt from 'mitt';
+const EventBus = new mitt();
+export default EventBus;

package/src/components/MapContent.vue

@@ -11,6 +11,7 @@
         v-if="isReady"
         @onFullscreen="onFullscreen"
         :state="stateToSet"
+        :showLongLabel="showLongLabel"
         ref="flow"
         @vue:mounted="flowMounted"
       />
@@ -24,7 +25,6 @@ import SplitFlow from './SplitFlow.vue';
 import EventBus from './EventBus';
 import { mapStores } from 'pinia';
 import { useSettingsStore } from '../stores/settings';
-import { useSimulationPlotStore } from '../stores/simulationPlotStore'
 import { useSplitFlowStore } from '../stores/splitFlow';
 import { defaultSpecies, findSpeciesKey } from './scripts/utilities.js';
 import { MapSvgSpriteColor} from '@abi-software/svg-sprite';
@@ -60,6 +60,10 @@ export default {
       type: Object,
       default: undefined
     },
+    showLongLabel: {
+      type: Boolean,
+      default: true,
+    },
     /**
      * The options include APIs and Keys.
      */
@@ -330,7 +334,7 @@ export default {
                     this.$refs.flow.setState(currentState);
                     //Do not create a new entry, instead set the multiflatmap viewer
                     //to the primary slot
-                    this.$refs.flow.setIdToPane(entry.id);
+                    this.$refs.flow.setIdToPrimaryPane(entry.id);
                     break;
                   }
                 }
@@ -385,7 +389,7 @@ export default {
     },
   },
   computed: {
-    ...mapStores(useSettingsStore, useSimulationPlotStore, useSplitFlowStore),
+    ...mapStores(useSettingsStore, useSplitFlowStore),
     stateToSet() {
       return this.state ? this.state : this.initialState;
     },
@@ -446,16 +450,13 @@ export default {
     this.settingsStore.updateUseHelpModeDialog(this.useHelpModeDialog);
     this.settingsStore.updateConnectivityInfoSidebar(this.connectivityInfoSidebar);
     this.settingsStore.updateAnnotationSidebar(this.annotationSidebar);
-    this.simulationPlotStore.initListeners();
-  },
-  beforeUnmount: function () {
-    this.simulationPlotStore.cleanupListeners();
-  },
+  }
 }
 
 </script>
 
 <style scoped lang="scss">
+
 :deep(.el-loading-spinner) {
   .path {
     stroke: $app-primary-color;

package/src/components/SplitDialog.vue

@@ -203,12 +203,11 @@ export default {
 
       // mix connectivites of available maps
       if (uuids.length) {
-        this.connectivitiesStore.updateActiveConnectivityKeys(uuids);
-
-        // emit connectivity-knowledge event will be at connectivityQueryFilter
-
-        const uniqueFilters = this.connectivitiesStore.getUniqueFilterOptionsByKeys;
-        EventBus.emit("connectivity-filter-options", uniqueFilters);
+        // emit connectivity-knowledge event only if active connectivity keys are updated
+        if (this.connectivitiesStore.updateActiveConnectivityKeys(uuids)) {
+          const uniqueFilters = this.connectivitiesStore.getUniqueFilterOptionsByKeys;
+          EventBus.emit("connectivity-filter-options", uniqueFilters);
+        }
       } else {
         const connectivityData = this.connectivitiesStore.globalConnectivities[sckanVersion] || [];
         EventBus.emit("connectivity-knowledge", {