@abi-software/mapintegratedvuer 1.2.0 → 1.2.1-beta.1

package/dist/{ContentMixin-7nqS_zW1.js → ContentMixin-Ds5gEPQF.js}

@@ -1,6 +1,6 @@
-import { u as w, b as N, E as m, T as E } from "./index-pesDJRzH.js";
-import { mapStores as b } from "pinia";
-const u = [
+import { u as w, b as N, E as p, T as E } from "./index-8kI96-xR.js";
+import { mapStores as S } from "pinia";
+const f = [
   {
     id: "ilxtr:neuron-type-keast-13",
     centrelines: [
@@ -204,9 +204,9 @@ const u = [
     ]
   }
 ];
-function p(t, a, n, s, i) {
+function u(t, a, n, i, s) {
   let e = {};
-  if (e.dataset = n, e.scaffold = s, e.simulations = i, a ? e.title = a : e.title = t, e.description = "", e.actions = [], t)
+  if (e.dataset = n, e.scaffold = i, e.simulations = s, a ? e.title = a : e.title = t, e.description = "", e.actions = [], t)
     switch (t) {
       case "ICN":
         e.title = "RNA", e.description = "The distribution of neurons in the intrinsic cardiac nervous system (ICN) were mapped and visualized in a 3D reconstruction of a male rat heart.", e.actions = {
@@ -238,7 +238,7 @@ function p(t, a, n, s, i) {
     e.actions = [];
   return e;
 }
-function S(t, a, n, s, i) {
+function b(t, a, n, i, s) {
   if (t || a) {
     let e = {};
     switch (t) {
@@ -300,19 +300,19 @@ function S(t, a, n, s, i) {
         };
         break;
       default:
-        e = p(t, a, n, s, i);
+        e = u(t, a, n, i, s);
         break;
     }
     return e;
   }
 }
-function k(t, a, n, s, i) {
+function v(t, a, n, i, s) {
   if (t || a) {
     let e = {};
     switch (t) {
       case "UBERON:0000948":
       case "UBERON:0002080":
-        i ? e = p(t, a, n, s, i) : (e.title = "Heart", e.description = "", e.actions = {
+        s ? e = u(t, a, n, i, s) : (e.title = "Heart", e.description = "", e.actions = {
           search: {
             title: "Explore data",
             label: "Heart",
@@ -438,13 +438,13 @@ function k(t, a, n, s, i) {
         };
         break;
       default:
-        e = p(t, a, n, s, i);
+        e = u(t, a, n, i, s);
         break;
     }
     return e;
   }
 }
-function v(t, a, n, s, i) {
+function k(t, a, n, i, s) {
   if (t || a) {
     let e = {};
     switch (t) {
@@ -491,13 +491,13 @@ function v(t, a, n, s, i) {
         };
         break;
       default:
-        e = p(t, a, n, s, i);
+        e = u(t, a, n, i, s);
         break;
     }
     return e;
   }
 }
-function R(t, a, n, s, i) {
+function R(t, a, n, i, s) {
   if (t || a) {
     let e = {};
     switch (t) {
@@ -549,24 +549,24 @@ function R(t, a, n, s, i) {
         };
         break;
       default:
-        e = p(t, a, n, s, i);
+        e = u(t, a, n, i, s);
         break;
     }
     return e;
   }
 }
-function L(t, a, n, s, i, e) {
+function L(t, a, n, i, s, e) {
   switch (a) {
     case "NCBITaxon:9606":
-      return S(t, n, s, i, e);
+      return b(t, n, i, s, e);
     case "NCBITaxon:9823":
-      return R(t, n, s, i, e);
+      return R(t, n, i, s, e);
     case "NCBITaxon:10090":
-      return v(t, n, s, i, e);
+      return k(t, n, i, s, e);
     case "NCBITaxon:10114":
-      return k(t, n, s, i, e);
+      return v(t, n, i, s, e);
     default:
-      return p(t, a, n, s, i);
+      return u(t, a, n, i, s);
   }
 }
 function B() {
@@ -585,11 +585,11 @@ function U() {
 }
 function _(t) {
   if (t)
-    for (let a = 0; a < u.length; a++) {
-      if (u[a].id == t)
-        return u[a].centrelines;
-      if (u[a].centrelines.find((s) => s === t))
-        return [u[a].id];
+    for (let a = 0; a < f.length; a++) {
+      if (f[a].id == t)
+        return f[a].centrelines;
+      if (f[a].centrelines.find((i) => i === t))
+        return [f[a].id];
     }
   return [];
 }
@@ -612,9 +612,9 @@ function O(t, a) {
   if (t && t.resource) {
     let n = t.resource;
     Array.isArray(n) && n[0] && (n = n[0]);
-    let s, i, e, o, l, c = n.taxonomy;
-    if (n.data && n.data.id ? (s = n.data.id, i = n.data.id) : n.feature && (s = n.feature.models, i = n.feature.label, e = n.feature.dataset, o = n.feature.scaffold, l = n.feature.simulations), s || i) {
-      let d = L(s, c, i, e, o, l);
+    let i, s, e, o, l, c = n.taxonomy;
+    if (n.data && n.data.id ? (i = n.data.id, s = n.data.id) : n.feature && (i = n.feature.models, s = n.feature.label, e = n.feature.dataset, o = n.feature.scaffold, l = n.feature.simulations), i || s) {
+      let d = L(i, c, s, e, o, l);
       if (d && d.actions)
         return d.actions[a];
     }
@@ -875,7 +875,7 @@ const T = [
 function C(t) {
   return t[0].toUpperCase() + t.substring(1);
 }
-const I = {
+const x = {
   emits: ["flatmap-provenance-ready", "resource-selected", "species-changed"],
   props: {
     /**
@@ -893,16 +893,19 @@ const I = {
     }
   },
   computed: {
-    ...b(w, N),
+    ...S(w, N),
     syncMode() {
       return this.splitFlowStore.syncMode;
     },
     useHelpModeDialog() {
       return this.settingsStore.useHelpModeDialog;
+    },
+    connectivityInfoSidebar() {
+      return this.settingsStore.connectivityInfoSidebar;
     }
   },
   mounted: function() {
-    m.on("startHelp", () => {
+    p.on("startHelp", () => {
       this.startHelp();
     }), this.multiflatmapRef = this.$refs.multiflatmap, this.flatmapRef = this.$refs.flatmap, this.scaffoldRef = this.$refs.scaffold;
   },
@@ -912,7 +915,7 @@ const I = {
     getState: function() {
     },
     openMap: function(t) {
-      t === "SYNC" ? (this.toggleSyncMode(), this.trackOpenMap("toggle_map_sync_mode")) : (m.emit("OpenNewMap", t), this.trackOpenMap(`open_new_${t}_map`));
+      t === "SYNC" ? (this.toggleSyncMode(), this.trackOpenMap("toggle_map_sync_mode")) : (p.emit("OpenNewMap", t), this.trackOpenMap(`open_new_${t}_map`)), this.onConnectivityInfoClose();
     },
     trackOpenMap: function(t) {
       E.sendEvent({
@@ -941,10 +944,10 @@ const I = {
     resourceSelected: function(t, a, n) {
       var l, c, d;
       if (this.resourceHasAction(a)) {
-        m.emit("PopoverActionClick", a);
+        p.emit("PopoverActionClick", a);
         return;
       }
-      let s, i = "none", e = !1;
+      let i, s = "none", e = !1;
       const o = {
         paneIndex: this.entry.id,
         type: t,
@@ -956,37 +959,37 @@ const I = {
         if (o.internalName = this.idNamePair[a.feature.models], a.eventType == "click")
           if (o.eventType = "selected", a.feature.type == "marker") {
             let y = this.idNamePair[a.feature.models], g = T.filter(
-              (f) => f.id === a.feature.models
+              (m) => m.id === a.feature.models
             );
             this.settingsStore.isFeaturedMarkerIdentifier(
               a.feature.id
-            ) ? s = {
+            ) ? i = {
               type: "Search",
               term: this.settingsStore.featuredMarkerDoi(
                 a.feature.id
               ),
               featuredDataset: !0
-            } : g.filter((f) => f.keyword).length > 0 ? s = {
+            } : g.filter((m) => m.keyword).length > 0 ? i = {
               type: "Search",
               term: "http://purl.obolibrary.org/obo/" + a.feature.models.replace(":", "_")
-            } : s = {
+            } : i = {
               type: "Facet",
               facet: y,
               facetPropPath: "anatomy.organ.category.name",
               term: "Anatomical structure"
             }, e = !0, t == "MultiFlatmap" && this.$refs.multiflatmap.getCurrentFlatmap().mapImp.clearSearchResults();
           } else
-            a.feature.type == "feature" && (this.syncMode ? e = !0 : i = "scaffold");
+            a.feature.type == "feature" && (this.syncMode ? e = !0 : s = "scaffold");
         else
           a.eventType == "mouseenter" && (o.eventType = "highlighted", e = !0);
       else
-        t == "Scaffold" && (a && a[0] && ((((l = a[0].data) == null ? void 0 : l.id) === void 0 || ((c = a[0].data) == null ? void 0 : c.id) === "") && (a[0].data.id = (d = a[0].data) == null ? void 0 : d.group), o.internalName = a[0].data.id, a[0].data.lastActionOnMarker === !0 && (s = {
+        t == "Scaffold" && (a && a[0] && ((((l = a[0].data) == null ? void 0 : l.id) === void 0 || ((c = a[0].data) == null ? void 0 : c.id) === "") && (a[0].data.id = (d = a[0].data) == null ? void 0 : d.group), o.internalName = a[0].data.id, a[0].data.lastActionOnMarker === !0 && (i = {
           type: "Facet",
           facet: C(a[0].data.id),
           facetPropPath: "anatomy.organ.category.name",
           term: "Anatomical structure"
-        })), o.eventType = "selected", e = !0, i = "search");
-      s === void 0 && n && (s = O(o, i)), s && m.emit("PopoverActionClick", s), e && this.$emit("resource-selected", o);
+        })), o.eventType = "selected", e = !0, s = "search");
+      i === void 0 && n && (i = O(o, s)), i && p.emit("PopoverActionClick", i), e && this.$emit("resource-selected", o);
     },
     resourceHasAction: function(t) {
       return t.type === "URL" || t.type === "Search" || t.type === "Neuron Search" || t.type == "Facet" || t.type == "Facets";
@@ -1015,9 +1018,9 @@ const I = {
             if (e.length > 0)
               return e;
           }
-          let i = A(a);
-          if (i)
-            return i;
+          let s = A(a);
+          if (s)
+            return s;
           if (n && t.eventType === "selected")
             return fetch(`${this.apiLocation}get-related-terms/${n}`).then((e) => e.json()).then((e) => {
               if (e.uberon.array.length > 0)
@@ -1028,8 +1031,8 @@ const I = {
         if (a === "Bladder")
           a = "Urinary Bladder";
         else {
-          const s = _(a);
-          s.length > 0 && (a = s[0]);
+          const i = _(a);
+          i.length > 0 && (a = i[0]);
         }
       return { id: n, name: a };
     },
@@ -1037,17 +1040,17 @@ const I = {
     getDatasetAnatomyInfo: function(t) {
       fetch(`${this.apiLocation}dataset_info/anatomy?identifier=${t}`).then((a) => a.json()).then((a) => {
         const n = a.result[0];
-        let s;
+        let i;
         try {
-          s = n.anatomy.organ[0].curie;
+          i = n.anatomy.organ[0].curie;
         } catch {
-          s = void 0;
+          i = void 0;
         }
-        let i;
+        let s;
         try {
-          i = n.item.curie;
+          s = n.item.curie;
         } catch {
-          i = void 0;
+          s = void 0;
         }
         let e;
         try {
@@ -1061,8 +1064,8 @@ const I = {
         }
         this.settingsStore.updateFeaturedMarker({
           identifier: t,
-          marker: s,
-          doi: i,
+          marker: i,
+          doi: s,
           species: e
         });
       });
@@ -1125,8 +1128,8 @@ const I = {
         fetch(`${this.apiLocation}get-organ-curies`, {
           signal: a
         }).then((n) => n.json()).then((n) => {
-          this._controller = void 0, n.uberon.array.forEach((s) => {
-            this.idNamePair[s.id.toUpperCase()] = s.name.charAt(0).toUpperCase() + s.name.slice(1);
+          this._controller = void 0, n.uberon.array.forEach((i) => {
+            this.idNamePair[i.id.toUpperCase()] = i.name.charAt(0).toUpperCase() + i.name.slice(1);
           });
         });
       }
@@ -1163,6 +1166,12 @@ const I = {
      */
     checkEndHelpMouseDown: function(t) {
       t.target.closest(".help-mode-dialog") || this.endHelp();
+    },
+    onConnectivityInfoOpen: function(t) {
+      p.emit("connectivity-info-open", t);
+    },
+    onConnectivityInfoClose: function() {
+      p.emit("connectivity-info-close");
     }
   },
   data: function() {
@@ -1196,5 +1205,5 @@ const I = {
   }
 };
 export {
-  I as C
+  x as C
 };

package/dist/{Flatmap-uk9sw6PK.js → Flatmap-CdfB1CqK.js}

@@ -1,14 +1,14 @@
-import { G as h, B as c } from "./flatmapvuer-55QdueQf.js";
-import { _ as u, t as M, T as s, E as i } from "./index-pesDJRzH.js";
-import { C as g } from "./ContentMixin-7nqS_zW1.js";
-import { D as I } from "./style-BohN0-1G.js";
-import { resolveComponent as r, openBlock as p, createElementBlock as y, createVNode as v, createBlock as S, createCommentVNode as F } from "vue";
-const w = {
+import { _ as d, t as h, T as i, E as s } from "./index-8kI96-xR.js";
+import { C as u } from "./ContentMixin-Ds5gEPQF.js";
+import { D as I, $ as y } from "./style-XspK9sVJ.js";
+import { C as v } from "./style-Cq_72gg0.js";
+import { resolveComponent as r, openBlock as p, createElementBlock as M, createVNode as g, createBlock as S, createCommentVNode as C } from "vue";
+const F = {
   name: "Flatmap",
-  mixins: [g, I],
+  mixins: [u, I],
   components: {
-    FlatmapVuer: h,
-    HelpModeDialog: c
+    FlatmapVuer: y,
+    HelpModeDialog: v
   },
   methods: {
     getState: function() {
@@ -36,8 +36,8 @@ const w = {
           featureId: t.feature.featureId || "",
           taxonomy: t.taxonomy || "",
           resources: t.resource.join(", ")
-        }, a = M(o);
-        s.sendEvent({
+        }, a = h(o);
+        i.sendEvent({
           event: "interaction_event",
           event_name: "portal_maps_connectivity",
           category: a,
@@ -47,11 +47,11 @@ const w = {
     },
     flatmapReadyCall: function(e) {
       let t = { id: this.entry.id, prov: this.getFlatmapImp().provenance };
-      i.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.getAvailableTerms(), this.entry.resource === "FunctionalConnectivity" && this.flatmapReadyForMarkerUpdates(e);
+      s.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.getAvailableTerms(), this.entry.resource === "FunctionalConnectivity" && this.flatmapReadyForMarkerUpdates(e);
     },
     onPathwaySelectionChanged: function(e) {
       const { label: t, property: o, checked: a, selectionsTitle: n } = e;
-      s.sendEvent({
+      i.sendEvent({
         event: "interaction_event",
         event_name: "portal_maps_pathway_change",
         category: t + " [" + o + "] " + a,
@@ -96,18 +96,18 @@ const w = {
     }
   },
   mounted: function() {
-    this.getAvailableTerms(), i.on("markerUpdate", () => {
+    this.getAvailableTerms(), s.on("markerUpdate", () => {
       this.flatmapMarkerUpdate(void 0);
     });
   }
-}, C = { class: "viewer-container" };
-function T(e, t, o, a, n, l) {
+}, w = { class: "viewer-container" };
+function b(e, t, o, a, n, l) {
   const m = r("FlatmapVuer"), f = r("HelpModeDialog");
-  return p(), y("div", C, [
-    v(m, {
+  return p(), M("div", w, [
+    g(m, {
       state: e.entry.state,
       entry: e.entry.resource,
-      onResourceSelected: t[0] || (t[0] = (d) => l.flatmaprResourceSelected(e.entry.type, d)),
+      onResourceSelected: t[0] || (t[0] = (c) => l.flatmaprResourceSelected(e.entry.type, c)),
       onPanZoomCallback: e.flatmapPanZoomCallback,
       name: e.entry.resource,
       style: { height: "100%", width: "100%" },
@@ -119,6 +119,9 @@ function T(e, t, o, a, n, l) {
       onHelpModeLastItem: e.onHelpModeLastItem,
       onShownTooltip: e.onTooltipShown,
       onShownMapTooltip: e.onMapTooltipShown,
+      onConnectivityInfoOpen: e.onConnectivityInfoOpen,
+      onConnectivityInfoClose: e.onConnectivityInfoClose,
+      connectivityInfoSidebar: e.connectivityInfoSidebar,
       pathControls: !0,
       ref: "flatmap",
       onReady: l.flatmapReadyCall,
@@ -129,7 +132,7 @@ function T(e, t, o, a, n, l) {
       sparcAPI: e.apiLocation,
       onOpenMap: e.openMap,
       onPathwaySelectionChanged: l.onPathwaySelectionChanged
-    }, null, 8, ["state", "entry", "onPanZoomCallback", "name", "minZoom", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onReady", "flatmapAPI", "sparcAPI", "onOpenMap", "onPathwaySelectionChanged"]),
+    }, null, 8, ["state", "entry", "onPanZoomCallback", "name", "minZoom", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onConnectivityInfoOpen", "onConnectivityInfoClose", "connectivityInfoSidebar", "onReady", "flatmapAPI", "sparcAPI", "onOpenMap", "onPathwaySelectionChanged"]),
     e.helpMode && e.useHelpModeDialog ? (p(), S(f, {
       key: 0,
       ref: "flatmapHelp",
@@ -137,10 +140,10 @@ function T(e, t, o, a, n, l) {
       lastItem: e.helpModeLastItem,
       onShowNext: e.onHelpModeShowNext,
       onFinishHelpMode: e.onFinishHelpMode
-    }, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : F("", !0)
+    }, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : C("", !0)
   ]);
 }
-const $ = /* @__PURE__ */ u(w, [["render", T], ["__scopeId", "data-v-22cc3124"]]);
+const P = /* @__PURE__ */ d(F, [["render", b], ["__scopeId", "data-v-b68cfcba"]]);
 export {
-  $ as default
+  P as default
 };

package/dist/{Iframe-COMbs9Ii.js → Iframe-DbBh33jx.js}

@@ -1,6 +1,6 @@
-import { C as r } from "./ContentMixin-7nqS_zW1.js";
+import { C as r } from "./ContentMixin-Ds5gEPQF.js";
 import { openBlock as o, createElementBlock as t, createElementVNode as s } from "vue";
-import { _ as n } from "./index-pesDJRzH.js";
+import { _ as n } from "./index-8kI96-xR.js";
 const a = {
   name: "Iframe",
   mixins: [r]

package/dist/{MultiFlatmap-D8xTyhCd.js → MultiFlatmap-B7-QVKdg.js}

@@ -1,9 +1,9 @@
-import { _ as u, a as h, g as M, E as l, t as g, T as p } from "./index-pesDJRzH.js";
-import { D as y, B as v } from "./flatmapvuer-55QdueQf.js";
-import { C as I } from "./ContentMixin-7nqS_zW1.js";
-import { D as S } from "./style-BohN0-1G.js";
+import { _ as u, a as h, g as y, E as l, t as M, T as p } from "./index-8kI96-xR.js";
+import { C as g } from "./ContentMixin-Ds5gEPQF.js";
+import { D as v, y as I } from "./style-XspK9sVJ.js";
+import { C as S } from "./style-Cq_72gg0.js";
 import { resolveComponent as d, openBlock as f, createElementBlock as C, createVNode as F, createBlock as k, createCommentVNode as w } from "vue";
-const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><path d="M11.0748 3.25583C11.4141 2.42845 12.5859 2.42845 12.9252 3.25583L14.6493 7.45955C14.793 7.80979 15.1221 8.04889 15.4995 8.07727L20.0303 8.41798C20.922 8.48504 21.2841 9.59942 20.6021 10.1778L17.1369 13.1166C16.8482 13.3614 16.7225 13.7483 16.8122 14.1161L17.8882 18.5304C18.1 19.3992 17.152 20.0879 16.3912 19.618L12.5255 17.2305C12.2034 17.0316 11.7966 17.0316 11.4745 17.2305L7.60881 19.618C6.84796 20.0879 5.90001 19.3992 6.1118 18.5304L7.18785 14.1161C7.2775 13.7483 7.1518 13.3614 6.86309 13.1166L3.3979 10.1778C2.71588 9.59942 3.07796 8.48504 3.96971 8.41798L8.50046 8.07727C8.87794 8.04889 9.20704 7.80979 9.35068 7.45955L11.0748 3.25583Z" stroke="#000000" stroke-width="2"/></svg>', c = (e) => {
+const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><path d="M11.0748 3.25583C11.4141 2.42845 12.5859 2.42845 12.9252 3.25583L14.6493 7.45955C14.793 7.80979 15.1221 8.04889 15.4995 8.07727L20.0303 8.41798C20.922 8.48504 21.2841 9.59942 20.6021 10.1778L17.1369 13.1166C16.8482 13.3614 16.7225 13.7483 16.8122 14.1161L17.8882 18.5304C18.1 19.3992 17.152 20.0879 16.3912 19.618L12.5255 17.2305C12.2034 17.0316 11.7966 17.0316 11.4745 17.2305L7.60881 19.618C6.84796 20.0879 5.90001 19.3992 6.1118 18.5304L7.18785 14.1161C7.2775 13.7483 7.1518 13.3614 6.86309 13.1166L3.3979 10.1778C2.71588 9.59942 3.07796 8.48504 3.96971 8.41798L8.50046 8.07727C8.87794 8.04889 9.20704 7.80979 9.35068 7.45955L11.0748 3.25583Z" stroke="#000000" stroke-width="2"/></svg>', c = (e) => {
   const t = [
     {
       display: "Open AC Map",
@@ -29,12 +29,12 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       break;
   }
   return t;
-}, b = {
+}, R = {
   name: "MultiFlatmap",
-  mixins: [I, S],
+  mixins: [g, v],
   components: {
-    MultiFlatmapVuer: y,
-    HelpModeDialog: v
+    MultiFlatmapVuer: I,
+    HelpModeDialog: S
   },
   data: function() {
     return {
@@ -61,7 +61,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
           title: "View 3D scaffold",
           layout: "2horpanel",
           type: "SyncMap"
-        } : (this.activeSpecies === "Human Male" || this.activeSpecies === "Human Female") && ("human" in this.scaffoldResource || (this.scaffoldResource.human = await M(this.apiLocation, "human")), e = {
+        } : (this.activeSpecies === "Human Male" || this.activeSpecies === "Human Female") && ("human" in this.scaffoldResource || (this.scaffoldResource.human = await y(this.apiLocation, "human")), e = {
           contextCardUrl: this.scaffoldResource.human.datasetInfo.contextCardUrl,
           discoverId: this.scaffoldResource.human.datasetInfo.discoverId,
           s3uri: this.scaffoldResource.human.datasetInfo.s3uri,
@@ -103,8 +103,8 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
     searchSuggestions: function(e, t) {
       const a = this.$refs.multiflatmap.getCurrentFlatmap();
       e && a.mapImp && a.mapImp.search(e).__featureIds.forEach((o) => {
-        const s = a.mapImp.annotation(o);
-        s && s.label && t.push(s.label);
+        const i = a.mapImp.annotation(o);
+        i && i.label && t.push(i.label);
       });
     },
     flatmaprResourceSelected: function(e, t) {
@@ -116,7 +116,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
           featureId: t.feature.featureId || "",
           taxonomy: t.taxonomy || "",
           resources: t.resource.join(", ")
-        }, o = g(n);
+        }, o = M(n);
         p.sendEvent({
           event: "interaction_event",
           event_name: "portal_maps_connectivity",
@@ -147,13 +147,13 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
      */
     handleSyncPanZoomEvent: function(e) {
       if (!this.mouseHovered && e.type !== this.entry.type) {
-        const t = e.payload.zoom, a = e.payload.target, n = this.$el.clientHeight, o = this.$el.clientWidth, s = Math.max(o, n);
-        let i = o / s / t;
-        const r = n / s / t, m = [
-          a[0] / 2 + 0.5 - i / 2,
+        const t = e.payload.zoom, a = e.payload.target, n = this.$el.clientHeight, o = this.$el.clientWidth, i = Math.max(o, n);
+        let s = o / i / t;
+        const r = n / i / t, m = [
+          a[0] / 2 + 0.5 - s / 2,
           0.5 - a[1] / 2 - r / 2
         ];
-        this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(m, [i, r]);
+        this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(m, [s, r]);
       }
     },
     displayTooltip: function(e) {
@@ -187,7 +187,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       }
     },
     flatmapChanged: async function(e) {
-      this.activeSpecies = e, this.openMapOptions = c(e), this.$emit("species-changed", e), this.entry.state && this.entry.state.species === this.activeSpecies || this.syncMode == !0 && await this.toggleSyncMode(), this.updateProvCard(), p.sendEvent({
+      this.activeSpecies = e, this.openMapOptions = c(e), this.$emit("species-changed", e), this.entry.state && this.entry.state.species === this.activeSpecies || this.syncMode == !0 && await this.toggleSyncMode(), this.updateProvCard(), this.onConnectivityInfoClose(), p.sendEvent({
         event: "interaction_event",
         event_name: "portal_maps_species_change",
         category: this.activeSpecies
@@ -230,16 +230,16 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
         return !1;
       let o = a;
       if (o || (o = this.getFlatmapImp()), o) {
-        let s = document.createElement("div");
-        s.innerHTML = R;
-        const i = o.addMarker(e, {
-          element: s,
+        let i = document.createElement("div");
+        i.innerHTML = b;
+        const s = o.addMarker(e, {
+          element: i,
           className: "highlight-marker",
           cluster: !1
         });
         return this.settingsStore.updateFeaturedMarkerIdentifier({
           index: t,
-          markerIdentifier: i
+          markerIdentifier: s
         }), !0;
       }
       return !1;
@@ -267,15 +267,15 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
     });
   }
 }, H = { class: "viewer-container" };
-function P(e, t, a, n, o, s) {
-  const i = d("MultiFlatmapVuer"), r = d("HelpModeDialog");
+function P(e, t, a, n, o, i) {
+  const s = d("MultiFlatmapVuer"), r = d("HelpModeDialog");
   return f(), C("div", H, [
-    F(i, {
+    F(s, {
       availableSpecies: e.availableSpecies,
-      onFlatmapChanged: s.flatmapChanged,
-      onReady: s.multiFlatmapReady,
+      onFlatmapChanged: i.flatmapChanged,
+      onReady: i.multiFlatmapReady,
       state: e.entry.state,
-      onResourceSelected: t[0] || (t[0] = (m) => s.flatmaprResourceSelected(e.entry.type, m)),
+      onResourceSelected: t[0] || (t[0] = (m) => i.flatmaprResourceSelected(e.entry.type, m)),
       style: { height: "100%", width: "100%" },
       initial: e.entry.resource,
       helpMode: e.helpMode,
@@ -284,6 +284,9 @@ function P(e, t, a, n, o, s) {
       onHelpModeLastItem: e.onHelpModeLastItem,
       onShownTooltip: e.onTooltipShown,
       onShownMapTooltip: e.onMapTooltipShown,
+      onConnectivityInfoOpen: e.onConnectivityInfoOpen,
+      onConnectivityInfoClose: e.onConnectivityInfoClose,
+      connectivityInfoSidebar: e.connectivityInfoSidebar,
       ref: "multiflatmap",
       displayMinimap: !0,
       showStarInLegend: e.showStarInLegend,
@@ -291,12 +294,12 @@ function P(e, t, a, n, o, s) {
       openMapOptions: e.openMapOptions,
       flatmapAPI: e.flatmapAPI,
       sparcAPI: e.apiLocation,
-      onPanZoomCallback: s.flatmapPanZoomCallback,
+      onPanZoomCallback: i.flatmapPanZoomCallback,
       onOpenMap: e.openMap,
       onFinishHelpMode: e.endHelp,
-      onPathwaySelectionChanged: s.onPathwaySelectionChanged,
-      onOpenPubmedUrl: s.onOpenPubmedUrl
-    }, null, 8, ["availableSpecies", "onFlatmapChanged", "onReady", "state", "initial", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "showStarInLegend", "openMapOptions", "flatmapAPI", "sparcAPI", "onPanZoomCallback", "onOpenMap", "onFinishHelpMode", "onPathwaySelectionChanged", "onOpenPubmedUrl"]),
+      onPathwaySelectionChanged: i.onPathwaySelectionChanged,
+      onOpenPubmedUrl: i.onOpenPubmedUrl
+    }, null, 8, ["availableSpecies", "onFlatmapChanged", "onReady", "state", "initial", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onConnectivityInfoOpen", "onConnectivityInfoClose", "connectivityInfoSidebar", "showStarInLegend", "openMapOptions", "flatmapAPI", "sparcAPI", "onPanZoomCallback", "onOpenMap", "onFinishHelpMode", "onPathwaySelectionChanged", "onOpenPubmedUrl"]),
     e.helpMode && e.useHelpModeDialog ? (f(), k(r, {
       key: 0,
       ref: "multiflatmapHelp",
@@ -307,7 +310,7 @@ function P(e, t, a, n, o, s) {
     }, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : w("", !0)
   ]);
 }
-const A = /* @__PURE__ */ u(b, [["render", P], ["__scopeId", "data-v-3e284237"]]);
+const _ = /* @__PURE__ */ u(R, [["render", P], ["__scopeId", "data-v-83efd5d2"]]);
 export {
-  A as default
+  _ as default
 };

package/dist/{Plot-Y-gwjnTx.js → Plot-HvPAJ33l.js}

@@ -1,7 +1,7 @@
 import { C as o } from "./plotvuer-X4h-Lj3L.js";
-import { C as a } from "./ContentMixin-7nqS_zW1.js";
+import { C as a } from "./ContentMixin-Ds5gEPQF.js";
 import { resolveComponent as r, openBlock as n, createBlock as s } from "vue";
-import { _ as m } from "./index-pesDJRzH.js";
+import { _ as m } from "./index-8kI96-xR.js";
 const p = {
   name: "Plot",
   mixins: [a],