@abi-software/mapintegratedvuer 1.9.0-beta.0 → 1.9.0-beta.2

package/dist/{Flatmap-B1OnfjfL.js → Flatmap-CCNdXCt7.js}

@@ -1,12 +1,12 @@
-import { _ as d, x as h, t as u, T as s, E as r } from "./index-BGZgzrzo.js";
-import { C as I } from "./ContentMixin-Ccjd33IX.js";
-import { D as g, R as M } from "./style-Dd26IITM.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-z8CoyNjc.js";
+import { C as g } from "./ContentMixin-DhYKJqtq.js";
+import { D as M, p as I } from "./style-DwAEhcnj.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-BDDbPJx2.js → Iframe-DRy2XYXB.js}

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

package/dist/{MultiFlatmap-ekGs1Vqx.js → MultiFlatmap-C5wAg0Tx.js}

@@ -1,8 +1,8 @@
-import { _ as u, x as h, a as y, g, E as r, t as M, T as p } from "./index-BGZgzrzo.js";
-import { C as v } from "./ContentMixin-Ccjd33IX.js";
-import { D as I, q as C } from "./style-Dd26IITM.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-z8CoyNjc.js";
+import { C as v } from "./ContentMixin-DhYKJqtq.js";
+import { D as I, A as C } from "./style-DwAEhcnj.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-ByUL7Ip1.js → Plot-D4qtJ6vo.js}

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

package/dist/{Scaffold-hK8KW9Yh.js → Scaffold-BXhAyVhd.js}

@@ -1,5 +1,5 @@
-import { y as K1, b as Q1, w as ew, h as tw, C as iw, k as rw, _ as nw, x as ow, E as Wu } from "./index-BGZgzrzo.js";
-import { C as aw } from "./ContentMixin-Ccjd33IX.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-z8CoyNjc.js";
+import { C as aw } from "./ContentMixin-DhYKJqtq.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);
@@ -31407,7 +31407,7 @@ const Bz = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         /* 2 */
         /***/
         (a) => {
-          a.exports = /* @__PURE__ */ JSON.parse('{"name":"zincjs","version":"1.12.1","description":"ZincJS (Web-based-Zinc-Visualisation)","main":"build/zinc.js","directories":{"doc":"docs"},"files":["package.json","LICENSE","README.md","src/*","build/zinc.js","build/zinc.frontend.js","build/zinc.js.map","webpack.config.js"],"scripts":{"build-bundle":"webpack --config webpack.frontend.js; webpack --config webpack.backend.js","build-backend":"webpack --config webpack.backend.js","test":"npm --prefix ./test install && npm --prefix ./test run test-ci","changelog":"auto-changelog -p --output CHANGELOG.md --template keepachangelog","jsdoc":"jsdoc -c jsdoc_conf.json","version":"npm run build-bundle;npm run jsdoc;npm run changelog; git add CHANGELOG.md docs","release:beta":"npm version prerelease --preid=beta; npm publish --tag beta","release:minor":"npm version minor; npm publish","release:patch":"npm version patch;  npm publish"},"repository":{"type":"git","url":"git+https://github.com/alan-wu/ZincJS.git"},"keywords":["library","webgl","3d","zincjs"],"author":"Alan Wu <alan.wu@auckland.ac.nz>","license":"MIT","bugs":{"url":"https://github.com/alan-wu/ZincJS/issues"},"homepage":"http://alan-wu.github.io/ZincJS/","devDependencies":{"@babel/core":"^7.23.9","@babel/preset-env":"^7.23.9","auto-changelog":"^2.4.0","babel-loader":"^9.1.3","babel-preset-minify":"^0.5.1","file-loader":"^6.2.0","jsdoc":"^4.0.2","raw-loader":"^4.0.2","webpack":"^5.90.3","webpack-cli":"^5.1.4","webpack-node-externals":"^3.0.0"},"dependencies":{"css-element-queries":"^1.2.2","lodash":"^4.17.19","promise-polyfill":"^8.1.3","three":"^0.130.1","three-spritetext":"1.6.2","url-loader":"^4.1.1","url-polyfill":"^1.1.7","webworkify-webpack":"^2.1.5"}}');
+          a.exports = /* @__PURE__ */ JSON.parse('{"name":"zincjs","version":"1.13.0","description":"ZincJS (Web-based-Zinc-Visualisation)","main":"build/zinc.js","directories":{"doc":"docs"},"files":["package.json","LICENSE","README.md","src/*","build/zinc.js","build/zinc.frontend.js","build/zinc.js.map","webpack.config.js"],"scripts":{"build-bundle":"webpack --config webpack.frontend.js; webpack --config webpack.backend.js","build-backend":"webpack --config webpack.backend.js","test":"npm --prefix ./test install && npm --prefix ./test run test-ci","changelog":"auto-changelog -p --output CHANGELOG.md --template keepachangelog","jsdoc":"jsdoc -c jsdoc_conf.json","version":"npm run build-bundle;npm run jsdoc;npm run changelog; git add CHANGELOG.md docs","release:beta":"npm version prerelease --preid=beta; npm publish --tag beta","release:minor":"npm version minor; npm publish","release:patch":"npm version patch;  npm publish"},"repository":{"type":"git","url":"git+https://github.com/alan-wu/ZincJS.git"},"keywords":["library","webgl","3d","zincjs"],"author":"Alan Wu <alan.wu@auckland.ac.nz>","license":"MIT","bugs":{"url":"https://github.com/alan-wu/ZincJS/issues"},"homepage":"http://alan-wu.github.io/ZincJS/","devDependencies":{"@babel/core":"^7.23.9","@babel/preset-env":"^7.23.9","auto-changelog":"^2.4.0","babel-loader":"^9.1.3","babel-preset-minify":"^0.5.1","file-loader":"^6.2.0","jsdoc":"^4.0.2","raw-loader":"^4.0.2","webpack":"^5.90.3","webpack-cli":"^5.1.4","webpack-node-externals":"^3.0.0"},"dependencies":{"css-element-queries":"^1.2.2","lodash":"^4.17.19","promise-polyfill":"^8.1.3","three":"^0.130.1","three-spritetext":"1.6.2","url-loader":"^4.1.1","url-polyfill":"^1.1.7","webworkify-webpack":"^2.1.5"}}');
         },
         /* 3 */
         /***/
@@ -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++) {
@@ -42231,6 +42231,12 @@ const $4 = {
     }
   },
   methods: {
+    enableAxisDisplay: function(i, e) {
+      this.$module.scene && this.$module.scene.enableAxisDisplay(i, e);
+    },
+    createAxisDisplay: function(i) {
+      this.$module.scene && this.$module.scene.createAxisDisplay(i);
+    },
     /**
      * @public
      * Call this to manually add a zinc object into the current scene.
@@ -42341,7 +42347,7 @@ const $4 = {
       if (this.existDrawnFeatures = Wt(this.existDrawnFeatures.filter((o) => o.id !== n.item.id)), this.existDrawnFeatures.push(n.feature), this.offlineAnnotationEnabled) {
         n.group = e;
         let o = i;
-        o.slice(-1) === "/" && (o = o.slice(0, -1)), n.region = o, this.offlineAnnotations = JSON.parse(sessionStorage.getItem("offline-annotation")) || [], this.offlineAnnotations.push(n), sessionStorage.setItem("offline-annotation", JSON.stringify(this.offlineAnnotations));
+        o.slice(-1) === "/" && (o = o.slice(0, -1)), n.region = o, this.offlineAnnotations = JSON.parse(sessionStorage.getItem("anonymous-annotation")) || [], this.offlineAnnotations.push(n), sessionStorage.setItem("anonymous-annotation", JSON.stringify(this.offlineAnnotations));
       }
       this.$emit("userPrimitivesUpdated", { region: i, group: e, zincObject: t });
     },
@@ -42407,7 +42413,7 @@ const $4 = {
     confirmComment: function(i) {
       if (this._editingZincObject) {
         let e = i;
-        this._editingZincObject.isEditable && (this.existDrawnFeatures = Wt(this.existDrawnFeatures.filter((t) => t.id !== e.item.id)), this.existDrawnFeatures.push(i.feature)), this.offlineAnnotationEnabled && (e.group = this._editingZincObject.groupName, e.region = this._editingZincObject.region.getFullPath(), this.offlineAnnotations = JSON.parse(sessionStorage.getItem("offline-annotation")) || [], this.offlineAnnotations.push(e), sessionStorage.setItem("offline-annotation", JSON.stringify(this.offlineAnnotations)));
+        this._editingZincObject.isEditable && (this.existDrawnFeatures = Wt(this.existDrawnFeatures.filter((t) => t.id !== e.item.id)), this.existDrawnFeatures.push(i.feature)), this.offlineAnnotationEnabled && (e.group = this._editingZincObject.groupName, e.region = this._editingZincObject.region.getFullPath(), this.offlineAnnotations = JSON.parse(sessionStorage.getItem("anonymous-annotation")) || [], this.offlineAnnotations.push(e), sessionStorage.setItem("anonymous-annotation", JSON.stringify(this.offlineAnnotations)));
       }
     },
     /**
@@ -42427,7 +42433,7 @@ const $4 = {
           this.url,
           "Deleted"
         );
-        r && (this.existDrawnFeatures = Wt(this.existDrawnFeatures.filter((n) => n.id !== r.item.id)), this.$module.scene.getRootRegion().findChildFromPath(e).removeZincObject(this._editingZincObject), this.offlineAnnotationEnabled && (this.offlineAnnotations = JSON.parse(sessionStorage.getItem("offline-annotation")) || [], this.offlineAnnotations = this.offlineAnnotations.filter((n) => n.item.id !== r.item.id), sessionStorage.setItem("offline-annotation", JSON.stringify(this.offlineAnnotations))));
+        r && (this.existDrawnFeatures = Wt(this.existDrawnFeatures.filter((n) => n.id !== r.item.id)), this.$module.scene.getRootRegion().findChildFromPath(e).removeZincObject(this._editingZincObject), this.offlineAnnotationEnabled && (this.offlineAnnotations = JSON.parse(sessionStorage.getItem("anonymous-annotation")) || [], this.offlineAnnotations = this.offlineAnnotations.filter((n) => n.item.id !== r.item.id), sessionStorage.setItem("anonymous-annotation", JSON.stringify(this.offlineAnnotations))));
       }
       this.cancelCreate();
     },
@@ -42861,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,
@@ -42901,7 +42907,7 @@ const $4 = {
     addAnnotationFeature: async function() {
       let i;
       if (this.offlineAnnotationEnabled)
-        this.offlineAnnotations = JSON.parse(sessionStorage.getItem("offline-annotation")) || [], i = this.offlineAnnotations.filter((e) => e.resource === this.url && e.feature.properties.drawn).map((e) => e.feature);
+        this.offlineAnnotations = JSON.parse(sessionStorage.getItem("anonymous-annotation")) || [], i = this.offlineAnnotations.filter((e) => e.resource === this.url && e.feature.properties.drawn).map((e) => e.feature);
       else {
         i = [];
         const e = await qv(this.annotator, this.userToken, this.url);
@@ -43040,7 +43046,7 @@ const $4 = {
         } else i.region && i.region !== "" && this.viewRegion(i.region);
         i.visibility && this.$nextTick(() => {
           this.$refs.scaffoldTreeControls.setState(i.visibility);
-        }), i.background && this.backgroundChangeCallback(i.background), i.offlineAnnotations && sessionStorage.setItem("offline-annotation", i.offlineAnnotations), i.viewingMode && this.changeViewingMode(i.viewingMode);
+        }), i.background && this.backgroundChangeCallback(i.background), i.offlineAnnotations && sessionStorage.setItem("anonymous-annotation", i.offlineAnnotations), i.viewingMode && this.changeViewingMode(i.viewingMode);
         const e = i.search;
         e && e.group && (e.isSearch ? this.search(e.group, !0) : this.changeActiveByName(e.group, e.region, !0));
       }
@@ -43086,7 +43092,7 @@ const $4 = {
         let e = this.$module.scene.getZincCameraControls();
         i.viewport = e.getCurrentViewport();
       }
-      return this.lastSelected && this.lastSelected.group && (i.search = { ...this.lastSelected }), this.offlineAnnotationEnabled && (i.offlineAnnotations = sessionStorage.getItem("offline-annotation")), i;
+      return this.lastSelected && this.lastSelected.group && (i.search = { ...this.lastSelected }), this.offlineAnnotationEnabled && (i.offlineAnnotations = sessionStorage.getItem("anonymous-annotation")), i;
     },
     /**
      * Function used for importing the states of the scene. This exported states
@@ -43101,7 +43107,7 @@ const $4 = {
         viewport: i.viewport,
         visibility: i.visibility,
         background: i.background,
-        viewingMode: this.viewingMode,
+        viewingMode: i.viewingMode,
         search: i.search,
         offlineAnnotations: i.offlineAnnotations
       }) : (i.background || i.search || i.viewport || i.viewingMode || i.visibility) && (this.isReady && this.$module.scene ? this.restoreSettings(i) : this.$module.setFinishDownloadCallback(
@@ -43155,7 +43161,7 @@ const $4 = {
         const e = i.map((t) => t.feature);
         Zv(this.$module.scene, e), i.forEach((t) => {
           this.offlineAnnotations.push({ ...t });
-        }), sessionStorage.setItem("offline-annotation", JSON.stringify(this.offlineAnnotations));
+        }), sessionStorage.setItem("anonymous-annotation", JSON.stringify(this.offlineAnnotations));
       }
     },
     /**
@@ -43618,7 +43624,7 @@ function oF(i, e, t, r, n, o) {
                   class: "viewing-mode-description"
                 }, {
                   default: ve(() => e[34] || (e[34] = [
-                    mt(" (Offline annotate) ")
+                    mt(" (Anonymous annotate) ")
                   ])),
                   _: 1
                 })) : Ue("", !0)
@@ -43714,7 +43720,7 @@ function oF(i, e, t, r, n, o) {
     [x, i.loading]
   ]);
 }
-const aF = /* @__PURE__ */ xn($4, [["render", oF], ["__scopeId", "data-v-0e4573fe"]]), sF = {
+const aF = /* @__PURE__ */ xn($4, [["render", oF], ["__scopeId", "data-v-878f81c4"]]), sF = {
   name: "Scaffold",
   mixins: [aw],
   components: {
@@ -43823,7 +43829,7 @@ const aF = /* @__PURE__ */ xn($4, [["render", oF], ["__scopeId", "data-v-0e4573f
       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() {
@@ -43837,7 +43843,7 @@ const aF = /* @__PURE__ */ xn($4, [["render", oF], ["__scopeId", "data-v-0e4573f
     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" };
@@ -43886,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
 };