@abi-software/mapintegratedvuer 1.6.4-beta.2 → 1.6.4
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/cypress.config.js +0 -11
- package/dist/{ContentMixin-C2zqlbpz.js → ContentMixin-BN-CocZo.js} +5 -9
- package/dist/{Flatmap-BKEPnaCc.js → Flatmap-Bes3nf12.js} +55 -57
- package/dist/{Iframe-Bb9zxykf.js → Iframe-CNaYaOFI.js} +2 -2
- package/dist/{MultiFlatmap-Bbm63ncf.js → MultiFlatmap-DDE7fILJ.js} +7 -9
- package/dist/{Plot-CpP1m0-q.js → Plot-chQmaWkL.js} +2 -2
- package/dist/Scaffold-B8oEbUhR.js +43720 -0
- package/dist/{Simulation-B__4pHV9.js → Simulation-BR5RXJRJ.js} +2 -2
- package/dist/{index-D9zO35dX.js → index-DmhyWo8Q.js} +16194 -16084
- package/dist/mapintegratedvuer.js +1 -1
- package/dist/mapintegratedvuer.umd.cjs +609 -1070
- package/dist/{style-DZx9Oi9Q.js → style-BB12oJXK.js} +13952 -13968
- package/dist/style.css +1 -1
- package/package.json +4 -5
- package/src/components/viewers/Flatmap.vue +0 -2
- package/src/components/viewers/MultiFlatmap.vue +2 -5
- package/src/mixins/ContentMixin.js +0 -7
- package/src/stores/settings.js +0 -4
- package/dist/Scaffold-BOXf9pkx.js +0 -71951
package/cypress.config.js
CHANGED
@@ -1,6 +1,4 @@
|
|
1
1
|
|
2
|
-
import { configureVisualRegression } from 'cypress-visual-regression';
|
3
|
-
|
4
2
|
export default {
|
5
3
|
defaultCommandTimeout: 10000,
|
6
4
|
reporter: "junit",
|
@@ -19,15 +17,6 @@ export default {
|
|
19
17
|
framework: "vue",
|
20
18
|
bundler: "vite",
|
21
19
|
},
|
22
|
-
env: {
|
23
|
-
visualRegressionType: 'regression',
|
24
|
-
visualRegressionGenerateDiff: 'always',
|
25
|
-
visualRegressionFailSilently: false
|
26
|
-
},
|
27
|
-
screenshotsFolder: './cypress/snapshots/actual',
|
28
|
-
setupNodeEvents(on, config) {
|
29
|
-
configureVisualRegression(on)
|
30
|
-
},
|
31
20
|
},
|
32
21
|
video: true,
|
33
22
|
videoCompression: true,
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import "vue";
|
2
|
-
import { u as p, b as g, E as l, T as y, c as m, d as w } from "./index-
|
2
|
+
import { u as p, b as g, E as l, T as y, c as m, d as w } from "./index-DmhyWo8Q.js";
|
3
3
|
import { mapStores as A } from "pinia";
|
4
4
|
let c = 7, s = 5;
|
5
5
|
const v = [
|
@@ -256,7 +256,7 @@ const v = [
|
|
256
256
|
function N(e) {
|
257
257
|
return e[0].toUpperCase() + e.substring(1);
|
258
258
|
}
|
259
|
-
const
|
259
|
+
const B = {
|
260
260
|
emits: ["flatmap-provenance-ready", "resource-selected", "species-changed"],
|
261
261
|
props: {
|
262
262
|
/**
|
@@ -304,9 +304,6 @@ const O = {
|
|
304
304
|
openMap: function(e) {
|
305
305
|
e === "SYNC" ? (this.toggleSyncMode(), this.trackOpenMap("toggle_map_sync_mode")) : (l.emit("OpenNewMap", e), this.trackOpenMap(`open_new_${e}_map`)), this.onConnectivityInfoClose();
|
306
306
|
},
|
307
|
-
onMapmanagerLoaded: function(e) {
|
308
|
-
this.settingsStore.updateMapManager(e);
|
309
|
-
},
|
310
307
|
trackOpenMap: function(e) {
|
311
308
|
y.sendEvent({
|
312
309
|
event: "interaction_event",
|
@@ -578,12 +575,11 @@ const O = {
|
|
578
575
|
scaffoldRef: null,
|
579
576
|
scaffoldLoaded: !1,
|
580
577
|
isInHelp: !1,
|
581
|
-
hoverDelay: void 0
|
582
|
-
mapManager: void 0
|
578
|
+
hoverDelay: void 0
|
583
579
|
};
|
584
580
|
},
|
585
581
|
created: function() {
|
586
|
-
this.flatmapAPI = void 0, this.apiLocation = void 0, this.settingsStore.flatmapAPI && (this.flatmapAPI = this.settingsStore.flatmapAPI), this.settingsStore.sparcApi && (this.apiLocation = this.settingsStore.sparcApi)
|
582
|
+
this.flatmapAPI = void 0, this.apiLocation = void 0, this.settingsStore.flatmapAPI && (this.flatmapAPI = this.settingsStore.flatmapAPI), this.settingsStore.sparcApi && (this.apiLocation = this.settingsStore.sparcApi);
|
587
583
|
},
|
588
584
|
watch: {
|
589
585
|
helpMode: function(e) {
|
@@ -592,5 +588,5 @@ const O = {
|
|
592
588
|
}
|
593
589
|
};
|
594
590
|
export {
|
595
|
-
|
591
|
+
B as C
|
596
592
|
};
|
@@ -1,12 +1,12 @@
|
|
1
|
-
import { _ as
|
2
|
-
import { C as I } from "./ContentMixin-
|
3
|
-
import { D as g,
|
4
|
-
import { resolveComponent as s, openBlock as p, createElementBlock as
|
1
|
+
import { _ as d, K as h, t as u, T as r, E as l } from "./index-DmhyWo8Q.js";
|
2
|
+
import { C as I } from "./ContentMixin-BN-CocZo.js";
|
3
|
+
import { D as g, g as v } from "./style-BB12oJXK.js";
|
4
|
+
import { resolveComponent as s, openBlock as p, createElementBlock as y, createVNode as M, createBlock as S, createCommentVNode as C } from "vue";
|
5
5
|
const F = {
|
6
6
|
name: "Flatmap",
|
7
7
|
mixins: [I, g],
|
8
8
|
components: {
|
9
|
-
FlatmapVuer:
|
9
|
+
FlatmapVuer: v,
|
10
10
|
HelpModeDialog: h
|
11
11
|
},
|
12
12
|
methods: {
|
@@ -23,69 +23,69 @@ const F = {
|
|
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(e,
|
28
|
-
const
|
29
|
-
label:
|
30
|
-
id:
|
31
|
-
featureId:
|
32
|
-
taxonomy:
|
33
|
-
resources:
|
34
|
-
},
|
35
|
-
|
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
|
+
r.sendEvent({
|
36
36
|
event: "interaction_event",
|
37
37
|
event_name: "portal_maps_connectivity",
|
38
|
-
category:
|
38
|
+
category: n,
|
39
39
|
location: e + " " + this.$refs.flatmap.viewingMode
|
40
40
|
});
|
41
41
|
}
|
42
42
|
},
|
43
43
|
flatmapReadyCall: function(e) {
|
44
|
-
let
|
45
|
-
|
44
|
+
let t = { id: this.entry.id, prov: this.getFlatmapImp().provenance };
|
45
|
+
l.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.flatmapReadyForMarkerUpdates(e), l.emit("mapLoaded", e);
|
46
46
|
},
|
47
47
|
onPathwaySelectionChanged: function(e) {
|
48
|
-
const { label:
|
49
|
-
|
48
|
+
const { label: t, property: a, checked: n, selectionsTitle: i } = e;
|
49
|
+
r.sendEvent({
|
50
50
|
event: "interaction_event",
|
51
51
|
event_name: "portal_maps_pathway_change",
|
52
|
-
category:
|
52
|
+
category: t + " [" + a + "] " + n,
|
53
53
|
location: i
|
54
54
|
});
|
55
55
|
},
|
56
56
|
highlightFeatures: function(e) {
|
57
|
-
let
|
58
|
-
const
|
59
|
-
if (
|
60
|
-
const
|
61
|
-
|
62
|
-
|
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])
|
63
63
|
]);
|
64
64
|
}
|
65
65
|
},
|
66
66
|
/**
|
67
67
|
* Append the list of suggested terms to suggestions
|
68
68
|
*/
|
69
|
-
searchSuggestions: function(e,
|
69
|
+
searchSuggestions: function(e, t) {
|
70
70
|
if (e && this.$refs.flatmap.mapImp) {
|
71
|
-
const
|
72
|
-
(
|
71
|
+
const a = this.$refs.flatmap.mapImp.search(e);
|
72
|
+
(a.__featureIds || a.featureIds).forEach((i) => {
|
73
73
|
const o = this.$refs.flatmap.mapImp.annotation(i);
|
74
|
-
o && o.label &&
|
74
|
+
o && o.label && t.push(o.label);
|
75
75
|
});
|
76
76
|
}
|
77
77
|
},
|
78
|
-
zoomToFeatures: function(e,
|
79
|
-
let
|
80
|
-
const
|
81
|
-
if (
|
82
|
-
const i =
|
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);
|
83
83
|
if (i.featureIds.length) {
|
84
|
-
let o =
|
85
|
-
o ? (
|
84
|
+
let o = n.modelForFeature(i.featureIds[0]);
|
85
|
+
o ? (t && n.selectFeatures(o), n.zoomToFeatures(o)) : n.clearSearchResults();
|
86
86
|
}
|
87
87
|
} else
|
88
|
-
|
88
|
+
n.clearSearchResults();
|
89
89
|
},
|
90
90
|
changeViewingMode: function(e) {
|
91
91
|
this.$refs.flatmap.changeViewingMode(e);
|
@@ -97,30 +97,29 @@ const F = {
|
|
97
97
|
}
|
98
98
|
},
|
99
99
|
mounted: function() {
|
100
|
-
|
101
|
-
const
|
102
|
-
e != null && e.tabClose &&
|
103
|
-
}),
|
100
|
+
l.on("annotation-close", (e) => {
|
101
|
+
const t = this.$refs.flatmap;
|
102
|
+
e != null && e.tabClose && t && this.$refs.flatmap.annotationEventCallback({}, { type: "aborted" });
|
103
|
+
}), l.on("markerUpdate", () => {
|
104
104
|
this.flatmapMarkerUpdate(void 0);
|
105
|
-
}),
|
105
|
+
}), l.on("hoverUpdate", () => {
|
106
106
|
this.mapHoverHighlight(this.$refs.flatmap.mapImp);
|
107
|
-
}),
|
108
|
-
const { featureIds:
|
109
|
-
|
110
|
-
offsetX:
|
107
|
+
}), l.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
111
|
zoom: 4
|
112
112
|
});
|
113
113
|
});
|
114
114
|
}
|
115
115
|
}, w = { class: "viewer-container" };
|
116
|
-
function b(e, a, n,
|
116
|
+
function b(e, t, a, n, i, o) {
|
117
117
|
const m = s("FlatmapVuer"), f = s("HelpModeDialog");
|
118
|
-
return p(),
|
119
|
-
|
118
|
+
return p(), y("div", w, [
|
119
|
+
M(m, {
|
120
120
|
state: e.entry.state,
|
121
121
|
entry: e.entry.resource,
|
122
|
-
|
123
|
-
onResourceSelected: a[0] || (a[0] = (d) => o.flatmaprResourceSelected(e.entry.type, d)),
|
122
|
+
onResourceSelected: t[0] || (t[0] = (c) => o.flatmaprResourceSelected(e.entry.type, c)),
|
124
123
|
onPanZoomCallback: e.flatmapPanZoomCallback,
|
125
124
|
name: e.entry.resource,
|
126
125
|
style: { height: "100%", width: "100%" },
|
@@ -148,9 +147,8 @@ function b(e, a, n, t, i, o) {
|
|
148
147
|
flatmapAPI: e.flatmapAPI,
|
149
148
|
sparcAPI: e.apiLocation,
|
150
149
|
onOpenMap: e.openMap,
|
151
|
-
onPathwaySelectionChanged: o.onPathwaySelectionChanged
|
152
|
-
|
153
|
-
}, 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"]),
|
150
|
+
onPathwaySelectionChanged: o.onPathwaySelectionChanged
|
151
|
+
}, null, 8, ["state", "entry", "onPanZoomCallback", "name", "minZoom", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityInfoClose", "onConnectivityGraphError", "connectivityInfoSidebar", "onReady", "flatmapAPI", "sparcAPI", "onOpenMap", "onPathwaySelectionChanged"]),
|
154
152
|
e.helpMode && e.useHelpModeDialog ? (p(), S(f, {
|
155
153
|
key: 0,
|
156
154
|
ref: "flatmapHelp",
|
@@ -161,7 +159,7 @@ function b(e, a, n, t, i, o) {
|
|
161
159
|
}, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : C("", !0)
|
162
160
|
]);
|
163
161
|
}
|
164
|
-
const R = /* @__PURE__ */
|
162
|
+
const R = /* @__PURE__ */ d(F, [["render", b], ["__scopeId", "data-v-7635fa9b"]]);
|
165
163
|
export {
|
166
164
|
R as default
|
167
165
|
};
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import { C as r } from "./ContentMixin-
|
1
|
+
import { C as r } from "./ContentMixin-BN-CocZo.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-DmhyWo8Q.js";
|
4
4
|
const a = {
|
5
5
|
name: "Iframe",
|
6
6
|
mixins: [r]
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import { _ as u,
|
2
|
-
import { C as v } from "./ContentMixin-
|
3
|
-
import { D as I,
|
1
|
+
import { _ as u, K as h, a as y, g, E as r, t as M, T as p } from "./index-DmhyWo8Q.js";
|
2
|
+
import { C as v } from "./ContentMixin-BN-CocZo.js";
|
3
|
+
import { D as I, j as C } from "./style-BB12oJXK.js";
|
4
4
|
import { resolveComponent as f, openBlock as c, createElementBlock as S, createVNode as F, createBlock as k, createCommentVNode as w } from "vue";
|
5
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) => {
|
6
6
|
const t = [
|
@@ -273,7 +273,7 @@ const b = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
273
273
|
},
|
274
274
|
mounted: function() {
|
275
275
|
this.getFeaturedDatasets(), r.on("annotation-close", (e) => {
|
276
|
-
e != null && e.tabClose && this
|
276
|
+
e != null && e.tabClose && this.$refs.multiflatmap.getCurrentFlatmap() && this.$refs.multiflatmap.getCurrentFlatmap().annotationEventCallback({}, { type: "aborted" });
|
277
277
|
}), r.on("show-connectivity", (e) => {
|
278
278
|
const { featureIds: t, offset: a } = e;
|
279
279
|
if (this.flatmapReady && this.$refs.multiflatmap) {
|
@@ -300,7 +300,6 @@ function L(e, t, a, n, o, i) {
|
|
300
300
|
onFlatmapChanged: i.flatmapChanged,
|
301
301
|
onReady: i.multiFlatmapReady,
|
302
302
|
state: e.entry.state,
|
303
|
-
mapManager: e.mapManager,
|
304
303
|
onResourceSelected: t[0] || (t[0] = (m) => i.flatmaprResourceSelected(e.entry.type, m)),
|
305
304
|
style: { height: "100%", width: "100%" },
|
306
305
|
initial: e.entry.resource,
|
@@ -328,9 +327,8 @@ function L(e, t, a, n, o, i) {
|
|
328
327
|
onOpenMap: e.openMap,
|
329
328
|
onFinishHelpMode: e.endHelp,
|
330
329
|
onPathwaySelectionChanged: i.onPathwaySelectionChanged,
|
331
|
-
onOpenPubmedUrl: i.onOpenPubmedUrl
|
332
|
-
|
333
|
-
}, 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"]),
|
330
|
+
onOpenPubmedUrl: i.onOpenPubmedUrl
|
331
|
+
}, null, 8, ["availableSpecies", "onFlatmapChanged", "onReady", "state", "initial", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityInfoClose", "onConnectivityGraphError", "connectivityInfoSidebar", "showStarInLegend", "openMapOptions", "flatmapAPI", "sparcAPI", "onPanZoomCallback", "onOpenMap", "onFinishHelpMode", "onPathwaySelectionChanged", "onOpenPubmedUrl"]),
|
334
332
|
e.helpMode && e.useHelpModeDialog ? (c(), k(l, {
|
335
333
|
key: 0,
|
336
334
|
ref: "multiflatmapHelp",
|
@@ -341,7 +339,7 @@ function L(e, t, a, n, o, i) {
|
|
341
339
|
}, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : w("", !0)
|
342
340
|
]);
|
343
341
|
}
|
344
|
-
const T = /* @__PURE__ */ u(R, [["render", L], ["__scopeId", "data-v-
|
342
|
+
const T = /* @__PURE__ */ u(R, [["render", L], ["__scopeId", "data-v-4282737c"]]);
|
345
343
|
export {
|
346
344
|
T as default
|
347
345
|
};
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { y as o } from "./plotvuer-DSwGHaaa.js";
|
2
|
-
import { C as a } from "./ContentMixin-
|
2
|
+
import { C as a } from "./ContentMixin-BN-CocZo.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-DmhyWo8Q.js";
|
5
5
|
const p = {
|
6
6
|
name: "Plot",
|
7
7
|
mixins: [a],
|