@abi-software/mapintegratedvuer 1.2.1-beta.2 → 1.2.1-beta.3

package/dist/{ContentMixin-Lknro3y6.js → ContentMixin-ChB3fpK-.js}

@@ -1,4 +1,4 @@
-import { u as w, b as N, E as p, T as E } from "./index-jxTP4jdW.js";
+import { u as w, b as N, E as p, T as E } from "./index-FGUkjLEg.js";
 import { mapStores as S } from "pinia";
 const f = [
   {

package/dist/{Flatmap-DKFL_Ddf.js → Flatmap-CyIvY8qX.js}

@@ -1,6 +1,6 @@
-import { _ as d, t as h, T as i, E as s } from "./index-jxTP4jdW.js";
-import { C as u } from "./ContentMixin-Lknro3y6.js";
-import { D as I, $ as y } from "./style-8hnPcSiq.js";
+import { _ as d, t as h, T as s, E as l } from "./index-FGUkjLEg.js";
+import { C as u } from "./ContentMixin-ChB3fpK-.js";
+import { D as I, $ as y } from "./style-V3joPT2S.js";
 import { C as v } from "./style-Cq_72gg0.js";
 import { resolveComponent as r, openBlock as p, createElementBlock as M, createVNode as g, createBlock as S, createCommentVNode as C } from "vue";
 const F = {
@@ -37,7 +37,7 @@ const F = {
           taxonomy: t.taxonomy || "",
           resources: t.resource.join(", ")
         }, a = h(o);
-        i.sendEvent({
+        s.sendEvent({
           event: "interaction_event",
           event_name: "portal_maps_connectivity",
           category: a,
@@ -47,11 +47,11 @@ const F = {
     },
     flatmapReadyCall: function(e) {
       let t = { id: this.entry.id, prov: this.getFlatmapImp().provenance };
-      s.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.getAvailableTerms(), this.entry.resource === "FunctionalConnectivity" && this.flatmapReadyForMarkerUpdates(e);
+      l.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.getAvailableTerms(), this.entry.resource === "FunctionalConnectivity" && this.flatmapReadyForMarkerUpdates(e);
     },
     onPathwaySelectionChanged: function(e) {
       const { label: t, property: o, checked: a, selectionsTitle: n } = e;
-      i.sendEvent({
+      s.sendEvent({
         event: "interaction_event",
         event_name: "portal_maps_pathway_change",
         category: t + " [" + o + "] " + a,
@@ -83,8 +83,8 @@ const F = {
       if (o) {
         const n = a.search(o);
         if (n.featureIds.length) {
-          let l = a.modelForFeature(n.featureIds[0]);
-          l ? (t && a.selectFeatures(l), a.zoomToFeatures(l)) : a.clearSearchResults();
+          let i = a.modelForFeature(n.featureIds[0]);
+          i ? (t && a.selectFeatures(i), a.zoomToFeatures(i)) : a.clearSearchResults();
         }
       } else
         a.clearSearchResults();
@@ -96,18 +96,24 @@ const F = {
     }
   },
   mounted: function() {
-    this.getAvailableTerms(), s.on("markerUpdate", () => {
+    this.getAvailableTerms(), l.on("markerUpdate", () => {
       this.flatmapMarkerUpdate(void 0);
+    }), l.on("show-connectivity", (e) => {
+      const { featureIds: t, offset: o } = e, a = this.$refs.flatmap;
+      a && a.moveMap(t, {
+        offsetX: o ? -200 : 0,
+        zoom: 4
+      });
     });
   }
 }, w = { class: "viewer-container" };
-function b(e, t, o, a, n, l) {
+function b(e, t, o, a, n, i) {
   const m = r("FlatmapVuer"), f = r("HelpModeDialog");
   return p(), M("div", w, [
     g(m, {
       state: e.entry.state,
       entry: e.entry.resource,
-      onResourceSelected: t[0] || (t[0] = (c) => l.flatmaprResourceSelected(e.entry.type, c)),
+      onResourceSelected: t[0] || (t[0] = (c) => i.flatmaprResourceSelected(e.entry.type, c)),
       onPanZoomCallback: e.flatmapPanZoomCallback,
       name: e.entry.resource,
       style: { height: "100%", width: "100%" },
@@ -124,14 +130,14 @@ function b(e, t, o, a, n, l) {
       connectivityInfoSidebar: e.connectivityInfoSidebar,
       pathControls: !0,
       ref: "flatmap",
-      onReady: l.flatmapReadyCall,
+      onReady: i.flatmapReadyCall,
       displayMinimap: !1,
       displayWarning: !0,
       enableOpenMapUI: !0,
       flatmapAPI: e.flatmapAPI,
       sparcAPI: e.apiLocation,
       onOpenMap: e.openMap,
-      onPathwaySelectionChanged: l.onPathwaySelectionChanged
+      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 ? (p(), S(f, {
       key: 0,
@@ -143,7 +149,7 @@ function b(e, t, o, a, n, l) {
     }, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : C("", !0)
   ]);
 }
-const P = /* @__PURE__ */ d(F, [["render", b], ["__scopeId", "data-v-b68cfcba"]]);
+const P = /* @__PURE__ */ d(F, [["render", b], ["__scopeId", "data-v-0b90349c"]]);
 export {
   P as default
 };

package/dist/{Iframe-CLKJvWAX.js → Iframe-D-z95qwC.js}

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

package/dist/{MultiFlatmap-BhomxemF.js → MultiFlatmap-JklvXJhE.js}

@@ -1,9 +1,9 @@
-import { _ as u, a as h, g as y, E as l, t as M, T as p } from "./index-jxTP4jdW.js";
-import { C as g } from "./ContentMixin-Lknro3y6.js";
-import { D as v, y as I } from "./style-8hnPcSiq.js";
+import { _ as u, a as h, g as y, E as r, t as M, T as p } from "./index-FGUkjLEg.js";
+import { C as g } from "./ContentMixin-ChB3fpK-.js";
+import { D as v, y as I } from "./style-V3joPT2S.js";
 import { C as S } from "./style-Cq_72gg0.js";
-import { resolveComponent as d, openBlock as f, createElementBlock as C, 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>', c = (e) => {
+import { resolveComponent as f, openBlock as c, createElementBlock as C, 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",
@@ -43,7 +43,7 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       availableSpecies: h(),
       scaffoldResource: {},
       showStarInLegend: !1,
-      openMapOptions: c("Rat")
+      openMapOptions: d("Rat")
     };
   },
   methods: {
@@ -72,9 +72,9 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
           layout: "2vertpanel",
           type: "SyncMap",
           isBodyScaffold: !0
-        }), e && l.emit("SyncModeRequest", { flag: !0, action: e });
+        }), e && r.emit("SyncModeRequest", { flag: !0, action: e });
       } else
-        l.emit("SyncModeRequest", { flag: !1 });
+        r.emit("SyncModeRequest", { flag: !1 });
     },
     getState: function() {
       if (this.flatmapReady)
@@ -149,11 +149,11 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       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;
-        const r = n / i / t, m = [
+        const l = n / i / t, m = [
           a[0] / 2 + 0.5 - s / 2,
-          0.5 - a[1] / 2 - r / 2
+          0.5 - a[1] / 2 - l / 2
         ];
-        this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(m, [s, r]);
+        this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(m, [s, l]);
       }
     },
     displayTooltip: function(e) {
@@ -187,7 +187,7 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
       }
     },
     flatmapChanged: async function(e) {
-      this.activeSpecies = e, this.openMapOptions = c(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(), this.onConnectivityInfoClose(), p.sendEvent({
         event: "interaction_event",
         event_name: "portal_maps_species_change",
         category: this.activeSpecies
@@ -210,7 +210,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])
       };
-      l.emit("PopoverActionClick", a);
+      r.emit("PopoverActionClick", a);
     },
     restoreFeaturedMarkers: function(e) {
       this.settingsStore.resetFeaturedMarkerIdentifier();
@@ -262,14 +262,23 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
     }
   },
   mounted: function() {
-    this.getAvailableTerms(), this.getFeaturedDatasets(), l.on("markerUpdate", () => {
+    this.getAvailableTerms(), this.getFeaturedDatasets(), r.on("show-connectivity", (e) => {
+      const { featureIds: t, offset: a } = e;
+      if (this.flatmapReady && this.$refs.multiflatmap) {
+        const n = this.$refs.multiflatmap.getCurrentFlatmap();
+        n && n.moveMap(t, {
+          offsetX: a ? -200 : 0,
+          zoom: 4
+        });
+      }
+    }), r.on("markerUpdate", () => {
       this.flatmapReady && this.flatmapMarkerUpdate(this.$refs.multiflatmap.getCurrentFlatmap().mapImp);
     });
   }
 }, H = { class: "viewer-container" };
 function P(e, t, a, n, o, i) {
-  const s = d("MultiFlatmapVuer"), r = d("HelpModeDialog");
-  return f(), C("div", H, [
+  const s = f("MultiFlatmapVuer"), l = f("HelpModeDialog");
+  return c(), C("div", H, [
     F(s, {
       availableSpecies: e.availableSpecies,
       onFlatmapChanged: i.flatmapChanged,
@@ -300,7 +309,7 @@ function P(e, t, a, n, o, i) {
       onPathwaySelectionChanged: i.onPathwaySelectionChanged,
       onOpenPubmedUrl: i.onOpenPubmedUrl
     }, null, 8, ["availableSpecies", "onFlatmapChanged", "onReady", "state", "initial", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onConnectivityInfoOpen", "onConnectivityInfoClose", "connectivityInfoSidebar", "showStarInLegend", "openMapOptions", "flatmapAPI", "sparcAPI", "onPanZoomCallback", "onOpenMap", "onFinishHelpMode", "onPathwaySelectionChanged", "onOpenPubmedUrl"]),
-    e.helpMode && e.useHelpModeDialog ? (f(), k(r, {
+    e.helpMode && e.useHelpModeDialog ? (c(), k(l, {
       key: 0,
       ref: "multiflatmapHelp",
       multiflatmapRef: e.multiflatmapRef,
@@ -310,7 +319,7 @@ function P(e, t, a, n, o, i) {
     }, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : w("", !0)
   ]);
 }
-const _ = /* @__PURE__ */ u(R, [["render", P], ["__scopeId", "data-v-83efd5d2"]]);
+const E = /* @__PURE__ */ u(R, [["render", P], ["__scopeId", "data-v-a7f0b8de"]]);
 export {
-  _ as default
+  E as default
 };

package/dist/{Plot-SQE8A54y.js → Plot-BvEleRmR.js}

@@ -1,7 +1,7 @@
 import { C as o } from "./plotvuer-X4h-Lj3L.js";
-import { C as a } from "./ContentMixin-Lknro3y6.js";
+import { C as a } from "./ContentMixin-ChB3fpK-.js";
 import { resolveComponent as r, openBlock as n, createBlock as s } from "vue";
-import { _ as m } from "./index-jxTP4jdW.js";
+import { _ as m } from "./index-FGUkjLEg.js";
 const p = {
   name: "Plot",
   mixins: [a],

package/dist/{Scaffold-zkoVdxWV.js → Scaffold-DGqum4RP.js}

@@ -1,5 +1,5 @@
-import { w as X1, h as K1, _ as Q1, E as ew } from "./index-jxTP4jdW.js";
-import { C as tw } from "./ContentMixin-Lknro3y6.js";
+import { w as X1, h as K1, _ as Q1, E as ew } from "./index-FGUkjLEg.js";
+import { C as tw } from "./ContentMixin-ChB3fpK-.js";
 import { ref as Ae, defineComponent as Ne, computed as le, openBlock as pe, createElementBlock as Pe, mergeProps as Oi, unref as U, renderSlot as qe, useAttrs as rw, useSlots as nu, shallowRef as Zr, watch as Xe, nextTick as wt, onMounted as ar, toRef as Dr, createCommentVNode as Ve, Fragment as er, normalizeClass as Re, createElementVNode as De, createBlock as Fe, withCtx as me, resolveDynamicComponent as jr, withModifiers as pr, createVNode as ue, toDisplayString as Tt, normalizeStyle as Nt, provide as br, reactive as ii, onUpdated as Kd, inject as ht, onBeforeUnmount as xi, withDirectives as Dt, cloneVNode as iw, Text as t0, Comment as nw, Teleport as ow, Transition as cl, vShow as gr, readonly as r0, onDeactivated as aw, toHandlers as sw, withKeys as fi, createTextVNode as yt, toRefs as Un, getCurrentInstance as or, h as va, renderList as Wr, onUnmounted as i0, markRaw as In, watchEffect as n0, warn as lw, onBeforeMount as cw, toRaw as Qd, getCurrentScope as o0, onScopeDispose as a0, isRef as To, isVNode as Xh, resolveComponent as Cr, resolveDirective as uw, vModelText as hw, createApp as dw, hasInjectionContext as pw, effectScope as fw, isReactive as ep, pushScopeId as s0, popScopeId as l0 } from "vue";
 import { x as mw, k as gw, _ as vw, C as yw } from "./style-Cq_72gg0.js";
 const Ji = (r, e, { checkForDefaultPrevented: t = !0 } = {}) => (i) => {

package/dist/{Simulation-CdPfkHdC.js → Simulation-DmIk8QHO.js}

@@ -1,7 +1,7 @@
-import { C as Cc } from "./ContentMixin-Lknro3y6.js";
+import { C as Cc } from "./ContentMixin-ChB3fpK-.js";
 import { ref as N, defineComponent as J, computed as w, openBlock as k, createElementBlock as L, mergeProps as Yt, unref as d, renderSlot as ue, useAttrs as Mc, useSlots as rs, shallowRef as Cn, watch as re, nextTick as we, onMounted as Le, toRef as pt, createCommentVNode as K, Fragment as Ue, normalizeClass as B, createElementVNode as q, createBlock as ee, withCtx as ne, resolveDynamicComponent as dt, withModifiers as Ze, createVNode as ve, toDisplayString as $e, normalizeStyle as Te, provide as at, reactive as At, onUpdated as os, inject as he, onBeforeUnmount as Ot, withDirectives as He, cloneVNode as Pc, Text as as, Comment as Tc, Teleport as zc, Transition as ao, vShow as Tt, readonly as Nc, onDeactivated as Rc, withKeys as Vt, toRefs as Tn, getCurrentInstance as et, h as _n, renderList as Gt, warn as $c, onBeforeMount as Bc, onUnmounted as Lc, toRaw as is, watchEffect as Dc, getCurrentScope as Uc, onScopeDispose as Hc, isRef as ls, resolveComponent as _t, resolveDirective as Zc, vModelText as qc, createTextVNode as An, pushScopeId as Wc, popScopeId as Kc, createApp as Jc } from "vue";
 import { C as Yc } from "./plotvuer-X4h-Lj3L.js";
-import { _ as Gc } from "./index-jxTP4jdW.js";
+import { _ as Gc } from "./index-FGUkjLEg.js";
 const jt = (e, t, { checkForDefaultPrevented: n = !0 } = {}) => (r) => {
   const o = e == null ? void 0 : e(r);
   if (n === !1 || !o)