@abi-software/mapintegratedvuer 1.3.4-beta.1 → 1.3.4-beta.3
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-e_R3pshi.js +584 -0
- package/dist/{Flatmap-BS0JbWf4.js → Flatmap-C5vT7xKS.js} +21 -16
- package/dist/{Iframe-BBXsetDo.js → Iframe-VUzwonAL.js} +2 -2
- package/dist/{MultiFlatmap-DbwZpIHe.js → MultiFlatmap-CmpC1OzB.js} +27 -19
- package/dist/{Plot-C-epDDs-.js → Plot-CmjKwdil.js} +2 -2
- package/dist/{Scaffold-BxKsRNwN.js → Scaffold-DCk59qIg.js} +7430 -7429
- package/dist/{Simulation-DKwIFKMK.js → Simulation-H03BonwT.js} +2 -2
- package/dist/{index-Ct_Hq2A5.js → index-fNKt5pKW.js} +7181 -6536
- package/dist/mapintegratedvuer.js +1 -1
- package/dist/mapintegratedvuer.umd.cjs +479 -479
- package/dist/{style-DWdSlu_q.js → style-DTVzdiHD.js} +2153 -2159
- package/dist/style.css +1 -1
- package/package.json +3 -3
- package/src/App.vue +4 -0
- package/src/components/MapContent.vue +10 -5
- package/src/components/viewers/Flatmap.vue +7 -2
- package/src/components/viewers/MultiFlatmap.vue +14 -3
- package/src/components/viewers/Scaffold.vue +12 -0
- package/src/mixins/ContentMixin.js +3 -27
- package/src/stores/index.js +1 -1
- package/src/stores/splitFlow.js +28 -0
- package/dist/ContentMixin-Cx9C1_Yu.js +0 -1218
@@ -1,6 +1,6 @@
|
|
1
|
-
import { _ as u, a as h, g as y, E as
|
2
|
-
import { C as M } from "./ContentMixin-
|
3
|
-
import { D as v, v as I } from "./style-
|
1
|
+
import { _ as u, a as h, g as y, E as s, t as g, T as p } from "./index-fNKt5pKW.js";
|
2
|
+
import { C as M } from "./ContentMixin-e_R3pshi.js";
|
3
|
+
import { D as v, v as I } from "./style-DTVzdiHD.js";
|
4
4
|
import { F as S } from "./style-CJykSWTR.js";
|
5
5
|
import { resolveComponent as f, openBlock as c, createElementBlock as C, createVNode as F, createBlock as k, createCommentVNode as w } from "vue";
|
6
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>', d = (e) => {
|
@@ -72,9 +72,9 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
72
72
|
layout: "2vertpanel",
|
73
73
|
type: "SyncMap",
|
74
74
|
isBodyScaffold: !0
|
75
|
-
}), e &&
|
75
|
+
}), e && s.emit("SyncModeRequest", { flag: !0, action: e });
|
76
76
|
} else
|
77
|
-
|
77
|
+
s.emit("SyncModeRequest", { flag: !1 });
|
78
78
|
},
|
79
79
|
getState: function() {
|
80
80
|
if (this.flatmapReady)
|
@@ -148,12 +148,12 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
148
148
|
handleSyncPanZoomEvent: function(e) {
|
149
149
|
if (!this.mouseHovered && e.type !== this.entry.type) {
|
150
150
|
const t = e.payload.zoom, a = e.payload.target, n = this.$el.clientHeight, o = this.$el.clientWidth, i = Math.max(o, n);
|
151
|
-
let
|
151
|
+
let r = o / i / t;
|
152
152
|
const l = n / i / t, m = [
|
153
|
-
a[0] / 2 + 0.5 -
|
153
|
+
a[0] / 2 + 0.5 - r / 2,
|
154
154
|
0.5 - a[1] / 2 - l / 2
|
155
155
|
];
|
156
|
-
this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(m, [
|
156
|
+
this.$refs.multiflatmap.getCurrentFlatmap().mapImp.panZoomTo(m, [r, l]);
|
157
157
|
}
|
158
158
|
},
|
159
159
|
displayTooltip: function(e) {
|
@@ -197,7 +197,7 @@ const R = '<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.flatmapMarkerUpdate(t), this.updateProvCard();
|
200
|
+
this.flatmapMarkerUpdate(t), this.updateProvCard(), s.emit("mapReady", e);
|
201
201
|
}
|
202
202
|
},
|
203
203
|
getFlatmapImp: function() {
|
@@ -210,7 +210,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
210
210
|
label: "Unused",
|
211
211
|
val: this.getFlatmapImp().visibleMarkerAnatomicalIds().map((n) => this.idNamePair[n])
|
212
212
|
};
|
213
|
-
|
213
|
+
s.emit("PopoverActionClick", a);
|
214
214
|
},
|
215
215
|
restoreFeaturedMarkers: function(e) {
|
216
216
|
this.settingsStore.resetFeaturedMarkerIdentifier();
|
@@ -232,17 +232,23 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
232
232
|
if (o || (o = this.getFlatmapImp()), o) {
|
233
233
|
let i = document.createElement("div");
|
234
234
|
i.innerHTML = R;
|
235
|
-
const
|
235
|
+
const r = o.addMarker(e, {
|
236
236
|
element: i,
|
237
237
|
className: "highlight-marker",
|
238
238
|
cluster: !1
|
239
239
|
});
|
240
240
|
return this.settingsStore.updateFeaturedMarkerIdentifier({
|
241
241
|
index: t,
|
242
|
-
markerIdentifier:
|
242
|
+
markerIdentifier: r
|
243
243
|
}), !0;
|
244
244
|
}
|
245
245
|
return !1;
|
246
|
+
},
|
247
|
+
/**
|
248
|
+
* Change the view mode of the current flatmap
|
249
|
+
*/
|
250
|
+
changeViewingMode: function(e) {
|
251
|
+
this.$refs.multiflatmap.getCurrentFlatmap().changeViewingMode(e);
|
246
252
|
}
|
247
253
|
},
|
248
254
|
computed: {
|
@@ -262,7 +268,7 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
262
268
|
}
|
263
269
|
},
|
264
270
|
mounted: function() {
|
265
|
-
this.
|
271
|
+
this.getFeaturedDatasets(), s.on("show-connectivity", (e) => {
|
266
272
|
const { featureIds: t, offset: a } = e;
|
267
273
|
if (this.flatmapReady && this.$refs.multiflatmap) {
|
268
274
|
const n = this.$refs.multiflatmap.getCurrentFlatmap();
|
@@ -271,17 +277,19 @@ const R = '<svg width="72px" height="72px" viewBox="0 0 24 24" fill="yellow"><pa
|
|
271
277
|
zoom: 4
|
272
278
|
});
|
273
279
|
}
|
274
|
-
}),
|
280
|
+
}), s.on("markerUpdate", () => {
|
275
281
|
this.flatmapReady && this.flatmapMarkerUpdate(this.$refs.multiflatmap.getCurrentFlatmap().mapImp);
|
276
|
-
}),
|
282
|
+
}), s.on("hoverUpdate", () => {
|
277
283
|
this.flatmapReady && this.mapHoverHighlight(this.$refs.multiflatmap.getCurrentFlatmap().mapImp);
|
284
|
+
}), s.on("changeViewingMode", (e) => {
|
285
|
+
this.flatmapReady && this.changeViewingMode(e);
|
278
286
|
});
|
279
287
|
}
|
280
288
|
}, H = { class: "viewer-container" };
|
281
289
|
function P(e, t, a, n, o, i) {
|
282
|
-
const
|
290
|
+
const r = f("MultiFlatmapVuer"), l = f("HelpModeDialog");
|
283
291
|
return c(), C("div", H, [
|
284
|
-
F(
|
292
|
+
F(r, {
|
285
293
|
availableSpecies: e.availableSpecies,
|
286
294
|
onFlatmapChanged: i.flatmapChanged,
|
287
295
|
onReady: i.multiFlatmapReady,
|
@@ -321,7 +329,7 @@ function P(e, t, a, n, o, i) {
|
|
321
329
|
}, null, 8, ["multiflatmapRef", "lastItem", "onShowNext", "onFinishHelpMode"])) : w("", !0)
|
322
330
|
]);
|
323
331
|
}
|
324
|
-
const
|
332
|
+
const _ = /* @__PURE__ */ u(b, [["render", P], ["__scopeId", "data-v-b02cb930"]]);
|
325
333
|
export {
|
326
|
-
|
334
|
+
_ as default
|
327
335
|
};
|
@@ -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-e_R3pshi.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-fNKt5pKW.js";
|
5
5
|
const p = {
|
6
6
|
name: "Plot",
|
7
7
|
mixins: [a],
|