@abi-software/flatmapvuer 1.12.0-beta.0 → 1.12.0

package/dist/flatmapvuer.js

@@ -2,7 +2,7 @@ import { Loading as Mr, CircleCheck as Bl, CircleClose as _r, Close as ri, Arrow
 import { getCurrentScope as zl, onScopeDispose as Rr, unref as v, getCurrentInstance as ge, onMounted as he, nextTick as ce, ref as x, readonly as Fr, watch as q, warn as Hl, watchEffect as $r, onBeforeUnmount as Ve, inject as G, computed as b, isRef as lt, shallowRef as vo, onBeforeMount as Kl, provide as pe, defineComponent as H, openBlock as w, createElementBlock as L, mergeProps as Nt, renderSlot as K, toRef as Ze, onUnmounted as jl, createBlock as z, Transition as Vn, withCtx as E, withDirectives as ie, createElementVNode as R, normalizeClass as _, normalizeStyle as re, vShow as Ee, Fragment as fe, createVNode as P, reactive as ut, onActivated as Ul, onUpdated as Wl, resolveDynamicComponent as $e, createCommentVNode as V, cloneVNode as ql, Text as Dr, Comment as Gl, Teleport as Jl, onDeactivated as Yl, toDisplayString as ee, useSlots as ko, toRaw as go, withModifiers as le, vModelCheckbox as yo, createTextVNode as Z, toRefs as cn, vModelRadio as Nr, h as Zt, createSlots as Br, resolveComponent as Fe, resolveDirective as Zl, toHandlerKey as Ql, renderList as Ke, withKeys as En, vModelText as Xl, createApp as eu, createStaticVNode as tu, markRaw as Re } from "vue";
 import { MapSvgIcon as nu, MapSvgSpriteColor as ou } from "@abi-software/svg-sprite";
 import { Tooltip as iu, TreeControls as au, DrawToolbar as ru, fetchLabels as su, getFlatmapFilterOptions as lu } from "@abi-software/map-utilities";
-import * as Vr from "https://cdn.jsdelivr.net/npm/@abi-software/flatmap-viewer@4.4.0/+esm";
+import * as Vr from "https://cdn.jsdelivr.net/npm/@abi-software/flatmap-viewer@4.4.1/+esm";
 import { AnnotationService as uu } from "@abi-software/sparc-annotation";
 import { defineStore as cu, mapState as du } from "pinia";
 const it = (e, t, { checkForDefaultPrevented: n = !0 } = {}) => (i) => {
@@ -9610,22 +9610,24 @@ const Ii = new Lb(), Rb = "cannot be found on the map.", Fb = (e) => {
           });
         } else {
           const a = o.join();
-          this.connectionType.toLowerCase() === "all" && this.$emit("neuron-connection-feature-click", {
+          this.connectionType.toLowerCase() === "all" ? this.$emit("neuron-connection-feature-click", {
             filters: [],
             search: a
-          });
-        }
-      } else {
-        Tb(this.mapImp, this.flatmapQueries);
-        let o = [];
-        if (this.tooltipEntry = e.filter((i) => i.resource[0] in this.mapImp.pathways.paths).map((i) => ({ title: i.label, featureId: i.resource, ready: !1 })), this.tooltipEntry.length) {
-          this.$emit("connectivity-info-open", this.tooltipEntry);
-          for (let a = 0; a < e.length; a++)
-            o.push(await this.getKnowledgeTooltip(e[a]));
-          this.tooltipEntry = await Promise.all(o);
-          const i = this.tooltipEntry.map((a) => a.featureId[0]);
-          i.length > 0 && this.displayTooltip(i);
+          }) : await this.openConnectivityInfo(e);
         }
+      } else
+        await this.openConnectivityInfo(e);
+    },
+    openConnectivityInfo: async function(e) {
+      Tb(this.mapImp, this.flatmapQueries);
+      let t = [];
+      if (this.tooltipEntry = e.filter((n) => n.resource[0] in this.mapImp.pathways.paths).map((n) => ({ title: n.label, featureId: n.resource, ready: !1 })), this.tooltipEntry.length) {
+        this.$emit("connectivity-info-open", this.tooltipEntry);
+        for (let o = 0; o < e.length; o++)
+          t.push(await this.getKnowledgeTooltip(e[o]));
+        this.tooltipEntry = await Promise.all(t);
+        const n = this.tooltipEntry.map((o) => o.featureId[0]);
+        n.length > 0 && this.displayTooltip(n);
       }
     },
     /**
@@ -11313,7 +11315,7 @@ function Gb(e, t, n, o, i, a) {
     [B, e.loading]
   ]);
 }
-const wl = /* @__PURE__ */ Kt($b, [["render", Gb], ["__scopeId", "data-v-ba0755eb"]]), Or = {
+const wl = /* @__PURE__ */ Kt($b, [["render", Gb], ["__scopeId", "data-v-b1c18844"]]), Or = {
   "NCBITaxon:10114": "01fedbf9-d783-509c-a10c-827941ab13da",
   "NCBITaxon:9823": "a336ac04-24db-561f-a25f-1c994fe17410",
   "NCBITaxon:9606": "42ed6323-f645-5fbe-bada-9581819cf689",
@@ -11347,48 +11349,69 @@ const wl = /* @__PURE__ */ Kt($b, [["render", Gb], ["__scopeId", "data-v-ba0755e
      */
     initialise: function() {
       return this.multiflatmapError = null, new Promise((e) => {
-        this.requireInitialisation ? (this.requireInitialisation = !1, fetch(this.flatmapAPI).then((t) => t.json()).then((t) => {
-          t.status_code === 404 && (console.error("Flatmap API endpoint is incorrect", t), this.multiflatmapError = {}, this.multiflatmapError.title = "MultiFlatmap Error!", this.multiflatmapError.messages = [
-            `Sorry, the component could not be loaded because the specified
+        if (this.requireInitialisation) {
+          this.requireInitialisation = !1;
+          const t = new AbortController(), n = t.signal, o = setTimeout(() => t.abort(), 5e3);
+          fetch(this.flatmapAPI, { signal: n }).then((i) => {
+            if (!i.ok) {
+              if (i.status === 404)
+                return this.multiflatmapError = {}, this.multiflatmapError.title = "MultiFlatmap Error!", this.multiflatmapError.messages = [
+                  `Sorry, the component could not be loaded because the specified
+                    flatmap API endpoint is incorrect. Please check the endpoint URL
+                    or contact support if the problem persists.`
+                ], this.initialised = !0, e(), this.resolveList.forEach((a) => a()), Promise.reject({ handled: !0 });
+              throw new Error(`HTTP ${i.status}: ${i.statusText}`);
+            }
+            return i.json();
+          }).then((i) => {
+            if (i && i.status_code === 404) {
+              console.error("Flatmap API endpoint is incorrect", i), this.multiflatmapError = {}, this.multiflatmapError.title = "MultiFlatmap Error!", this.multiflatmapError.messages = [
+                `Sorry, the component could not be loaded because the specified
                   flatmap API endpoint is incorrect. Please check the endpoint URL
                   or contact support if the problem persists.`
-          ]), Object.keys(this.availableSpecies).forEach((o) => {
-            const i = this.availableSpecies[o].uuid;
-            if (i && t.length && t.map((a) => a.uuid).indexOf(i) > 0)
-              this.speciesList[o] = this.availableSpecies[o];
-            else
-              for (let a = 0; a < t.length; a++)
-                if (this.availableSpecies[o].taxo === t[a].taxon)
-                  if (this.availableSpecies[o].biologicalSex) {
-                    if (t[a].biologicalSex && t[a].biologicalSex === this.availableSpecies[o].biologicalSex) {
-                      this.speciesList[o] = this.availableSpecies[o];
+              ], this.initialised = !0, e(), this.resolveList.forEach((r) => r());
+              return;
+            }
+            Object.keys(this.availableSpecies).forEach((r) => {
+              const s = this.availableSpecies[r].uuid;
+              if (s && i.length && i.map((l) => l.uuid).indexOf(s) > 0)
+                this.speciesList[r] = this.availableSpecies[r];
+              else
+                for (let l = 0; l < i.length; l++)
+                  if (this.availableSpecies[r].taxo === i[l].taxon)
+                    if (this.availableSpecies[r].biologicalSex) {
+                      if (i[l].biologicalSex && i[l].biologicalSex === this.availableSpecies[r].biologicalSex) {
+                        this.speciesList[r] = this.availableSpecies[r];
+                        break;
+                      }
+                    } else {
+                      this.speciesList[r] = this.availableSpecies[r];
                       break;
                     }
-                  } else {
-                    this.speciesList[o] = this.availableSpecies[o];
-                    break;
-                  }
-          });
-          let n = this.initial;
-          if (this.state) {
-            const o = this.state.state;
-            (!o || !o.uuid && !o.entry) && this.state.species ? n = this.state.species : n = void 0;
-          }
-          n && (n && this.speciesList[n] !== void 0 ? this.activeSpecies = n : this.activeSpecies = Object.keys(this.speciesList)[0], this.setSpecies(
-            this.activeSpecies,
-            this.state ? this.state.state : void 0,
-            5
-          )), this.initialised = !0, e(), this.resolveList.forEach((o) => {
-            o();
-          });
-        }).catch((t) => {
-          console.error("Error fetching flatmap:", t), this.initialised = !0, this.multiflatmapError = {}, this.multiflatmapError.title = "MultiFlatmap Error!", this.multiflatmapError.messages = [
-            `Sorry, the component could not be loaded due to an unexpected error.
+            });
+            let a = this.initial;
+            if (this.state) {
+              const r = this.state.state;
+              (!r || !r.uuid && !r.entry) && this.state.species ? a = this.state.species : a = void 0;
+            }
+            a && (a && this.speciesList[a] !== void 0 ? this.activeSpecies = a : this.activeSpecies = Object.keys(this.speciesList)[0], this.setSpecies(
+              this.activeSpecies,
+              this.state ? this.state.state : void 0,
+              5
+            )), this.initialised = !0, e(), this.resolveList.forEach((r) => {
+              r();
+            });
+          }).catch((i) => {
+            i && i.handled || (console.error("Error fetching flatmap:", i), this.initialised = !0, this.multiflatmapError = {}, this.multiflatmapError.title = "MultiFlatmap Error!", this.multiflatmapError.messages = [
+              `Sorry, the component could not be loaded due to an unexpected error.
                 Please try again later or contact support if the problem persists.`
-          ], e(), this.resolveList.forEach((n) => {
-            n();
+            ], e(), this.resolveList.forEach((a) => {
+              a();
+            }));
+          }).finally(() => {
+            clearTimeout(o);
           });
-        })) : this.initialised ? e() : this.resolveList.push(e);
+        } else this.initialised ? e() : this.resolveList.push(e);
       });
     },
     /**
@@ -12038,7 +12061,7 @@ function Xb(e, t, n, o, i, a) {
     }, null, 8, ["flatmapError"])) : V("", !0)
   ], 512);
 }
-const r0 = /* @__PURE__ */ Kt(Jb, [["render", Xb], ["__scopeId", "data-v-7b90a46d"]]);
+const r0 = /* @__PURE__ */ Kt(Jb, [["render", Xb], ["__scopeId", "data-v-1a5d097a"]]);
 export {
   wl as FlatmapVuer,
   r0 as MultiFlatmapVuer