@abi-software/mapintegratedvuer 1.6.5 → 1.7.1-beta.0

package/cypress.config.js

@@ -1,4 +1,6 @@
 
+import { configureVisualRegression } from 'cypress-visual-regression';
+
 export default {
   defaultCommandTimeout: 10000,
   reporter: "junit",
@@ -17,6 +19,15 @@ export default {
       framework: "vue",
       bundler: "vite",
     },
+    env: {
+      visualRegressionType: 'regression',
+      visualRegressionGenerateDiff: 'always',
+      visualRegressionFailSilently: false
+    },
+    screenshotsFolder: './cypress/snapshots/actual',
+    setupNodeEvents(on, config) {
+      configureVisualRegression(on)
+    },
   },
   video: true,
   videoCompression: true,

package/dist/{ContentMixin-Dqmcu7AX.js → ContentMixin-C3555r1D.js}

@@ -1,262 +1,10 @@
 import "vue";
-import { u as p, b as g, E as l, T as y, c as m, d as w } from "./index-BV9-YgM-.js";
-import { mapStores as A } from "pinia";
-let c = 7, s = 5;
-const v = [
-  {
-    id: "UBERON:0000948",
-    name: "heart",
-    showAtZoom: 1
-  },
-  {
-    id: "UBERON:0001759",
-    name: "vagus nerve",
-    showAtZoom: 1
-  },
-  {
-    id: "UBERON:0001155",
-    name: "colon",
-    showAtZoom: 1
-  },
-  {
-    id: "UBERON:0000945",
-    name: "stomach",
-    showAtZoom: 1
-  },
-  {
-    id: "UBERON:0001013",
-    name: "adipose tissue",
-    showAtZoom: 1
-  },
-  {
-    id: "UBERON:0001255",
-    name: "urinary bladder",
-    showAtZoom: 1
-  },
-  {
-    id: "UBERON:0001348",
-    name: "brown adipose tissue",
-    showAtZoom: 6
-  },
-  {
-    id: "UBERON:0002008",
-    name: "cardiac nerve plexus",
-    showAtZoom: 1
-  },
-  {
-    id: "UBERON:0002240",
-    name: "spinal cord",
-    showAtZoom: 1
-  },
-  {
-    id: "UBERON:0002005",
-    name: "Enteric Nervous System",
-    showAtZoom: 4
-  },
-  {
-    id: "UBERON:0013702",
-    name: "body proper",
-    showAtZoom: 1
-  },
-  {
-    id: "UBERON:0002298",
-    name: "brainstem",
-    showAtZoom: 1
-  },
-  {
-    id: "UBERON:0002439",
-    name: "myenteric nerve plexus",
-    showAtZoom: 6
-  },
-  {
-    id: "UBERON:0000010",
-    name: "peripheral nervous system",
-    showAtZoom: 6
-  },
-  {
-    id: "UBERON:0002048",
-    name: "lung",
-    showAtZoom: 1
-  },
-  {
-    id: "UBERON:0002410",
-    name: "autonomic nervous system",
-    showAtZoom: 6
-  },
-  {
-    id: "UBERON:0002441",
-    name: "cervicothoracic ganglion",
-    showAtZoom: 6
-  },
-  {
-    id: "UBERON:0005363",
-    name: "inferior vagus X ganglion",
-    showAtZoom: 6
-  },
-  {
-    id: "UBERON:0001264",
-    name: "pancreas",
-    showAtZoom: 1
-  },
-  {
-    id: "UBERON:0001884",
-    name: "phrenic nerve",
-    showAtZoom: 6
-  },
-  {
-    id: "UBERON:0002059",
-    name: "submandibular ganglion",
-    showAtZoom: 7
-  },
-  {
-    id: "UBERON:0001347",
-    name: "white adipose tissue",
-    showAtZoom: 6
-  },
-  {
-    id: "UBERON:0001556",
-    name: "lower urinary tract",
-    showAtZoom: 1
-  },
-  {
-    id: "UBERON:0002262",
-    name: "celiac ganglion",
-    showAtZoom: 5
-  },
-  {
-    id: "UBERON:0000955",
-    name: "Brain",
-    showAtZoom: 1
-  },
-  {
-    id: "UBERON:0000160",
-    name: "intestine",
-    showAtZoom: 1
-  },
-  {
-    id: "UBERON:0001322",
-    name: "sciatic nerve",
-    showAtZoom: 1
-  },
-  {
-    id: "UBERON:0001649",
-    name: "glossopharyngeal nerve",
-    showAtZoom: 6
-  },
-  {
-    id: "UBERON:0002063",
-    name: "sinus venosus",
-    showAtZoom: 6
-  },
-  {
-    id: "UBERON:0002107",
-    name: "liver",
-    showAtZoom: 1
-  },
-  {
-    id: "UBERON:0002113",
-    name: "kidney",
-    showAtZoom: 1
-  },
-  {
-    id: "UBERON:0002481",
-    name: "bone tissue",
-    showAtZoom: 1
-  },
-  {
-    id: "UBERON:0004907",
-    name: "lower digestive tract",
-    showAtZoom: 4
-  },
-  {
-    id: "UBERON:0000044",
-    name: "Dorsal root ganglion",
-    showAtZoom: 5
-  },
-  // New levels from Keeran
-  {
-    id: "UBERON:0001736",
-    name: "Submandibular gland",
-    showAtZoom: c,
-    keyword: !0
-  },
-  {
-    id: "UBERON:0001103",
-    name: "Diaphragm",
-    showAtZoom: s,
-    keyword: !0
-  },
-  {
-    id: "UBERON:0001160",
-    name: "Fundus of stomach",
-    showAtZoom: s,
-    keyword: !0
-  },
-  {
-    id: "UBERON:0000955",
-    name: "Brain",
-    showAtZoom: s,
-    keyword: !0
-  },
-  {
-    id: "UBERON:0003708",
-    name: "Carotid sinus",
-    showAtZoom: c,
-    keyword: !0
-  },
-  {
-    id: "UBERON:0002079",
-    name: "Left cardiac atrium",
-    showAtZoom: s,
-    keyword: !0
-  },
-  {
-    id: "ILX:0485722",
-    name: "Nodose ganglion",
-    showAtZoom: c,
-    keyword: !0
-  },
-  {
-    id: "UBERON:0002078",
-    name: "Right cardiac atrium",
-    showAtZoom: s,
-    keyword: !0
-  },
-  {
-    id: "UBERON:0002084",
-    name: "Heart left ventricle",
-    showAtZoom: s,
-    keyword: !0
-  },
-  {
-    id: "UBERON:0002080",
-    name: "Heart right ventricle",
-    showAtZoom: s,
-    keyword: !0
-  },
-  {
-    id: "UBERON:0001508",
-    name: "Arch of Aorta",
-    showAtZoom: s,
-    keyword: !0
-  },
-  {
-    id: "UBERON:0001738",
-    name: "Thyroid cartilage",
-    showAtZoom: s,
-    keyword: !0
-  },
-  {
-    id: "UBERON:0000388",
-    name: "Epiglottis",
-    showAtZoom: s,
-    keyword: !0
-  }
-];
-function N(e) {
+import { u as d, d as u, E as r, T as p, e as h, f as m } from "./index-Lnx8-52s.js";
+import { mapStores as g } from "pinia";
+function y(e) {
   return e[0].toUpperCase() + e.substring(1);
 }
-const B = {
+const w = {
   emits: ["flatmap-provenance-ready", "resource-selected", "species-changed"],
   props: {
     /**
@@ -274,7 +22,7 @@ const B = {
     }
   },
   computed: {
-    ...A(p, g),
+    ...g(d, u),
     idNamePair() {
       return this.splitFlowStore.idNamePair;
     },
@@ -292,7 +40,7 @@ const B = {
     }
   },
   mounted: function() {
-    l.on("startHelp", () => {
+    r.on("startHelp", () => {
       this.startHelp();
     }), this.multiflatmapRef = this.$refs.multiflatmap, this.flatmapRef = this.$refs.flatmap, this.scaffoldRef = this.$refs.scaffold;
   },
@@ -302,10 +50,13 @@ const B = {
     getState: function() {
     },
     openMap: function(e) {
-      e === "SYNC" ? (this.toggleSyncMode(), this.trackOpenMap("toggle_map_sync_mode")) : (l.emit("OpenNewMap", e), this.trackOpenMap(`open_new_${e}_map`)), this.onConnectivityInfoClose();
+      e === "SYNC" ? (this.toggleSyncMode(), this.trackOpenMap("toggle_map_sync_mode")) : (r.emit("OpenNewMap", e), this.trackOpenMap(`open_new_${e}_map`)), this.onConnectivityInfoClose();
+    },
+    onMapmanagerLoaded: function(e) {
+      this.settingsStore.updateMapManager(e);
     },
     trackOpenMap: function(e) {
-      y.sendEvent({
+      p.sendEvent({
         event: "interaction_event",
         event_name: "portal_maps_open_map",
         category: e,
@@ -329,12 +80,12 @@ const B = {
      * Callback when the vuers emit a selected event.
      */
     resourceSelected: function(e, t) {
-      var o, r, f;
+      var n, o, l, f;
       if (this.resourceHasAction(t)) {
-        l.emit("PopoverActionClick", t);
+        r.emit("PopoverActionClick", t);
         return;
       }
-      let i, n = !1;
+      let i, s = !1;
       const a = {
         paneIndex: this.entry.id,
         type: e,
@@ -343,11 +94,9 @@ const B = {
         eventType: void 0
       };
       if (e == "MultiFlatmap" || e == "Flatmap")
-        if (a.internalName = this.idNamePair[t.feature.models], t.eventType == "click")
+        if (a.internalName = (n = t == null ? void 0 : t.feature) != null && n.label ? t.feature.label : this.idNamePair[t.feature.models], t.eventType == "click")
           if (a.eventType = "selected", t.feature.type == "marker") {
-            let d = this.idNamePair[t.feature.models], u = v.filter(
-              (h) => h.id === t.feature.models
-            );
+            let c = a.internalName;
             this.settingsStore.isFeaturedMarkerIdentifier(
               t.feature.id
             ) ? i = {
@@ -356,24 +105,21 @@ const B = {
                 t.feature.id
               ),
               featuredDataset: !0
-            } : u.filter((h) => h.keyword).length > 0 ? i = {
-              type: "Search",
-              term: "http://purl.obolibrary.org/obo/" + t.feature.models.replace(":", "_")
             } : i = {
               type: "Facet",
-              facet: d,
+              facet: c,
               facetPropPath: "anatomy.organ.category.name",
               term: "Anatomical structure"
-            }, n = !0, e == "MultiFlatmap" && this.$refs.multiflatmap.getCurrentFlatmap().mapImp.clearSearchResults();
-          } else t.feature.type == "feature" && this.syncMode && (n = !0);
-        else t.eventType == "mouseenter" && (a.eventType = "highlighted", n = !0);
-      else e == "Scaffold" && (t && t[0] && ((((o = t[0].data) == null ? void 0 : o.id) === void 0 || ((r = t[0].data) == null ? void 0 : r.id) === "") && (t[0].data.id = (f = t[0].data) == null ? void 0 : f.group), a.internalName = t[0].data.id, t[0].data.lastActionOnMarker === !0 && (i = {
+            }, s = !0, e == "MultiFlatmap" && this.$refs.multiflatmap.getCurrentFlatmap().mapImp.clearSearchResults();
+          } else t.feature.type == "feature" && this.syncMode && (s = !0);
+        else t.eventType == "mouseenter" && (a.eventType = "highlighted", s = !0);
+      else e == "Scaffold" && (t && t[0] && ((((o = t[0].data) == null ? void 0 : o.id) === void 0 || ((l = t[0].data) == null ? void 0 : l.id) === "") && (t[0].data.id = (f = t[0].data) == null ? void 0 : f.group), a.internalName = t[0].data.id, t[0].data.lastActionOnMarker === !0 && (i = {
         type: "Facet",
-        facet: N(t[0].data.id),
+        facet: y(t[0].data.id),
         facetPropPath: "anatomy.organ.category.name",
         term: "Anatomical structure"
-      })), a.eventType = "selected", n = !0);
-      i && l.emit("PopoverActionClick", i), n && this.$emit("resource-selected", a);
+      })), a.eventType = "selected", s = !0);
+      i && r.emit("PopoverActionClick", i), s && this.$emit("resource-selected", a);
     },
     resourceHasAction: function(e) {
       return e.type === "URL" || e.type === "Search" || e.type === "Neuron Search" || e.type == "Facet" || e.type == "Facets";
@@ -398,24 +144,24 @@ const B = {
       if (e.resource && e.resource.resource && (i = e.resource.resource[0]), this.entry.type === "Scaffold") {
         if (this.$refs.scaffold.findObjectsWithGroupName(t).length === 0) {
           if (e.resource && e.resource.feature) {
-            const o = m(e.resource.feature.models);
-            if (o.length > 0) return o;
+            const n = h(e.resource.feature.models);
+            if (n.length > 0) return n;
           }
-          let a = w(t);
+          let a = m(t);
           if (a)
             return a;
           if (i && e.eventType === "selected")
-            return fetch(`${this.apiLocation}get-related-terms/${i}`).then((o) => o.json()).then((o) => {
-              if (o.uberon.array.length > 0)
-                return t = o.uberon.array[0].name.charAt(0).toUpperCase() + o.uberon.array[0].name.slice(1), i = o.uberon.array[0].id.toUpperCase(), { id: i, name: t };
+            return fetch(`${this.apiLocation}get-related-terms/${i}`).then((n) => n.json()).then((n) => {
+              if (n.uberon.array.length > 0)
+                return t = n.uberon.array[0].name.charAt(0).toUpperCase() + n.uberon.array[0].name.slice(1), i = n.uberon.array[0].id.toUpperCase(), { id: i, name: t };
             });
         }
       } else if (this.entry.type === "MultiFlatmap")
         if (t === "Bladder")
           t = "Urinary Bladder";
         else {
-          const n = m(t);
-          n.length > 0 && (t = n[0]);
+          const s = h(t);
+          s.length > 0 && (t = s[0]);
         }
       return { id: i, name: t };
     },
@@ -423,11 +169,11 @@ const B = {
     getDatasetAnatomyInfo: function(e) {
       fetch(`${this.apiLocation}dataset_info/anatomy?identifier=${e}`).then((t) => t.json()).then((t) => {
         const i = t.result[0];
-        let n;
+        let s;
         try {
-          n = i.anatomy.organ[0].curie;
+          s = i.anatomy.organ[0].curie;
         } catch {
-          n = void 0;
+          s = void 0;
         }
         let a;
         try {
@@ -435,21 +181,21 @@ const B = {
         } catch {
           a = void 0;
         }
-        let o;
+        let n;
         try {
-          let r = 0, f = !1;
-          for (; !f && r < i.organisms.subject.length; ) {
-            const d = i.organisms.subject[r];
-            d.species && (o = d.species.name, f = !0), r += 1;
+          let o = 0, l = !1;
+          for (; !l && o < i.organisms.subject.length; ) {
+            const f = i.organisms.subject[o];
+            f.species && (n = f.species.name, l = !0), o += 1;
           }
         } catch {
-          o = void 0;
+          n = void 0;
         }
         this.settingsStore.updateFeaturedMarker({
           identifier: e,
-          marker: n,
+          marker: s,
           doi: a,
-          species: o
+          species: n
         });
       });
     },
@@ -542,19 +288,19 @@ const B = {
       }
     },
     onAnnotationOpen: function(e) {
-      l.emit("annotation-open", e);
+      r.emit("annotation-open", e);
     },
     onAnnotationClose: function() {
-      l.emit("annotation-close");
+      r.emit("annotation-close");
     },
     onConnectivityInfoOpen: function(e) {
-      l.emit("connectivity-info-open", e);
+      r.emit("connectivity-info-open", e);
     },
     onConnectivityInfoClose: function() {
-      l.emit("connectivity-info-close");
+      r.emit("connectivity-info-close");
     },
     onConnectivityGraphError: function(e) {
-      l.emit("connectivity-graph-error", e);
+      r.emit("connectivity-graph-error", e);
     }
   },
   data: function() {
@@ -575,11 +321,12 @@ const B = {
       scaffoldRef: null,
       scaffoldLoaded: !1,
       isInHelp: !1,
-      hoverDelay: void 0
+      hoverDelay: void 0,
+      mapManager: void 0
     };
   },
   created: function() {
-    this.flatmapAPI = void 0, this.apiLocation = void 0, this.settingsStore.flatmapAPI && (this.flatmapAPI = this.settingsStore.flatmapAPI), this.settingsStore.sparcApi && (this.apiLocation = this.settingsStore.sparcApi);
+    this.flatmapAPI = void 0, this.apiLocation = void 0, this.settingsStore.flatmapAPI && (this.flatmapAPI = this.settingsStore.flatmapAPI), this.settingsStore.sparcApi && (this.apiLocation = this.settingsStore.sparcApi), this.settingsStore.mapManager && (this.mapManager = this.settingsStore.mapManager);
   },
   watch: {
     helpMode: function(e) {
@@ -588,5 +335,5 @@ const B = {
   }
 };
 export {
-  B as C
+  w as C
 };