@abi-software/mapintegratedvuer 1.9.0-externalise.0 → 1.9.0

package/dist/{ContentMixin-DZNBigKl.js → ContentMixin-DyVwSF4C.js}

@@ -1,54 +1,54 @@
-import { markRaw as b } from "vue";
-import { u as I, b as M, E as h, T as F, c as w, d as A } from "./index-DPgI7wGR.js";
-import { mapStores as C } from "pinia";
-const d = function(e) {
+import { markRaw as w } from "vue";
+import { u as b, p as I, q as M, E as u, T as C, r as S, s as F, v as A, x as $ } from "./index-CVfAy4kK.js";
+import { mapStores as H } from "pinia";
+const m = function(e) {
   return e ? [...new Set(e.map((t) => JSON.stringify(t)))].map(
     (t) => JSON.parse(t)
   ) : [];
-}, g = [], S = async function(e, t) {
-  const n = t.filter(
-    (o) => g.some((a) => a.taxon === o)
-  ), i = g.filter(
-    (o) => n.includes(o.taxon)
-  ), s = t.filter(
-    (o) => !n.includes(o)
+}, g = [], v = async function(e, t) {
+  const i = t.filter(
+    (s) => g.some((a) => a.taxon === s)
+  ), n = g.filter(
+    (s) => i.includes(s.taxon)
+  ), o = t.filter(
+    (s) => !i.includes(s)
   );
-  if (s.length) {
-    const o = await e.queryLabels(s);
-    if (o.length)
-      return o.forEach((a) => {
+  if (o.length) {
+    const s = await e.queryLabels(o);
+    if (s.length)
+      return s.forEach((a) => {
         let { entity: r, label: l } = a;
         l === "Mammalia" && (l = "Mammalia not otherwise specified");
         const c = { taxon: r, label: l };
-        i.push(c), g.push(c);
-      }), i;
+        n.push(c), g.push(c);
+      }), n;
   } else
-    return i;
+    return n;
 }, y = function(e, t) {
   if (!e || !t) return !1;
-  let n = JSON.stringify(e), i = JSON.stringify(t);
-  return n.indexOf(i) !== -1;
+  let i = JSON.stringify(e), n = JSON.stringify(t);
+  return i.indexOf(n) !== -1;
 }, p = (e, t) => {
-  const n = e.name ?? e, i = t.name ?? t, s = n.toUpperCase(), o = i.toUpperCase();
-  return s < o ? -1 : s > o ? 1 : 0;
+  const i = e.name ?? e, n = t.name ?? t, o = i.toUpperCase(), s = n.toUpperCase();
+  return o < s ? -1 : o > s ? 1 : 0;
 };
-let $ = function() {
+let N = function() {
   this.initialise = function(e) {
     this.flatmapAPI = e, this.destinations = [], this.origins = [], this.components = [], this.rawURLs = [], this.controller = void 0, this.uberons = [], this.lookUp = [], this.connectivitySource = "sckan";
   }, this.createTooltipData = async function(e, t) {
-    let n = [];
-    t.feature.hyperlinks && t.feature.hyperlinks.length > 0 ? n = t.feature.hyperlinks : n = this.rawURLs;
-    let i;
+    let i = [];
+    t.feature.hyperlinks && t.feature.hyperlinks.length > 0 ? i = t.feature.hyperlinks : i = this.rawURLs;
+    let n;
     if (t.provenanceTaxonomy) {
-      i = [];
+      n = [];
       try {
-        const o = await S(e, t.provenanceTaxonomy);
-        o.length && o.forEach((a) => {
+        const s = await v(e, t.provenanceTaxonomy);
+        s.length && s.forEach((a) => {
           const { label: r } = a;
-          i.push(r);
+          n.push(r);
         });
-      } catch (o) {
-        console.log(o);
+      } catch (s) {
+        console.log(s);
       }
     }
     return {
@@ -60,9 +60,9 @@ let $ = function() {
       componentsWithDatasets: this.componentsWithDatasets,
       title: t.label,
       featureId: t.resource,
-      hyperlinks: n,
+      hyperlinks: i,
       provenanceTaxonomy: t.provenanceTaxonomy,
-      provenanceTaxonomyLabel: i,
+      provenanceTaxonomyLabel: n,
       connectivitySource: this.connectivitySource
     };
   }, this.updateTooltipData = function(e) {
@@ -77,109 +77,109 @@ let $ = function() {
       connectivitySource: this.connectivitySource
     };
   }, this.createComponentsLabelList = function(e, t) {
-    let n = [];
-    return e.forEach((i) => {
-      n.push(this.createLabelFromNeuralNode(i[0]), t), i.length === 2 && n.push(this.createLabelFromNeuralNode(i[1]), t);
-    }), n;
+    let i = [];
+    return e.forEach((n) => {
+      i.push(this.createLabelFromNeuralNode(n[0]), t), n.length === 2 && i.push(this.createLabelFromNeuralNode(n[1]), t);
+    }), i;
   }, this.createLabelLookup = function(e, t) {
-    return new Promise(async (n) => {
-      let i = {};
+    return new Promise(async (i) => {
+      let n = {};
       this.uberons = [];
-      const s = await S(e, t);
-      s.length && (s.forEach((o) => {
-        const { taxon: a, label: r } = o;
-        i[a] = r, this.uberons.push({
+      const o = await v(e, t);
+      o.length && (o.forEach((s) => {
+        const { taxon: a, label: r } = s;
+        n[a] = r, this.uberons.push({
           id: a,
           name: r
         });
-      }), n(i));
+      }), i(n));
     });
   }, this.buildConnectivitySqlStatement = function(e) {
     let t = "select knowledge from knowledge where entity in (";
     if (e.length === 1)
       t += `'${e[0]}')`;
     else if (e.length > 1)
-      for (let n in e)
-        t += `'${e[n]}'${n >= e.length - 1 ? ")" : ","} `;
+      for (let i in e)
+        t += `'${e[i]}'${i >= e.length - 1 ? ")" : ","} `;
     return t;
   }, this.buildLabelSqlStatement = function(e) {
     let t = "select entity, label from labels where entity in (";
     if (e.length === 1)
       t += `'${e[0]}')`;
     else if (e.length > 1)
-      for (let n in e)
-        t += `'${e[n]}'${n >= e.length - 1 ? ")" : ","} `;
+      for (let i in e)
+        t += `'${e[i]}'${i >= e.length - 1 ? ")" : ","} `;
     return t;
   }, this.findAllIdsFromConnectivity = function(e) {
-    let t = e.connectivity.flat(), n = [...new Set(t)], i = [];
-    return n.forEach((s) => {
-      Array.isArray(s) ? i.push(s.flat()) : i.push(s);
-    }), [...new Set(i.flat())];
+    let t = e.connectivity.flat(), i = [...new Set(t)], n = [];
+    return i.forEach((o) => {
+      Array.isArray(o) ? n.push(o.flat()) : n.push(o);
+    }), [...new Set(n.flat())];
   }, this.flattenConnectivity = function(e) {
-    let t = e.flat(), n = [...new Set(t)], i = [];
-    return n.forEach((s) => {
-      Array.isArray(s) ? i.push(s.flat()) : i.push(s);
-    }), i.flat();
-  }, this.findComponents = function(e, t, n, i) {
-    let s = e.connectivity.flat(), o = d(s), a = [], r = !1;
-    return o.forEach((l) => {
-      r = !1, y(t, l) && (r = !0), i && y(i, l) && (r = !0), y(n, l) && (r = !0), r || a.push(l);
+    let t = e.flat(), i = [...new Set(t)], n = [];
+    return i.forEach((o) => {
+      Array.isArray(o) ? n.push(o.flat()) : n.push(o);
+    }), n.flat();
+  }, this.findComponents = function(e, t, i, n) {
+    let o = e.connectivity.flat(), s = m(o), a = [], r = !1;
+    return s.forEach((l) => {
+      r = !1, y(t, l) && (r = !0), n && y(n, l) && (r = !0), y(i, l) && (r = !0), r || a.push(l);
     }), a;
   }, this.retrieveFlatmapKnowledgeForEvent = async function(e, t) {
     this.controller && this.controller.abort(), this.controller = new AbortController(), this.controller.signal;
-    const n = t.resource;
-    if (this.destinations = [], this.origins = [], this.components = [], this.rawURLs = [], !n || n.length === 0 || !n[0]) return;
-    let i = this.queryForConnectivityNew(e, n[0]);
-    return await Promise.all([i]);
-  }, this.queryForConnectivityNew = function(e, t, n = "sckan", i = !0) {
-    return this.connectivitySource = n, new Promise((s) => {
-      (n === "map" ? this.queryMapConnectivity(e.provenance.uuid, t) : e.queryKnowledge(t)).then((a) => {
+    const i = t.resource;
+    if (this.destinations = [], this.origins = [], this.components = [], this.rawURLs = [], !i || i.length === 0 || !i[0]) return;
+    let n = this.queryForConnectivityNew(e, i[0]);
+    return await Promise.all([n]);
+  }, this.queryForConnectivityNew = function(e, t, i = "sckan", n = !0) {
+    return this.connectivitySource = i, new Promise((o) => {
+      (i === "map" ? this.queryMapConnectivity(e.provenance.uuid, t) : e.queryKnowledge(t)).then((a) => {
         if (this.checkConnectivityExists(a)) {
           let r = a;
-          i ? this.processConnectivity(e, r).then((l) => {
-            a.references && (this.rawURLs = [...a.references]), s(l);
-          }) : s(r);
+          n ? this.processConnectivity(e, r).then((l) => {
+            a.references && (this.rawURLs = [...a.references]), o(l);
+          }) : o(r);
         } else
-          s(!1);
+          o(!1);
       }).catch((a) => {
-        a.name === "AbortError" || console.warn(`Unable to get the knowledge for the entity ${t}.`), s(!1);
+        a.name === "AbortError" || console.warn(`Unable to get the knowledge for the entity ${t}.`), o(!1);
       });
     });
   }, this.queryMapConnectivity = async function(e, t) {
-    const n = this.flatmapAPI + `flatmap/${e}/connectivity/${t}`;
-    try {
-      const i = await fetch(n);
-      if (!i.ok)
-        throw new Error(`Response status: ${i.status}`);
-      return await i.json();
-    } catch (i) {
-      throw new Error(i);
-    }
-  }, this.queryMapPaths = async function(e) {
-    const t = this.flatmapAPI + `flatmap/${e}/pathways`;
+    const i = this.flatmapAPI + `flatmap/${e}/connectivity/${t}`;
     try {
-      const n = await fetch(t);
+      const n = await fetch(i);
       if (!n.ok)
         throw new Error(`Response status: ${n.status}`);
       return await n.json();
     } catch (n) {
       throw new Error(n);
     }
-  }, this.queryForConnectivity = function(e, t, n, i = !0) {
-    const s = { sql: this.buildConnectivitySqlStatement(t) }, o = {
+  }, this.queryMapPaths = async function(e) {
+    const t = this.flatmapAPI + `flatmap/${e}/pathways`;
+    try {
+      const i = await fetch(t);
+      if (!i.ok)
+        throw new Error(`Response status: ${i.status}`);
+      return await i.json();
+    } catch (i) {
+      throw new Error(i);
+    }
+  }, this.queryForConnectivity = function(e, t, i, n = !0) {
+    const o = { sql: this.buildConnectivitySqlStatement(t) }, s = {
       method: "POST",
       headers: {
         "Content-Type": "application/json"
       },
-      body: JSON.stringify(s),
-      ...n ? { signal: n } : {}
+      body: JSON.stringify(o),
+      ...i ? { signal: i } : {}
       // add signal to header if it exists
     };
     return new Promise((a) => {
-      fetch(`${this.flatmapAPI}knowledge/query/`, o).then((r) => r.json()).then((r) => {
+      fetch(`${this.flatmapAPI}knowledge/query/`, s).then((r) => r.json()).then((r) => {
         if (this.connectivityExists(r)) {
           let l = JSON.parse(r.values[0][0]);
-          i ? this.processConnectivity(e, l).then((c) => {
+          n ? this.processConnectivity(e, l).then((c) => {
             a(c);
           }) : a(l);
         } else
@@ -196,47 +196,47 @@ let $ = function() {
   }, this.findIfNodeIsSingle = function(e) {
     return e.length === 1 ? (console.error("Server returns a single node", e), e[0]) : e.length === 2 && e[1].length === 0 ? e[0] : !1;
   }, this.createLabelFromNeuralNode = function(e, t) {
-    let n = this.findIfNodeIsSingle(e);
-    if (n)
-      return t[n];
-    let i = t[e[0]];
-    return e.length === 2 && e[1].length > 0 && e[1].forEach((s) => {
-      t[s] == null ? i += `, ${s}` : i += `, ${t[s]}`;
-    }), i;
-  }, this.flattenAndFindDatasets = function(e, t, n) {
-    let i = this.flattenConnectivity(e), s = this.flattenConnectivity(t), o = this.flattenConnectivity(n);
+    let i = this.findIfNodeIsSingle(e);
+    if (i)
+      return t[i];
+    let n = t[e[0]];
+    return e.length === 2 && e[1].length > 0 && e[1].forEach((o) => {
+      t[o] == null ? n += `, ${o}` : n += `, ${t[o]}`;
+    }), n;
+  }, this.flattenAndFindDatasets = function(e, t, i) {
+    let n = this.flattenConnectivity(e), o = this.flattenConnectivity(t), s = this.flattenConnectivity(i);
     this.originsWithDatasets = this.uberons.filter(
-      (a) => i.indexOf(a.id) !== -1
+      (a) => n.indexOf(a.id) !== -1
     ).sort(p), this.componentsWithDatasets = this.uberons.filter(
-      (a) => s.indexOf(a.id) !== -1
-    ).sort(p), this.destinationsWithDatasets = this.uberons.filter(
       (a) => o.indexOf(a.id) !== -1
+    ).sort(p), this.destinationsWithDatasets = this.uberons.filter(
+      (a) => s.indexOf(a.id) !== -1
     ).sort(p);
   }, this.processConnectivity = function(e, t) {
-    return new Promise((n) => {
-      let i = [], s = [], o;
+    return new Promise((i) => {
+      let n = [], o = [], s;
       if (t && t["node-phenotypes"]) {
         const l = ["ilxtr:hasSomaLocatedIn"], c = ["ilxtr:hasAxonPresynapticElementIn", "ilxtr:hasAxonSensorySubcellularElementIn"];
-        l.forEach((u) => {
-          i.push(...t["node-phenotypes"][u]);
-        }), i = d(i), c.forEach((u) => {
-          s.push(...t["node-phenotypes"][u]);
-        }), s = d(s);
+        l.forEach((h) => {
+          n.push(...t["node-phenotypes"][h]);
+        }), n = m(n), c.forEach((h) => {
+          o.push(...t["node-phenotypes"][h]);
+        }), o = m(o);
       } else
-        s = d(t.axons), t.somas && t.somas.length > 0 && i.push(...t.somas), t.dendrites && t.dendrites.length > 0 && i.push(...t.dendrites), i = d(i), o = t.somas;
-      const a = this.findComponents(t, s, i, o), r = this.findAllIdsFromConnectivity(t);
+        o = m(t.axons), t.somas && t.somas.length > 0 && n.push(...t.somas), t.dendrites && t.dendrites.length > 0 && n.push(...t.dendrites), n = m(n), s = t.somas;
+      const a = this.findComponents(t, o, n, s), r = this.findAllIdsFromConnectivity(t);
       this.createLabelLookup(e, r).then((l) => {
-        this.origins = i.map(
+        this.origins = n.map(
           (c) => this.createLabelFromNeuralNode(c, l)
         ).sort(p), this.components = a.map(
           (c) => this.createLabelFromNeuralNode(c, l)
-        ).sort(p), this.destinations = s.map(
+        ).sort(p), this.destinations = o.map(
           (c) => this.createLabelFromNeuralNode(c, l)
-        ).sort(p), this.flattenAndFindDatasets(i, a, s), n({
+        ).sort(p), this.flattenAndFindDatasets(n, a, o), i({
           ids: {
-            dendrites: i,
+            dendrites: n,
             components: a,
-            axons: s
+            axons: o
           },
           labels: {
             origins: this.origins,
@@ -251,8 +251,8 @@ let $ = function() {
     if (e.length === 1)
       t += `'${e[0]}')`;
     else if (e.length > 1)
-      for (let n in e)
-        t += `'${e[n]}'${n >= e.length - 1 ? ")" : ","} `;
+      for (let i in e)
+        t += `'${e[i]}'${i >= e.length - 1 ? ")" : ","} `;
     return t;
   }, this.buildPubmedSqlStatementForModels = function(e) {
     return `select distinct publication from publications where entity = '${e}'`;
@@ -264,53 +264,15 @@ let $ = function() {
         "Content-Type": "application/json"
       },
       body: JSON.stringify(t)
-    }).then((n) => n.json()).catch((n) => {
-      console.error("Error:", n);
+    }).then((i) => i.json()).catch((i) => {
+      console.error("Error:", i);
     });
   };
 };
-function v(e) {
-  var n;
-  let t = "";
-  if ((n = e.provenance) != null && n.connectivity) {
-    const i = e.provenance.connectivity;
-    "knowledge-source" in i ? t = i["knowledge-source"] : "npo" in i && (t = `${i.npo.release}-npo`);
-  }
-  return t;
-}
-async function H(e, t) {
-  const n = v(e), i = `select knowledge from knowledge
-    where source="${n}"
-    order by source desc`;
-  E();
-  const s = sessionStorage.getItem("flatmap-knowledge"), o = sessionStorage.getItem("flatmap-knowledge-source");
-  if (!s || o !== n) {
-    const l = (await t.flatmapQuery(i)).values.map((c) => c[0]).map((c) => JSON.parse(c));
-    return sessionStorage.setItem("flatmap-knowledge", JSON.stringify(l)), sessionStorage.setItem("flatmap-knowledge-source", n), N(), l;
-  }
-  return JSON.parse(s);
-}
-function N() {
-  const n = (/* @__PURE__ */ new Date()).getTime() + 864e5;
-  sessionStorage.setItem("flatmap-knowledge-expiry", n);
-}
-function T() {
-  [
-    "flatmap-knowledge",
-    "flatmap-knowledge-expiry",
-    "flatmap-knowledge-source"
-  ].forEach((t) => {
-    sessionStorage.removeItem(t);
-  });
-}
-function E() {
-  const e = sessionStorage.getItem("flatmap-knowledge-expiry");
-  (/* @__PURE__ */ new Date()).getTime() > e && T();
-}
 function P(e) {
   return e[0].toUpperCase() + e.substring(1);
 }
-const k = {
+const D = {
   emits: ["flatmap-provenance-ready", "resource-selected", "species-changed"],
   props: {
     /**
@@ -328,7 +290,7 @@ const k = {
     }
   },
   computed: {
-    ...C(I, M),
+    ...H(b, I, M),
     idNamePair() {
       return this.splitFlowStore.idNamePair;
     },
@@ -346,9 +308,9 @@ const k = {
     }
   },
   mounted: function() {
-    h.on("startHelp", () => {
+    u.on("startHelp", () => {
       this.startHelp();
-    }), this.multiflatmapRef = this.$refs.multiflatmap, this.flatmapRef = this.$refs.flatmap, this.scaffoldRef = this.$refs.scaffold;
+    }), this.multiflatmapRef = this.$refs.multiflatmap, this.flatmapRef = this.$refs.flatmap, this.scaffoldRef = this.$refs.scaffold, this.connectivityKnowledge = this.connectivitiesStore.globalConnectivities;
   },
   methods: {
     toggleSyncMode: function() {
@@ -356,13 +318,13 @@ const k = {
     getState: function() {
     },
     openMap: function(e) {
-      e === "SYNC" ? (this.toggleSyncMode(), this.trackOpenMap("toggle_map_sync_mode")) : (h.emit("OpenNewMap", e), this.trackOpenMap(`open_new_${e}_map`));
+      e === "SYNC" ? (this.toggleSyncMode(), this.trackOpenMap("toggle_map_sync_mode")) : (u.emit("OpenNewMap", e), this.trackOpenMap(`open_new_${e}_map`));
     },
     onMapmanagerLoaded: function(e) {
       this.settingsStore.updateMapManager(e);
     },
     trackOpenMap: function(e) {
-      F.sendEvent({
+      C.sendEvent({
         event: "interaction_event",
         event_name: "portal_maps_open_map",
         category: e,
@@ -387,13 +349,13 @@ const k = {
      */
     resourceSelected: function(e, t) {
       var a, r, l, c;
-      const n = t[0];
-      if (this.resourceHasAction(n)) {
-        h.emit("PopoverActionClick", n);
+      const i = t[0];
+      if (this.resourceHasAction(i)) {
+        u.emit("PopoverActionClick", i);
         return;
       }
-      let i, s = !1;
-      const o = {
+      let n, o = !1;
+      const s = {
         paneIndex: this.entry.id,
         type: e,
         resource: t,
@@ -401,41 +363,41 @@ const k = {
         eventType: void 0
       };
       if (e == "MultiFlatmap" || e == "Flatmap")
-        if (o.internalName = (a = n == null ? void 0 : n.feature) != null && a.label ? n.feature.label : this.idNamePair[n.feature.models], n.eventType == "click")
-          if (o.eventType = "selected", n.feature.type == "marker") {
-            let u = o.internalName;
-            if (this.settingsStore.isFeaturedMarkerIdentifier(n.feature.id))
-              i = {
+        if (s.internalName = (a = i == null ? void 0 : i.feature) != null && a.label ? i.feature.label : this.idNamePair[i.feature.models], i.eventType == "click")
+          if (s.eventType = "selected", i.feature.type == "marker") {
+            let h = s.internalName;
+            if (this.settingsStore.isFeaturedMarkerIdentifier(i.feature.id))
+              n = {
                 type: "Search",
-                term: this.settingsStore.featuredMarkerDoi(n.feature.id),
+                term: this.settingsStore.featuredMarkerDoi(i.feature.id),
                 featuredDataset: !0
               };
             else {
-              i = {
+              n = {
                 type: "Facet",
-                facet: u,
+                facet: h,
                 facetPropPath: "anatomy.organ.category.name",
                 facetSubPropPath: "anatomy.organ.name",
                 term: "Anatomical structure"
               };
-              let f = /* @__PURE__ */ new Set();
-              n.feature["marker-terms"].forEach((m) => {
-                f.add(m.label);
-              }), f.add(u), f.size > 0 && (i = {
+              let d = /* @__PURE__ */ new Set();
+              i.feature["marker-terms"].forEach((f) => {
+                d.add(f.label);
+              }), d.add(h), d.size > 0 && (n = {
                 type: "Facets",
-                labels: [...f]
+                labels: [...d]
               });
             }
-            s = !0, e == "MultiFlatmap" && this.$refs.multiflatmap.getCurrentFlatmap().mapImp.clearSearchResults();
-          } else n.feature.type == "feature" && this.syncMode && (s = !0);
-        else n.eventType == "mouseenter" && (o.eventType = "highlighted", s = !0);
-      else e == "Scaffold" && (n && ((((r = n.data) == null ? void 0 : r.id) === void 0 || ((l = n.data) == null ? void 0 : l.id) === "") && (n.data.id = (c = n.data) == null ? void 0 : c.group), o.internalName = n.data.id, n.data.lastActionOnMarker === !0 && (i = {
+            o = !0, e == "MultiFlatmap" && this.$refs.multiflatmap.getCurrentFlatmap().mapImp.clearSearchResults();
+          } else i.feature.type == "feature" && this.syncMode && (o = !0);
+        else i.eventType == "mouseenter" && (s.eventType = "highlighted", o = !0);
+      else e == "Scaffold" && (i && ((((r = i.data) == null ? void 0 : r.id) === void 0 || ((l = i.data) == null ? void 0 : l.id) === "") && (i.data.id = (c = i.data) == null ? void 0 : c.group), s.internalName = i.data.id, i.data.lastActionOnMarker === !0 && (n = {
         type: "Facet",
-        facet: P(n.data.id),
+        facet: P(i.data.id),
         facetPropPath: "anatomy.organ.category.name",
         term: "Anatomical structure"
-      })), o.eventType = "selected", s = !0);
-      i && h.emit("PopoverActionClick", i), s && this.$emit("resource-selected", o);
+      })), s.eventType = "selected", o = !0);
+      n && u.emit("PopoverActionClick", n), o && this.$emit("resource-selected", s);
     },
     resourceHasAction: function(e) {
       return e.type === "URL" || e.type === "Search" || e.type === "Neuron Search" || e.type == "Facet" || e.type == "Facets";
@@ -456,63 +418,63 @@ const k = {
     getNameAndIdFromSyncData: async function(e) {
       let t = e.internalName;
       t === void 0 && e.resource && (t = e.resource.label);
-      let n;
-      if (e.resource && e.resource.resource && (n = e.resource.resource[0]), this.entry.type === "Scaffold") {
+      let i;
+      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 = w(e.resource.feature.models);
-            if (o.length > 0) return o;
+            const s = S(e.resource.feature.models);
+            if (s.length > 0) return s;
           }
-          let s = A(t);
-          if (s)
-            return s;
-          if (n && e.eventType === "selected")
-            return fetch(`${this.apiLocation}get-related-terms/${n}`).then((o) => o.json()).then((o) => {
+          let o = F(t);
+          if (o)
+            return o;
+          if (i && e.eventType === "selected")
+            return fetch(`${this.apiLocation}get-related-terms/${i}`).then((s) => s.json()).then((s) => {
               var a;
-              if (((a = o.uberon) == null ? void 0 : a.array.length) > 0)
-                return t = o.uberon.array[0].name.charAt(0).toUpperCase() + o.uberon.array[0].name.slice(1), n = o.uberon.array[0].id.toUpperCase(), { id: n, name: t };
+              if (((a = s.uberon) == null ? void 0 : a.array.length) > 0)
+                return t = s.uberon.array[0].name.charAt(0).toUpperCase() + s.uberon.array[0].name.slice(1), i = s.uberon.array[0].id.toUpperCase(), { id: i, name: t };
             });
         }
       } else if (this.entry.type === "MultiFlatmap")
         if (t === "Bladder")
           t = "Urinary Bladder";
         else {
-          const i = w(t);
-          i.length > 0 && (t = i[0]);
+          const n = S(t);
+          n.length > 0 && (t = n[0]);
         }
-      return { id: n, name: t };
+      return { id: i, name: t };
     },
     // Get the species and andaotmy info for the featured datasets
     getDatasetAnatomyInfo: function(e) {
       fetch(`${this.apiLocation}dataset_info/anatomy?identifier=${e}`).then((t) => t.json()).then((t) => {
-        const n = t.result[0];
-        let i;
+        const i = t.result[0];
+        let n;
         try {
-          i = n.anatomy.organ[0].curie;
+          n = i.anatomy.organ[0].curie;
         } catch {
-          i = void 0;
+          n = void 0;
         }
-        let s;
+        let o;
         try {
-          s = n.item.curie;
+          o = i.item.curie;
         } catch {
-          s = void 0;
+          o = void 0;
         }
-        let o;
+        let s;
         try {
           let a = 0, r = !1;
-          for (; !r && a < n.organisms.subject.length; ) {
-            const l = n.organisms.subject[a];
-            l.species && (o = l.species.name, r = !0), a += 1;
+          for (; !r && a < i.organisms.subject.length; ) {
+            const l = i.organisms.subject[a];
+            l.species && (s = l.species.name, r = !0), a += 1;
           }
         } catch {
-          o = void 0;
+          s = void 0;
         }
         this.settingsStore.updateFeaturedMarker({
           identifier: e,
-          marker: i,
-          doi: s,
-          species: o
+          marker: n,
+          doi: o,
+          species: s
         });
       });
     },
@@ -524,7 +486,7 @@ const k = {
     // Check if the new featured dataset api has any info
     newFeaturedDatasetApiHasInfo: async function() {
       let t = await (await fetch(`${this.apiLocation}get_featured_dataset`)).json();
-      return !t.datasets || t.datasets.length == 0 ? !1 : t.datasets.map((n) => n.id);
+      return !t.datasets || t.datasets.length == 0 ? !1 : t.datasets.map((i) => i.id);
     },
     /**
      * Get a list of featured datasets to display.
@@ -533,11 +495,11 @@ const k = {
       let e = [], t = await this.oldFeaturedDatasetApiHasInfo();
       if (t) e = t;
       else {
-        let n = await this.newFeaturedDatasetApiHasInfo();
-        n && (e = n);
+        let i = await this.newFeaturedDatasetApiHasInfo();
+        i && (e = i);
       }
-      this.settingsStore.updateFeatured(e), e.forEach((n) => {
-        this.getDatasetAnatomyInfo(n);
+      this.settingsStore.updateFeatured(e), e.forEach((i) => {
+        this.getDatasetAnatomyInfo(i);
       });
     },
     zoomToFeatures: function() {
@@ -596,84 +558,100 @@ const k = {
     checkEndHelpMouseDown: function(e) {
       e.target.closest(".help-mode-dialog") || this.endHelp();
     },
-    flatmapHighlight: async function(e, t, n, i) {
-      let s = [...t, ...i];
-      const o = this.settingsStore.globalSettings;
-      if (o.highlightConnectedPaths) {
-        const a = t.length ? t : i.length ? i : [], r = await e.retrieveConnectedPaths(a);
-        r && s.push(...r);
+    flatmapHighlight: async function(e, t, i, n) {
+      let o = [...t, ...n];
+      const s = this.settingsStore.globalSettings;
+      if (s.highlightConnectedPaths) {
+        const a = t.length ? t : n.length ? n : [], r = await e.retrieveConnectedPaths(a);
+        r && o.push(...r);
       }
-      if (o.highlightDOIPaths) {
-        const a = await e.searchConnectivitiesByReference(n);
-        a && s.push(...a);
+      if (s.highlightDOIPaths) {
+        const a = await e.searchConnectivitiesByReference(i);
+        a && o.push(...a);
       }
-      return s = [...new Set(s)], s;
+      return o = [...new Set(o)], o;
     },
     cardHoverHighlight: function() {
       var e;
       if (this.visible) {
-        const t = this.settingsStore.hoverAnatomies, n = this.settingsStore.hoverOrgans, i = this.settingsStore.hoverDOI, s = this.settingsStore.hoverConnectivity;
-        let o = null, a = null;
-        this.flatmapRef && (o = this.flatmapRef), this.multiflatmapRef && (o = this.multiflatmapRef.getCurrentFlatmap()), this.scaffoldRef && (a = this.scaffoldRef), clearTimeout(this.highlightDelay), !t.length && !n.length && !i && !s.length && ((this.multiflatmapRef || this.flatmapRef) && o ? (e = o.mapImp) == null || e.clearSearchResults() : this.scaffoldRef && a && a.changeHighlightedByName(n, "", !1)), this.highlightDelay = setTimeout(() => {
-          (t.length || n.length || i || s.length) && ((this.multiflatmapRef || this.flatmapRef) && o ? this.flatmapHighlight(o, t, i, s).then((r) => {
+        const t = this.settingsStore.hoverAnatomies, i = this.settingsStore.hoverOrgans, n = this.settingsStore.hoverDOI, o = this.settingsStore.hoverConnectivity;
+        let s = null, a = null;
+        this.flatmapRef && (s = this.flatmapRef), this.multiflatmapRef && (s = this.multiflatmapRef.getCurrentFlatmap()), this.scaffoldRef && (a = this.scaffoldRef), clearTimeout(this.highlightDelay), !t.length && !i.length && !n && !o.length && ((this.multiflatmapRef || this.flatmapRef) && s ? (e = s.mapImp) == null || e.clearSearchResults() : this.scaffoldRef && a && a.changeHighlightedByName(i, "", !1)), this.highlightDelay = setTimeout(() => {
+          (t.length || i.length || n || o.length) && ((this.multiflatmapRef || this.flatmapRef) && s ? this.flatmapHighlight(s, t, n, o).then((r) => {
             try {
-              o.zoomToFeatures(r);
+              s.zoomToFeatures(r);
             } catch (l) {
-              console.log(l);
+              if (console.log(l), o.length && s.mapImp) {
+                const c = s.mapImp.uuid;
+                r.every(
+                  (d) => this.connectivityKnowledge[c].some(
+                    (f) => f.id === d
+                  )
+                ) || s.mapImp.clearSearchResults();
+              }
             }
-          }) : this.scaffoldRef && a && a.changeHighlightedByName(n, "", !1));
+          }) : this.scaffoldRef && a && a.changeHighlightedByName(i, "", !1));
         }, 100);
       }
     },
     onAnnotationOpen: function(e) {
-      h.emit("annotation-open", e);
+      u.emit("annotation-open", e);
     },
     onAnnotationClose: function() {
-      h.emit("annotation-close");
+      u.emit("annotation-close");
     },
     onConnectivityInfoOpen: function(e) {
-      h.emit("connectivity-info-open", e);
+      u.emit("connectivity-info-open", e);
     },
-    onConnectivityGraphError: function(e) {
-      h.emit("connectivity-graph-error", e);
+    onConnectivityError: function(e) {
+      u.emit("connectivity-error", e);
     },
     loadConnectivityKnowledge: async function(e) {
-      const t = v(e), n = b(new $());
-      n.initialise(this.flatmapAPI);
-      const i = await H(e, n), s = e.uuid, o = await n.queryMapPaths(s), a = o ? o.paths : {};
-      this.connectivityKnowledge[s] = i.filter((r) => {
-        var l;
-        return !!(r.source === t && ((l = r.connectivity) != null && l.length) && r.id in a);
-      }), h.emit("connectivity-knowledge", { type: "default", data: this.connectivityKnowledge[s] });
+      const t = A(e), i = w(new N());
+      i.initialise(this.flatmapAPI);
+      const n = await $(e, i), o = e.uuid;
+      if (this.connectivityKnowledge[t] || (this.connectivityKnowledge[t] = n.filter((s) => {
+        var a;
+        return s.source === t && ((a = s.connectivity) == null ? void 0 : a.length);
+      }).sort((s, a) => s.label.localeCompare(a.label))), !this.connectivitiesStore.globalConnectivities[o]) {
+        const s = await i.queryMapPaths(o), a = s ? s.paths : {};
+        this.connectivityKnowledge[o] = n.filter((r) => {
+          var l;
+          return r.source === t && ((l = r.connectivity) == null ? void 0 : l.length) && r.id in a;
+        }).sort((r, l) => r.label.localeCompare(l.label));
+      }
+      this.connectivitiesStore.updateGlobalConnectivities(this.connectivityKnowledge), u.emit("species-layout-connectivity-update");
     },
     getSearchedId: function(e, t) {
-      let n = [];
-      const i = e.mapImp.search(t);
-      return (i.__featureIds || i.featureIds).forEach((o) => {
+      let i = [];
+      const n = e.mapImp.search(t);
+      return (n.__featureIds || n.featureIds).forEach((s) => {
         var r;
-        const a = e.mapImp.annotation(o);
-        (r = a.label) != null && r.toLowerCase().includes(t.toLowerCase()) && a.models && !n.includes(a.models) && n.push(a.models);
-      }), n;
+        const a = e.mapImp.annotation(s);
+        (r = a.label) != null && r.toLowerCase().includes(t.toLowerCase()) && a.models && !i.includes(a.models) && i.push(a.models);
+      }), i;
     },
     connectivityQueryFilter: async function(e, t) {
-      const n = e.mapImp.uuid;
-      let i = {
-        state: "default",
-        data: [...this.connectivityKnowledge[n]]
-      };
-      if (t && (t.type === "query-update" ? (this.query !== t.value && (this.target = []), this.query = t.value) : t.type === "filter-update" && (this.filter = t.value)), this.query) {
-        i.state = "processed";
-        let s = [], o = {};
-        const a = this.query.split(",").map((f) => f.trim());
-        for (let f = 0; f < a.length; f++)
-          s.push(this.getSearchedId(e, a[f]));
-        const r = await Promise.all(s), l = [...new Set(r.flat())];
-        let c = await e.retrieveConnectedPaths(l, o);
-        c = [...l, ...c.filter((f) => !l.includes(f))];
-        let u = this.connectivityKnowledge[n].filter((f) => c.includes(f.id));
-        u.sort((f, m) => c.indexOf(f.id) - c.indexOf(m.id)), i.data = u;
+      const i = e.mapImp.uuid, n = this.connectivitiesStore.activeConnectivityKey || i;
+      if (e.$el.checkVisibility()) {
+        let o = {
+          state: "default",
+          data: [...this.connectivityKnowledge[n]]
+        };
+        if (t && (t.type === "query-update" ? (this.query !== t.value && (this.target = []), this.query = t.value) : t.type === "filter-update" && (this.filter = t.value)), this.query) {
+          o.state = "processed";
+          let s = [], a = {};
+          const r = this.query.split(",").map((f) => f.trim());
+          for (let f = 0; f < r.length; f++)
+            s.push(this.getSearchedId(e, r[f]));
+          const l = await Promise.all(s), c = [...new Set(l.flat())];
+          let h = await e.retrieveConnectedPaths(c, a);
+          h = [...c, ...h.filter((f) => !c.includes(f))];
+          let d = this.connectivityKnowledge[n].filter((f) => h.includes(f.id));
+          o.data = d;
+        }
+        u.emit("connectivity-knowledge", o);
       }
-      h.emit("connectivity-knowledge", i);
     }
   },
   data: function() {
@@ -711,5 +689,5 @@ const k = {
   }
 };
 export {
-  k as C
+  D as C
 };