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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- import { u as w, b as N, E as p, T as E } from "./index-8kI96-xR.js";
1
+ import { u as w, b as N, E as p, T as E } from "./index-FGUkjLEg.js";
2
2
  import { mapStores as S } from "pinia";
3
3
  const f = [
4
4
  {
@@ -1,6 +1,6 @@
1
- import { _ as d, t as h, T as i, E as s } from "./index-8kI96-xR.js";
2
- import { C as u } from "./ContentMixin-Ds5gEPQF.js";
3
- import { D as I, $ as y } from "./style-XspK9sVJ.js";
1
+ import { _ as d, t as h, T as s, E as l } from "./index-FGUkjLEg.js";
2
+ import { C as u } from "./ContentMixin-ChB3fpK-.js";
3
+ import { D as I, $ as y } from "./style-V3joPT2S.js";
4
4
  import { C as v } from "./style-Cq_72gg0.js";
5
5
  import { resolveComponent as r, openBlock as p, createElementBlock as M, createVNode as g, createBlock as S, createCommentVNode as C } from "vue";
6
6
  const F = {
@@ -37,7 +37,7 @@ const F = {
37
37
  taxonomy: t.taxonomy || "",
38
38
  resources: t.resource.join(", ")
39
39
  }, a = h(o);
40
- i.sendEvent({
40
+ s.sendEvent({
41
41
  event: "interaction_event",
42
42
  event_name: "portal_maps_connectivity",
43
43
  category: a,
@@ -47,11 +47,11 @@ const F = {
47
47
  },
48
48
  flatmapReadyCall: function(e) {
49
49
  let t = { id: this.entry.id, prov: this.getFlatmapImp().provenance };
50
- s.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.getAvailableTerms(), this.entry.resource === "FunctionalConnectivity" && this.flatmapReadyForMarkerUpdates(e);
50
+ l.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.getAvailableTerms(), this.entry.resource === "FunctionalConnectivity" && this.flatmapReadyForMarkerUpdates(e);
51
51
  },
52
52
  onPathwaySelectionChanged: function(e) {
53
53
  const { label: t, property: o, checked: a, selectionsTitle: n } = e;
54
- i.sendEvent({
54
+ s.sendEvent({
55
55
  event: "interaction_event",
56
56
  event_name: "portal_maps_pathway_change",
57
57
  category: t + " [" + o + "] " + a,
@@ -83,8 +83,8 @@ const F = {
83
83
  if (o) {
84
84
  const n = a.search(o);
85
85
  if (n.featureIds.length) {
86
- let l = a.modelForFeature(n.featureIds[0]);
87
- l ? (t && a.selectFeatures(l), a.zoomToFeatures(l)) : a.clearSearchResults();
86
+ let i = a.modelForFeature(n.featureIds[0]);
87
+ i ? (t && a.selectFeatures(i), a.zoomToFeatures(i)) : a.clearSearchResults();
88
88
  }
89
89
  } else
90
90
  a.clearSearchResults();
@@ -96,18 +96,24 @@ const F = {
96
96
  }
97
97
  },
98
98
  mounted: function() {
99
- this.getAvailableTerms(), s.on("markerUpdate", () => {
99
+ this.getAvailableTerms(), l.on("markerUpdate", () => {
100
100
  this.flatmapMarkerUpdate(void 0);
101
+ }), l.on("show-connectivity", (e) => {
102
+ const { featureIds: t, offset: o } = e, a = this.$refs.flatmap;
103
+ a && a.moveMap(t, {
104
+ offsetX: o ? -200 : 0,
105
+ zoom: 4
106
+ });
101
107
  });
102
108
  }
103
109
  }, w = { class: "viewer-container" };
104
- function b(e, t, o, a, n, l) {
110
+ function b(e, t, o, a, n, i) {
105
111
  const m = r("FlatmapVuer"), f = r("HelpModeDialog");
106
112
  return p(), M("div", w, [
107
113
  g(m, {
108
114
  state: e.entry.state,
109
115
  entry: e.entry.resource,
110
- onResourceSelected: t[0] || (t[0] = (c) => l.flatmaprResourceSelected(e.entry.type, c)),
116
+ onResourceSelected: t[0] || (t[0] = (c) => i.flatmaprResourceSelected(e.entry.type, c)),
111
117
  onPanZoomCallback: e.flatmapPanZoomCallback,
112
118
  name: e.entry.resource,
113
119
  style: { height: "100%", width: "100%" },
@@ -124,14 +130,14 @@ function b(e, t, o, a, n, l) {
124
130
  connectivityInfoSidebar: e.connectivityInfoSidebar,
125
131
  pathControls: !0,
126
132
  ref: "flatmap",
127
- onReady: l.flatmapReadyCall,
133
+ onReady: i.flatmapReadyCall,
128
134
  displayMinimap: !1,
129
135
  displayWarning: !0,
130
136
  enableOpenMapUI: !0,
131
137
  flatmapAPI: e.flatmapAPI,
132
138
  sparcAPI: e.apiLocation,
133
139
  onOpenMap: e.openMap,
134
- onPathwaySelectionChanged: l.onPathwaySelectionChanged
140
+ onPathwaySelectionChanged: i.onPathwaySelectionChanged
135
141
  }, null, 8, ["state", "entry", "onPanZoomCallback", "name", "minZoom", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onConnectivityInfoOpen", "onConnectivityInfoClose", "connectivityInfoSidebar", "onReady", "flatmapAPI", "sparcAPI", "onOpenMap", "onPathwaySelectionChanged"]),
136
142
  e.helpMode && e.useHelpModeDialog ? (p(), S(f, {
137
143
  key: 0,
@@ -143,7 +149,7 @@ function b(e, t, o, a, n, l) {
143
149
  }, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : C("", !0)
144
150
  ]);
145
151
  }
146
- const P = /* @__PURE__ */ d(F, [["render", b], ["__scopeId", "data-v-b68cfcba"]]);
152
+ const P = /* @__PURE__ */ d(F, [["render", b], ["__scopeId", "data-v-0b90349c"]]);
147
153
  export {
148
154
  P as default
149
155
  };
@@ -1,6 +1,6 @@
1
- import { C as r } from "./ContentMixin-Ds5gEPQF.js";
1
+ import { C as r } from "./ContentMixin-ChB3fpK-.js";
2
2
  import { openBlock as o, createElementBlock as t, createElementVNode as s } from "vue";
3
- import { _ as n } from "./index-8kI96-xR.js";
3
+ import { _ as n } from "./index-FGUkjLEg.js";
4
4
  const a = {
5
5
  name: "Iframe",
6
6
  mixins: [r]
@@ -1,9 +1,9 @@
1
- import { _ as u, a as h, g as y, E as l, t as M, T as p } from "./index-8kI96-xR.js";
2
- import { C as g } from "./ContentMixin-Ds5gEPQF.js";
3
- import { D as v, y as I } from "./style-XspK9sVJ.js";
1
+ import { _ as u, a as h, g as y, E as r, t as M, T as p } from "./index-FGUkjLEg.js";
2
+ import { C as g } from "./ContentMixin-ChB3fpK-.js";
3
+ import { D as v, y as I } from "./style-V3joPT2S.js";
4
4
  import { C as S } from "./style-Cq_72gg0.js";
5
- import { resolveComponent as d, openBlock as f, createElementBlock as C, createVNode as F, createBlock as k, createCommentVNode as w } from "vue";
6
- 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) => {
5
+ import { resolveComponent as f, openBlock as c, createElementBlock as C, createVNode as F, createBlock as k, createCommentVNode as w } from "vue";
6
+ 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) => {
7
7
  const t = [
8
8
  {
9
9
  display: "Open AC Map",
@@ -43,7 +43,7 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
43
43
  availableSpecies: h(),
44
44
  scaffoldResource: {},
45
45
  showStarInLegend: !1,
46
- openMapOptions: c("Rat")
46
+ openMapOptions: d("Rat")
47
47
  };
48
48
  },
49
49
  methods: {
@@ -72,9 +72,9 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
72
72
  layout: "2vertpanel",
73
73
  type: "SyncMap",
74
74
  isBodyScaffold: !0
75
- }), e && l.emit("SyncModeRequest", { flag: !0, action: e });
75
+ }), e && r.emit("SyncModeRequest", { flag: !0, action: e });
76
76
  } else
77
- l.emit("SyncModeRequest", { flag: !1 });
77
+ r.emit("SyncModeRequest", { flag: !1 });
78
78
  },
79
79
  getState: function() {
80
80
  if (this.flatmapReady)
@@ -149,11 +149,11 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
149
149
  if (!this.mouseHovered && e.type !== this.entry.type) {
150
150
  const t = e.payload.zoom, a = e.payload.target, n = this.$el.clientHeight, o = this.$el.clientWidth, i = Math.max(o, n);
151
151
  let s = o / i / t;
152
- const r = n / i / t, m = [
152
+ const l = n / i / t, m = [
153
153
  a[0] / 2 + 0.5 - s / 2,
154
- 0.5 - a[1] / 2 - r / 2
154
+ 0.5 - a[1] / 2 - l / 2
155
155
  ];
156
- this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(m, [s, r]);
156
+ this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(m, [s, l]);
157
157
  }
158
158
  },
159
159
  displayTooltip: function(e) {
@@ -187,7 +187,7 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
187
187
  }
188
188
  },
189
189
  flatmapChanged: async function(e) {
190
- 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({
190
+ 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({
191
191
  event: "interaction_event",
192
192
  event_name: "portal_maps_species_change",
193
193
  category: this.activeSpecies
@@ -210,7 +210,7 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
210
210
  label: "Unused",
211
211
  val: this.getFlatmapImp().visibleMarkerAnatomicalIds().map((n) => this.idNamePair[n])
212
212
  };
213
- l.emit("PopoverActionClick", a);
213
+ r.emit("PopoverActionClick", a);
214
214
  },
215
215
  restoreFeaturedMarkers: function(e) {
216
216
  this.settingsStore.resetFeaturedMarkerIdentifier();
@@ -262,14 +262,23 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
262
262
  }
263
263
  },
264
264
  mounted: function() {
265
- this.getAvailableTerms(), this.getFeaturedDatasets(), l.on("markerUpdate", () => {
265
+ this.getAvailableTerms(), this.getFeaturedDatasets(), r.on("show-connectivity", (e) => {
266
+ const { featureIds: t, offset: a } = e;
267
+ if (this.flatmapReady && this.$refs.multiflatmap) {
268
+ const n = this.$refs.multiflatmap.getCurrentFlatmap();
269
+ n && n.moveMap(t, {
270
+ offsetX: a ? -200 : 0,
271
+ zoom: 4
272
+ });
273
+ }
274
+ }), r.on("markerUpdate", () => {
266
275
  this.flatmapReady && this.flatmapMarkerUpdate(this.$refs.multiflatmap.getCurrentFlatmap().mapImp);
267
276
  });
268
277
  }
269
278
  }, H = { class: "viewer-container" };
270
279
  function P(e, t, a, n, o, i) {
271
- const s = d("MultiFlatmapVuer"), r = d("HelpModeDialog");
272
- return f(), C("div", H, [
280
+ const s = f("MultiFlatmapVuer"), l = f("HelpModeDialog");
281
+ return c(), C("div", H, [
273
282
  F(s, {
274
283
  availableSpecies: e.availableSpecies,
275
284
  onFlatmapChanged: i.flatmapChanged,
@@ -300,7 +309,7 @@ function P(e, t, a, n, o, i) {
300
309
  onPathwaySelectionChanged: i.onPathwaySelectionChanged,
301
310
  onOpenPubmedUrl: i.onOpenPubmedUrl
302
311
  }, 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"]),
303
- e.helpMode && e.useHelpModeDialog ? (f(), k(r, {
312
+ e.helpMode && e.useHelpModeDialog ? (c(), k(l, {
304
313
  key: 0,
305
314
  ref: "multiflatmapHelp",
306
315
  multiflatmapRef: e.multiflatmapRef,
@@ -310,7 +319,7 @@ function P(e, t, a, n, o, i) {
310
319
  }, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : w("", !0)
311
320
  ]);
312
321
  }
313
- const _ = /* @__PURE__ */ u(R, [["render", P], ["__scopeId", "data-v-83efd5d2"]]);
322
+ const E = /* @__PURE__ */ u(R, [["render", P], ["__scopeId", "data-v-a7f0b8de"]]);
314
323
  export {
315
- _ as default
324
+ E as default
316
325
  };
@@ -1,7 +1,7 @@
1
1
  import { C as o } from "./plotvuer-X4h-Lj3L.js";
2
- import { C as a } from "./ContentMixin-Ds5gEPQF.js";
2
+ import { C as a } from "./ContentMixin-ChB3fpK-.js";
3
3
  import { resolveComponent as r, openBlock as n, createBlock as s } from "vue";
4
- import { _ as m } from "./index-8kI96-xR.js";
4
+ import { _ as m } from "./index-FGUkjLEg.js";
5
5
  const p = {
6
6
  name: "Plot",
7
7
  mixins: [a],
@@ -1,5 +1,5 @@
1
- import { w as X1, h as K1, _ as Q1, E as ew } from "./index-8kI96-xR.js";
2
- import { C as tw } from "./ContentMixin-Ds5gEPQF.js";
1
+ import { w as X1, h as K1, _ as Q1, E as ew } from "./index-FGUkjLEg.js";
2
+ import { C as tw } from "./ContentMixin-ChB3fpK-.js";
3
3
  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";
4
4
  import { x as mw, k as gw, _ as vw, C as yw } from "./style-Cq_72gg0.js";
5
5
  const Ji = (r, e, { checkForDefaultPrevented: t = !0 } = {}) => (i) => {
@@ -1,7 +1,7 @@
1
- import { C as Cc } from "./ContentMixin-Ds5gEPQF.js";
1
+ import { C as Cc } from "./ContentMixin-ChB3fpK-.js";
2
2
  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";
3
3
  import { C as Yc } from "./plotvuer-X4h-Lj3L.js";
4
- import { _ as Gc } from "./index-8kI96-xR.js";
4
+ import { _ as Gc } from "./index-FGUkjLEg.js";
5
5
  const jt = (e, t, { checkForDefaultPrevented: n = !0 } = {}) => (r) => {
6
6
  const o = e == null ? void 0 : e(r);
7
7
  if (n === !1 || !o)