@abi-software/mapintegratedvuer 1.7.2 → 1.8.0-isan.1

package/dist/{Flatmap-fO2lvKFX.js → Flatmap-Bi9esI2v.js}

@@ -1,12 +1,12 @@
-import { _ as c, p as h, t as u, T as l, E as r } from "./index-DcTjoXV1.js";
-import { C as I } from "./ContentMixin-CdE8AlUJ.js";
-import { D as g, y as M } from "./style-C2GyLbPa.js";
-import { resolveComponent as s, openBlock as p, createElementBlock as y, createVNode as v, createBlock as S, createCommentVNode as C } from "vue";
-const F = {
+import { _ as c, O as h, t as u, T as l, E as r } from "./index-DFkMrKek.js";
+import { C as g } from "./ContentMixin-CthZZNjI.js";
+import { D as M, J as y } from "./style-DlUxkFU-.js";
+import { resolveComponent as s, openBlock as p, createElementBlock as I, createVNode as v, createBlock as S, createCommentVNode as C } from "vue";
+const w = {
   name: "Flatmap",
-  mixins: [I, g],
+  mixins: [g, M],
   components: {
-    FlatmapVuer: M,
+    FlatmapVuer: y,
     HelpModeDialog: h
   },
   methods: {
@@ -24,7 +24,11 @@ const F = {
       return (e = this.$refs.flatmap) == null ? void 0 : e.mapImp;
     },
     flatmaprResourceSelected: function(e, a) {
-      if (this.resourceSelected(e, a), a.eventType === "click" && a.feature.type === "feature") {
+      if (this.resourceSelected(
+        e,
+        a,
+        this.$refs.flatmap.viewingMode === "Exploration"
+      ), a.eventType === "click" && a.feature.type === "feature") {
         const n = {
           label: a.label || "",
           id: a.feature.id || "",
@@ -97,32 +101,34 @@ const F = {
     }
   },
   mounted: function() {
-    r.on("annotation-close", (e) => {
-      const a = this.$refs.flatmap;
-      e != null && e.tabClose && a && 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.$refs.flatmap.mapImp);
+      this.cardHoverHighlight();
     }), r.on("show-connectivity", (e) => {
       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 a = this.$refs.flatmap;
+      a && a.showConnectivitiesByReference(e);
     });
   }
-}, w = { class: "viewer-container" };
+}, F = { class: "viewer-container" };
 function b(e, a, n, t, i, o) {
   const m = s("FlatmapVuer"), f = s("HelpModeDialog");
-  return p(), y("div", w, [
+  return p(), I("div", F, [
     v(m, {
       state: e.entry.state,
       entry: e.entry.resource,
       mapManager: e.mapManager,
       onResourceSelected: a[0] || (a[0] = (d) => o.flatmaprResourceSelected(e.entry.type, d)),
       onPanZoomCallback: e.flatmapPanZoomCallback,
-      name: e.entry.resource,
+      name: e.entry.resource ? e.entry.resource : e.entry.data,
       style: { height: "100%", width: "100%" },
       minZoom: e.entry.minZoom,
       helpMode: e.helpMode,
@@ -136,7 +142,6 @@ function b(e, a, n, t, i, o) {
       onAnnotationClose: e.onAnnotationClose,
       annotationSidebar: e.annotationSidebar,
       onConnectivityInfoOpen: e.onConnectivityInfoOpen,
-      onConnectivityInfoClose: e.onConnectivityInfoClose,
       onConnectivityGraphError: e.onConnectivityGraphError,
       connectivityInfoSidebar: e.connectivityInfoSidebar,
       pathControls: !0,
@@ -150,7 +155,7 @@ function b(e, a, n, t, 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"]),
+    }, 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 ? (p(), S(f, {
       key: 0,
       ref: "flatmapHelp",
@@ -161,7 +166,7 @@ function b(e, a, n, t, i, o) {
     }, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : C("", !0)
   ]);
 }
-const R = /* @__PURE__ */ c(F, [["render", b], ["__scopeId", "data-v-9e155ca8"]]);
+const k = /* @__PURE__ */ c(w, [["render", b], ["__scopeId", "data-v-b98a99d3"]]);
 export {
-  R as default
+  k as default
 };

package/dist/{Iframe-C8wxLuOy.js → Iframe-bsYxppii.js}

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

package/dist/{MultiFlatmap-Dijv5l_F.js → MultiFlatmap-BWFsdMgS.js}

@@ -1,8 +1,8 @@
-import { _ as u, p as h, a as y, g, E as r, t as M, T as p } from "./index-DcTjoXV1.js";
-import { C as v } from "./ContentMixin-CdE8AlUJ.js";
-import { D as I, F as C } from "./style-C2GyLbPa.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, O as h, a as y, g, E as s, t as M, T as p } from "./index-DFkMrKek.js";
+import { C as v } from "./ContentMixin-CthZZNjI.js";
+import { D as I, Q as C } from "./style-DlUxkFU-.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", { flag: !0, action: e });
       } else
-        r.emit("SyncModeRequest", { flag: !1 });
+        s.emit("SyncModeRequest", { flag: !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,11 +198,11 @@ 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() {
-      if (this.entry.type === "MultiFlatmap" && this.flatmapReady && this.$refs.multiflatmap)
+      if (this.flatmapReady && this.$refs.multiflatmap)
         return this.$refs.multiflatmap.getCurrentFlatmap().mapImp;
     },
     flatmapAreaSearch() {
@@ -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,19 +286,31 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
           zoom: 4
         });
       }
-    }), r.on("connectivity-component-click", (e) => {
+    }), s.on("show-reference-connectivities", (e) => {
+      if (this.flatmapReady && this.$refs.multiflatmap) {
+        const t = this.$refs.multiflatmap.getCurrentFlatmap();
+        t && t.showConnectivitiesByReference(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(this.$refs.multiflatmap.getCurrentFlatmap().mapImp);
+    }), 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 && 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,
@@ -314,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",
@@ -330,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-f3105a40"]]);
+const T = /* @__PURE__ */ u(b, [["render", L], ["__scopeId", "data-v-d7df9e7b"]]);
 export {
   T as default
 };

package/dist/{Plot-iXTevaO7.js → Plot-gX8radCI.js}

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