@abi-software/mapintegratedvuer 1.3.5-beta.1 → 1.4.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-1Yjm8kTN.js → ContentMixin-Kgbrl_Sm.js} +1 -1
- package/dist/{Flatmap-CqrQReG-.js → Flatmap-CeqTJMXV.js} +15 -12
- package/dist/{Iframe-CbFZpnko.js → Iframe-Dts_44jv.js} +2 -2
- package/dist/{MultiFlatmap-CLmO9NBg.js → MultiFlatmap-CwsjL6gP.js} +24 -18
- package/dist/{Plot-CN0u81S_.js → Plot-CONXSZVo.js} +2 -2
- package/dist/Scaffold-CnBEdHaP.js +44390 -0
- package/dist/{Simulation-CskJpFM_.js → Simulation-BPZC017G.js} +2 -2
- package/dist/{index-xJex6qLr.js → index-O_8s0SlM.js} +22470 -20260
- package/dist/mapintegratedvuer.js +1 -1
- package/dist/mapintegratedvuer.umd.cjs +895 -1755
- package/dist/{style-DtPUHjoN.js → style-C4WSp4wW.js} +45725 -57532
- package/dist/style.css +1 -1
- package/package.json +5 -5
- package/src/App.vue +11 -3
- package/src/components/MapContent.vue +6 -0
- package/src/components/viewers/Flatmap.vue +5 -3
- package/src/components/viewers/MultiFlatmap.vue +8 -0
- package/src/components/viewers/Scaffold.vue +7 -0
- package/src/mixins/DynamicMarkerMixin.js +9 -1
- package/src/stores/splitFlow.js +1 -1
- package/dist/Scaffold-8pn7egS0.js +0 -56177
@@ -1,12 +1,12 @@
|
|
1
|
-
import { _ as d, L as h, t as u, T as s, E as l } from "./index-
|
2
|
-
import { C as I } from "./ContentMixin-
|
3
|
-
import { D as y, W as
|
4
|
-
import { resolveComponent as p, openBlock as r, createElementBlock as M, createVNode as
|
5
|
-
const
|
1
|
+
import { _ as d, L as h, t as u, T as s, E as l } from "./index-O_8s0SlM.js";
|
2
|
+
import { C as I } from "./ContentMixin-Kgbrl_Sm.js";
|
3
|
+
import { D as y, W as g } from "./style-C4WSp4wW.js";
|
4
|
+
import { resolveComponent as p, openBlock as r, createElementBlock as M, createVNode as v, createBlock as S, createCommentVNode as C } from "vue";
|
5
|
+
const w = {
|
6
6
|
name: "Flatmap",
|
7
7
|
mixins: [I, y],
|
8
8
|
components: {
|
9
|
-
FlatmapVuer:
|
9
|
+
FlatmapVuer: g,
|
10
10
|
HelpModeDialog: h
|
11
11
|
},
|
12
12
|
methods: {
|
@@ -46,7 +46,7 @@ const F = {
|
|
46
46
|
},
|
47
47
|
flatmapReadyCall: function(e) {
|
48
48
|
let t = { id: this.entry.id, prov: this.getFlatmapImp().provenance };
|
49
|
-
l.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.
|
49
|
+
l.emit("mapImpProv", t), this.$emit("flatmap-provenance-ready", t), this.flatmapReadyForMarkerUpdates(e), l.emit("mapLoaded", e);
|
50
50
|
},
|
51
51
|
onPathwaySelectionChanged: function(e) {
|
52
52
|
const { label: t, property: o, checked: a, selectionsTitle: n } = e;
|
@@ -87,6 +87,9 @@ const F = {
|
|
87
87
|
}
|
88
88
|
} else
|
89
89
|
a.clearSearchResults();
|
90
|
+
},
|
91
|
+
changeViewingMode: function(e) {
|
92
|
+
this.$refs.flatmap.changeViewingMode(e);
|
90
93
|
}
|
91
94
|
},
|
92
95
|
computed: {
|
@@ -107,11 +110,11 @@ const F = {
|
|
107
110
|
});
|
108
111
|
});
|
109
112
|
}
|
110
|
-
},
|
111
|
-
function
|
113
|
+
}, F = { class: "viewer-container" };
|
114
|
+
function b(e, t, o, a, n, i) {
|
112
115
|
const m = p("FlatmapVuer"), f = p("HelpModeDialog");
|
113
|
-
return r(), M("div",
|
114
|
-
|
116
|
+
return r(), M("div", F, [
|
117
|
+
v(m, {
|
115
118
|
state: e.entry.state,
|
116
119
|
entry: e.entry.resource,
|
117
120
|
onResourceSelected: t[0] || (t[0] = (c) => i.flatmaprResourceSelected(e.entry.type, c)),
|
@@ -150,7 +153,7 @@ function H(e, t, o, a, n, i) {
|
|
150
153
|
}, null, 8, ["flatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : C("", !0)
|
151
154
|
]);
|
152
155
|
}
|
153
|
-
const P = /* @__PURE__ */ d(
|
156
|
+
const P = /* @__PURE__ */ d(w, [["render", b], ["__scopeId", "data-v-3b350e7b"]]);
|
154
157
|
export {
|
155
158
|
P as default
|
156
159
|
};
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import { C as r } from "./ContentMixin-
|
1
|
+
import { C as r } from "./ContentMixin-Kgbrl_Sm.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-O_8s0SlM.js";
|
4
4
|
const a = {
|
5
5
|
name: "Iframe",
|
6
6
|
mixins: [r]
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import { _ as u, L as h, a as y, g, E as
|
2
|
-
import { C as v } from "./ContentMixin-
|
3
|
-
import { D as I, v as S } from "./style-
|
1
|
+
import { _ as u, L as h, a as y, g, E as s, t as M, T as p } from "./index-O_8s0SlM.js";
|
2
|
+
import { C as v } from "./ContentMixin-Kgbrl_Sm.js";
|
3
|
+
import { D as I, v as S } from "./style-C4WSp4wW.js";
|
4
4
|
import { resolveComponent as f, openBlock as c, createElementBlock as C, 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 = [
|
@@ -71,9 +71,9 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
71
71
|
layout: "2vertpanel",
|
72
72
|
type: "SyncMap",
|
73
73
|
isBodyScaffold: !0
|
74
|
-
}), e &&
|
74
|
+
}), e && s.emit("SyncModeRequest", { flag: !0, action: e });
|
75
75
|
} else
|
76
|
-
|
76
|
+
s.emit("SyncModeRequest", { flag: !1 });
|
77
77
|
},
|
78
78
|
getState: function() {
|
79
79
|
if (this.flatmapReady)
|
@@ -147,12 +147,12 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
147
147
|
handleSyncPanZoomEvent: function(e) {
|
148
148
|
if (!this.mouseHovered && e.type !== this.entry.type) {
|
149
149
|
const t = e.payload.zoom, a = e.payload.target, n = this.$el.clientHeight, o = this.$el.clientWidth, i = Math.max(o, n);
|
150
|
-
let
|
150
|
+
let r = o / i / t;
|
151
151
|
const l = n / i / t, m = [
|
152
|
-
a[0] / 2 + 0.5 -
|
152
|
+
a[0] / 2 + 0.5 - r / 2,
|
153
153
|
0.5 - a[1] / 2 - l / 2
|
154
154
|
];
|
155
|
-
this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(m, [
|
155
|
+
this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(m, [r, l]);
|
156
156
|
}
|
157
157
|
},
|
158
158
|
displayTooltip: function(e) {
|
@@ -196,7 +196,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
196
196
|
if (e) {
|
197
197
|
e.enablePanZoomEvents(!0), this.flatmapReady = !0;
|
198
198
|
const t = e.mapImp;
|
199
|
-
this.flatmapMarkerUpdate(t), this.updateProvCard();
|
199
|
+
this.flatmapMarkerUpdate(t), this.updateProvCard(), s.emit("mapLoaded", e);
|
200
200
|
}
|
201
201
|
},
|
202
202
|
getFlatmapImp: function() {
|
@@ -209,7 +209,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
209
209
|
label: "Unused",
|
210
210
|
val: this.getFlatmapImp().visibleMarkerAnatomicalIds().map((n) => this.idNamePair[n])
|
211
211
|
};
|
212
|
-
|
212
|
+
s.emit("PopoverActionClick", a);
|
213
213
|
},
|
214
214
|
restoreFeaturedMarkers: function(e) {
|
215
215
|
this.settingsStore.resetFeaturedMarkerIdentifier();
|
@@ -231,17 +231,23 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
231
231
|
if (o || (o = this.getFlatmapImp()), o) {
|
232
232
|
let i = document.createElement("div");
|
233
233
|
i.innerHTML = R;
|
234
|
-
const
|
234
|
+
const r = o.addMarker(e, {
|
235
235
|
element: i,
|
236
236
|
className: "highlight-marker",
|
237
237
|
cluster: !1
|
238
238
|
});
|
239
239
|
return this.settingsStore.updateFeaturedMarkerIdentifier({
|
240
240
|
index: t,
|
241
|
-
markerIdentifier:
|
241
|
+
markerIdentifier: r
|
242
242
|
}), !0;
|
243
243
|
}
|
244
244
|
return !1;
|
245
|
+
},
|
246
|
+
/**
|
247
|
+
* Change the view mode of the current flatmap
|
248
|
+
*/
|
249
|
+
changeViewingMode: function(e) {
|
250
|
+
this.$refs.multiflatmap.getCurrentFlatmap().changeViewingMode(e);
|
245
251
|
}
|
246
252
|
},
|
247
253
|
computed: {
|
@@ -261,7 +267,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
261
267
|
}
|
262
268
|
},
|
263
269
|
mounted: function() {
|
264
|
-
this.getFeaturedDatasets(),
|
270
|
+
this.getFeaturedDatasets(), s.on("show-connectivity", (e) => {
|
265
271
|
const { featureIds: t, offset: a } = e;
|
266
272
|
if (this.flatmapReady && this.$refs.multiflatmap) {
|
267
273
|
const n = this.$refs.multiflatmap.getCurrentFlatmap();
|
@@ -270,17 +276,17 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
270
276
|
zoom: 4
|
271
277
|
});
|
272
278
|
}
|
273
|
-
}),
|
279
|
+
}), s.on("markerUpdate", () => {
|
274
280
|
this.flatmapReady && this.flatmapMarkerUpdate(this.$refs.multiflatmap.getCurrentFlatmap().mapImp);
|
275
|
-
}),
|
281
|
+
}), s.on("hoverUpdate", () => {
|
276
282
|
this.flatmapReady && this.mapHoverHighlight(this.$refs.multiflatmap.getCurrentFlatmap().mapImp);
|
277
283
|
});
|
278
284
|
}
|
279
285
|
}, H = { class: "viewer-container" };
|
280
286
|
function L(e, t, a, n, o, i) {
|
281
|
-
const
|
287
|
+
const r = f("MultiFlatmapVuer"), l = f("HelpModeDialog");
|
282
288
|
return c(), C("div", H, [
|
283
|
-
F(
|
289
|
+
F(r, {
|
284
290
|
availableSpecies: e.availableSpecies,
|
285
291
|
onFlatmapChanged: i.flatmapChanged,
|
286
292
|
onReady: i.multiFlatmapReady,
|
@@ -320,7 +326,7 @@ function L(e, t, a, n, o, i) {
|
|
320
326
|
}, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : w("", !0)
|
321
327
|
]);
|
322
328
|
}
|
323
|
-
const E = /* @__PURE__ */ u(b, [["render", L], ["__scopeId", "data-v-
|
329
|
+
const E = /* @__PURE__ */ u(b, [["render", L], ["__scopeId", "data-v-d723825f"]]);
|
324
330
|
export {
|
325
331
|
E as default
|
326
332
|
};
|
@@ -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-Kgbrl_Sm.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-O_8s0SlM.js";
|
5
5
|
const p = {
|
6
6
|
name: "Plot",
|
7
7
|
mixins: [a],
|