@abi-software/mapintegratedvuer 1.12.4 → 1.12.6
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-CSEGbP7G.js → ContentMixin-DE9Pk_KF.js} +200 -177
- package/dist/{Flatmap-DX7vdhah.js → Flatmap-BdSINIH3.js} +27 -39
- package/dist/{Iframe-CjY_VCK6.js → Iframe-DL3E0cnI.js} +2 -2
- package/dist/{MultiFlatmap-DLRSNwLa.js → MultiFlatmap-DKPBFc_Y.js} +21 -37
- package/dist/{Plot-nDa1teji.js → Plot-_ca3lFZI.js} +2 -2
- package/dist/{Scaffold-CAZt83-7.js → Scaffold-DxH7TMFn.js} +2 -2
- package/dist/{Simulation-DcJ--KHu.js → Simulation-ewRVK6sW.js} +2 -2
- package/dist/{index-QOPChEwx.js → index-BHZwLSRu.js} +7006 -6945
- package/dist/mapintegratedvuer.js +1 -1
- package/dist/mapintegratedvuer.umd.cjs +107 -107
- package/dist/style-IHXUSXDX.js +57 -0
- package/dist/style.css +1 -1
- package/package.json +6 -6
- package/src/App.vue +136 -3
- package/src/components/ContextCard.vue +9 -1
- package/src/components/MapContent.vue +20 -3
- package/src/components/SplitDialog.vue +2 -1
- package/src/components/SplitFlow.vue +48 -18
- package/src/components/viewers/Flatmap.vue +10 -26
- package/src/components/viewers/MultiFlatmap.vue +5 -25
- package/src/mixins/ContentMixin.js +43 -7
- package/src/mixins/DynamicMarkerMixin.js +2 -11
- package/src/stores/entries.js +12 -0
- package/src/stores/settings.js +1 -1
- package/dist/style-JL7U0dZL.js +0 -66
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { _ as
|
|
2
|
-
import { C as
|
|
3
|
-
import { D as
|
|
4
|
-
import { FlatmapVuer as
|
|
5
|
-
import { resolveComponent as
|
|
1
|
+
import { _ as c, q as d, E as l, T as h } from "./index-BHZwLSRu.js";
|
|
2
|
+
import { C as u } from "./ContentMixin-DE9Pk_KF.js";
|
|
3
|
+
import { D as y } from "./style-IHXUSXDX.js";
|
|
4
|
+
import { FlatmapVuer as g } from "@abi-software/flatmapvuer";
|
|
5
|
+
import { resolveComponent as r, openBlock as p, createElementBlock as C, createVNode as M, createBlock as v, createCommentVNode as S } from "vue";
|
|
6
6
|
const w = {
|
|
7
7
|
name: "Flatmap",
|
|
8
|
-
mixins: [
|
|
8
|
+
mixins: [u, y],
|
|
9
9
|
components: {
|
|
10
|
-
FlatmapVuer:
|
|
11
|
-
HelpModeDialog:
|
|
10
|
+
FlatmapVuer: g,
|
|
11
|
+
HelpModeDialog: d
|
|
12
12
|
},
|
|
13
13
|
data: function() {
|
|
14
14
|
return {
|
|
@@ -30,31 +30,19 @@ const w = {
|
|
|
30
30
|
var e;
|
|
31
31
|
return (e = this.$refs.flatmap) == null ? void 0 : e.mapImp;
|
|
32
32
|
},
|
|
33
|
-
flatmapResourceSelected: function(e, t) {
|
|
34
|
-
if (this.resourceSelected(e, t), t.eventType === "click" && t.feature.type === "feature") {
|
|
35
|
-
const a = {
|
|
36
|
-
label: t.label || "",
|
|
37
|
-
id: t.feature.id || "",
|
|
38
|
-
featureId: t.feature.featureId || "",
|
|
39
|
-
taxonomy: t.taxonomy || "",
|
|
40
|
-
resources: t.resource.join(", ")
|
|
41
|
-
}, n = u(a);
|
|
42
|
-
s.sendEvent({
|
|
43
|
-
event: "interaction_event",
|
|
44
|
-
event_name: "portal_maps_connectivity",
|
|
45
|
-
category: n,
|
|
46
|
-
location: e + " " + this.$refs.flatmap.viewingMode
|
|
47
|
-
});
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
33
|
flatmapReadyCall: function(e) {
|
|
34
|
+
var n, i, o;
|
|
51
35
|
this.flatmapReady = !0;
|
|
52
|
-
|
|
53
|
-
|
|
36
|
+
const t = this.getFlatmapImp();
|
|
37
|
+
(n = t == null ? void 0 : t.mapMetadata) != null && n.name && (this.updateEntryLabel((i = t == null ? void 0 : t.mapMetadata) == null ? void 0 : i.name), this.updateEntryTitle((o = t == null ? void 0 : t.mapMetadata) == null ? void 0 : o.name));
|
|
38
|
+
let a = { id: this.entry.id, prov: t.mapMetadata };
|
|
39
|
+
l.emit("mapImpProv", a), this.$emit("flatmap-provenance-ready", a), this.flatmapReadyForMarkerUpdates(e), this.updateViewerSettings(), this.loadConnectivityExplorerConfig(e).then(() => {
|
|
40
|
+
l.emit("mapLoaded", e);
|
|
41
|
+
});
|
|
54
42
|
},
|
|
55
43
|
onPathwaySelectionChanged: function(e) {
|
|
56
44
|
const { label: t, property: a, checked: n, selectionsTitle: i } = e;
|
|
57
|
-
|
|
45
|
+
h.sendEvent({
|
|
58
46
|
event: "interaction_event",
|
|
59
47
|
event_name: "portal_maps_pathway_change",
|
|
60
48
|
category: t + " [" + a + "] " + n,
|
|
@@ -120,8 +108,8 @@ const w = {
|
|
|
120
108
|
organsDisplay: n,
|
|
121
109
|
outlinesDisplay: i,
|
|
122
110
|
connectionType: o
|
|
123
|
-
} = this.settingsStore.globalSettings,
|
|
124
|
-
|
|
111
|
+
} = this.settingsStore.globalSettings, s = this.$refs.flatmap;
|
|
112
|
+
s.changeViewingMode(t), s.setFlightPath3D(a), s.setColour(n), s.setOutlines(i), s.backgroundChangeCallback(e), s.setConnectionType(o);
|
|
125
113
|
},
|
|
126
114
|
setVisibilityFilter: function(e) {
|
|
127
115
|
if (this != null && this.alive) {
|
|
@@ -144,15 +132,15 @@ const w = {
|
|
|
144
132
|
return this.settingsStore.facets.species;
|
|
145
133
|
}
|
|
146
134
|
}
|
|
147
|
-
},
|
|
148
|
-
function
|
|
149
|
-
const
|
|
150
|
-
return
|
|
151
|
-
M(
|
|
135
|
+
}, I = { class: "viewer-container" };
|
|
136
|
+
function F(e, t, a, n, i, o) {
|
|
137
|
+
const s = r("FlatmapVuer"), f = r("HelpModeDialog");
|
|
138
|
+
return p(), C("div", I, [
|
|
139
|
+
M(s, {
|
|
152
140
|
state: e.entry.state,
|
|
153
141
|
entry: e.entry.resource,
|
|
154
142
|
mapManager: e.mapManager,
|
|
155
|
-
onResourceSelected: t[0] || (t[0] = (
|
|
143
|
+
onResourceSelected: t[0] || (t[0] = (m) => e.flatmapResourceSelected(e.entry.type, m)),
|
|
156
144
|
onPanZoomCallback: e.flatmapPanZoomCallback,
|
|
157
145
|
name: e.entry.resource,
|
|
158
146
|
style: { height: "100%", width: "100%" },
|
|
@@ -189,7 +177,7 @@ function b(e, t, a, n, i, o) {
|
|
|
189
177
|
showPathwayFilter: !1,
|
|
190
178
|
onTrackEvent: e.trackEvent
|
|
191
179
|
}, null, 8, ["state", "entry", "mapManager", "onPanZoomCallback", "name", "minZoom", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "onUpdateOfflineAnnotationEnabled", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityError", "onConnectivityInfoClose", "onNeuronConnectionFeatureClick", "connectivityInfoSidebar", "onReady", "flatmapAPI", "sparcAPI", "showLocalSettings", "showOpenMapButton", "onOpenMap", "onPathwaySelectionChanged", "onMapmanagerLoaded", "onTrackEvent"]),
|
|
192
|
-
e.helpMode && e.useHelpModeDialog ? (
|
|
180
|
+
e.helpMode && e.useHelpModeDialog ? (p(), v(f, {
|
|
193
181
|
key: 0,
|
|
194
182
|
ref: "flatmapHelp",
|
|
195
183
|
flatmapRef: e.flatmapRef,
|
|
@@ -199,7 +187,7 @@ function b(e, t, a, n, i, o) {
|
|
|
199
187
|
}, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : S("", !0)
|
|
200
188
|
]);
|
|
201
189
|
}
|
|
202
|
-
const
|
|
190
|
+
const T = /* @__PURE__ */ c(w, [["render", F], ["__scopeId", "data-v-c6a04569"]]);
|
|
203
191
|
export {
|
|
204
|
-
|
|
192
|
+
T as default
|
|
205
193
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { C as r } from "./ContentMixin-
|
|
1
|
+
import { C as r } from "./ContentMixin-DE9Pk_KF.js";
|
|
2
2
|
import { openBlock as o, createElementBlock as t, createElementVNode as a } from "vue";
|
|
3
|
-
import { _ as s } from "./index-
|
|
3
|
+
import { _ as s } from "./index-BHZwLSRu.js";
|
|
4
4
|
const n = {
|
|
5
5
|
name: "Iframe",
|
|
6
6
|
mixins: [r]
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { _ as c, q as h, a as g,
|
|
2
|
-
import { C as M } from "./ContentMixin-
|
|
3
|
-
import { D as
|
|
4
|
-
import { MultiFlatmapVuer as
|
|
5
|
-
import { resolveComponent as p, openBlock as m, createElementBlock as
|
|
6
|
-
const
|
|
1
|
+
import { _ as c, q as h, a as g, T as r, E as l } from "./index-BHZwLSRu.js";
|
|
2
|
+
import { C as M } from "./ContentMixin-DE9Pk_KF.js";
|
|
3
|
+
import { D as C } from "./style-IHXUSXDX.js";
|
|
4
|
+
import { MultiFlatmapVuer as y } from "@abi-software/flatmapvuer";
|
|
5
|
+
import { resolveComponent as p, openBlock as m, createElementBlock as v, createVNode as I, createBlock as S, createCommentVNode as F } from "vue";
|
|
6
|
+
const w = '<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>', f = (e) => [
|
|
7
7
|
{
|
|
8
8
|
display: "Open AC Map",
|
|
9
9
|
key: "AC"
|
|
@@ -16,11 +16,11 @@ const k = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
|
16
16
|
display: "Open 3D Human Map",
|
|
17
17
|
key: "3D"
|
|
18
18
|
}
|
|
19
|
-
],
|
|
19
|
+
], k = {
|
|
20
20
|
name: "MultiFlatmap",
|
|
21
|
-
mixins: [M,
|
|
21
|
+
mixins: [M, C],
|
|
22
22
|
components: {
|
|
23
|
-
MultiFlatmapVuer:
|
|
23
|
+
MultiFlatmapVuer: y,
|
|
24
24
|
HelpModeDialog: h
|
|
25
25
|
},
|
|
26
26
|
data: function() {
|
|
@@ -67,24 +67,6 @@ const k = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
|
67
67
|
});
|
|
68
68
|
}
|
|
69
69
|
},
|
|
70
|
-
flatmapResourceSelected: function(e, t) {
|
|
71
|
-
const a = this.$refs.multiflatmap.getCurrentFlatmap();
|
|
72
|
-
if (this.resourceSelected(e, t), t.eventType === "click" && t.feature.type === "feature") {
|
|
73
|
-
const n = {
|
|
74
|
-
label: t.label || "",
|
|
75
|
-
id: t.feature.id || "",
|
|
76
|
-
featureId: t.feature.featureId || "",
|
|
77
|
-
taxonomy: t.taxonomy || "",
|
|
78
|
-
resources: t.resource.join(", ")
|
|
79
|
-
}, o = y(n);
|
|
80
|
-
r.sendEvent({
|
|
81
|
-
event: "interaction_event",
|
|
82
|
-
event_name: "portal_maps_connectivity",
|
|
83
|
-
category: o,
|
|
84
|
-
location: e + " " + a.viewingMode
|
|
85
|
-
});
|
|
86
|
-
}
|
|
87
|
-
},
|
|
88
70
|
onPathwaySelectionChanged: function(e) {
|
|
89
71
|
const { label: t, property: a, checked: n, selectionsTitle: o } = e;
|
|
90
72
|
r.sendEvent({
|
|
@@ -117,7 +99,7 @@ const k = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
|
117
99
|
updateProvCard: function() {
|
|
118
100
|
const e = this.getFlatmapImp();
|
|
119
101
|
if (e) {
|
|
120
|
-
let t = { id: this.entry.id, prov: e.
|
|
102
|
+
let t = { id: this.entry.id, prov: e.mapMetadata };
|
|
121
103
|
l.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t);
|
|
122
104
|
}
|
|
123
105
|
},
|
|
@@ -134,7 +116,9 @@ const k = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
|
134
116
|
if (e) {
|
|
135
117
|
e.enablePanZoomEvents(!0), this.flatmapReady = !0;
|
|
136
118
|
const t = e.mapImp;
|
|
137
|
-
this.flatmapMarkerUpdate(t), this.updateProvCard(), this.updateViewerSettings(), this.loadConnectivityExplorerConfig(e)
|
|
119
|
+
this.flatmapMarkerUpdate(t), this.updateProvCard(), this.updateViewerSettings(), this.loadConnectivityExplorerConfig(e).then(() => {
|
|
120
|
+
l.emit("mapLoaded", e);
|
|
121
|
+
});
|
|
138
122
|
}
|
|
139
123
|
},
|
|
140
124
|
getFlatmapImp: function() {
|
|
@@ -168,7 +152,7 @@ const k = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
|
168
152
|
let o = a;
|
|
169
153
|
if (o || (o = this.getFlatmapImp()), o) {
|
|
170
154
|
let s = document.createElement("div");
|
|
171
|
-
s.innerHTML =
|
|
155
|
+
s.innerHTML = w;
|
|
172
156
|
const i = o.addMarker(e, {
|
|
173
157
|
element: s,
|
|
174
158
|
className: "highlight-marker",
|
|
@@ -251,17 +235,17 @@ const k = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
|
251
235
|
mounted: function() {
|
|
252
236
|
this.getFeaturedDatasets();
|
|
253
237
|
}
|
|
254
|
-
},
|
|
238
|
+
}, b = { class: "viewer-container" };
|
|
255
239
|
function L(e, t, a, n, o, s) {
|
|
256
240
|
const i = p("MultiFlatmapVuer"), d = p("HelpModeDialog");
|
|
257
|
-
return m(),
|
|
241
|
+
return m(), v("div", b, [
|
|
258
242
|
I(i, {
|
|
259
243
|
availableSpecies: e.availableSpecies,
|
|
260
244
|
onFlatmapChanged: s.flatmapChanged,
|
|
261
245
|
onReady: s.multiFlatmapReady,
|
|
262
246
|
state: e.entry.state,
|
|
263
247
|
mapManager: e.mapManager,
|
|
264
|
-
onResourceSelected: t[0] || (t[0] = (u) =>
|
|
248
|
+
onResourceSelected: t[0] || (t[0] = (u) => e.flatmapResourceSelected(e.entry.type, u)),
|
|
265
249
|
style: { height: "100%", width: "100%" },
|
|
266
250
|
initial: e.entry.resource,
|
|
267
251
|
helpMode: e.helpMode,
|
|
@@ -297,17 +281,17 @@ function L(e, t, a, n, o, s) {
|
|
|
297
281
|
showPathwayFilter: !1,
|
|
298
282
|
onTrackEvent: e.trackEvent
|
|
299
283
|
}, null, 8, ["availableSpecies", "onFlatmapChanged", "onReady", "state", "mapManager", "initial", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "onUpdateOfflineAnnotationEnabled", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityError", "onConnectivityInfoClose", "onNeuronConnectionFeatureClick", "connectivityInfoSidebar", "showStarInLegend", "openMapOptions", "flatmapAPI", "sparcAPI", "showLocalSettings", "showOpenMapButton", "onPanZoomCallback", "onOpenMap", "onFinishHelpMode", "onPathwaySelectionChanged", "onOpenPubmedUrl", "onMapmanagerLoaded", "onTrackEvent"]),
|
|
300
|
-
e.helpMode && e.useHelpModeDialog ? (m(),
|
|
284
|
+
e.helpMode && e.useHelpModeDialog ? (m(), S(d, {
|
|
301
285
|
key: 0,
|
|
302
286
|
ref: "multiflatmapHelp",
|
|
303
287
|
multiflatmapRef: e.multiflatmapRef,
|
|
304
288
|
lastItem: e.helpModeLastItem,
|
|
305
289
|
onShowNext: e.onHelpModeShowNext,
|
|
306
290
|
onFinishHelpMode: e.onFinishHelpMode
|
|
307
|
-
}, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) :
|
|
291
|
+
}, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : F("", !0)
|
|
308
292
|
]);
|
|
309
293
|
}
|
|
310
|
-
const
|
|
294
|
+
const T = /* @__PURE__ */ c(k, [["render", L], ["__scopeId", "data-v-bf8bcff8"]]);
|
|
311
295
|
export {
|
|
312
|
-
|
|
296
|
+
T as default
|
|
313
297
|
};
|
|
@@ -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-DE9Pk_KF.js";
|
|
3
3
|
import { resolveComponent as a, openBlock as n, createBlock as s } from "vue";
|
|
4
|
-
import { _ as p } from "./index-
|
|
4
|
+
import { _ as p } from "./index-BHZwLSRu.js";
|
|
5
5
|
const l = {
|
|
6
6
|
name: "Plot",
|
|
7
7
|
mixins: [r],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { _ as g, q as m, g as v, b as y, E as c } from "./index-
|
|
2
|
-
import { C as w } from "./ContentMixin-
|
|
1
|
+
import { _ as g, q as m, g as v, b as y, E as c } from "./index-BHZwLSRu.js";
|
|
2
|
+
import { C as w } from "./ContentMixin-DE9Pk_KF.js";
|
|
3
3
|
import { ScaffoldVuer as b } from "@abi-software/scaffoldvuer";
|
|
4
4
|
import { resolveComponent as p, openBlock as u, createElementBlock as S, createVNode as M, createBlock as $, createCommentVNode as C } from "vue";
|
|
5
5
|
const N = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { C as n } from "./ContentMixin-
|
|
1
|
+
import { C as n } from "./ContentMixin-DE9Pk_KF.js";
|
|
2
2
|
import { SimulationVuer as e } from "@abi-software/simulationvuer";
|
|
3
3
|
import { resolveComponent as r, openBlock as a, createBlock as c } from "vue";
|
|
4
|
-
import { _ as m } from "./index-
|
|
4
|
+
import { _ as m } from "./index-BHZwLSRu.js";
|
|
5
5
|
const s = {
|
|
6
6
|
name: "Simulation",
|
|
7
7
|
mixins: [n],
|