@abi-software/mapintegratedvuer 1.10.1-beta.1 → 1.10.2-beta.0

package/cypress.config.js

@@ -21,13 +21,16 @@ export default {
     },
     env: {
       visualRegressionType: 'regression',
+      visualRegressionBaseDirectory: 'cypress/snapshots/MapContent.cy.js/base',
+      visualRegressionDiffDirectory: 'cypress/snapshots/diff',
       visualRegressionGenerateDiff: 'always',
-      visualRegressionFailSilently: false
+      visualRegressionFailSilently: false,
     },
-    screenshotsFolder: './cypress/snapshots/actual',
+    screenshotsFolder: './cypress/snapshots',
     setupNodeEvents(on, config) {
       configureVisualRegression(on)
     },
+    trashAssetsBeforeRuns: false,
   },
   video: true,
   videoCompression: true,

package/dist/{ContentMixin-DXXhWj3L.js → ContentMixin-CGhcj7xh.js}

@@ -1,38 +1,38 @@
-import { markRaw as w } from "vue";
-import { u as b, c as F, d as C, a as f, T as M, e as S, f as I, h as A, l as H } from "./index-_BTFPzpV.js";
-import { mapStores as N } from "pinia";
+import { markRaw as F } from "vue";
+import { u as C, c as I, d as A, E as f, a as M, g as S, e as $, f as H, l as N } from "./index-Dm85KBw6.js";
+import { mapStores as L } from "pinia";
 const d = function(e) {
   return e ? [...new Set(e.map((t) => JSON.stringify(t)))].map(
     (t) => JSON.parse(t)
   ) : [];
-}, g = [], v = async function(e, t) {
+}, m = [], 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)
+    (o) => m.some((a) => a.taxon === o)
+  ), n = m.filter(
+    (o) => i.includes(o.taxon)
+  ), s = t.filter(
+    (o) => !i.includes(o)
   );
-  if (o.length) {
-    const s = await e.queryLabels(o);
-    if (s.length)
-      return s.forEach((a) => {
+  if (s.length) {
+    const o = await e.queryLabels(s);
+    if (o.length)
+      return o.forEach((a) => {
         let { entity: r, label: l } = a;
         l === "Mammalia" && (l = "Mammalia not otherwise specified");
         const c = { taxon: r, label: l };
-        n.push(c), g.push(c);
+        n.push(c), m.push(c);
       }), n;
   } else
     return n;
-}, y = function(e, t) {
+}, g = function(e, t) {
   if (!e || !t) return !1;
   let i = JSON.stringify(e), n = JSON.stringify(t);
   return i.indexOf(n) !== -1;
 }, p = (e, t) => {
-  const i = e.name ?? e, n = t.name ?? t, o = i.toUpperCase(), s = n.toUpperCase();
-  return o < s ? -1 : o > s ? 1 : 0;
+  const i = e.name ?? e, n = t.name ?? t, s = i.toUpperCase(), o = n.toUpperCase();
+  return s < o ? -1 : s > o ? 1 : 0;
 };
-let $ = function() {
+let P = 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) {
@@ -42,13 +42,13 @@ let $ = function() {
     if (t.provenanceTaxonomy) {
       n = [];
       try {
-        const s = await v(e, t.provenanceTaxonomy);
-        s.length && s.forEach((a) => {
+        const o = await v(e, t.provenanceTaxonomy);
+        o.length && o.forEach((a) => {
           const { label: r } = a;
           n.push(r);
         });
-      } catch (s) {
-        console.log(s);
+      } catch (o) {
+        console.log(o);
       }
     }
     return {
@@ -85,9 +85,9 @@ let $ = function() {
     return new Promise(async (i) => {
       let n = {};
       this.uberons = [];
-      const o = await v(e, t);
-      o.length && (o.forEach((s) => {
-        const { taxon: a, label: r } = s;
+      const s = await v(e, t);
+      s.length && (s.forEach((o) => {
+        const { taxon: a, label: r } = o;
         n[a] = r, this.uberons.push({
           id: a,
           name: r
@@ -112,18 +112,18 @@ let $ = function() {
     return t;
   }, this.findAllIdsFromConnectivity = function(e) {
     let t = e.connectivity.flat(), i = [...new Set(t)], n = [];
-    return i.forEach((o) => {
-      Array.isArray(o) ? n.push(o.flat()) : n.push(o);
+    return i.forEach((s) => {
+      Array.isArray(s) ? n.push(s.flat()) : n.push(s);
     }), [...new Set(n.flat())];
   }, this.flattenConnectivity = function(e) {
     let t = e.flat(), i = [...new Set(t)], n = [];
-    return i.forEach((o) => {
-      Array.isArray(o) ? n.push(o.flat()) : n.push(o);
+    return i.forEach((s) => {
+      Array.isArray(s) ? n.push(s.flat()) : n.push(s);
     }), n.flat();
   }, this.findComponents = function(e, t, i, n) {
-    let o = e.connectivity.flat(), s = d(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);
+    let s = e.connectivity.flat(), o = d(s), a = [], r = !1;
+    return o.forEach((l) => {
+      r = !1, g(t, l) && (r = !0), n && g(n, l) && (r = !0), g(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;
@@ -132,17 +132,17 @@ let $ = function() {
     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) => {
+    return this.connectivitySource = i, new Promise((s) => {
       (i === "map" ? this.queryMapConnectivity(e.provenance.uuid, t) : e.queryKnowledge(t)).then((a) => {
         if (this.checkConnectivityExists(a)) {
           let r = a;
           n ? this.processConnectivity(e, r).then((l) => {
-            a.references && (this.rawURLs = [...a.references]), o(l);
-          }) : o(r);
+            a.references && (this.rawURLs = [...a.references]), s(l);
+          }) : s(r);
         } else
-          o(!1);
+          s(!1);
       }).catch((a) => {
-        a.name === "AbortError" || console.warn(`Unable to get the knowledge for the entity ${t}.`), o(!1);
+        a.name === "AbortError" || console.warn(`Unable to get the knowledge for the entity ${t}.`), s(!1);
       });
     });
   }, this.queryMapConnectivity = async function(e, t) {
@@ -156,17 +156,17 @@ let $ = function() {
       throw new Error(n);
     }
   }, this.queryForConnectivity = function(e, t, i, n = !0) {
-    const o = { sql: this.buildConnectivitySqlStatement(t) }, s = {
+    const s = { sql: this.buildConnectivitySqlStatement(t) }, o = {
       method: "POST",
       headers: {
         "Content-Type": "application/json"
       },
-      body: JSON.stringify(o),
+      body: JSON.stringify(s),
       ...i ? { signal: i } : {}
       // add signal to header if it exists
     };
     return new Promise((a) => {
-      fetch(`${this.flatmapAPI}knowledge/query/`, s).then((r) => r.json()).then((r) => {
+      fetch(`${this.flatmapAPI}knowledge/query/`, o).then((r) => r.json()).then((r) => {
         if (this.connectivityExists(r)) {
           let l = JSON.parse(r.values[0][0]);
           n ? this.processConnectivity(e, l).then((c) => {
@@ -190,43 +190,43 @@ let $ = function() {
     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]}`;
+    return e.length === 2 && e[1].length > 0 && e[1].forEach((s) => {
+      t[s] == null ? n += `, ${s}` : n += `, ${t[s]}`;
     }), n;
   }, this.flattenAndFindDatasets = function(e, t, i) {
-    let n = this.flattenConnectivity(e), o = this.flattenConnectivity(t), s = this.flattenConnectivity(i);
+    let n = this.flattenConnectivity(e), s = this.flattenConnectivity(t), o = this.flattenConnectivity(i);
     this.originsWithDatasets = this.uberons.filter(
       (a) => n.indexOf(a.id) !== -1
     ).sort(p), this.componentsWithDatasets = 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.destinationsWithDatasets = this.uberons.filter(
+      (a) => o.indexOf(a.id) !== -1
     ).sort(p);
   }, this.processConnectivity = function(e, t) {
     return new Promise((i) => {
-      let n = [], o = [], s;
+      let n = [], s = [], o;
       if (t && t["node-phenotypes"]) {
         const l = ["ilxtr:hasSomaLocatedIn"], c = ["ilxtr:hasAxonPresynapticElementIn", "ilxtr:hasAxonSensorySubcellularElementIn"];
         l.forEach((h) => {
           h in t["node-phenotypes"] && n.push(...t["node-phenotypes"][h]);
         }), n = d(n), c.forEach((h) => {
-          h in t["node-phenotypes"] && o.push(...t["node-phenotypes"][h]);
-        }), o = d(o);
+          h in t["node-phenotypes"] && s.push(...t["node-phenotypes"][h]);
+        }), s = d(s);
       } else
-        o = d(t.axons), t.somas && t.somas.length > 0 && n.push(...t.somas), t.dendrites && t.dendrites.length > 0 && n.push(...t.dendrites), n = d(n), s = t.somas;
-      const a = this.findComponents(t, o, n, s), r = this.findAllIdsFromConnectivity(t);
+        s = d(t.axons), t.somas && t.somas.length > 0 && n.push(...t.somas), t.dendrites && t.dendrites.length > 0 && n.push(...t.dendrites), n = d(n), o = t.somas;
+      const a = this.findComponents(t, s, n, o), r = this.findAllIdsFromConnectivity(t);
       this.createLabelLookup(e, r).then((l) => {
         this.origins = n.map(
           (c) => this.createLabelFromNeuralNode(c, l)
         ).sort(p), this.components = a.map(
           (c) => this.createLabelFromNeuralNode(c, l)
-        ).sort(p), this.destinations = o.map(
+        ).sort(p), this.destinations = s.map(
           (c) => this.createLabelFromNeuralNode(c, l)
-        ).sort(p), this.flattenAndFindDatasets(n, a, o), i({
+        ).sort(p), this.flattenAndFindDatasets(n, a, s), i({
           ids: {
             dendrites: n,
             components: a,
-            axons: o
+            axons: s
           },
           labels: {
             origins: this.origins,
@@ -262,7 +262,7 @@ let $ = function() {
 function T(e) {
   return e[0].toUpperCase() + e.substring(1);
 }
-const D = {
+const O = {
   emits: ["flatmap-provenance-ready", "resource-selected", "species-changed"],
   props: {
     /**
@@ -281,13 +281,10 @@ const D = {
   },
   inject: ["showGlobalSettings", "showOpenMapButton"],
   computed: {
-    ...N(b, F, C),
+    ...L(C, I, A),
     idNamePair() {
       return this.splitFlowStore.idNamePair;
     },
-    syncMode() {
-      return this.splitFlowStore.syncMode;
-    },
     useHelpModeDialog() {
       return this.settingsStore.useHelpModeDialog;
     },
@@ -306,7 +303,7 @@ const D = {
     this.alive = !1;
   },
   mounted: function() {
-    f.on("startHelp", this.startHelp), f.on("connectivity-item-close", this.onConnectivityItemClose), this.multiflatmapRef = this.$refs.multiflatmap, this.flatmapRef = this.$refs.flatmap, this.scaffoldRef = this.$refs.scaffold, this.connectivityKnowledge = this.connectivitiesStore.globalConnectivities, this.connectivityFilterOptions = this.connectivitiesStore.filterOptions, this.connectivityFilterSources = this.connectivitiesStore.filterSources;
+    this.multiflatmapRef = this.$refs.multiflatmap, this.flatmapRef = this.$refs.flatmap, this.scaffoldRef = this.$refs.scaffold, this.connectivityKnowledge = this.connectivitiesStore.globalConnectivities, this.connectivityFilterOptions = this.connectivitiesStore.filterOptions, this.connectivityFilterSources = this.connectivitiesStore.filterSources;
   },
   methods: {
     onConnectivityItemClose() {
@@ -318,12 +315,10 @@ const D = {
         this.flatmapRef && this.flatmapRef.closeTooltip();
       }
     },
-    toggleSyncMode: function() {
-    },
     getState: function() {
     },
     openMap: function(e) {
-      e === "SYNC" ? (this.toggleSyncMode(), this.trackOpenMap("toggle_map_sync_mode")) : (f.emit("OpenNewMap", e), this.trackOpenMap(`open_new_${e}_map`));
+      f.emit("OpenNewMap", e), this.trackOpenMap(`open_new_${e}_map`);
     },
     onMapmanagerLoaded: function(e) {
       this.settingsStore.updateMapManager(e);
@@ -359,8 +354,8 @@ const D = {
         f.emit("PopoverActionClick", i);
         return;
       }
-      let n, o = !1;
-      const s = {
+      let n, s = !1;
+      const o = {
         paneIndex: this.entry.id,
         type: e,
         resource: t,
@@ -368,9 +363,9 @@ const D = {
         eventType: void 0
       };
       if (e == "MultiFlatmap" || e == "Flatmap")
-        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 (o.internalName = (a = i == null ? void 0 : i.feature) != null && a.label ? i.feature.label : this.idNamePair[i.feature.models], i.eventType == "click") {
+          if (o.eventType = "selected", i.feature.type == "marker") {
+            let h = o.internalName;
             if (this.settingsStore.isFeaturedMarkerIdentifier(i.feature.id))
               n = {
                 type: "Search",
@@ -386,26 +381,26 @@ const D = {
                 term: "Anatomical structure"
               };
               let u = /* @__PURE__ */ new Set();
-              i.feature["marker-terms"].forEach((m) => {
-                u.add(m.label);
+              i.feature["marker-terms"].forEach((y) => {
+                u.add(y.label);
               }), u.add(h), u.size > 0 && (n = {
                 type: "Facets",
                 labels: [...u]
               });
             }
-            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 = {
+            s = !0, e == "MultiFlatmap" && this.$refs.multiflatmap.getCurrentFlatmap().mapImp.clearSearchResults();
+          }
+        } else i.eventType == "mouseenter" && (o.eventType = "highlighted", s = !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), o.internalName = i.data.id, i.data.lastActionOnMarker === !0 && (n = {
         type: "Facet",
         facet: T(i.data.id),
         facetPropPath: "anatomy.organ.category.name",
         term: "Anatomical structure"
-      })), s.eventType = "selected", o = !0);
-      n && f.emit("PopoverActionClick", n), o && this.$emit("resource-selected", s);
+      })), o.eventType = "selected", s = !0);
+      n && f.emit("PopoverActionClick", n), s && this.$emit("resource-selected", o);
     },
     resourceHasAction: function(e) {
-      return e.type === "URL" || e.type === "Search" || e.type === "Neuron Search" || e.type == "Facet" || e.type == "Facets";
+      return e && (e.type === "URL" || e.type === "Search" || e.type === "Neuron Search" || e.type == "Facet" || e.type == "Facets");
     },
     /**
      * Check if this viewer is currently visible
@@ -427,17 +422,17 @@ const D = {
       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 s = S(e.resource.feature.models);
-            if (s.length > 0) return s;
+            const o = S(e.resource.feature.models);
+            if (o.length > 0) return o;
           }
-          let o = I(t);
-          if (o)
-            return o;
+          let s = $(t);
+          if (s)
+            return s;
           if (i && e.eventType === "selected")
-            return fetch(`${this.apiLocation}get-related-terms/${i}`).then((s) => s.json()).then((s) => {
+            return fetch(`${this.apiLocation}get-related-terms/${i}`).then((o) => o.json()).then((o) => {
               var a;
-              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 };
+              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), i = o.uberon.array[0].id.toUpperCase(), { id: i, name: t };
             });
         }
       } else if (this.entry.type === "MultiFlatmap")
@@ -459,27 +454,27 @@ const D = {
         } catch {
           n = void 0;
         }
-        let o;
+        let s;
         try {
-          o = i.item.curie;
+          s = i.item.curie;
         } catch {
-          o = void 0;
+          s = void 0;
         }
-        let s;
+        let o;
         try {
           let a = 0, r = !1;
           for (; !r && a < i.organisms.subject.length; ) {
             const l = i.organisms.subject[a];
-            l.species && (s = l.species.name, r = !0), a += 1;
+            l.species && (o = l.species.name, r = !0), a += 1;
           }
         } catch {
-          s = void 0;
+          o = void 0;
         }
         this.settingsStore.updateFeaturedMarker({
           identifier: e,
           marker: n,
-          doi: o,
-          species: s
+          doi: s,
+          species: o
         });
       });
     },
@@ -509,31 +504,14 @@ const D = {
     },
     zoomToFeatures: function() {
     },
-    handleSyncMouseEvent: async function(e) {
-      let t = await this.getNameAndIdFromSyncData(e);
-      e.eventType === "highlighted" ? this.highlightFeatures(t) : e.eventType === "selected" && this.displayTooltip(t);
-    },
-    /**
-     * Handle sync pan zoom event
-     */
-    handleSyncPanZoomEvent: function() {
-    },
     highlightFeatures: function() {
     },
-    receiveSynchronisedEvent: async function(e) {
-      if (e.paneIndex !== this.entry.id)
-        e.eventType == "panZoom" || this.handleSyncMouseEvent(e);
-      else if (e.eventType == "selected") {
-        let t = await this.getNameAndIdFromSyncData(e);
-        this.zoomToFeatures(t, !1);
-      }
-    },
-    requestSynchronisedEvent: function() {
-    },
     flatmapMarkerUpdate() {
     },
     onResize: function() {
     },
+    updateViewerSettings: function() {
+    },
     startHelp: function() {
       this != null && this.alive && this.isInHelp === !1 && (this.helpMode = !0, window.addEventListener("mousedown", this.checkEndHelpMouseDown), this.isInHelp = !0);
     },
@@ -564,41 +542,41 @@ const D = {
       e.target.closest(".help-mode-dialog") || this.endHelp();
     },
     flatmapHighlight: async function(e, t, i, n) {
-      let o = [...t, ...n];
-      const s = this.settingsStore.globalSettings;
-      if (s.highlightConnectedPaths) {
+      let s = [...t, ...n];
+      const o = this.settingsStore.globalSettings;
+      if (o.highlightConnectedPaths) {
         const a = t.length ? t : n.length ? n : [], r = await e.retrieveConnectedPaths(a);
-        r && o.push(...r);
+        r && s.push(...r);
       }
-      if (s.highlightDOIPaths) {
+      if (o.highlightDOIPaths) {
         const a = await e.searchConnectivitiesByReference(i);
-        a && o.push(...a);
+        a && s.push(...a);
       }
-      return o = [...new Set(o)], o;
-    },
-    cardHoverHighlight: function() {
-      var e;
-      if (this.visible) {
-        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) => {
+      return s = [...new Set(s)], s;
+    },
+    sidebarHoverHighlight: function(e) {
+      var t, i;
+      if (this.visible && ((this.flatmapRef || this.multiflatmapRef) && this.flatmapReady || this.scaffoldRef && this.scaffoldLoaded)) {
+        const n = this.settingsStore.hoverAnatomies, s = this.settingsStore.hoverOrgans, o = this.settingsStore.hoverDOI, a = this.settingsStore.hoverConnectivity;
+        let r = null, l = null;
+        this.flatmapRef && (r = this.flatmapRef), this.multiflatmapRef && (r = this.multiflatmapRef.getCurrentFlatmap()), this.scaffoldRef && (l = this.scaffoldRef), clearTimeout(this.highlightDelay), !n.length && !s.length && !o && !a.length && ((this.multiflatmapRef || this.flatmapRef) && r ? ((t = r.mapImp) == null || t.clearSearchResults(), e.connectivityProcessed && ((i = r.mapImp) == null || i.setPaint({ dimmed: !0 }))) : this.scaffoldRef && l && l.changeHighlightedByName(s, "", !1)), this.highlightDelay = setTimeout(() => {
+          (n.length || s.length || o || a.length) && ((this.multiflatmapRef || this.flatmapRef) && r ? this.flatmapHighlight(r, n, o, a).then((c) => {
             try {
-              s.showConnectivityTooltips({
-                connectivityInfo: { featureId: r },
+              r.showConnectivityTooltips({
+                connectivityInfo: { featureId: c },
                 data: []
               });
-            } catch (l) {
-              if (console.log(l), o.length && s.mapImp) {
-                const c = s.mapImp.uuid;
-                r.every(
-                  (u) => this.connectivityKnowledge[c].some(
-                    (m) => m.id === u
+            } catch (h) {
+              if (console.log(h), a.length && r.mapImp) {
+                const u = r.mapImp.uuid;
+                c.every(
+                  (w) => this.connectivityKnowledge[u].some(
+                    (b) => b.id === w
                   )
-                ) || s.mapImp.clearSearchResults();
+                ) || r.mapImp.clearSearchResults();
               }
             }
-          }) : this.scaffoldRef && a && a.changeHighlightedByName(i, "", !1));
+          }) : this.scaffoldRef && l && l.changeHighlightedByName(s, "", !1));
         }, 100);
       }
     },
@@ -606,7 +584,7 @@ const D = {
       f.emit("annotation-open", e);
     },
     onAnnotationClose: function() {
-      f.emit("annotation-close");
+      f.emit("sidebar-annotation-close");
     },
     updateOfflineAnnotationEnabled: function(e) {
       f.emit("update-offline-annotation-enabled", e);
@@ -620,18 +598,36 @@ const D = {
     onConnectivityInfoClose: function() {
       f.emit("connectivity-info-close");
     },
+    onSidebarAnnotationClose: function() {
+    },
+    onNeuronConnectionClick: function(e) {
+      f.emit("neuron-connection-click", e);
+    },
+    onNeuronConnectionFeatureClick: function(e) {
+      f.emit("neuron-connection-feature-click", e);
+    },
+    showConnectivity: function(e) {
+    },
+    showConnectivitiesByReference: function() {
+    },
+    showConnectivityTooltips: function() {
+    },
+    changeConnectivitySource: function() {
+    },
+    setVisibilityFilter: function() {
+    },
     loadConnectivityExplorerConfig: async function(e) {
-      const t = e.mapImp, i = A(t), n = w(new $());
+      const t = e.mapImp, i = H(t), n = F(new P());
       n.initialise(this.flatmapAPI);
-      const o = await H(t, n), s = t.uuid, a = t.pathways;
-      if (this.connectivityKnowledge[i] || (this.connectivityKnowledge[i] = o.filter((r) => {
+      const s = await N(t, n), o = t.uuid, a = t.pathways;
+      if (this.connectivityKnowledge[i] || (this.connectivityKnowledge[i] = s.filter((r) => {
         var l;
         return r.source === i && ((l = r.connectivity) == null ? void 0 : l.length);
-      }).sort((r, l) => r.label.localeCompare(l.label))), !this.connectivityKnowledge[s]) {
+      }).sort((r, l) => r.label.localeCompare(l.label))), !this.connectivityKnowledge[o]) {
         const r = a ? a.paths : {};
-        this.connectivityKnowledge[s] = this.connectivityKnowledge[i].filter((l) => l.id in r);
+        this.connectivityKnowledge[o] = this.connectivityKnowledge[i].filter((l) => l.id in r);
       }
-      this.connectivitiesStore.updateGlobalConnectivities(this.connectivityKnowledge), this.connectivityFilterOptions[s] || (this.connectivityFilterOptions[s] = await e.getFilterOptions()), this.connectivitiesStore.updateFilterOptions(this.connectivityFilterOptions), this.connectivityFilterSources[s] || (this.connectivityFilterSources[s] = e.getFilterSources()), this.connectivitiesStore.updateFilterSources(this.connectivityFilterSources), f.emit("species-layout-connectivity-update");
+      this.connectivitiesStore.updateGlobalConnectivities(this.connectivityKnowledge), this.connectivityFilterOptions[o] || (this.connectivityFilterOptions[o] = await e.getFilterOptions()), this.connectivitiesStore.updateFilterOptions(this.connectivityFilterOptions), this.connectivityFilterSources[o] || (this.connectivityFilterSources[o] = e.getFilterSources()), this.connectivitiesStore.updateFilterSources(this.connectivityFilterSources), f.emit("species-layout-connectivity-update");
     }
   },
   data: function() {
@@ -670,5 +666,5 @@ const D = {
   }
 };
 export {
-  D as C
+  O as C
 };