@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.
- package/dist/ContentMixin-CthZZNjI.js +706 -0
- package/dist/{Flatmap-BMowLXfS.js → Flatmap-Bi9esI2v.js} +62 -60
- package/dist/{Iframe-fNcVYbXe.js → Iframe-bsYxppii.js} +2 -2
- package/dist/{MultiFlatmap-DuKi1y2A.js → MultiFlatmap-BWFsdMgS.js} +46 -37
- package/dist/{Plot-3jlnqIiS.js → Plot-gX8radCI.js} +2 -2
- package/dist/{Scaffold-Brboi1Ah.js → Scaffold-Dn3GeNi0.js} +7197 -7151
- package/dist/Simulation-Zgs0MXh1.js +30 -0
- package/dist/{index-B_H6BPK_.js → index-DFkMrKek.js} +23282 -21203
- package/dist/mapintegratedvuer.js +1 -1
- package/dist/mapintegratedvuer.umd.cjs +1663 -1009
- package/dist/{style-Bt2YbWCx.js → style-DlUxkFU-.js} +70145 -67320
- package/dist/style.css +1 -1
- package/package.json +8 -7
- package/src/App.vue +3 -14
- package/src/assets/header-icon.scss +7 -0
- package/src/components/ContentBar.vue +5 -1
- package/src/components/DialogToolbarContent.vue +87 -15
- package/src/components/FlatmapContextCard.vue +11 -8
- package/src/components/MapContent.vue +11 -21
- package/src/components/SplitFlow.vue +183 -108
- package/src/components/scripts/utilities.js +1 -1
- package/src/components/viewers/Flatmap.vue +6 -7
- package/src/components/viewers/MultiFlatmap.vue +25 -7
- package/src/components/viewers/Scaffold.vue +2 -2
- package/src/components/viewers/Simulation.vue +19 -1
- package/src/components.d.ts +4 -0
- package/src/mixins/ContentMixin.js +138 -80
- package/src/mixins/DynamicMarkerMixin.js +3 -1
- package/src/stores/settings.js +13 -10
- package/dist/ContentMixin-B9DtqhYT.js +0 -357
- package/dist/Simulation-BPEbHrzv.js +0 -22
@@ -1,12 +1,12 @@
|
|
1
|
-
import { _ as
|
2
|
-
import { C as
|
3
|
-
import { D as
|
4
|
-
import { resolveComponent as
|
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: [
|
7
|
+
mixins: [g, M],
|
8
8
|
components: {
|
9
|
-
FlatmapVuer:
|
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,
|
27
|
-
if (this.resourceSelected(
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
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:
|
42
|
+
category: t,
|
39
43
|
location: e + " " + this.$refs.flatmap.viewingMode
|
40
44
|
});
|
41
45
|
}
|
42
46
|
},
|
43
47
|
flatmapReadyCall: function(e) {
|
44
|
-
let
|
45
|
-
r.emit("mapImpProv",
|
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:
|
49
|
-
|
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:
|
56
|
+
category: a + " [" + n + "] " + t,
|
53
57
|
location: i
|
54
58
|
});
|
55
59
|
},
|
56
60
|
highlightFeatures: function(e) {
|
57
|
-
let
|
58
|
-
const
|
59
|
-
if (
|
60
|
-
const
|
61
|
-
|
62
|
-
|
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,
|
73
|
+
searchSuggestions: function(e, a) {
|
70
74
|
if (e && this.$refs.flatmap.mapImp) {
|
71
|
-
const
|
72
|
-
(
|
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 &&
|
78
|
+
o && o.label && a.push(o.label);
|
75
79
|
});
|
76
80
|
}
|
77
81
|
},
|
78
|
-
zoomToFeatures: function(e,
|
79
|
-
let
|
80
|
-
const
|
81
|
-
if (
|
82
|
-
const i =
|
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 =
|
85
|
-
o ? (
|
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
|
-
|
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", (
|
101
|
-
|
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.
|
109
|
+
this.cardHoverHighlight();
|
107
110
|
}), r.on("show-connectivity", (e) => {
|
108
|
-
const { featureIds:
|
109
|
-
|
110
|
-
offsetX:
|
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
|
115
|
-
|
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,
|
120
|
-
const m =
|
121
|
-
return p(),
|
122
|
-
|
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:
|
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", "
|
157
|
-
e.helpMode && e.useHelpModeDialog ? (p(),
|
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"])) :
|
166
|
+
}, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : C("", !0)
|
165
167
|
]);
|
166
168
|
}
|
167
|
-
const k = /* @__PURE__ */
|
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-
|
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-
|
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,
|
2
|
-
import { C as v } from "./ContentMixin-
|
3
|
-
import { D as I,
|
4
|
-
import { resolveComponent as f, openBlock as c, createElementBlock as S, createVNode as F, createBlock as
|
5
|
-
const
|
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
|
-
},
|
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 &&
|
74
|
+
}), e && s.emit("SyncModeRequest", { flag: !0, action: e });
|
75
75
|
} else
|
76
|
-
|
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
|
107
|
-
|
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
|
152
|
+
let r = o / i / t;
|
153
153
|
const l = n / i / t, m = [
|
154
|
-
a[0] / 2 + 0.5 -
|
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, [
|
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(),
|
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(),
|
201
|
+
this.flatmapMarkerUpdate(t), this.updateProvCard(), this.loadConnectivityKnowledge(t), s.emit("mapLoaded", e);
|
202
202
|
}
|
203
203
|
},
|
204
204
|
getFlatmapImp: function() {
|
205
|
-
if (this.
|
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
|
-
|
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 =
|
236
|
-
const
|
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:
|
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(),
|
276
|
-
|
277
|
-
}),
|
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
|
-
}),
|
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
|
-
}),
|
294
|
+
}), s.on("connectivity-hovered", (e) => {
|
292
295
|
this.showConnectivityTooltips(e);
|
293
|
-
}),
|
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
|
-
}),
|
296
|
-
this.flatmapReady && this.
|
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
|
311
|
+
const r = f("MultiFlatmapVuer"), l = f("HelpModeDialog");
|
302
312
|
return c(), S("div", H, [
|
303
|
-
F(
|
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", "
|
339
|
-
e.helpMode && e.useHelpModeDialog ? (c(),
|
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"])) :
|
355
|
+
}, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : k("", !0)
|
347
356
|
]);
|
348
357
|
}
|
349
|
-
const
|
358
|
+
const T = /* @__PURE__ */ u(b, [["render", L], ["__scopeId", "data-v-d7df9e7b"]]);
|
350
359
|
export {
|
351
|
-
|
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-
|
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-
|
4
|
+
import { _ as m } from "./index-DFkMrKek.js";
|
5
5
|
const p = {
|
6
6
|
name: "Plot",
|
7
7
|
mixins: [r],
|