@abi-software/mapintegratedvuer 1.9.2 → 1.9.3-beta.0
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-DO6jlHIh.js → ContentMixin-W2PTyJZz.js} +162 -156
- package/dist/{Flatmap-CY9MPW7I.js → Flatmap--SlRCdfI.js} +70 -47
- package/dist/{Iframe-XTSWvVQw.js → Iframe-DYGGdodq.js} +2 -2
- package/dist/{MultiFlatmap-B7e2d6WK.js → MultiFlatmap-CEimf8Pc.js} +50 -22
- package/dist/{Plot-D3lEgm6I.js → Plot-x7fR8yUx.js} +2 -2
- package/dist/Scaffold-CfDMtWBm.js +194 -0
- package/dist/{Simulation-CrPJ4_pw.js → Simulation-BOhCaUMa.js} +2 -2
- package/dist/{index-BcpVBq1h.js → index-DMpfPm6s.js} +19969 -20101
- package/dist/mapintegratedvuer.js +1 -1
- package/dist/mapintegratedvuer.umd.cjs +226 -6059
- package/dist/style-Ba4Y-S47.js +66 -0
- package/dist/style.css +1 -1
- package/package.json +6 -5
- package/src/App.vue +2 -0
- package/src/assets/header-icon.scss +2 -2
- package/src/components/DialogToolbarContent.vue +434 -18
- package/src/components/MapContent.vue +24 -2
- package/src/components/SplitDialog.vue +63 -31
- package/src/components/SplitFlow.vue +131 -60
- package/src/components/viewers/Flatmap.vue +37 -1
- package/src/components/viewers/MultiFlatmap.vue +55 -1
- package/src/components/viewers/Scaffold.vue +19 -0
- package/src/components.d.ts +9 -0
- package/src/mixins/ContentMixin.js +44 -23
- package/src/stores/connectivities.js +59 -11
- package/src/stores/settings.js +15 -4
- package/vite.bundle-build.js +5 -2
- package/dist/Scaffold-2Zg19azr.js +0 -43337
- package/dist/style-CIceSTeY.js +0 -104700
@@ -1,13 +1,14 @@
|
|
1
|
-
import { _ as
|
2
|
-
import { C as
|
3
|
-
import { D as y
|
4
|
-
import {
|
1
|
+
import { _ as h, k as c, t as u, T as l, E as i } from "./index-DMpfPm6s.js";
|
2
|
+
import { C as g } from "./ContentMixin-W2PTyJZz.js";
|
3
|
+
import { D as y } from "./style-Ba4Y-S47.js";
|
4
|
+
import { FlatmapVuer as M } from "@abi-software/flatmapvuer";
|
5
|
+
import { resolveComponent as r, openBlock as p, createElementBlock as I, createVNode as v, createBlock as C, createCommentVNode as S } from "vue";
|
5
6
|
const w = {
|
6
7
|
name: "Flatmap",
|
7
|
-
mixins: [
|
8
|
+
mixins: [g, y],
|
8
9
|
components: {
|
9
|
-
FlatmapVuer:
|
10
|
-
HelpModeDialog:
|
10
|
+
FlatmapVuer: M,
|
11
|
+
HelpModeDialog: c
|
11
12
|
},
|
12
13
|
methods: {
|
13
14
|
getState: function() {
|
@@ -25,42 +26,41 @@ const w = {
|
|
25
26
|
},
|
26
27
|
flatmaprResourceSelected: function(e, t) {
|
27
28
|
if (this.resourceSelected(e, t), t.eventType === "click" && t.feature.type === "feature") {
|
28
|
-
const
|
29
|
+
const a = {
|
29
30
|
label: t.label || "",
|
30
31
|
id: t.feature.id || "",
|
31
32
|
featureId: t.feature.featureId || "",
|
32
33
|
taxonomy: t.taxonomy || "",
|
33
34
|
resources: t.resource.join(", ")
|
34
|
-
},
|
35
|
+
}, n = u(a);
|
35
36
|
l.sendEvent({
|
36
37
|
event: "interaction_event",
|
37
38
|
event_name: "portal_maps_connectivity",
|
38
|
-
category:
|
39
|
+
category: n,
|
39
40
|
location: e + " " + this.$refs.flatmap.viewingMode
|
40
41
|
});
|
41
42
|
}
|
42
43
|
},
|
43
44
|
flatmapReadyCall: function(e) {
|
44
45
|
let t = { id: this.entry.id, prov: this.getFlatmapImp().provenance };
|
45
|
-
|
46
|
-
r.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.flatmapReadyForMarkerUpdates(e), this.loadConnectivityKnowledge(n), r.emit("mapLoaded", e);
|
46
|
+
e.mapImp, i.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.flatmapReadyForMarkerUpdates(e), this.updateSettings(), this.loadConnectivityExplorerConfig(e), i.emit("mapLoaded", e);
|
47
47
|
},
|
48
48
|
onPathwaySelectionChanged: function(e) {
|
49
|
-
const { label: t, property:
|
49
|
+
const { label: t, property: a, checked: n, selectionsTitle: s } = e;
|
50
50
|
l.sendEvent({
|
51
51
|
event: "interaction_event",
|
52
52
|
event_name: "portal_maps_pathway_change",
|
53
|
-
category: t + " [" +
|
54
|
-
location:
|
53
|
+
category: t + " [" + a + "] " + n,
|
54
|
+
location: s
|
55
55
|
});
|
56
56
|
},
|
57
57
|
highlightFeatures: function(e) {
|
58
58
|
let t = e.name;
|
59
|
-
const
|
59
|
+
const a = this.$refs.flatmap.mapImp;
|
60
60
|
if (t) {
|
61
|
-
const
|
62
|
-
|
63
|
-
|
61
|
+
const n = a.search(t);
|
62
|
+
n.featureIds[0] && a.highlightFeatures([
|
63
|
+
a.modelForFeature(n.featureIds[0])
|
64
64
|
]);
|
65
65
|
}
|
66
66
|
},
|
@@ -69,27 +69,37 @@ const w = {
|
|
69
69
|
*/
|
70
70
|
searchSuggestions: function(e, t) {
|
71
71
|
if (e && this.$refs.flatmap.mapImp) {
|
72
|
-
const
|
73
|
-
(
|
74
|
-
const o = this.$refs.flatmap.mapImp.annotation(
|
72
|
+
const a = this.$refs.flatmap.mapImp.search(e);
|
73
|
+
(a.__featureIds || a.featureIds).forEach((s) => {
|
74
|
+
const o = this.$refs.flatmap.mapImp.annotation(s);
|
75
75
|
o && o.label && t.push(o.label);
|
76
76
|
});
|
77
77
|
}
|
78
78
|
},
|
79
79
|
zoomToFeatures: function(e, t) {
|
80
|
-
let
|
81
|
-
const
|
82
|
-
if (
|
83
|
-
const
|
84
|
-
if (
|
85
|
-
let o =
|
86
|
-
o ? (t &&
|
80
|
+
let a = e.name;
|
81
|
+
const n = this.$refs.flatmap.mapImp;
|
82
|
+
if (a) {
|
83
|
+
const s = n.search(a);
|
84
|
+
if (s.featureIds.length) {
|
85
|
+
let o = n.modelForFeature(s.featureIds[0]);
|
86
|
+
o ? (t && n.selectFeatures(o), n.zoomToFeatures(o)) : n.clearSearchResults();
|
87
87
|
}
|
88
88
|
} else
|
89
|
-
|
89
|
+
n.clearSearchResults();
|
90
90
|
},
|
91
91
|
changeViewingMode: function(e) {
|
92
92
|
this.$refs.flatmap.changeViewingMode(e);
|
93
|
+
},
|
94
|
+
updateSettings: function() {
|
95
|
+
const {
|
96
|
+
backgroundDisplay: e,
|
97
|
+
viewingMode: t,
|
98
|
+
flightPathDisplay: a,
|
99
|
+
organsDisplay: n,
|
100
|
+
outlines: s
|
101
|
+
} = this.settingsStore.globalSettings, o = this.$refs.flatmap;
|
102
|
+
o.changeViewingMode(t), o.setFlightPath3D(a), o.setColour(n), o.setOutlines(s), o.backgroundChangeCallback(e);
|
93
103
|
}
|
94
104
|
},
|
95
105
|
computed: {
|
@@ -98,28 +108,38 @@ const w = {
|
|
98
108
|
}
|
99
109
|
},
|
100
110
|
mounted: function() {
|
101
|
-
|
111
|
+
i.on("annotation-close", () => {
|
102
112
|
this.$refs.flatmap && this.$refs.flatmap.annotationEventCallback({}, { type: "aborted" });
|
103
|
-
}),
|
113
|
+
}), i.on("markerUpdate", () => {
|
104
114
|
this.flatmapMarkerUpdate(void 0);
|
105
|
-
}),
|
115
|
+
}), i.on("hoverUpdate", () => {
|
106
116
|
this.cardHoverHighlight();
|
107
|
-
}),
|
108
|
-
|
109
|
-
|
110
|
-
|
117
|
+
}), i.on("viewingModeUpdate", (e) => {
|
118
|
+
this.$refs.flatmap.changeViewingMode(e);
|
119
|
+
}), i.on("flightPathUpdate", (e) => {
|
120
|
+
this.$refs.flatmap.setFlightPath3D(e);
|
121
|
+
}), i.on("organsDisplayUpdate", (e) => {
|
122
|
+
this.$refs.flatmap.setColour(e);
|
123
|
+
}), i.on("outlinesDisplayUpdate", (e) => {
|
124
|
+
this.$refs.flatmap.setOutlines(e);
|
125
|
+
}), i.on("backgroundDisplayUpdate", (e) => {
|
126
|
+
this.$refs.flatmap.backgroundChangeCallback(e);
|
127
|
+
}), i.on("show-connectivity", (e) => {
|
128
|
+
const { featureIds: t, offset: a } = e, n = this.$refs.flatmap;
|
129
|
+
n && n.moveMap(t, {
|
130
|
+
offsetX: a ? -150 : 0,
|
111
131
|
zoom: 4
|
112
132
|
});
|
113
|
-
}),
|
133
|
+
}), i.on("show-reference-connectivities", (e) => {
|
114
134
|
const t = this.$refs.flatmap;
|
115
135
|
t && t.showConnectivitiesByReference(e);
|
116
136
|
});
|
117
137
|
}
|
118
|
-
},
|
119
|
-
function
|
120
|
-
const
|
121
|
-
return p(),
|
122
|
-
v(
|
138
|
+
}, b = { class: "viewer-container" };
|
139
|
+
function F(e, t, a, n, s, o) {
|
140
|
+
const f = r("FlatmapVuer"), m = r("HelpModeDialog");
|
141
|
+
return p(), I("div", b, [
|
142
|
+
v(f, {
|
123
143
|
state: e.entry.state,
|
124
144
|
entry: e.entry.resource,
|
125
145
|
mapManager: e.mapManager,
|
@@ -137,6 +157,7 @@ function b(e, t, n, a, i, o) {
|
|
137
157
|
onShownMapTooltip: e.onMapTooltipShown,
|
138
158
|
onAnnotationOpen: e.onAnnotationOpen,
|
139
159
|
onAnnotationClose: e.onAnnotationClose,
|
160
|
+
onUpdateOfflineAnnotationEnabled: e.updateOfflineAnnotationEnabled,
|
140
161
|
annotationSidebar: e.annotationSidebar,
|
141
162
|
onConnectivityInfoOpen: e.onConnectivityInfoOpen,
|
142
163
|
onConnectivityError: e.onConnectivityError,
|
@@ -150,11 +171,13 @@ function b(e, t, n, a, i, o) {
|
|
150
171
|
enableOpenMapUI: !0,
|
151
172
|
flatmapAPI: e.flatmapAPI,
|
152
173
|
sparcAPI: e.apiLocation,
|
174
|
+
showLocalSettings: e.showLocalSettings,
|
175
|
+
showOpenMapButton: e.showOpenMapButton,
|
153
176
|
onOpenMap: e.openMap,
|
154
177
|
onPathwaySelectionChanged: o.onPathwaySelectionChanged,
|
155
178
|
onMapmanagerLoaded: e.onMapmanagerLoaded
|
156
|
-
}, null, 8, ["state", "entry", "mapManager", "onPanZoomCallback", "name", "minZoom", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityError", "onConnectivityInfoClose", "connectivityInfoSidebar", "onReady", "flatmapAPI", "sparcAPI", "onOpenMap", "onPathwaySelectionChanged", "onMapmanagerLoaded"]),
|
157
|
-
e.helpMode && e.useHelpModeDialog ? (p(), C(
|
179
|
+
}, null, 8, ["state", "entry", "mapManager", "onPanZoomCallback", "name", "minZoom", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "onUpdateOfflineAnnotationEnabled", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityError", "onConnectivityInfoClose", "connectivityInfoSidebar", "onReady", "flatmapAPI", "sparcAPI", "showLocalSettings", "showOpenMapButton", "onOpenMap", "onPathwaySelectionChanged", "onMapmanagerLoaded"]),
|
180
|
+
e.helpMode && e.useHelpModeDialog ? (p(), C(m, {
|
158
181
|
key: 0,
|
159
182
|
ref: "flatmapHelp",
|
160
183
|
flatmapRef: e.flatmapRef,
|
@@ -164,7 +187,7 @@ function b(e, t, n, a, i, o) {
|
|
164
187
|
}, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : S("", !0)
|
165
188
|
]);
|
166
189
|
}
|
167
|
-
const
|
190
|
+
const P = /* @__PURE__ */ h(w, [["render", F], ["__scopeId", "data-v-b2faff4c"]]);
|
168
191
|
export {
|
169
|
-
|
192
|
+
P as default
|
170
193
|
};
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import { C as r } from "./ContentMixin-
|
1
|
+
import { C as r } from "./ContentMixin-W2PTyJZz.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-DMpfPm6s.js";
|
4
4
|
const a = {
|
5
5
|
name: "Iframe",
|
6
6
|
mixins: [r]
|
@@ -1,8 +1,9 @@
|
|
1
|
-
import { _ as
|
2
|
-
import { C as v } from "./ContentMixin-
|
3
|
-
import { D as C
|
4
|
-
import {
|
5
|
-
|
1
|
+
import { _ as d, k as h, a as g, g as y, E as s, t as M, T as p } from "./index-DMpfPm6s.js";
|
2
|
+
import { C as v } from "./ContentMixin-W2PTyJZz.js";
|
3
|
+
import { D as C } from "./style-Ba4Y-S47.js";
|
4
|
+
import { MultiFlatmapVuer as S } from "@abi-software/flatmapvuer";
|
5
|
+
import { resolveComponent as f, openBlock as c, createElementBlock as F, createVNode as I, createBlock as w, createCommentVNode as k } 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>', u = (e) => {
|
6
7
|
const t = [
|
7
8
|
{
|
8
9
|
display: "Open AC Map",
|
@@ -28,21 +29,21 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
28
29
|
break;
|
29
30
|
}
|
30
31
|
return t;
|
31
|
-
},
|
32
|
+
}, R = {
|
32
33
|
name: "MultiFlatmap",
|
33
34
|
mixins: [v, C],
|
34
35
|
components: {
|
35
|
-
MultiFlatmapVuer:
|
36
|
+
MultiFlatmapVuer: S,
|
36
37
|
HelpModeDialog: h
|
37
38
|
},
|
38
39
|
data: function() {
|
39
40
|
return {
|
40
41
|
zoomLevel: 6,
|
41
42
|
flatmapReady: !1,
|
42
|
-
availableSpecies:
|
43
|
+
availableSpecies: g(),
|
43
44
|
scaffoldResource: {},
|
44
45
|
showStarInLegend: !1,
|
45
|
-
openMapOptions:
|
46
|
+
openMapOptions: u("Human Male")
|
46
47
|
};
|
47
48
|
},
|
48
49
|
methods: {
|
@@ -60,7 +61,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
60
61
|
title: "View 3D scaffold",
|
61
62
|
layout: "2horpanel",
|
62
63
|
type: "SyncMap"
|
63
|
-
} : (this.activeSpecies === "Human Male" || this.activeSpecies === "Human Female") && ("human" in this.scaffoldResource || (this.scaffoldResource.human = await
|
64
|
+
} : (this.activeSpecies === "Human Male" || this.activeSpecies === "Human Female") && ("human" in this.scaffoldResource || (this.scaffoldResource.human = await y(this.apiLocation, "human")), e = {
|
64
65
|
contextCardUrl: this.scaffoldResource.human.datasetInfo.contextCardUrl,
|
65
66
|
discoverId: this.scaffoldResource.human.datasetInfo.discoverId,
|
66
67
|
s3uri: this.scaffoldResource.human.datasetInfo.s3uri,
|
@@ -188,7 +189,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
188
189
|
}
|
189
190
|
},
|
190
191
|
flatmapChanged: async function(e) {
|
191
|
-
this.activeSpecies = e, this.openMapOptions =
|
192
|
+
this.activeSpecies = e, this.openMapOptions = u(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
193
|
event: "interaction_event",
|
193
194
|
event_name: "portal_maps_species_change",
|
194
195
|
category: this.activeSpecies
|
@@ -198,7 +199,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
198
199
|
if (e) {
|
199
200
|
e.enablePanZoomEvents(!0), this.flatmapReady = !0;
|
200
201
|
const t = e.mapImp;
|
201
|
-
this.flatmapMarkerUpdate(t), this.updateProvCard(), this.
|
202
|
+
this.flatmapMarkerUpdate(t), this.updateProvCard(), this.updateSettings(), this.loadConnectivityExplorerConfig(e), s.emit("mapLoaded", e);
|
202
203
|
}
|
203
204
|
},
|
204
205
|
getFlatmapImp: function() {
|
@@ -232,7 +233,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
232
233
|
let o = a;
|
233
234
|
if (o || (o = this.getFlatmapImp()), o) {
|
234
235
|
let i = document.createElement("div");
|
235
|
-
i.innerHTML =
|
236
|
+
i.innerHTML = b;
|
236
237
|
const r = o.addMarker(e, {
|
237
238
|
element: i,
|
238
239
|
className: "highlight-marker",
|
@@ -256,6 +257,19 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
256
257
|
},
|
257
258
|
changeConnectivitySource: function(e) {
|
258
259
|
this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().changeConnectivitySource(e);
|
260
|
+
},
|
261
|
+
updateSettings: function() {
|
262
|
+
const {
|
263
|
+
backgroundDisplay: e,
|
264
|
+
viewingMode: t,
|
265
|
+
flightPathDisplay: a,
|
266
|
+
organsDisplay: n,
|
267
|
+
outlines: o
|
268
|
+
} = this.settingsStore.globalSettings;
|
269
|
+
if (this.flatmapReady) {
|
270
|
+
const i = this.$refs.multiflatmap.getCurrentFlatmap();
|
271
|
+
i.changeViewingMode(t), i.setFlightPath3D(a), i.setColour(n), i.setOutlines(o), i.backgroundChangeCallback(e);
|
272
|
+
}
|
259
273
|
}
|
260
274
|
},
|
261
275
|
computed: {
|
@@ -299,13 +313,23 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
299
313
|
this.flatmapReady && this.flatmapMarkerUpdate(this.$refs.multiflatmap.getCurrentFlatmap().mapImp);
|
300
314
|
}), s.on("hoverUpdate", () => {
|
301
315
|
this.flatmapReady && this.cardHoverHighlight();
|
316
|
+
}), s.on("viewingModeUpdate", (e) => {
|
317
|
+
this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().changeViewingMode(e);
|
318
|
+
}), s.on("flightPathUpdate", (e) => {
|
319
|
+
this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().setFlightPath3D(e);
|
320
|
+
}), s.on("organsDisplayUpdate", (e) => {
|
321
|
+
this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().setColour(e);
|
322
|
+
}), s.on("outlinesDisplayUpdate", (e) => {
|
323
|
+
this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().setOutlines(e);
|
324
|
+
}), s.on("backgroundDisplayUpdate", (e) => {
|
325
|
+
this.flatmapReady && this.$refs.multiflatmap.getCurrentFlatmap().backgroundChangeCallback(e);
|
302
326
|
});
|
303
327
|
}
|
304
|
-
},
|
328
|
+
}, O = { class: "viewer-container" };
|
305
329
|
function L(e, t, a, n, o, i) {
|
306
330
|
const r = f("MultiFlatmapVuer"), l = f("HelpModeDialog");
|
307
|
-
return c(),
|
308
|
-
|
331
|
+
return c(), F("div", O, [
|
332
|
+
I(r, {
|
309
333
|
availableSpecies: e.availableSpecies,
|
310
334
|
onFlatmapChanged: i.flatmapChanged,
|
311
335
|
onReady: i.multiFlatmapReady,
|
@@ -322,6 +346,7 @@ function L(e, t, a, n, o, i) {
|
|
322
346
|
onShownMapTooltip: e.onMapTooltipShown,
|
323
347
|
onAnnotationOpen: e.onAnnotationOpen,
|
324
348
|
onAnnotationClose: e.onAnnotationClose,
|
349
|
+
onUpdateOfflineAnnotationEnabled: e.updateOfflineAnnotationEnabled,
|
325
350
|
annotationSidebar: e.annotationSidebar,
|
326
351
|
onConnectivityInfoOpen: e.onConnectivityInfoOpen,
|
327
352
|
onConnectivityError: e.onConnectivityError,
|
@@ -334,24 +359,27 @@ function L(e, t, a, n, o, i) {
|
|
334
359
|
openMapOptions: e.openMapOptions,
|
335
360
|
flatmapAPI: e.flatmapAPI,
|
336
361
|
sparcAPI: e.apiLocation,
|
362
|
+
showLocalSettings: e.showLocalSettings,
|
363
|
+
showOpenMapButton: e.showOpenMapButton,
|
337
364
|
onPanZoomCallback: i.flatmapPanZoomCallback,
|
338
365
|
onOpenMap: e.openMap,
|
339
366
|
onFinishHelpMode: e.endHelp,
|
340
367
|
onPathwaySelectionChanged: i.onPathwaySelectionChanged,
|
341
368
|
onOpenPubmedUrl: i.onOpenPubmedUrl,
|
342
|
-
onMapmanagerLoaded: e.onMapmanagerLoaded
|
343
|
-
|
344
|
-
|
369
|
+
onMapmanagerLoaded: e.onMapmanagerLoaded,
|
370
|
+
showPathwayFilter: !1
|
371
|
+
}, null, 8, ["availableSpecies", "onFlatmapChanged", "onReady", "state", "mapManager", "initial", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "onUpdateOfflineAnnotationEnabled", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityError", "onConnectivityInfoClose", "connectivityInfoSidebar", "showStarInLegend", "openMapOptions", "flatmapAPI", "sparcAPI", "showLocalSettings", "showOpenMapButton", "onPanZoomCallback", "onOpenMap", "onFinishHelpMode", "onPathwaySelectionChanged", "onOpenPubmedUrl", "onMapmanagerLoaded"]),
|
372
|
+
e.helpMode && e.useHelpModeDialog ? (c(), w(l, {
|
345
373
|
key: 0,
|
346
374
|
ref: "multiflatmapHelp",
|
347
375
|
multiflatmapRef: e.multiflatmapRef,
|
348
376
|
lastItem: e.helpModeLastItem,
|
349
377
|
onShowNext: e.onHelpModeShowNext,
|
350
378
|
onFinishHelpMode: e.onFinishHelpMode
|
351
|
-
}, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) :
|
379
|
+
}, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : k("", !0)
|
352
380
|
]);
|
353
381
|
}
|
354
|
-
const
|
382
|
+
const E = /* @__PURE__ */ d(R, [["render", L], ["__scopeId", "data-v-eef77976"]]);
|
355
383
|
export {
|
356
|
-
|
384
|
+
E as default
|
357
385
|
};
|
@@ -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-W2PTyJZz.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-DMpfPm6s.js";
|
5
5
|
const p = {
|
6
6
|
name: "Plot",
|
7
7
|
mixins: [r],
|
@@ -0,0 +1,194 @@
|
|
1
|
+
import { _ as p, k as c, E as l } from "./index-DMpfPm6s.js";
|
2
|
+
import { C as g } from "./ContentMixin-W2PTyJZz.js";
|
3
|
+
import { ScaffoldVuer as u } from "@abi-software/scaffoldvuer";
|
4
|
+
import { resolveComponent as f, openBlock as r, createElementBlock as m, createVNode as y, createBlock as M, createCommentVNode as S } from "vue";
|
5
|
+
const w = {
|
6
|
+
name: "Scaffold",
|
7
|
+
mixins: [g],
|
8
|
+
components: {
|
9
|
+
ScaffoldVuer: u,
|
10
|
+
HelpModeDialog: c
|
11
|
+
},
|
12
|
+
methods: {
|
13
|
+
onResize: function() {
|
14
|
+
this.scaffoldCamera.onResize();
|
15
|
+
},
|
16
|
+
getState: function() {
|
17
|
+
return this.$refs.scaffold.getState();
|
18
|
+
},
|
19
|
+
/**
|
20
|
+
* Perform a local search on this contentvuer
|
21
|
+
*/
|
22
|
+
search: function(e) {
|
23
|
+
return this.$refs.scaffold.search(e, !0);
|
24
|
+
},
|
25
|
+
searchSuggestions: function(e, o) {
|
26
|
+
if (e === "" || !this.$refs.scaffold)
|
27
|
+
return o;
|
28
|
+
this.$refs.scaffold.fetchSuggestions(e).forEach((a) => {
|
29
|
+
a.suggestion && o.push(a.suggestion);
|
30
|
+
});
|
31
|
+
},
|
32
|
+
/**
|
33
|
+
* Handle sync pan zoom event
|
34
|
+
*/
|
35
|
+
handleSyncPanZoomEvent: function(e) {
|
36
|
+
if (!this.mouseHovered && e.type !== this.entry.type) {
|
37
|
+
const o = e.payload.origin, t = e.payload.size, a = [o[0] + t[0] / 2, o[1] + t[1] / 2], i = [
|
38
|
+
(a[0] - 0.5) * 2,
|
39
|
+
(0.5 - a[1]) * 2
|
40
|
+
], n = 1 / Math.max(t[0], t[1]);
|
41
|
+
this.$refs.scaffold.$module.setSyncControlCenterZoom(
|
42
|
+
i,
|
43
|
+
n
|
44
|
+
);
|
45
|
+
}
|
46
|
+
},
|
47
|
+
displayTooltip: function(e) {
|
48
|
+
let o;
|
49
|
+
e && (o = e.name), o ? this.$refs.scaffold.search(o, !0) : this.$refs.scaffold.hideRegionTooltip();
|
50
|
+
},
|
51
|
+
zoomToFeatures: function(e, o) {
|
52
|
+
let t;
|
53
|
+
Array.isArray(e) ? t = e : t = [e.name], o && this.$refs.scaffold.changeActiveByName(t, "", !1), this.$refs.scaffold.viewRegion(t);
|
54
|
+
},
|
55
|
+
highlightFeatures: function(e) {
|
56
|
+
let o;
|
57
|
+
Array.isArray(e) ? o = e : o = [e.name], this.$refs.scaffold.changeHighlightedByName(o, "", !1);
|
58
|
+
},
|
59
|
+
scaffoldIsReady: function() {
|
60
|
+
if (this.scaffoldLoaded = !0, this.$refs.scaffold.$module.graphicsHighlight.highlightColour = [1, 0, 1], this.isVisible()) {
|
61
|
+
let e = "free";
|
62
|
+
this.entry.rotation && (e = this.entry.rotation), this.$refs.scaffold.toggleSyncControl(this.splitFlowStore.globalCallback, e), this.splitFlowStore.syncMode && this.$refs.scaffold.fitWindow(), this.updateSettings();
|
63
|
+
}
|
64
|
+
l.emit("mapLoaded", this.$refs.scaffold);
|
65
|
+
},
|
66
|
+
requestSynchronisedEvent: function(e) {
|
67
|
+
if (this.scaffoldLoaded) {
|
68
|
+
let o = "free";
|
69
|
+
this.entry.rotation && (o = this.entry.rotation), this.$refs.scaffold.toggleSyncControl(e, o);
|
70
|
+
}
|
71
|
+
},
|
72
|
+
/**
|
73
|
+
* Callback when the vuers emit a selected event.
|
74
|
+
*/
|
75
|
+
scaffoldHighlighted: function(e, o) {
|
76
|
+
var a, i, n;
|
77
|
+
const t = {
|
78
|
+
paneIndex: this.entry.id,
|
79
|
+
type: e,
|
80
|
+
resource: o,
|
81
|
+
internalName: void 0
|
82
|
+
};
|
83
|
+
o && o[0] && ((((a = o[0].data) == null ? void 0 : a.id) === void 0 || ((i = o[0].data) == null ? void 0 : i.id) === "") && (o[0].data.id = (n = o[0].data) == null ? void 0 : n.group), t.internalName = o[0].data.id, t.eventType = "highlighted"), this.$emit("resource-selected", t);
|
84
|
+
},
|
85
|
+
/**
|
86
|
+
* Callback when the vuers emit a selected event.
|
87
|
+
*/
|
88
|
+
scaffoldNavigated: function(e, o) {
|
89
|
+
if (this.mouseHovered) {
|
90
|
+
const t = {
|
91
|
+
paneIndex: this.entry.id,
|
92
|
+
eventType: "panZoom",
|
93
|
+
payload: o,
|
94
|
+
type: e
|
95
|
+
};
|
96
|
+
this.$emit("resource-selected", t);
|
97
|
+
}
|
98
|
+
},
|
99
|
+
updateWithViewUrl: function(e) {
|
100
|
+
this.$refs.scaffold.updateViewURL(e);
|
101
|
+
},
|
102
|
+
/**
|
103
|
+
* Change the view mode of the current scaffold
|
104
|
+
*/
|
105
|
+
changeViewingMode: function(e) {
|
106
|
+
this.$refs.scaffold.changeViewingMode(e);
|
107
|
+
},
|
108
|
+
updateSettings: function() {
|
109
|
+
const {
|
110
|
+
backgroundDisplay: e,
|
111
|
+
viewingMode: o
|
112
|
+
} = this.settingsStore.globalSettings;
|
113
|
+
this.$refs.scaffold.backgroundChangeCallback(e), this.$refs.scaffold.changeViewingMode(o);
|
114
|
+
}
|
115
|
+
},
|
116
|
+
computed: {
|
117
|
+
warningMessage: function() {
|
118
|
+
return this.entry.isBodyScaffold ? "This map displays the anatomical location and connectivity of nerves, through which the neuron populations from the ApiNATOMY models available in SCKAN can be routed." : "Under active development";
|
119
|
+
},
|
120
|
+
markerLabels: function() {
|
121
|
+
return this.settingsStore.globalSettings.displayMarkers ? this.settingsStore.numberOfDatasetsForFacets : {};
|
122
|
+
}
|
123
|
+
},
|
124
|
+
data: function() {
|
125
|
+
return {
|
126
|
+
apiLocation: process.env.VUE_APP_API_LOCATION,
|
127
|
+
scaffoldCamera: void 0,
|
128
|
+
scaffoldLoaded: !1
|
129
|
+
};
|
130
|
+
},
|
131
|
+
mounted: function() {
|
132
|
+
this.scaffoldCamera = this.$refs.scaffold.$module.scene.getZincCameraControls(), l.on("startHelp", () => {
|
133
|
+
this.startHelp();
|
134
|
+
}), l.on("hoverUpdate", () => {
|
135
|
+
this.scaffoldLoaded && this.cardHoverHighlight();
|
136
|
+
}), l.on("backgroundDisplayUpdate", (e) => {
|
137
|
+
this.$refs.scaffold.backgroundChangeCallback(e);
|
138
|
+
}), l.on("viewingModeUpdate", (e) => {
|
139
|
+
this.$refs.scaffold.changeViewingMode(e);
|
140
|
+
});
|
141
|
+
}
|
142
|
+
}, v = { class: "viewer-container" };
|
143
|
+
function b(e, o, t, a, i, n) {
|
144
|
+
const d = f("ScaffoldVuer"), h = f("HelpModeDialog");
|
145
|
+
return r(), m("div", v, [
|
146
|
+
y(d, {
|
147
|
+
state: e.entry.state,
|
148
|
+
url: e.entry.resource,
|
149
|
+
region: e.entry.region,
|
150
|
+
onScaffoldSelected: o[0] || (o[0] = (s) => e.resourceSelected(e.entry.type, s, !0)),
|
151
|
+
onScaffoldHighlighted: o[1] || (o[1] = (s) => n.scaffoldHighlighted(e.entry.type, s)),
|
152
|
+
onScaffoldNavigated: o[2] || (o[2] = (s) => n.scaffoldNavigated(e.entry.type, s)),
|
153
|
+
onOnReady: n.scaffoldIsReady,
|
154
|
+
onOpenMap: e.openMap,
|
155
|
+
ref: "scaffold",
|
156
|
+
"background-toggle": !0,
|
157
|
+
traditional: !0,
|
158
|
+
helpMode: e.helpMode,
|
159
|
+
helpModeActiveItem: e.helpModeActiveItem,
|
160
|
+
helpModeDialog: e.useHelpModeDialog,
|
161
|
+
onAnnotationOpen: e.onAnnotationOpen,
|
162
|
+
onAnnotationClose: e.onAnnotationClose,
|
163
|
+
onUpdateOfflineAnnotationEnabled: e.updateOfflineAnnotationEnabled,
|
164
|
+
annotationSidebar: e.annotationSidebar,
|
165
|
+
onHelpModeLastItem: e.onHelpModeLastItem,
|
166
|
+
onShownTooltip: e.onTooltipShown,
|
167
|
+
onShownMapTooltip: e.onMapTooltipShown,
|
168
|
+
render: e.visible,
|
169
|
+
"display-latest-message": !0,
|
170
|
+
"warning-message": n.warningMessage,
|
171
|
+
"display-minimap": !1,
|
172
|
+
"display-markers": !1,
|
173
|
+
enableOpenMapUI: !0,
|
174
|
+
"view-u-r-l": e.entry.viewUrl,
|
175
|
+
markerCluster: !0,
|
176
|
+
markerLabels: n.markerLabels,
|
177
|
+
flatmapAPI: e.flatmapAPI,
|
178
|
+
showLocalSettings: e.showLocalSettings,
|
179
|
+
showOpenMapButton: e.showOpenMapButton
|
180
|
+
}, null, 8, ["state", "url", "region", "onOnReady", "onOpenMap", "helpMode", "helpModeActiveItem", "helpModeDialog", "onAnnotationOpen", "onAnnotationClose", "onUpdateOfflineAnnotationEnabled", "annotationSidebar", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "render", "warning-message", "view-u-r-l", "markerLabels", "flatmapAPI", "showLocalSettings", "showOpenMapButton"]),
|
181
|
+
e.helpMode && e.useHelpModeDialog ? (r(), M(h, {
|
182
|
+
key: 0,
|
183
|
+
ref: "scaffoldHelp",
|
184
|
+
scaffoldRef: e.scaffoldRef,
|
185
|
+
lastItem: e.helpModeLastItem,
|
186
|
+
onShowNext: e.onHelpModeShowNext,
|
187
|
+
onFinishHelpMode: e.onFinishHelpMode
|
188
|
+
}, null, 8, ["scaffoldRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : S("", !0)
|
189
|
+
]);
|
190
|
+
}
|
191
|
+
const k = /* @__PURE__ */ p(w, [["render", b], ["__scopeId", "data-v-57714f72"]]);
|
192
|
+
export {
|
193
|
+
k as default
|
194
|
+
};
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import { C as i } from "./ContentMixin-
|
1
|
+
import { C as i } from "./ContentMixin-W2PTyJZz.js";
|
2
2
|
import { SimulationVuer as t } from "@abi-software/simulationvuer";
|
3
3
|
import { resolveComponent as e, openBlock as r, createBlock as a } from "vue";
|
4
|
-
import { _ as m } from "./index-
|
4
|
+
import { _ as m } from "./index-DMpfPm6s.js";
|
5
5
|
const c = {
|
6
6
|
name: "Simulation",
|
7
7
|
mixins: [i],
|