@abi-software/flatmapvuer 1.12.1 → 1.12.2-demo.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/flatmapvuer",
-  "version": "1.12.1",
+  "version": "1.12.2-demo.0",
   "license": "Apache-2.0",
   "files": [
     "dist/*",

package/src/components/FlatmapVuer.vue

@@ -1283,6 +1283,11 @@ export default {
         if (this.$refs.pathwaysSelection) {
           this.$refs.pathwaysSelection.reset()
         }
+
+        this.trackEvent({
+          'event_name': `portal_maps_zoom`,
+          'category': 'reset',
+        });
       }
     },
     /**
@@ -1293,6 +1298,11 @@ export default {
     zoomIn: function () {
       if (this.mapImp) {
         this.mapImp.zoomIn()
+
+        this.trackEvent({
+          'event_name': `portal_maps_zoom`,
+          'category': 'zoom_in',
+        });
       }
     },
     /**
@@ -1303,6 +1313,11 @@ export default {
     zoomOut: function () {
       if (this.mapImp) {
         this.mapImp.zoomOut()
+
+        this.trackEvent({
+          'event_name': `portal_maps_zoom`,
+          'category': 'zoom_out',
+        });
       }
     },
     onSelectionsDataChanged: function (data) {
@@ -2158,18 +2173,7 @@ export default {
           });
         } else {
           // clicking on paths
-          const searchTerms = resources.join();
-
-          // for neuron connection mode "all"
-          if (this.connectionType.toLowerCase() === 'all') {
-            this.$emit('neuron-connection-feature-click', {
-              filters: [],
-              search: searchTerms,
-            });
-          } else {
-            // for neuron connection mode "origin", "via" and "destination"
-            await this.openConnectivityInfo(data);
-          }
+          await this.openConnectivityInfo(data);
         }
       } else {
         await this.openConnectivityInfo(data);
@@ -3162,6 +3166,19 @@ export default {
     setConnectionType: function (type) {
       this.connectionType = type;
     },
+    /**
+     * @public
+     * Function to track events.
+     * @arg {Object} `data`
+     */
+    trackEvent: function (data) {
+      const taggingData = {
+        'event': 'interaction_event',
+        'location': 'flatmap',
+        ...data,
+      };
+      this.$emit('trackEvent', taggingData);
+    },
   },
   props: {
     /**

package/src/components/MultiFlatmapVuer.vue

@@ -93,6 +93,7 @@
       :showLocalSettings="showLocalSettings"
       :showOpenMapButton="showOpenMapButton"
       :showPathwayFilter="showPathwayFilter"
+      @trackEvent="trackEvent"
       :externalLegends="externalLegends"
     />
 
@@ -643,6 +644,19 @@ export default {
       let map = this.getCurrentFlatmap();
       map.setConnectionType(type);
     },
+    /**
+     * @public
+     * Function to track events.
+     * @arg {Object} `data`
+     */
+    trackEvent: function (data) {
+      const taggingData = {
+        'event': 'interaction_event',
+        'location': 'flatmap',
+        ...data,
+      };
+      this.$emit('trackEvent', taggingData);
+    },
   },
   props: {
     /**

package/src/components.d.ts

@@ -8,6 +8,7 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     DynamicLegends: typeof import('./components/legends/DynamicLegends.vue')['default']
+    ElAutocomplete: typeof import('element-plus/es')['ElAutocomplete']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
     ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
@@ -24,6 +25,7 @@ declare module 'vue' {
     ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
     ElRow: typeof import('element-plus/es')['ElRow']
     ElSelect: typeof import('element-plus/es')['ElSelect']
+    ElSwitch: typeof import('element-plus/es')['ElSwitch']
     FlatmapError: typeof import('./components/FlatmapError.vue')['default']
     FlatmapVuer: typeof import('./components/FlatmapVuer.vue')['default']
     LegendItem: typeof import('./components/legends/LegendItem.vue')['default']