@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.
@@ -10607,7 +10607,7 @@ const _v = function(t = {}) {
10607
10607
  r[n] = i;
10608
10608
  return r;
10609
10609
  }, _ee = {
10610
- name: "RelevanceDialog",
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
- relevance: {
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
- relevance: function() {
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-acd4f6d6"), t = t(), x5(), t), bee = { class: "dialog-container" }, Lee = {
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 relevance")),
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.relevance ? (Ee(), Nt(h, { key: 0 }, {
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(p)
10728
+ onClick: (y) => a.handleTooltipOpen(v)
10729
10729
  }, {
10730
10730
  default: ke(() => [
10731
- rt("span", null, Ir(a.capitalise(v)), 1)
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
- p === t.tooltipId ? (Ee(), Nt(s, {
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-acd4f6d6"]]), See = {
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-bb5defc8"), 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, "Evidvence:", -1)), Tte = /* @__PURE__ */ w5(() => /* @__PURE__ */ rt("strong", null, "Comment:", -1)), Qte = { class: "sub-title" };
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-bb5defc8"]]), mte = {
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, Q2, ls, S4;
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), Q2.set(this, null), ls.set(
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 A Promise with data about the call.
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 The Api token of the logged-in Pennsieve user
92445
- * @param resourceId The resource's identifier
92446
- * @return A Promise resolving to either a list of
92447
- * identifiers of annotated items or a reason
92448
- * why identifiers couldn't be retrieved.
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 n = await J1(this, a3, "m", S4).call(this, e, "items/", "GET", {
92452
+ async annotatedItemIds(e, r, n, i) {
92453
+ const a = {
92452
92454
  resource: r
92453
- });
92454
- return "error" in n ? Promise.resolve(J1(this, Q2, "f")) : Promise.resolve(n);
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 n = await J1(this, a3, "m", S4).call(this, e, "features/", "GET", {
92469
+ async drawnFeatures(e, r, n) {
92470
+ const i = {
92467
92471
  resource: r
92468
- });
92469
- return "error" in n ? Promise.resolve(J1(this, Q2, "f")) : Promise.resolve(n);
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(), Q2 = /* @__PURE__ */ new WeakMap(), ls = /* @__PURE__ */ new WeakMap(), a3 = /* @__PURE__ */ new WeakSet(), S4 = async function(e, r, n = "GET", i = {}) {
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
- displayRelevantFeatureTooltip: function(t) {
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.relevanceEntry).length > 0 && (this.annotationEntry.feature.relevance = this.relevanceEntry), this.initialiseDrawing());
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.relevanceDisplay = !1, this.relevanceEntry = {};
92996
+ this.connectionDisplay = !1, this.connectionEntry = {};
92991
92997
  },
92992
- relevanceDialogPopup: function() {
92993
- !this.$el.querySelector(".drawRelevance").classList.contains("inactive") && !this.inDrawing && (this.closePopup(), this.relevanceDisplay = !this.relevanceDisplay);
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.relevanceDisplay) {
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.relevanceDisplay = !0 : this.initialiseDrawing() : e.feature.mode === "direct_select" && (this.doubleClickedFeature = !0);
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.relevance && (this.relevanceEntry = i.relevance), this.drawModeEvent(n);
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.relevanceDisplay) {
93368
- let d = e.label ? e.label : `*${e.id}`;
93369
- d && this.activeDrawTool === "LineString" && (this.relevanceEntry[d] = e.featureId);
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(".relevance-dialog");
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.relevanceDisplay) && (this.drawnTypes.map((t) => {
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.relevanceDisplay) && (this.activeDrawMode && this.$el.querySelector(`.draw${this.activeDrawMode}`).classList.add("iconSelected"), this.drawnTypes.map((t) => {
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.relevanceEntry).length > 0) {
93415
- const t = Object.values(this.relevanceEntry), e = {
93426
+ if (Object.keys(this.connectionEntry).length > 0) {
93427
+ const t = Object.values(this.connectionEntry), e = {
93416
93428
  type: "connectivity",
93417
- sourceId: t[0],
93418
- targetId: t[t.length - 1],
93419
- intermediateIds: []
93429
+ source: t[0],
93430
+ target: t[t.length - 1],
93431
+ intermediates: t.slice(1, -1)
93420
93432
  };
93421
- t.length > 2 && t.slice(1, -1).forEach((r) => {
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
- relevanceDisplay: !1,
94020
- relevanceEntry: {},
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
- relevance: function() {
94037
- return Object.keys(this.relevanceEntry).length > 0;
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 relevanceEntry is empty
94071
+ * hide dialog when connectionEntry is empty
94062
94072
  */
94063
- relevance: function(t) {
94064
- const e = this.$el.querySelector(".drawRelevance");
94065
- t ? e.classList.remove("inactive") : (this.relevanceDisplay = !1, e.classList.add("inactive"));
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
- relevanceDisplay: function(t) {
94071
- const e = this.$el.querySelector(".drawRelevance");
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-aca187ee"), t = t(), x5(), t), Bwe = {
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: "Relevance",
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 drawRelevance inactive",
94255
- onClick: a.relevanceDialogPopup,
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: "relevance-dialog",
94942
- entry: t.relevanceEntry,
94951
+ class: "connection-dialog",
94952
+ entry: t.connectionEntry,
94943
94953
  drawing: t.inDrawing,
94944
- relevance: a.relevance,
94945
- onDisplay: a.relevanceDialogPopup,
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.displayRelevantFeatureTooltip
94950
- }, null, 8, ["entry", "drawing", "relevance", "onDisplay", "onConfirm", "onCancel", "onPopup", "onTooltip"]), [
94951
- [Sn, t.relevanceDisplay]
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-aca187ee"]]), YO = {
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",