@abi-software/flatmapvuer 1.13.1 → 1.13.2-demo.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/flatmapvuer",
-  "version": "1.13.1",
+  "version": "1.13.2-demo.0",
   "license": "Apache-2.0",
   "files": [
     "dist/*",
@@ -44,7 +44,7 @@
     "./src/*": "./src/*"
   },
   "dependencies": {
-    "@abi-software/map-utilities": "1.8.1",
+    "@abi-software/map-utilities": "^1.8.2-demo.0",
     "@abi-software/sparc-annotation": "0.3.2",
     "@abi-software/svg-sprite": "1.0.3",
     "@element-plus/icons-vue": "^2.3.1",

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) {
@@ -2822,8 +2837,6 @@ export default {
           }
         }
 
-        console.log("tooltip delay")
-
         let promise1 = this.mapManagerRef.loadMap(
           identifier,
           this.eventCallback(),
@@ -3155,6 +3168,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: {
     /**
@@ -3503,12 +3529,12 @@ export default {
       containsAlert: false,
       alertOptions: [
         {
-          label: 'Display Path With Alerts',
+          label: 'Display Path With Notes',
           key: 'alert',
           enabled: true,
         },
         {
-          label: 'Display Path Without Alerts',
+          label: 'Display Path Without Notes',
           key: 'withoutAlert',
           enabled: true,
         },

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: {
     /**