@abi-software/mapintegratedvuer 1.1.0 → 1.2.0-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-Belbk7R9.js → ContentMixin-Chn7-LkR.js} +4 -5
- package/dist/{Flatmap-BEStr9DR.js → Flatmap-BYa1gZkN.js} +23 -23
- package/dist/{Iframe-CNeqS04g.js → Iframe-D4Wz_j32.js} +2 -2
- package/dist/{MultiFlatmap-CFF8nyw2.js → MultiFlatmap-C7LuHtEN.js} +25 -25
- package/dist/{Plot-BpS4tvSe.js → Plot-CI9rJRr9.js} +2 -2
- package/dist/{Scaffold-BXY9_HO6.js → Scaffold-J3mYovrG.js} +97 -97
- package/dist/{Simulation-Di2xaBxJ.js → Simulation-B1pfz5o9.js} +2 -2
- package/dist/{flatmapvuer-C67b_5lI.js → flatmapvuer-C31TbLvT.js} +39098 -34618
- package/dist/{index-CpppckRD.js → index-CB15HPC-.js} +11641 -11803
- package/dist/mapintegratedvuer.js +1 -1
- package/dist/mapintegratedvuer.umd.cjs +514 -567
- package/dist/style-8EUTEKFl.js +51 -0
- package/dist/style.css +1 -1
- package/package.json +3 -3
- package/src/components/ContentVuer.vue +10 -10
- package/src/components/SplitFlow.vue +14 -8
- package/src/components/viewers/Flatmap.vue +42 -35
- package/src/components/viewers/MultiFlatmap.vue +53 -50
- package/src/components/viewers/Scaffold.vue +43 -36
- package/src/mixins/ContentMixin.js +2 -2
- package/src/mixins/DynamicMarkerMixin.js +28 -45
- package/dist/style-CdEDV2B6.js +0 -62
@@ -1,4 +1,4 @@
|
|
1
|
-
import { u as _, b as y, E as f, T as g } from "./index-
|
1
|
+
import { u as _, b as y, E as f, T as g } from "./index-CB15HPC-.js";
|
2
2
|
import { mapStores as w } from "pinia";
|
3
3
|
const u = [
|
4
4
|
{
|
@@ -1057,7 +1057,7 @@ const C = {
|
|
1057
1057
|
} catch {
|
1058
1058
|
e = void 0;
|
1059
1059
|
}
|
1060
|
-
this.
|
1060
|
+
this.updateFeaturedMarkers([s], void 0), this.settingsStore.updateFeaturedMarker({
|
1061
1061
|
identifier: t,
|
1062
1062
|
marker: s,
|
1063
1063
|
doi: i,
|
@@ -1129,7 +1129,7 @@ const C = {
|
|
1129
1129
|
});
|
1130
1130
|
}
|
1131
1131
|
},
|
1132
|
-
|
1132
|
+
flatmapMarkerUpdate() {
|
1133
1133
|
},
|
1134
1134
|
onResize: function() {
|
1135
1135
|
},
|
@@ -1194,6 +1194,5 @@ const C = {
|
|
1194
1194
|
}
|
1195
1195
|
};
|
1196
1196
|
export {
|
1197
|
-
C
|
1198
|
-
U as m
|
1197
|
+
C
|
1199
1198
|
};
|
@@ -1,14 +1,14 @@
|
|
1
|
-
import {
|
2
|
-
import { _ as u, t as
|
3
|
-
import { C as
|
4
|
-
import { D as I } from "./style-
|
5
|
-
import { resolveComponent as
|
6
|
-
const
|
1
|
+
import { c, i as h } from "./flatmapvuer-C31TbLvT.js";
|
2
|
+
import { _ as u, t as M, T as s, E as i } from "./index-CB15HPC-.js";
|
3
|
+
import { C as g } from "./ContentMixin-Chn7-LkR.js";
|
4
|
+
import { D as I } from "./style-8EUTEKFl.js";
|
5
|
+
import { resolveComponent as r, openBlock as p, createElementBlock as y, createVNode as v, createBlock as S, createCommentVNode as F } from "vue";
|
6
|
+
const w = {
|
7
7
|
name: "Flatmap",
|
8
|
-
mixins: [
|
8
|
+
mixins: [g, I],
|
9
9
|
components: {
|
10
|
-
FlatmapVuer:
|
11
|
-
HelpModeDialog:
|
10
|
+
FlatmapVuer: c,
|
11
|
+
HelpModeDialog: h
|
12
12
|
},
|
13
13
|
methods: {
|
14
14
|
getState: function() {
|
@@ -36,8 +36,8 @@ const C = {
|
|
36
36
|
featureId: t.feature.featureId || "",
|
37
37
|
taxonomy: t.taxonomy || "",
|
38
38
|
resources: t.resource.join(", ")
|
39
|
-
}, a =
|
40
|
-
|
39
|
+
}, a = M(o);
|
40
|
+
s.sendEvent({
|
41
41
|
event: "interaction_event",
|
42
42
|
event_name: "portal_maps_connectivity",
|
43
43
|
category: a,
|
@@ -47,11 +47,11 @@ const C = {
|
|
47
47
|
},
|
48
48
|
flatmapReadyCall: function(e) {
|
49
49
|
let t = { id: this.entry.id, prov: this.getFlatmapImp().provenance };
|
50
|
-
|
50
|
+
i.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.getAvailableTerms(), this.entry.resource === "FunctionalConnectivity" && this.flatmapReadyForMarkerUpdates(e);
|
51
51
|
},
|
52
52
|
onPathwaySelectionChanged: function(e) {
|
53
53
|
const { label: t, property: o, checked: a, selectionsTitle: n } = e;
|
54
|
-
|
54
|
+
s.sendEvent({
|
55
55
|
event: "interaction_event",
|
56
56
|
event_name: "portal_maps_pathway_change",
|
57
57
|
category: t + " [" + o + "] " + a,
|
@@ -96,15 +96,15 @@ const C = {
|
|
96
96
|
}
|
97
97
|
},
|
98
98
|
mounted: function() {
|
99
|
-
this.getAvailableTerms(),
|
100
|
-
this.
|
99
|
+
this.getAvailableTerms(), i.on("markerUpdate", () => {
|
100
|
+
this.flatmapMarkerUpdate(void 0);
|
101
101
|
});
|
102
102
|
}
|
103
|
-
};
|
103
|
+
}, C = { class: "viewer-container" };
|
104
104
|
function T(e, t, o, a, n, l) {
|
105
|
-
const m =
|
106
|
-
return
|
107
|
-
|
105
|
+
const m = r("FlatmapVuer"), f = r("HelpModeDialog");
|
106
|
+
return p(), y("div", C, [
|
107
|
+
v(m, {
|
108
108
|
state: e.entry.state,
|
109
109
|
entry: e.entry.resource,
|
110
110
|
onResourceSelected: t[0] || (t[0] = (d) => l.flatmaprResourceSelected(e.entry.type, d)),
|
@@ -130,17 +130,17 @@ function T(e, t, o, a, n, l) {
|
|
130
130
|
onOpenMap: e.openMap,
|
131
131
|
onPathwaySelectionChanged: l.onPathwaySelectionChanged
|
132
132
|
}, null, 8, ["state", "entry", "onPanZoomCallback", "name", "minZoom", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onReady", "flatmapAPI", "sparcAPI", "onOpenMap", "onPathwaySelectionChanged"]),
|
133
|
-
e.helpMode && e.useHelpModeDialog ? (
|
133
|
+
e.helpMode && e.useHelpModeDialog ? (p(), S(f, {
|
134
134
|
key: 0,
|
135
135
|
ref: "flatmapHelp",
|
136
136
|
flatmapRef: e.flatmapRef,
|
137
137
|
lastItem: e.helpModeLastItem,
|
138
138
|
onShowNext: e.onHelpModeShowNext,
|
139
139
|
onFinishHelpMode: e.onFinishHelpMode
|
140
|
-
}, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) :
|
141
|
-
]
|
140
|
+
}, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : F("", !0)
|
141
|
+
]);
|
142
142
|
}
|
143
|
-
const $ = /* @__PURE__ */ u(
|
143
|
+
const $ = /* @__PURE__ */ u(w, [["render", T], ["__scopeId", "data-v-22cc3124"]]);
|
144
144
|
export {
|
145
145
|
$ as default
|
146
146
|
};
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import { C as r } from "./ContentMixin-
|
1
|
+
import { C as r } from "./ContentMixin-Chn7-LkR.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-CB15HPC-.js";
|
4
4
|
const a = {
|
5
5
|
name: "Iframe",
|
6
6
|
mixins: [r]
|
@@ -1,9 +1,9 @@
|
|
1
|
-
import { _ as
|
2
|
-
import {
|
3
|
-
import { C as
|
4
|
-
import { D as
|
5
|
-
import { resolveComponent as d, openBlock as
|
6
|
-
const
|
1
|
+
import { _ as u, a as h, g as M, E as l, t as g, T as p } from "./index-CB15HPC-.js";
|
2
|
+
import { n as y, i as v } from "./flatmapvuer-C31TbLvT.js";
|
3
|
+
import { C as I } from "./ContentMixin-Chn7-LkR.js";
|
4
|
+
import { D as S } from "./style-8EUTEKFl.js";
|
5
|
+
import { resolveComponent as d, openBlock as c, createElementBlock as C, createVNode as F, createBlock as k, createCommentVNode as w } from "vue";
|
6
|
+
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>', f = (e) => {
|
7
7
|
const t = [
|
8
8
|
{
|
9
9
|
display: "Open AC Map",
|
@@ -29,9 +29,9 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
29
29
|
break;
|
30
30
|
}
|
31
31
|
return t;
|
32
|
-
},
|
32
|
+
}, b = {
|
33
33
|
name: "MultiFlatmap",
|
34
|
-
mixins: [
|
34
|
+
mixins: [I, S],
|
35
35
|
components: {
|
36
36
|
MultiFlatmapVuer: y,
|
37
37
|
HelpModeDialog: v
|
@@ -43,7 +43,7 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
43
43
|
availableSpecies: h(),
|
44
44
|
scaffoldResource: {},
|
45
45
|
showStarInLegend: !1,
|
46
|
-
openMapOptions:
|
46
|
+
openMapOptions: f("Rat")
|
47
47
|
};
|
48
48
|
},
|
49
49
|
methods: {
|
@@ -88,7 +88,7 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
88
88
|
payload: e,
|
89
89
|
type: this.entry.type
|
90
90
|
};
|
91
|
-
this
|
91
|
+
this.$emit("resource-selected", t);
|
92
92
|
}
|
93
93
|
},
|
94
94
|
/**
|
@@ -153,7 +153,7 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
153
153
|
a[0] / 2 + 0.5 - i / 2,
|
154
154
|
0.5 - a[1] / 2 - r / 2
|
155
155
|
];
|
156
|
-
this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(m, [i, r])
|
156
|
+
this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(m, [i, r]);
|
157
157
|
}
|
158
158
|
},
|
159
159
|
displayTooltip: function(e) {
|
@@ -187,7 +187,7 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
187
187
|
}
|
188
188
|
},
|
189
189
|
flatmapChanged: async function(e) {
|
190
|
-
this.activeSpecies = e, this.openMapOptions =
|
190
|
+
this.activeSpecies = e, this.openMapOptions = f(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({
|
191
191
|
event: "interaction_event",
|
192
192
|
event_name: "portal_maps_species_change",
|
193
193
|
category: this.activeSpecies
|
@@ -197,7 +197,7 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
197
197
|
if (e) {
|
198
198
|
e.enablePanZoomEvents(!0), this.flatmapReady = !0;
|
199
199
|
const t = e.mapImp;
|
200
|
-
this.
|
200
|
+
this.flatmapMarkerUpdate(t), this.updateProvCard();
|
201
201
|
}
|
202
202
|
},
|
203
203
|
getFlatmapImp: function() {
|
@@ -215,9 +215,9 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
215
215
|
restoreFeaturedMarkers: function(e) {
|
216
216
|
this.settingsStore.resetFeaturedMarkerIdentifier();
|
217
217
|
const t = this.settingsStore.featuredMarkers;
|
218
|
-
this.
|
218
|
+
this.updateFeaturedMarkers(t, e);
|
219
219
|
},
|
220
|
-
|
220
|
+
updateFeaturedMarkers: function(e, t) {
|
221
221
|
this.showStarInLegend = !1;
|
222
222
|
for (let a = 0; a < e.length; ++a)
|
223
223
|
e[a] && (this.settingsStore.featuredMarkerIdentifiers[a] || this.addFeaturedMarker(e[a], a, t) && (this.showStarInLegend = !0));
|
@@ -229,7 +229,7 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
229
229
|
let o = a;
|
230
230
|
if (o || (o = this.getFlatmapImp()), o) {
|
231
231
|
let s = document.createElement("div");
|
232
|
-
s.innerHTML =
|
232
|
+
s.innerHTML = R;
|
233
233
|
const i = o.addMarker(e, {
|
234
234
|
element: s,
|
235
235
|
className: "highlight-marker",
|
@@ -256,18 +256,18 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
256
256
|
this.$refs.multiflatmap.getCurrentFlatmap() && this.$refs.multiflatmap.getCurrentFlatmap().enablePanZoomEvents(e);
|
257
257
|
},
|
258
258
|
featuredMarkers: function(e) {
|
259
|
-
this.flatmapReady && this.
|
259
|
+
this.flatmapReady && this.updateFeaturedMarkers(e, void 0);
|
260
260
|
}
|
261
261
|
},
|
262
262
|
mounted: function() {
|
263
263
|
this.getAvailableTerms(), this.getFeaturedDatasets(), l.on("markerUpdate", () => {
|
264
|
-
this.
|
264
|
+
this.flatmapMarkerUpdate(this.$refs.multiflatmap.getCurrentFlatmap().mapImp);
|
265
265
|
});
|
266
266
|
}
|
267
|
-
};
|
267
|
+
}, H = { class: "viewer-container" };
|
268
268
|
function P(e, t, a, n, o, s) {
|
269
269
|
const i = d("MultiFlatmapVuer"), r = d("HelpModeDialog");
|
270
|
-
return
|
270
|
+
return c(), C("div", H, [
|
271
271
|
F(i, {
|
272
272
|
availableSpecies: e.availableSpecies,
|
273
273
|
onFlatmapChanged: s.flatmapChanged,
|
@@ -295,17 +295,17 @@ function P(e, t, a, n, o, s) {
|
|
295
295
|
onPathwaySelectionChanged: s.onPathwaySelectionChanged,
|
296
296
|
onOpenPubmedUrl: s.onOpenPubmedUrl
|
297
297
|
}, null, 8, ["availableSpecies", "onFlatmapChanged", "onReady", "state", "initial", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "showStarInLegend", "openMapOptions", "flatmapAPI", "sparcAPI", "onPanZoomCallback", "onOpenMap", "onFinishHelpMode", "onPathwaySelectionChanged", "onOpenPubmedUrl"]),
|
298
|
-
e.helpMode && e.useHelpModeDialog ? (
|
298
|
+
e.helpMode && e.useHelpModeDialog ? (c(), k(r, {
|
299
299
|
key: 0,
|
300
300
|
ref: "multiflatmapHelp",
|
301
301
|
multiflatmapRef: e.multiflatmapRef,
|
302
302
|
lastItem: e.helpModeLastItem,
|
303
303
|
onShowNext: e.onHelpModeShowNext,
|
304
304
|
onFinishHelpMode: e.onFinishHelpMode
|
305
|
-
}, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) :
|
306
|
-
]
|
305
|
+
}, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : w("", !0)
|
306
|
+
]);
|
307
307
|
}
|
308
|
-
const
|
308
|
+
const E = /* @__PURE__ */ u(b, [["render", P], ["__scopeId", "data-v-66f8ec1f"]]);
|
309
309
|
export {
|
310
|
-
|
310
|
+
E as default
|
311
311
|
};
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { C as o } from "./plotvuer-X4h-Lj3L.js";
|
2
|
-
import { C as a } from "./ContentMixin-
|
2
|
+
import { C as a } from "./ContentMixin-Chn7-LkR.js";
|
3
3
|
import { resolveComponent as r, openBlock as n, createBlock as s } from "vue";
|
4
|
-
import { _ as m } from "./index-
|
4
|
+
import { _ as m } from "./index-CB15HPC-.js";
|
5
5
|
const p = {
|
6
6
|
name: "Plot",
|
7
7
|
mixins: [a],
|