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

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.
Files changed (31) hide show
  1. package/dist/ContentMixin-CthZZNjI.js +706 -0
  2. package/dist/{Flatmap-BMowLXfS.js → Flatmap-Bi9esI2v.js} +62 -60
  3. package/dist/{Iframe-fNcVYbXe.js → Iframe-bsYxppii.js} +2 -2
  4. package/dist/{MultiFlatmap-DuKi1y2A.js → MultiFlatmap-BWFsdMgS.js} +46 -37
  5. package/dist/{Plot-3jlnqIiS.js → Plot-gX8radCI.js} +2 -2
  6. package/dist/{Scaffold-Brboi1Ah.js → Scaffold-Dn3GeNi0.js} +7197 -7151
  7. package/dist/Simulation-Zgs0MXh1.js +30 -0
  8. package/dist/{index-B_H6BPK_.js → index-DFkMrKek.js} +23282 -21203
  9. package/dist/mapintegratedvuer.js +1 -1
  10. package/dist/mapintegratedvuer.umd.cjs +1663 -1009
  11. package/dist/{style-Bt2YbWCx.js → style-DlUxkFU-.js} +70145 -67320
  12. package/dist/style.css +1 -1
  13. package/package.json +8 -7
  14. package/src/App.vue +3 -14
  15. package/src/assets/header-icon.scss +7 -0
  16. package/src/components/ContentBar.vue +5 -1
  17. package/src/components/DialogToolbarContent.vue +87 -15
  18. package/src/components/FlatmapContextCard.vue +11 -8
  19. package/src/components/MapContent.vue +11 -21
  20. package/src/components/SplitFlow.vue +183 -108
  21. package/src/components/scripts/utilities.js +1 -1
  22. package/src/components/viewers/Flatmap.vue +6 -7
  23. package/src/components/viewers/MultiFlatmap.vue +25 -7
  24. package/src/components/viewers/Scaffold.vue +2 -2
  25. package/src/components/viewers/Simulation.vue +19 -1
  26. package/src/components.d.ts +4 -0
  27. package/src/mixins/ContentMixin.js +138 -80
  28. package/src/mixins/DynamicMarkerMixin.js +3 -1
  29. package/src/stores/settings.js +13 -10
  30. package/dist/ContentMixin-B9DtqhYT.js +0 -357
  31. package/dist/Simulation-BPEbHrzv.js +0 -22
@@ -1,12 +1,12 @@
1
- import { _ as d, b as h, t as u, T as s, E as r } from "./index-B_H6BPK_.js";
2
- import { C as I } from "./ContentMixin-B9DtqhYT.js";
3
- import { D as g, a as M } from "./style-Bt2YbWCx.js";
4
- import { resolveComponent as l, openBlock as p, createElementBlock as v, createVNode as y, createBlock as C, createCommentVNode as S } from "vue";
1
+ import { _ as c, O as h, t as u, T as l, E as r } from "./index-DFkMrKek.js";
2
+ import { C as g } from "./ContentMixin-CthZZNjI.js";
3
+ import { D as M, J as y } from "./style-DlUxkFU-.js";
4
+ import { resolveComponent as s, openBlock as p, createElementBlock as I, createVNode as v, createBlock as S, createCommentVNode as C } from "vue";
5
5
  const w = {
6
6
  name: "Flatmap",
7
- mixins: [I, g],
7
+ mixins: [g, M],
8
8
  components: {
9
- FlatmapVuer: M,
9
+ FlatmapVuer: y,
10
10
  HelpModeDialog: h
11
11
  },
12
12
  methods: {
@@ -23,69 +23,73 @@ const w = {
23
23
  var e;
24
24
  return (e = this.$refs.flatmap) == null ? void 0 : e.mapImp;
25
25
  },
26
- flatmaprResourceSelected: function(e, t) {
27
- if (this.resourceSelected(e, t), t.eventType === "click" && t.feature.type === "feature") {
28
- const a = {
29
- label: t.label || "",
30
- id: t.feature.id || "",
31
- featureId: t.feature.featureId || "",
32
- taxonomy: t.taxonomy || "",
33
- resources: t.resource.join(", ")
34
- }, n = u(a);
35
- s.sendEvent({
26
+ flatmaprResourceSelected: function(e, a) {
27
+ if (this.resourceSelected(
28
+ e,
29
+ a,
30
+ this.$refs.flatmap.viewingMode === "Exploration"
31
+ ), a.eventType === "click" && a.feature.type === "feature") {
32
+ const n = {
33
+ label: a.label || "",
34
+ id: a.feature.id || "",
35
+ featureId: a.feature.featureId || "",
36
+ taxonomy: a.taxonomy || "",
37
+ resources: a.resource.join(", ")
38
+ }, t = u(n);
39
+ l.sendEvent({
36
40
  event: "interaction_event",
37
41
  event_name: "portal_maps_connectivity",
38
- category: n,
42
+ category: t,
39
43
  location: e + " " + this.$refs.flatmap.viewingMode
40
44
  });
41
45
  }
42
46
  },
43
47
  flatmapReadyCall: function(e) {
44
- let t = { id: this.entry.id, prov: this.getFlatmapImp().provenance };
45
- r.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.flatmapReadyForMarkerUpdates(e), r.emit("mapLoaded", e);
48
+ let a = { id: this.entry.id, prov: this.getFlatmapImp().provenance };
49
+ r.emit("mapImpProv", a), this.$emit("flatmap-provenance-ready", a), this.flatmapReadyForMarkerUpdates(e), r.emit("mapLoaded", e);
46
50
  },
47
51
  onPathwaySelectionChanged: function(e) {
48
- const { label: t, property: a, checked: n, selectionsTitle: i } = e;
49
- s.sendEvent({
52
+ const { label: a, property: n, checked: t, selectionsTitle: i } = e;
53
+ l.sendEvent({
50
54
  event: "interaction_event",
51
55
  event_name: "portal_maps_pathway_change",
52
- category: t + " [" + a + "] " + n,
56
+ category: a + " [" + n + "] " + t,
53
57
  location: i
54
58
  });
55
59
  },
56
60
  highlightFeatures: function(e) {
57
- let t = e.name;
58
- const a = this.$refs.flatmap.mapImp;
59
- if (t) {
60
- const n = a.search(t);
61
- n.featureIds[0] && a.highlightFeatures([
62
- a.modelForFeature(n.featureIds[0])
61
+ let a = e.name;
62
+ const n = this.$refs.flatmap.mapImp;
63
+ if (a) {
64
+ const t = n.search(a);
65
+ t.featureIds[0] && n.highlightFeatures([
66
+ n.modelForFeature(t.featureIds[0])
63
67
  ]);
64
68
  }
65
69
  },
66
70
  /**
67
71
  * Append the list of suggested terms to suggestions
68
72
  */
69
- searchSuggestions: function(e, t) {
73
+ searchSuggestions: function(e, a) {
70
74
  if (e && this.$refs.flatmap.mapImp) {
71
- const a = this.$refs.flatmap.mapImp.search(e);
72
- (a.__featureIds || a.featureIds).forEach((i) => {
75
+ const n = this.$refs.flatmap.mapImp.search(e);
76
+ (n.__featureIds || n.featureIds).forEach((i) => {
73
77
  const o = this.$refs.flatmap.mapImp.annotation(i);
74
- o && o.label && t.push(o.label);
78
+ o && o.label && a.push(o.label);
75
79
  });
76
80
  }
77
81
  },
78
- zoomToFeatures: function(e, t) {
79
- let a = e.name;
80
- const n = this.$refs.flatmap.mapImp;
81
- if (a) {
82
- const i = n.search(a);
82
+ zoomToFeatures: function(e, a) {
83
+ let n = e.name;
84
+ const t = this.$refs.flatmap.mapImp;
85
+ if (n) {
86
+ const i = t.search(n);
83
87
  if (i.featureIds.length) {
84
- let o = n.modelForFeature(i.featureIds[0]);
85
- o ? (t && n.selectFeatures(o), n.zoomToFeatures(o)) : n.clearSearchResults();
88
+ let o = t.modelForFeature(i.featureIds[0]);
89
+ o ? (a && t.selectFeatures(o), t.zoomToFeatures(o)) : t.clearSearchResults();
86
90
  }
87
91
  } else
88
- n.clearSearchResults();
92
+ t.clearSearchResults();
89
93
  },
90
94
  changeViewingMode: function(e) {
91
95
  this.$refs.flatmap.changeViewingMode(e);
@@ -97,35 +101,34 @@ const w = {
97
101
  }
98
102
  },
99
103
  mounted: function() {
100
- r.on("annotation-close", (e) => {
101
- const t = this.$refs.flatmap;
102
- e != null && e.tabClose && t && this.$refs.flatmap.annotationEventCallback({}, { type: "aborted" });
104
+ r.on("annotation-close", () => {
105
+ this.$refs.flatmap && this.$refs.flatmap.annotationEventCallback({}, { type: "aborted" });
103
106
  }), r.on("markerUpdate", () => {
104
107
  this.flatmapMarkerUpdate(void 0);
105
108
  }), r.on("hoverUpdate", () => {
106
- this.mapHoverHighlight();
109
+ this.cardHoverHighlight();
107
110
  }), r.on("show-connectivity", (e) => {
108
- const { featureIds: t, offset: a } = e, n = this.$refs.flatmap;
109
- n && n.moveMap(t, {
110
- offsetX: a ? -150 : 0,
111
+ const { featureIds: a, offset: n } = e, t = this.$refs.flatmap;
112
+ t && t.moveMap(a, {
113
+ offsetX: n ? -150 : 0,
111
114
  zoom: 4
112
115
  });
113
116
  }), r.on("show-reference-connectivities", (e) => {
114
- const t = this.$refs.flatmap;
115
- t && t.showConnectivitiesByReference(e);
117
+ const a = this.$refs.flatmap;
118
+ a && a.showConnectivitiesByReference(e);
116
119
  });
117
120
  }
118
121
  }, F = { class: "viewer-container" };
119
- function b(e, t, a, n, i, o) {
120
- const m = l("FlatmapVuer"), f = l("HelpModeDialog");
121
- return p(), v("div", F, [
122
- y(m, {
122
+ function b(e, a, n, t, i, o) {
123
+ const m = s("FlatmapVuer"), f = s("HelpModeDialog");
124
+ return p(), I("div", F, [
125
+ v(m, {
123
126
  state: e.entry.state,
124
127
  entry: e.entry.resource,
125
128
  mapManager: e.mapManager,
126
- onResourceSelected: t[0] || (t[0] = (c) => o.flatmaprResourceSelected(e.entry.type, c)),
129
+ onResourceSelected: a[0] || (a[0] = (d) => o.flatmaprResourceSelected(e.entry.type, d)),
127
130
  onPanZoomCallback: e.flatmapPanZoomCallback,
128
- name: e.entry.resource,
131
+ name: e.entry.resource ? e.entry.resource : e.entry.data,
129
132
  style: { height: "100%", width: "100%" },
130
133
  minZoom: e.entry.minZoom,
131
134
  helpMode: e.helpMode,
@@ -139,7 +142,6 @@ function b(e, t, a, n, i, o) {
139
142
  onAnnotationClose: e.onAnnotationClose,
140
143
  annotationSidebar: e.annotationSidebar,
141
144
  onConnectivityInfoOpen: e.onConnectivityInfoOpen,
142
- onConnectivityInfoClose: e.onConnectivityInfoClose,
143
145
  onConnectivityGraphError: e.onConnectivityGraphError,
144
146
  connectivityInfoSidebar: e.connectivityInfoSidebar,
145
147
  pathControls: !0,
@@ -153,18 +155,18 @@ function b(e, t, a, n, i, o) {
153
155
  onOpenMap: e.openMap,
154
156
  onPathwaySelectionChanged: o.onPathwaySelectionChanged,
155
157
  onMapmanagerLoaded: e.onMapmanagerLoaded
156
- }, 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"]),
157
- e.helpMode && e.useHelpModeDialog ? (p(), C(f, {
158
+ }, 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"]),
159
+ e.helpMode && e.useHelpModeDialog ? (p(), S(f, {
158
160
  key: 0,
159
161
  ref: "flatmapHelp",
160
162
  flatmapRef: e.flatmapRef,
161
163
  lastItem: e.helpModeLastItem,
162
164
  onShowNext: e.onHelpModeShowNext,
163
165
  onFinishHelpMode: e.onFinishHelpMode
164
- }, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : S("", !0)
166
+ }, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : C("", !0)
165
167
  ]);
166
168
  }
167
- const k = /* @__PURE__ */ d(w, [["render", b], ["__scopeId", "data-v-e3d04e7c"]]);
169
+ const k = /* @__PURE__ */ c(w, [["render", b], ["__scopeId", "data-v-b98a99d3"]]);
168
170
  export {
169
171
  k as default
170
172
  };
@@ -1,6 +1,6 @@
1
- import { C as r } from "./ContentMixin-B9DtqhYT.js";
1
+ import { C as r } from "./ContentMixin-CthZZNjI.js";
2
2
  import { openBlock as o, createElementBlock as t, createElementVNode as s } from "vue";
3
- import { _ as n } from "./index-B_H6BPK_.js";
3
+ import { _ as n } from "./index-DFkMrKek.js";
4
4
  const a = {
5
5
  name: "Iframe",
6
6
  mixins: [r]
@@ -1,8 +1,8 @@
1
- import { _ as u, b as h, a as y, g, E as r, t as M, T as p } from "./index-B_H6BPK_.js";
2
- import { C as v } from "./ContentMixin-B9DtqhYT.js";
3
- import { D as I, T as C } from "./style-Bt2YbWCx.js";
4
- import { resolveComponent as f, openBlock as c, createElementBlock as S, createVNode as F, createBlock as k, createCommentVNode as w } from "vue";
5
- 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) => {
1
+ import { _ as u, O as h, a as y, g, E as s, t as M, T as p } from "./index-DFkMrKek.js";
2
+ import { C as v } from "./ContentMixin-CthZZNjI.js";
3
+ import { D as I, Q as C } from "./style-DlUxkFU-.js";
4
+ import { resolveComponent as f, openBlock as c, createElementBlock as S, createVNode as F, createBlock as w, createCommentVNode as k } from "vue";
5
+ 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) => {
6
6
  const t = [
7
7
  {
8
8
  display: "Open AC Map",
@@ -28,7 +28,7 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
28
28
  break;
29
29
  }
30
30
  return t;
31
- }, R = {
31
+ }, b = {
32
32
  name: "MultiFlatmap",
33
33
  mixins: [v, I],
34
34
  components: {
@@ -71,9 +71,9 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
71
71
  layout: "2vertpanel",
72
72
  type: "SyncMap",
73
73
  isBodyScaffold: !0
74
- }), e && r.emit("SyncModeRequest", { flag: !0, action: e });
74
+ }), e && s.emit("SyncModeRequest", { flag: !0, action: e });
75
75
  } else
76
- r.emit("SyncModeRequest", { flag: !1 });
76
+ s.emit("SyncModeRequest", { flag: !1 });
77
77
  },
78
78
  getState: function() {
79
79
  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
103
103
  if (e && a.mapImp) {
104
104
  const n = a.mapImp.search(e);
105
105
  (n.__featureIds || n.featureIds).forEach((i) => {
106
- const s = a.mapImp.annotation(i);
107
- s && s.label && t.push(s.label);
106
+ const r = a.mapImp.annotation(i);
107
+ r && r.label && t.push(r.label);
108
108
  });
109
109
  }
110
110
  },
@@ -149,12 +149,12 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
149
149
  handleSyncPanZoomEvent: function(e) {
150
150
  if (!this.mouseHovered && e.type !== this.entry.type) {
151
151
  const t = e.payload.zoom, a = e.payload.target, n = this.$el.clientHeight, o = this.$el.clientWidth, i = Math.max(o, n);
152
- let s = o / i / t;
152
+ let r = o / i / t;
153
153
  const l = n / i / t, m = [
154
- a[0] / 2 + 0.5 - s / 2,
154
+ a[0] / 2 + 0.5 - r / 2,
155
155
  0.5 - a[1] / 2 - l / 2
156
156
  ];
157
- this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(m, [s, l]);
157
+ this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(m, [r, l]);
158
158
  }
159
159
  },
160
160
  displayTooltip: function(e) {
@@ -184,11 +184,11 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
184
184
  const e = this.getFlatmapImp();
185
185
  if (e) {
186
186
  let t = { id: this.entry.id, prov: e.provenance };
187
- this.$emit("flatmap-provenance-ready", t);
187
+ s.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t);
188
188
  }
189
189
  },
190
190
  flatmapChanged: async function(e) {
191
- 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
+ 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({
192
192
  event: "interaction_event",
193
193
  event_name: "portal_maps_species_change",
194
194
  category: this.activeSpecies
@@ -198,11 +198,11 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
198
198
  if (e) {
199
199
  e.enablePanZoomEvents(!0), this.flatmapReady = !0;
200
200
  const t = e.mapImp;
201
- this.flatmapMarkerUpdate(t), this.updateProvCard(), r.emit("mapLoaded", e);
201
+ this.flatmapMarkerUpdate(t), this.updateProvCard(), this.loadConnectivityKnowledge(t), s.emit("mapLoaded", e);
202
202
  }
203
203
  },
204
204
  getFlatmapImp: function() {
205
- if (this.entry.type === "MultiFlatmap" && this.flatmapReady && this.$refs.multiflatmap)
205
+ if (this.flatmapReady && this.$refs.multiflatmap)
206
206
  return this.$refs.multiflatmap.getCurrentFlatmap().mapImp;
207
207
  },
208
208
  flatmapAreaSearch() {
@@ -211,7 +211,7 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
211
211
  label: "Unused",
212
212
  val: this.getFlatmapImp().visibleMarkerAnatomicalIds().map((n) => this.idNamePair[n])
213
213
  };
214
- r.emit("PopoverActionClick", a);
214
+ s.emit("PopoverActionClick", a);
215
215
  },
216
216
  restoreFeaturedMarkers: function(e) {
217
217
  this.settingsStore.resetFeaturedMarkerIdentifier();
@@ -232,15 +232,15 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
232
232
  let o = a;
233
233
  if (o || (o = this.getFlatmapImp()), o) {
234
234
  let i = document.createElement("div");
235
- i.innerHTML = b;
236
- const s = o.addMarker(e, {
235
+ i.innerHTML = R;
236
+ const r = o.addMarker(e, {
237
237
  element: i,
238
238
  className: "highlight-marker",
239
239
  cluster: !1
240
240
  });
241
241
  return this.settingsStore.updateFeaturedMarkerIdentifier({
242
242
  index: t,
243
- markerIdentifier: s
243
+ markerIdentifier: r
244
244
  }), !0;
245
245
  }
246
246
  return !1;
@@ -253,6 +253,9 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
253
253
  },
254
254
  showConnectivityTooltips: function(e) {
255
255
  this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().showConnectivityTooltips(e);
256
+ },
257
+ changeConnectivitySource: function(e) {
258
+ this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().changeConnectivitySource(e);
256
259
  }
257
260
  },
258
261
  computed: {
@@ -272,9 +275,9 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
272
275
  }
273
276
  },
274
277
  mounted: function() {
275
- this.getFeaturedDatasets(), r.on("annotation-close", (e) => {
276
- e != null && e.tabClose && this.flatmapReady && this.$refs.multiflatmap && this.$refs.multiflatmap.getCurrentFlatmap().annotationEventCallback({}, { type: "aborted" });
277
- }), r.on("show-connectivity", (e) => {
278
+ this.getFeaturedDatasets(), s.on("annotation-close", () => {
279
+ this.flatmapReady && this.$refs.multiflatmap && this.$refs.multiflatmap.getCurrentFlatmap().annotationEventCallback({}, { type: "aborted" });
280
+ }), s.on("show-connectivity", (e) => {
278
281
  const { featureIds: t, offset: a } = e;
279
282
  if (this.flatmapReady && this.$refs.multiflatmap) {
280
283
  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
283
286
  zoom: 4
284
287
  });
285
288
  }
286
- }), r.on("show-reference-connectivities", (e) => {
289
+ }), s.on("show-reference-connectivities", (e) => {
287
290
  if (this.flatmapReady && this.$refs.multiflatmap) {
288
291
  const t = this.$refs.multiflatmap.getCurrentFlatmap();
289
292
  t && t.showConnectivitiesByReference(e);
290
293
  }
291
- }), r.on("connectivity-component-click", (e) => {
294
+ }), s.on("connectivity-hovered", (e) => {
292
295
  this.showConnectivityTooltips(e);
293
- }), r.on("markerUpdate", () => {
296
+ }), s.on("connectivity-source-change", (e) => {
297
+ this.changeConnectivitySource(e);
298
+ }), s.on("markerUpdate", () => {
294
299
  this.flatmapReady && this.flatmapMarkerUpdate(this.$refs.multiflatmap.getCurrentFlatmap().mapImp);
295
- }), r.on("hoverUpdate", () => {
296
- this.flatmapReady && this.mapHoverHighlight();
300
+ }), s.on("hoverUpdate", () => {
301
+ this.flatmapReady && this.cardHoverHighlight();
302
+ }), s.on("connectivity-query-filter", (e) => {
303
+ if (this.flatmapReady && this.$refs.multiflatmap) {
304
+ const t = this.$refs.multiflatmap.getCurrentFlatmap();
305
+ t && this.connectivityQueryFilter(t, e);
306
+ }
297
307
  });
298
308
  }
299
309
  }, H = { class: "viewer-container" };
300
310
  function L(e, t, a, n, o, i) {
301
- const s = f("MultiFlatmapVuer"), l = f("HelpModeDialog");
311
+ const r = f("MultiFlatmapVuer"), l = f("HelpModeDialog");
302
312
  return c(), S("div", H, [
303
- F(s, {
313
+ F(r, {
304
314
  availableSpecies: e.availableSpecies,
305
315
  onFlatmapChanged: i.flatmapChanged,
306
316
  onReady: i.multiFlatmapReady,
@@ -319,7 +329,6 @@ function L(e, t, a, n, o, i) {
319
329
  onAnnotationClose: e.onAnnotationClose,
320
330
  annotationSidebar: e.annotationSidebar,
321
331
  onConnectivityInfoOpen: e.onConnectivityInfoOpen,
322
- onConnectivityInfoClose: e.onConnectivityInfoClose,
323
332
  onConnectivityGraphError: e.onConnectivityGraphError,
324
333
  connectivityInfoSidebar: e.connectivityInfoSidebar,
325
334
  ref: "multiflatmap",
@@ -335,18 +344,18 @@ function L(e, t, a, n, o, i) {
335
344
  onPathwaySelectionChanged: i.onPathwaySelectionChanged,
336
345
  onOpenPubmedUrl: i.onOpenPubmedUrl,
337
346
  onMapmanagerLoaded: e.onMapmanagerLoaded
338
- }, 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"]),
339
- e.helpMode && e.useHelpModeDialog ? (c(), k(l, {
347
+ }, 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"]),
348
+ e.helpMode && e.useHelpModeDialog ? (c(), w(l, {
340
349
  key: 0,
341
350
  ref: "multiflatmapHelp",
342
351
  multiflatmapRef: e.multiflatmapRef,
343
352
  lastItem: e.helpModeLastItem,
344
353
  onShowNext: e.onHelpModeShowNext,
345
354
  onFinishHelpMode: e.onFinishHelpMode
346
- }, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : w("", !0)
355
+ }, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : k("", !0)
347
356
  ]);
348
357
  }
349
- const A = /* @__PURE__ */ u(R, [["render", L], ["__scopeId", "data-v-4f713fcd"]]);
358
+ const T = /* @__PURE__ */ u(b, [["render", L], ["__scopeId", "data-v-d7df9e7b"]]);
350
359
  export {
351
- A as default
360
+ T as default
352
361
  };
@@ -1,7 +1,7 @@
1
1
  import { PlotVuer as o } from "@abi-software/plotvuer";
2
- import { C as r } from "./ContentMixin-B9DtqhYT.js";
2
+ import { C as r } from "./ContentMixin-CthZZNjI.js";
3
3
  import { resolveComponent as a, openBlock as n, createBlock as s } from "vue";
4
- import { _ as m } from "./index-B_H6BPK_.js";
4
+ import { _ as m } from "./index-DFkMrKek.js";
5
5
  const p = {
6
6
  name: "Plot",
7
7
  mixins: [r],