@abi-software/flatmapvuer 1.12.0-beta.1 → 1.12.1

package/dist/flatmapvuer.js

@@ -1,8 +1,8 @@
 import { Loading as Mr, CircleCheck as Bl, CircleClose as _r, Close as ri, ArrowDown as ki, Warning as xr, DocumentDelete as Vl, WarningFilled as Pr, ArrowLeft as Lr } from "@element-plus/icons-vue";
-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 { 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 ne, 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.1/+esm";
+import * as Vr from "https://cdn.jsdelivr.net/npm/@abi-software/flatmap-viewer@4.4.3/+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) => {
@@ -1507,7 +1507,7 @@ const Bp = (e) => (t, n) => Vp(t, n, v(e)), Vp = (e, t, n) => at(n, e, e).replac
 }, ps = Symbol("namespaceContextKey"), $i = (e) => {
   const t = e || (ge() ? G(ps, x(Mn)) : x(Mn));
   return b(() => v(t) || Mn);
-}, te = (e, t) => {
+}, ee = (e, t) => {
   const n = $i(t);
   return {
     namespace: n,
@@ -1539,7 +1539,7 @@ const Bp = (e) => (t, n) => Vp(t, n, v(e)), Vp = (e, t, n) => at(n, e, e).replac
   };
 }, Kp = (e, t = {}) => {
   lt(e) || ls("[useLockscreen]", "You need to pass a ref param to this function");
-  const n = t.ns || te("popup"), o = b(() => n.bm("parent", "hidden"));
+  const n = t.ns || ee("popup"), o = b(() => n.bm("parent", "hidden"));
   if (!se || Ga(document.body, o.value))
     return;
   let i = 0, a = !1, r = "0";
@@ -1950,10 +1950,10 @@ function Ah(e) {
     for (var i = n.mainAxis, a = i === void 0 ? !0 : i, r = n.altAxis, s = r === void 0 ? !0 : r, l = n.fallbackPlacements, u = n.padding, c = n.boundary, d = n.rootBoundary, f = n.altBoundary, m = n.flipVariations, p = m === void 0 ? !0 : m, h = n.allowedAutoPlacements, g = t.options.placement, y = Qe(g), C = y === g, O = l || (C || !p ? [ho(g)] : Th(g)), T = [g].concat(O).reduce(function(Je, Ce) {
       return Je.concat(Qe(Ce) === Di ? kh(t, { placement: Ce, boundary: c, rootBoundary: d, padding: u, flipVariations: p, allowedAutoPlacements: h }) : Ce);
     }, []), I = t.rects.reference, k = t.rects.popper, A = /* @__PURE__ */ new Map(), $ = !0, N = T[0], j = 0; j < T.length; j++) {
-      var B = T[j], M = Qe(B), W = ln(B) === on, de = [Te, Ne].indexOf(M) >= 0, Y = de ? "width" : "height", D = Nn(t, { placement: B, boundary: c, rootBoundary: d, altBoundary: f, padding: u }), ne = de ? W ? Be : Ae : W ? Ne : Te;
-      I[Y] > k[Y] && (ne = ho(ne));
-      var Le = ho(ne), ye = [];
-      if (a && ye.push(D[M] <= 0), s && ye.push(D[ne] <= 0, D[Le] <= 0), ye.every(function(Je) {
+      var B = T[j], M = Qe(B), W = ln(B) === on, de = [Te, Ne].indexOf(M) >= 0, Y = de ? "width" : "height", D = Nn(t, { placement: B, boundary: c, rootBoundary: d, altBoundary: f, padding: u }), te = de ? W ? Be : Ae : W ? Ne : Te;
+      I[Y] > k[Y] && (te = ho(te));
+      var Le = ho(te), ye = [];
+      if (a && ye.push(D[M] <= 0), s && ye.push(D[te] <= 0, D[Le] <= 0), ye.every(function(Je) {
         return Je;
       })) {
         N = B, $ = !1;
@@ -2013,8 +2013,8 @@ function $h(e) {
   var t = e.state, n = e.options, o = e.name, i = n.mainAxis, a = i === void 0 ? !0 : i, r = n.altAxis, s = r === void 0 ? !1 : r, l = n.boundary, u = n.rootBoundary, c = n.altBoundary, d = n.padding, f = n.tether, m = f === void 0 ? !0 : f, p = n.tetherOffset, h = p === void 0 ? 0 : p, g = Nn(t, { boundary: l, rootBoundary: u, padding: d, altBoundary: c }), y = Qe(t.placement), C = ln(t.placement), O = !C, T = Vi(y), I = Fh(T), k = t.modifiersData.popperOffsets, A = t.rects.reference, $ = t.rects.popper, N = typeof h == "function" ? h(Object.assign({}, t.rects, { placement: t.placement })) : h, j = typeof N == "number" ? { mainAxis: N, altAxis: N } : Object.assign({ mainAxis: 0, altAxis: 0 }, N), B = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, M = { x: 0, y: 0 };
   if (k) {
     if (a) {
-      var W, de = T === "y" ? Te : Ae, Y = T === "y" ? Ne : Be, D = T === "y" ? "height" : "width", ne = k[T], Le = ne + g[de], ye = ne - g[Y], be = m ? -$[D] / 2 : 0, _e = C === on ? A[D] : $[D], Ge = C === on ? -$[D] : -A[D], jt = t.elements.arrow, Je = m && jt ? Bi(jt) : { width: 0, height: 0 }, Ce = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ys(), ue = Ce[de], Tt = Ce[Y], ht = _n(0, A[D], Je[D]), Gn = O ? A[D] / 2 - be - ht - ue - j.mainAxis : _e - ht - ue - j.mainAxis, Jn = O ? -A[D] / 2 + be + ht + Tt + j.mainAxis : Ge + ht + Tt + j.mainAxis, mn = t.elements.arrow && jn(t.elements.arrow), Ho = mn ? T === "y" ? mn.clientTop || 0 : mn.clientLeft || 0 : 0, Yn = (W = B == null ? void 0 : B[T]) != null ? W : 0, Ko = ne + Gn - Yn - Ho, jo = ne + Jn - Yn, At = _n(m ? Co(Le, Ko) : Le, ne, m ? Rt(ye, jo) : ye);
-      k[T] = At, M[T] = At - ne;
+      var W, de = T === "y" ? Te : Ae, Y = T === "y" ? Ne : Be, D = T === "y" ? "height" : "width", te = k[T], Le = te + g[de], ye = te - g[Y], be = m ? -$[D] / 2 : 0, _e = C === on ? A[D] : $[D], Ge = C === on ? -$[D] : -A[D], jt = t.elements.arrow, Je = m && jt ? Bi(jt) : { width: 0, height: 0 }, Ce = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ys(), ue = Ce[de], Tt = Ce[Y], ht = _n(0, A[D], Je[D]), Gn = O ? A[D] / 2 - be - ht - ue - j.mainAxis : _e - ht - ue - j.mainAxis, Jn = O ? -A[D] / 2 + be + ht + Tt + j.mainAxis : Ge + ht + Tt + j.mainAxis, mn = t.elements.arrow && jn(t.elements.arrow), Ho = mn ? T === "y" ? mn.clientTop || 0 : mn.clientLeft || 0 : 0, Yn = (W = B == null ? void 0 : B[T]) != null ? W : 0, Ko = te + Gn - Yn - Ho, jo = te + Jn - Yn, At = _n(m ? Co(Le, Ko) : Le, te, m ? Rt(ye, jo) : ye);
+      k[T] = At, M[T] = At - te;
     }
     if (s) {
       var vn, Ut = T === "x" ? Te : Ae, Zn = T === "x" ? Ne : Be, nt = k[I], Wt = I === "y" ? "height" : "width", gn = nt + g[Ut], Qn = nt - g[Zn], Ot = [Te, Ae].indexOf(y) !== -1, yn = (vn = B == null ? void 0 : B[I]) != null ? vn : 0, bn = Ot ? gn : nt - A[Wt] - $[Wt] - yn + j.altAxis, wn = Ot ? nt + A[Wt] + $[Wt] - yn - j.altAxis : Qn, Sn = m && Ot ? uh(bn, nt, wn) : _n(m ? bn : gn, nt, m ? wn : Qn);
@@ -2447,7 +2447,7 @@ function $o(e, t = void 0) {
   }) : n;
 }
 function hm(e, t) {
-  const n = $o(), o = te(e, b(() => {
+  const n = $o(), o = ee(e, b(() => {
     var s;
     return ((s = n.value) == null ? void 0 : s.namespace) || Mn;
   })), i = Fi(b(() => {
@@ -2510,7 +2510,7 @@ const gm = Q({
   ...ym,
   props: gm,
   setup(e) {
-    const t = e, n = te("icon"), o = b(() => {
+    const t = e, n = ee("icon"), o = b(() => {
       const { size: i, color: a } = t;
       return !i && !a ? {} : {
         fontSize: Ct(i) ? void 0 : $t(i),
@@ -2602,7 +2602,7 @@ const We = Me(wm), Wi = Symbol("formContextKey"), Io = Symbol("formItemContextKe
   __name: "thumb",
   props: Em,
   setup(e) {
-    const t = e, n = G(qi), o = te("scrollbar");
+    const t = e, n = G(qi), o = ee("scrollbar");
     n || ls(Im, "can not inject scrollbar context");
     const i = x(), a = x(), r = x({}), s = x(!1);
     let l = !1, u = !1, c = se ? document.onselectstart : null;
@@ -2776,7 +2776,7 @@ const Mm = Q({
   props: Mm,
   emits: _m,
   setup(e, { expose: t, emit: n }) {
-    const o = e, i = te("scrollbar");
+    const o = e, i = ee("scrollbar");
     let a, r, s = 0, l = 0;
     const u = x(), c = x(), d = x(), f = x(), m = b(() => {
       const I = {};
@@ -2919,7 +2919,7 @@ const Ds = Q({
   ...Bm,
   props: Ds,
   setup(e, { expose: t }) {
-    const n = e, o = te("popper"), { arrowOffset: i, arrowRef: a, arrowStyle: r } = G(Fs, void 0);
+    const n = e, o = ee("popper"), { arrowOffset: i, arrowRef: a, arrowStyle: r } = G(Fs, void 0);
     return q(() => n.arrowOffset, (s) => {
       i.value = s;
     }), Ve(() => {
@@ -2978,7 +2978,7 @@ function Ns(e) {
   return null;
 }
 function dr(e) {
-  const t = te("only-child");
+  const t = ee("only-child");
   return P("span", {
     class: t.e("content")
   }, [e]);
@@ -3487,7 +3487,7 @@ const cv = 0, dv = (e) => {
   styles: n,
   role: o
 }) => {
-  const { nextZIndex: i } = Ui(), a = te("popper"), r = b(() => v(t).popper), s = x(me(e.zIndex) ? e.zIndex : i()), l = b(() => [
+  const { nextZIndex: i } = Ui(), a = ee("popper"), r = b(() => v(t).popper), s = x(me(e.zIndex) ? e.zIndex : i()), l = b(() => [
     a.b(),
     a.is("pure", e.pure),
     a.is(e.effect),
@@ -3576,12 +3576,12 @@ const cv = 0, dv = (e) => {
       q(() => o.triggerTargetEl, (W, de) => {
         j == null || j(), j = void 0;
         const Y = v(W || m.value), D = v(de || m.value);
-        Lt(Y) && (j = q([g, () => o.ariaLabel, C, () => o.id], (ne) => {
+        Lt(Y) && (j = q([g, () => o.ariaLabel, C, () => o.id], (te) => {
           ["role", "aria-label", "aria-modal", "id"].forEach((Le, ye) => {
-            Po(ne[ye]) ? Y.removeAttribute(Le) : Y.setAttribute(Le, ne[ye]);
+            Po(te[ye]) ? Y.removeAttribute(Le) : Y.setAttribute(Le, te[ye]);
           });
-        }, { immediate: !0 })), D !== Y && Lt(D) && ["role", "aria-label", "aria-modal", "id"].forEach((ne) => {
-          D.removeAttribute(ne);
+        }, { immediate: !0 })), D !== Y && Lt(D) && ["role", "aria-label", "aria-modal", "id"].forEach((te) => {
+          D.removeAttribute(te);
         });
       }, { immediate: !0 }), q(() => o.visible, M, { immediate: !0 });
     }), Ve(() => {
@@ -3685,7 +3685,7 @@ const gv = Me(Nm), Zi = Symbol("elTooltip"), Pe = Q({
   ...Iv,
   props: Bn,
   setup(e, { expose: t }) {
-    const n = e, o = te("tooltip"), { controlled: i, id: a, open: r, onOpen: s, onClose: l, onToggle: u } = G(Zi, void 0), c = x(null), d = () => {
+    const n = e, o = ee("tooltip"), { controlled: i, id: a, open: r, onOpen: s, onClose: l, onToggle: u } = G(Zi, void 0), c = x(null), d = () => {
       if (v(i) || n.disabled)
         return !0;
     }, f = Ze(n, "trigger"), m = it(d, Jt(f, "hover", s)), p = it(d, Jt(f, "hover", l)), h = it(d, Jt(f, "click", (T) => {
@@ -3746,7 +3746,7 @@ const js = Me(Mv), _v = H({
   ..._v,
   props: Pe,
   setup(e, { expose: t }) {
-    const n = e, { selector: o } = Os(), i = te("tooltip"), a = x(null);
+    const n = e, { selector: o } = Os(), i = ee("tooltip"), a = x(null);
     let r;
     const {
       controlled: s,
@@ -3776,8 +3776,8 @@ const js = Me(Mv), _v = H({
     }), B = it(N, () => {
       v(c) === "hover" && d();
     }), M = () => {
-      var D, ne;
-      (ne = (D = a.value) == null ? void 0 : D.updatePopper) == null || ne.call(D), h == null || h();
+      var D, te;
+      (te = (D = a.value) == null ? void 0 : D.updatePopper) == null || te.call(D), h == null || h();
     }, W = () => {
       g == null || g();
     }, de = () => {
@@ -3797,11 +3797,11 @@ const js = Me(Mv), _v = H({
     }, {
       flush: "post"
     }), q(() => n.content, () => {
-      var D, ne;
-      (ne = (D = a.value) == null ? void 0 : D.updatePopper) == null || ne.call(D);
+      var D, te;
+      (te = (D = a.value) == null ? void 0 : D.updatePopper) == null || te.call(D);
     }), t({
       contentRef: a
-    }), (D, ne) => (w(), z(v(js), {
+    }), (D, te) => (w(), z(v(js), {
       disabled: !D.teleported,
       to: v(I)
     }, {
@@ -3978,7 +3978,7 @@ const Lv = H({
               y.rawContent ? (w(), L("span", {
                 key: 0,
                 innerHTML: y.content
-              }, null, 8, ["innerHTML"])) : (w(), L("span", { key: 1 }, ee(y.content), 1))
+              }, null, 8, ["innerHTML"])) : (w(), L("span", { key: 1 }, ne(y.content), 1))
             ]),
             y.showArrow ? (w(), z(v(zm), {
               key: 0,
@@ -4600,7 +4600,7 @@ function vt(e, t = 20) {
   return e.mix("#141414", t).toString();
 }
 function Xv(e) {
-  const t = Do(), n = te("button");
+  const t = Do(), n = ee("button");
   return b(() => {
     let o = {}, i = e.color;
     if (i) {
@@ -4646,7 +4646,7 @@ const eg = H({
   props: yi,
   emits: Bv,
   setup(e, { expose: t, emit: n }) {
-    const o = e, i = Xv(o), a = te("button"), { _ref: r, _size: s, _type: l, _disabled: u, _props: c, shouldAddSpace: d, handleClick: f } = $v(o, n), m = b(() => [
+    const o = e, i = Xv(o), a = ee("button"), { _ref: r, _size: s, _type: l, _disabled: u, _props: c, shouldAddSpace: d, handleClick: f } = $v(o, n), m = b(() => [
       a.b(),
       a.m(l.value),
       a.m(s.value),
@@ -4716,7 +4716,7 @@ const og = {
       size: Ze(t, "size"),
       type: Ze(t, "type")
     }));
-    const n = te("button");
+    const n = ee("button");
     return (o, i) => (w(), L("div", {
       class: _(v(n).b("group"))
     }, [
@@ -4978,7 +4978,7 @@ const lg = {
       actualValue: d,
       handleChange: f,
       onClickRoot: m
-    } = Zs(t, n), p = te("checkbox"), h = b(() => [
+    } = Zs(t, n), p = ee("checkbox"), h = b(() => [
       p.b(),
       p.m(l.value),
       p.is("disabled", r.value),
@@ -5050,7 +5050,7 @@ const lg = {
           }, [
             K(y.$slots, "default"),
             y.$slots.default ? V("v-if", !0) : (w(), L(fe, { key: 0 }, [
-              Z(ee(y.label), 1)
+              Z(ne(y.label), 1)
             ], 64))
           ], 2)) : V("v-if", !0)
         ];
@@ -5075,7 +5075,7 @@ const vg = H({
       model: s,
       actualValue: l,
       handleChange: u
-    } = Zs(t, n), c = G(hn, void 0), d = te("checkbox"), f = b(() => {
+    } = Zs(t, n), c = G(hn, void 0), d = ee("checkbox"), f = b(() => {
       var p, h, g, y;
       const C = (h = (p = c == null ? void 0 : c.fill) == null ? void 0 : p.value) != null ? h : "";
       return {
@@ -5136,7 +5136,7 @@ const vg = H({
           style: re(v(i) ? v(f) : void 0)
         }, [
           K(p.$slots, "default", {}, () => [
-            Z(ee(p.label), 1)
+            Z(ne(p.label), 1)
           ])
         ], 6)) : V("v-if", !0)
       ], 2);
@@ -5174,7 +5174,7 @@ const yg = Q({
   props: yg,
   emits: bg,
   setup(e, { emit: t }) {
-    const n = e, o = te("checkbox"), { formItem: i } = pn(), { inputId: a, isLabeledByFormItem: r } = No(n, {
+    const n = e, o = ee("checkbox"), { formItem: i } = pn(), { inputId: a, isLabeledByFormItem: r } = No(n, {
       formItemContext: i
     }), s = async (u) => {
       t(we, u), await ce(), t("change", u);
@@ -5281,7 +5281,7 @@ const tl = zt(Xs), nl = Q({
   props: Cg,
   emits: ol,
   setup(e, { emit: t }) {
-    const n = e, o = te("radio"), { radioRef: i, radioGroup: a, focus: r, size: s, disabled: l, modelValue: u, actualValue: c } = al(n, t);
+    const n = e, o = ee("radio"), { radioRef: i, radioGroup: a, focus: r, size: s, disabled: l, modelValue: u, actualValue: c } = al(n, t);
     function d() {
       ce(() => t("change", u.value));
     }
@@ -5332,7 +5332,7 @@ const tl = zt(Xs), nl = Q({
           }, ["stop"])
         }, [
           K(f.$slots, "default", {}, () => [
-            Z(ee(f.label), 1)
+            Z(ne(f.label), 1)
           ])
         ], 42, ["onKeydown"])
       ], 2);
@@ -5348,7 +5348,7 @@ const Tg = Q({
   ...Ag,
   props: Tg,
   setup(e) {
-    const t = e, n = te("radio"), { radioRef: o, focus: i, size: a, disabled: r, modelValue: s, radioGroup: l, actualValue: u } = al(t), c = b(() => ({
+    const t = e, n = ee("radio"), { radioRef: o, focus: i, size: a, disabled: r, modelValue: s, radioGroup: l, actualValue: u } = al(t), c = b(() => ({
       backgroundColor: (l == null ? void 0 : l.fill) || "",
       borderColor: (l == null ? void 0 : l.fill) || "",
       boxShadow: l != null && l.fill ? `-1px 0 0 0 ${l.fill}` : "",
@@ -5388,7 +5388,7 @@ const Tg = Q({
           }, ["stop"])
         }, [
           K(d.$slots, "default", {}, () => [
-            Z(ee(d.label), 1)
+            Z(ne(d.label), 1)
           ])
         ], 46, ["onKeydown"])
       ], 2);
@@ -5431,7 +5431,7 @@ const Mg = Q({
   props: Mg,
   emits: _g,
   setup(e, { emit: t }) {
-    const n = e, o = te("radio"), i = Dt(), a = x(), { formItem: r } = pn(), { inputId: s, isLabeledByFormItem: l } = No(n, {
+    const n = e, o = ee("radio"), i = Dt(), a = x(), { formItem: r } = pn(), { inputId: s, isLabeledByFormItem: l } = No(n, {
       formItemContext: r
     }), u = (d) => {
       t(we, d), ce(() => t("change", d));
@@ -5496,7 +5496,7 @@ const wi = Q({
   props: wi,
   emits: Lg,
   setup(e, { emit: t }) {
-    const n = e, o = un(), i = te("tag"), a = b(() => {
+    const n = e, o = un(), i = ee("tag"), a = b(() => {
       const { type: u, hit: c, effect: d, closable: f, round: m } = n;
       return [
         i.b(),
@@ -5600,7 +5600,7 @@ const Dg = Me($g), cl = Symbol("rowContextKey"), Ng = [
   ...zg,
   props: Vg,
   setup(e) {
-    const t = e, n = te("row"), o = b(() => t.gutter);
+    const t = e, n = ee("row"), o = b(() => t.gutter);
     pe(cl, {
       gutter: o
     });
@@ -5671,7 +5671,7 @@ const Un = Me(Kg), jg = Q({
   ...Ug,
   props: jg,
   setup(e) {
-    const t = e, { gutter: n } = G(cl, { gutter: b(() => 0) }), o = te("col"), i = b(() => {
+    const t = e, { gutter: n } = G(cl, { gutter: b(() => 0) }), o = ee("col"), i = b(() => {
       const r = {};
       return n.value && (r.paddingLeft = r.paddingRight = `${n.value / 2}px`), r;
     }), a = b(() => {
@@ -5721,7 +5721,7 @@ var Zg = H({
   props: Gg,
   emits: Jg,
   setup(e, { slots: t, emit: n }) {
-    const o = te(Yg), i = (l) => {
+    const o = ee(Yg), i = (l) => {
       n("click", l);
     }, { onClick: a, onMousedown: r, onMouseup: s } = Ts(e.customMaskEvent ? void 0 : i);
     return () => e.mask ? P("div", {
@@ -5798,7 +5798,7 @@ const Qg = Zg, dl = Symbol("dialogInjectionKey"), fl = Q({
             role: "heading",
             "aria-level": g.ariaLevel,
             class: _(v(l).e("title"))
-          }, ee(g.title), 11, ["aria-level"])
+          }, ne(g.title), 11, ["aria-level"])
         ]),
         g.showClose ? (w(), L("button", {
           key: 0,
@@ -5991,7 +5991,7 @@ const oy = Q({
       version: "3.0.0",
       ref: "https://element-plus.org/en-US/component/dialog.html#slots"
     }, b(() => !!o.title));
-    const i = te("dialog"), a = x(), r = x(), s = x(), {
+    const i = ee("dialog"), a = x(), r = x(), s = x(), {
       visible: l,
       titleId: u,
       bodyId: c,
@@ -6311,7 +6311,7 @@ const by = H({
     disabled: Boolean
   },
   setup(e) {
-    const t = te("select"), n = Dt(), o = b(() => [
+    const t = ee("select"), n = Dt(), o = b(() => [
       t.be("dropdown", "item"),
       t.is("disabled", v(s)),
       t.is("selected", v(r)),
@@ -6366,7 +6366,7 @@ function wy(e, t, n, o, i, a) {
     onClick: le(e.selectOptionClick, ["stop"])
   }, [
     K(e.$slots, "default", {}, () => [
-      R("span", null, ee(e.currentLabel), 1)
+      R("span", null, ne(e.currentLabel), 1)
     ])
   ], 42, ["id", "aria-disabled", "aria-selected", "onMouseenter", "onClick"])), [
     [Ee, e.visible]
@@ -6377,7 +6377,7 @@ const Sy = H({
   name: "ElSelectDropdown",
   componentName: "ElSelectDropdown",
   setup() {
-    const e = G(Vo), t = te("select"), n = b(() => e.props.popperClass), o = b(() => e.props.multiple), i = b(() => e.props.fitInputWidth), a = x("");
+    const e = G(Vo), t = ee("select"), n = b(() => e.props.popperClass), o = b(() => e.props.multiple), i = b(() => e.props.fitInputWidth), a = x("");
     function r() {
       var s;
       a.value = `${(s = e.selectRef) == null ? void 0 : s.offsetWidth}px`;
@@ -6415,7 +6415,7 @@ function Cy(e, t, n, o, i, a) {
 }
 var Ey = /* @__PURE__ */ X(Sy, [["render", Cy], ["__file", "select-dropdown.vue"]]);
 const Iy = 11, ky = (e, t) => {
-  const { t: n } = Fi(), o = Dt(), i = te("select"), a = te("input"), r = ut({
+  const { t: n } = Fi(), o = Dt(), i = ee("select"), a = ee("input"), r = ut({
     inputValue: "",
     options: /* @__PURE__ */ new Map(),
     cachedOptions: /* @__PURE__ */ new Map(),
@@ -6454,7 +6454,7 @@ const Iy = 11, ky = (e, t) => {
     }
   }), N = x(!1), j = x(), { form: B, formItem: M } = pn(), { inputId: W } = No(e, {
     formItemContext: M
-  }), { valueOnClear: de, isEmptyValue: Y } = fm(e), D = b(() => e.disabled || (B == null ? void 0 : B.disabled)), ne = b(() => Ie(e.modelValue) ? e.modelValue.length > 0 : !Y(e.modelValue)), Le = b(() => e.clearable && !D.value && r.inputHovering && ne.value), ye = b(() => e.remote && e.filterable && !e.remoteShowSuffix ? "" : e.suffixIcon), be = b(() => i.is("reverse", ye.value && N.value)), _e = b(() => (M == null ? void 0 : M.validateState) || ""), Ge = b(() => Lp[_e.value]), jt = b(() => e.remote ? 300 : 0), Je = b(() => e.loading ? e.loadingText || n("el.select.loading") : e.remote && !r.inputValue && r.options.size === 0 ? !1 : e.filterable && r.inputValue && r.options.size > 0 && Ce.value === 0 ? e.noMatchText || n("el.select.noMatch") : r.options.size === 0 ? e.noDataText || n("el.select.noData") : null), Ce = b(() => ue.value.filter((S) => S.visible).length), ue = b(() => {
+  }), { valueOnClear: de, isEmptyValue: Y } = fm(e), D = b(() => e.disabled || (B == null ? void 0 : B.disabled)), te = b(() => Ie(e.modelValue) ? e.modelValue.length > 0 : !Y(e.modelValue)), Le = b(() => e.clearable && !D.value && r.inputHovering && te.value), ye = b(() => e.remote && e.filterable && !e.remoteShowSuffix ? "" : e.suffixIcon), be = b(() => i.is("reverse", ye.value && N.value)), _e = b(() => (M == null ? void 0 : M.validateState) || ""), Ge = b(() => Lp[_e.value]), jt = b(() => e.remote ? 300 : 0), Je = b(() => e.loading ? e.loadingText || n("el.select.loading") : e.remote && !r.inputValue && r.options.size === 0 ? !1 : e.filterable && r.inputValue && r.options.size > 0 && Ce.value === 0 ? e.noMatchText || n("el.select.noMatch") : r.options.size === 0 ? e.noDataText || n("el.select.noData") : null), Ce = b(() => ue.value.filter((S) => S.visible).length), ue = b(() => {
     const S = Array.from(r.options.values()), F = [];
     return r.optionValues.forEach((J) => {
       const oe = S.findIndex((mt) => mt.value === J);
@@ -6483,7 +6483,7 @@ const Iy = 11, ky = (e, t) => {
   }), Ko = b(() => {
     var S;
     const F = (S = e.placeholder) != null ? S : n("el.select.placeholder");
-    return e.multiple || !ne.value ? F : r.selectedLabel;
+    return e.multiple || !te.value ? F : r.selectedLabel;
   }), jo = b(() => si ? null : "mouseenter");
   q(() => e.modelValue, (S, F) => {
     e.multiple && e.filterable && !e.reserveKeyword && (r.inputValue = "", At("")), Ut(), !So(S, F) && e.validateEvent && (M == null || M.validate("change").catch((J) => Oe(J)));
@@ -6693,7 +6693,7 @@ const Iy = 11, ky = (e, t) => {
     deleteSelected: ia,
     handleOptionSelect: aa,
     scrollToOption: Xn,
-    hasModelValue: ne,
+    hasModelValue: te,
     shouldShowPlaceholder: Yn,
     currentPlaceholder: Ko,
     mouseEnterEventName: jo,
@@ -6979,7 +6979,7 @@ function My(e, t, n, o, i, a) {
                           label: h.currentLabel,
                           value: h.value
                         }, () => [
-                          Z(ee(h.currentLabel), 1)
+                          Z(ne(h.currentLabel), 1)
                         ])
                       ], 2)
                     ]),
@@ -7011,7 +7011,7 @@ function My(e, t, n, o, i, a) {
                         default: E(() => [
                           R("span", {
                             class: _(e.nsSelect.e("tags-text"))
-                          }, " + " + ee(e.states.selected.length - e.maxCollapseTags), 3)
+                          }, " + " + ne(e.states.selected.length - e.maxCollapseTags), 3)
                         ]),
                         _: 1
                       }, 8, ["size", "type", "effect", "style"])
@@ -7043,7 +7043,7 @@ function My(e, t, n, o, i, a) {
                                 label: h.currentLabel,
                                 value: h.value
                               }, () => [
-                                Z(ee(h.currentLabel), 1)
+                                Z(ne(h.currentLabel), 1)
                               ])
                             ], 2)
                           ]),
@@ -7102,7 +7102,7 @@ function My(e, t, n, o, i, a) {
                   ref: "calculatorRef",
                   "aria-hidden": "true",
                   class: _(e.nsSelect.e("input-calculator")),
-                  textContent: ee(e.states.inputValue)
+                  textContent: ne(e.states.inputValue)
                 }, null, 10, ["textContent"])) : V("v-if", !0)
               ], 2)),
               e.shouldShowPlaceholder ? (w(), L("div", {
@@ -7118,8 +7118,8 @@ function My(e, t, n, o, i, a) {
                   label: e.currentPlaceholder,
                   value: e.modelValue
                 }, () => [
-                  R("span", null, ee(e.currentPlaceholder), 1)
-                ]) : (w(), L("span", { key: 1 }, ee(e.currentPlaceholder), 1))
+                  R("span", null, ne(e.currentPlaceholder), 1)
+                ]) : (w(), L("span", { key: 1 }, ne(e.currentPlaceholder), 1))
               ], 2)) : V("v-if", !0)
             ], 2),
             R("div", {
@@ -7211,7 +7211,7 @@ function My(e, t, n, o, i, a) {
               class: _(e.nsSelect.be("dropdown", "empty"))
             }, [
               K(e.$slots, "empty", {}, () => [
-                R("span", null, ee(e.emptyText), 1)
+                R("span", null, ne(e.emptyText), 1)
               ])
             ], 2)) : V("v-if", !0),
             e.$slots.footer ? (w(), L("div", {
@@ -7241,7 +7241,7 @@ const xy = H({
     disabled: Boolean
   },
   setup(e) {
-    const t = te("select"), n = x(null), o = ge(), i = x([]);
+    const t = ee("select"), n = x(null), o = ge(), i = x([]);
     pe(pl, ut({
       ...cn(e)
     }));
@@ -7277,7 +7277,7 @@ function Py(e, t, n, o, i, a) {
   }, [
     R("li", {
       class: _(e.ns.be("group", "title"))
-    }, ee(e.label), 3),
+    }, ne(e.label), 3),
     R("li", null, [
       R("ul", {
         class: _(e.ns.b("group"))
@@ -7360,7 +7360,7 @@ const Ly = Q({
   props: Ly,
   emits: Ry,
   setup(e, { expose: t, emit: n }) {
-    const o = e, i = b(() => o[Fy]), a = te("popover"), r = x(), s = b(() => {
+    const o = e, i = b(() => o[Fy]), a = ee("popover"), r = x(), s = b(() => {
       var g;
       return (g = v(r)) == null ? void 0 : g.popperRef;
     }), l = b(() => [
@@ -7419,9 +7419,9 @@ const Ly = Q({
           key: 0,
           class: _(v(a).e("title")),
           role: "title"
-        }, ee(g.title), 3)) : V("v-if", !0),
+        }, ne(g.title), 3)) : V("v-if", !0),
         K(g.$slots, "default", {}, () => [
-          Z(ee(g.content), 1)
+          Z(ne(g.content), 1)
         ])
       ]),
       default: E(() => [
@@ -7790,7 +7790,7 @@ function Qy(e, t, n, o, i, a) {
       default: E(() => [
         P(u, { span: 12 }, {
           default: E(() => [
-            R("span", Gy, ee(n.title), 1),
+            R("span", Gy, ne(n.title), 1),
             n.helpMessage ? (w(), z(l, {
               key: 0,
               width: "250",
@@ -7799,7 +7799,7 @@ function Qy(e, t, n, o, i, a) {
               "popper-class": "popover-origin-help"
             }, Br({
               default: E(() => [
-                R("span", Jy, ee(n.helpMessage), 1)
+                R("span", Jy, ne(n.helpMessage), 1)
               ]),
               _: 2
             }, [
@@ -7887,7 +7887,7 @@ function Qy(e, t, n, o, i, a) {
                           default: E(() => [
                             R("div", {
                               style: re(a.getBackgroundStyles(m))
-                            }, ee(m[n.labelKey]), 5)
+                            }, ne(m[n.labelKey]), 5)
                           ]),
                           _: 2
                         }, 1024)
@@ -7936,11 +7936,11 @@ const ml = /* @__PURE__ */ Kt(Wy, [["render", Qy], ["__scopeId", "data-v-35fb97d
     },
     customStyle: function() {
       const e = this.item.color ? this.item.color : this.item.colour;
-      let t = e || "transparent", n = this.item.border ? this.item.border : "black";
+      let t = e || "transparent", n = this.item.border ? this.item.border : "black", o = this.item.borderStyle ? this.item.borderStyle : "default";
       if (e && !this.item.border && (n = t), this.item[this.styleKey] === "star") {
-        let o = Xy.replace("<fillColor>", t);
-        return o = o.replace("<borderColor>", n), o = o.replace("<borderWidth>", n ? "2" : "0"), o = "data:image/svg+xml," + encodeURIComponent(o), { color: t, "background-image": `url(${o})` };
-      } else return this.item[this.styleKey] === "line" ? { color: t } : { "background-color": t, "border-color": n };
+        let i = Xy.replace("<fillColor>", t);
+        return i = i.replace("<borderColor>", n), i = i.replace("<borderWidth>", n ? "2" : "0"), i = "data:image/svg+xml," + encodeURIComponent(i), { color: t, "background-image": `url(${i})` };
+      } else return this.item[this.styleKey] === "line" ? { color: t } : { "background-color": t, "border-color": n, "border-style": o };
     }
   },
   methods: {
@@ -7972,10 +7972,10 @@ function ob(e, t, n, o, i, a) {
       class: _(a.legendStyleValue),
       style: re(a.customStyle)
     }, null, 6)),
-    R("div", nb, ee(a.capitalise(n.item[n.identifierKey])), 1)
+    R("div", nb, ne(a.capitalise(n.item[n.identifierKey])), 1)
   ])) : V("", !0);
 }
-const vl = /* @__PURE__ */ Kt(eb, [["render", ob], ["__scopeId", "data-v-1db7582f"]]), ib = {
+const vl = /* @__PURE__ */ Kt(eb, [["render", ob], ["__scopeId", "data-v-b7e5b095"]]), ib = {
   name: "DynamicLegends",
   components: {
     LegendItem: vl
@@ -8094,8 +8094,8 @@ const lb = /* @__PURE__ */ Kt(ib, [["render", sb], ["__scopeId", "data-v-32c93a1
 }, cb = { class: "flatmap-error" }, db = { class: "flatmap-error-title" }, fb = { key: 0 }, pb = {
   key: 0,
   class: "flatmap-error-message"
-}, hb = { key: 1 };
-function mb(e, t, n, o, i, a) {
+}, hb = ["innerHTML"], mb = { key: 1 };
+function vb(e, t, n, o, i, a) {
   const r = Vl, s = We, l = Qi;
   return w(), L("div", cb, [
     R("div", db, [
@@ -8105,28 +8105,30 @@ function mb(e, t, n, o, i, a) {
         ]),
         _: 1
       }),
-      n.flatmapError.title ? (w(), L("div", fb, ee(n.flatmapError.title), 1)) : V("", !0)
+      n.flatmapError.title ? (w(), L("div", fb, ne(n.flatmapError.title), 1)) : V("", !0)
     ]),
     n.flatmapError.messages ? (w(), L("div", pb, [
-      (w(!0), L(fe, null, Ke(n.flatmapError.messages, (u, c) => (w(), L("div", { key: c }, ee(u), 1))), 128))
+      (w(!0), L(fe, null, Ke(n.flatmapError.messages, (u, c) => (w(), L("div", { key: c }, [
+        R("div", { innerHTML: u }, null, 8, hb)
+      ]))), 128))
     ])) : V("", !0),
-    n.flatmapError.button ? (w(), L("div", hb, [
+    n.flatmapError.button ? (w(), L("div", mb, [
       P(l, {
         class: "button",
         type: "primary",
         onClick: n.flatmapError.button.callback
       }, {
         default: E(() => [
-          Z(ee(n.flatmapError.button.text), 1)
+          Z(ne(n.flatmapError.button.text), 1)
         ]),
         _: 1
       }, 8, ["onClick"])
     ])) : V("", !0)
   ]);
 }
-const na = /* @__PURE__ */ Kt(ub, [["render", mb], ["__scopeId", "data-v-7cfcfa1f"]]), vb = {
+const na = /* @__PURE__ */ Kt(ub, [["render", vb], ["__scopeId", "data-v-8961361a"]]), gb = {
   name: "SvgLegends"
-}, gb = { class: "legends-container" }, yb = {
+}, yb = { class: "legends-container" }, bb = {
   version: "1.1",
   id: "Layer_1",
   x: "0px",
@@ -8136,9 +8138,9 @@ const na = /* @__PURE__ */ Kt(ub, [["render", mb], ["__scopeId", "data-v-7cfcfa1
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:bx": "https://boxy-svg.com"
 };
-function bb(e, t, n, o, i, a) {
-  return w(), L("div", gb, [
-    (w(), L("svg", yb, t[0] || (t[0] = [
+function wb(e, t, n, o, i, a) {
+  return w(), L("div", yb, [
+    (w(), L("svg", bb, t[0] || (t[0] = [
       tu('<defs data-v-88079d87><bx:grid height="30.447" width="32.516" x="0" y="0" data-v-88079d87></bx:grid></defs><path class="st0 st0-translate" d="M61.3,103.8c-15.9,0-28.8-12.3-28.8-27.3c0-15,13-27.3,28.8-27.3s28.8,12.3,28.8,27.3 C90.1,91.5,77.2,103.8,61.3,103.8z" data-v-88079d87></path><path class="st1" d="M40.3,356.1C29.5,345,29.8,328,41.5,317.5c11.7-10.5,29.6-9.9,40.7,1.1c11.1,11,10.5,28.1-1.2,38.5 C69.3,367.4,51.1,366.9,40.3,356.1z" data-v-88079d87></path><path class="st2" d="M61.2,396.9c-5.3,9.3-15.3,15.1-26.1,15.1l-0.4,0.6c5.1,9,5.1,20,0,29l0.4,0.6c10.7,0,20.8,5.8,26.1,15.1 c5.3-9.3,15.3-15.1,26.1-15.1c-5.3-9.3-5.3-20.9,0-30.4C76.6,412.1,66.7,406.3,61.2,396.9z" data-v-88079d87></path><text transform="matrix(0.9908 0 0 1 118.0161 171.7975)" class="st3 st4 st5" style="white-space:pre;" data-v-88079d87> Tissue region </text><path class="st6" d="M40.9,231.1c11.3-10.6,29.5-10.6,40.8,0c11.3,10.6,11.3,27.9,0,38.5c-11.3,10.6-29.5,10.6-40.8,0 C29.7,259,29.7,241.7,40.9,231.1z" data-v-88079d87></path><text transform="matrix(0.9908 0 0 1 118.0161 257.675)" class="st3 st4 st5" style="white-space:pre;" data-v-88079d87> Brain nuclei </text><text transform="matrix(0.9908 0 0 1 118.0903 345.5266)" class="st3 st4 st5" style="white-space:pre;" data-v-88079d87> Ganglia </text><text transform="matrix(0.9908 0 0 1 118.0903 433.1613)" class="st3 st4 st5" style="white-space:pre;" data-v-88079d87> Ganglionated nerve plexus </text>', 9)
     ]))),
     t[1] || (t[1] = R("svg", {
@@ -8149,7 +8151,7 @@ function bb(e, t, n, o, i, a) {
     }, null, -1))
   ]);
 }
-const wb = /* @__PURE__ */ Kt(vb, [["render", bb], ["__scopeId", "data-v-88079d87"]]), Sb = `<div class="flatmap-marker">
+const Sb = /* @__PURE__ */ Kt(gb, [["render", wb], ["__scopeId", "data-v-88079d87"]]), Cb = `<div class="flatmap-marker">
   <svg xmlns="http://www.w3.org/2000/svg" width="28" height="39" viewBox="-1 -1 27 42">
     <ellipse style="fill: rgb(0, 0, 0); fill-opacity: 0.2;" cx="12" cy="36" rx="8" ry="4"></ellipse>
     <path d="M12.25.25a12.254 12.254 0 0 0-12 12.494c0 6.444 6.488 12.109 11.059 22.564.549 1.256 1.333 1.256 1.882 0
@@ -8188,7 +8190,7 @@ const wb = /* @__PURE__ */ Kt(vb, [["render", bb], ["__scopeId", "data-v-88079d8
   const n = e.name ?? e, o = t.name ?? t, i = n.toUpperCase(), a = o.toUpperCase();
   return i < a ? -1 : i > a ? 1 : 0;
 };
-let Cb = function() {
+let Eb = function() {
   this.initialise = function(e) {
     this.flatmapAPI = e, this.destinations = [], this.origins = [], this.components = [], this.rawURLs = [], this.controller = void 0, this.uberons = [], this.lookUp = [], this.connectivitySource = "map", this.noMapConnectivity = !1;
   }, this.createTooltipData = async function(e, t) {
@@ -8428,7 +8430,7 @@ let Cb = function() {
     return a.values;
   };
 };
-async function Eb(e) {
+async function Ib(e) {
   const t = sessionStorage.getItem("flatmap-knowledge");
   if (t) {
     const i = JSON.parse(t).filter((a) => a.references && a.references.length).filter((a) => a.references.includes(e));
@@ -8437,16 +8439,16 @@ async function Eb(e) {
   }
   return [];
 }
-async function Ib(e, t, n) {
+async function kb(e, t, n) {
   const i = `select knowledge from knowledge
     where source="${oa(e)}" and
     knowledge like "%${t}%" order by source desc`;
   return (await n.queryKnowledge(i)).map((l) => JSON.parse(l)).map((l) => l.id);
 }
 function oa(e) {
-  return kb(e.mapMetadata);
+  return Tb(e.mapMetadata);
 }
-function kb(e) {
+function Tb(e) {
   let t = "";
   if (e != null && e.connectivity) {
     const n = e.connectivity;
@@ -8454,7 +8456,7 @@ function kb(e) {
   }
   return t;
 }
-async function Tb(e, t) {
+async function Ab(e, t) {
   const n = oa(e), o = `select knowledge from knowledge
     where source="${n}"
     order by source desc`;
@@ -8462,15 +8464,15 @@ async function Tb(e, t) {
   const i = sessionStorage.getItem("flatmap-knowledge"), a = sessionStorage.getItem("flatmap-knowledge-source");
   if (!i || a !== n) {
     const s = (await t.queryKnowledge(o)).map((l) => JSON.parse(l));
-    return sessionStorage.setItem("flatmap-knowledge", JSON.stringify(s)), sessionStorage.setItem("flatmap-knowledge-source", n), Ab(), s;
+    return sessionStorage.setItem("flatmap-knowledge", JSON.stringify(s)), sessionStorage.setItem("flatmap-knowledge-source", n), Ob(), s;
   }
   return JSON.parse(i);
 }
-function Ab() {
+function Ob() {
   const n = (/* @__PURE__ */ new Date()).getTime() + 864e5;
   sessionStorage.setItem("flatmap-knowledge-expiry", n);
 }
-function Ob() {
+function Mb() {
   [
     "flatmap-knowledge",
     "flatmap-knowledge-expiry",
@@ -8481,9 +8483,9 @@ function Ob() {
 }
 function gl() {
   const e = sessionStorage.getItem("flatmap-knowledge-expiry");
-  (/* @__PURE__ */ new Date()).getTime() > e && Ob();
+  (/* @__PURE__ */ new Date()).getTime() > e && Mb();
 }
-const fo = (e) => e && e.charAt(0).toUpperCase() + e.slice(1), Mb = '<svg width="195px" height="24px" viewBox="0 0 200 24" fill="yellow"><path d="M22.0748 3.25583C22.4141 2.42845 23.5859 2.42845 23.9252 3.25583L25.6493 7.45955C25.793 7.80979 26.1221 8.04889 26.4995 8.07727L31.0303 8.41798C31.922 8.48504 32.2841 9.59942 31.6021 10.1778L28.1369 13.1166C27.8482 13.3614 27.7225 13.7483 27.8122 14.1161L28.8882 18.5304C29.1 19.3992 28.152 20.0879 27.3912 19.618L23.5255 17.2305C23.2034 17.0316 22.7966 17.0316 22.4745 17.2305L18.60881 19.618C17.84796 20.0879 16.9 19.3992 17.1118 18.5304L18.18785 14.1161C18.2775 13.7483 18.1518 13.3614 17.86309 13.1166L14.3979 10.1778C13.71588 9.59942 14.07796 8.48504 14.96971 8.41798L19.50046 8.07727C19.87794 8.04889 20.20704 7.80979 20.35068 7.45955L22.0748 3.25583Z" stroke="#000000" stroke-width="2"/><text x="47" y="52%" style="white-space: pre" dominant-baseline="middle" text-anchor="start" font-family="Asap, sans-serif" font-size="12" fill="#333333">Featured dataset marker</text></svg>';
+const fo = (e) => e && e.charAt(0).toUpperCase() + e.slice(1), _b = '<svg width="195px" height="24px" viewBox="0 0 200 24" fill="yellow"><path d="M22.0748 3.25583C22.4141 2.42845 23.5859 2.42845 23.9252 3.25583L25.6493 7.45955C25.793 7.80979 26.1221 8.04889 26.4995 8.07727L31.0303 8.41798C31.922 8.48504 32.2841 9.59942 31.6021 10.1778L28.1369 13.1166C27.8482 13.3614 27.7225 13.7483 27.8122 14.1161L28.8882 18.5304C29.1 19.3992 28.152 20.0879 27.3912 19.618L23.5255 17.2305C23.2034 17.0316 22.7966 17.0316 22.4745 17.2305L18.60881 19.618C17.84796 20.0879 16.9 19.3992 17.1118 18.5304L18.18785 14.1161C18.2775 13.7483 18.1518 13.3614 17.86309 13.1166L14.3979 10.1778C13.71588 9.59942 14.07796 8.48504 14.96971 8.41798L19.50046 8.07727C19.87794 8.04889 20.20704 7.80979 20.35068 7.45955L22.0748 3.25583Z" stroke="#000000" stroke-width="2"/><text x="47" y="52%" style="white-space: pre" dominant-baseline="middle" text-anchor="start" font-family="Asap, sans-serif" font-size="12" fill="#333333">Featured dataset marker</text></svg>';
 var yl = { exports: {} };
 (function(e, t) {
   (function(n, o) {
@@ -8595,10 +8597,10 @@ var yl = { exports: {} };
             Y();
           };
           h.resizeSensor.resetSensor = D;
-          var ne = function() {
+          var te = function() {
             j = 0, N && (M = B.width, W = B.height, h.resizedAttached && h.resizedAttached.call(B));
           }, Le = function() {
-            B = r(h), N = B.width !== M || B.height !== W, N && !j && (j = o(ne)), D();
+            B = r(h), N = B.width !== M || B.height !== W, N && !j && (j = o(te)), D();
           }, ye = function(be, _e, Ge) {
             be.attachEvent ? be.attachEvent("on" + _e, Ge) : be.addEventListener(_e, Ge);
           };
@@ -8640,8 +8642,8 @@ var yl = { exports: {} };
     return l;
   });
 })(yl);
-var _b = yl.exports;
-const xb = /* @__PURE__ */ sg(_b), Pb = cu("main", {
+var xb = yl.exports;
+const Pb = /* @__PURE__ */ sg(xb), Lb = cu("main", {
   state: () => ({
     userProfile: {
       token: ""
@@ -8658,7 +8660,7 @@ const xb = /* @__PURE__ */ sg(_b), Pb = cu("main", {
     }
   }
 });
-function Lb(e) {
+function Rb(e) {
   return { all: e = e || /* @__PURE__ */ new Map(), on: function(t, n) {
     var o = e.get(t);
     o ? o.push(n) : e.set(t, [n]);
@@ -8674,7 +8676,7 @@ function Lb(e) {
     });
   } };
 }
-const Ii = new Lb(), Rb = "cannot be found on the map.", Fb = (e) => {
+const Ii = new Rb(), Fb = "cannot be found on the map.", $b = (e) => {
   let t = { lng: 0, lat: 0 }, n;
   return e.type === "Polygon" ? e.coordinates.length && (n = e.coordinates[0]) : n = e.coordinates, n && (e.type !== "Point" ? (n.map((o) => {
     t.lng += parseFloat(o[0]), t.lat += parseFloat(o[1]);
@@ -8693,7 +8695,7 @@ const Ii = new Lb(), Rb = "cannot be found on the map.", Fb = (e) => {
     }, s = bl(a, r.key);
     s.length > 0 && (r.children = s), n.push(r);
   }), n;
-}, $b = {
+}, Db = {
   name: "FlatmapVuer",
   components: {
     Button: Qi,
@@ -8710,7 +8712,7 @@ const Ii = new Lb(), Rb = "cannot be found on the map.", Fb = (e) => {
     Tooltip: iu,
     TreeControls: au,
     SelectionsGroup: ml,
-    SvgLegends: wb,
+    SvgLegends: Sb,
     ElIconWarningFilled: Pr,
     ElIconArrowDown: ki,
     ElIconArrowLeft: Lr,
@@ -9518,7 +9520,7 @@ const Ii = new Lb(), Rb = "cannot be found on the map.", Fb = (e) => {
     searchConnectivitiesByReference: async function(e) {
       const t = sessionStorage.getItem("flatmap-knowledge");
       let n = [];
-      return t ? n = await Eb(e) : n = await Ib(this.mapImp, e, this.flatmapQueries), n;
+      return t ? n = await Ib(e) : n = await kb(this.mapImp, e, this.flatmapQueries), n;
     },
     getFlatmapKnowledge: function() {
       let e = [];
@@ -9529,7 +9531,7 @@ const Ii = new Lb(), Rb = "cannot be found on the map.", Fb = (e) => {
       this.$emit("connectivity-error", {
         data: {
           errorData: e,
-          errorMessage: Rb
+          errorMessage: Fb
         }
       });
     },
@@ -9568,7 +9570,7 @@ const Ii = new Lb(), Rb = "cannot be found on the map.", Fb = (e) => {
           }), o[0].feature)
             this.activeDrawTool || this.activeDrawMode || this.isValidDrawnCreated ? (this.featureAnnotationSubmitted = !1, this.activeDrawTool && this.createConnectivityBody(), this.displayTooltip(
               o[0].feature.id,
-              Fb(o[0].feature.geometry)
+              $b(o[0].feature.geometry)
             )) : this.rollbackAnnotationEvent();
           else {
             const i = this.annotationEntry.filter((a) => a.featureId && a.models).map((a) => a.models);
@@ -9610,22 +9612,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) {
+      Ab(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);
       }
     },
     /**
@@ -10018,7 +10022,7 @@ const Ii = new Lb(), Rb = "cannot be found on the map.", Fb = (e) => {
      */
     onFlatmapReady: function(e) {
       var t;
-      if (this.sensor = Re(new xb(this.$refs.display, this.mapResize)), ((t = this.mapImp.options) == null ? void 0 : t.style) === "functional" && (this.isFC = !0), this.mapImp.setBackgroundOpacity(1), this.backgroundChangeCallback(this.currentBackground), this.pathways = this.mapImp.pathTypes(), this.pathways = this.pathways.filter((n) => n.enabled && n.type !== "other"), this.processSystems(this.mapImp.getSystems()), this.processTaxon(this.mapImp.taxonIdentifiers, e ? e.taxonSelection : void 0), this.containsAlert = "alert" in this.mapImp.featureFilterRanges(), this.flatmapLegends = this.mapImp.flatmapLegend, this.loading = !1, this.computePathControlsMaximumHeight(), this.mapResize(), this.handleMapClick(), this.setInitMapState(), this.displayMinimap) {
+      if (this.sensor = Re(new Pb(this.$refs.display, this.mapResize)), ((t = this.mapImp.options) == null ? void 0 : t.style) === "functional" && (this.isFC = !0), this.mapImp.setBackgroundOpacity(1), this.backgroundChangeCallback(this.currentBackground), this.pathways = this.mapImp.pathTypes(), this.pathways = this.pathways.filter((n) => n.enabled && n.type !== "other"), this.processSystems(this.mapImp.getSystems()), this.processTaxon(this.mapImp.taxonIdentifiers, e ? e.taxonSelection : void 0), this.containsAlert = "alert" in this.mapImp.featureFilterRanges(), this.flatmapLegends = this.mapImp.flatmapLegend, this.loading = !1, this.computePathControlsMaximumHeight(), this.mapResize(), this.handleMapClick(), this.setInitMapState(), this.displayMinimap) {
         const n = { position: "top-right" };
         this.mapImp.createMinimap(n), this.addResizeButtonToMinimap();
       }
@@ -10036,7 +10040,11 @@ const Ii = new Lb(), Rb = "cannot be found on the map.", Fb = (e) => {
       });
     },
     onContextLost: function() {
-      this.lastViewport = Re(this.mapImp.getState()), this.flatmapError = {}, this.flatmapError.title = "GL context lost!", this.flatmapError.messages = ["GL context is lost due to too many concurrent GL contexts. Please try using the Restore Context button."], this.flatmapError.button = {
+      this.lastViewport = Re(this.mapImp.getState()), this.flatmapError = {}, this.flatmapError.title = "GL context lost!", this.flatmapError.messages = [`A display issue has occurred due
+      to a limit on available WebGL contexts. You can restore the display
+      using the Restore Context button. Please see the
+      <a href="https://docs.sparc.science/docs/integrated-maps-viewer-overview#limit-on-available-webgl-contexts" target='_blank'>documentation</a>
+      for more details.`], this.flatmapError.button = {
         text: "Restore Context",
         callback: () => {
           this.forceContextRestore();
@@ -10442,13 +10450,13 @@ const Ii = new Lb(), Rb = "cannot be found on the map.", Fb = (e) => {
         // 15
       ],
       helpModeActiveIndex: this.helpModeInitialIndex,
-      yellowstar: Mb,
+      yellowstar: _b,
       isFC: !1,
       inHelp: !1,
       currentBackground: "white",
       availableBackground: ["white", "lightskyblue", "black"],
       loading: !1,
-      flatmapMarker: Sb,
+      flatmapMarker: Cb,
       tooltipEntry: [],
       connectivityDataSource: "",
       connectivityTooltipVisible: !1,
@@ -10523,7 +10531,7 @@ const Ii = new Lb(), Rb = "cannot be found on the map.", Fb = (e) => {
     };
   },
   computed: {
-    ...du(Pb, ["userToken"]),
+    ...du(Lb, ["userToken"]),
     isValidDrawnCreated: function() {
       return Object.keys(this.drawnCreatedEvent).length > 0;
     },
@@ -10595,35 +10603,35 @@ const Ii = new Lb(), Rb = "cannot be found on the map.", Fb = (e) => {
     this.mapManager ? this.mapManagerRef = this.mapManager : (this.mapManagerRef = Re(new Vr.MapViewer(this.flatmapAPI, { container: void 0 })), this.$emit("mapmanager-loaded", this.mapManagerRef));
   },
   mounted: function() {
-    this.openMapRef = vo(this.$refs.openMapRef), this.backgroundIconRef = vo(this.$refs.backgroundIconRef), this.tooltipWait.length = this.hoverVisibilities.length, this.flatmapQueries = Re(new Cb()), this.flatmapQueries.initialise(this.flatmapAPI), this.state ? this.setStateRequired && this.setState(this.state) : this.renderAtMounted && this.createFlatmap(), gl();
+    this.openMapRef = vo(this.$refs.openMapRef), this.backgroundIconRef = vo(this.$refs.backgroundIconRef), this.tooltipWait.length = this.hoverVisibilities.length, this.flatmapQueries = Re(new Eb()), this.flatmapQueries.initialise(this.flatmapAPI), this.state ? this.setStateRequired && this.setState(this.state) : this.renderAtMounted && this.createFlatmap(), gl();
   }
-}, Db = {
+}, Nb = {
   class: "flatmap-container",
   ref: "flatmapContainer",
   "element-loading-text": "Loading...",
   "element-loading-background": "rgba(0, 0, 0, 0.3)"
-}, Nb = { style: { height: "100%", width: "100%", position: "relative", "overflow-y": "none" } }, Bb = {
+}, Bb = { style: { height: "100%", width: "100%", position: "relative", "overflow-y": "none" } }, Vb = {
   style: { height: "100%", width: "100%" },
   ref: "display",
   class: "flatmap-display"
-}, Vb = { class: "beta-popovers" }, zb = {
+}, zb = { class: "beta-popovers" }, Hb = {
   key: 2,
   class: "warning-text"
-}, Hb = { class: "bottom-right-control" }, Kb = ["innerHTML"], jb = { style: { "margin-bottom": "2px" } }, Ub = {
+}, Kb = { class: "bottom-right-control" }, jb = ["innerHTML"], Ub = { style: { "margin-bottom": "2px" } }, Wb = {
   key: 0,
   class: "viewing-mode-title"
-}, Wb = ["onClick"], qb = ["onClick"];
-function Gb(e, t, n, o, i, a) {
+}, qb = ["onClick"], Gb = ["onClick"];
+function Jb(e, t, n, o, i, a) {
   const r = Fe("map-svg-sprite-color"), s = na, l = Pr, u = We, c = qn, d = ki, f = Fe("DrawToolbar"), m = Fe("map-svg-icon"), p = lb, h = Fe("tree-controls"), g = ml, y = Lr, C = Qi, O = Un, T = Wn, I = ea, k = zo, A = ll, $ = ul, N = Fe("Tooltip"), j = ta, B = Ci;
-  return ie((w(), L("div", Db, [
+  return ie((w(), L("div", Nb, [
     P(r),
-    R("div", Nb, [
-      R("div", Bb, null, 512),
+    R("div", Bb, [
+      R("div", Vb, null, 512),
       e.flatmapError ? (w(), z(s, {
         key: 0,
         flatmapError: e.flatmapError
       }, null, 8, ["flatmapError"])) : V("", !0),
-      ie(R("div", Vb, [
+      ie(R("div", zb, [
         R("div", null, [
           n.displayWarning || n.isLegacy ? (w(), z(c, {
             key: 0,
@@ -10651,7 +10659,7 @@ function Gb(e, t, n, o, i, a) {
                     class: "latest-map-text",
                     onClick: t[6] || (t[6] = (...M) => a.viewLatestMap && a.viewLatestMap(...M))
                   }, " Click here for the latest map ")
-                ], 64)) : n.displayWarning ? (w(), L("span", zb, "Beta")) : V("", !0)
+                ], 64)) : n.displayWarning ? (w(), L("span", Hb, "Beta")) : V("", !0)
               ], 32)
             ]),
             default: E(() => [
@@ -10764,7 +10772,7 @@ function Gb(e, t, n, o, i, a) {
         onHideTooltip: a.hideTooltip,
         ref: "toolbarPopover"
       }, null, 8, ["mapCanvas", "toolbarOptions", "activeDrawTool", "activeDrawMode", "newlyDrawnEntry", "connectionEntry", "hoverVisibilities", "onClickToolbar", "onFeatureTooltip", "onConfirmDrawn", "onCancelDrawn", "onShowTooltip", "onHideTooltip"])) : V("", !0),
-      ie(R("div", Hb, [
+      ie(R("div", Kb, [
         P(c, {
           content: "Zoom in",
           placement: "left",
@@ -10893,7 +10901,7 @@ function Gb(e, t, n, o, i, a) {
                   ie(R("div", {
                     class: "flatmap-marker-help",
                     innerHTML: e.flatmapMarker
-                  }, null, 8, Kb), [
+                  }, null, 8, jb), [
                     [Ee, e.hoverVisibilities[0].value],
                     [j, void 0, "markerPopover"]
                   ])
@@ -10993,7 +11001,7 @@ function Gb(e, t, n, o, i, a) {
                 onClick: (W) => e.$emit("open-map", M.key)
               }, {
                 default: E(() => [
-                  Z(ee(M.display), 1)
+                  Z(ne(M.display), 1)
                 ]),
                 _: 2
               }, 1032, ["onClick"])
@@ -11023,20 +11031,20 @@ function Gb(e, t, n, o, i, a) {
             }),
             P(O, { class: "backgroundControl" }, {
               default: E(() => [
-                R("div", jb, [
+                R("div", Ub, [
                   (w(!0), L(fe, null, Ke(e.viewingModes, (M, W, de) => (w(), L(fe, { key: W }, [
-                    W === e.viewingMode ? (w(), L("span", Ub, [
-                      R("b", null, ee(W), 1)
+                    W === e.viewingMode ? (w(), L("span", Wb, [
+                      R("b", null, ne(W), 1)
                     ])) : (w(), L("span", {
                       key: 1,
                       class: "viewing-mode-unselected",
                       onClick: (Y) => a.changeViewingMode(W)
-                    }, ee(W), 9, Wb))
+                    }, ne(W), 9, qb))
                   ], 64))), 128))
                 ]),
                 P(O, { class: "viewing-mode-description" }, {
                   default: E(() => [
-                    Z(ee(a.modeDescription), 1)
+                    Z(ne(a.modeDescription), 1)
                   ]),
                   _: 1
                 }),
@@ -11081,7 +11089,7 @@ function Gb(e, t, n, o, i, a) {
                             default: E(() => [
                               P(T, { span: 12 }, {
                                 default: E(() => [
-                                  Z(ee(M), 1)
+                                  Z(ne(M), 1)
                                 ]),
                                 _: 2
                               }, 1024)
@@ -11226,7 +11234,7 @@ function Gb(e, t, n, o, i, a) {
                     M == e.currentBackground ? "active" : ""
                   ]),
                   onClick: (W) => a.backgroundChangeCallback(M)
-                }, null, 10, qb))), 128))
+                }, null, 10, Gb))), 128))
               ]),
               _: 1
             })
@@ -11313,13 +11321,13 @@ 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(Db, [["render", Jb], ["__scopeId", "data-v-84e0038d"]]), Or = {
   "NCBITaxon:10114": "01fedbf9-d783-509c-a10c-827941ab13da",
   "NCBITaxon:9823": "a336ac04-24db-561f-a25f-1c994fe17410",
   "NCBITaxon:9606": "42ed6323-f645-5fbe-bada-9581819cf689",
   "NCBITaxon:10090": "25285fab-48a0-5620-a6a0-f9a0374837d5",
   "NCBITaxon:9685": "73060497-46a6-52bf-b975-cac511c127cb"
-}, Jb = {
+}, Yb = {
   name: "MultiFlatmapVuer",
   components: {
     Col: Wn,
@@ -11347,48 +11355,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);
       });
     },
     /**
@@ -11924,17 +11953,17 @@ const wl = /* @__PURE__ */ Kt($b, [["render", Gb], ["__scopeId", "data-v-ba0755e
       }
     }
   }
-}, Yb = {
+}, Zb = {
   class: "multi-container",
   ref: "multiContainer"
-}, Zb = {
+}, Qb = {
   key: 0,
   style: { position: "absolute", "z-index": "100" }
-}, Qb = { class: "select-box-icon" };
-function Xb(e, t, n, o, i, a) {
+}, Xb = { class: "select-box-icon" };
+function e0(e, t, n, o, i, a) {
   const r = ea, s = zo, l = qn, u = wl, c = na;
-  return w(), L("div", Yb, [
-    n.disableUI ? V("", !0) : (w(), L("div", Zb, [
+  return w(), L("div", Zb, [
+    n.disableUI ? V("", !0) : (w(), L("div", Qb, [
       t[2] || (t[2] = R("div", { class: "species-display-text" }, "Species", -1)),
       P(l, {
         content: "Select a species",
@@ -11964,12 +11993,12 @@ function Xb(e, t, n, o, i, a) {
                 value: f
               }, {
                 default: E(() => [
-                  R("span", Qb, [
+                  R("span", Xb, [
                     R("i", {
                       class: _(d.iconClass)
                     }, null, 2)
                   ]),
-                  Z(" " + ee(f), 1)
+                  Z(" " + ne(f), 1)
                 ]),
                 _: 2
               }, 1032, ["label", "value"]))), 128))
@@ -12038,8 +12067,8 @@ 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 s0 = /* @__PURE__ */ Kt(Yb, [["render", e0], ["__scopeId", "data-v-1a5d097a"]]);
 export {
   wl as FlatmapVuer,
-  r0 as MultiFlatmapVuer
+  s0 as MultiFlatmapVuer
 };