@abi-software/mapintegratedvuer 1.9.0-externalise.1 → 1.9.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-DuzUGOr7.js → ContentMixin-c9DvlJVP.js} +247 -266
- package/dist/{Flatmap-Jg0vHppG.js → Flatmap-D66Ygegj.js} +67 -64
- package/dist/{Iframe-CqziSD47.js → Iframe-DFAzMMSw.js} +2 -2
- package/dist/{MultiFlatmap-DNzWD23i.js → MultiFlatmap-BOOSKitQ.js} +14 -14
- package/dist/{Plot-CsgxeskY.js → Plot-DPxSQnwg.js} +2 -2
- package/dist/Scaffold-DRQEE-j_.js +43337 -0
- package/dist/{Simulation-dnK_Gz6i.js → Simulation-BVcaSVmW.js} +2 -2
- package/dist/{index-DXbdAVdH.js → index-qckfB1dl.js} +23336 -21809
- package/dist/mapintegratedvuer.js +1 -1
- package/dist/mapintegratedvuer.umd.cjs +6059 -226
- package/dist/style-C6pIyWak.js +104700 -0
- package/dist/style.css +1 -1
- package/package.json +7 -7
- package/src/components/ContentVuer.vue +3 -2
- package/src/components/DialogToolbarContent.vue +24 -35
- package/src/components/SplitDialog.vue +80 -2
- package/src/components/SplitFlow.vue +22 -11
- package/src/components/viewers/Flatmap.vue +11 -3
- package/src/components/viewers/MultiFlatmap.vue +2 -1
- package/src/components.d.ts +1 -0
- package/src/mixins/ContentMixin.js +82 -42
- package/src/stores/connectivities.js +35 -0
- package/src/stores/entries.js +8 -1
- package/src/stores/splitFlow.js +14 -7
- package/vite.bundle-build.js +2 -5
- package/dist/Scaffold-D8WQMKgt.js +0 -180
- package/dist/style-D2AYtXeS.js +0 -66
@@ -1,13 +1,12 @@
|
|
1
|
-
import { _ as
|
2
|
-
import { C as
|
3
|
-
import { D as
|
4
|
-
import {
|
5
|
-
import { resolveComponent as p, openBlock as s, createElementBlock as y, createVNode as v, createBlock as S, createCommentVNode as C } from "vue";
|
1
|
+
import { _ as d, k as h, t as u, T as l, E as i } from "./index-qckfB1dl.js";
|
2
|
+
import { C as y } from "./ContentMixin-c9DvlJVP.js";
|
3
|
+
import { D as I, r as g } from "./style-C6pIyWak.js";
|
4
|
+
import { resolveComponent as s, openBlock as p, createElementBlock as M, createVNode as v, createBlock as C, createCommentVNode as S } from "vue";
|
6
5
|
const F = {
|
7
6
|
name: "Flatmap",
|
8
|
-
mixins: [
|
7
|
+
mixins: [y, I],
|
9
8
|
components: {
|
10
|
-
FlatmapVuer:
|
9
|
+
FlatmapVuer: g,
|
11
10
|
HelpModeDialog: h
|
12
11
|
},
|
13
12
|
methods: {
|
@@ -18,75 +17,76 @@ const F = {
|
|
18
17
|
* Perform a local search on this contentvuer
|
19
18
|
*/
|
20
19
|
search: function(e) {
|
21
|
-
return this.$refs.flatmap.searchAndShowResult(e);
|
20
|
+
return this.$refs.flatmap.searchAndShowResult(e, !0);
|
22
21
|
},
|
23
22
|
getFlatmapImp() {
|
24
23
|
var e;
|
25
24
|
return (e = this.$refs.flatmap) == null ? void 0 : e.mapImp;
|
26
25
|
},
|
27
|
-
flatmaprResourceSelected: function(e,
|
28
|
-
if (this.resourceSelected(e,
|
29
|
-
const
|
30
|
-
label:
|
31
|
-
id:
|
32
|
-
featureId:
|
33
|
-
taxonomy:
|
34
|
-
resources:
|
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);
|
36
35
|
l.sendEvent({
|
37
36
|
event: "interaction_event",
|
38
37
|
event_name: "portal_maps_connectivity",
|
39
|
-
category:
|
38
|
+
category: n,
|
40
39
|
location: e + " " + this.$refs.flatmap.viewingMode
|
41
40
|
});
|
42
41
|
}
|
43
42
|
},
|
44
43
|
flatmapReadyCall: function(e) {
|
45
|
-
let
|
46
|
-
|
44
|
+
let t = { id: this.entry.id, prov: this.getFlatmapImp().provenance };
|
45
|
+
const a = e.mapImp;
|
46
|
+
i.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.flatmapReadyForMarkerUpdates(e), this.loadConnectivityKnowledge(a), i.emit("mapLoaded", e);
|
47
47
|
},
|
48
48
|
onPathwaySelectionChanged: function(e) {
|
49
|
-
const { label:
|
49
|
+
const { label: t, property: a, checked: n, selectionsTitle: r } = e;
|
50
50
|
l.sendEvent({
|
51
51
|
event: "interaction_event",
|
52
52
|
event_name: "portal_maps_pathway_change",
|
53
|
-
category:
|
54
|
-
location:
|
53
|
+
category: t + " [" + a + "] " + n,
|
54
|
+
location: r
|
55
55
|
});
|
56
56
|
},
|
57
57
|
highlightFeatures: function(e) {
|
58
|
-
let
|
59
|
-
const
|
60
|
-
if (
|
61
|
-
const
|
62
|
-
|
63
|
-
|
58
|
+
let t = e.name;
|
59
|
+
const a = this.$refs.flatmap.mapImp;
|
60
|
+
if (t) {
|
61
|
+
const n = a.search(t);
|
62
|
+
n.featureIds[0] && a.highlightFeatures([
|
63
|
+
a.modelForFeature(n.featureIds[0])
|
64
64
|
]);
|
65
65
|
}
|
66
66
|
},
|
67
67
|
/**
|
68
68
|
* Append the list of suggested terms to suggestions
|
69
69
|
*/
|
70
|
-
searchSuggestions: function(e,
|
70
|
+
searchSuggestions: function(e, t) {
|
71
71
|
if (e && this.$refs.flatmap.mapImp) {
|
72
|
-
const
|
73
|
-
(
|
74
|
-
const o = this.$refs.flatmap.mapImp.annotation(
|
75
|
-
o && o.label &&
|
72
|
+
const a = this.$refs.flatmap.mapImp.search(e);
|
73
|
+
(a.__featureIds || a.featureIds).forEach((r) => {
|
74
|
+
const o = this.$refs.flatmap.mapImp.annotation(r);
|
75
|
+
o && o.label && t.push(o.label);
|
76
76
|
});
|
77
77
|
}
|
78
78
|
},
|
79
|
-
zoomToFeatures: function(e,
|
80
|
-
let
|
81
|
-
const
|
82
|
-
if (
|
83
|
-
const
|
84
|
-
if (
|
85
|
-
let o =
|
86
|
-
o ? (
|
79
|
+
zoomToFeatures: function(e, t) {
|
80
|
+
let a = e.name;
|
81
|
+
const n = this.$refs.flatmap.mapImp;
|
82
|
+
if (a) {
|
83
|
+
const r = n.search(a);
|
84
|
+
if (r.featureIds.length) {
|
85
|
+
let o = n.modelForFeature(r.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);
|
@@ -98,32 +98,35 @@ const F = {
|
|
98
98
|
}
|
99
99
|
},
|
100
100
|
mounted: function() {
|
101
|
-
|
101
|
+
i.on("annotation-close", () => {
|
102
102
|
this.$refs.flatmap && this.$refs.flatmap.annotationEventCallback({}, { type: "aborted" });
|
103
|
-
}),
|
103
|
+
}), i.on("markerUpdate", () => {
|
104
104
|
this.flatmapMarkerUpdate(void 0);
|
105
|
-
}),
|
105
|
+
}), i.on("hoverUpdate", () => {
|
106
106
|
this.cardHoverHighlight();
|
107
|
-
}),
|
108
|
-
const { featureIds:
|
109
|
-
|
110
|
-
offsetX:
|
107
|
+
}), i.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
|
-
}),
|
114
|
-
const
|
115
|
-
|
113
|
+
}), i.on("show-reference-connectivities", (e) => {
|
114
|
+
const t = this.$refs.flatmap;
|
115
|
+
t && t.showConnectivitiesByReference(e);
|
116
|
+
}), i.on("connectivity-query-filter", (e) => {
|
117
|
+
const t = this.$refs.flatmap;
|
118
|
+
t && t.mapImp && this.connectivityQueryFilter(t, e);
|
116
119
|
});
|
117
120
|
}
|
118
121
|
}, w = { class: "viewer-container" };
|
119
|
-
function
|
120
|
-
const m =
|
121
|
-
return
|
122
|
+
function $(e, t, a, n, r, o) {
|
123
|
+
const m = s("FlatmapVuer"), f = s("HelpModeDialog");
|
124
|
+
return p(), M("div", w, [
|
122
125
|
v(m, {
|
123
126
|
state: e.entry.state,
|
124
127
|
entry: e.entry.resource,
|
125
128
|
mapManager: e.mapManager,
|
126
|
-
onResourceSelected:
|
129
|
+
onResourceSelected: t[0] || (t[0] = (c) => o.flatmaprResourceSelected(e.entry.type, c)),
|
127
130
|
onPanZoomCallback: e.flatmapPanZoomCallback,
|
128
131
|
name: e.entry.resource,
|
129
132
|
style: { height: "100%", width: "100%" },
|
@@ -139,8 +142,8 @@ function b(e, a, n, t, i, o) {
|
|
139
142
|
onAnnotationClose: e.onAnnotationClose,
|
140
143
|
annotationSidebar: e.annotationSidebar,
|
141
144
|
onConnectivityInfoOpen: e.onConnectivityInfoOpen,
|
142
|
-
|
143
|
-
|
145
|
+
onConnectivityError: e.onConnectivityError,
|
146
|
+
onConnectivityInfoClose: e.onConnectivityInfoClose,
|
144
147
|
pathControls: !0,
|
145
148
|
ref: "flatmap",
|
146
149
|
onReady: o.flatmapReadyCall,
|
@@ -152,18 +155,18 @@ function b(e, a, n, t, i, o) {
|
|
152
155
|
onOpenMap: e.openMap,
|
153
156
|
onPathwaySelectionChanged: o.onPathwaySelectionChanged,
|
154
157
|
onMapmanagerLoaded: e.onMapmanagerLoaded
|
155
|
-
}, null, 8, ["state", "entry", "mapManager", "onPanZoomCallback", "name", "minZoom", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "
|
156
|
-
e.helpMode && e.useHelpModeDialog ? (
|
158
|
+
}, null, 8, ["state", "entry", "mapManager", "onPanZoomCallback", "name", "minZoom", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityError", "onConnectivityInfoClose", "onReady", "flatmapAPI", "sparcAPI", "onOpenMap", "onPathwaySelectionChanged", "onMapmanagerLoaded"]),
|
159
|
+
e.helpMode && e.useHelpModeDialog ? (p(), C(f, {
|
157
160
|
key: 0,
|
158
161
|
ref: "flatmapHelp",
|
159
162
|
flatmapRef: e.flatmapRef,
|
160
163
|
lastItem: e.helpModeLastItem,
|
161
164
|
onShowNext: e.onHelpModeShowNext,
|
162
165
|
onFinishHelpMode: e.onFinishHelpMode
|
163
|
-
}, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) :
|
166
|
+
}, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : S("", !0)
|
164
167
|
]);
|
165
168
|
}
|
166
|
-
const
|
169
|
+
const R = /* @__PURE__ */ d(F, [["render", $], ["__scopeId", "data-v-4ff4b478"]]);
|
167
170
|
export {
|
168
|
-
|
171
|
+
R as default
|
169
172
|
};
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import { C as r } from "./ContentMixin-
|
1
|
+
import { C as r } from "./ContentMixin-c9DvlJVP.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-qckfB1dl.js";
|
4
4
|
const a = {
|
5
5
|
name: "Iframe",
|
6
6
|
mixins: [r]
|
@@ -1,8 +1,7 @@
|
|
1
|
-
import { _ as u,
|
2
|
-
import { C as
|
3
|
-
import { D as I } from "./style-
|
4
|
-
import {
|
5
|
-
import { resolveComponent as f, openBlock as c, createElementBlock as S, createVNode as F, createBlock as w, createCommentVNode as k } from "vue";
|
1
|
+
import { _ as u, k as h, a as y, g, E as s, t as v, T as p } from "./index-qckfB1dl.js";
|
2
|
+
import { C as M } from "./ContentMixin-c9DvlJVP.js";
|
3
|
+
import { D as C, h as I } from "./style-C6pIyWak.js";
|
4
|
+
import { resolveComponent as f, openBlock as c, createElementBlock as S, createVNode as F, createBlock as k, createCommentVNode as w } from "vue";
|
6
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) => {
|
7
6
|
const t = [
|
8
7
|
{
|
@@ -31,9 +30,9 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
31
30
|
return t;
|
32
31
|
}, b = {
|
33
32
|
name: "MultiFlatmap",
|
34
|
-
mixins: [
|
33
|
+
mixins: [M, C],
|
35
34
|
components: {
|
36
|
-
MultiFlatmapVuer:
|
35
|
+
MultiFlatmapVuer: I,
|
37
36
|
HelpModeDialog: h
|
38
37
|
},
|
39
38
|
data: function() {
|
@@ -118,7 +117,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
118
117
|
featureId: t.feature.featureId || "",
|
119
118
|
taxonomy: t.taxonomy || "",
|
120
119
|
resources: t.resource.join(", ")
|
121
|
-
}, o =
|
120
|
+
}, o = v(n);
|
122
121
|
p.sendEvent({
|
123
122
|
event: "interaction_event",
|
124
123
|
event_name: "portal_maps_connectivity",
|
@@ -330,7 +329,8 @@ function L(e, t, a, n, o, i) {
|
|
330
329
|
onAnnotationClose: e.onAnnotationClose,
|
331
330
|
annotationSidebar: e.annotationSidebar,
|
332
331
|
onConnectivityInfoOpen: e.onConnectivityInfoOpen,
|
333
|
-
|
332
|
+
onConnectivityError: e.onConnectivityError,
|
333
|
+
onConnectivityInfoClose: e.onConnectivityInfoClose,
|
334
334
|
connectivityInfoSidebar: e.connectivityInfoSidebar,
|
335
335
|
ref: "multiflatmap",
|
336
336
|
displayMinimap: !0,
|
@@ -345,18 +345,18 @@ function L(e, t, a, n, o, i) {
|
|
345
345
|
onPathwaySelectionChanged: i.onPathwaySelectionChanged,
|
346
346
|
onOpenPubmedUrl: i.onOpenPubmedUrl,
|
347
347
|
onMapmanagerLoaded: e.onMapmanagerLoaded
|
348
|
-
}, null, 8, ["availableSpecies", "onFlatmapChanged", "onReady", "state", "mapManager", "initial", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "
|
349
|
-
e.helpMode && e.useHelpModeDialog ? (c(),
|
348
|
+
}, null, 8, ["availableSpecies", "onFlatmapChanged", "onReady", "state", "mapManager", "initial", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityError", "onConnectivityInfoClose", "connectivityInfoSidebar", "showStarInLegend", "openMapOptions", "flatmapAPI", "sparcAPI", "onPanZoomCallback", "onOpenMap", "onFinishHelpMode", "onPathwaySelectionChanged", "onOpenPubmedUrl", "onMapmanagerLoaded"]),
|
349
|
+
e.helpMode && e.useHelpModeDialog ? (c(), k(l, {
|
350
350
|
key: 0,
|
351
351
|
ref: "multiflatmapHelp",
|
352
352
|
multiflatmapRef: e.multiflatmapRef,
|
353
353
|
lastItem: e.helpModeLastItem,
|
354
354
|
onShowNext: e.onHelpModeShowNext,
|
355
355
|
onFinishHelpMode: e.onFinishHelpMode
|
356
|
-
}, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) :
|
356
|
+
}, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : w("", !0)
|
357
357
|
]);
|
358
358
|
}
|
359
|
-
const
|
359
|
+
const T = /* @__PURE__ */ u(b, [["render", L], ["__scopeId", "data-v-e96022db"]]);
|
360
360
|
export {
|
361
|
-
|
361
|
+
T as default
|
362
362
|
};
|
@@ -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-c9DvlJVP.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-qckfB1dl.js";
|
5
5
|
const p = {
|
6
6
|
name: "Plot",
|
7
7
|
mixins: [r],
|