@abi-software/map-side-bar 2.8.3-beta.4 → 2.8.3-beta.6

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 ht, onBeforeMount as wh, provide as je, defineComponent as U, openBlock as C, createElementBlock as F, mergeProps as ft, 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 dt, withModifiers as Ne, createVNode as q, toDisplayString as de, normalizeStyle as Ge, Transition as Fr, withDirectives as Oe, vShow as Ct, 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 yt, resolveComponent as Se, renderList as pt, 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 ht, onBeforeMount as wh, provide as je, defineComponent as U, openBlock as C, createElementBlock as F, mergeProps as ft, 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 dt, withModifiers as Ne, createVNode as q, toDisplayString as ue, normalizeStyle as Ge, Transition as Fr, withDirectives as Oe, vShow as Ct, 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 yt, resolveComponent as Se, renderList as pt, 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"))
-                }, de(h(Xe)) + " / " + de(ee.maxlength), 3)
+                }, ue(h(Xe)) + " / " + ue(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"))
-        }, de(h(Xe)) + " / " + de(ee.maxlength), 7)) : G("v-if", !0)
+        }, ue(h(Xe)) + " / " + ue(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 }, de(y.content), 1))
+              }, null, 8, ["innerHTML"])) : (C(), F("span", { key: 1 }, ue(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", {}, () => [
-          _e(de(n.header), 1)
+          _e(ue(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", {}, () => [
-          _e(de(n.footer), 1)
+          _e(ue(n.footer), 1)
         ])
       ], 2)) : G("v-if", !0)
     ], 2));
@@ -5798,7 +5798,7 @@ const Ai = vt(M_), cg = {
           }, [
             te(y.$slots, "default"),
             y.$slots.default ? G("v-if", !0) : (C(), F(Pe, { key: 0 }, [
-              _e(de(y.label), 1)
+              _e(ue(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", {}, () => [
-            _e(de(d.label), 1)
+            _e(ue(d.label), 1)
           ])
         ], 6)) : G("v-if", !0)
       ], 2);
@@ -6081,7 +6081,7 @@ const hg = we({
           }, ["stop"])
         }, [
           te(g.$slots, "default", {}, () => [
-            _e(de(g.label), 1)
+            _e(ue(g.label), 1)
           ])
         ], 42, ["onKeydown"])
       ], 2);
@@ -6137,7 +6137,7 @@ const oO = we({
           }, ["stop"])
         }, [
           te(f.$slots, "default", {}, () => [
-            _e(de(f.label), 1)
+            _e(ue(f.label), 1)
           ])
         ], 46, ["onKeydown"])
       ], 2);
@@ -6462,13 +6462,13 @@ function mO(e, t, n, r, o, a) {
             ]),
             _: 1
           }, 8, ["class"]),
-          _e(" " + de(e.t("el.cascader.loading")), 1)
+          _e(" " + ue(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", {}, () => [
-            _e(de(e.t("el.cascader.noData")), 1)
+            _e(ue(e.t("el.cascader.noData")), 1)
           ])
         ], 2)) : (u = e.panel) != null && u.isHoverMenu ? (C(), F("svg", {
           key: 2,
@@ -6958,8 +6958,8 @@ const Ro = vt(PO), $O = we({
           enabled: !0,
           phase: "main",
           fn: ({ state: Z }) => {
-            const { modifiersData: ue, placement: fe } = Z;
-            ["right", "left", "bottom", "top"].includes(fe) || (ue.arrow.x = 35);
+            const { modifiersData: de, placement: fe } = Z;
+            ["right", "left", "bottom", "top"].includes(fe) || (de.arrow.x = 35);
           },
           requires: ["arrow"]
         }
@@ -6968,23 +6968,23 @@ const Ro = vt(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 ue;
-        const fe = (ue = Z.target) == null ? void 0 : ue.value;
+        var de;
+        const fe = (de = Z.target) == null ? void 0 : de.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), gt = w(() => {
       var Z;
       return ((Z = I.value) == null ? void 0 : Z.checkedNodes) || [];
     }), nt = w(() => !r.clearable || re.value || A.value || !O.value ? !1 : !!gt.value.length), De = w(() => {
-      const { showAllLevels: Z, separator: ue } = r, fe = gt.value;
-      return fe.length ? $e.value ? "" : fe[0].calcText(Z, ue) : "";
+      const { showAllLevels: Z, separator: de } = r, fe = gt.value;
+      return fe.length ? $e.value ? "" : fe[0].calcText(Z, de) : "";
     }), Ve = w(() => (g == null ? void 0 : g.validateState) || ""), Qe = w({
       get() {
         return iv(r.modelValue);
       },
       set(Z) {
-        const ue = Z ?? v.value;
-        n(lt, ue), n(no, ue), r.validateEvent && (g == null || g.validate("change").catch((fe) => St(fe)));
+        const de = Z ?? v.value;
+        n(lt, de), n(no, de), r.validateEvent && (g == null || g.validate("change").catch((fe) => St(fe)));
       }
     }), it = w(() => [
       l.b(),
@@ -6996,11 +6996,11 @@ const Ro = vt(PO), $O = we({
       "icon-arrow-down",
       l.is("reverse", _.value)
     ]), Rt = w(() => l.is("focus", _.value || $.value)), Ot = w(() => {
-      var Z, ue;
-      return (ue = (Z = m.value) == null ? void 0 : Z.popperRef) == null ? void 0 : ue.contentRef;
+      var Z, de;
+      return (de = (Z = m.value) == null ? void 0 : Z.popperRef) == null ? void 0 : de.contentRef;
     }), rt = (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)));
+      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)));
     }, ct = () => {
       Fe(() => {
         var Z;
@@ -7009,37 +7009,37 @@ const Ro = vt(PO), $O = we({
     }, Ut = () => {
       A.value = !1;
     }, qt = (Z) => {
-      const { showAllLevels: ue, separator: fe } = r;
+      const { showAllLevels: de, separator: fe } = r;
       return {
         node: Z,
         key: Z.uid,
-        text: Z.calcText(ue, fe),
+        text: Z.calcText(de, fe),
         hitState: !1,
         closable: !re.value && !Z.isDisabled,
         isCollapseTag: !1
       };
     }, xt = (Z) => {
-      var ue;
+      var de;
       const fe = Z.node;
-      fe.doCheck(!1), (ue = I.value) == null || ue.calculateCheckedValue(), n("removeTag", fe.valueByOption);
+      fe.doCheck(!1), (de = I.value) == null || de.calculateCheckedValue(), n("removeTag", fe.valueByOption);
     }, Kt = () => {
       if (!$e.value)
         return;
-      const Z = gt.value, ue = [], fe = [];
+      const Z = gt.value, de = [], fe = [];
       if (Z.forEach((qe) => fe.push(qt(qe))), H.value = fe, Z.length) {
-        Z.slice(0, r.maxCollapseTags).forEach((Wt) => ue.push(qt(Wt)));
+        Z.slice(0, r.maxCollapseTags).forEach((Wt) => de.push(qt(Wt)));
         const qe = Z.slice(r.maxCollapseTags), cn = qe.length;
-        cn && (r.collapseTags ? ue.push({
+        cn && (r.collapseTags ? de.push({
           key: -1,
           text: `+ ${cn}`,
           closable: !1,
           isCollapseTag: !0
-        }) : qe.forEach((Wt) => ue.push(qt(Wt))));
+        }) : qe.forEach((Wt) => de.push(qt(Wt))));
       }
-      j.value = ue;
+      j.value = de;
     }, Nt = () => {
-      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)));
+      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)));
       $e.value && (j.value.forEach((un) => {
         un.hitState = !1;
       }), H.value.forEach((un) => {
@@ -7047,11 +7047,11 @@ const Ro = vt(PO), $O = we({
       })), A.value = !0, Q.value = Wt, ct();
     }, bn = () => {
       var Z;
-      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());
+      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());
     }, Ue = () => {
-      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;
+      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;
       if (!(!tt || !fe)) {
         if (cn) {
           const Wt = cn.querySelector(`.${l.e("suggestion-list")}`);
@@ -7063,8 +7063,8 @@ const Ro = vt(PO), $O = we({
         }
       }
     }, Tt = (Z) => {
-      var ue;
-      return (ue = I.value) == null ? void 0 : ue.getCheckedNodes(Z);
+      var de;
+      return (de = I.value) == null ? void 0 : de.getCheckedNodes(Z);
     }, Mt = (Z) => {
       ct(), n("expandChange", Z);
     }, sn = (Z) => {
@@ -7090,39 +7090,39 @@ const Ro = vt(PO), $O = we({
       const { value: Z } = De;
       D.value = Z, K.value = Z;
     }, Ie = (Z) => {
-      var ue, fe;
+      var de, fe;
       const { checked: qe } = Z;
-      $e.value ? (ue = I.value) == null || ue.handleCheckChange(Z, !qe, !1) : (!qe && ((fe = I.value) == null || fe.handleCheckChange(Z, !0, !1)), rt(!1));
+      $e.value ? (de = I.value) == null || de.handleCheckChange(Z, !qe, !1) : (!qe && ((fe = I.value) == null || fe.handleCheckChange(Z, !0, !1)), rt(!1));
     }, ot = (Z) => {
-      const ue = Z.target, { code: fe } = Z;
+      const de = Z.target, { code: fe } = Z;
       switch (fe) {
         case Me.up:
         case Me.down: {
           const qe = fe === Me.up ? -1 : 1;
-          xs(Bh(ue, qe, `.${l.e("suggestion-item")}[tabindex="-1"]`));
+          xs(Bh(de, qe, `.${l.e("suggestion-item")}[tabindex="-1"]`));
           break;
         }
         case Me.enter:
-          ue.click();
+          de.click();
           break;
       }
     }, jt = () => {
-      const Z = j.value, ue = Z[Z.length - 1];
-      i = K.value ? 0 : i + 1, !(!ue || !i || r.collapseTags && Z.length > 1) && (ue.hitState ? xt(ue) : ue.hitState = !0);
+      const Z = j.value, de = Z[Z.length - 1];
+      i = K.value ? 0 : i + 1, !(!de || !i || r.collapseTags && Z.length > 1) && (de.hitState ? xt(de) : de.hitState = !0);
     }, ln = (Z) => {
-      const ue = Z.target, fe = l.e("search-input");
-      ue.className === fe && ($.value = !0), n("focus", Z);
+      const de = Z.target, fe = l.e("search-input");
+      de.className === fe && ($.value = !0), n("focus", Z);
     }, ho = (Z) => {
       $.value = !1, n("blur", Z);
     }, Yo = fv(() => {
       const { value: Z } = Xe;
       if (!Z)
         return;
-      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());
+      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());
     }, Br = (Z) => Number.parseFloat(_b(c.cssVarName("input-height"), Z).value) - 2;
     return ae(A, ct), ae([gt, re, () => r.collapseTags], Kt), ae(j, () => {
       Fe(() => Ue());
@@ -7131,15 +7131,15 @@ const Ro = vt(PO), $O = we({
       const Z = y.value.input;
       s = Br(Z) || s, Ue();
     }), ae(De, ee, { immediate: !0 }), Je(() => {
-      const Z = y.value.input, ue = Br(Z);
-      s = Z.offsetHeight || ue, Wn(Z, Ue);
+      const Z = y.value.input, de = Br(Z);
+      s = Z.offsetHeight || de, Wn(Z, Ue);
     }), t({
       getCheckedNodes: Tt,
       cascaderPanelRef: I,
       togglePopperVisible: rt,
       contentRef: Ot,
       presentText: De
-    }), (Z, ue) => (C(), Y(h(Aa), {
+    }), (Z, de) => (C(), Y(h(Aa), {
       ref_key: "tooltipRef",
       ref: m,
       visible: _.value,
@@ -7227,7 +7227,7 @@ const Ro = vt(PO), $O = we({
               onClose: (qe) => xt(fe)
             }, {
               default: R(() => [
-                fe.isCollapseTag === !1 ? (C(), F("span", { key: 0 }, de(fe.text), 1)) : (C(), Y(h(Aa), {
+                fe.isCollapseTag === !1 ? (C(), F("span", { key: 0 }, ue(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 = vt(PO), $O = we({
                   effect: "light"
                 }, {
                   default: R(() => [
-                    W("span", null, de(fe.text), 1)
+                    W("span", null, ue(fe.text), 1)
                   ]),
                   content: R(() => [
                     W("div", {
@@ -7257,7 +7257,7 @@ const Ro = vt(PO), $O = we({
                           onClose: (Wt) => xt(qe)
                         }, {
                           default: R(() => [
-                            W("span", null, de(qe.text), 1)
+                            W("span", null, ue(qe.text), 1)
                           ]),
                           _: 2
                         }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]))
@@ -7330,7 +7330,7 @@ const Ro = vt(PO), $O = we({
               tabindex: -1,
               onClick: (qe) => Ie(fe)
             }, [
-              W("span", null, de(fe.text), 1),
+              W("span", null, ue(fe.text), 1),
               fe.checked ? (C(), Y(h(ze), { key: 0 }, {
                 default: R(() => [
                   q(h(Ph))
@@ -7340,7 +7340,7 @@ const Ro = vt(PO), $O = we({
             ], 10, ["onClick"]))), 128)) : te(Z.$slots, "empty", { key: 1 }, () => [
               W("li", {
                 class: L(h(l).e("empty-text"))
-              }, de(h(u)("el.cascader.noMatch")), 3)
+              }, ue(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"))
-                          }, de($.title), 11, ["id", "aria-level"]))
+                          }, ue($.title), 11, ["id", "aria-level"]))
                         ]),
                         $.showClose ? (C(), F("button", {
                           key: 2,
@@ -8799,7 +8799,7 @@ const c5 = vt(t5, {
       "aria-disabled": h(r),
       onClick: (s) => o.$emit("click", s)
     }, [
-      o.prevText ? (C(), F("span", { key: 0 }, de(o.prevText), 1)) : (C(), Y(h(ze), { key: 1 }, {
+      o.prevText ? (C(), F("span", { key: 0 }, ue(o.prevText), 1)) : (C(), Y(h(ze), { key: 1 }, {
         default: R(() => [
           (C(), Y(dt(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 }, de(o.nextText), 1)) : (C(), Y(h(ze), { key: 1 }, {
+      o.nextText ? (C(), F("span", { key: 0 }, ue(o.nextText), 1)) : (C(), Y(h(ze), { key: 1 }, {
         default: R(() => [
           (C(), Y(dt(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, de(e.currentLabel), 1)
+      W("span", null, ue(e.currentLabel), 1)
     ])
   ], 42, ["id", "aria-disabled", "aria-selected", "onMouseenter", "onClick"])), [
     [Ct, e.visible]
@@ -9106,7 +9106,7 @@ const O5 = 11, T5 = (e, t) => {
     s.previousQuery === V || I.value || (s.previousQuery = V, e.filterable && wt(e.filterMethod) ? e.filterMethod(V) : e.filterable && e.remote && wt(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 = ue(Ve.value, ie || Te);
+    s.hoveringIndex = de(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 = ue(Te, V.value);
+      const Te = lr((ie = e.modelValue) != null ? ie : []).slice(), Ke = de(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 && xt(""), e.filterable && !e.reserveKeyword && (s.inputValue = "");
     } else
       t(lt, V.value), ln(V.value), D.value = !1;
     vo(), !D.value && Fe(() => {
       fe(V);
     });
-  }, ue = (V = [], ie) => {
+  }, de = (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
                         }, () => [
-                          _e(de(p.currentLabel), 1)
+                          _e(ue(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"))
-                          }, " + " + de(e.states.selected.length - e.maxCollapseTags), 3)
+                          }, " + " + ue(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
                               }, () => [
-                                _e(de(p.currentLabel), 1)
+                                _e(ue(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: de(e.states.inputValue)
+                  textContent: ue(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, de(e.currentPlaceholder), 1)
-                ]) : (C(), F("span", { key: 1 }, de(e.currentPlaceholder), 1))
+                  W("span", null, ue(e.currentPlaceholder), 1)
+                ]) : (C(), F("span", { key: 1 }, ue(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, de(e.emptyText), 1)
+                W("span", null, ue(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"))
-    }, de(e.label), 3),
+    }, ue(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")])
-      }, de(h(t)("el.pagination.goto")), 3),
+      }, ue(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")])
-      }, de(h(t)("el.pagination.pageClassifier")), 3)
+      }, ue(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)
-    }, de(h(t)("el.pagination.total", {
+    }, ue(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)
-      }, de(O), 11, ["aria-current", "aria-label", "tabindex"]))), 128)),
+      }, ue(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)
-      }, de(x.pageCount), 11, ["aria-current", "aria-label", "tabindex"])) : G("v-if", !0)
+      }, ue(x.pageCount), 11, ["aria-current", "aria-label", "tabindex"])) : G("v-if", !0)
     ], 42, ["onKeyup"]));
   }
 });
@@ -10483,9 +10483,9 @@ const $i = vt(e3), t3 = we({
           key: 0,
           class: L(h(a).e("title")),
           role: "title"
-        }, de(m.title), 3)) : G("v-if", !0),
+        }, ue(m.title), 3)) : G("v-if", !0),
         te(m.$slots, "default", {}, () => [
-          _e(de(m.content), 1)
+          _e(ue(m.content), 1)
         ])
       ]),
       default: R(() => [
@@ -10768,7 +10768,7 @@ function m3(e, t, n, r, o, a) {
         key: l
       }, {
         default: R(() => [
-          _e(de(l + " (" + i.size + ")"), 1)
+          _e(ue(l + " (" + i.size + ")"), 1)
         ]),
         _: 2
       }, 1032, ["class", "onClick"])) : G("", !0)
@@ -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 }, de(y.content), 1))
+              }, null, 8, ["innerHTML"])) : (C(), F("span", { key: 1 }, ue(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", {}, () => [
-          _e(de(n.header), 1)
+          _e(ue(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", {}, () => [
-          _e(de(n.footer), 1)
+          _e(ue(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"
-        }, de(m.title), 3)) : G("v-if", !0),
+        }, ue(m.title), 3)) : G("v-if", !0),
         te(m.$slots, "default", {}, () => [
-          _e(de(m.content), 1)
+          _e(ue(m.content), 1)
         ])
       ]),
       default: R(() => [
@@ -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, de(e.data.type), 1)
+                W("b", null, ue(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"
-              }, de(e.data.title), 513), [
+              }, ue(e.data.title), 513), [
                 [Ct, !e.data.hideTitle]
               ]),
               Oe(W("p", j6, null, 512), [
@@ -18635,7 +18635,7 @@ const L6 = ["src"], B6 = ["src"], D6 = {
                 size: "large"
               }, {
                 default: R(() => [
-                  _e(" View " + de(e.data.type), 1)
+                  _e(" View " + ue(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))
-          }, 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),
+          }, 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),
           n.entry.detailsReady ? G("", !0) : Oe((C(), F("div", _N, null, 512)), [
             [u, !n.entry.detailsReady]
           ]),
@@ -19785,14 +19785,14 @@ function zN(e, t, n, r, o, a) {
               "popper-class": "popover-dropdown"
             }, {
               reference: R(() => [
-                _e(de(p.label), 1)
+                _e(ue(p.label), 1)
               ]),
               default: R(() => [
-                _e(" " + de(p.longLabel), 1)
+                _e(" " + ue(p.longLabel), 1)
               ]),
               _: 2
             }, 1024)) : (C(), F(Pe, { key: 1 }, [
-              _e(de(p.label), 1)
+              _e(ue(p.label), 1)
             ], 64))
           ]),
           _: 2
@@ -19825,17 +19825,17 @@ function zN(e, t, n, r, o, a) {
                       W("span", {
                         class: "dropdown-clickable-item",
                         onClick: (m) => a.search(p)
-                      }, de(p.label), 9, NN)
+                      }, ue(p.label), 9, NN)
                     ]),
                     default: R(() => [
-                      _e(" " + de(p.longLabel), 1)
+                      _e(" " + ue(p.longLabel), 1)
                     ]),
                     _: 2
                   }, 1024)) : (C(), F("span", {
                     key: 1,
                     class: "dropdown-clickable-item",
                     onClick: (m) => a.search(p)
-                  }, de(p.label), 9, LN))
+                  }, ue(p.label), 9, LN))
                 ]),
                 W("div", null, [
                   q(s, {
@@ -21056,7 +21056,7 @@ var Ty = { exports: {} };
       return function(S, k) {
         return b.transporter.read({ method: j, path: "1/indexes/*/objects", data: { requests: S } }, k);
       };
-    }, ue = function(b) {
+    }, de = function(b) {
       return function(S, k) {
         var T = S.map(function(N) {
           return o(o({}, N), {}, { params: ge(N.params || {}) });
@@ -21544,7 +21544,7 @@ var Ty = { exports: {} };
           return Promise.all([ce.requestsCache.clear(), ce.responsesCache.clear()]).then(function() {
           });
         } }, X.methods);
-      }(o(o({}, ne), {}, { methods: { search: ue, searchForFacetValues: fe, multipleBatch: Br, multipleGetObjects: Z, multipleQueries: ue, copyIndex: ct, copySettings: qt, copySynonyms: xt, 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: de, searchForFacetValues: fe, multipleBatch: Br, multipleGetObjects: Z, multipleQueries: de, copyIndex: ct, copySettings: qt, copySynonyms: xt, 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: mt, 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 } });
         };
@@ -22222,7 +22222,7 @@ function vL(e, t, n, r, o, a) {
           onClose: t[0] || (t[0] = (d) => a.cascadeTagClose(e.presentTags[0]))
         }, {
           default: R(() => [
-            W("p", lL, de(e.presentTags[0]), 1)
+            W("span", lL, ue(e.presentTags[0]), 1)
           ]),
           _: 1
         }),
@@ -22243,7 +22243,7 @@ function vL(e, t, n, r, o, a) {
                 onClose: (m) => a.cascadeTagClose(d)
               }, {
                 default: R(() => [
-                  _e(de(d), 1)
+                  _e(ue(d), 1)
                 ]),
                 _: 2
               }, 1032, ["onClose"]))), 128))
@@ -22257,7 +22257,7 @@ function vL(e, t, n, r, o, a) {
                 type: "info"
               }, {
                 default: R(() => [
-                  _e(" +" + de(e.presentTags.length - 1), 1)
+                  _e(" +" + ue(e.presentTags.length - 1), 1)
                 ]),
                 _: 1
               })) : G("", !0)
@@ -22299,18 +22299,18 @@ function vL(e, t, n, r, o, a) {
                 })
               ]),
               default: R(() => [
-                t[5] || (t[5] = W("div", null, [
-                  W("strong", null, "Within categories:"),
-                  _e(" OR "),
-                  W("br"),
-                  _e(" example: 'heart' OR 'colon' "),
-                  W("br"),
-                  W("br"),
-                  W("strong", null, "Between categories:"),
-                  _e(" AND "),
-                  W("br"),
-                  _e(" example: 'rat' AND 'lung' ")
-                ], -1))
+                W("div", null, [
+                  t[5] || (t[5] = W("strong", null, "Within categories:", -1)),
+                  t[6] || (t[6] = _e(" OR ")),
+                  t[7] || (t[7] = W("br", null, null, -1)),
+                  _e(" example: " + ue(n.entry.helper.within) + " ", 1),
+                  t[8] || (t[8] = W("br", null, null, -1)),
+                  t[9] || (t[9] = W("br", null, null, -1)),
+                  t[10] || (t[10] = W("strong", null, "Between categories:", -1)),
+                  t[11] || (t[11] = _e(" AND ")),
+                  t[12] || (t[12] = W("br", null, null, -1)),
+                  _e(" example: " + ue(n.entry.helper.between), 1)
+                ])
               ]),
               _: 1
             })
@@ -22322,7 +22322,7 @@ function vL(e, t, n, r, o, a) {
       })
     ])) : G("", !0),
     W("div", pL, [
-      W("span", hL, de(a.numberOfResultsText), 1),
+      W("span", hL, ue(a.numberOfResultsText), 1),
       q(g, {
         class: "number-shown-select",
         modelValue: e.numberShown,
@@ -22342,7 +22342,7 @@ function vL(e, t, n, r, o, a) {
     ])
   ]);
 }
-const tl = /* @__PURE__ */ $n(oL, [["render", vL], ["__scopeId", "data-v-403270fe"]]);
+const tl = /* @__PURE__ */ $n(oL, [["render", vL], ["__scopeId", "data-v-abd92758"]]);
 var gL = async function(e) {
   if (!e.ok) {
     let t = await e.json();
@@ -22413,7 +22413,11 @@ const yL = {
       return {
         numberOfHits: this.numberOfHits,
         filterFacets: this.filter,
-        showFilters: !0
+        showFilters: !0,
+        helper: {
+          within: "'heart' OR 'colon'",
+          between: "'rat' AND 'lung'"
+        }
       };
     }
   },
@@ -22665,7 +22669,7 @@ function SL(e, t, n, r, o, a) {
     _: 1
   }, 8, ["body-style"]);
 }
-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) {
+const Iy = /* @__PURE__ */ $n(yL, [["render", SL], ["__scopeId", "data-v-66d857f2"]]), 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) : "";
 }, EL = {
   name: "ConnectivityInfo",
@@ -22943,7 +22947,7 @@ function zL(e, t, n, r, o, a) {
       W("div", OL, [
         a.entry.title ? (C(), F("div", TL, [
           W("div", AL, [
-            W("span", null, de(a.capitalise(a.entry.title)), 1),
+            W("span", null, ue(a.capitalise(a.entry.title)), 1),
             a.entry.featuresAlert ? (C(), Y(l, {
               key: 0,
               width: "250",
@@ -22960,18 +22964,18 @@ function zL(e, t, n, r, o, a) {
                 })
               ]),
               default: R(() => [
-                W("span", IL, de(a.entry.featuresAlert), 1)
+                W("span", IL, ue(a.entry.featuresAlert), 1)
               ]),
               _: 1
             })) : G("", !0)
           ]),
           W("div", FL, [
             t[3] || (t[3] = W("strong", null, "id: ", -1)),
-            _e(de(a.entry.featureId[0]), 1)
+            _e(ue(a.entry.featureId[0]), 1)
           ]),
-          a.hasProvenanceTaxonomyLabel ? (C(), F("div", PL, de(a.provSpeciesDescription), 1)) : G("", !0)
+          a.hasProvenanceTaxonomyLabel ? (C(), F("div", PL, ue(a.provSpeciesDescription), 1)) : G("", !0)
         ])) : (C(), F("div", $L, [
-          W("div", RL, de(a.entry.featureId), 1)
+          W("div", RL, ue(a.entry.featureId), 1)
         ]))
       ]),
       W("div", NL, [
@@ -23206,11 +23210,11 @@ function GL(e, t, n, r, o, a) {
         class: "card-content",
         onClick: t[0] || (t[0] = (i) => a.cardClicked(n.entry))
       }, [
-        W("div", KL, de(a.capitalise(n.entry.label)), 1),
+        W("div", KL, ue(a.capitalise(n.entry.label)), 1),
         (C(!0), F(Pe, null, pt(o.displayFields, (i) => (C(), F(Pe, { key: i }, [
           n.entry[i] ? (C(), F("div", WL, [
-            W("strong", null, de(i) + ":", 1),
-            _e(" " + de(n.entry[i]), 1)
+            W("strong", null, ue(i) + ":", 1),
+            _e(" " + ue(n.entry[i]), 1)
           ])) : G("", !0)
         ], 64))), 128))
       ])), [
@@ -23293,7 +23297,11 @@ const ZL = {
         numberOfHits: this.numberOfHits,
         filterFacets: this.filter,
         options: this.connectivityFilterOptions,
-        showFilters: !0
+        showFilters: !0,
+        helper: {
+          within: "'CNS' OR 'Local circuit neuron'",
+          between: "'Somatic lower motor' AND 'Human'"
+        }
       };
     },
     paginatedResults: function() {
@@ -23302,14 +23310,12 @@ const ZL = {
   },
   watch: {
     connectivityKnowledge: function(e, t) {
-      this.expanded = "", this.expandedData = null, 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]));
+      this.expanded = "", this.expandedData = null, 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]), this.numberOfHits > 0 && "ready" in this.results[0] && (this.$refs.filtersRef.checkShowAllBoxes(), this.searchInput = "", this.filter = []));
     },
     // 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 > 0)
-        this.$refs.filtersRef.checkShowAllBoxes(), this.searchInput = "", this.filter = [];
-      else if (e.length === 1 && e[0].ready) {
+      if (e.length === 1 && e[0].ready) {
         if (e[0].connectivitySource !== t[0].connectivitySource && t[0].ready)
           return;
         this.collapseChange(e[0]);
@@ -23334,6 +23340,10 @@ const ZL = {
         this.$emit("connectivity-collapse-change", e);
       }));
     },
+    onHoverChanged: function(e, t) {
+      const { target: n } = e;
+      (t || n && n.checkVisibility()) && this.hoverChanged(t);
+    },
     hoverChanged: function(e) {
       let t = { tabType: "connectivity" };
       e ? t = { ...t, ...e } : this.expandedData && (t = { ...t, ...this.expandedData }), this.$emit("hover-changed", t);
@@ -23417,7 +23427,7 @@ function e9(e, t, n, r, o, a) {
   return C(), Y(v, {
     "body-style": e.bodyStyle,
     class: "content-card",
-    onMouseleave: t[7] || (t[7] = (p) => a.hoverChanged(void 0))
+    onMouseleave: t[7] || (t[7] = (p) => a.onHoverChanged(p, void 0))
   }, {
     header: R(() => [
       W("div", YL, [
@@ -23473,7 +23483,7 @@ function e9(e, t, n, r, o, a) {
       Oe((C(), F("div", {
         class: "content scrollbar",
         ref: "content",
-        onMouseleave: t[6] || (t[6] = (p) => a.hoverChanged(void 0))
+        onMouseleave: t[6] || (t[6] = (p) => a.onHoverChanged(p, void 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, pt(a.paginatedResults, (p) => (C(), F("div", {
@@ -23481,7 +23491,7 @@ function e9(e, t, n, r, o, a) {
           ref_for: !0,
           ref: "stepItem-" + p.id,
           class: "step-item",
-          onMouseenter: (m) => a.hoverChanged(p)
+          onMouseenter: (m) => a.onHoverChanged(m, p)
         }, [
           Oe(q(u, {
             class: "connectivity-card",
@@ -23525,7 +23535,7 @@ function e9(e, t, n, r, o, a) {
     _: 1
   }, 8, ["body-style"]);
 }
-const $y = /* @__PURE__ */ $n(ZL, [["render", e9], ["__scopeId", "data-v-494938d9"]]), t9 = {
+const $y = /* @__PURE__ */ $n(ZL, [["render", e9], ["__scopeId", "data-v-ae659b09"]]), t9 = {
   name: "AnnotationTool",
   components: {
     AnnotationPopup: wb,
@@ -23547,7 +23557,8 @@ const $y = /* @__PURE__ */ $n(ZL, [["render", e9], ["__scopeId", "data-v-494938d
   },
   data: function() {
     return {
-      ElIconDelete: Wr(Ul)
+      ElIconDelete: Wr(Ul),
+      annotationPopupData: null
     };
   }
 }, n9 = { class: "annotation-tool scrollbar" }, r9 = {
@@ -23569,7 +23580,8 @@ function o9(e, t, n, r, o, a) {
       key: 0,
       class: "annotation-popup",
       annotationEntry: n.annotationEntry,
-      onAnnotation: t[2] || (t[2] = (f) => e.$emit("annotation", f))
+      onAnnotation: t[2] || (t[2] = (f) => e.$emit("annotation", f)),
+      onHoverChanged: t[3] || (t[3] = (f) => e.$emit("hover-changed", f))
     }, null, 8, ["annotationEntry"])) : G("", !0),
     n.createData && n.createData.toBeDeleted ? (C(), F("div", r9, [
       q(u, null, {
@@ -23578,7 +23590,7 @@ function o9(e, t, n, r, o, a) {
             offset: 1,
             span: 6
           }, {
-            default: R(() => t[5] || (t[5] = [
+            default: R(() => t[6] || (t[6] = [
               _e("Delete this feature?")
             ])),
             _: 1
@@ -23591,9 +23603,9 @@ function o9(e, t, n, r, o, a) {
               q(c, {
                 class: "delete-button",
                 icon: e.ElIconDelete,
-                onClick: t[3] || (t[3] = (f) => e.$emit("confirm-delete"))
+                onClick: t[4] || (t[4] = (f) => e.$emit("confirm-delete"))
               }, {
-                default: R(() => t[6] || (t[6] = [
+                default: R(() => t[7] || (t[7] = [
                   _e(" Delete ")
                 ])),
                 _: 1
@@ -23608,9 +23620,9 @@ function o9(e, t, n, r, o, a) {
             default: R(() => [
               q(c, {
                 class: "delete-button",
-                onClick: t[4] || (t[4] = (f) => e.$emit("cancel-create"))
+                onClick: t[5] || (t[5] = (f) => e.$emit("cancel-create"))
               }, {
-                default: R(() => t[7] || (t[7] = [
+                default: R(() => t[8] || (t[8] = [
                   _e(" Dismiss ")
                 ])),
                 _: 1
@@ -23624,7 +23636,7 @@ function o9(e, t, n, r, o, a) {
     ])) : G("", !0)
   ]);
 }
-const Ry = /* @__PURE__ */ $n(t9, [["render", o9], ["__scopeId", "data-v-ba0c41d1"]]), a9 = {
+const Ry = /* @__PURE__ */ $n(t9, [["render", o9], ["__scopeId", "data-v-82a15370"]]), a9 = {
   name: "Tabs",
   components: {
     ElIconClose: _o
@@ -23670,7 +23682,7 @@ function c9(e, t, n, r, o, a) {
       key: l.id,
       onClick: (c) => a.tabClicked(l)
     }, [
-      W("span", l9, de(l.title), 1),
+      W("span", l9, ue(l.title), 1),
       l.closable ? (C(), Y(i, {
         key: 0,
         onClick: Ne((c) => a.tabClosed(l), ["stop"]),
@@ -23767,7 +23779,9 @@ const Ny = /* @__PURE__ */ $n(a9, [["render", c9], ["__scopeId", "data-v-9dda8d5
     return {
       drawerOpen: !1,
       availableAnatomyFacets: [],
-      activeTabId: 1
+      activeTabId: 1,
+      activeAnnotationData: { tabType: "annotation" },
+      activeConnectivityData: { tabType: "connectivity" }
     };
   },
   methods: {
@@ -23788,6 +23802,8 @@ const Ny = /* @__PURE__ */ $n(a9, [["render", c9], ["__scopeId", "data-v-9dda8d5
      */
     hoverChanged: function(e, t) {
       this.$emit("hover-changed", { ...t, tabId: e });
+      const n = this.getActiveTabTypeById(e);
+      n === "connectivityExplorer" && (this.activeConnectivityData = t), n === "annotation" && (this.activeAnnotationData = t);
     },
     /**
      * This event is emitted when the show connectivity button is clicked.
@@ -23884,8 +23900,20 @@ const Ny = /* @__PURE__ */ $n(a9, [["render", c9], ["__scopeId", "data-v-9dda8d5
       const t = this.tabs.filter((r) => r.id === e.id && r.type === e.type), n = t.length ? t : this.tabEntries;
       this.activeTabId = n[0].id;
     },
+    getActiveTabTypeById: function(e) {
+      const t = this.tabs.find((n) => n.id === e);
+      return t ? t.type : "";
+    },
+    highlightActiveTabData: function(e) {
+      let t = null;
+      if (e.type === "connectivityExplorer") {
+        const n = this.getTabRef(void 0, "connectivityExplorer", !0);
+        n && !n.expanded ? t = { tabType: "connectivity" } : t = { ...this.activeConnectivityData };
+      } else e.type === "annotation" && (t = { ...this.activeAnnotationData });
+      t && this.$emit("hover-changed", { ...t, tabId: e.id });
+    },
     tabClicked: function(e) {
-      this.setActiveTab(e), this.$emit("tabClicked", e);
+      this.setActiveTab(e), this.$emit("tabClicked", e), this.highlightActiveTabData(e);
     },
     tabClosed: function(e) {
       this.$emit("tabClosed", e);
@@ -23999,8 +24027,9 @@ function h9(e, t, n, r, o, a) {
                 onAnnotation: t[2] || (t[2] = (p) => e.$emit("annotation-submitted", p)),
                 onConfirmCreate: t[3] || (t[3] = (p) => e.$emit("confirm-create", p)),
                 onCancelCreate: t[4] || (t[4] = (p) => e.$emit("cancel-create")),
-                onConfirmDelete: t[5] || (t[5] = (p) => e.$emit("confirm-delete", p))
-              }, null, 8, ["annotationEntry", "createData"])), [
+                onConfirmDelete: t[5] || (t[5] = (p) => e.$emit("confirm-delete", p)),
+                onHoverChanged: (p) => a.hoverChanged(d.id, p)
+              }, null, 8, ["annotationEntry", "createData", "onHoverChanged"])), [
                 [Ct, d.id === e.activeTabId]
               ]) : d.type === "connectivityExplorer" ? Oe((C(), Y(f, {
                 key: 1,
@@ -24040,7 +24069,7 @@ function h9(e, t, n, r, o, a) {
     }, 8, ["modelValue"])
   ], 512);
 }
-const y9 = /* @__PURE__ */ $n(u9, [["render", h9], ["__scopeId", "data-v-87cced63"]]);
+const y9 = /* @__PURE__ */ $n(u9, [["render", h9], ["__scopeId", "data-v-8da1209d"]]);
 export {
   y9 as SideBar
 };