@abi-software/mapintegratedvuer 1.6.0 → 1.6.3

package/dist/{ContentMixin-CetX1ug9.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-BzopGyiz.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-CfapnFQ6.js → Flatmap-BsxLzsr9.js}

@@ -1,12 +1,12 @@
-import { _ as c, $ as h, t as u, T as s, E as l } from "./index-BzopGyiz.js";
-import { C as I } from "./ContentMixin-CetX1ug9.js";
-import { D as y, Q as g } from "./style-CrjDxqUa.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-CPMsJHLL.js → Iframe-Bsc3ZvDM.js}

@@ -1,6 +1,6 @@
-import { C as r } from "./ContentMixin-CetX1ug9.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-BzopGyiz.js";
+import { _ as n } from "./index-BGGZxwXr.js";
 const a = {
   name: "Iframe",
   mixins: [r]

package/dist/{MultiFlatmap-C9YhGVTK.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-BzopGyiz.js";
-import { C as k } from "./ContentMixin-CetX1ug9.js";
-import { D as b, P as w } from "./style-CrjDxqUa.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-B5oQVpfQ.js → Plot-BLZ6qDEp.js}

@@ -1,7 +1,7 @@
 import { y as o } from "./plotvuer-DSwGHaaa.js";
-import { C as a } from "./ContentMixin-CetX1ug9.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-BzopGyiz.js";
+import { _ as m } from "./index-BGGZxwXr.js";
 const p = {
   name: "Plot",
   mixins: [a],