@abi-software/map-side-bar 2.8.3-beta.0 → 2.8.3-beta.2

package/dist/map-side-bar.js

@@ -1,4 +1,4 @@
-import { getCurrentScope as yh, onScopeDispose as Tc, unref as h, getCurrentInstance as He, onMounted as Je, nextTick as Fe, ref as P, readonly as ui, watch as ae, computed as w, warn as bh, inject as le, isRef as xn, shallowRef as Wr, onBeforeUnmount as pt, onBeforeMount as wh, provide as je, defineComponent as U, openBlock as C, createElementBlock as F, mergeProps as dt, renderSlot as te, toRef as st, onUnmounted as tb, useAttrs as Ch, useSlots as io, createCommentVNode as G, Fragment as Pe, normalizeClass as L, createElementVNode as W, createBlock as Y, withCtx as R, resolveDynamicComponent as ut, withModifiers as Ne, createVNode as q, toDisplayString as ue, normalizeStyle as Ge, Transition as Fr, withDirectives as Oe, vShow as wt, reactive as vn, onActivated as nb, onUpdated as Sh, cloneVNode as kh, Text as di, Comment as Eh, Teleport as xh, onDeactivated as _h, createTextVNode as Ee, toRaw as js, vModelCheckbox as Vs, toRefs as lo, vModelRadio as Oh, h as mt, resolveComponent as Se, renderList as ft, onBeforeUpdate as rb, withKeys as Vr, vModelText as Th, normalizeProps as ob, guardReactiveProps as ab, createSlots as sb, watchEffect as Ah, resolveDirective as ib, toHandlerKey as lb, createApp as Ih, pushScopeId as cb, popScopeId as ub, markRaw as Es } from "vue";
+import { getCurrentScope as yh, onScopeDispose as Tc, unref as h, getCurrentInstance as He, onMounted as Je, nextTick as Fe, ref as P, readonly as ui, watch as ae, computed as w, warn as bh, inject as le, isRef as xn, shallowRef as Wr, onBeforeUnmount as pt, onBeforeMount as wh, provide as je, defineComponent as U, openBlock as C, createElementBlock as F, mergeProps as dt, renderSlot as te, toRef as st, onUnmounted as tb, useAttrs as Ch, useSlots as io, createCommentVNode as G, Fragment as Pe, normalizeClass as L, createElementVNode as W, createBlock as Y, withCtx as R, resolveDynamicComponent as ut, withModifiers as Ne, createVNode as q, toDisplayString as de, normalizeStyle as Ge, Transition as Fr, withDirectives as Oe, vShow as wt, reactive as vn, onActivated as nb, onUpdated as Sh, cloneVNode as kh, Text as di, Comment as Eh, Teleport as xh, onDeactivated as _h, createTextVNode as _e, toRaw as js, vModelCheckbox as Vs, toRefs as lo, vModelRadio as Oh, h as mt, resolveComponent as Se, renderList as ft, onBeforeUpdate as rb, withKeys as Vr, vModelText as Th, normalizeProps as ob, guardReactiveProps as ab, createSlots as sb, watchEffect as Ah, resolveDirective as ib, toHandlerKey as lb, createApp as Ih, pushScopeId as cb, popScopeId as ub, markRaw as Es } from "vue";
 import { Loading as fi, CircleCheck as db, CircleClose as pi, View as Fh, Hide as fb, Check as Ph, ArrowRight as hi, Close as _o, ArrowDown as vi, DArrowLeft as pb, MoreFilled as ld, DArrowRight as hb, ArrowLeft as Ac, Delete as Ul, Warning as $h, Location as Rh, Search as vb, WarnTriangleFilled as gb } from "@element-plus/icons-vue";
 import { CopyToClipboard as Nh, ExternalResourceCard as mb, ConnectivityGraph as yb, ConnectivityList as bb, AnnotationPopup as wb, CreateTooltipContent as Cb } from "@abi-software/map-utilities";
 const Lh = (e) => !e.getAttribute("aria-owns"), Bh = (e, t, n) => {
@@ -3190,7 +3190,7 @@ const KE = we({
               }, [
                 W("span", {
                   class: L(h(p).e("count-inner"))
-                }, ue(h(Xe)) + " / " + ue(ee.maxlength), 3)
+                }, de(h(Xe)) + " / " + de(ee.maxlength), 3)
               ], 2)) : G("v-if", !0),
               h(Q) && h(he) && h(H) ? (C(), Y(h(ze), {
                 key: 4,
@@ -3248,7 +3248,7 @@ const KE = we({
           key: 0,
           style: Ge(_.value),
           class: L(h(p).e("count"))
-        }, ue(h(Xe)) + " / " + ue(ee.maxlength), 7)) : G("v-if", !0)
+        }, de(h(Xe)) + " / " + de(ee.maxlength), 7)) : G("v-if", !0)
       ], 64))
     ], 16, ["role"]));
   }
@@ -4671,7 +4671,7 @@ const i_ = U({
               y.rawContent ? (C(), F("span", {
                 key: 0,
                 innerHTML: y.content
-              }, null, 8, ["innerHTML"])) : (C(), F("span", { key: 1 }, ue(y.content), 1))
+              }, null, 8, ["innerHTML"])) : (C(), F("span", { key: 1 }, de(y.content), 1))
             ]),
             y.showArrow ? (C(), Y(h(gx), {
               key: 0,
@@ -5497,7 +5497,7 @@ const lg = {
         class: L(h(t).e("header"))
       }, [
         te(n.$slots, "header", {}, () => [
-          Ee(ue(n.header), 1)
+          _e(de(n.header), 1)
         ])
       ], 2)) : G("v-if", !0),
       W("div", {
@@ -5511,7 +5511,7 @@ const lg = {
         class: L(h(t).e("footer"))
       }, [
         te(n.$slots, "footer", {}, () => [
-          Ee(ue(n.footer), 1)
+          _e(de(n.footer), 1)
         ])
       ], 2)) : G("v-if", !0)
     ], 2));
@@ -5798,7 +5798,7 @@ const Ai = ht(M_), cg = {
           }, [
             te(y.$slots, "default"),
             y.$slots.default ? G("v-if", !0) : (C(), F(Pe, { key: 0 }, [
-              Ee(ue(y.label), 1)
+              _e(de(y.label), 1)
             ], 64))
           ], 2)) : G("v-if", !0)
         ];
@@ -5884,7 +5884,7 @@ const W_ = U({
           style: Ge(h(o) ? h(g) : void 0)
         }, [
           te(d.$slots, "default", {}, () => [
-            Ee(ue(d.label), 1)
+            _e(de(d.label), 1)
           ])
         ], 6)) : G("v-if", !0)
       ], 2);
@@ -6081,7 +6081,7 @@ const hg = we({
           }, ["stop"])
         }, [
           te(g.$slots, "default", {}, () => [
-            Ee(ue(g.label), 1)
+            _e(de(g.label), 1)
           ])
         ], 42, ["onKeydown"])
       ], 2);
@@ -6137,7 +6137,7 @@ const oO = we({
           }, ["stop"])
         }, [
           te(f.$slots, "default", {}, () => [
-            Ee(ue(f.label), 1)
+            _e(de(f.label), 1)
           ])
         ], 46, ["onKeydown"])
       ], 2);
@@ -6462,13 +6462,13 @@ function mO(e, t, n, r, o, a) {
             ]),
             _: 1
           }, 8, ["class"]),
-          Ee(" " + ue(e.t("el.cascader.loading")), 1)
+          _e(" " + de(e.t("el.cascader.loading")), 1)
         ], 2)) : e.isEmpty ? (C(), F("div", {
           key: 1,
           class: L(e.ns.e("empty-text"))
         }, [
           te(e.$slots, "empty", {}, () => [
-            Ee(ue(e.t("el.cascader.noData")), 1)
+            _e(de(e.t("el.cascader.noData")), 1)
           ])
         ], 2)) : (u = e.panel) != null && u.isHoverMenu ? (C(), F("svg", {
           key: 2,
@@ -6958,8 +6958,8 @@ const Ro = ht(PO), $O = we({
           enabled: !0,
           phase: "main",
           fn: ({ state: Z }) => {
-            const { modifiersData: de, placement: fe } = Z;
-            ["right", "left", "bottom", "top"].includes(fe) || (de.arrow.x = 35);
+            const { modifiersData: ue, placement: fe } = Z;
+            ["right", "left", "bottom", "top"].includes(fe) || (ue.arrow.x = 35);
           },
           requires: ["arrow"]
         }
@@ -6968,23 +6968,23 @@ const Ro = ht(PO), $O = we({
     let s = 0, i = 0;
     const l = be("cascader"), c = be("input"), { t: u } = mn(), { form: f, formItem: g } = Rr(), { valueOnClear: v } = Kv(r), { isComposing: d, handleComposition: p } = nu({
       afterComposition(Z) {
-        var de;
-        const fe = (de = Z.target) == null ? void 0 : de.value;
+        var ue;
+        const fe = (ue = Z.target) == null ? void 0 : ue.value;
         Lr(fe);
       }
     }), m = P(null), y = P(null), E = P(null), I = P(null), x = P(null), _ = P(!1), O = P(!1), A = P(!1), $ = P(!1), D = P(""), K = P(""), j = P([]), H = P([]), Q = P([]), he = w(() => a.style), re = w(() => r.disabled || (f == null ? void 0 : f.disabled)), B = w(() => r.placeholder || u("el.cascader.placeholder")), J = w(() => K.value || j.value.length > 0 || d.value ? "" : B.value), ge = fr(), me = w(() => ["small"].includes(ge.value) ? "small" : "default"), $e = w(() => !!r.props.multiple), Re = w(() => !r.filterable || $e.value), Xe = w(() => $e.value ? K.value : D.value), vt = w(() => {
       var Z;
       return ((Z = I.value) == null ? void 0 : Z.checkedNodes) || [];
     }), nt = w(() => !r.clearable || re.value || A.value || !O.value ? !1 : !!vt.value.length), De = w(() => {
-      const { showAllLevels: Z, separator: de } = r, fe = vt.value;
-      return fe.length ? $e.value ? "" : fe[0].calcText(Z, de) : "";
+      const { showAllLevels: Z, separator: ue } = r, fe = vt.value;
+      return fe.length ? $e.value ? "" : fe[0].calcText(Z, ue) : "";
     }), Ve = w(() => (g == null ? void 0 : g.validateState) || ""), Qe = w({
       get() {
         return iv(r.modelValue);
       },
       set(Z) {
-        const de = Z ?? v.value;
-        n(lt, de), n(no, de), r.validateEvent && (g == null || g.validate("change").catch((fe) => Ct(fe)));
+        const ue = Z ?? v.value;
+        n(lt, ue), n(no, ue), r.validateEvent && (g == null || g.validate("change").catch((fe) => Ct(fe)));
       }
     }), it = w(() => [
       l.b(),
@@ -6996,11 +6996,11 @@ const Ro = ht(PO), $O = we({
       "icon-arrow-down",
       l.is("reverse", _.value)
     ]), Rt = w(() => l.is("focus", _.value || $.value)), Ot = w(() => {
-      var Z, de;
-      return (de = (Z = m.value) == null ? void 0 : Z.popperRef) == null ? void 0 : de.contentRef;
+      var Z, ue;
+      return (ue = (Z = m.value) == null ? void 0 : Z.popperRef) == null ? void 0 : ue.contentRef;
     }), rt = (Z) => {
-      var de, fe, qe;
-      re.value || (Z = Z ?? !_.value, Z !== _.value && (_.value = Z, (fe = (de = y.value) == null ? void 0 : de.input) == null || fe.setAttribute("aria-expanded", `${Z}`), Z ? (ct(), Fe((qe = I.value) == null ? void 0 : qe.scrollToExpandingNode)) : r.filterable && ee(), n("visibleChange", Z)));
+      var ue, fe, qe;
+      re.value || (Z = Z ?? !_.value, Z !== _.value && (_.value = Z, (fe = (ue = y.value) == null ? void 0 : ue.input) == null || fe.setAttribute("aria-expanded", `${Z}`), Z ? (ct(), Fe((qe = I.value) == null ? void 0 : qe.scrollToExpandingNode)) : r.filterable && ee(), n("visibleChange", Z)));
     }, ct = () => {
       Fe(() => {
         var Z;
@@ -7009,37 +7009,37 @@ const Ro = ht(PO), $O = we({
     }, Ut = () => {
       A.value = !1;
     }, qt = (Z) => {
-      const { showAllLevels: de, separator: fe } = r;
+      const { showAllLevels: ue, separator: fe } = r;
       return {
         node: Z,
         key: Z.uid,
-        text: Z.calcText(de, fe),
+        text: Z.calcText(ue, fe),
         hitState: !1,
         closable: !re.value && !Z.isDisabled,
         isCollapseTag: !1
       };
     }, Et = (Z) => {
-      var de;
+      var ue;
       const fe = Z.node;
-      fe.doCheck(!1), (de = I.value) == null || de.calculateCheckedValue(), n("removeTag", fe.valueByOption);
+      fe.doCheck(!1), (ue = I.value) == null || ue.calculateCheckedValue(), n("removeTag", fe.valueByOption);
     }, Kt = () => {
       if (!$e.value)
         return;
-      const Z = vt.value, de = [], fe = [];
+      const Z = vt.value, ue = [], fe = [];
       if (Z.forEach((qe) => fe.push(qt(qe))), H.value = fe, Z.length) {
-        Z.slice(0, r.maxCollapseTags).forEach((Wt) => de.push(qt(Wt)));
+        Z.slice(0, r.maxCollapseTags).forEach((Wt) => ue.push(qt(Wt)));
         const qe = Z.slice(r.maxCollapseTags), cn = qe.length;
-        cn && (r.collapseTags ? de.push({
+        cn && (r.collapseTags ? ue.push({
           key: -1,
           text: `+ ${cn}`,
           closable: !1,
           isCollapseTag: !0
-        }) : qe.forEach((Wt) => de.push(qt(Wt))));
+        }) : qe.forEach((Wt) => ue.push(qt(Wt))));
       }
-      j.value = de;
+      j.value = ue;
     }, Nt = () => {
-      var Z, de;
-      const { filterMethod: fe, showAllLevels: qe, separator: cn } = r, Wt = (de = (Z = I.value) == null ? void 0 : Z.getFlattedNodes(!r.props.checkStrictly)) == null ? void 0 : de.filter((un) => un.isDisabled ? !1 : (un.calcText(qe, cn), fe(un, Xe.value)));
+      var Z, ue;
+      const { filterMethod: fe, showAllLevels: qe, separator: cn } = r, Wt = (ue = (Z = I.value) == null ? void 0 : Z.getFlattedNodes(!r.props.checkStrictly)) == null ? void 0 : ue.filter((un) => un.isDisabled ? !1 : (un.calcText(qe, cn), fe(un, Xe.value)));
       $e.value && (j.value.forEach((un) => {
         un.hitState = !1;
       }), H.value.forEach((un) => {
@@ -7047,11 +7047,11 @@ const Ro = ht(PO), $O = we({
       })), A.value = !0, Q.value = Wt, ct();
     }, bn = () => {
       var Z;
-      let de;
-      A.value && x.value ? de = x.value.$el.querySelector(`.${l.e("suggestion-item")}`) : de = (Z = I.value) == null ? void 0 : Z.$el.querySelector(`.${l.b("node")}[tabindex="-1"]`), de && (de.focus(), !A.value && de.click());
+      let ue;
+      A.value && x.value ? ue = x.value.$el.querySelector(`.${l.e("suggestion-item")}`) : ue = (Z = I.value) == null ? void 0 : Z.$el.querySelector(`.${l.b("node")}[tabindex="-1"]`), ue && (ue.focus(), !A.value && ue.click());
     }, Ue = () => {
-      var Z, de;
-      const fe = (Z = y.value) == null ? void 0 : Z.input, qe = E.value, cn = (de = x.value) == null ? void 0 : de.$el;
+      var Z, ue;
+      const fe = (Z = y.value) == null ? void 0 : Z.input, qe = E.value, cn = (ue = x.value) == null ? void 0 : ue.$el;
       if (!(!tt || !fe)) {
         if (cn) {
           const Wt = cn.querySelector(`.${l.e("suggestion-list")}`);
@@ -7063,8 +7063,8 @@ const Ro = ht(PO), $O = we({
         }
       }
     }, Tt = (Z) => {
-      var de;
-      return (de = I.value) == null ? void 0 : de.getCheckedNodes(Z);
+      var ue;
+      return (ue = I.value) == null ? void 0 : ue.getCheckedNodes(Z);
     }, Mt = (Z) => {
       ct(), n("expandChange", Z);
     }, sn = (Z) => {
@@ -7090,39 +7090,39 @@ const Ro = ht(PO), $O = we({
       const { value: Z } = De;
       D.value = Z, K.value = Z;
     }, Ie = (Z) => {
-      var de, fe;
+      var ue, fe;
       const { checked: qe } = Z;
-      $e.value ? (de = I.value) == null || de.handleCheckChange(Z, !qe, !1) : (!qe && ((fe = I.value) == null || fe.handleCheckChange(Z, !0, !1)), rt(!1));
+      $e.value ? (ue = I.value) == null || ue.handleCheckChange(Z, !qe, !1) : (!qe && ((fe = I.value) == null || fe.handleCheckChange(Z, !0, !1)), rt(!1));
     }, ot = (Z) => {
-      const de = Z.target, { code: fe } = Z;
+      const ue = Z.target, { code: fe } = Z;
       switch (fe) {
         case Me.up:
         case Me.down: {
           const qe = fe === Me.up ? -1 : 1;
-          xs(Bh(de, qe, `.${l.e("suggestion-item")}[tabindex="-1"]`));
+          xs(Bh(ue, qe, `.${l.e("suggestion-item")}[tabindex="-1"]`));
           break;
         }
         case Me.enter:
-          de.click();
+          ue.click();
           break;
       }
     }, jt = () => {
-      const Z = j.value, de = Z[Z.length - 1];
-      i = K.value ? 0 : i + 1, !(!de || !i || r.collapseTags && Z.length > 1) && (de.hitState ? Et(de) : de.hitState = !0);
+      const Z = j.value, ue = Z[Z.length - 1];
+      i = K.value ? 0 : i + 1, !(!ue || !i || r.collapseTags && Z.length > 1) && (ue.hitState ? Et(ue) : ue.hitState = !0);
     }, ln = (Z) => {
-      const de = Z.target, fe = l.e("search-input");
-      de.className === fe && ($.value = !0), n("focus", Z);
+      const ue = Z.target, fe = l.e("search-input");
+      ue.className === fe && ($.value = !0), n("focus", Z);
     }, ho = (Z) => {
       $.value = !1, n("blur", Z);
     }, Yo = fv(() => {
       const { value: Z } = Xe;
       if (!Z)
         return;
-      const de = r.beforeFilter(Z);
-      Vb(de) ? de.then(Nt).catch(() => {
-      }) : de !== !1 ? Nt() : Ut();
-    }, r.debounce), Lr = (Z, de) => {
-      !_.value && rt(!0), !(de != null && de.isComposing) && (Z ? Yo() : Ut());
+      const ue = r.beforeFilter(Z);
+      Vb(ue) ? ue.then(Nt).catch(() => {
+      }) : ue !== !1 ? Nt() : Ut();
+    }, r.debounce), Lr = (Z, ue) => {
+      !_.value && rt(!0), !(ue != null && ue.isComposing) && (Z ? Yo() : Ut());
     }, Br = (Z) => Number.parseFloat(_b(c.cssVarName("input-height"), Z).value) - 2;
     return ae(A, ct), ae([vt, re, () => r.collapseTags], Kt), ae(j, () => {
       Fe(() => Ue());
@@ -7131,15 +7131,15 @@ const Ro = ht(PO), $O = we({
       const Z = y.value.input;
       s = Br(Z) || s, Ue();
     }), ae(De, ee, { immediate: !0 }), Je(() => {
-      const Z = y.value.input, de = Br(Z);
-      s = Z.offsetHeight || de, Wn(Z, Ue);
+      const Z = y.value.input, ue = Br(Z);
+      s = Z.offsetHeight || ue, Wn(Z, Ue);
     }), t({
       getCheckedNodes: Tt,
       cascaderPanelRef: I,
       togglePopperVisible: rt,
       contentRef: Ot,
       presentText: De
-    }), (Z, de) => (C(), Y(h(Aa), {
+    }), (Z, ue) => (C(), Y(h(Aa), {
       ref_key: "tooltipRef",
       ref: m,
       visible: _.value,
@@ -7227,7 +7227,7 @@ const Ro = ht(PO), $O = we({
               onClose: (qe) => Et(fe)
             }, {
               default: R(() => [
-                fe.isCollapseTag === !1 ? (C(), F("span", { key: 0 }, ue(fe.text), 1)) : (C(), Y(h(Aa), {
+                fe.isCollapseTag === !1 ? (C(), F("span", { key: 0 }, de(fe.text), 1)) : (C(), Y(h(Aa), {
                   key: 1,
                   disabled: _.value || !Z.collapseTagsTooltip,
                   "fallback-placements": ["bottom", "top", "right", "left"],
@@ -7235,7 +7235,7 @@ const Ro = ht(PO), $O = we({
                   effect: "light"
                 }, {
                   default: R(() => [
-                    W("span", null, ue(fe.text), 1)
+                    W("span", null, de(fe.text), 1)
                   ]),
                   content: R(() => [
                     W("div", {
@@ -7257,7 +7257,7 @@ const Ro = ht(PO), $O = we({
                           onClose: (Wt) => Et(qe)
                         }, {
                           default: R(() => [
-                            W("span", null, ue(qe.text), 1)
+                            W("span", null, de(qe.text), 1)
                           ]),
                           _: 2
                         }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]))
@@ -7330,7 +7330,7 @@ const Ro = ht(PO), $O = we({
               tabindex: -1,
               onClick: (qe) => Ie(fe)
             }, [
-              W("span", null, ue(fe.text), 1),
+              W("span", null, de(fe.text), 1),
               fe.checked ? (C(), Y(h(ze), { key: 0 }, {
                 default: R(() => [
                   q(h(Ph))
@@ -7340,7 +7340,7 @@ const Ro = ht(PO), $O = we({
             ], 10, ["onClick"]))), 128)) : te(Z.$slots, "empty", { key: 1 }, () => [
               W("li", {
                 class: L(h(l).e("empty-text"))
-              }, ue(h(u)("el.cascader.noMatch")), 3)
+              }, de(h(u)("el.cascader.noMatch")), 3)
             ])
           ]),
           _: 3
@@ -7931,7 +7931,7 @@ const dT = uT, fT = we({
                             role: "heading",
                             "aria-level": $.headerAriaLevel,
                             class: L(h(s).e("title"))
-                          }, ue($.title), 11, ["id", "aria-level"]))
+                          }, de($.title), 11, ["id", "aria-level"]))
                         ]),
                         $.showClose ? (C(), F("button", {
                           key: 2,
@@ -8799,7 +8799,7 @@ const c5 = ht(t5, {
       "aria-disabled": h(r),
       onClick: (s) => o.$emit("click", s)
     }, [
-      o.prevText ? (C(), F("span", { key: 0 }, ue(o.prevText), 1)) : (C(), Y(h(ze), { key: 1 }, {
+      o.prevText ? (C(), F("span", { key: 0 }, de(o.prevText), 1)) : (C(), Y(h(ze), { key: 1 }, {
         default: R(() => [
           (C(), Y(ut(o.prevIcon)))
         ]),
@@ -8841,7 +8841,7 @@ const m5 = we({
       "aria-disabled": h(r),
       onClick: (s) => o.$emit("click", s)
     }, [
-      o.nextText ? (C(), F("span", { key: 0 }, ue(o.nextText), 1)) : (C(), Y(h(ze), { key: 1 }, {
+      o.nextText ? (C(), F("span", { key: 0 }, de(o.nextText), 1)) : (C(), Y(h(ze), { key: 1 }, {
         default: R(() => [
           (C(), Y(ut(o.nextIcon)))
         ]),
@@ -8961,7 +8961,7 @@ function k5(e, t, n, r, o, a) {
     onClick: Ne(e.selectOptionClick, ["stop"])
   }, [
     te(e.$slots, "default", {}, () => [
-      W("span", null, ue(e.currentLabel), 1)
+      W("span", null, de(e.currentLabel), 1)
     ])
   ], 42, ["id", "aria-disabled", "aria-selected", "onMouseenter", "onClick"])), [
     [wt, e.visible]
@@ -9106,7 +9106,7 @@ const O5 = 11, T5 = (e, t) => {
     s.previousQuery === V || I.value || (s.previousQuery = V, e.filterable && bt(e.filterMethod) ? e.filterMethod(V) : e.filterable && e.remote && bt(e.remoteMethod) && e.remoteMethod(V), e.defaultFirstOption && (e.filterable || e.remote) && De.value ? Fe(Kt) : Fe(Ue));
   }, Kt = () => {
     const V = Ve.value.filter((Ke) => Ke.visible && !Ke.disabled && !Ke.states.groupDisabled), ie = V.find((Ke) => Ke.created), Te = V[0];
-    s.hoveringIndex = de(Ve.value, ie || Te);
+    s.hoveringIndex = ue(Ve.value, ie || Te);
   }, Nt = () => {
     if (e.multiple)
       s.selectedLabel = "";
@@ -9192,14 +9192,14 @@ const O5 = 11, T5 = (e, t) => {
   }, Z = (V) => {
     var ie;
     if (e.multiple) {
-      const Te = lr((ie = e.modelValue) != null ? ie : []).slice(), Ke = de(Te, V.value);
+      const Te = lr((ie = e.modelValue) != null ? ie : []).slice(), Ke = ue(Te, V.value);
       Ke > -1 ? Te.splice(Ke, 1) : (e.multipleLimit <= 0 || Te.length < e.multipleLimit) && Te.push(V.value), t(lt, Te), ln(Te), V.created && Et(""), e.filterable && !e.reserveKeyword && (s.inputValue = "");
     } else
       t(lt, V.value), ln(V.value), D.value = !1;
     vo(), !D.value && Fe(() => {
       fe(V);
     });
-  }, de = (V = [], ie) => {
+  }, ue = (V = [], ie) => {
     if (!It(ie))
       return V.indexOf(ie);
     const Te = e.valueKey;
@@ -9574,7 +9574,7 @@ function P5(e, t, n, r, o, a) {
                           label: p.currentLabel,
                           value: p.value
                         }, () => [
-                          Ee(ue(p.currentLabel), 1)
+                          _e(de(p.currentLabel), 1)
                         ])
                       ], 2)
                     ]),
@@ -9606,7 +9606,7 @@ function P5(e, t, n, r, o, a) {
                         default: R(() => [
                           W("span", {
                             class: L(e.nsSelect.e("tags-text"))
-                          }, " + " + ue(e.states.selected.length - e.maxCollapseTags), 3)
+                          }, " + " + de(e.states.selected.length - e.maxCollapseTags), 3)
                         ]),
                         _: 1
                       }, 8, ["size", "type", "effect", "style"])
@@ -9638,7 +9638,7 @@ function P5(e, t, n, r, o, a) {
                                 label: p.currentLabel,
                                 value: p.value
                               }, () => [
-                                Ee(ue(p.currentLabel), 1)
+                                _e(de(p.currentLabel), 1)
                               ])
                             ], 2)
                           ]),
@@ -9697,7 +9697,7 @@ function P5(e, t, n, r, o, a) {
                   ref: "calculatorRef",
                   "aria-hidden": "true",
                   class: L(e.nsSelect.e("input-calculator")),
-                  textContent: ue(e.states.inputValue)
+                  textContent: de(e.states.inputValue)
                 }, null, 10, ["textContent"])) : G("v-if", !0)
               ], 2)),
               e.shouldShowPlaceholder ? (C(), F("div", {
@@ -9713,8 +9713,8 @@ function P5(e, t, n, r, o, a) {
                   label: e.currentPlaceholder,
                   value: e.modelValue
                 }, () => [
-                  W("span", null, ue(e.currentPlaceholder), 1)
-                ]) : (C(), F("span", { key: 1 }, ue(e.currentPlaceholder), 1))
+                  W("span", null, de(e.currentPlaceholder), 1)
+                ]) : (C(), F("span", { key: 1 }, de(e.currentPlaceholder), 1))
               ], 2)) : G("v-if", !0)
             ], 2),
             W("div", {
@@ -9806,7 +9806,7 @@ function P5(e, t, n, r, o, a) {
               class: L(e.nsSelect.be("dropdown", "empty"))
             }, [
               te(e.$slots, "empty", {}, () => [
-                W("span", null, ue(e.emptyText), 1)
+                W("span", null, de(e.emptyText), 1)
               ])
             ], 2)) : G("v-if", !0),
             e.$slots.footer ? (C(), F("div", {
@@ -9872,7 +9872,7 @@ function N5(e, t, n, r, o, a) {
   }, [
     W("li", {
       class: L(e.ns.be("group", "title"))
-    }, ue(e.label), 3),
+    }, de(e.label), 3),
     W("li", null, [
       W("ul", {
         class: L(e.ns.b("group"))
@@ -9983,7 +9983,7 @@ const j5 = we({
     }, [
       W("span", {
         class: L([h(n).e("goto")])
-      }, ue(h(t)("el.pagination.goto")), 3),
+      }, de(h(t)("el.pagination.goto")), 3),
       q(h(Vo), {
         size: f.size,
         class: L([h(n).e("editor"), h(n).is("in-pagination")]),
@@ -9999,7 +9999,7 @@ const j5 = we({
       }, null, 8, ["size", "class", "max", "disabled", "model-value", "aria-label"]),
       W("span", {
         class: L([h(n).e("classifier")])
-      }, ue(h(t)("el.pagination.pageClassifier")), 3)
+      }, de(h(t)("el.pagination.pageClassifier")), 3)
     ], 10, ["disabled"]));
   }
 });
@@ -10019,7 +10019,7 @@ const U5 = we({
     return (o, a) => (C(), F("span", {
       class: L(h(n).e("total")),
       disabled: h(r)
-    }, ue(h(t)("el.pagination.total", {
+    }, de(h(t)("el.pagination.total", {
       total: o.total
     })), 11, ["disabled"]));
   }
@@ -10138,7 +10138,7 @@ const G5 = we({
         "aria-current": x.currentPage === O,
         "aria-label": h(a)("el.pagination.currentPage", { pager: O }),
         tabindex: h(p)
-      }, ue(O), 11, ["aria-current", "aria-label", "tabindex"]))), 128)),
+      }, de(O), 11, ["aria-current", "aria-label", "tabindex"]))), 128)),
       i.value ? (C(), F("li", {
         key: 2,
         class: L(h(d)),
@@ -10160,7 +10160,7 @@ const G5 = we({
         "aria-current": x.currentPage === x.pageCount,
         "aria-label": h(a)("el.pagination.currentPage", { pager: x.pageCount }),
         tabindex: h(p)
-      }, ue(x.pageCount), 11, ["aria-current", "aria-label", "tabindex"])) : G("v-if", !0)
+      }, de(x.pageCount), 11, ["aria-current", "aria-label", "tabindex"])) : G("v-if", !0)
     ], 42, ["onKeyup"]));
   }
 });
@@ -10483,9 +10483,9 @@ const $i = ht(e3), t3 = we({
           key: 0,
           class: L(h(a).e("title")),
           role: "title"
-        }, ue(m.title), 3)) : G("v-if", !0),
+        }, de(m.title), 3)) : G("v-if", !0),
         te(m.$slots, "default", {}, () => [
-          Ee(ue(m.content), 1)
+          _e(de(m.content), 1)
         ])
       ]),
       default: R(() => [
@@ -10768,7 +10768,7 @@ function m3(e, t, n, r, o, a) {
         key: l
       }, {
         default: R(() => [
-          Ee(ue(l + " (" + i.size + ")"), 1)
+          _e(de(l + " (" + i.size + ")"), 1)
         ]),
         _: 2
       }, 1032, ["class", "onClick"])) : G("", !0)
@@ -10999,10 +10999,10 @@ const X3 = (e) => {
   asap: tA,
   isIterable: nA
 };
-function xe(e, t, n, r, o) {
+function Ee(e, t, n, r, o) {
   Error.call(this), Error.captureStackTrace ? Error.captureStackTrace(this, this.constructor) : this.stack = new Error().stack, this.message = e, this.name = "AxiosError", t && (this.code = t), n && (this.config = n), r && (this.request = r), o && (this.response = o, this.status = o.status ? o.status : null);
 }
-M.inherits(xe, Error, {
+M.inherits(Ee, Error, {
   toJSON: function() {
     return {
       // Standard
@@ -11023,7 +11023,7 @@ M.inherits(xe, Error, {
     };
   }
 });
-const Zg = xe.prototype, Yg = {};
+const Zg = Ee.prototype, Yg = {};
 [
   "ERR_BAD_OPTION_VALUE",
   "ERR_BAD_OPTION",
@@ -11041,13 +11041,13 @@ const Zg = xe.prototype, Yg = {};
 ].forEach((e) => {
   Yg[e] = { value: e };
 });
-Object.defineProperties(xe, Yg);
+Object.defineProperties(Ee, Yg);
 Object.defineProperty(Zg, "isAxiosError", { value: !0 });
-xe.from = (e, t, n, r, o, a) => {
+Ee.from = (e, t, n, r, o, a) => {
   const s = Object.create(Zg);
   return M.toFlatObject(e, s, function(l) {
     return l !== Error.prototype;
-  }, (i) => i !== "isAxiosError"), xe.call(s, e.message, t, n, r, o), s.cause = e, s.name = e.name, a && Object.assign(s, a), s;
+  }, (i) => i !== "isAxiosError"), Ee.call(s, e.message, t, n, r, o), s.cause = e, s.name = e.name, a && Object.assign(s, a), s;
 };
 const rA = null;
 function sc(e) {
@@ -11085,7 +11085,7 @@ function Mi(e, t, n) {
     if (M.isDate(d))
       return d.toISOString();
     if (!l && M.isBlob(d))
-      throw new xe("Blob is not supported. Use a Buffer instead.");
+      throw new Ee("Blob is not supported. Use a Buffer instead.");
     return M.isArrayBuffer(d) || M.isTypedArray(d) ? l && typeof Blob == "function" ? new Blob([d]) : Buffer.from(d) : d;
   }
   function u(d, p, m) {
@@ -11335,7 +11335,7 @@ const Ga = {
         return JSON.parse(t);
       } catch (i) {
         if (s)
-          throw i.name === "SyntaxError" ? xe.from(i, xe.ERR_BAD_RESPONSE, this, null, this.response) : i;
+          throw i.name === "SyntaxError" ? Ee.from(i, Ee.ERR_BAD_RESPONSE, this, null, this.response) : i;
       }
     }
     return t;
@@ -11578,16 +11578,16 @@ function rm(e) {
   return !!(e && e.__CANCEL__);
 }
 function qo(e, t, n) {
-  xe.call(this, e ?? "canceled", xe.ERR_CANCELED, t, n), this.name = "CanceledError";
+  Ee.call(this, e ?? "canceled", Ee.ERR_CANCELED, t, n), this.name = "CanceledError";
 }
-M.inherits(qo, xe, {
+M.inherits(qo, Ee, {
   __CANCEL__: !0
 });
 function om(e, t, n) {
   const r = n.config.validateStatus;
-  !n.status || !r || r(n.status) ? e(n) : t(new xe(
+  !n.status || !r || r(n.status) ? e(n) : t(new Ee(
     "Request failed with status code " + n.status,
-    [xe.ERR_BAD_REQUEST, xe.ERR_BAD_RESPONSE][Math.floor(n.status / 100) - 4],
+    [Ee.ERR_BAD_REQUEST, Ee.ERR_BAD_RESPONSE][Math.floor(n.status / 100) - 4],
     n.config,
     n.request,
     n
@@ -11810,15 +11810,15 @@ const sm = (e) => {
     "onloadend" in m ? m.onloadend = y : m.onreadystatechange = function() {
       !m || m.readyState !== 4 || m.status === 0 && !(m.responseURL && m.responseURL.indexOf("file:") === 0) || setTimeout(y);
     }, m.onabort = function() {
-      m && (r(new xe("Request aborted", xe.ECONNABORTED, e, m)), m = null);
+      m && (r(new Ee("Request aborted", Ee.ECONNABORTED, e, m)), m = null);
     }, m.onerror = function() {
-      r(new xe("Network Error", xe.ERR_NETWORK, e, m)), m = null;
+      r(new Ee("Network Error", Ee.ERR_NETWORK, e, m)), m = null;
     }, m.ontimeout = function() {
       let x = o.timeout ? "timeout of " + o.timeout + "ms exceeded" : "timeout exceeded";
       const _ = o.transitional || tm;
-      o.timeoutErrorMessage && (x = o.timeoutErrorMessage), r(new xe(
+      o.timeoutErrorMessage && (x = o.timeoutErrorMessage), r(new Ee(
         x,
-        _.clarifyTimeoutError ? xe.ETIMEDOUT : xe.ECONNABORTED,
+        _.clarifyTimeoutError ? Ee.ETIMEDOUT : Ee.ECONNABORTED,
         e,
         m
       )), m = null;
@@ -11829,7 +11829,7 @@ const sm = (e) => {
     }, o.cancelToken && o.cancelToken.subscribe(u), o.signal && (o.signal.aborted ? u() : o.signal.addEventListener("abort", u)));
     const E = xA(o.url);
     if (E && Bt.protocols.indexOf(E) === -1) {
-      r(new xe("Unsupported protocol " + E + ":", xe.ERR_BAD_REQUEST, e));
+      r(new Ee("Unsupported protocol " + E + ":", Ee.ERR_BAD_REQUEST, e));
       return;
     }
     m.send(a || null);
@@ -11842,11 +11842,11 @@ const sm = (e) => {
       if (!o) {
         o = !0, i();
         const u = c instanceof Error ? c : this.reason;
-        r.abort(u instanceof xe ? u : new qo(u instanceof Error ? u.message : u));
+        r.abort(u instanceof Ee ? u : new qo(u instanceof Error ? u.message : u));
       }
     };
     let s = t && setTimeout(() => {
-      s = null, a(new xe(`timeout ${t} of ms exceeded`, xe.ETIMEDOUT));
+      s = null, a(new Ee(`timeout ${t} of ms exceeded`, Ee.ETIMEDOUT));
     }, t);
     const i = () => {
       e && (s && clearTimeout(s), s = null, e.forEach((c) => {
@@ -11936,7 +11936,7 @@ const sm = (e) => {
 ji && ((e) => {
   ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((t) => {
     !Ys[t] && (Ys[t] = M.isFunction(e[t]) ? (n) => n[t]() : (n, r) => {
-      throw new xe(`Response type '${t}' is not supported`, xe.ERR_NOT_SUPPORT, r);
+      throw new Ee(`Response type '${t}' is not supported`, Ee.ERR_NOT_SUPPORT, r);
     });
   });
 })(new Response());
@@ -12036,11 +12036,11 @@ const jA = async (e) => {
     });
   } catch (y) {
     throw p && p(), y && y.name === "TypeError" && /Load failed|fetch/i.test(y.message) ? Object.assign(
-      new xe("Network Error", xe.ERR_NETWORK, e, d),
+      new Ee("Network Error", Ee.ERR_NETWORK, e, d),
       {
         cause: y.cause || y
       }
-    ) : xe.from(y, y && y.code, e, d);
+    ) : Ee.from(y, y && y.code, e, d);
   }
 }), cc = {
   http: rA,
@@ -12066,7 +12066,7 @@ const Xf = (e) => `- ${e}`, HA = (e) => M.isFunction(e) || e === null || e === !
       n = e[a];
       let s;
       if (r = n, !HA(n) && (r = cc[(s = String(n)).toLowerCase()], r === void 0))
-        throw new xe(`Unknown adapter '${s}'`);
+        throw new Ee(`Unknown adapter '${s}'`);
       if (r)
         break;
       o[s || "#" + a] = r;
@@ -12078,7 +12078,7 @@ const Xf = (e) => `- ${e}`, HA = (e) => M.isFunction(e) || e === null || e === !
       let s = t ? a.length > 1 ? `since :
 ` + a.map(Xf).join(`
 `) : " " + Xf(a[0]) : "as no adapter specified";
-      throw new xe(
+      throw new Ee(
         "There is no suitable adapter to dispatch the request " + s,
         "ERR_NOT_SUPPORT"
       );
@@ -12122,9 +12122,9 @@ Vi.transitional = function(t, n, r) {
   }
   return (a, s, i) => {
     if (t === !1)
-      throw new xe(
+      throw new Ee(
         o(s, " has been removed" + (n ? " in " + n : "")),
-        xe.ERR_DEPRECATED
+        Ee.ERR_DEPRECATED
       );
     return n && !ep[s] && (ep[s] = !0, console.warn(
       o(
@@ -12139,7 +12139,7 @@ Vi.spelling = function(t) {
 };
 function UA(e, t, n) {
   if (typeof e != "object")
-    throw new xe("options must be an object", xe.ERR_BAD_OPTION_VALUE);
+    throw new Ee("options must be an object", Ee.ERR_BAD_OPTION_VALUE);
   const r = Object.keys(e);
   let o = r.length;
   for (; o-- > 0; ) {
@@ -12147,11 +12147,11 @@ function UA(e, t, n) {
     if (s) {
       const i = e[a], l = i === void 0 || s(i, a, e);
       if (l !== !0)
-        throw new xe("option " + a + " must be " + l, xe.ERR_BAD_OPTION_VALUE);
+        throw new Ee("option " + a + " must be " + l, Ee.ERR_BAD_OPTION_VALUE);
       continue;
     }
     if (n !== !0)
-      throw new xe("Unknown option " + a, xe.ERR_BAD_OPTION);
+      throw new Ee("Unknown option " + a, Ee.ERR_BAD_OPTION);
   }
 }
 const $s = {
@@ -12444,7 +12444,7 @@ St.CancelToken = wu;
 St.isCancel = rm;
 St.VERSION = um;
 St.toFormData = Mi;
-St.AxiosError = xe;
+St.AxiosError = Ee;
 St.Cancel = St.CanceledError;
 St.all = function(t) {
   return Promise.all(t);
@@ -15498,7 +15498,7 @@ const t8 = U({
               y.rawContent ? (C(), F("span", {
                 key: 0,
                 innerHTML: y.content
-              }, null, 8, ["innerHTML"])) : (C(), F("span", { key: 1 }, ue(y.content), 1))
+              }, null, 8, ["innerHTML"])) : (C(), F("span", { key: 1 }, de(y.content), 1))
             ]),
             y.showArrow ? (C(), Y(h(sR), {
               key: 0,
@@ -16283,7 +16283,7 @@ const I8 = _t({
         class: L(h(t).e("header"))
       }, [
         te(n.$slots, "header", {}, () => [
-          Ee(ue(n.header), 1)
+          _e(de(n.header), 1)
         ])
       ], 2)) : G("v-if", !0),
       W("div", {
@@ -16297,7 +16297,7 @@ const I8 = _t({
         class: L(h(t).e("footer"))
       }, [
         te(n.$slots, "footer", {}, () => [
-          Ee(ue(n.footer), 1)
+          _e(de(n.footer), 1)
         ])
       ], 2)) : G("v-if", !0)
     ], 2));
@@ -16563,9 +16563,9 @@ const H8 = _t({
           key: 0,
           class: L(h(a).e("title")),
           role: "title"
-        }, ue(m.title), 3)) : G("v-if", !0),
+        }, de(m.title), 3)) : G("v-if", !0),
         te(m.$slots, "default", {}, () => [
-          Ee(ue(m.content), 1)
+          _e(de(m.content), 1)
         ])
       ]),
       default: R(() => [
@@ -17006,10 +17006,10 @@ const j4 = (e) => {
   setImmediate: h0,
   asap: H4
 };
-function _e(e, t, n, r, o) {
+function xe(e, t, n, r, o) {
   Error.call(this), Error.captureStackTrace ? Error.captureStackTrace(this, this.constructor) : this.stack = new Error().stack, this.message = e, this.name = "AxiosError", t && (this.code = t), n && (this.config = n), r && (this.request = r), o && (this.response = o, this.status = o.status ? o.status : null);
 }
-z.inherits(_e, Error, {
+z.inherits(xe, Error, {
   toJSON: function() {
     return {
       // Standard
@@ -17030,7 +17030,7 @@ z.inherits(_e, Error, {
     };
   }
 });
-const v0 = _e.prototype, g0 = {};
+const v0 = xe.prototype, g0 = {};
 [
   "ERR_BAD_OPTION_VALUE",
   "ERR_BAD_OPTION",
@@ -17048,13 +17048,13 @@ const v0 = _e.prototype, g0 = {};
 ].forEach((e) => {
   g0[e] = { value: e };
 });
-Object.defineProperties(_e, g0);
+Object.defineProperties(xe, g0);
 Object.defineProperty(v0, "isAxiosError", { value: !0 });
-_e.from = (e, t, n, r, o, a) => {
+xe.from = (e, t, n, r, o, a) => {
   const s = Object.create(v0);
   return z.toFlatObject(e, s, function(i) {
     return i !== Error.prototype;
-  }, (i) => i !== "isAxiosError"), _e.call(s, e.message, t, n, r, o), s.cause = e, s.name = e.name, a && Object.assign(s, a), s;
+  }, (i) => i !== "isAxiosError"), xe.call(s, e.message, t, n, r, o), s.cause = e, s.name = e.name, a && Object.assign(s, a), s;
 };
 const U4 = null;
 function yc(e) {
@@ -17092,7 +17092,7 @@ function Yi(e, t, n) {
     if (z.isDate(v))
       return v.toISOString();
     if (!i && z.isBlob(v))
-      throw new _e("Blob is not supported. Use a Buffer instead.");
+      throw new xe("Blob is not supported. Use a Buffer instead.");
     return z.isArrayBuffer(v) || z.isTypedArray(v) ? i && typeof Blob == "function" ? new Blob([v]) : Buffer.from(v) : v;
   }
   function c(v, d, p) {
@@ -17338,7 +17338,7 @@ const es = {
         return JSON.parse(e);
       } catch (a) {
         if (o)
-          throw a.name === "SyntaxError" ? _e.from(a, _e.ERR_BAD_RESPONSE, this, null, this.response) : a;
+          throw a.name === "SyntaxError" ? xe.from(a, xe.ERR_BAD_RESPONSE, this, null, this.response) : a;
       }
     }
     return e;
@@ -17573,16 +17573,16 @@ function S0(e) {
   return !!(e && e.__CANCEL__);
 }
 function Jo(e, t, n) {
-  _e.call(this, e ?? "canceled", _e.ERR_CANCELED, t, n), this.name = "CanceledError";
+  xe.call(this, e ?? "canceled", xe.ERR_CANCELED, t, n), this.name = "CanceledError";
 }
-z.inherits(Jo, _e, {
+z.inherits(Jo, xe, {
   __CANCEL__: !0
 });
 function k0(e, t, n) {
   const r = n.config.validateStatus;
-  !n.status || !r || r(n.status) ? e(n) : t(new _e(
+  !n.status || !r || r(n.status) ? e(n) : t(new xe(
     "Request failed with status code " + n.status,
-    [_e.ERR_BAD_REQUEST, _e.ERR_BAD_RESPONSE][Math.floor(n.status / 100) - 4],
+    [xe.ERR_BAD_REQUEST, xe.ERR_BAD_RESPONSE][Math.floor(n.status / 100) - 4],
     n.config,
     n.request,
     n
@@ -17832,15 +17832,15 @@ const x0 = (e) => {
     "onloadend" in p ? p.onloadend = m : p.onreadystatechange = function() {
       !p || p.readyState !== 4 || p.status === 0 && !(p.responseURL && p.responseURL.indexOf("file:") === 0) || setTimeout(m);
     }, p.onabort = function() {
-      p && (n(new _e("Request aborted", _e.ECONNABORTED, e, p)), p = null);
+      p && (n(new xe("Request aborted", xe.ECONNABORTED, e, p)), p = null);
     }, p.onerror = function() {
-      n(new _e("Network Error", _e.ERR_NETWORK, e, p)), p = null;
+      n(new xe("Network Error", xe.ERR_NETWORK, e, p)), p = null;
     }, p.ontimeout = function() {
       let E = r.timeout ? "timeout of " + r.timeout + "ms exceeded" : "timeout exceeded";
       const I = r.transitional || w0;
-      r.timeoutErrorMessage && (E = r.timeoutErrorMessage), n(new _e(
+      r.timeoutErrorMessage && (E = r.timeoutErrorMessage), n(new xe(
         E,
-        I.clarifyTimeoutError ? _e.ETIMEDOUT : _e.ECONNABORTED,
+        I.clarifyTimeoutError ? xe.ETIMEDOUT : xe.ECONNABORTED,
         e,
         p
       )), p = null;
@@ -17851,7 +17851,7 @@ const x0 = (e) => {
     }, r.cancelToken && r.cancelToken.subscribe(c), r.signal && (r.signal.aborted ? c() : r.signal.addEventListener("abort", c)));
     const y = f6(r.url);
     if (y && on.protocols.indexOf(y) === -1) {
-      n(new _e("Unsupported protocol " + y + ":", _e.ERR_BAD_REQUEST, e));
+      n(new xe("Unsupported protocol " + y + ":", xe.ERR_BAD_REQUEST, e));
       return;
     }
     p.send(o || null);
@@ -17864,11 +17864,11 @@ const x0 = (e) => {
       if (!o) {
         o = !0, i();
         const u = c instanceof Error ? c : this.reason;
-        r.abort(u instanceof _e ? u : new Jo(u instanceof Error ? u.message : u));
+        r.abort(u instanceof xe ? u : new Jo(u instanceof Error ? u.message : u));
       }
     };
     let s = t && setTimeout(() => {
-      s = null, a(new _e(`timeout ${t} of ms exceeded`, _e.ETIMEDOUT));
+      s = null, a(new xe(`timeout ${t} of ms exceeded`, xe.ETIMEDOUT));
     }, t);
     const i = () => {
       e && (s && clearTimeout(s), s = null, e.forEach((c) => {
@@ -17958,7 +17958,7 @@ const x0 = (e) => {
 Xi && ((e) => {
   ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((t) => {
     !ii[t] && (ii[t] = z.isFunction(e[t]) ? (n) => n[t]() : (n, r) => {
-      throw new _e(`Response type '${t}' is not supported`, _e.ERR_NOT_SUPPORT, r);
+      throw new xe(`Response type '${t}' is not supported`, xe.ERR_NOT_SUPPORT, r);
     });
   });
 })(new Response());
@@ -18055,11 +18055,11 @@ const O6 = async (e) => {
     });
   } catch (y) {
     throw p && p(), y && y.name === "TypeError" && /fetch/i.test(y.message) ? Object.assign(
-      new _e("Network Error", _e.ERR_NETWORK, e, d),
+      new xe("Network Error", xe.ERR_NETWORK, e, d),
       {
         cause: y.cause || y
       }
-    ) : _e.from(y, y && y.code, e, d);
+    ) : xe.from(y, y && y.code, e, d);
   }
 }), Cc = {
   http: U4,
@@ -18085,7 +18085,7 @@ const sh = (e) => `- ${e}`, I6 = (e) => z.isFunction(e) || e === null || e === !
       n = e[a];
       let s;
       if (r = n, !I6(n) && (r = Cc[(s = String(n)).toLowerCase()], r === void 0))
-        throw new _e(`Unknown adapter '${s}'`);
+        throw new xe(`Unknown adapter '${s}'`);
       if (r)
         break;
       o[s || "#" + a] = r;
@@ -18097,7 +18097,7 @@ const sh = (e) => `- ${e}`, I6 = (e) => z.isFunction(e) || e === null || e === !
       let s = t ? a.length > 1 ? `since :
 ` + a.map(sh).join(`
 `) : " " + sh(a[0]) : "as no adapter specified";
-      throw new _e(
+      throw new xe(
         "There is no suitable adapter to dispatch the request " + s,
         "ERR_NOT_SUPPORT"
       );
@@ -18141,9 +18141,9 @@ Zu.transitional = function(e, t, n) {
   }
   return (o, a, s) => {
     if (e === !1)
-      throw new _e(
+      throw new xe(
         r(a, " has been removed" + (t ? " in " + t : "")),
-        _e.ERR_DEPRECATED
+        xe.ERR_DEPRECATED
       );
     return t && !lh[a] && (lh[a] = !0, console.warn(
       r(
@@ -18155,7 +18155,7 @@ Zu.transitional = function(e, t, n) {
 };
 function F6(e, t, n) {
   if (typeof e != "object")
-    throw new _e("options must be an object", _e.ERR_BAD_OPTION_VALUE);
+    throw new xe("options must be an object", xe.ERR_BAD_OPTION_VALUE);
   const r = Object.keys(e);
   let o = r.length;
   for (; o-- > 0; ) {
@@ -18163,11 +18163,11 @@ function F6(e, t, n) {
     if (s) {
       const i = e[a], l = i === void 0 || s(i, a, e);
       if (l !== !0)
-        throw new _e("option " + a + " must be " + l, _e.ERR_BAD_OPTION_VALUE);
+        throw new xe("option " + a + " must be " + l, xe.ERR_BAD_OPTION_VALUE);
       continue;
     }
     if (n !== !0)
-      throw new _e("Unknown option " + a, _e.ERR_BAD_OPTION);
+      throw new xe("Unknown option " + a, xe.ERR_BAD_OPTION);
   }
 }
 const Sc = {
@@ -18457,7 +18457,7 @@ kt.CancelToken = Yu;
 kt.isCancel = S0;
 kt.VERSION = A0;
 kt.toFormData = Yi;
-kt.AxiosError = _e;
+kt.AxiosError = xe;
 kt.Cancel = kt.CanceledError;
 kt.all = function(e) {
   return Promise.all(e);
@@ -18608,7 +18608,7 @@ const L6 = ["src"], B6 = ["src"], D6 = {
             G("", !0),
             e.showCardDetails ? (C(), F("div", D6, [
               e.data.hideType ? G("", !0) : (C(), F("p", M6, [
-                W("b", null, ue(e.data.type), 1)
+                W("b", null, de(e.data.type), 1)
               ])),
               q(I, {
                 "virtual-ref": a.value,
@@ -18623,7 +18623,7 @@ const L6 = ["src"], B6 = ["src"], D6 = {
                 ref_key: "titleText",
                 ref: a,
                 class: "title"
-              }, ue(e.data.title), 513), [
+              }, de(e.data.title), 513), [
                 [wt, !e.data.hideTitle]
               ]),
               Oe(W("p", j6, null, 512), [
@@ -18635,7 +18635,7 @@ const L6 = ["src"], B6 = ["src"], D6 = {
                 size: "large"
               }, {
                 default: R(() => [
-                  Ee(" View " + ue(e.data.type), 1)
+                  _e(" View " + de(e.data.type), 1)
                 ]),
                 _: 1
               })
@@ -19595,9 +19595,9 @@ function AN(e, t, n, r, o, a) {
           W("div", {
             class: "title",
             onClick: t[0] || (t[0] = (...f) => a.cardClicked && a.cardClicked(...f))
-          }, ue(n.entry.name), 1),
-          W("div", EN, ue(a.contributors) + " " + ue(n.entry.publishDate ? `(${a.publishYear})` : ""), 1),
-          W("div", xN, ue(a.samples), 1),
+          }, de(n.entry.name), 1),
+          W("div", EN, de(a.contributors) + " " + de(n.entry.publishDate ? `(${a.publishYear})` : ""), 1),
+          W("div", xN, de(a.samples), 1),
           n.entry.detailsReady ? G("", !0) : Oe((C(), F("div", _N, null, 512)), [
             [u, !n.entry.detailsReady]
           ]),
@@ -19610,7 +19610,7 @@ function AN(e, t, n, r, o, a) {
               icon: o.ElIconView
             }, {
               default: R(() => t[1] || (t[1] = [
-                Ee("View repository")
+                _e("View repository")
               ])),
               _: 1
             }, 8, ["onClick", "icon"])) : G("", !0)
@@ -19676,13 +19676,10 @@ const IN = {
     sortSearchHistory(e, t) {
       return e.saved !== t.saved ? t.saved - e.saved : e.updated !== t.updated ? t.updated - e.updated : 0;
     },
-    formatFilters(e) {
-      return e.facet2 && (e.facet = e.facet2, delete e.facet2), e;
-    },
     addSearchToHistory(e = [], t = "") {
       if (t = t.trim(), !this.searchHistory.some((r) => {
         let o = r.filters, a = e;
-        o.forEach((l) => this.formatFilters(l)), a.forEach((l) => this.formatFilters(l)), o = o.sort(this.sortFilters), a = a.sort(this.sortFilters);
+        o = o.sort(this.sortFilters), a = a.sort(this.sortFilters);
         const s = JSON.stringify(o), i = JSON.stringify(a);
         return r.search === t && s === i;
       })) {
@@ -19732,9 +19729,7 @@ const IN = {
           const { label: t, longLabel: n } = this.searchHistoryItemLabel(e.search, e.filters);
           e.label = t, e.longLabel = n;
         }
-        e.filters.forEach(
-          (t) => this.formatFilters(t)
-        ), e.filters = e.filters.sort(this.sortFilters), e.saved || (e.saved = !1), e.updated || (e.updated = (/* @__PURE__ */ new Date()).getTime());
+        e.filters = e.filters.sort(this.sortFilters), e.saved || (e.saved = !1), e.updated || (e.updated = (/* @__PURE__ */ new Date()).getTime());
       }), this.searchHistory = this.searchHistory.sort(this.sortSearchHistory), this.removeDuplicateSearchHistory(), this.trimSearchHistory(), localStorage.setItem(this.localStorageKey, JSON.stringify(this.searchHistory));
     },
     search: function(e) {
@@ -19742,7 +19737,7 @@ const IN = {
     },
     searchHistoryItemLabel: function(e, t) {
       let n = e ? `"${e.trim()}"` : "", r = "", o = [], a = [];
-      return t && (o = t.filter((s) => s.facet !== "Show all"), a = o.map((s) => s.facet2 || s.facet)), n && o.length && (r += n, r += `, ${a.join(", ")}`, n += ` (+${o.length})`), !n && o.length && (n = o[0].facet, o.length > 1 && (r += `${a.join(", ")}`, n += ` (+${o.length - 1})`)), n ? n.length > 15 && !r && (r = n) : n = "", { label: n, longLabel: r };
+      return t && (o = t.filter((s) => s.facet !== "Show all"), a = o.map((s) => s.facet)), n && o.length && (r += n, r += `, ${a.join(", ")}`, n += ` (+${o.length})`), !n && o.length && (n = o[0].facet, o.length > 1 && (r += `${a.join(", ")}`, n += ` (+${o.length - 1})`)), n ? n.length > 15 && !r && (r = n) : n = "", { label: n, longLabel: r };
     },
     toggleSavedSearch: function(e) {
       this.searchHistory.forEach((t) => {
@@ -19790,14 +19785,14 @@ function zN(e, t, n, r, o, a) {
               "popper-class": "popover-dropdown"
             }, {
               reference: R(() => [
-                Ee(ue(p.label), 1)
+                _e(de(p.label), 1)
               ]),
               default: R(() => [
-                Ee(" " + ue(p.longLabel), 1)
+                _e(" " + de(p.longLabel), 1)
               ]),
               _: 2
             }, 1024)) : (C(), F(Pe, { key: 1 }, [
-              Ee(ue(p.label), 1)
+              _e(de(p.label), 1)
             ], 64))
           ]),
           _: 2
@@ -19830,17 +19825,17 @@ function zN(e, t, n, r, o, a) {
                       W("span", {
                         class: "dropdown-clickable-item",
                         onClick: (m) => a.search(p)
-                      }, ue(p.label), 9, NN)
+                      }, de(p.label), 9, NN)
                     ]),
                     default: R(() => [
-                      Ee(" " + ue(p.longLabel), 1)
+                      _e(" " + de(p.longLabel), 1)
                     ]),
                     _: 2
                   }, 1024)) : (C(), F("span", {
                     key: 1,
                     class: "dropdown-clickable-item",
                     onClick: (m) => a.search(p)
-                  }, ue(p.label), 9, LN))
+                  }, de(p.label), 9, LN))
                 ]),
                 W("div", null, [
                   q(s, {
@@ -19918,7 +19913,7 @@ function zN(e, t, n, r, o, a) {
       ]),
       default: R(() => [
         W("span", RN, [
-          t[1] || (t[1] = Ee(" Search history ")),
+          t[1] || (t[1] = _e(" Search history ")),
           q(c, { class: "el-icon--right" }, {
             default: R(() => [
               q(l)
@@ -19931,7 +19926,7 @@ function zN(e, t, n, r, o, a) {
     })
   ])) : G("", !0);
 }
-const el = /* @__PURE__ */ $n(IN, [["render", zN], ["__scopeId", "data-v-871e93b9"]]), K0 = (e, t) => {
+const el = /* @__PURE__ */ $n(IN, [["render", zN], ["__scopeId", "data-v-566eaa1a"]]), K0 = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [r, o] of t)
     n[r] = o;
@@ -21061,7 +21056,7 @@ var Ty = { exports: {} };
       return function(S, k) {
         return b.transporter.read({ method: j, path: "1/indexes/*/objects", data: { requests: S } }, k);
       };
-    }, de = function(b) {
+    }, ue = function(b) {
       return function(S, k) {
         var T = S.map(function(N) {
           return o(o({}, N), {}, { params: ge(N.params || {}) });
@@ -21549,7 +21544,7 @@ var Ty = { exports: {} };
           return Promise.all([ce.requestsCache.clear(), ce.responsesCache.clear()]).then(function() {
           });
         } }, X.methods);
-      }(o(o({}, ne), {}, { methods: { search: de, searchForFacetValues: fe, multipleBatch: Br, multipleGetObjects: Z, multipleQueries: de, copyIndex: ct, copySettings: qt, copySynonyms: Et, copyRules: Ut, moveIndex: Lr, listIndices: ho, getLogs: sn, listClusters: ln, multipleSearchForFacetValues: fe, getApiKey: Ue, addApiKey: yn, listApiKeys: jt, updateApiKey: rl, deleteApiKey: Nt, restoreApiKey: Wt, assignUserID: Rt, assignUserIDs: Ot, getUserID: ee, searchUserIDs: ts, listUserIDs: Yo, getTopUserIDs: At, removeUserID: qe, hasPendingMappings: Ie, clearDictionaryEntries: rt, deleteDictionaryEntries: bn, getDictionarySettings: Mt, getAppTask: Tt, replaceDictionaryEntries: cn, saveDictionaryEntries: un, searchDictionaryEntries: vo, setDictionarySettings: nl, waitAppTask: mr, customRequest: Kt, initIndex: function(X) {
+      }(o(o({}, ne), {}, { methods: { search: ue, searchForFacetValues: fe, multipleBatch: Br, multipleGetObjects: Z, multipleQueries: ue, copyIndex: ct, copySettings: qt, copySynonyms: Et, copyRules: Ut, moveIndex: Lr, listIndices: ho, getLogs: sn, listClusters: ln, multipleSearchForFacetValues: fe, getApiKey: Ue, addApiKey: yn, listApiKeys: jt, updateApiKey: rl, deleteApiKey: Nt, restoreApiKey: Wt, assignUserID: Rt, assignUserIDs: Ot, getUserID: ee, searchUserIDs: ts, listUserIDs: Yo, getTopUserIDs: At, removeUserID: qe, hasPendingMappings: Ie, clearDictionaryEntries: rt, deleteDictionaryEntries: bn, getDictionarySettings: Mt, getAppTask: Tt, replaceDictionaryEntries: cn, saveDictionaryEntries: un, searchDictionaryEntries: vo, setDictionarySettings: nl, waitAppTask: mr, customRequest: Kt, initIndex: function(X) {
         return function(oe) {
           return ot(X)(oe, { methods: { batch: Xo, delete: cl, findAnswers: qn, getObject: go, getObjects: wn, saveObject: Vy, saveObjects: dl, search: rd, searchForFacetValues: od, waitTask: gt, setSettings: Uy, getSettings: td, partialUpdateObject: By, partialUpdateObjects: nd, deleteObject: ul, deleteObjects: V, deleteBy: ll, clearObjects: sl, browseObjects: ol, getObjectPosition: rr, findObject: yr, exists: Ke, saveSynonym: Hy, saveSynonyms: pl, getSynonym: Ly, searchSynonyms: sd, browseSynonyms: al, deleteSynonym: Te, clearSynonyms: il, replaceAllObjects: Dy, replaceAllSynonyms: jy, searchRules: ad, getRule: rs, deleteRule: ie, saveRule: zy, saveRules: fl, replaceAllRules: My, browseRules: Qo, clearRules: ns } });
         };
@@ -21803,7 +21798,7 @@ const ci = function(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }, Hl = function(e) {
   const t = e.toLowerCase();
-  return li[t] ? ci(li[t]) : ci(t);
+  return li[t] ? ci(li[t]) : e === e.toUpperCase() ? e : ci(t);
 }, oL = {
   name: "SearchFilters",
   components: {
@@ -21871,6 +21866,17 @@ const ci = function(e) {
       return this.entry.showFilters;
     }
   },
+  watch: {
+    entry: {
+      deep: !0,
+      immediate: !0,
+      handler: function(e, t) {
+        JSON.stringify(e == null ? void 0 : e.options) !== JSON.stringify(t == null ? void 0 : t.options) && (this.options = [], this.filters = [], this.cascaderIsReady = !1, this.populateCascader().then(() => {
+          this.cascaderIsReady = !0, this.checkShowAllBoxes(), this.cssMods(), this.$emit("cascaderReady");
+        }));
+      }
+    }
+  },
   methods: {
     createCascaderItemValue: function(e, t = void 0, n = void 0) {
       let r = e;
@@ -21883,7 +21889,7 @@ const ci = function(e) {
         this.options[t].total = this.countTotalFacet(e), this.options[t].label = Hl(e.label), this.options[t].value = this.createCascaderItemValue(
           e.key,
           void 0
-        ), this.options[t].children.unshift({
+        ), this.options[t].children.find((n) => n.label === "Show all") || this.options[t].children.unshift({
           value: this.createCascaderItemValue("Show all"),
           label: "Show all"
         }), this.options[t].children.forEach((n, r) => {
@@ -21979,34 +21985,34 @@ const ci = function(e) {
       let t = [...e];
       if (t) {
         if (t = this.showAllEventModifier(t), t = this.showAllEventModifierForAutoCheckAll(t), this.__expandItem__) {
-          let a = 0;
-          this.__expandItem__.length > 1 && (a = 1);
-          const s = t.filter((l) => l[a] == this.__expandItem__[a]), i = t.filter((l) => l[a] !== this.__expandItem__[a]);
-          t = [...s, ...i];
+          let o = 0;
+          this.__expandItem__.length > 1 && (o = 1);
+          const a = t.filter((i) => i[o] == this.__expandItem__[o]), s = t.filter((i) => i[o] !== this.__expandItem__[o]);
+          t = [...a, ...s];
         }
-        let n = t.filter((a) => a !== void 0).map((a) => {
-          let { hString: s, bString: i } = this.findHierarachyStringAndBooleanString(a), { facet: l, facet2: c, term: u } = this.getFacetsFromHierarchyString(s);
+        let n = t.filter((o) => o !== void 0).map((o) => {
+          let { hString: a, bString: s } = this.findHierarachyStringAndBooleanString(o), { facet: i, facet2: l, term: c } = this.getFacetsFromHierarchyString(a);
           return {
-            facetPropPath: a[0],
-            facet: l,
-            facet2: c,
-            term: u,
-            AND: i
+            facetPropPath: o[0],
+            facet: i,
+            facet2: l,
+            term: c,
+            AND: s
             // for setting the boolean
           };
-        }), r = t.filter((a) => a !== void 0).map((a) => {
-          let s, i = a[0].includes("duplicate") ? a[0].split("duplicate")[0] : a[0], { hString: l, bString: c } = this.findHierarachyStringAndBooleanString(a), { facet: u, facet2: f, term: g } = this.getFacetsFromHierarchyString(l);
-          return f && (u = f, s = "anatomy.organ.name"), {
-            facetPropPath: i,
-            facet: u,
-            term: g,
-            AND: c,
+        }), r = t.filter((o) => o !== void 0).map((o) => {
+          let a, s = o[0].includes("duplicate") ? o[0].split("duplicate")[0] : o[0], { hString: i, bString: l } = this.findHierarachyStringAndBooleanString(o), { facet: c, facet2: u, term: f } = this.getFacetsFromHierarchyString(i);
+          return u && (c = u, a = "anatomy.organ.name"), {
+            facetPropPath: s,
+            facet: c,
+            term: f,
+            AND: l,
             // for setting the boolean
-            facetSubPropPath: s
+            facetSubPropPath: a
             // will be used for filters if we are at the third level of the cascader
           };
         });
-        r.filter((a) => a.facet !== "Show all").length || (r = []), this.filterTimeout && clearTimeout(this.filterTimeout), this.$emit("loading", !0), this.setCascader(n), this.filterTimeout = setTimeout(() => {
+        this.filterTimeout && clearTimeout(this.filterTimeout), this.$emit("loading", !0), this.setCascader(n), this.filterTimeout = setTimeout(() => {
           this.$emit("filterResults", r), this.cssMods();
         }, 600);
       }
@@ -22196,19 +22202,19 @@ const ci = function(e) {
       this.cascaderIsReady = !0, this.checkShowAllBoxes(), this.setCascader(this.entry.filterFacets), this.cssMods(), this.$emit("cascaderReady");
     });
   }
-}, aL = { class: "filters" }, sL = {
+}, aL = { class: "filters" }, sL = { key: 0 }, iL = {
   key: 0,
   class: "cascader-tag"
-}, iL = { class: "el-tags-container" }, lL = { class: "el-tags-container" }, cL = { class: "search-filters transition-box" }, uL = {
+}, lL = { class: "tag-text" }, cL = { class: "el-tags-container" }, uL = { class: "el-tags-container" }, dL = { class: "search-filters transition-box" }, fL = {
   key: 0,
   class: "filter-default-value"
-}, dL = { class: "dataset-shown" }, fL = { class: "dataset-results-feedback" };
-function pL(e, t, n, r, o, a) {
+}, pL = { class: "dataset-shown" }, hL = { class: "dataset-results-feedback" };
+function vL(e, t, n, r, o, a) {
   const s = Se("MapSvgSpriteColor"), i = Ro, l = Ri, c = Sg, u = Se("MapSvgIcon"), f = vu, g = Pi, v = Ho;
   return C(), F("div", aL, [
     q(s),
-    Oe(W("div", null, [
-      e.presentTags.length > 0 ? (C(), F("div", sL, [
+    a.showFilters ? (C(), F("div", sL, [
+      e.presentTags.length > 0 ? (C(), F("div", iL, [
         q(i, {
           class: "ml-2",
           type: "info",
@@ -22216,19 +22222,19 @@ function pL(e, t, n, r, o, a) {
           onClose: t[0] || (t[0] = (d) => a.cascadeTagClose(e.presentTags[0]))
         }, {
           default: R(() => [
-            Ee(ue(e.presentTags[0]), 1)
+            W("p", lL, de(e.presentTags[0]), 1)
           ]),
           _: 1
         }),
         e.presentTags.length > 1 ? (C(), Y(l, {
           key: 0,
           placement: "bottom-start",
-          width: 200,
+          width: 250,
           trigger: "hover",
           "popper-class": "cascade-tags-popover"
         }, {
           default: R(() => [
-            W("div", iL, [
+            W("div", cL, [
               (C(!0), F(Pe, null, ft(e.presentTags.slice(1), (d, p) => (C(), Y(i, {
                 key: p,
                 class: "ml-2",
@@ -22237,21 +22243,21 @@ function pL(e, t, n, r, o, a) {
                 onClose: (m) => a.cascadeTagClose(d)
               }, {
                 default: R(() => [
-                  Ee(ue(d), 1)
+                  _e(de(d), 1)
                 ]),
                 _: 2
               }, 1032, ["onClose"]))), 128))
             ])
           ]),
           reference: R(() => [
-            W("div", lL, [
+            W("div", uL, [
               e.presentTags.length > 1 ? (C(), Y(i, {
                 key: 0,
                 class: "ml-2",
                 type: "info"
               }, {
                 default: R(() => [
-                  Ee(" +" + ue(e.presentTags.length - 1), 1)
+                  _e(" +" + de(e.presentTags.length - 1), 1)
                 ]),
                 _: 1
               })) : G("", !0)
@@ -22262,7 +22268,7 @@ function pL(e, t, n, r, o, a) {
       ])) : G("", !0),
       q(Fr, { name: "el-zoom-in-top" }, {
         default: R(() => [
-          Oe((C(), F("span", cL, [
+          Oe((C(), F("span", dL, [
             q(c, {
               class: "cascader",
               ref: "cascader",
@@ -22279,7 +22285,7 @@ function pL(e, t, n, r, o, a) {
               "show-all-levels": !0,
               "popper-class": "sidebar-cascader-popper"
             }, null, 8, ["modelValue", "options", "props", "onExpandChange"]),
-            e.showFiltersText ? (C(), F("div", uL, "Filters")) : G("", !0),
+            e.showFiltersText ? (C(), F("div", fL, "Filters")) : G("", !0),
             q(l, {
               title: "How do filters work?",
               width: "250",
@@ -22295,15 +22301,15 @@ function pL(e, t, n, r, o, a) {
               default: R(() => [
                 t[5] || (t[5] = W("div", null, [
                   W("strong", null, "Within categories:"),
-                  Ee(" OR "),
+                  _e(" OR "),
                   W("br"),
-                  Ee(" example: 'heart' OR 'colon' "),
+                  _e(" example: 'heart' OR 'colon' "),
                   W("br"),
                   W("br"),
                   W("strong", null, "Between categories:"),
-                  Ee(" AND "),
+                  _e(" AND "),
                   W("br"),
-                  Ee(" example: 'rat' AND 'lung' ")
+                  _e(" example: 'rat' AND 'lung' ")
                 ], -1))
               ]),
               _: 1
@@ -22314,11 +22320,9 @@ function pL(e, t, n, r, o, a) {
         ]),
         _: 1
       })
-    ], 512), [
-      [wt, a.showFilters]
-    ]),
-    W("div", dL, [
-      W("span", fL, ue(a.numberOfResultsText), 1),
+    ])) : G("", !0),
+    W("div", pL, [
+      W("span", hL, de(a.numberOfResultsText), 1),
       q(g, {
         class: "number-shown-select",
         modelValue: e.numberShown,
@@ -22338,15 +22342,14 @@ function pL(e, t, n, r, o, a) {
     ])
   ]);
 }
-const tl = /* @__PURE__ */ $n(oL, [["render", pL], ["__scopeId", "data-v-2595feb5"]]);
-var hL = async function(e) {
+const tl = /* @__PURE__ */ $n(oL, [["render", vL], ["__scopeId", "data-v-403270fe"]]);
+var gL = async function(e) {
   if (!e.ok) {
     let t = await e.json();
     throw t ? new Error(t.message) : new Error(e);
   }
   return e;
-}, vL = {
-  filters: [],
+}, mL = {
   searchInput: "",
   lastSearch: "",
   results: [],
@@ -22360,7 +22363,7 @@ var hL = async function(e) {
   hasSearched: !1,
   contextCardEnabled: !1
 };
-const gL = {
+const yL = {
   components: {
     SearchFilters: tl,
     DatasetCard: q0,
@@ -22384,7 +22387,7 @@ const gL = {
     },
     entry: {
       type: Object,
-      default: () => vL
+      default: () => mL
     },
     envVars: {
       type: Object,
@@ -22416,14 +22419,14 @@ const gL = {
   },
   methods: {
     hoverChanged: function(e) {
-      const t = e && { ...e, type: "dataset" };
+      const t = e ? { ...e, tabType: "dataset" } : { tabType: "dataset" };
       this.$emit("hover-changed", t);
     },
     resetSearch: function() {
       this.numberOfHits = 0, this.discoverIds = [], this._dois = [], this.results = [], this.loadingCards = !1;
     },
-    openSearch: function(e, t = "", n = { withSearch: !0 }) {
-      this.searchInput = t, this.resetPageNavigation(), this.cascaderIsReady ? (this.filter = this.$refs.filtersRef.getHierarchicalValidatedFilters(e), e && e.length > 0 && this.filter && this.filter.length === 0 ? (this.$refs.filtersRef.checkShowAllBoxes(), this.resetSearch()) : this.filter && (n.withSearch && this.searchAlgolia(this.filter, t), this.$refs.filtersRef.setCascader(this.filter), this.searchHistoryUpdate(this.filter, t))) : (this.filter = e, (!e || e.length == 0) && n.withSearch && (this.searchAlgolia(this.filter, t), this.searchHistoryUpdate(this.filter, t)));
+    openSearch: function(e, t = "") {
+      this.searchInput = t, this.resetPageNavigation(), this.cascaderIsReady ? (this.filter = this.$refs.filtersRef.getHierarchicalValidatedFilters(e), e && e.length > 0 && this.filter && this.filter.length === 0 ? (this.$refs.filtersRef.checkShowAllBoxes(), this.resetSearch()) : this.filter && (this.searchAlgolia(this.filter, t), this.$refs.filtersRef.setCascader(this.filter), this.searchHistoryUpdate(this.filter, t))) : (this.filter = e, (!e || e.length == 0) && (this.searchAlgolia(this.filter, t), this.searchHistoryUpdate(this.filter, t)));
     },
     addFilter: function(e) {
       this.cascaderIsReady ? (this.resetPageNavigation(), e && this.$refs.filtersRef.addFilter(e) && this.$refs.filtersRef.initiateSearch()) : Array.isArray(this.filter) ? this.filter.push(e) : this.filter = [e];
@@ -22438,31 +22441,17 @@ const gL = {
       (e.keyCode === 13 || e instanceof MouseEvent) && (this.searchInput = this.searchInput.trim(), this.searchAndFilterUpdate());
     },
     filterUpdate: function(e) {
-      this.filters = [...e], this.searchAndFilterUpdate(), this.$emit("search-changed", {
+      this.filter = [...e], this.searchAndFilterUpdate(), this.$emit("search-changed", {
         value: e,
+        tabType: "dataset",
         type: "filter-update"
       });
     },
-    /**
-     * Transform filters for third level items to perform search
-     * because cascader keeps adding it back.
-     */
-    transformFiltersBeforeSearch: function(e) {
-      return e.map((t) => (t.facet2 && (t.facet = t.facet2, delete t.facet2), t));
-    },
     searchAndFilterUpdate: function() {
-      this.resetPageNavigation();
-      const e = this.transformFiltersBeforeSearch(this.filters);
-      this.searchAlgolia(e, this.searchInput), this.searchHistoryUpdate(this.filters, this.searchInput);
+      this.resetPageNavigation(), this.searchAlgolia(this.filter, this.searchInput), this.searchHistoryUpdate(this.filter, this.searchInput);
     },
     searchHistoryUpdate: function(e, t) {
-      if (this.$refs.searchHistory.selectValue = "Search history", e.length || t != null && t.trim()) {
-        const n = this.transformFiltersBeforeSearch(e);
-        this.$refs.searchHistory.addSearchToHistory(
-          n,
-          t
-        );
-      }
+      this.$refs.searchHistory.selectValue = "Search history", (e.length || t != null && t.trim()) && this.$refs.searchHistory.addSearchToHistory(e, t);
     },
     searchAlgolia(e, t = "") {
       this.loadingCards = !0, this.algoliaClient.anatomyInSearch(mh(e), t).then((n) => {
@@ -22470,6 +22459,7 @@ const gL = {
       }), this.algoliaClient.search(mh(e), t, this.numberPerPage, this.page).then((n) => {
         this.numberOfHits = n.total, this.discoverIds = n.discoverIds, this._dois = n.dois, this.results = n.items, this.loadingCards = !1, this.scrollToTop(), this.$emit("search-changed", {
           value: this.searchInput,
+          tabType: "dataset",
           type: "query-update"
         }), this._abortController && this._abortController.abort(), this._abortController = new AbortController();
         const r = this._abortController.signal;
@@ -22484,7 +22474,7 @@ const gL = {
     },
     pageChange: function(e) {
       this.start = (e - 1) * this.numberPerPage, this.page = e, this.searchAlgolia(
-        this.filters,
+        this.filter,
         this.searchInput,
         this.numberPerPage,
         this.page
@@ -22557,7 +22547,7 @@ const gL = {
     callSciCrunch: function(e, t = {}, n) {
       return new Promise((r, o) => {
         let a = this.envVars.API_LOCATION + this.searchEndpoint + "?" + this.createfilterParams(t);
-        fetch(a, { signal: n }).then(hL).then((s) => s.json()).then((s) => r(s)).catch((s) => o(s));
+        fetch(a, { signal: n }).then(gL).then((s) => s.json()).then((s) => r(s)).catch((s) => o(s));
       });
     },
     getAlgoliaFacets: async function() {
@@ -22566,7 +22556,7 @@ const gL = {
       );
     },
     searchHistorySearch: function(e) {
-      this.searchInput = e.search, this.filters = e.filters, this.searchAndFilterUpdate(), this.openSearch([...e.filters], e.search, { withSearch: !1 });
+      this.searchInput = e.search, this.filter = e.filters, this.openSearch([...e.filters], e.search);
     }
   },
   mounted: function() {
@@ -22579,21 +22569,21 @@ const gL = {
   created: function() {
     this.searchEndpoint = "dataset_info/using_multiple_dois/";
   }
-}, mL = { class: "header" }, yL = {
+}, bL = { class: "header" }, wL = {
   class: "content scrollbar",
   ref: "content"
-}, bL = {
+}, CL = {
   key: 0,
   class: "error-feedback"
 };
-function wL(e, t, n, r, o, a) {
+function SL(e, t, n, r, o, a) {
   const s = Vo, i = Ht, l = tl, c = el, u = q0, f = $i, g = Ai, v = Ho;
   return C(), Y(g, {
     "body-style": e.bodyStyle,
     class: "content-card"
   }, {
     header: R(() => [
-      W("div", mL, [
+      W("div", bL, [
         q(s, {
           class: "search-input",
           placeholder: "Search",
@@ -22610,7 +22600,7 @@ function wL(e, t, n, r, o, a) {
           size: "large"
         }, {
           default: R(() => t[4] || (t[4] = [
-            Ee(" Search ")
+            _e(" Search ")
           ])),
           _: 1
         }, 8, ["onClick"]),
@@ -22621,7 +22611,7 @@ function wL(e, t, n, r, o, a) {
           size: "large"
         }, {
           default: R(() => t[5] || (t[5] = [
-            Ee(" Reset ")
+            _e(" Reset ")
           ])),
           _: 1
         })
@@ -22643,8 +22633,8 @@ function wL(e, t, n, r, o, a) {
         localStorageKey: "sparc.science-dataset-search-history",
         onSearch: a.searchHistorySearch
       }, null, 8, ["onSearch"]),
-      Oe((C(), F("div", yL, [
-        e.results.length === 0 && !e.loadingCards ? (C(), F("div", bL, " No results found - Please change your search / filter criteria. ")) : G("", !0),
+      Oe((C(), F("div", wL, [
+        e.results.length === 0 && !e.loadingCards ? (C(), F("div", CL, " No results found - Please change your search / filter criteria. ")) : G("", !0),
         (C(!0), F(Pe, null, ft(e.results, (d) => (C(), F("div", {
           key: d.doi,
           class: "step-item"
@@ -22675,9 +22665,9 @@ function wL(e, t, n, r, o, a) {
     _: 1
   }, 8, ["body-style"]);
 }
-const Iy = /* @__PURE__ */ $n(gL, [["render", wL], ["__scopeId", "data-v-ef9e525c"]]), CL = (e) => e.replace(/\w\S*/g, (t) => t.charAt(0).toUpperCase() + t.substr(1).toLowerCase()), da = function(e) {
+const Iy = /* @__PURE__ */ $n(yL, [["render", SL], ["__scopeId", "data-v-6e24e300"]]), kL = (e) => e.replace(/\w\S*/g, (t) => t.charAt(0).toUpperCase() + t.substr(1).toLowerCase()), da = function(e) {
   return e ? e.charAt(0).toUpperCase() + e.slice(1) : "";
-}, SL = {
+}, EL = {
   name: "ConnectivityInfo",
   components: {
     Button: Ht,
@@ -22716,7 +22706,6 @@ const Iy = /* @__PURE__ */ $n(gL, [["render", wL], ["__scopeId", "data-v-ef9e525
   },
   data: function() {
     return {
-      entryIndex: 0,
       updatedCopyContent: "",
       activeView: "listView",
       connectivityLoading: !1,
@@ -22728,13 +22717,7 @@ const Iy = /* @__PURE__ */ $n(gL, [["render", wL], ["__scopeId", "data-v-ef9e525
   },
   computed: {
     entry: function() {
-      return this.entryId ? this.connectivityEntry.filter((e) => e.featureId[0] === this.entryId)[this.entryIndex] : this.connectivityEntry[this.entryIndex];
-    },
-    previousLabel: function() {
-      return this.entryIndex === 0 ? "This is the first item. Click 'Next' to see more information." : this.connectivityEntry[this.entryIndex - 1].title;
-    },
-    nextLabel: function() {
-      return this.entryIndex === this.connectivityEntry.length - 1 ? "This is the last item. Click 'Previous' to see more information." : this.connectivityEntry[this.entryIndex + 1].title;
+      return this.connectivityEntry.find((e) => e.featureId[0] === this.entryId);
     },
     hasProvenanceTaxonomyLabel: function() {
       return this.entry.provenanceTaxonomyLabel && this.entry.provenanceTaxonomyLabel.length > 0;
@@ -22781,19 +22764,13 @@ const Iy = /* @__PURE__ */ $n(gL, [["render", wL], ["__scopeId", "data-v-ef9e525
       deep: !0,
       immediate: !0,
       handler: function(e, t) {
-        e !== t && (this.connectivityLoading = !0, this.activeView = localStorage.getItem("connectivity-active-view") || this.activeView, this.activeView === "graphView" && (this.graphViewLoaded = !0), this.connectivitySource = this.entry.connectivitySource, this.updateGraphConnectivity(), this.connectivityLoading = !1, (!t || (e == null ? void 0 : e.featureId[0]) !== (t == null ? void 0 : t.featureId[0])) && this.$emit("loaded"));
+        e && e !== t && (this.connectivityLoading = !0, this.activeView = localStorage.getItem("connectivity-active-view") || this.activeView, this.activeView === "graphView" && (this.graphViewLoaded = !0), this.connectivitySource = this.entry.connectivitySource, this.updateGraphConnectivity(), this.connectivityLoading = !1, (!t || (e == null ? void 0 : e.featureId[0]) !== (t == null ? void 0 : t.featureId[0])) && this.$emit("loaded"));
       }
     }
   },
   methods: {
-    previous: function() {
-      this.entryIndex !== 0 && (this.entryIndex = this.entryIndex - 1);
-    },
-    next: function() {
-      this.entryIndex !== this.connectivityEntry.length - 1 && (this.entryIndex = this.entryIndex + 1);
-    },
     titleCase: function(e) {
-      return CL(e);
+      return kL(e);
     },
     capitalise: function(e) {
       return da(e);
@@ -22943,80 +22920,31 @@ const Iy = /* @__PURE__ */ $n(gL, [["render", wL], ["__scopeId", "data-v-ef9e525
       this.connectivityError = { ...t };
     });
   }
-}, kL = {
+}, xL = {
   key: 0,
   class: "main"
-}, EL = {
-  key: 0,
-  class: "toggle-button"
-}, xL = { class: "connectivity-info-title" }, _L = { class: "title-content" }, OL = {
+}, _L = { class: "connectivity-info-title" }, OL = { class: "title-content" }, TL = {
   key: 0,
   class: "block"
-}, TL = { class: "title" }, AL = { style: { "word-break": "keep-all" } }, IL = { class: "subtitle" }, FL = {
+}, AL = { class: "title" }, IL = { style: { "word-break": "keep-all" } }, FL = { class: "subtitle" }, PL = {
   key: 0,
   class: "subtitle"
-}, PL = {
+}, $L = {
   key: 1,
   class: "block"
-}, $L = { class: "title" }, RL = { class: "title-buttons" }, NL = { class: "content-container population-display" }, LL = { class: "block attribute-title-container" }, BL = { class: "block buttons-row" }, DL = { class: "content-container content-container-connectivity" }, ML = { class: "content-container content-container-connectivity" }, jL = {
-  key: 1,
+}, RL = { class: "title" }, NL = { class: "title-buttons" }, LL = { class: "content-container population-display" }, BL = { class: "block attribute-title-container" }, DL = { class: "block buttons-row" }, ML = { class: "content-container content-container-connectivity" }, jL = { class: "content-container content-container-connectivity" }, VL = {
+  key: 0,
   class: "content-container content-container-references"
 };
-function VL(e, t, n, r, o, a) {
-  const s = Ht, i = Ri, l = gb, c = ze, u = Rh, f = Se("CopyToClipboard"), g = _o, v = $h, d = wg, p = dO, m = Se("connectivity-list"), y = Se("connectivity-graph"), E = Se("ExternalResourceCard"), I = Ho;
-  return a.entry ? (C(), F("div", kL, [
-    n.connectivityEntry.length > 1 && !n.entryId ? (C(), F("div", EL, [
-      q(i, {
-        width: "auto",
-        trigger: "hover",
-        teleported: !1
-      }, {
-        reference: R(() => [
-          q(s, {
-            class: "button",
-            onClick: a.previous,
-            disabled: this.entryIndex === 0
-          }, {
-            default: R(() => t[3] || (t[3] = [
-              Ee(" Previous ")
-            ])),
-            _: 1
-          }, 8, ["onClick", "disabled"])
-        ]),
-        default: R(() => [
-          W("span", null, ue(a.previousLabel), 1)
-        ]),
-        _: 1
-      }),
-      q(i, {
-        width: "auto",
-        trigger: "hover",
-        teleported: !1
-      }, {
-        reference: R(() => [
-          q(s, {
-            class: "button",
-            onClick: a.next,
-            disabled: this.entryIndex === this.connectivityEntry.length - 1
-          }, {
-            default: R(() => t[4] || (t[4] = [
-              Ee(" Next ")
-            ])),
-            _: 1
-          }, 8, ["onClick", "disabled"])
-        ]),
-        default: R(() => [
-          W("span", null, ue(a.nextLabel), 1)
-        ]),
-        _: 1
-      })
-    ])) : G("", !0),
-    W("div", xL, [
-      W("div", _L, [
-        a.entry.title ? (C(), F("div", OL, [
-          W("div", TL, [
-            W("span", null, ue(a.capitalise(a.entry.title)), 1),
-            a.entry.featuresAlert ? (C(), Y(i, {
+function zL(e, t, n, r, o, a) {
+  const s = gb, i = ze, l = Ri, c = Rh, u = Ht, f = Se("CopyToClipboard"), g = _o, v = $h, d = wg, p = dO, m = Se("connectivity-list"), y = Se("connectivity-graph"), E = Se("ExternalResourceCard"), I = Ho;
+  return a.entry ? (C(), F("div", xL, [
+    W("div", _L, [
+      W("div", OL, [
+        a.entry.title ? (C(), F("div", TL, [
+          W("div", AL, [
+            W("span", null, de(a.capitalise(a.entry.title)), 1),
+            a.entry.featuresAlert ? (C(), Y(l, {
               key: 0,
               width: "250",
               trigger: "hover",
@@ -23024,45 +22952,45 @@ function VL(e, t, n, r, o, a) {
               "popper-class": "popover-origin-help"
             }, {
               reference: R(() => [
-                q(c, { class: "alert" }, {
+                q(i, { class: "alert" }, {
                   default: R(() => [
-                    q(l)
+                    q(s)
                   ]),
                   _: 1
                 })
               ]),
               default: R(() => [
-                W("span", AL, ue(a.entry.featuresAlert), 1)
+                W("span", IL, de(a.entry.featuresAlert), 1)
               ]),
               _: 1
             })) : G("", !0)
           ]),
-          W("div", IL, [
-            t[5] || (t[5] = W("strong", null, "id: ", -1)),
-            Ee(ue(a.entry.featureId[0]), 1)
+          W("div", FL, [
+            t[3] || (t[3] = W("strong", null, "id: ", -1)),
+            _e(de(a.entry.featureId[0]), 1)
           ]),
-          a.hasProvenanceTaxonomyLabel ? (C(), F("div", FL, ue(a.provSpeciesDescription), 1)) : G("", !0)
-        ])) : (C(), F("div", PL, [
-          W("div", $L, ue(a.entry.featureId), 1)
+          a.hasProvenanceTaxonomyLabel ? (C(), F("div", PL, de(a.provSpeciesDescription), 1)) : G("", !0)
+        ])) : (C(), F("div", $L, [
+          W("div", RL, de(a.entry.featureId), 1)
         ]))
       ]),
-      W("div", RL, [
-        q(i, {
+      W("div", NL, [
+        q(l, {
           width: "auto",
           trigger: "hover",
           teleported: !1,
           "popper-class": "popover-map-pin"
         }, {
           reference: R(() => [
-            q(s, {
+            q(u, {
               class: "button-circle secondary",
               circle: "",
               onClick: a.showConnectivity
             }, {
               default: R(() => [
-                q(c, { color: "#8300bf" }, {
+                q(i, { color: "#8300bf" }, {
                   default: R(() => [
-                    q(u)
+                    q(c)
                   ]),
                   _: 1
                 })
@@ -23071,12 +22999,12 @@ function VL(e, t, n, r, o, a) {
             }, 8, ["onClick"])
           ]),
           default: R(() => [
-            t[6] || (t[6] = W("span", null, " Show connectivity on map ", -1))
+            t[4] || (t[4] = W("span", null, " Show connectivity on map ", -1))
           ]),
           _: 1
         }),
         q(f, { content: e.updatedCopyContent }, null, 8, ["content"]),
-        n.withCloseButton ? (C(), Y(i, {
+        n.withCloseButton ? (C(), Y(l, {
           key: 0,
           width: "auto",
           trigger: "hover",
@@ -23084,13 +23012,13 @@ function VL(e, t, n, r, o, a) {
           "popper-class": "popover-map-pin"
         }, {
           reference: R(() => [
-            q(s, {
+            q(u, {
               class: "button-circle",
               circle: "",
               onClick: a.closeConnectivity
             }, {
               default: R(() => [
-                q(c, { color: "white" }, {
+                q(i, { color: "white" }, {
                   default: R(() => [
                     q(g)
                   ]),
@@ -23101,16 +23029,16 @@ function VL(e, t, n, r, o, a) {
             }, 8, ["onClick"])
           ]),
           default: R(() => [
-            t[7] || (t[7] = W("span", null, "Close", -1))
+            t[5] || (t[5] = W("span", null, "Close", -1))
           ]),
           _: 1
         })) : G("", !0)
       ])
     ]),
-    W("div", NL, [
-      W("div", LL, [
-        t[9] || (t[9] = W("span", { class: "attribute-title" }, "Population Display", -1)),
-        e.activeView === "listView" ? (C(), Y(i, {
+    W("div", LL, [
+      W("div", BL, [
+        t[7] || (t[7] = W("span", { class: "attribute-title" }, "Population Display", -1)),
+        e.activeView === "listView" ? (C(), Y(l, {
           key: 0,
           width: "250",
           trigger: "hover",
@@ -23118,7 +23046,7 @@ function VL(e, t, n, r, o, a) {
           "popper-class": "popover-origin-help"
         }, {
           reference: R(() => [
-            q(c, { class: "info" }, {
+            q(i, { class: "info" }, {
               default: R(() => [
                 q(v)
               ]),
@@ -23126,13 +23054,13 @@ function VL(e, t, n, r, o, a) {
             })
           ]),
           default: R(() => [
-            t[8] || (t[8] = W("span", { style: { "word-break": "keep-all" } }, " This list is ordered alphabetically, switch to graph view for path details. ", -1))
+            t[6] || (t[6] = W("span", { style: { "word-break": "keep-all" } }, " This list is ordered alphabetically, switch to graph view for path details. ", -1))
           ]),
           _: 1
         })) : G("", !0)
       ]),
-      W("div", BL, [
-        t[14] || (t[14] = W("span", null, "Connectivity from:", -1)),
+      W("div", DL, [
+        t[12] || (t[12] = W("span", null, "Connectivity from:", -1)),
         q(p, {
           modelValue: e.connectivitySource,
           "onUpdate:modelValue": t[0] || (t[0] = (x) => e.connectivitySource = x),
@@ -23140,41 +23068,41 @@ function VL(e, t, n, r, o, a) {
         }, {
           default: R(() => [
             q(d, { value: "map" }, {
-              default: R(() => t[10] || (t[10] = [
-                Ee("Map")
+              default: R(() => t[8] || (t[8] = [
+                _e("Map")
               ])),
               _: 1
             }),
             q(d, { value: "sckan" }, {
-              default: R(() => t[11] || (t[11] = [
-                Ee("SCKAN")
+              default: R(() => t[9] || (t[9] = [
+                _e("SCKAN")
               ])),
               _: 1
             })
           ]),
           _: 1
         }, 8, ["modelValue", "onChange"]),
-        q(s, {
+        q(u, {
           class: L(e.activeView === "listView" ? "button" : "el-button-secondary"),
           onClick: t[1] || (t[1] = (x) => a.switchConnectivityView("listView"))
         }, {
-          default: R(() => t[12] || (t[12] = [
-            Ee(" List view ")
+          default: R(() => t[10] || (t[10] = [
+            _e(" List view ")
           ])),
           _: 1
         }, 8, ["class"]),
-        q(s, {
+        q(u, {
           class: L(e.activeView === "graphView" ? "button" : "el-button-secondary"),
           onClick: t[2] || (t[2] = (x) => a.switchConnectivityView("graphView"))
         }, {
-          default: R(() => t[13] || (t[13] = [
-            Ee(" Graph view ")
+          default: R(() => t[11] || (t[11] = [
+            _e(" Graph view ")
           ])),
           _: 1
         }, 8, ["class"])
       ])
     ]),
-    Oe(W("div", DL, [
+    Oe(W("div", ML, [
       Oe((C(), Y(m, {
         key: `${a.connectivityKey}list`,
         entry: a.entry,
@@ -23195,7 +23123,7 @@ function VL(e, t, n, r, o, a) {
     ], 512), [
       [wt, e.activeView === "listView"]
     ]),
-    Oe(W("div", ML, [
+    Oe(W("div", jL, [
       e.graphViewLoaded ? Oe((C(), Y(y, {
         key: `${a.connectivityKey}graph`,
         entry: a.entry.featureId[0],
@@ -23210,7 +23138,7 @@ function VL(e, t, n, r, o, a) {
     ], 512), [
       [wt, e.activeView === "graphView"]
     ]),
-    a.resources.length ? (C(), F("div", jL, [
+    a.resources.length ? (C(), F("div", VL, [
       q(E, {
         resources: a.resources,
         onReferencesLoaded: a.onReferencesLoaded,
@@ -23219,7 +23147,7 @@ function VL(e, t, n, r, o, a) {
     ])) : G("", !0)
   ])) : G("", !0);
 }
-const Fy = /* @__PURE__ */ $n(SL, [["render", VL], ["__scopeId", "data-v-ed642e02"]]), zL = {
+const Fy = /* @__PURE__ */ $n(EL, [["render", zL], ["__scopeId", "data-v-d2c759b5"]]), HL = {
   name: "ConnectivityCard",
   data() {
     return {
@@ -23235,11 +23163,20 @@ const Fy = /* @__PURE__ */ $n(SL, [["render", VL], ["__scopeId", "data-v-ed642e0
       type: Object,
       default: () => {
       }
+    },
+    connectivityEntry: {
+      type: Array,
+      default: () => []
     }
   },
   computed: {
     loading: function() {
-      return "detailsReady" in this.entry ? !this.entry.detailsReady : !1;
+      if ("ready" in this.entry)
+        return !this.entry.ready;
+      const e = this.connectivityEntry.find(
+        (t) => t.id === this.entry.id
+      );
+      return e ? !e.ready : !1;
     }
   },
   methods: {
@@ -23247,33 +23184,33 @@ const Fy = /* @__PURE__ */ $n(SL, [["render", VL], ["__scopeId", "data-v-ed642e0
       return e ? e.charAt(0).toUpperCase() + e.slice(1) : "";
     },
     cardClicked: function(e) {
-      this.loading || this.$emit("connectivity-card-clicked", e);
+      this.loading || this.$emit("open-connectivity", e);
     }
   }
-}, HL = {
+}, UL = {
   class: "connectivity-card-container",
   ref: "container"
-}, UL = {
+}, qL = {
   class: "connectivity-card",
   ref: "card"
-}, qL = { class: "title" }, KL = {
+}, KL = { class: "card-title" }, WL = {
   key: 0,
-  class: "details"
+  class: "card-details"
 };
-function WL(e, t, n, r, o, a) {
+function GL(e, t, n, r, o, a) {
   const s = Ho;
-  return C(), F("div", HL, [
-    W("div", UL, [
+  return C(), F("div", UL, [
+    W("div", qL, [
       t[1] || (t[1] = W("div", { class: "seperator-path" }, null, -1)),
       Oe((C(), F("div", {
-        class: "card",
+        class: "card-content",
         onClick: t[0] || (t[0] = (i) => a.cardClicked(n.entry))
       }, [
-        W("div", qL, ue(a.capitalise(n.entry.label)), 1),
+        W("div", KL, de(a.capitalise(n.entry.label)), 1),
         (C(!0), F(Pe, null, ft(o.displayFields, (i) => (C(), F(Pe, { key: i }, [
-          n.entry[i] ? (C(), F("div", KL, [
-            W("strong", null, ue(i) + ":", 1),
-            Ee(" " + ue(n.entry[i]), 1)
+          n.entry[i] ? (C(), F("div", WL, [
+            W("strong", null, de(i) + ":", 1),
+            _e(" " + de(n.entry[i]), 1)
           ])) : G("", !0)
         ], 64))), 128))
       ])), [
@@ -23282,9 +23219,8 @@ function WL(e, t, n, r, o, a) {
     ], 512)
   ], 512);
 }
-const Py = /* @__PURE__ */ $n(zL, [["render", WL], ["__scopeId", "data-v-5aa5d184"]]);
-var GL = {
-  filters: [],
+const Py = /* @__PURE__ */ $n(HL, [["render", GL], ["__scopeId", "data-v-b875232c"]]);
+var JL = {
   searchInput: "",
   lastSearch: "",
   results: [],
@@ -23295,7 +23231,7 @@ var GL = {
   page: 1,
   start: 0
 };
-const JL = {
+const ZL = {
   components: {
     SearchFilters: tl,
     SearchHistory: el,
@@ -23315,7 +23251,7 @@ const JL = {
     },
     entry: {
       type: Object,
-      default: () => GL
+      default: () => JL
     },
     envVars: {
       type: Object,
@@ -23329,6 +23265,10 @@ const JL = {
     availableAnatomyFacets: {
       type: Object,
       default: []
+    },
+    connectivityFilterOptions: {
+      type: Array,
+      default: []
     }
   },
   data: function() {
@@ -23339,30 +23279,6 @@ const JL = {
         "flex-flow": "column",
         display: "flex"
       },
-      filterOptions: [
-        {
-          id: 3,
-          key: "flatmap.connectivity.source",
-          label: "Connectivity",
-          children: [
-            {
-              facetPropPath: "flatmap.connectivity.source",
-              id: 0,
-              label: "Origins"
-            },
-            {
-              facetPropPath: "flatmap.connectivity.source",
-              id: 1,
-              label: "Components"
-            },
-            {
-              facetPropPath: "flatmap.connectivity.source",
-              id: 2,
-              label: "Destinations"
-            }
-          ]
-        }
-      ],
       cascaderIsReady: !1,
       displayConnectivity: !1,
       initLoading: !0,
@@ -23375,8 +23291,8 @@ const JL = {
       return {
         numberOfHits: this.numberOfHits,
         filterFacets: this.filter,
-        options: this.filterOptions,
-        showFilters: !1
+        options: this.connectivityFilterOptions,
+        showFilters: !0
       };
     },
     paginatedResults: function() {
@@ -23385,10 +23301,16 @@ const JL = {
   },
   watch: {
     connectivityKnowledge: function(e, t) {
-      this.expanded = "", this.initLoading = !1, this.loadingCards = !1, JSON.stringify(e) !== JSON.stringify(t) && (this.results = e.map((n) => ({
-        ...n,
-        loaded: !1
-      })), this.numberOfHits = this.results.length, this.numberOfHits === 1 && this.onConnectivityExplorerClicked(this.results[0]));
+      this.expanded = "", this.loadingCards = !1, JSON.stringify(e) !== JSON.stringify(t) && (this.results = e, this.initLoading = !1, this.numberOfHits = this.results.length, this.numberOfHits === 1 && !("ready" in this.results[0]) && this.onConnectivityCollapseChange(this.results[0]));
+    },
+    // watch for connectivityEntry changes
+    // card should be expanded if there is only one entry and it is ready
+    connectivityEntry: function(e, t) {
+      if (e.length === 1 && e[0].ready) {
+        if (e[0].connectivitySource !== t[0].connectivitySource && t[0].ready)
+          return;
+        this.collapseChange(e[0]);
+      }
     },
     paginatedResults: function() {
       this.loadingCards = !1;
@@ -23396,29 +23318,29 @@ const JL = {
   },
   methods: {
     onConnectivityClicked: function(e) {
-      this.searchInput = e.query, this.filters = e.filter, this.searchAndFilterUpdate();
+      this.searchInput = e.query, this.filter = e.filter, this.searchAndFilterUpdate();
     },
-    openConnectivity: function(e) {
-      this.expanded = e.id;
+    collapseChange: function(e) {
+      this.expanded = this.expanded === e.id ? "" : e.id;
     },
-    closeConnectivity: function(e) {
-      this.expanded = "";
-    },
-    onConnectivityExplorerClicked: function(e) {
-      this.expanded !== e.id && (e.loaded = !1, this.openConnectivity(e), this.connectivityEntry.filter((n) => n.featureId[0] === e.id).length === 0 && this.$emit("connectivity-explorer-clicked", e));
+    onConnectivityCollapseChange: function(e) {
+      this.connectivityEntry.find((t) => t.featureId[0] === e.id) ? this.collapseChange(e) : (this.expanded = "", this.$nextTick(() => {
+        this.$emit("connectivity-collapse-change", e);
+      }));
     },
     hoverChanged: function(e) {
-      const t = e && { ...e, type: "connectivity" };
+      const t = e ? { ...e, tabType: "connectivity" } : { tabType: "connectivity" };
       this.$emit("hover-changed", t);
     },
     resetSearch: function() {
       this.numberOfHits = 0, this.results = [], this.loadingCards = !1;
     },
     resetSearchIfNoActiveSearch: function() {
-      this.searchInput || this.openSearch([], "");
+      const e = this.filter.some((t) => t.facet !== "Show all");
+      !this.searchInput && !e && this.openSearch([], "");
     },
-    openSearch: function(e, t = "", n = { withSearch: !0 }) {
-      this.searchInput = t, this.resetPageNavigation(), this.cascaderIsReady ? (this.filter = this.$refs.filtersRef.getHierarchicalValidatedFilters(e), e && e.length > 0 && this.filter && this.filter.length === 0 ? (this.$refs.filtersRef.checkShowAllBoxes(), this.resetSearch()) : this.filter && (n.withSearch && this.searchKnowledge(this.filter, t), this.$refs.filtersRef.setCascader(this.filter))) : (this.filter = e, (!e || e.length == 0) && n.withSearch && this.searchKnowledge(this.filter, t));
+    openSearch: function(e, t = "") {
+      this.searchInput = t, this.resetPageNavigation(), this.cascaderIsReady ? (this.filter = this.$refs.filtersRef.getHierarchicalValidatedFilters(e), e && e.length > 0 && this.filter && this.filter.length === 0 ? (this.$refs.filtersRef.checkShowAllBoxes(), this.resetSearch()) : this.filter && (this.searchKnowledge(this.filter, t), this.$refs.filtersRef.setCascader(this.filter), this.searchHistoryUpdate(this.filter, t))) : (this.filter = e, (!e || e.length == 0) && (this.searchKnowledge(this.filter, t), this.searchHistoryUpdate(this.filter, t)));
     },
     addFilter: function(e) {
       this.cascaderIsReady ? (this.resetPageNavigation(), e && this.$refs.filtersRef.addFilter(e) && this.$refs.filtersRef.initiateSearch()) : Array.isArray(this.filter) ? this.filter.push(e) : this.filter = [e];
@@ -23427,41 +23349,27 @@ const JL = {
       this.cascaderIsReady = !0, this.openSearch(this.filter, this.searchInput);
     },
     clearSearchClicked: function() {
-      this.searchInput = "", this.searchAndFilterUpdate(), this.$refs.filtersRef.checkShowAllBoxes();
+      this.searchInput = "", this.searchAndFilterUpdate();
     },
     searchEvent: function(e = !1) {
-      (e.keyCode === 13 || e instanceof MouseEvent) && (this.searchInput = this.searchInput.trim(), this.searchAndFilterUpdate(), this.searchInput || this.$refs.filtersRef.checkShowAllBoxes());
+      (e.keyCode === 13 || e instanceof MouseEvent) && (this.searchInput = this.searchInput.trim(), this.searchAndFilterUpdate());
     },
     filterUpdate: function(e) {
-      this.filters = [...e], this.searchAndFilterUpdate(), this.$emit("search-changed", {
-        value: e,
-        type: "filter-update"
-      });
-    },
-    /**
-     * Transform filters for third level items to perform search
-     * because cascader keeps adding it back.
-     */
-    transformFiltersBeforeSearch: function(e) {
-      return e.map((t) => (t.facet2 && (t.facet = t.facet2, delete t.facet2), t));
+      this.filter = [...e], this.searchAndFilterUpdate();
     },
     searchAndFilterUpdate: function() {
-      this.resetPageNavigation();
-      const e = this.transformFiltersBeforeSearch(
-        this.filters
-      );
-      this.searchKnowledge(e, this.searchInput);
+      this.resetPageNavigation(), this.searchKnowledge(this.filter, this.searchInput), this.searchHistoryUpdate(this.filter, this.searchInput);
     },
     searchHistoryUpdate: function(e, t) {
-      this.$refs.searchHistory.selectValue = "Search history", t != null && t.trim() && this.$refs.searchHistory.addSearchToHistory(
-        e,
-        t
-      );
+      this.$refs.searchHistory.selectValue = "Search history", (e.length || t != null && t.trim()) && this.$refs.searchHistory.addSearchToHistory(this.filter, t);
     },
     searchKnowledge: function(e, t = "") {
-      this.expanded = "", this.searchHistoryUpdate(e, t), this.loadingCards = !0, this.scrollToTop(), this.$emit("search-changed", {
-        value: this.searchInput,
-        type: "query-update"
+      this.expanded = "", this.loadingCards = !0, this.scrollToTop(), this.$emit("search-changed", {
+        // value: this.searchInput,
+        // type: "query-update",
+        query: t,
+        filter: e,
+        tabType: "connectivity"
       }), this.lastSearch = t;
     },
     filtersLoading: function(e) {
@@ -23471,7 +23379,7 @@ const JL = {
       this.numberPerPage = e, this.pageChange(1);
     },
     pageChange: function(e) {
-      this.start = (e - 1) * this.numberPerPage, this.page = e, this.searchKnowledge(this.filters, this.searchInput);
+      this.start = (e - 1) * this.numberPerPage, this.page = e, this.searchKnowledge(this.filter, this.searchInput);
     },
     scrollToTop: function() {
       this.$refs.content && this.$refs.content.scroll({ top: 0, behavior: "smooth" });
@@ -23480,10 +23388,9 @@ const JL = {
       this.start = 0, this.page = 1;
     },
     searchHistorySearch: function(e) {
-      this.searchInput = e.search, this.filters = e.filters, this.searchAndFilterUpdate();
+      this.searchInput = e.search, this.filter = e.filters, this.openSearch([...e.filters], e.search);
     },
     onConnectivityInfoLoaded: function(e) {
-      e.loaded = !0;
       const t = this.$refs["stepItem-" + e.id], n = this.$refs.content;
       this.$nextTick(() => {
         n && t && t[0] && (n.scrollTop = t[0].offsetTop);
@@ -23493,18 +23400,19 @@ const JL = {
   mounted: function() {
     localStorage.removeItem("connectivity-active-view"), this.openSearch(this.filter, this.searchInput);
   }
-}, ZL = { class: "header" }, YL = {
+}, YL = { class: "header" }, XL = {
   key: 0,
   class: "error-feedback"
-}, XL = ["onMouseenter"];
-function QL(e, t, n, r, o, a) {
+}, QL = ["onMouseenter"];
+function e9(e, t, n, r, o, a) {
   const s = Vo, i = Ht, l = tl, c = el, u = Py, f = Fy, g = $i, v = Ai, d = Ho;
   return C(), Y(v, {
     "body-style": e.bodyStyle,
-    class: "content-card"
+    class: "content-card",
+    onMouseleave: t[7] || (t[7] = (p) => a.hoverChanged(void 0))
   }, {
     header: R(() => [
-      W("div", ZL, [
+      W("div", YL, [
         q(s, {
           class: "search-input",
           placeholder: "Search",
@@ -23520,8 +23428,8 @@ function QL(e, t, n, r, o, a) {
           onClick: a.searchEvent,
           size: "large"
         }, {
-          default: R(() => t[7] || (t[7] = [
-            Ee(" Search ")
+          default: R(() => t[8] || (t[8] = [
+            _e(" Search ")
           ])),
           _: 1
         }, 8, ["onClick"]),
@@ -23531,8 +23439,8 @@ function QL(e, t, n, r, o, a) {
           onClick: t[1] || (t[1] = (p) => a.openSearch([], "")),
           size: "large"
         }, {
-          default: R(() => t[8] || (t[8] = [
-            Ee(" Reset ")
+          default: R(() => t[9] || (t[9] = [
+            _e(" Reset ")
           ])),
           _: 1
         })
@@ -23559,26 +23467,27 @@ function QL(e, t, n, r, o, a) {
         ref: "content",
         onMouseleave: t[6] || (t[6] = (p) => a.hoverChanged(void 0))
       }, [
-        e.results.length === 0 && !e.loadingCards ? (C(), F("div", YL, " No results found - Please change your search / filter criteria. ")) : G("", !0),
+        e.results.length === 0 && !e.loadingCards ? (C(), F("div", XL, " No results found - Please change your search / filter criteria. ")) : G("", !0),
         (C(!0), F(Pe, null, ft(a.paginatedResults, (p) => (C(), F("div", {
           key: p.id,
           ref_for: !0,
           ref: "stepItem-" + p.id,
-          class: L(["step-item", {
-            "is-active": e.expanded === p.id && p.loaded,
-            "is-loading": e.expanded === p.id && !p.loaded
-          }]),
+          class: "step-item",
           onMouseenter: (m) => a.hoverChanged(p)
         }, [
-          q(u, {
-            class: "dataset-card",
+          Oe(q(u, {
+            class: "connectivity-card",
             entry: p,
-            onConnectivityCardClicked: a.onConnectivityExplorerClicked
-          }, null, 8, ["entry", "onConnectivityCardClicked"]),
+            connectivityEntry: n.connectivityEntry,
+            onOpenConnectivity: a.onConnectivityCollapseChange
+          }, null, 8, ["entry", "connectivityEntry", "onOpenConnectivity"]), [
+            [wt, e.expanded !== p.id]
+          ]),
           e.expanded === p.id ? (C(), Y(f, {
             key: 0,
-            connectivityEntry: n.connectivityEntry,
+            class: "connectivity-info",
             entryId: p.id,
+            connectivityEntry: n.connectivityEntry,
             availableAnatomyFacets: n.availableAnatomyFacets,
             envVars: n.envVars,
             withCloseButton: !0,
@@ -23587,9 +23496,9 @@ function QL(e, t, n, r, o, a) {
             onConnectivityClicked: a.onConnectivityClicked,
             onConnectivityHovered: t[4] || (t[4] = (m) => e.$emit("connectivity-hovered", m)),
             onLoaded: (m) => a.onConnectivityInfoLoaded(p),
-            onCloseConnectivity: (m) => a.closeConnectivity(p)
-          }, null, 8, ["connectivityEntry", "entryId", "availableAnatomyFacets", "envVars", "onConnectivityClicked", "onLoaded", "onCloseConnectivity"])) : G("", !0)
-        ], 42, XL))), 128)),
+            onCloseConnectivity: (m) => a.onConnectivityCollapseChange(p)
+          }, null, 8, ["entryId", "connectivityEntry", "availableAnatomyFacets", "envVars", "onConnectivityClicked", "onLoaded", "onCloseConnectivity"])) : G("", !0)
+        ], 40, QL))), 128)),
         q(g, {
           class: "pagination",
           "current-page": e.page,
@@ -23608,7 +23517,7 @@ function QL(e, t, n, r, o, a) {
     _: 1
   }, 8, ["body-style"]);
 }
-const $y = /* @__PURE__ */ $n(JL, [["render", QL], ["__scopeId", "data-v-fd04a96e"]]), e9 = {
+const $y = /* @__PURE__ */ $n(ZL, [["render", e9], ["__scopeId", "data-v-5c7b95e0"]]), t9 = {
   name: "AnnotationTool",
   components: {
     AnnotationPopup: wb,
@@ -23633,13 +23542,13 @@ const $y = /* @__PURE__ */ $n(JL, [["render", QL], ["__scopeId", "data-v-fd04a96
       ElIconDelete: Wr(Ul)
     };
   }
-}, t9 = { class: "annotation-tool scrollbar" }, n9 = {
+}, n9 = { class: "annotation-tool scrollbar" }, r9 = {
   key: 1,
   class: "delete-container"
 };
-function r9(e, t, n, r, o, a) {
+function o9(e, t, n, r, o, a) {
   const s = Se("CreateTooltipContent"), i = Se("annotation-popup"), l = xg, c = Ht, u = Eg;
-  return C(), F("div", t9, [
+  return C(), F("div", n9, [
     Oe(q(s, {
       createData: n.createData,
       onConfirmCreate: t[0] || (t[0] = (f) => e.$emit("confirm-create", f)),
@@ -23654,7 +23563,7 @@ function r9(e, t, n, r, o, a) {
       annotationEntry: n.annotationEntry,
       onAnnotation: t[2] || (t[2] = (f) => e.$emit("annotation", f))
     }, null, 8, ["annotationEntry"])) : G("", !0),
-    n.createData && n.createData.toBeDeleted ? (C(), F("div", n9, [
+    n.createData && n.createData.toBeDeleted ? (C(), F("div", r9, [
       q(u, null, {
         default: R(() => [
           q(l, {
@@ -23662,7 +23571,7 @@ function r9(e, t, n, r, o, a) {
             span: 6
           }, {
             default: R(() => t[5] || (t[5] = [
-              Ee("Delete this feature?")
+              _e("Delete this feature?")
             ])),
             _: 1
           }),
@@ -23677,7 +23586,7 @@ function r9(e, t, n, r, o, a) {
                 onClick: t[3] || (t[3] = (f) => e.$emit("confirm-delete"))
               }, {
                 default: R(() => t[6] || (t[6] = [
-                  Ee(" Delete ")
+                  _e(" Delete ")
                 ])),
                 _: 1
               }, 8, ["icon"])
@@ -23694,7 +23603,7 @@ function r9(e, t, n, r, o, a) {
                 onClick: t[4] || (t[4] = (f) => e.$emit("cancel-create"))
               }, {
                 default: R(() => t[7] || (t[7] = [
-                  Ee(" Dismiss ")
+                  _e(" Dismiss ")
                 ])),
                 _: 1
               })
@@ -23707,7 +23616,7 @@ function r9(e, t, n, r, o, a) {
     ])) : G("", !0)
   ]);
 }
-const Ry = /* @__PURE__ */ $n(e9, [["render", r9], ["__scopeId", "data-v-ba0c41d1"]]), o9 = {
+const Ry = /* @__PURE__ */ $n(t9, [["render", o9], ["__scopeId", "data-v-ba0c41d1"]]), a9 = {
   name: "Tabs",
   components: {
     ElIconClose: _o
@@ -23744,16 +23653,16 @@ const Ry = /* @__PURE__ */ $n(e9, [["render", r9], ["__scopeId", "data-v-ba0c41d
       this.$emit("tabClosed", { id: e.id, type: e.type });
     }
   }
-}, a9 = { class: "tabs-container" }, s9 = ["onClick"], i9 = { class: "tab-title" };
-function l9(e, t, n, r, o, a) {
+}, s9 = { class: "tabs-container" }, i9 = ["onClick"], l9 = { class: "tab-title" };
+function c9(e, t, n, r, o, a) {
   const s = _o, i = ze;
-  return C(), F("div", a9, [
+  return C(), F("div", s9, [
     (C(!0), F(Pe, null, ft(a.tabs, (l) => (C(), F("div", {
       class: L(["tab", { "active-tab": l.id == n.activeId }]),
       key: l.id,
       onClick: (c) => a.tabClicked(l)
     }, [
-      W("span", i9, ue(l.title), 1),
+      W("span", l9, de(l.title), 1),
       l.closable ? (C(), Y(i, {
         key: 0,
         onClick: Ne((c) => a.tabClosed(l), ["stop"]),
@@ -23764,10 +23673,10 @@ function l9(e, t, n, r, o, a) {
         ]),
         _: 2
       }, 1032, ["onClick"])) : G("", !0)
-    ], 10, s9))), 128))
+    ], 10, i9))), 128))
   ]);
 }
-const Ny = /* @__PURE__ */ $n(o9, [["render", l9], ["__scopeId", "data-v-9dda8d57"]]), c9 = {
+const Ny = /* @__PURE__ */ $n(a9, [["render", c9], ["__scopeId", "data-v-9dda8d57"]]), u9 = {
   components: {
     SidebarContent: Iy,
     Tabs: Ny,
@@ -23840,6 +23749,10 @@ const Ny = /* @__PURE__ */ $n(o9, [["render", l9], ["__scopeId", "data-v-9dda8d5
     connectivityKnowledge: {
       type: Array,
       default: []
+    },
+    filterOptions: {
+      type: Array,
+      default: []
     }
   },
   data: function() {
@@ -23850,15 +23763,15 @@ const Ny = /* @__PURE__ */ $n(o9, [["render", l9], ["__scopeId", "data-v-9dda8d5
     };
   },
   methods: {
-    onConnectivityExplorerClicked: function(e) {
-      this.$emit("connectivity-explorer-clicked", e);
+    onConnectivityCollapseChange: function(e) {
+      this.$emit("connectivity-collapse-change", e);
     },
     /**
      * This event is emitted when the mouse hover are changed.
      * @arg data
      */
-    hoverChanged: function(e) {
-      this.$emit("hover-changed", e);
+    hoverChanged: function(e, t) {
+      this.$emit("hover-changed", { ...t, tabId: e });
     },
     /**
      * This event is emitted when the show connectivity button is clicked.
@@ -23886,7 +23799,7 @@ const Ny = /* @__PURE__ */ $n(o9, [["render", l9], ["__scopeId", "data-v-9dda8d5
      * @arg `obj` {data, id}
      */
     searchChanged: function(e, t) {
-      this.$emit("search-changed", { ...t, id: e });
+      this.$emit("search-changed", { ...t, tabId: e });
     },
     /**
      * The function to close sidebar.
@@ -24005,10 +23918,10 @@ const Ny = /* @__PURE__ */ $n(o9, [["render", l9], ["__scopeId", "data-v-9dda8d5
       this.availableAnatomyFacets = e.find((t) => t.label === "Anatomical Structure").children, this.storeAvailableAnatomyFacets(this.availableAnatomyFacets);
     });
   }
-}, u9 = { ref: "container" }, d9 = { class: "box-card" }, f9 = { class: "sidebar-container" };
-function p9(e, t, n, r, o, a) {
+}, d9 = { ref: "container" }, f9 = { class: "box-card" }, p9 = { class: "sidebar-container" };
+function h9(e, t, n, r, o, a) {
   const s = Ac, i = ze, l = hi, c = Ny, u = Ry, f = $y, g = Iy, v = uu;
-  return C(), F("div", u9, [
+  return C(), F("div", d9, [
     e.drawerOpen ? G("", !0) : (C(), F("div", {
       key: 0,
       onClick: t[0] || (t[0] = (...d) => a.toggleDrawer && a.toggleDrawer(...d)),
@@ -24024,7 +23937,7 @@ function p9(e, t, n, r, o, a) {
     q(v, {
       class: "side-bar my-drawer",
       modelValue: e.drawerOpen,
-      "onUpdate:modelValue": t[8] || (t[8] = (d) => e.drawerOpen = d),
+      "onUpdate:modelValue": t[6] || (t[6] = (d) => e.drawerOpen = d),
       teleported: !1,
       "modal-append-to-body": !1,
       size: "584",
@@ -24036,7 +23949,7 @@ function p9(e, t, n, r, o, a) {
       "lock-scroll": !1
     }, {
       default: R(() => [
-        W("div", d9, [
+        W("div", f9, [
           e.drawerOpen ? (C(), F("div", {
             key: 0,
             onClick: t[1] || (t[1] = (...d) => a.close && a.close(...d)),
@@ -24049,7 +23962,7 @@ function p9(e, t, n, r, o, a) {
               _: 1
             })
           ])) : G("", !0),
-          W("div", f9, [
+          W("div", p9, [
             a.tabEntries.length > 1 ? (C(), Y(c, {
               key: 0,
               tabEntries: a.tabEntries,
@@ -24078,13 +23991,14 @@ function p9(e, t, n, r, o, a) {
                 envVars: n.envVars,
                 connectivityEntry: n.connectivityEntry,
                 availableAnatomyFacets: e.availableAnatomyFacets,
+                connectivityFilterOptions: n.filterOptions,
                 onSearchChanged: (p) => a.searchChanged(d.id, p),
-                onHoverChanged: t[6] || (t[6] = (p) => a.hoverChanged(p)),
+                onHoverChanged: (p) => a.hoverChanged(d.id, p),
                 onShowConnectivity: a.showConnectivity,
                 onShowReferenceConnectivities: a.onShowReferenceConnectivities,
                 onConnectivityHovered: a.onConnectivityHovered,
-                onConnectivityExplorerClicked: a.onConnectivityExplorerClicked
-              }, null, 8, ["connectivityKnowledge", "envVars", "connectivityEntry", "availableAnatomyFacets", "onSearchChanged", "onShowConnectivity", "onShowReferenceConnectivities", "onConnectivityHovered", "onConnectivityExplorerClicked"])), [
+                onConnectivityCollapseChange: a.onConnectivityCollapseChange
+              }, null, 8, ["connectivityKnowledge", "envVars", "connectivityEntry", "availableAnatomyFacets", "connectivityFilterOptions", "onSearchChanged", "onHoverChanged", "onShowConnectivity", "onShowReferenceConnectivities", "onConnectivityHovered", "onConnectivityCollapseChange"])), [
                 [wt, d.id === e.activeTabId]
               ]) : Oe((C(), Y(g, {
                 key: 2,
@@ -24094,8 +24008,8 @@ function p9(e, t, n, r, o, a) {
                 ref_for: !0,
                 ref: "datasetExplorerTab_" + d.id,
                 onSearchChanged: (p) => a.searchChanged(d.id, p),
-                onHoverChanged: t[7] || (t[7] = (p) => a.hoverChanged(p))
-              }, null, 8, ["contextCardEntry", "envVars", "onSearchChanged"])), [
+                onHoverChanged: (p) => a.hoverChanged(d.id, p)
+              }, null, 8, ["contextCardEntry", "envVars", "onSearchChanged", "onHoverChanged"])), [
                 [wt, d.id === e.activeTabId]
               ])
             ], 64))), 128))
@@ -24106,7 +24020,7 @@ function p9(e, t, n, r, o, a) {
     }, 8, ["modelValue"])
   ], 512);
 }
-const m9 = /* @__PURE__ */ $n(c9, [["render", p9], ["__scopeId", "data-v-eb25f336"]]);
+const y9 = /* @__PURE__ */ $n(u9, [["render", h9], ["__scopeId", "data-v-d177efb9"]]);
 export {
-  m9 as SideBar
+  y9 as SideBar
 };