@abi-software/mapintegratedvuer 1.9.0 → 1.9.2
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-DyVwSF4C.js → ContentMixin-DO6jlHIh.js} +161 -191
- package/dist/{Flatmap-DrfTTLeB.js → Flatmap-CY9MPW7I.js} +48 -46
- package/dist/{Iframe-DNML_G7u.js → Iframe-XTSWvVQw.js} +2 -2
- package/dist/{MultiFlatmap-Vp10mrjr.js → MultiFlatmap-B7e2d6WK.js} +8 -12
- package/dist/{Plot-BnuX-0LW.js → Plot-D3lEgm6I.js} +2 -2
- package/dist/{Scaffold-CLNZHo3r.js → Scaffold-2Zg19azr.js} +2 -2
- package/dist/{Simulation-BEU8ep5d.js → Simulation-CrPJ4_pw.js} +2 -2
- package/dist/{index-CVfAy4kK.js → index-BcpVBq1h.js} +251 -180
- package/dist/mapintegratedvuer.js +1 -1
- package/dist/mapintegratedvuer.umd.cjs +8 -8
- package/dist/{style-BM2XOQIb.js → style-CIceSTeY.js} +43 -19
- package/dist/style.css +1 -1
- package/package.json +3 -3
- package/src/components/SplitDialog.vue +98 -16
- package/src/components/SplitFlow.vue +17 -2
- package/src/components/viewers/Flatmap.vue +4 -1
- package/src/components/viewers/MultiFlatmap.vue +1 -8
- package/src/mixins/ContentMixin.js +3 -52
- package/src/stores/connectivities.js +17 -3
@@ -1,12 +1,12 @@
|
|
1
|
-
import { _ as c, k as h, t as u, T as l, E as r } from "./index-
|
2
|
-
import { C as
|
3
|
-
import { D as
|
4
|
-
import { resolveComponent as s, openBlock as p, createElementBlock as
|
5
|
-
const
|
1
|
+
import { _ as c, k as h, t as u, T as l, E as r } from "./index-BcpVBq1h.js";
|
2
|
+
import { C as I } from "./ContentMixin-DO6jlHIh.js";
|
3
|
+
import { D as y, r as g } from "./style-CIceSTeY.js";
|
4
|
+
import { resolveComponent as s, openBlock as p, createElementBlock as M, createVNode as v, createBlock as C, createCommentVNode as S } from "vue";
|
5
|
+
const w = {
|
6
6
|
name: "Flatmap",
|
7
|
-
mixins: [
|
7
|
+
mixins: [I, y],
|
8
8
|
components: {
|
9
|
-
FlatmapVuer:
|
9
|
+
FlatmapVuer: g,
|
10
10
|
HelpModeDialog: h
|
11
11
|
},
|
12
12
|
methods: {
|
@@ -17,75 +17,76 @@ const F = {
|
|
17
17
|
* Perform a local search on this contentvuer
|
18
18
|
*/
|
19
19
|
search: function(e) {
|
20
|
-
return this.$refs.flatmap.searchAndShowResult(e);
|
20
|
+
return this.$refs.flatmap.searchAndShowResult(e, !0);
|
21
21
|
},
|
22
22
|
getFlatmapImp() {
|
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,
|
26
|
+
flatmaprResourceSelected: function(e, t) {
|
27
|
+
if (this.resourceSelected(e, t), t.eventType === "click" && t.feature.type === "feature") {
|
28
28
|
const n = {
|
29
|
-
label:
|
30
|
-
id:
|
31
|
-
featureId:
|
32
|
-
taxonomy:
|
33
|
-
resources:
|
34
|
-
},
|
29
|
+
label: t.label || "",
|
30
|
+
id: t.feature.id || "",
|
31
|
+
featureId: t.feature.featureId || "",
|
32
|
+
taxonomy: t.taxonomy || "",
|
33
|
+
resources: t.resource.join(", ")
|
34
|
+
}, a = u(n);
|
35
35
|
l.sendEvent({
|
36
36
|
event: "interaction_event",
|
37
37
|
event_name: "portal_maps_connectivity",
|
38
|
-
category:
|
38
|
+
category: a,
|
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
|
+
const n = e.mapImp;
|
46
|
+
r.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.flatmapReadyForMarkerUpdates(e), this.loadConnectivityKnowledge(n), r.emit("mapLoaded", e);
|
46
47
|
},
|
47
48
|
onPathwaySelectionChanged: function(e) {
|
48
|
-
const { label:
|
49
|
+
const { label: t, property: n, checked: a, selectionsTitle: i } = e;
|
49
50
|
l.sendEvent({
|
50
51
|
event: "interaction_event",
|
51
52
|
event_name: "portal_maps_pathway_change",
|
52
|
-
category:
|
53
|
+
category: t + " [" + n + "] " + a,
|
53
54
|
location: i
|
54
55
|
});
|
55
56
|
},
|
56
57
|
highlightFeatures: function(e) {
|
57
|
-
let
|
58
|
+
let t = e.name;
|
58
59
|
const n = this.$refs.flatmap.mapImp;
|
59
|
-
if (
|
60
|
-
const
|
61
|
-
|
62
|
-
n.modelForFeature(
|
60
|
+
if (t) {
|
61
|
+
const a = n.search(t);
|
62
|
+
a.featureIds[0] && n.highlightFeatures([
|
63
|
+
n.modelForFeature(a.featureIds[0])
|
63
64
|
]);
|
64
65
|
}
|
65
66
|
},
|
66
67
|
/**
|
67
68
|
* Append the list of suggested terms to suggestions
|
68
69
|
*/
|
69
|
-
searchSuggestions: function(e,
|
70
|
+
searchSuggestions: function(e, t) {
|
70
71
|
if (e && this.$refs.flatmap.mapImp) {
|
71
72
|
const n = this.$refs.flatmap.mapImp.search(e);
|
72
73
|
(n.__featureIds || n.featureIds).forEach((i) => {
|
73
74
|
const o = this.$refs.flatmap.mapImp.annotation(i);
|
74
|
-
o && o.label &&
|
75
|
+
o && o.label && t.push(o.label);
|
75
76
|
});
|
76
77
|
}
|
77
78
|
},
|
78
|
-
zoomToFeatures: function(e,
|
79
|
+
zoomToFeatures: function(e, t) {
|
79
80
|
let n = e.name;
|
80
|
-
const
|
81
|
+
const a = this.$refs.flatmap.mapImp;
|
81
82
|
if (n) {
|
82
|
-
const i =
|
83
|
+
const i = a.search(n);
|
83
84
|
if (i.featureIds.length) {
|
84
|
-
let o =
|
85
|
-
o ? (
|
85
|
+
let o = a.modelForFeature(i.featureIds[0]);
|
86
|
+
o ? (t && a.selectFeatures(o), a.zoomToFeatures(o)) : a.clearSearchResults();
|
86
87
|
}
|
87
88
|
} else
|
88
|
-
|
89
|
+
a.clearSearchResults();
|
89
90
|
},
|
90
91
|
changeViewingMode: function(e) {
|
91
92
|
this.$refs.flatmap.changeViewingMode(e);
|
@@ -104,25 +105,25 @@ const F = {
|
|
104
105
|
}), r.on("hoverUpdate", () => {
|
105
106
|
this.cardHoverHighlight();
|
106
107
|
}), r.on("show-connectivity", (e) => {
|
107
|
-
const { featureIds:
|
108
|
-
|
108
|
+
const { featureIds: t, offset: n } = e, a = this.$refs.flatmap;
|
109
|
+
a && a.moveMap(t, {
|
109
110
|
offsetX: n ? -150 : 0,
|
110
111
|
zoom: 4
|
111
112
|
});
|
112
113
|
}), r.on("show-reference-connectivities", (e) => {
|
113
|
-
const
|
114
|
-
|
114
|
+
const t = this.$refs.flatmap;
|
115
|
+
t && t.showConnectivitiesByReference(e);
|
115
116
|
});
|
116
117
|
}
|
117
|
-
},
|
118
|
-
function b(e,
|
118
|
+
}, F = { class: "viewer-container" };
|
119
|
+
function b(e, t, n, a, i, o) {
|
119
120
|
const m = s("FlatmapVuer"), f = s("HelpModeDialog");
|
120
|
-
return p(),
|
121
|
+
return p(), M("div", F, [
|
121
122
|
v(m, {
|
122
123
|
state: e.entry.state,
|
123
124
|
entry: e.entry.resource,
|
124
125
|
mapManager: e.mapManager,
|
125
|
-
onResourceSelected:
|
126
|
+
onResourceSelected: t[0] || (t[0] = (d) => o.flatmaprResourceSelected(e.entry.type, d)),
|
126
127
|
onPanZoomCallback: e.flatmapPanZoomCallback,
|
127
128
|
name: e.entry.resource,
|
128
129
|
style: { height: "100%", width: "100%" },
|
@@ -139,6 +140,7 @@ function b(e, a, n, t, i, o) {
|
|
139
140
|
annotationSidebar: e.annotationSidebar,
|
140
141
|
onConnectivityInfoOpen: e.onConnectivityInfoOpen,
|
141
142
|
onConnectivityError: e.onConnectivityError,
|
143
|
+
onConnectivityInfoClose: e.onConnectivityInfoClose,
|
142
144
|
connectivityInfoSidebar: e.connectivityInfoSidebar,
|
143
145
|
pathControls: !0,
|
144
146
|
ref: "flatmap",
|
@@ -151,18 +153,18 @@ function b(e, a, n, t, i, o) {
|
|
151
153
|
onOpenMap: e.openMap,
|
152
154
|
onPathwaySelectionChanged: o.onPathwaySelectionChanged,
|
153
155
|
onMapmanagerLoaded: e.onMapmanagerLoaded
|
154
|
-
}, null, 8, ["state", "entry", "mapManager", "onPanZoomCallback", "name", "minZoom", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityError", "connectivityInfoSidebar", "onReady", "flatmapAPI", "sparcAPI", "onOpenMap", "onPathwaySelectionChanged", "onMapmanagerLoaded"]),
|
155
|
-
e.helpMode && e.useHelpModeDialog ? (p(),
|
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(f, {
|
156
158
|
key: 0,
|
157
159
|
ref: "flatmapHelp",
|
158
160
|
flatmapRef: e.flatmapRef,
|
159
161
|
lastItem: e.helpModeLastItem,
|
160
162
|
onShowNext: e.onHelpModeShowNext,
|
161
163
|
onFinishHelpMode: e.onFinishHelpMode
|
162
|
-
}, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) :
|
164
|
+
}, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : S("", !0)
|
163
165
|
]);
|
164
166
|
}
|
165
|
-
const R = /* @__PURE__ */ c(
|
167
|
+
const R = /* @__PURE__ */ c(w, [["render", b], ["__scopeId", "data-v-8e8f3246"]]);
|
166
168
|
export {
|
167
169
|
R as default
|
168
170
|
};
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import { C as r } from "./ContentMixin-
|
1
|
+
import { C as r } from "./ContentMixin-DO6jlHIh.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-BcpVBq1h.js";
|
4
4
|
const a = {
|
5
5
|
name: "Iframe",
|
6
6
|
mixins: [r]
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import { _ as u, k as h, a as y, g, E as s, t as M, T as p } from "./index-
|
2
|
-
import { C as v } from "./ContentMixin-
|
3
|
-
import { D as
|
1
|
+
import { _ as u, k as h, a as y, g, E as s, t as M, T as p } from "./index-BcpVBq1h.js";
|
2
|
+
import { C as v } from "./ContentMixin-DO6jlHIh.js";
|
3
|
+
import { D as C, h as I } from "./style-CIceSTeY.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 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) => {
|
6
6
|
const t = [
|
@@ -30,9 +30,9 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
30
30
|
return t;
|
31
31
|
}, b = {
|
32
32
|
name: "MultiFlatmap",
|
33
|
-
mixins: [v,
|
33
|
+
mixins: [v, C],
|
34
34
|
components: {
|
35
|
-
MultiFlatmapVuer:
|
35
|
+
MultiFlatmapVuer: I,
|
36
36
|
HelpModeDialog: h
|
37
37
|
},
|
38
38
|
data: function() {
|
@@ -299,11 +299,6 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
299
299
|
this.flatmapReady && this.flatmapMarkerUpdate(this.$refs.multiflatmap.getCurrentFlatmap().mapImp);
|
300
300
|
}), s.on("hoverUpdate", () => {
|
301
301
|
this.flatmapReady && this.cardHoverHighlight();
|
302
|
-
}), s.on("connectivity-query-filter", (e) => {
|
303
|
-
if (this.flatmapReady && this.$refs.multiflatmap) {
|
304
|
-
const t = this.$refs.multiflatmap.getCurrentFlatmap();
|
305
|
-
t && t.mapImp && this.connectivityQueryFilter(t, e);
|
306
|
-
}
|
307
302
|
});
|
308
303
|
}
|
309
304
|
}, H = { class: "viewer-container" };
|
@@ -330,6 +325,7 @@ function L(e, t, a, n, o, i) {
|
|
330
325
|
annotationSidebar: e.annotationSidebar,
|
331
326
|
onConnectivityInfoOpen: e.onConnectivityInfoOpen,
|
332
327
|
onConnectivityError: e.onConnectivityError,
|
328
|
+
onConnectivityInfoClose: e.onConnectivityInfoClose,
|
333
329
|
connectivityInfoSidebar: e.connectivityInfoSidebar,
|
334
330
|
ref: "multiflatmap",
|
335
331
|
displayMinimap: !0,
|
@@ -344,7 +340,7 @@ function L(e, t, a, n, o, i) {
|
|
344
340
|
onPathwaySelectionChanged: i.onPathwaySelectionChanged,
|
345
341
|
onOpenPubmedUrl: i.onOpenPubmedUrl,
|
346
342
|
onMapmanagerLoaded: e.onMapmanagerLoaded
|
347
|
-
}, null, 8, ["availableSpecies", "onFlatmapChanged", "onReady", "state", "mapManager", "initial", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "onAnnotationOpen", "onAnnotationClose", "annotationSidebar", "onConnectivityInfoOpen", "onConnectivityError", "connectivityInfoSidebar", "showStarInLegend", "openMapOptions", "flatmapAPI", "sparcAPI", "onPanZoomCallback", "onOpenMap", "onFinishHelpMode", "onPathwaySelectionChanged", "onOpenPubmedUrl", "onMapmanagerLoaded"]),
|
343
|
+
}, 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"]),
|
348
344
|
e.helpMode && e.useHelpModeDialog ? (c(), k(l, {
|
349
345
|
key: 0,
|
350
346
|
ref: "multiflatmapHelp",
|
@@ -355,7 +351,7 @@ function L(e, t, a, n, o, i) {
|
|
355
351
|
}, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : w("", !0)
|
356
352
|
]);
|
357
353
|
}
|
358
|
-
const T = /* @__PURE__ */ u(b, [["render", L], ["__scopeId", "data-v-
|
354
|
+
const T = /* @__PURE__ */ u(b, [["render", L], ["__scopeId", "data-v-ce393416"]]);
|
359
355
|
export {
|
360
356
|
T as default
|
361
357
|
};
|
@@ -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-DO6jlHIh.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-BcpVBq1h.js";
|
5
5
|
const p = {
|
6
6
|
name: "Plot",
|
7
7
|
mixins: [r],
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import { o as w1, S as _1, w as M1, h as S1, j as T1, A as A1, e as E1, _ as C1, k as R1, E as Cu } from "./index-
|
2
|
-
import { C as L1 } from "./ContentMixin-
|
1
|
+
import { o as w1, S as _1, w as M1, h as S1, j as T1, A as A1, e as E1, _ as C1, k as R1, E as Cu } from "./index-BcpVBq1h.js";
|
2
|
+
import { C as L1 } from "./ContentMixin-DO6jlHIh.js";
|
3
3
|
import { ref as Ee, defineComponent as Pe, computed as he, openBlock as ye, createElementBlock as Ce, mergeProps as Sr, unref as V, renderSlot as qe, useAttrs as O1, useSlots as Gc, shallowRef as Ai, watch as Qe, nextTick as _t, onMounted as Qt, toRef as ur, createCommentVNode as Ue, Fragment as kt, normalizeClass as Re, createElementVNode as Fe, createBlock as Ve, withCtx as ve, resolveDynamicComponent as Oi, withModifiers as ni, createVNode as le, toDisplayString as vt, normalizeStyle as Ct, provide as si, reactive as Xi, onActivated as P1, onUpdated as Id, inject as ht, onBeforeUnmount as Qi, withDirectives as Ot, cloneVNode as I1, Text as Rv, Comment as N1, Transition as Js, vShow as pi, readonly as Lv, onDeactivated as D1, toHandlers as B1, withKeys as cr, createTextVNode as mt, createSlots as k1, toRefs as _o, getCurrentInstance as li, h as ca, renderList as Zi, onUnmounted as Ov, markRaw as wi, watchEffect as Pv, warn as F1, onBeforeMount as z1, toRaw as Iv, getCurrentScope as U1, onScopeDispose as V1, isRef as Nv, isVNode as Ih, Teleport as H1, resolveComponent as Si, resolveDirective as G1, toHandlerKey as j1, vModelText as W1, createApp as q1 } from "vue";
|
4
4
|
import { defineStore as $1, mapState as Dv } from "pinia";
|
5
5
|
const Wr = (i, e, { checkForDefaultPrevented: t = !0 } = {}) => (r) => {
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import { C as i } from "./ContentMixin-
|
1
|
+
import { C as i } from "./ContentMixin-DO6jlHIh.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-BcpVBq1h.js";
|
5
5
|
const c = {
|
6
6
|
name: "Simulation",
|
7
7
|
mixins: [i],
|