@abi-software/mapintegratedvuer 1.6.1 → 1.6.3

package/dist/{ContentMixin-BTXCMWvE.js → ContentMixin-CWtYskLS.js}

@@ -1,8 +1,8 @@
 import "vue";
-import { u as p, b as g, E as l, T as y, d as m, e as w } from "./index-D_VgD-w_.js";
+import { u as p, b as g, E as l, T as y, c as m, d as w } from "./index-BGGZxwXr.js";
 import { mapStores as A } from "pinia";
 let c = 7, s = 5;
-const N = [
+const v = [
   {
     id: "UBERON:0000948",
     name: "heart",
@@ -253,7 +253,7 @@ const N = [
     keyword: !0
   }
 ];
-function v(e) {
+function N(e) {
   return e[0].toUpperCase() + e.substring(1);
 }
 const B = {
@@ -345,7 +345,7 @@ const B = {
       if (e == "MultiFlatmap" || e == "Flatmap")
         if (a.internalName = this.idNamePair[t.feature.models], t.eventType == "click")
           if (a.eventType = "selected", t.feature.type == "marker") {
-            let d = this.idNamePair[t.feature.models], u = N.filter(
+            let d = this.idNamePair[t.feature.models], u = v.filter(
               (h) => h.id === t.feature.models
             );
             this.settingsStore.isFeaturedMarkerIdentifier(
@@ -369,7 +369,7 @@ const B = {
         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 = {
         type: "Facet",
-        facet: v(t[0].data.id),
+        facet: N(t[0].data.id),
         facetPropPath: "anatomy.organ.category.name",
         term: "Anatomical structure"
       })), a.eventType = "selected", n = !0);
@@ -552,6 +552,9 @@ const B = {
     },
     onConnectivityInfoClose: function() {
       l.emit("connectivity-info-close");
+    },
+    onConnectivityGraphError: function(e) {
+      l.emit("connectivity-graph-error", e);
     }
   },
   data: function() {

package/dist/{Flatmap-BPYW-zJs.js → Flatmap-BsxLzsr9.js}

@@ -1,12 +1,12 @@
-import { _ as c, $ as h, t as u, T as s, E as l } from "./index-D_VgD-w_.js";
-import { C as I } from "./ContentMixin-BTXCMWvE.js";
-import { D as y, Q as g } from "./style-ZSZlDMUI.js";
-import { resolveComponent as p, openBlock as r, createElementBlock as M, createVNode as v, createBlock as S, createCommentVNode as C } from "vue";
+import { _ as d, K as h, t as u, T as r, E as l } from "./index-BGGZxwXr.js";
+import { C as I } from "./ContentMixin-CWtYskLS.js";
+import { D as v, Q as y } from "./style-CmiFzzZy.js";
+import { resolveComponent as s, openBlock as p, createElementBlock as g, createVNode as M, createBlock as S, createCommentVNode as C } from "vue";
 const F = {
   name: "Flatmap",
-  mixins: [I, y],
+  mixins: [I, v],
   components: {
-    FlatmapVuer: g,
+    FlatmapVuer: y,
     HelpModeDialog: h
   },
   methods: {
@@ -25,17 +25,17 @@ const F = {
     },
     flatmaprResourceSelected: function(e, t) {
       if (this.resourceSelected(e, t), t.eventType === "click" && t.feature.type === "feature") {
-        const o = {
+        const a = {
           label: t.label || "",
           id: t.feature.id || "",
           featureId: t.feature.featureId || "",
           taxonomy: t.taxonomy || "",
           resources: t.resource.join(", ")
-        }, a = u(o);
-        s.sendEvent({
+        }, n = u(a);
+        r.sendEvent({
           event: "interaction_event",
           event_name: "portal_maps_connectivity",
-          category: a,
+          category: n,
           location: e + " " + this.$refs.flatmap.viewingMode
         });
       }
@@ -45,21 +45,21 @@ const F = {
       l.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.flatmapReadyForMarkerUpdates(e), l.emit("mapLoaded", e);
     },
     onPathwaySelectionChanged: function(e) {
-      const { label: t, property: o, checked: a, selectionsTitle: n } = e;
-      s.sendEvent({
+      const { label: t, property: a, checked: n, selectionsTitle: i } = e;
+      r.sendEvent({
         event: "interaction_event",
         event_name: "portal_maps_pathway_change",
-        category: t + " [" + o + "] " + a,
-        location: n
+        category: t + " [" + a + "] " + n,
+        location: i
       });
     },
     highlightFeatures: function(e) {
       let t = e.name;
-      const o = this.$refs.flatmap.mapImp;
+      const a = this.$refs.flatmap.mapImp;
       if (t) {
-        const a = o.search(t);
-        a.featureIds[0] && o.highlightFeatures([
-          o.modelForFeature(a.featureIds[0])
+        const n = a.search(t);
+        n.featureIds[0] && a.highlightFeatures([
+          a.modelForFeature(n.featureIds[0])
         ]);
       }
     },
@@ -67,22 +67,25 @@ const F = {
      * Append the list of suggested terms to suggestions
      */
     searchSuggestions: function(e, t) {
-      e && this.$refs.flatmap.mapImp && this.$refs.flatmap.mapImp.search(e).__featureIds.forEach((a) => {
-        const n = this.$refs.flatmap.mapImp.annotation(a);
-        n && n.label && t.push(n.label);
-      });
+      if (e && this.$refs.flatmap.mapImp) {
+        const a = this.$refs.flatmap.mapImp.search(e);
+        (a.__featureIds || a.featureIds).forEach((i) => {
+          const o = this.$refs.flatmap.mapImp.annotation(i);
+          o && o.label && t.push(o.label);
+        });
+      }
     },
     zoomToFeatures: function(e, t) {
-      let o = e.name;
-      const a = this.$refs.flatmap.mapImp;
-      if (o) {
-        const n = a.search(o);
-        if (n.featureIds.length) {
-          let i = a.modelForFeature(n.featureIds[0]);
-          i ? (t && a.selectFeatures(i), a.zoomToFeatures(i)) : a.clearSearchResults();
+      let a = e.name;
+      const n = this.$refs.flatmap.mapImp;
+      if (a) {
+        const i = n.search(a);
+        if (i.featureIds.length) {
+          let o = n.modelForFeature(i.featureIds[0]);
+          o ? (t && n.selectFeatures(o), n.zoomToFeatures(o)) : n.clearSearchResults();
         }
       } else
-        a.clearSearchResults();
+        n.clearSearchResults();
     },
     changeViewingMode: function(e) {
       this.$refs.flatmap.changeViewingMode(e);
@@ -94,26 +97,29 @@ const F = {
     }
   },
   mounted: function() {
-    l.on("markerUpdate", () => {
+    l.on("annotation-close", (e) => {
+      const t = this.$refs.flatmap;
+      e != null && e.tabClose && t && this.$refs.flatmap.annotationEventCallback({}, { type: "aborted" });
+    }), l.on("markerUpdate", () => {
       this.flatmapMarkerUpdate(void 0);
     }), l.on("hoverUpdate", () => {
       this.mapHoverHighlight(this.$refs.flatmap.mapImp);
     }), l.on("show-connectivity", (e) => {
-      const { featureIds: t, offset: o } = e, a = this.$refs.flatmap;
-      a && a.moveMap(t, {
-        offsetX: o ? -150 : 0,
+      const { featureIds: t, offset: a } = e, n = this.$refs.flatmap;
+      n && n.moveMap(t, {
+        offsetX: a ? -150 : 0,
         zoom: 4
       });
     });
   }
 }, w = { class: "viewer-container" };
-function $(e, t, o, a, n, i) {
-  const m = p("FlatmapVuer"), f = p("HelpModeDialog");
-  return r(), M("div", w, [
-    v(m, {
+function b(e, t, a, n, i, o) {
+  const m = s("FlatmapVuer"), f = s("HelpModeDialog");
+  return p(), g("div", w, [
+    M(m, {
       state: e.entry.state,
       entry: e.entry.resource,
-      onResourceSelected: t[0] || (t[0] = (d) => i.flatmaprResourceSelected(e.entry.type, d)),
+      onResourceSelected: t[0] || (t[0] = (c) => o.flatmaprResourceSelected(e.entry.type, c)),
       onPanZoomCallback: e.flatmapPanZoomCallback,
       name: e.entry.resource,
       style: { height: "100%", width: "100%" },
@@ -125,21 +131,25 @@ function $(e, t, o, a, n, i) {
       onHelpModeLastItem: e.onHelpModeLastItem,
       onShownTooltip: e.onTooltipShown,
       onShownMapTooltip: e.onMapTooltipShown,
+      onAnnotationOpen: e.onAnnotationOpen,
+      onAnnotationClose: e.onAnnotationClose,
+      annotationSidebar: e.annotationSidebar,
       onConnectivityInfoOpen: e.onConnectivityInfoOpen,
       onConnectivityInfoClose: e.onConnectivityInfoClose,
+      onConnectivityGraphError: e.onConnectivityGraphError,
       connectivityInfoSidebar: e.connectivityInfoSidebar,
       pathControls: !0,
       ref: "flatmap",
-      onReady: i.flatmapReadyCall,
+      onReady: o.flatmapReadyCall,
       displayMinimap: !1,
       displayWarning: !0,
       enableOpenMapUI: !0,
       flatmapAPI: e.flatmapAPI,
       sparcAPI: e.apiLocation,
       onOpenMap: e.openMap,
-      onPathwaySelectionChanged: i.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 ? (r(), S(f, {
+      onPathwaySelectionChanged: o.onPathwaySelectionChanged
+    }, null, 8, ["state", "entry", "onPanZoomCallback", "name", "minZoom", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityInfoClose", "onConnectivityGraphError", "connectivityInfoSidebar", "onReady", "flatmapAPI", "sparcAPI", "onOpenMap", "onPathwaySelectionChanged"]),
+    e.helpMode && e.useHelpModeDialog ? (p(), S(f, {
       key: 0,
       ref: "flatmapHelp",
       flatmapRef: e.flatmapRef,
@@ -149,7 +159,7 @@ function $(e, t, o, a, n, i) {
     }, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : C("", !0)
   ]);
 }
-const P = /* @__PURE__ */ c(F, [["render", $], ["__scopeId", "data-v-d49919d0"]]);
+const R = /* @__PURE__ */ d(F, [["render", b], ["__scopeId", "data-v-7635fa9b"]]);
 export {
-  P as default
+  R as default
 };

package/dist/{Iframe-BZW4KSMI.js → Iframe-Bsc3ZvDM.js}

@@ -1,6 +1,6 @@
-import { C as r } from "./ContentMixin-BTXCMWvE.js";
+import { C as r } from "./ContentMixin-CWtYskLS.js";
 import { openBlock as o, createElementBlock as t, createElementVNode as s } from "vue";
-import { _ as n } from "./index-D_VgD-w_.js";
+import { _ as n } from "./index-BGGZxwXr.js";
 const a = {
   name: "Iframe",
   mixins: [r]

package/dist/{MultiFlatmap-DIlQi9RY.js → MultiFlatmap-BoMGY3P5.js}

@@ -1,8 +1,8 @@
-import { _ as M, $ as I, a as C, g as S, E as r, t as F, T as f, c as u } from "./index-D_VgD-w_.js";
-import { C as k } from "./ContentMixin-BTXCMWvE.js";
-import { D as b, P as w } from "./style-ZSZlDMUI.js";
-import { resolveComponent as d, openBlock as h, createElementBlock as R, createVNode as H, createBlock as $, createCommentVNode as P } from "vue";
-const T = '<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>', g = (e) => {
+import { _ as u, K as h, a as y, g, E as r, t as M, T as p } from "./index-BGGZxwXr.js";
+import { C as v } from "./ContentMixin-CWtYskLS.js";
+import { D as I, a as C } from "./style-CmiFzzZy.js";
+import { resolveComponent as f, openBlock as c, createElementBlock as S, createVNode as F, createBlock as k, createCommentVNode as w } from "vue";
+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>', d = (e) => {
   const t = [
     {
       display: "Open AC Map",
@@ -28,21 +28,21 @@ const T = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       break;
   }
   return t;
-}, L = {
+}, R = {
   name: "MultiFlatmap",
-  mixins: [k, b],
+  mixins: [v, I],
   components: {
-    MultiFlatmapVuer: w,
-    HelpModeDialog: I
+    MultiFlatmapVuer: C,
+    HelpModeDialog: h
   },
   data: function() {
     return {
       zoomLevel: 6,
       flatmapReady: !1,
-      availableSpecies: C(),
+      availableSpecies: y(),
       scaffoldResource: {},
       showStarInLegend: !1,
-      openMapOptions: g("Human Male")
+      openMapOptions: d("Human Male")
     };
   },
   methods: {
@@ -60,7 +60,7 @@ const T = '<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 S(this.apiLocation, "human")), e = {
+        } : (this.activeSpecies === "Human Male" || this.activeSpecies === "Human Female") && ("human" in this.scaffoldResource || (this.scaffoldResource.human = await g(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 T = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       if (e && a.mapImp) {
         const n = a.mapImp.search(e);
         (n.__featureIds || n.featureIds).forEach((i) => {
-          const l = a.mapImp.annotation(i);
-          l && l.label && t.push(l.label);
+          const s = a.mapImp.annotation(i);
+          s && s.label && t.push(s.label);
         });
       }
     },
@@ -117,8 +117,8 @@ const T = '<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 = F(n);
-        f.sendEvent({
+        }, o = M(n);
+        p.sendEvent({
           event: "interaction_event",
           event_name: "portal_maps_connectivity",
           category: o,
@@ -128,7 +128,7 @@ const T = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
     },
     onPathwaySelectionChanged: function(e) {
       const { label: t, property: a, checked: n, selectionsTitle: o } = e;
-      f.sendEvent({
+      p.sendEvent({
         event: "interaction_event",
         event_name: "portal_maps_pathway_change",
         category: t + " [" + a + "] " + n,
@@ -136,7 +136,7 @@ const T = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       });
     },
     onOpenPubmedUrl: function(e) {
-      f.sendEvent({
+      p.sendEvent({
         event: "interaction_event",
         event_name: "portal_maps_pubmed_url",
         file_path: e,
@@ -149,12 +149,12 @@ const T = '<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, i = Math.max(o, n);
-        let l = o / i / t;
-        const s = n / i / t, p = [
-          a[0] / 2 + 0.5 - l / 2,
-          0.5 - a[1] / 2 - s / 2
+        let s = o / i / t;
+        const l = n / i / t, m = [
+          a[0] / 2 + 0.5 - s / 2,
+          0.5 - a[1] / 2 - l / 2
         ];
-        this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(p, [l, s]);
+        this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(m, [s, l]);
       }
     },
     displayTooltip: function(e) {
@@ -188,7 +188,7 @@ const T = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       }
     },
     flatmapChanged: async function(e) {
-      this.activeSpecies = e, this.openMapOptions = g(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(), f.sendEvent({
+      this.activeSpecies = e, this.openMapOptions = d(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
@@ -232,15 +232,15 @@ const T = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       let o = a;
       if (o || (o = this.getFlatmapImp()), o) {
         let i = document.createElement("div");
-        i.innerHTML = T;
-        const l = o.addMarker(e, {
+        i.innerHTML = b;
+        const s = o.addMarker(e, {
           element: i,
           className: "highlight-marker",
           cluster: !1
         });
         return this.settingsStore.updateFeaturedMarkerIdentifier({
           index: t,
-          markerIdentifier: l
+          markerIdentifier: s
         }), !0;
       }
       return !1;
@@ -251,72 +251,8 @@ const T = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
     changeViewingMode: function(e) {
       this.$refs.multiflatmap.getCurrentFlatmap().changeViewingMode(e);
     },
-    removeConnectivityTooltips: function() {
-      const e = this.$refs.multiflatmap.getCurrentFlatmap();
-      e != null && e.$el && e.$el.querySelectorAll(".flatmap-tooltip-popup").forEach((a) => a.remove());
-    },
-    createTooltipForConnectivity: function(e, t) {
-      const a = document.createElement("div");
-      a.classList.add("flatmap-feature-label"), e.forEach((n, o) => {
-        const { label: i } = n;
-        if (a.append(u(i)), o + 1 < e.length) {
-          const l = document.createElement("hr");
-          a.appendChild(l);
-        }
-      }), t.showPopup(
-        e[0].featureId,
-        a,
-        {
-          className: "custom-popup flatmap-tooltip-popup",
-          positionAtLastClick: !1,
-          preserveSelection: !0
-        }
-      );
-    },
-    emitConnectivityGraphError: function(e) {
-      if (e.length) {
-        const t = [...new Set(e)];
-        let a = "";
-        t.forEach((n, o) => {
-          const { label: i } = n;
-          a += o === 0 ? u(i) : i, t.length > 1 && (o + 2 === t.length ? a += " and " : o + 1 < t.length && (a += ", "));
-        }), a += " cannot be found on the map!", r.emit("connectivity-graph-error", {
-          data: a
-        });
-      }
-    },
     showConnectivityTooltips: function(e) {
-      const { connectivityInfo: t, data: a } = e, n = [], o = [], i = [], l = [];
-      if (!a.length)
-        this.removeConnectivityTooltips();
-      else if (typeof a[0] == "object")
-        a.forEach((s) => {
-          o.push({
-            id: s.id,
-            label: s.name
-          });
-        });
-      else
-        for (let s = 0; s < a.length / 2; s++)
-          o.push({
-            id: a[s],
-            label: a[s + a.length / 2]
-          });
-      if (t && t.featureId && n.push(...t.featureId), this.flatmapReady) {
-        const s = this.$refs.multiflatmap.getCurrentFlatmap();
-        s.mapImp && (o.forEach((p, A) => {
-          const { id: c, label: y } = p, m = s.mapImp.search(c);
-          if (m != null && m.results.length) {
-            const v = m == null ? void 0 : m.results[0].featureId;
-            i.push({
-              featureId: v,
-              id: c,
-              label: y
-            }), n.push(c);
-          } else
-            l.push(p);
-        }), i.length ? this.createTooltipForConnectivity(i, s.mapImp) : (l.push(...o), this.removeConnectivityTooltips()), this.emitConnectivityGraphError(l), s.mapImp.zoomToFeatures(n, { noZoomIn: !0 }));
-      }
+      this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().showConnectivityTooltips(e);
     }
   },
   computed: {
@@ -355,16 +291,16 @@ const T = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       this.flatmapReady && this.mapHoverHighlight(this.$refs.multiflatmap.getCurrentFlatmap().mapImp);
     });
   }
-}, E = { class: "viewer-container" };
-function O(e, t, a, n, o, i) {
-  const l = d("MultiFlatmapVuer"), s = d("HelpModeDialog");
-  return h(), R("div", E, [
-    H(l, {
+}, H = { class: "viewer-container" };
+function L(e, t, a, n, o, i) {
+  const s = f("MultiFlatmapVuer"), l = f("HelpModeDialog");
+  return c(), S("div", H, [
+    F(s, {
       availableSpecies: e.availableSpecies,
       onFlatmapChanged: i.flatmapChanged,
       onReady: i.multiFlatmapReady,
       state: e.entry.state,
-      onResourceSelected: t[0] || (t[0] = (p) => i.flatmaprResourceSelected(e.entry.type, p)),
+      onResourceSelected: t[0] || (t[0] = (m) => i.flatmaprResourceSelected(e.entry.type, m)),
       style: { height: "100%", width: "100%" },
       initial: e.entry.resource,
       helpMode: e.helpMode,
@@ -378,6 +314,7 @@ function O(e, t, a, n, o, i) {
       annotationSidebar: e.annotationSidebar,
       onConnectivityInfoOpen: e.onConnectivityInfoOpen,
       onConnectivityInfoClose: e.onConnectivityInfoClose,
+      onConnectivityGraphError: e.onConnectivityGraphError,
       connectivityInfoSidebar: e.connectivityInfoSidebar,
       ref: "multiflatmap",
       displayMinimap: !0,
@@ -391,18 +328,18 @@ function O(e, t, a, n, o, i) {
       onFinishHelpMode: e.endHelp,
       onPathwaySelectionChanged: i.onPathwaySelectionChanged,
       onOpenPubmedUrl: i.onOpenPubmedUrl
-    }, null, 8, ["availableSpecies", "onFlatmapChanged", "onReady", "state", "initial", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityInfoClose", "connectivityInfoSidebar", "showStarInLegend", "openMapOptions", "flatmapAPI", "sparcAPI", "onPanZoomCallback", "onOpenMap", "onFinishHelpMode", "onPathwaySelectionChanged", "onOpenPubmedUrl"]),
-    e.helpMode && e.useHelpModeDialog ? (h(), $(s, {
+    }, null, 8, ["availableSpecies", "onFlatmapChanged", "onReady", "state", "initial", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityInfoClose", "onConnectivityGraphError", "connectivityInfoSidebar", "showStarInLegend", "openMapOptions", "flatmapAPI", "sparcAPI", "onPanZoomCallback", "onOpenMap", "onFinishHelpMode", "onPathwaySelectionChanged", "onOpenPubmedUrl"]),
+    e.helpMode && e.useHelpModeDialog ? (c(), k(l, {
       key: 0,
       ref: "multiflatmapHelp",
       multiflatmapRef: e.multiflatmapRef,
       lastItem: e.helpModeLastItem,
       onShowNext: e.onHelpModeShowNext,
       onFinishHelpMode: e.onFinishHelpMode
-    }, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : P("", !0)
+    }, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : w("", !0)
   ]);
 }
-const Z = /* @__PURE__ */ M(L, [["render", O], ["__scopeId", "data-v-9e95f83d"]]);
+const T = /* @__PURE__ */ u(R, [["render", L], ["__scopeId", "data-v-4282737c"]]);
 export {
-  Z as default
+  T as default
 };

package/dist/{Plot-BHrtko8L.js → Plot-BLZ6qDEp.js}

@@ -1,7 +1,7 @@
 import { y as o } from "./plotvuer-DSwGHaaa.js";
-import { C as a } from "./ContentMixin-BTXCMWvE.js";
+import { C as a } from "./ContentMixin-CWtYskLS.js";
 import { resolveComponent as r, openBlock as n, createBlock as s } from "vue";
-import { _ as m } from "./index-D_VgD-w_.js";
+import { _ as m } from "./index-BGGZxwXr.js";
 const p = {
   name: "Plot",
   mixins: [a],

package/dist/{Scaffold-D6q4r5RG.js → Scaffold-DpRCGJ34.js}

@@ -1,5 +1,5 @@
-import { I as K1, R as Q1, w as ew, h as tw, N as iw, z as rw, _ as nw, $ as ow, E as Wu } from "./index-D_VgD-w_.js";
-import { C as aw } from "./ContentMixin-BTXCMWvE.js";
+import { R as K1, U as Q1, w as ew, h as tw, q as iw, G as rw, _ as nw, K as ow, E as Wu } from "./index-BGGZxwXr.js";
+import { C as aw } from "./ContentMixin-CWtYskLS.js";
 import { ref as Ae, defineComponent as Ie, computed as ce, openBlock as fe, createElementBlock as Ce, mergeProps as Pr, unref as H, renderSlot as qe, useAttrs as sw, useSlots as au, shallowRef as Pi, watch as Je, nextTick as _t, onMounted as ni, toRef as ki, createCommentVNode as Ve, Fragment as Gt, normalizeClass as Le, createElementVNode as ke, createBlock as He, withCtx as pe, resolveDynamicComponent as Fi, withModifiers as ui, createVNode as se, toDisplayString as wt, normalizeStyle as It, provide as pi, reactive as Yi, onActivated as lw, onUpdated as rp, inject as ct, onBeforeUnmount as sr, withDirectives as Bt, cloneVNode as cw, Text as o0, Comment as uw, Transition as hl, vShow as yi, readonly as a0, onDeactivated as hw, toHandlers as dw, withKeys as gr, createTextVNode as yt, createSlots as pw, toRefs as cn, getCurrentInstance as si, h as ba, renderList as rr, onUnmounted as s0, markRaw as Ai, watchEffect as l0, warn as fw, onBeforeMount as mw, toRaw as np, getCurrentScope as c0, onScopeDispose as u0, isRef as Ro, isVNode as Qh, Teleport as gw, resolveComponent as Ri, resolveDirective as vw, toHandlerKey as yw, vModelText as bw, createApp as xw, hasInjectionContext as ww, effectScope as _w, isReactive as op, pushScopeId as Mw, popScopeId as Sw } from "vue";
 const Kr = (i, e, { checkForDefaultPrevented: t = !0 } = {}) => (r) => {
   const n = i == null ? void 0 : i(r);

package/dist/{Simulation-DPVhTovy.js → Simulation-Dv3scr6u.js}

@@ -1,7 +1,7 @@
-import { C as Bc } from "./ContentMixin-BTXCMWvE.js";
+import { C as Bc } from "./ContentMixin-CWtYskLS.js";
 import { ref as P, defineComponent as K, computed as g, openBlock as j, createElementBlock as L, mergeProps as rn, unref as d, renderSlot as te, useAttrs as Dc, useSlots as vs, shallowRef as $n, watch as ne, nextTick as Ae, onMounted as $e, toRef as ft, createCommentVNode as W, Fragment as qe, normalizeClass as z, createElementVNode as Z, createBlock as Y, withCtx as X, resolveDynamicComponent as mt, withModifiers as Re, createVNode as fe, toDisplayString as ze, normalizeStyle as Te, provide as at, reactive as vt, onActivated as Uc, onUpdated as hs, inject as me, onBeforeUnmount as Et, withDirectives as He, cloneVNode as qc, Text as ys, Comment as Hc, Transition as so, vShow as $t, readonly as Zc, onDeactivated as Kc, withKeys as Mt, createSlots as Wc, toRefs as On, getCurrentInstance as Ze, h as Rn, renderList as on, warn as Jc, onBeforeMount as Gc, onUnmounted as Yc, toRaw as gs, watchEffect as Qc, getCurrentScope as Xc, onScopeDispose as ep, isRef as bs, Teleport as tp, resolveComponent as Ct, resolveDirective as np, toHandlerKey as rp, createTextVNode as Yt, vModelText as op, pushScopeId as ap, popScopeId as ip, createApp as lp } from "vue";
 import { y as sp } from "./plotvuer-DSwGHaaa.js";
-import { _ as up } from "./index-D_VgD-w_.js";
+import { _ as up } from "./index-BGGZxwXr.js";
 const It = (e, t, { checkForDefaultPrevented: n = !0 } = {}) => (r) => {
   const o = e == null ? void 0 : e(r);
   if (n === !1 || !o)