@abi-software/flatmapvuer 0.6.1-annotator.1 → 0.6.1-annotator.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/flatmapvuer.js +84 -74
- package/dist/flatmapvuer.umd.cjs +48 -48
- package/dist/style.css +1 -1
- package/package.json +2 -2
- package/src/components/AnnotationTool.vue +1 -1
- package/src/components/{RelevanceDialog.vue → ConnectionDialog.vue} +9 -9
- package/src/components/FlatmapVuer.vue +72 -61
- package/src/components.d.ts +1 -1
package/dist/flatmapvuer.js
CHANGED
|
@@ -10607,7 +10607,7 @@ const _v = function(t = {}) {
|
|
|
10607
10607
|
r[n] = i;
|
|
10608
10608
|
return r;
|
|
10609
10609
|
}, _ee = {
|
|
10610
|
-
name: "
|
|
10610
|
+
name: "ConnectionDialog",
|
|
10611
10611
|
components: {
|
|
10612
10612
|
Row: Do,
|
|
10613
10613
|
Col: Es,
|
|
@@ -10621,7 +10621,7 @@ const _v = function(t = {}) {
|
|
|
10621
10621
|
type: Boolean,
|
|
10622
10622
|
default: !1
|
|
10623
10623
|
},
|
|
10624
|
-
|
|
10624
|
+
connection: {
|
|
10625
10625
|
type: Boolean,
|
|
10626
10626
|
default: !1
|
|
10627
10627
|
}
|
|
@@ -10632,7 +10632,7 @@ const _v = function(t = {}) {
|
|
|
10632
10632
|
};
|
|
10633
10633
|
},
|
|
10634
10634
|
watch: {
|
|
10635
|
-
|
|
10635
|
+
connection: function() {
|
|
10636
10636
|
this.tooltipId = void 0;
|
|
10637
10637
|
}
|
|
10638
10638
|
},
|
|
@@ -10647,7 +10647,7 @@ const _v = function(t = {}) {
|
|
|
10647
10647
|
this.tooltipId = void 0, this.$emit("popup", !0);
|
|
10648
10648
|
}
|
|
10649
10649
|
}
|
|
10650
|
-
}, xee = (t) => (_5("data-v-
|
|
10650
|
+
}, xee = (t) => (_5("data-v-fb3049ea"), t = t(), x5(), t), bee = { class: "dialog-container" }, Lee = {
|
|
10651
10651
|
key: 0,
|
|
10652
10652
|
class: "dialog-title"
|
|
10653
10653
|
}, wee = {
|
|
@@ -10661,7 +10661,7 @@ function Aee(t, e, r, n, i, a) {
|
|
|
10661
10661
|
return Ee(), et("div", bee, [
|
|
10662
10662
|
Ue(h, null, {
|
|
10663
10663
|
default: ke(() => [
|
|
10664
|
-
r.drawing ? (Ee(), et("span", Lee, "Finalise drawing")) : (Ee(), et("span", wee, "Visualise
|
|
10664
|
+
r.drawing ? (Ee(), et("span", Lee, "Finalise drawing")) : (Ee(), et("span", wee, "Visualise connection")),
|
|
10665
10665
|
r.drawing ? (Ee(), Nt(h, { key: 2 }, {
|
|
10666
10666
|
default: ke(() => [
|
|
10667
10667
|
Ue(s, { span: 13 }, {
|
|
@@ -10714,7 +10714,7 @@ function Aee(t, e, r, n, i, a) {
|
|
|
10714
10714
|
]),
|
|
10715
10715
|
_: 1
|
|
10716
10716
|
}),
|
|
10717
|
-
r.
|
|
10717
|
+
r.connection ? (Ee(), Nt(h, { key: 0 }, {
|
|
10718
10718
|
default: ke(() => [
|
|
10719
10719
|
Ue(s, null, {
|
|
10720
10720
|
default: ke(() => [
|
|
@@ -10725,17 +10725,17 @@ function Aee(t, e, r, n, i, a) {
|
|
|
10725
10725
|
default: ke(() => [
|
|
10726
10726
|
Ue(d, {
|
|
10727
10727
|
shadow: "hover",
|
|
10728
|
-
onClick: (y) => a.handleTooltipOpen(
|
|
10728
|
+
onClick: (y) => a.handleTooltipOpen(v)
|
|
10729
10729
|
}, {
|
|
10730
10730
|
default: ke(() => [
|
|
10731
|
-
rt("span", null, Ir(a.capitalise(
|
|
10731
|
+
rt("span", null, Ir(a.capitalise(p.label)), 1)
|
|
10732
10732
|
]),
|
|
10733
10733
|
_: 2
|
|
10734
10734
|
}, 1032, ["onClick"])
|
|
10735
10735
|
]),
|
|
10736
10736
|
_: 2
|
|
10737
10737
|
}, 1024),
|
|
10738
|
-
|
|
10738
|
+
v === t.tooltipId ? (Ee(), Nt(s, {
|
|
10739
10739
|
key: 0,
|
|
10740
10740
|
span: 4
|
|
10741
10741
|
}, {
|
|
@@ -10760,7 +10760,7 @@ function Aee(t, e, r, n, i, a) {
|
|
|
10760
10760
|
})) : It("", !0)
|
|
10761
10761
|
]);
|
|
10762
10762
|
}
|
|
10763
|
-
const Mee = /* @__PURE__ */ As(_ee, [["render", Aee], ["__scopeId", "data-v-
|
|
10763
|
+
const Mee = /* @__PURE__ */ As(_ee, [["render", Aee], ["__scopeId", "data-v-fb3049ea"]]), See = {
|
|
10764
10764
|
name: "ExternalResourceCard",
|
|
10765
10765
|
components: {
|
|
10766
10766
|
Button: Ao
|
|
@@ -11256,7 +11256,7 @@ const rP = /* @__PURE__ */ As(Pee, [["render", ite], ["__scopeId", "data-v-a3d0e
|
|
|
11256
11256
|
t.name && t.email ? (this.creator = t, t.orcid || (this.creator.orcid = "0000-0000-0000-0000"), this.authenticated = !0, this.updatePrevSubmissions()) : this.errorMessage = "";
|
|
11257
11257
|
});
|
|
11258
11258
|
}
|
|
11259
|
-
}, w5 = (t) => (_5("data-v-
|
|
11259
|
+
}, w5 = (t) => (_5("data-v-08d8c524"), t = t(), x5(), t), ote = { class: "block" }, ste = /* @__PURE__ */ w5(() => /* @__PURE__ */ rt("span", { class: "title" }, "Feature Annotations", -1)), lte = /* @__PURE__ */ w5(() => /* @__PURE__ */ rt("strong", { class: "sub-title" }, "Previous submissions:", -1)), ute = /* @__PURE__ */ w5(() => /* @__PURE__ */ rt("strong", null, "Evidence: ", -1)), cte = ["href"], hte = /* @__PURE__ */ w5(() => /* @__PURE__ */ rt("strong", null, "Comment: ", -1)), dte = /* @__PURE__ */ w5(() => /* @__PURE__ */ rt("strong", { class: "sub-title" }, "Suggest changes:", -1)), fte = /* @__PURE__ */ w5(() => /* @__PURE__ */ rt("strong", null, "Evidence:", -1)), Tte = /* @__PURE__ */ w5(() => /* @__PURE__ */ rt("strong", null, "Comment:", -1)), Qte = { class: "sub-title" };
|
|
11260
11260
|
function pte(t, e, r, n, i, a) {
|
|
11261
11261
|
const o = Do, s = ff, h = xi, d = W4, T = HI, Q = sZ, p = cZ, v = Es, y = ll, _ = wf, E = Bl, w = _f, H = Ao, O = GD;
|
|
11262
11262
|
return Ee(), Nt(O, { class: "main" }, {
|
|
@@ -11528,7 +11528,7 @@ function pte(t, e, r, n, i, a) {
|
|
|
11528
11528
|
_: 1
|
|
11529
11529
|
});
|
|
11530
11530
|
}
|
|
11531
|
-
const nP = /* @__PURE__ */ As(ate, [["render", pte], ["__scopeId", "data-v-
|
|
11531
|
+
const nP = /* @__PURE__ */ As(ate, [["render", pte], ["__scopeId", "data-v-08d8c524"]]), mte = {
|
|
11532
11532
|
name: "Tooltip",
|
|
11533
11533
|
components: {
|
|
11534
11534
|
AnnotationTool: nP,
|
|
@@ -92385,14 +92385,14 @@ var Gy = Uy(Lwe, { path: "/" }), ss = function(t, e, r, n, i) {
|
|
|
92385
92385
|
if (typeof e == "function" ? t !== e || !n : !e.has(t))
|
|
92386
92386
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
92387
92387
|
return r === "m" ? n : r === "a" ? n.call(t) : n ? n.value : e.get(t);
|
|
92388
|
-
}, a3, Yu,
|
|
92388
|
+
}, a3, Yu, ls, Q2, S4;
|
|
92389
92389
|
const wwe = 1e4;
|
|
92390
92390
|
class Ewe {
|
|
92391
92391
|
/**
|
|
92392
92392
|
* @param serverEndpoint The URL of a map annotation service.
|
|
92393
92393
|
*/
|
|
92394
92394
|
constructor(e) {
|
|
92395
|
-
a3.add(this), Yu.set(this, void 0),
|
|
92395
|
+
a3.add(this), Yu.set(this, void 0), ls.set(this, null), Q2.set(
|
|
92396
92396
|
this,
|
|
92397
92397
|
null
|
|
92398
92398
|
/**
|
|
@@ -92431,7 +92431,7 @@ class Ewe {
|
|
|
92431
92431
|
* Unauthenticate with the annotation service.
|
|
92432
92432
|
*
|
|
92433
92433
|
* @param userApiKey The Api token of the logged-in Pennsieve user
|
|
92434
|
-
* @return
|
|
92434
|
+
* @return A Promise with data about the call.
|
|
92435
92435
|
*/
|
|
92436
92436
|
async unauthenticate(e) {
|
|
92437
92437
|
ss(this, Q2, null, "f"), ss(this, ls, null, "f");
|
|
@@ -92441,17 +92441,21 @@ class Ewe {
|
|
|
92441
92441
|
/**
|
|
92442
92442
|
* Get identifiers of all annotated items in a resource.
|
|
92443
92443
|
*
|
|
92444
|
-
* @param userApiKey
|
|
92445
|
-
* @param resourceId
|
|
92446
|
-
* @
|
|
92447
|
-
*
|
|
92448
|
-
*
|
|
92444
|
+
* @param userApiKey The Api token of the logged-in Pennsieve user
|
|
92445
|
+
* @param resourceId The resource's identifier
|
|
92446
|
+
* @param userId A user identifier (ORCID). Optional
|
|
92447
|
+
* @param participated Get items the user was involved in annotating or not.
|
|
92448
|
+
* Optional, default ``true``
|
|
92449
|
+
* @return A Promise resolving to either a list of identifiers of annotated
|
|
92450
|
+
* items or a reason why identifiers couldn't be retrieved.
|
|
92449
92451
|
*/
|
|
92450
|
-
async annotatedItemIds(e, r) {
|
|
92451
|
-
const
|
|
92452
|
+
async annotatedItemIds(e, r, n, i) {
|
|
92453
|
+
const a = {
|
|
92452
92454
|
resource: r
|
|
92453
|
-
}
|
|
92454
|
-
|
|
92455
|
+
};
|
|
92456
|
+
n !== void 0 && (a.user = n), i !== void 0 && (a.participated = i);
|
|
92457
|
+
const o = await J1(this, a3, "m", S4).call(this, e, "items/", "GET", a);
|
|
92458
|
+
return "error" in o ? Promise.resolve(J1(this, Q2, "f")) : Promise.resolve(o);
|
|
92455
92459
|
}
|
|
92456
92460
|
/**
|
|
92457
92461
|
* Get all annotated features drawn on a resource.
|
|
@@ -92462,11 +92466,13 @@ class Ewe {
|
|
|
92462
92466
|
* features drawn on the resource or a reason why
|
|
92463
92467
|
* features couldn't be retrieved.
|
|
92464
92468
|
*/
|
|
92465
|
-
async drawnFeatures(e, r) {
|
|
92466
|
-
const
|
|
92469
|
+
async drawnFeatures(e, r, n) {
|
|
92470
|
+
const i = {
|
|
92467
92471
|
resource: r
|
|
92468
|
-
}
|
|
92469
|
-
|
|
92472
|
+
};
|
|
92473
|
+
n !== void 0 && (i.items = n);
|
|
92474
|
+
const a = await J1(this, a3, "m", S4).call(this, e, "features/", "GET", i);
|
|
92475
|
+
return "error" in a ? Promise.resolve(J1(this, Q2, "f")) : Promise.resolve(a);
|
|
92470
92476
|
}
|
|
92471
92477
|
/**
|
|
92472
92478
|
* Get all annotations about a specific item in a resource.
|
|
@@ -92525,7 +92531,7 @@ class Ewe {
|
|
|
92525
92531
|
return Promise.resolve(J1(this, Q2, "f"));
|
|
92526
92532
|
}
|
|
92527
92533
|
}
|
|
92528
|
-
Yu = /* @__PURE__ */ new WeakMap(),
|
|
92534
|
+
Yu = /* @__PURE__ */ new WeakMap(), ls = /* @__PURE__ */ new WeakMap(), Q2 = /* @__PURE__ */ new WeakMap(), a3 = /* @__PURE__ */ new WeakSet(), S4 = async function(e, r, n = "GET", i = {}) {
|
|
92529
92535
|
let a = !0;
|
|
92530
92536
|
const o = new AbortController();
|
|
92531
92537
|
setTimeout(() => {
|
|
@@ -92977,23 +92983,23 @@ const Dwe = Owe("main", {
|
|
|
92977
92983
|
resourceId: this.serverURL
|
|
92978
92984
|
}, this.rollbackAnnotationEvent(), this.initialiseDrawing());
|
|
92979
92985
|
},
|
|
92980
|
-
|
|
92986
|
+
displayConnectedFeatureTooltip: function(t) {
|
|
92981
92987
|
if (this.mapImp) {
|
|
92982
92988
|
const e = this.mapImp.featureProperties(t);
|
|
92983
92989
|
this.checkAndCreatePopups({ feature: e });
|
|
92984
92990
|
}
|
|
92985
92991
|
},
|
|
92986
92992
|
confirmDrawnFeature: function() {
|
|
92987
|
-
this.createdEvent && (this.checkAndCreatePopups(this.createdEvent), Object.keys(this.
|
|
92993
|
+
this.createdEvent && (this.checkAndCreatePopups(this.createdEvent), Object.keys(this.connectionEntry).length > 0 && (this.annotationEntry.feature.connection = this.connectionEntry), this.initialiseDrawing());
|
|
92988
92994
|
},
|
|
92989
92995
|
initialiseDialog: function() {
|
|
92990
|
-
this.
|
|
92996
|
+
this.connectionDisplay = !1, this.connectionEntry = {};
|
|
92991
92997
|
},
|
|
92992
|
-
|
|
92993
|
-
!this.$el.querySelector(".
|
|
92998
|
+
connectionDialogPopup: function() {
|
|
92999
|
+
!this.$el.querySelector(".drawConnection").classList.contains("inactive") && !this.inDrawing && (this.closePopup(), this.connectionDisplay = !this.connectionDisplay);
|
|
92994
93000
|
},
|
|
92995
93001
|
drawingEvent: function(t) {
|
|
92996
|
-
if (this.closePopup(), this.drawnTypes.includes(t) && !this.activeDrawMode && !this.
|
|
93002
|
+
if (this.closePopup(), this.drawnTypes.includes(t) && !this.activeDrawMode && !this.connectionDisplay) {
|
|
92997
93003
|
if (t === "Point") {
|
|
92998
93004
|
const e = this.$el.querySelector(".mapbox-gl-draw_point");
|
|
92999
93005
|
this.$el.querySelector(".mapbox-gl-draw_point").click(), this.activeDrawTool = e.classList.contains("active") ? "Point" : void 0;
|
|
@@ -93030,6 +93036,7 @@ const Dwe = Owe("main", {
|
|
|
93030
93036
|
},
|
|
93031
93037
|
setFeatureAnnotated: function() {
|
|
93032
93038
|
this.mapImp && this.annotator.annotatedItemIds(this.userToken, this.serverURL).then((t) => {
|
|
93039
|
+
"resource" in t && (t = t.items);
|
|
93033
93040
|
for (const e of t)
|
|
93034
93041
|
this.mapImp.setFeatureAnnotated(e);
|
|
93035
93042
|
}).catch((t) => {
|
|
@@ -93038,7 +93045,7 @@ const Dwe = Owe("main", {
|
|
|
93038
93045
|
},
|
|
93039
93046
|
addAnnotationFeature: function() {
|
|
93040
93047
|
this.mapImp && (this.annotationSubmitted || this.clearAnnotationFeature(), this.drawnType !== "None" && (this.annotationSubmitted || (this.loading = !0), this.annotator.drawnFeatures(this.userToken, this.serverURL).then((t) => {
|
|
93041
|
-
if (this.drawnType !== "All tools" && (t = t.filter((e) => e.geometry.type === this.drawnType)), this.drawnAnnotationFeatures = t, this.loading = !1, !this.annotationSubmitted)
|
|
93048
|
+
if ("resource" in t && (t = t.features), this.drawnType !== "All tools" && (t = t.filter((e) => e.geometry.type === this.drawnType)), this.drawnAnnotationFeatures = t, this.loading = !1, !this.annotationSubmitted)
|
|
93042
93049
|
for (const e of t)
|
|
93043
93050
|
this.annotatedType !== "Anyone" ? this.annotator.itemAnnotations(this.userToken, this.serverURL, e.id).then((r) => {
|
|
93044
93051
|
let n = r.filter((i) => i.creator.name === this.userInformation.name && i.creator.email === this.userInformation.email).length > 0;
|
|
@@ -93332,11 +93339,11 @@ const Dwe = Owe("main", {
|
|
|
93332
93339
|
if (e.type === "aborted")
|
|
93333
93340
|
this.annotationSubmitted ? this.annotationSubmitted = !1 : this.rollbackAnnotationEvent();
|
|
93334
93341
|
else if (e.type === "modeChanged")
|
|
93335
|
-
e.feature.mode.startsWith("draw_") ? (this.initialiseDialog(), this.inDrawing = !0) : e.feature.mode === "simple_select" && this.inDrawing ? this.createdEvent ? this.
|
|
93342
|
+
e.feature.mode.startsWith("draw_") ? (this.initialiseDialog(), this.inDrawing = !0) : e.feature.mode === "simple_select" && this.inDrawing ? this.createdEvent ? this.connectionDisplay = !0 : this.initialiseDrawing() : e.feature.mode === "direct_select" && (this.doubleClickedFeature = !0);
|
|
93336
93343
|
else if (e.type === "selectionChanged") {
|
|
93337
93344
|
if (this.currentDrawnFeature = e.feature.features.length === 0 ? void 0 : e.feature.features[0], n.feature.feature = this.currentDrawnFeature, !this.inDrawing && (this.initialiseDialog(), this.currentDrawnFeature)) {
|
|
93338
93345
|
let i = this.drawnAnnotationFeatures.filter((a) => a.id === this.currentDrawnFeature.id)[0];
|
|
93339
|
-
i && i.
|
|
93346
|
+
i && i.connection && (this.connectionEntry = i.connection), this.drawModeEvent(n);
|
|
93340
93347
|
}
|
|
93341
93348
|
} else {
|
|
93342
93349
|
if (e.type === "created" || e.type === "updated") {
|
|
@@ -93364,9 +93371,14 @@ const Dwe = Owe("main", {
|
|
|
93364
93371
|
if (t === "click") {
|
|
93365
93372
|
if (this.viewingMode === "Network Discovery")
|
|
93366
93373
|
this.highlightConnectedPaths([e.models]);
|
|
93367
|
-
else if (this.currentActive = e.models ? e.models : "", this.inDrawing && !this.
|
|
93368
|
-
let d = e.label ? e.label :
|
|
93369
|
-
d && this.activeDrawTool === "LineString" && (this.
|
|
93374
|
+
else if (this.currentActive = e.models ? e.models : "", this.inDrawing && !this.connectionDisplay) {
|
|
93375
|
+
let d = e.label ? e.label : `Feature ${e.id}`;
|
|
93376
|
+
d && this.activeDrawTool === "LineString" && (this.connectionEntry[e.featureId] = Object.assign(
|
|
93377
|
+
{ label: d },
|
|
93378
|
+
Object.fromEntries(
|
|
93379
|
+
Object.entries(e).filter(([T]) => ["featureId", "models"].includes(T))
|
|
93380
|
+
)
|
|
93381
|
+
));
|
|
93370
93382
|
}
|
|
93371
93383
|
} else
|
|
93372
93384
|
t === "mouseenter" && this.viewingMode !== "Network Discovery" && (this.currentHover = e.models ? e.models : "");
|
|
@@ -93379,7 +93391,7 @@ const Dwe = Owe("main", {
|
|
|
93379
93391
|
// for dialog popup
|
|
93380
93392
|
dialogCssHacks: function() {
|
|
93381
93393
|
this.$nextTick(() => {
|
|
93382
|
-
const t = this.$el.querySelector(".
|
|
93394
|
+
const t = this.$el.querySelector(".connection-dialog");
|
|
93383
93395
|
Pwe(this.$el, t);
|
|
93384
93396
|
let e, r;
|
|
93385
93397
|
const n = this.$el.getBoundingClientRect(), i = t.getBoundingClientRect();
|
|
@@ -93387,14 +93399,14 @@ const Dwe = Owe("main", {
|
|
|
93387
93399
|
});
|
|
93388
93400
|
},
|
|
93389
93401
|
drawIconCssHacks: function() {
|
|
93390
|
-
(this.$el.querySelector(".iconSelected") || !this.
|
|
93402
|
+
(this.$el.querySelector(".iconSelected") || !this.connectionDisplay) && (this.drawnTypes.map((t) => {
|
|
93391
93403
|
const e = this.$el.querySelector(`.draw${t}`);
|
|
93392
93404
|
e && (e.classList.remove("iconSelected"), e.classList.remove("inactive"));
|
|
93393
93405
|
}), this.drawModes.map((t) => {
|
|
93394
93406
|
this.$el.querySelector(`.draw${t}`).classList.remove("iconSelected"), this.$el.querySelector(`.draw${t}`).classList.remove("inactive");
|
|
93395
93407
|
})), this.activeDrawTool ? (this.$el.querySelector(`.draw${this.activeDrawTool}`).classList.add("iconSelected"), this.drawModes.map((t) => {
|
|
93396
93408
|
this.$el.querySelector(`.draw${t}`).classList.add("inactive");
|
|
93397
|
-
})) : (this.activeDrawMode || this.
|
|
93409
|
+
})) : (this.activeDrawMode || this.connectionDisplay) && (this.activeDrawMode && this.$el.querySelector(`.draw${this.activeDrawMode}`).classList.add("iconSelected"), this.drawnTypes.map((t) => {
|
|
93398
93410
|
const e = this.$el.querySelector(`.draw${t}`);
|
|
93399
93411
|
e && e.classList.add("inactive");
|
|
93400
93412
|
}));
|
|
@@ -93411,16 +93423,14 @@ const Dwe = Owe("main", {
|
|
|
93411
93423
|
},
|
|
93412
93424
|
// checkNeuronClicked shows a neuron path pop up if a path was recently clicked
|
|
93413
93425
|
createConnectivityBody: function() {
|
|
93414
|
-
if (Object.keys(this.
|
|
93415
|
-
const t = Object.values(this.
|
|
93426
|
+
if (Object.keys(this.connectionEntry).length > 0) {
|
|
93427
|
+
const t = Object.values(this.connectionEntry), e = {
|
|
93416
93428
|
type: "connectivity",
|
|
93417
|
-
|
|
93418
|
-
|
|
93419
|
-
|
|
93429
|
+
source: t[0],
|
|
93430
|
+
target: t[t.length - 1],
|
|
93431
|
+
intermediates: t.slice(1, -1)
|
|
93420
93432
|
};
|
|
93421
|
-
|
|
93422
|
-
e.intermediateIds.push(r);
|
|
93423
|
-
}), this.annotationEntry.body = e;
|
|
93433
|
+
this.annotationEntry.body = e;
|
|
93424
93434
|
}
|
|
93425
93435
|
},
|
|
93426
93436
|
/**
|
|
@@ -94016,8 +94026,8 @@ const Dwe = Owe("main", {
|
|
|
94016
94026
|
createdEvent: void 0,
|
|
94017
94027
|
annotationSubmitted: !1,
|
|
94018
94028
|
inDrawing: !1,
|
|
94019
|
-
|
|
94020
|
-
|
|
94029
|
+
connectionDisplay: !1,
|
|
94030
|
+
connectionEntry: {},
|
|
94021
94031
|
drawnAnnotationFeatures: void 0,
|
|
94022
94032
|
// Store all exist drawn features
|
|
94023
94033
|
doubleClickedFeature: !1,
|
|
@@ -94033,8 +94043,8 @@ const Dwe = Owe("main", {
|
|
|
94033
94043
|
},
|
|
94034
94044
|
computed: {
|
|
94035
94045
|
...Iwe(Dwe, ["userToken"]),
|
|
94036
|
-
|
|
94037
|
-
return Object.keys(this.
|
|
94046
|
+
connection: function() {
|
|
94047
|
+
return Object.keys(this.connectionEntry).length > 0;
|
|
94038
94048
|
}
|
|
94039
94049
|
},
|
|
94040
94050
|
watch: {
|
|
@@ -94058,17 +94068,17 @@ const Dwe = Owe("main", {
|
|
|
94058
94068
|
this.drawIconCssHacks();
|
|
94059
94069
|
},
|
|
94060
94070
|
/**
|
|
94061
|
-
* hide dialog when
|
|
94071
|
+
* hide dialog when connectionEntry is empty
|
|
94062
94072
|
*/
|
|
94063
|
-
|
|
94064
|
-
const e = this.$el.querySelector(".
|
|
94065
|
-
t ? e.classList.remove("inactive") : (this.
|
|
94073
|
+
connection: function(t) {
|
|
94074
|
+
const e = this.$el.querySelector(".drawConnection");
|
|
94075
|
+
t ? e.classList.remove("inactive") : (this.connectionDisplay = !1, e.classList.add("inactive"));
|
|
94066
94076
|
},
|
|
94067
94077
|
/**
|
|
94068
94078
|
* popup dialog via click icon
|
|
94069
94079
|
*/
|
|
94070
|
-
|
|
94071
|
-
const e = this.$el.querySelector(".
|
|
94080
|
+
connectionDisplay: function(t) {
|
|
94081
|
+
const e = this.$el.querySelector(".drawConnection");
|
|
94072
94082
|
t ? (e.classList.add("iconSelected"), this.dialogCssHacks()) : e.classList.remove("iconSelected"), this.drawIconCssHacks();
|
|
94073
94083
|
},
|
|
94074
94084
|
/**
|
|
@@ -94096,7 +94106,7 @@ const Dwe = Owe("main", {
|
|
|
94096
94106
|
mounted: function() {
|
|
94097
94107
|
this.openMapRef = Wa(this.$refs.openMapRef), this.backgroundIconRef = Wa(this.$refs.backgroundIconRef), this.tooltipWait = [], this.tooltipWait.length = this.hoverVisibilities.length, this.mapManager = new sF(this.flatmapAPI), this.flatmapQueries = new jte(), this.flatmapQueries.initialise(this.flatmapAPI), this.state ? this.setStateRequired && this.setState(this.state) : this.renderAtMounted && this.createFlatmap();
|
|
94098
94108
|
}
|
|
94099
|
-
}, Bo = (t) => (_5("data-v-
|
|
94109
|
+
}, Bo = (t) => (_5("data-v-41674482"), t = t(), x5(), t), Bwe = {
|
|
94100
94110
|
class: "flatmap-container",
|
|
94101
94111
|
ref: "flatmapContainer",
|
|
94102
94112
|
"element-loading-text": "Loading...",
|
|
@@ -94240,7 +94250,7 @@ function oEe(t, e, r, n, i, a) {
|
|
|
94240
94250
|
]),
|
|
94241
94251
|
qr(rt("div", eEe, [
|
|
94242
94252
|
Ue(d, {
|
|
94243
|
-
content: "
|
|
94253
|
+
content: "Draw Connection",
|
|
94244
94254
|
placement: "top",
|
|
94245
94255
|
teleported: !1,
|
|
94246
94256
|
trigger: "manual",
|
|
@@ -94251,8 +94261,8 @@ function oEe(t, e, r, n, i, a) {
|
|
|
94251
94261
|
reference: ke(() => [
|
|
94252
94262
|
Ue(Q, {
|
|
94253
94263
|
icon: "connection",
|
|
94254
|
-
class: "icon-button
|
|
94255
|
-
onClick: a.
|
|
94264
|
+
class: "icon-button drawConnection inactive",
|
|
94265
|
+
onClick: a.connectionDialogPopup,
|
|
94256
94266
|
onMouseover: e[11] || (e[11] = (ee) => a.showToolitip(10)),
|
|
94257
94267
|
onMouseout: e[12] || (e[12] = (ee) => a.hideToolitip(10))
|
|
94258
94268
|
}, null, 8, ["onClick"])
|
|
@@ -94938,24 +94948,24 @@ function oEe(t, e, r, n, i, a) {
|
|
|
94938
94948
|
[Sn, t.tooltipDisplay]
|
|
94939
94949
|
]),
|
|
94940
94950
|
qr(Ue(Y, {
|
|
94941
|
-
class: "
|
|
94942
|
-
entry: t.
|
|
94951
|
+
class: "connection-dialog",
|
|
94952
|
+
entry: t.connectionEntry,
|
|
94943
94953
|
drawing: t.inDrawing,
|
|
94944
|
-
|
|
94945
|
-
onDisplay: a.
|
|
94954
|
+
connection: a.connection,
|
|
94955
|
+
onDisplay: a.connectionDialogPopup,
|
|
94946
94956
|
onConfirm: a.confirmDrawnFeature,
|
|
94947
94957
|
onCancel: a.cancelDrawnFeature,
|
|
94948
94958
|
onPopup: a.closePopup,
|
|
94949
|
-
onTooltip: a.
|
|
94950
|
-
}, null, 8, ["entry", "drawing", "
|
|
94951
|
-
[Sn, t.
|
|
94959
|
+
onTooltip: a.displayConnectedFeatureTooltip
|
|
94960
|
+
}, null, 8, ["entry", "drawing", "connection", "onDisplay", "onConfirm", "onCancel", "onPopup", "onTooltip"]), [
|
|
94961
|
+
[Sn, t.connectionDisplay]
|
|
94952
94962
|
])
|
|
94953
94963
|
])
|
|
94954
94964
|
])), [
|
|
94955
94965
|
[ie, t.loading]
|
|
94956
94966
|
]);
|
|
94957
94967
|
}
|
|
94958
|
-
const hF = /* @__PURE__ */ As(Rwe, [["render", oEe], ["__scopeId", "data-v-
|
|
94968
|
+
const hF = /* @__PURE__ */ As(Rwe, [["render", oEe], ["__scopeId", "data-v-41674482"]]), YO = {
|
|
94959
94969
|
"NCBITaxon:10114": "01fedbf9-d783-509c-a10c-827941ab13da",
|
|
94960
94970
|
"NCBITaxon:9823": "a336ac04-24db-561f-a25f-1c994fe17410",
|
|
94961
94971
|
"NCBITaxon:9606": "42ed6323-f645-5fbe-bada-9581819cf689",
|