@abi-software/mapintegratedvuer 1.9.0-beta.1 → 1.9.0-beta.3

package/dist/{Flatmap-CxqtqzTG.js → Flatmap-B2rxO-O0.js}

@@ -1,12 +1,12 @@
-import { _ as d, E as h, t as u, T as s, a as r } from "./index-BFdnIlxA.js";
-import { C as I } from "./ContentMixin-CukPHyXB.js";
-import { D as g, R as M } from "./style-DeVkU2io.js";
-import { resolveComponent as l, openBlock as p, createElementBlock as v, createVNode as y, createBlock as C, createCommentVNode as S } from "vue";
-const w = {
+import { _ as c, G as h, t as u, T as l, E as r } from "./index-BxnKKH6I.js";
+import { C as g } from "./ContentMixin-EguyU2f9.js";
+import { D as M, p as I } from "./style-DTctIWuz.js";
+import { resolveComponent as p, openBlock as s, createElementBlock as y, createVNode as v, createBlock as S, createCommentVNode as C } from "vue";
+const F = {
   name: "Flatmap",
-  mixins: [I, g],
+  mixins: [g, M],
   components: {
-    FlatmapVuer: M,
+    FlatmapVuer: I,
     HelpModeDialog: h
   },
   methods: {
@@ -23,69 +23,69 @@ const w = {
       var e;
       return (e = this.$refs.flatmap) == null ? void 0 : e.mapImp;
     },
-    flatmaprResourceSelected: function(e, t) {
-      if (this.resourceSelected(e, t), t.eventType === "click" && t.feature.type === "feature") {
-        const a = {
-          label: t.label || "",
-          id: t.feature.id || "",
-          featureId: t.feature.featureId || "",
-          taxonomy: t.taxonomy || "",
-          resources: t.resource.join(", ")
-        }, n = u(a);
-        s.sendEvent({
+    flatmaprResourceSelected: function(e, a) {
+      if (this.resourceSelected(e, a), a.eventType === "click" && a.feature.type === "feature") {
+        const n = {
+          label: a.label || "",
+          id: a.feature.id || "",
+          featureId: a.feature.featureId || "",
+          taxonomy: a.taxonomy || "",
+          resources: a.resource.join(", ")
+        }, t = u(n);
+        l.sendEvent({
           event: "interaction_event",
           event_name: "portal_maps_connectivity",
-          category: n,
+          category: t,
           location: e + " " + this.$refs.flatmap.viewingMode
         });
       }
     },
     flatmapReadyCall: function(e) {
-      let t = { id: this.entry.id, prov: this.getFlatmapImp().provenance };
-      r.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.flatmapReadyForMarkerUpdates(e), r.emit("mapLoaded", e);
+      let a = { id: this.entry.id, prov: this.getFlatmapImp().provenance };
+      r.emit("mapImpProv", a), this.$emit("flatmap-provenance-ready", a), this.flatmapReadyForMarkerUpdates(e), r.emit("mapLoaded", e);
     },
     onPathwaySelectionChanged: function(e) {
-      const { label: t, property: a, checked: n, selectionsTitle: i } = e;
-      s.sendEvent({
+      const { label: a, property: n, checked: t, selectionsTitle: i } = e;
+      l.sendEvent({
         event: "interaction_event",
         event_name: "portal_maps_pathway_change",
-        category: t + " [" + a + "] " + n,
+        category: a + " [" + n + "] " + t,
         location: i
       });
     },
     highlightFeatures: function(e) {
-      let t = e.name;
-      const a = this.$refs.flatmap.mapImp;
-      if (t) {
-        const n = a.search(t);
-        n.featureIds[0] && a.highlightFeatures([
-          a.modelForFeature(n.featureIds[0])
+      let a = e.name;
+      const n = this.$refs.flatmap.mapImp;
+      if (a) {
+        const t = n.search(a);
+        t.featureIds[0] && n.highlightFeatures([
+          n.modelForFeature(t.featureIds[0])
         ]);
       }
     },
     /**
      * Append the list of suggested terms to suggestions
      */
-    searchSuggestions: function(e, t) {
+    searchSuggestions: function(e, a) {
       if (e && this.$refs.flatmap.mapImp) {
-        const a = this.$refs.flatmap.mapImp.search(e);
-        (a.__featureIds || a.featureIds).forEach((i) => {
+        const n = this.$refs.flatmap.mapImp.search(e);
+        (n.__featureIds || n.featureIds).forEach((i) => {
           const o = this.$refs.flatmap.mapImp.annotation(i);
-          o && o.label && t.push(o.label);
+          o && o.label && a.push(o.label);
         });
       }
     },
-    zoomToFeatures: function(e, t) {
-      let a = e.name;
-      const n = this.$refs.flatmap.mapImp;
-      if (a) {
-        const i = n.search(a);
+    zoomToFeatures: function(e, a) {
+      let n = e.name;
+      const t = this.$refs.flatmap.mapImp;
+      if (n) {
+        const i = t.search(n);
         if (i.featureIds.length) {
-          let o = n.modelForFeature(i.featureIds[0]);
-          o ? (t && n.selectFeatures(o), n.zoomToFeatures(o)) : n.clearSearchResults();
+          let o = t.modelForFeature(i.featureIds[0]);
+          o ? (a && t.selectFeatures(o), t.zoomToFeatures(o)) : t.clearSearchResults();
         }
       } else
-        n.clearSearchResults();
+        t.clearSearchResults();
     },
     changeViewingMode: function(e) {
       this.$refs.flatmap.changeViewingMode(e);
@@ -97,33 +97,32 @@ const w = {
     }
   },
   mounted: function() {
-    r.on("annotation-close", (e) => {
-      const t = this.$refs.flatmap;
-      e != null && e.tabClose && t && this.$refs.flatmap.annotationEventCallback({}, { type: "aborted" });
+    r.on("annotation-close", () => {
+      this.$refs.flatmap && this.$refs.flatmap.annotationEventCallback({}, { type: "aborted" });
     }), r.on("markerUpdate", () => {
       this.flatmapMarkerUpdate(void 0);
     }), r.on("hoverUpdate", () => {
-      this.mapHoverHighlight();
+      this.cardHoverHighlight();
     }), r.on("show-connectivity", (e) => {
-      const { featureIds: t, offset: a } = e, n = this.$refs.flatmap;
-      n && n.moveMap(t, {
-        offsetX: a ? -150 : 0,
+      const { featureIds: a, offset: n } = e, t = this.$refs.flatmap;
+      t && t.moveMap(a, {
+        offsetX: n ? -150 : 0,
         zoom: 4
       });
     }), r.on("show-reference-connectivities", (e) => {
-      const t = this.$refs.flatmap;
-      t && t.showConnectivitiesByReference(e);
+      const a = this.$refs.flatmap;
+      a && a.showConnectivitiesByReference(e);
     });
   }
-}, F = { class: "viewer-container" };
-function b(e, t, a, n, i, o) {
-  const m = l("FlatmapVuer"), f = l("HelpModeDialog");
-  return p(), v("div", F, [
-    y(m, {
+}, w = { class: "viewer-container" };
+function b(e, a, n, t, i, o) {
+  const m = p("FlatmapVuer"), f = p("HelpModeDialog");
+  return s(), y("div", w, [
+    v(m, {
       state: e.entry.state,
       entry: e.entry.resource,
       mapManager: e.mapManager,
-      onResourceSelected: t[0] || (t[0] = (c) => o.flatmaprResourceSelected(e.entry.type, c)),
+      onResourceSelected: a[0] || (a[0] = (d) => o.flatmaprResourceSelected(e.entry.type, d)),
       onPanZoomCallback: e.flatmapPanZoomCallback,
       name: e.entry.resource,
       style: { height: "100%", width: "100%" },
@@ -139,7 +138,6 @@ function b(e, t, a, n, i, o) {
       onAnnotationClose: e.onAnnotationClose,
       annotationSidebar: e.annotationSidebar,
       onConnectivityInfoOpen: e.onConnectivityInfoOpen,
-      onConnectivityInfoClose: e.onConnectivityInfoClose,
       onConnectivityGraphError: e.onConnectivityGraphError,
       connectivityInfoSidebar: e.connectivityInfoSidebar,
       pathControls: !0,
@@ -153,18 +151,18 @@ function b(e, t, a, n, i, o) {
       onOpenMap: e.openMap,
       onPathwaySelectionChanged: o.onPathwaySelectionChanged,
       onMapmanagerLoaded: e.onMapmanagerLoaded
-    }, null, 8, ["state", "entry", "mapManager", "onPanZoomCallback", "name", "minZoom", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityInfoClose", "onConnectivityGraphError", "connectivityInfoSidebar", "onReady", "flatmapAPI", "sparcAPI", "onOpenMap", "onPathwaySelectionChanged", "onMapmanagerLoaded"]),
-    e.helpMode && e.useHelpModeDialog ? (p(), C(f, {
+    }, null, 8, ["state", "entry", "mapManager", "onPanZoomCallback", "name", "minZoom", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityGraphError", "connectivityInfoSidebar", "onReady", "flatmapAPI", "sparcAPI", "onOpenMap", "onPathwaySelectionChanged", "onMapmanagerLoaded"]),
+    e.helpMode && e.useHelpModeDialog ? (s(), S(f, {
       key: 0,
       ref: "flatmapHelp",
       flatmapRef: e.flatmapRef,
       lastItem: e.helpModeLastItem,
       onShowNext: e.onHelpModeShowNext,
       onFinishHelpMode: e.onFinishHelpMode
-    }, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : S("", !0)
+    }, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : C("", !0)
   ]);
 }
-const k = /* @__PURE__ */ d(w, [["render", b], ["__scopeId", "data-v-e3d04e7c"]]);
+const k = /* @__PURE__ */ c(F, [["render", b], ["__scopeId", "data-v-393c126c"]]);
 export {
   k as default
 };

package/dist/{Iframe-DEbnht3D.js → Iframe-BPdpAMF2.js}

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

package/dist/{MultiFlatmap-DB7ZL7mu.js → MultiFlatmap-DeEDa4_P.js}

@@ -1,8 +1,8 @@
-import { _ as u, E as h, b as y, g, a as r, t as M, T as p } from "./index-BFdnIlxA.js";
-import { C as v } from "./ContentMixin-CukPHyXB.js";
-import { D as I, q as C } from "./style-DeVkU2io.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) => {
+import { _ as u, G as h, a as y, g, E as s, t as M, T as p } from "./index-BxnKKH6I.js";
+import { C as v } from "./ContentMixin-EguyU2f9.js";
+import { D as I, A as C } from "./style-DTctIWuz.js";
+import { resolveComponent as f, openBlock as c, createElementBlock as S, createVNode as F, createBlock as w, createCommentVNode as k } 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>', d = (e) => {
   const t = [
     {
       display: "Open AC Map",
@@ -28,7 +28,7 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       break;
   }
   return t;
-}, R = {
+}, b = {
   name: "MultiFlatmap",
   mixins: [v, I],
   components: {
@@ -71,9 +71,9 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
           layout: "2vertpanel",
           type: "SyncMap",
           isBodyScaffold: !0
-        }), e && r.emit("SyncModeRequest", { flag: !0, action: e });
+        }), e && s.emit("SyncModeRequest", { id: this.entry.id, flag: !0, action: e });
       } else
-        r.emit("SyncModeRequest", { flag: !1 });
+        s.emit("SyncModeRequest", { id: this.entry.id, lag: !1 });
     },
     getState: function() {
       if (this.flatmapReady) return this.$refs.multiflatmap.getState();
@@ -103,8 +103,8 @@ const b = '<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 s = a.mapImp.annotation(i);
-          s && s.label && t.push(s.label);
+          const r = a.mapImp.annotation(i);
+          r && r.label && t.push(r.label);
         });
       }
     },
@@ -149,12 +149,12 @@ const b = '<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 s = o / i / t;
+        let r = o / i / t;
         const l = n / i / t, m = [
-          a[0] / 2 + 0.5 - s / 2,
+          a[0] / 2 + 0.5 - r / 2,
           0.5 - a[1] / 2 - l / 2
         ];
-        this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(m, [s, l]);
+        this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(m, [r, l]);
       }
     },
     displayTooltip: function(e) {
@@ -184,11 +184,11 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       const e = this.getFlatmapImp();
       if (e) {
         let t = { id: this.entry.id, prov: e.provenance };
-        this.$emit("flatmap-provenance-ready", t);
+        s.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t);
       }
     },
     flatmapChanged: async function(e) {
-      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({
+      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(), p.sendEvent({
         event: "interaction_event",
         event_name: "portal_maps_species_change",
         category: this.activeSpecies
@@ -198,7 +198,7 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       if (e) {
         e.enablePanZoomEvents(!0), this.flatmapReady = !0;
         const t = e.mapImp;
-        this.flatmapMarkerUpdate(t), this.updateProvCard(), r.emit("mapLoaded", e);
+        this.flatmapMarkerUpdate(t), this.updateProvCard(), this.loadConnectivityKnowledge(t), s.emit("mapLoaded", e);
       }
     },
     getFlatmapImp: function() {
@@ -211,7 +211,7 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
         label: "Unused",
         val: this.getFlatmapImp().visibleMarkerAnatomicalIds().map((n) => this.idNamePair[n])
       };
-      r.emit("PopoverActionClick", a);
+      s.emit("PopoverActionClick", a);
     },
     restoreFeaturedMarkers: function(e) {
       this.settingsStore.resetFeaturedMarkerIdentifier();
@@ -232,15 +232,15 @@ const b = '<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 = b;
-        const s = o.addMarker(e, {
+        i.innerHTML = R;
+        const r = o.addMarker(e, {
           element: i,
           className: "highlight-marker",
           cluster: !1
         });
         return this.settingsStore.updateFeaturedMarkerIdentifier({
           index: t,
-          markerIdentifier: s
+          markerIdentifier: r
         }), !0;
       }
       return !1;
@@ -253,6 +253,9 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
     },
     showConnectivityTooltips: function(e) {
       this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().showConnectivityTooltips(e);
+    },
+    changeConnectivitySource: function(e) {
+      this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().changeConnectivitySource(e);
     }
   },
   computed: {
@@ -272,9 +275,9 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
     }
   },
   mounted: function() {
-    this.getFeaturedDatasets(), r.on("annotation-close", (e) => {
-      e != null && e.tabClose && this.flatmapReady && this.$refs.multiflatmap && this.$refs.multiflatmap.getCurrentFlatmap().annotationEventCallback({}, { type: "aborted" });
-    }), r.on("show-connectivity", (e) => {
+    this.getFeaturedDatasets(), s.on("annotation-close", () => {
+      this.flatmapReady && this.$refs.multiflatmap && this.$refs.multiflatmap.getCurrentFlatmap().annotationEventCallback({}, { type: "aborted" });
+    }), s.on("show-connectivity", (e) => {
       const { featureIds: t, offset: a } = e;
       if (this.flatmapReady && this.$refs.multiflatmap) {
         const n = this.$refs.multiflatmap.getCurrentFlatmap();
@@ -283,24 +286,31 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
           zoom: 4
         });
       }
-    }), r.on("show-reference-connectivities", (e) => {
+    }), s.on("show-reference-connectivities", (e) => {
       if (this.flatmapReady && this.$refs.multiflatmap) {
         const t = this.$refs.multiflatmap.getCurrentFlatmap();
         t && t.showConnectivitiesByReference(e);
       }
-    }), r.on("connectivity-component-click", (e) => {
+    }), s.on("connectivity-hovered", (e) => {
       this.showConnectivityTooltips(e);
-    }), r.on("markerUpdate", () => {
+    }), s.on("connectivity-source-change", (e) => {
+      this.changeConnectivitySource(e);
+    }), s.on("markerUpdate", () => {
       this.flatmapReady && this.flatmapMarkerUpdate(this.$refs.multiflatmap.getCurrentFlatmap().mapImp);
-    }), r.on("hoverUpdate", () => {
-      this.flatmapReady && this.mapHoverHighlight();
+    }), s.on("hoverUpdate", () => {
+      this.flatmapReady && this.cardHoverHighlight();
+    }), s.on("connectivity-query-filter", (e) => {
+      if (this.flatmapReady && this.$refs.multiflatmap) {
+        const t = this.$refs.multiflatmap.getCurrentFlatmap();
+        t && t.mapImp && this.connectivityQueryFilter(t, e);
+      }
     });
   }
 }, H = { class: "viewer-container" };
 function L(e, t, a, n, o, i) {
-  const s = f("MultiFlatmapVuer"), l = f("HelpModeDialog");
+  const r = f("MultiFlatmapVuer"), l = f("HelpModeDialog");
   return c(), S("div", H, [
-    F(s, {
+    F(r, {
       availableSpecies: e.availableSpecies,
       onFlatmapChanged: i.flatmapChanged,
       onReady: i.multiFlatmapReady,
@@ -319,7 +329,6 @@ function L(e, t, a, n, o, i) {
       onAnnotationClose: e.onAnnotationClose,
       annotationSidebar: e.annotationSidebar,
       onConnectivityInfoOpen: e.onConnectivityInfoOpen,
-      onConnectivityInfoClose: e.onConnectivityInfoClose,
       onConnectivityGraphError: e.onConnectivityGraphError,
       connectivityInfoSidebar: e.connectivityInfoSidebar,
       ref: "multiflatmap",
@@ -335,18 +344,18 @@ function L(e, t, a, n, o, i) {
       onPathwaySelectionChanged: i.onPathwaySelectionChanged,
       onOpenPubmedUrl: i.onOpenPubmedUrl,
       onMapmanagerLoaded: e.onMapmanagerLoaded
-    }, null, 8, ["availableSpecies", "onFlatmapChanged", "onReady", "state", "mapManager", "initial", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityInfoClose", "onConnectivityGraphError", "connectivityInfoSidebar", "showStarInLegend", "openMapOptions", "flatmapAPI", "sparcAPI", "onPanZoomCallback", "onOpenMap", "onFinishHelpMode", "onPathwaySelectionChanged", "onOpenPubmedUrl", "onMapmanagerLoaded"]),
-    e.helpMode && e.useHelpModeDialog ? (c(), k(l, {
+    }, null, 8, ["availableSpecies", "onFlatmapChanged", "onReady", "state", "mapManager", "initial", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityGraphError", "connectivityInfoSidebar", "showStarInLegend", "openMapOptions", "flatmapAPI", "sparcAPI", "onPanZoomCallback", "onOpenMap", "onFinishHelpMode", "onPathwaySelectionChanged", "onOpenPubmedUrl", "onMapmanagerLoaded"]),
+    e.helpMode && e.useHelpModeDialog ? (c(), w(l, {
       key: 0,
       ref: "multiflatmapHelp",
       multiflatmapRef: e.multiflatmapRef,
       lastItem: e.helpModeLastItem,
       onShowNext: e.onHelpModeShowNext,
       onFinishHelpMode: e.onFinishHelpMode
-    }, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : w("", !0)
+    }, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : k("", !0)
   ]);
 }
-const T = /* @__PURE__ */ u(R, [["render", L], ["__scopeId", "data-v-4f713fcd"]]);
+const T = /* @__PURE__ */ u(b, [["render", L], ["__scopeId", "data-v-7b3be366"]]);
 export {
   T as default
 };

package/dist/{Plot-eTjN3jFm.js → Plot-C6R5QybS.js}

@@ -1,7 +1,7 @@
 import { PlotVuer as o } from "@abi-software/plotvuer";
-import { C as r } from "./ContentMixin-CukPHyXB.js";
+import { C as r } from "./ContentMixin-EguyU2f9.js";
 import { resolveComponent as a, openBlock as n, createBlock as s } from "vue";
-import { _ as m } from "./index-BFdnIlxA.js";
+import { _ as m } from "./index-BxnKKH6I.js";
 const p = {
   name: "Plot",
   mixins: [r],

package/dist/{Scaffold-EQbo-XRc.js → Scaffold-DVfxzKQM.js}

@@ -1,5 +1,5 @@
-import { c as K1, k as Q1, w as ew, h as tw, x as iw, S as rw, _ as nw, E as ow, a as Wu } from "./index-BFdnIlxA.js";
-import { C as aw } from "./ContentMixin-CukPHyXB.js";
+import { z as K1, U as Q1, w as ew, h as tw, K as iw, W as rw, _ as nw, G as ow, E as Wu } from "./index-BxnKKH6I.js";
+import { C as aw } from "./ContentMixin-EguyU2f9.js";
 import { ref as Ee, defineComponent as Pe, computed as he, openBlock as ye, createElementBlock as Ce, mergeProps as Rr, unref as V, renderSlot as $e, useAttrs as sw, useSlots as au, shallowRef as Ci, watch as Qe, nextTick as yt, onMounted as ti, toRef as Ii, createCommentVNode as Ue, Fragment as zt, normalizeClass as Re, createElementVNode as ze, createBlock as Ve, withCtx as ve, resolveDynamicComponent as Ni, withModifiers as si, createVNode as le, toDisplayString as vt, normalizeStyle as Ct, provide as ui, reactive as $i, onActivated as lw, onUpdated as ip, inject as ht, onBeforeUnmount as rr, withDirectives as Ot, cloneVNode as cw, Text as n0, Comment as uw, Transition as hl, vShow as mi, readonly as o0, onDeactivated as hw, toHandlers as dw, withKeys as pr, createTextVNode as mt, createSlots as pw, toRefs as ln, getCurrentInstance as ni, h as ba, renderList as Qi, onUnmounted as a0, markRaw as Wt, watchEffect as s0, warn as fw, onBeforeMount as mw, toRaw as rp, getCurrentScope as l0, onScopeDispose as c0, isRef as Lo, isVNode as Kh, Teleport as gw, resolveComponent as Ei, resolveDirective as vw, toHandlerKey as yw, vModelText as bw, createApp as xw, hasInjectionContext as ww, effectScope as _w, isReactive as np } from "vue";
 const Jr = (i, e, { checkForDefaultPrevented: t = !0 } = {}) => (r) => {
   const n = i == null ? void 0 : i(r);
@@ -39328,7 +39328,7 @@ const H1 = m4("main", {
   data: function() {
     return {
       display: !1,
-      annotationEntry: {},
+      annotationEntry: [],
       ElIconDelete: Ci(Zc)
     };
   },
@@ -39344,16 +39344,16 @@ const H1 = m4("main", {
       if (this.visible && this.label && this.label !== "") {
         if (this.display = !0, this.annotationDisplay) {
           const i = this.region ? this.region + "/" : "";
-          this.annotationEntry = {
+          this.annotationEntry.push({
             featureId: i + this.label,
             resourceId: this.scaffoldUrl,
             resource: this.scaffoldUrl,
             feature: this.annotationFeature,
             offline: this.offlineAnnotationEnabled
-          };
+          });
         }
       } else
-        this.display = !1, this.annotationEntry = {};
+        this.display = !1, this.annotationEntry = [];
     },
     hideTriggered: function() {
       this.$emit("tooltip-hide");
@@ -39469,7 +39469,7 @@ function x4(i, e, t, r, n, o) {
     }, 8, ["visible", "onHide"])
   ], 4);
 }
-const G1 = /* @__PURE__ */ xn(g4, [["render", x4], ["__scopeId", "data-v-4d16262d"]]);
+const G1 = /* @__PURE__ */ xn(g4, [["render", x4], ["__scopeId", "data-v-10b34096"]]);
 /*! js-cookie v3.0.5 | MIT */
 function Ic(i) {
   for (var e = 1; e < arguments.length; e++) {
@@ -42867,13 +42867,13 @@ const $4 = {
         const r = Wv(this.$module.scene, i);
         if (r && r.objects.length > 0)
           if (this.annotationSidebar) {
-            const n = {
+            const n = [{
               featureId: (this.tData.region ? this.tData.region + "/" : "") + this.tData.label,
               resourceId: this.url,
               resource: this.url,
               feature: this.annotationFeature,
               offline: this.offlineAnnotationEnabled
-            };
+            }];
             this.$emit("annotation-open", {
               annotationEntry: n,
               createData: this.createData,
@@ -43720,7 +43720,7 @@ function oF(i, e, t, r, n, o) {
     [x, i.loading]
   ]);
 }
-const aF = /* @__PURE__ */ xn($4, [["render", oF], ["__scopeId", "data-v-62fb1890"]]), sF = {
+const aF = /* @__PURE__ */ xn($4, [["render", oF], ["__scopeId", "data-v-878f81c4"]]), sF = {
   name: "Scaffold",
   mixins: [aw],
   components: {
@@ -43829,7 +43829,7 @@ const aF = /* @__PURE__ */ xn($4, [["render", oF], ["__scopeId", "data-v-62fb189
       return this.entry.isBodyScaffold ? "This map displays the anatomical location and connectivity of nerves, through which the neuron populations from the ApiNATOMY models available in SCKAN can be routed." : "Under active development";
     },
     markerLabels: function() {
-      return this.settingsStore.globalSettings.displayMarker ? this.settingsStore.numberOfDatasetsForFacets : {};
+      return this.settingsStore.globalSettings.displayMarkers ? this.settingsStore.numberOfDatasetsForFacets : {};
     }
   },
   data: function() {
@@ -43843,7 +43843,7 @@ const aF = /* @__PURE__ */ xn($4, [["render", oF], ["__scopeId", "data-v-62fb189
     this.scaffoldCamera = this.$refs.scaffold.$module.scene.getZincCameraControls(), Wu.on("startHelp", () => {
       this.startHelp();
     }), Wu.on("hoverUpdate", () => {
-      this.scaffoldLoaded && this.mapHoverHighlight();
+      this.scaffoldLoaded && this.cardHoverHighlight();
     });
   }
 }, lF = { class: "viewer-container" };
@@ -43892,7 +43892,7 @@ function cF(i, e, t, r, n, o) {
     }, null, 8, ["scaffoldRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : Ue("", !0)
   ]);
 }
-const pF = /* @__PURE__ */ nw(sF, [["render", cF], ["__scopeId", "data-v-55bdf74d"]]);
+const pF = /* @__PURE__ */ nw(sF, [["render", cF], ["__scopeId", "data-v-fa031bde"]]);
 export {
   pF as default
 };

package/dist/{Simulation-n3xUY1sG.js → Simulation-DxkR7k2K.js}

@@ -1,7 +1,7 @@
-import { C as i } from "./ContentMixin-CukPHyXB.js";
+import { C as i } from "./ContentMixin-EguyU2f9.js";
 import { SimulationVuer as t } from "@abi-software/simulationvuer";
 import { resolveComponent as e, openBlock as r, createBlock as a } from "vue";
-import { _ as m } from "./index-BFdnIlxA.js";
+import { _ as m } from "./index-BxnKKH6I.js";
 const c = {
   name: "Simulation",
   mixins: [i],