@abi-software/map-side-bar 2.4.2-beta.1 → 2.4.2-beta.3

package/dist/map-side-bar.js

@@ -2481,23 +2481,23 @@ function JP(e) {
     t.modifiersData[r] = A;
   }
 }
-var e9 = { name: "preventOverflow", enabled: !0, phase: "main", fn: JP, requiresIfExists: ["offset"] };
-function t9(e) {
+var eI = { name: "preventOverflow", enabled: !0, phase: "main", fn: JP, requiresIfExists: ["offset"] };
+function tI(e) {
   return { scrollLeft: e.scrollLeft, scrollTop: e.scrollTop };
 }
-function n9(e) {
-  return e === Io(e) || !Jr(e) ? Cg(e) : t9(e);
+function nI(e) {
+  return e === Io(e) || !Jr(e) ? Cg(e) : tI(e);
 }
-function r9(e) {
+function rI(e) {
   var t = e.getBoundingClientRect(), n = sl(t.width) / e.offsetWidth || 1, r = sl(t.height) / e.offsetHeight || 1;
   return n !== 1 || r !== 1;
 }
-function o9(e, t, n) {
+function oI(e, t, n) {
   n === void 0 && (n = !1);
-  var r = Jr(t), o = Jr(t) && r9(t), a = xi(t), i = ll(e, o), s = { scrollLeft: 0, scrollTop: 0 }, u = { x: 0, y: 0 };
-  return (r || !r && !n) && ((Jo(t) !== "body" || Eg(a)) && (s = n9(t)), Jr(t) ? (u = ll(t, !0), u.x += t.clientLeft, u.y += t.clientTop) : a && (u.x = Sg(a))), { x: i.left + s.scrollLeft - u.x, y: i.top + s.scrollTop - u.y, width: i.width, height: i.height };
+  var r = Jr(t), o = Jr(t) && rI(t), a = xi(t), i = ll(e, o), s = { scrollLeft: 0, scrollTop: 0 }, u = { x: 0, y: 0 };
+  return (r || !r && !n) && ((Jo(t) !== "body" || Eg(a)) && (s = nI(t)), Jr(t) ? (u = ll(t, !0), u.x += t.clientLeft, u.y += t.clientTop) : a && (u.x = Sg(a))), { x: i.left + s.scrollLeft - u.x, y: i.top + s.scrollTop - u.y, width: i.width, height: i.height };
 }
-function a9(e) {
+function aI(e) {
   var t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), r = [];
   e.forEach(function(a) {
     t.set(a.name, a);
@@ -2516,15 +2516,15 @@ function a9(e) {
     n.has(a.name) || o(a);
   }), r;
 }
-function i9(e) {
-  var t = a9(e);
+function iI(e) {
+  var t = aI(e);
   return xP.reduce(function(n, r) {
     return n.concat(t.filter(function(o) {
       return o.phase === r;
     }));
   }, []);
 }
-function s9(e) {
+function sI(e) {
   var t;
   return function() {
     return t || (t = new Promise(function(n) {
@@ -2534,7 +2534,7 @@ function s9(e) {
     })), t;
   };
 }
-function l9(e) {
+function lI(e) {
   var t = e.reduce(function(n, r) {
     var o = n[r.name];
     return n[r.name] = o ? Object.assign({}, o, r, { options: Object.assign({}, o.options, r.options), data: Object.assign({}, o.data, r.data) }) : r, n;
@@ -2558,7 +2558,7 @@ function _g(e) {
     var l = { placement: "bottom", orderedModifiers: [], options: Object.assign({}, O1, a), modifiersData: {}, elements: { reference: i, popper: s }, attributes: {}, styles: {} }, c = [], d = !1, f = { state: l, setOptions: function(v) {
       var m = typeof v == "function" ? v(l.options) : v;
       p(), l.options = Object.assign({}, a, l.options, m), l.scrollParents = { reference: il(i) ? Tu(i) : i.contextElement ? Tu(i.contextElement) : [], popper: Tu(s) };
-      var g = i9(l9([].concat(r, l.options.modifiers)));
+      var g = iI(lI([].concat(r, l.options.modifiers)));
       return l.orderedModifiers = g.filter(function(b) {
         return b.enabled;
       }), h(), f.update();
@@ -2566,7 +2566,7 @@ function _g(e) {
       if (!d) {
         var v = l.elements, m = v.reference, g = v.popper;
         if (T1(m, g)) {
-          l.rects = { reference: o9(m, Ec(g), l.options.strategy === "fixed"), popper: xg(g) }, l.reset = !1, l.placement = l.options.placement, l.orderedModifiers.forEach(function(E) {
+          l.rects = { reference: oI(m, Ec(g), l.options.strategy === "fixed"), popper: xg(g) }, l.reset = !1, l.placement = l.options.placement, l.orderedModifiers.forEach(function(E) {
             return l.modifiersData[E.name] = Object.assign({}, E.data);
           });
           for (var b = 0; b < l.orderedModifiers.length; b++) {
@@ -2579,7 +2579,7 @@ function _g(e) {
           }
         }
       }
-    }, update: s9(function() {
+    }, update: sI(function() {
       return new Promise(function(v) {
         f.forceUpdate(), v(l);
       });
@@ -2609,16 +2609,16 @@ function _g(e) {
   };
 }
 _g();
-var u9 = [dC, hC, cC, aC];
-_g({ defaultModifiers: u9 });
-var c9 = [dC, hC, cC, aC, YP, qP, e9, AP, WP], d9 = _g({ defaultModifiers: c9 });
-const p9 = (e, t, n = {}) => {
+var uI = [dC, hC, cC, aC];
+_g({ defaultModifiers: uI });
+var cI = [dC, hC, cC, aC, YP, qP, eI, AP, WP], dI = _g({ defaultModifiers: cI });
+const pI = (e, t, n = {}) => {
   const r = {
     name: "updateState",
     enabled: !0,
     phase: "write",
     fn: ({ state: u }) => {
-      const l = f9(u);
+      const l = fI(u);
       Object.assign(i.value, l);
     },
     requires: ["computeStyles"]
@@ -2655,7 +2655,7 @@ const p9 = (e, t, n = {}) => {
   }, {
     deep: !0
   }), ge([e, t], ([u, l]) => {
-    s(), !(!u || !l) && (a.value = d9(u, l, y(o)));
+    s(), !(!u || !l) && (a.value = dI(u, l, y(o)));
   }), Lt(() => {
     s();
   }), {
@@ -2676,14 +2676,14 @@ const p9 = (e, t, n = {}) => {
     instanceRef: _(() => y(a))
   };
 };
-function f9(e) {
+function fI(e) {
   const t = Object.keys(e.elements), n = mp(t.map((o) => [o, e.styles[o] || {}])), r = mp(t.map((o) => [o, e.attributes[o]]));
   return {
     styles: n,
     attributes: r
   };
 }
-const h9 = (e) => {
+const hI = (e) => {
   if (!e)
     return { onClick: xa, onMousedown: xa, onMouseup: xa };
   let t = !1, n = !1;
@@ -2708,7 +2708,7 @@ function $1() {
 const Bv = {
   prefix: Math.floor(Math.random() * 1e4),
   current: 0
-}, v9 = Symbol("elIdInjection"), vC = () => ut() ? $e(v9, Bv) : Bv, di = (e) => {
+}, vI = Symbol("elIdInjection"), vC = () => ut() ? $e(vI, Bv) : Bv, di = (e) => {
   const t = vC();
   !nn && t === Bv && Sn("IdInjection", `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
 usage: app.provide(ID_INJECTION_KEY, {
@@ -2722,7 +2722,7 @@ let Us = [];
 const A1 = (e) => {
   const t = e;
   t.key === Tn.esc && Us.forEach((n) => n(t));
-}, g9 = (e) => {
+}, gI = (e) => {
   dt(() => {
     Us.length === 0 && document.addEventListener("keydown", A1), nn && Us.push(e);
   }), Lt(() => {
@@ -2736,18 +2736,18 @@ const gC = () => {
     id: n,
     selector: r
   };
-}, m9 = (e) => {
+}, mI = (e) => {
   const t = document.createElement("div");
   return t.id = e, document.body.appendChild(t), t;
-}, y9 = () => {
+}, yI = () => {
   const { id: e, selector: t } = gC();
   return K0(() => {
-    nn && (process.env.NODE_ENV === "test" || !F1 || !document.body.querySelector(t.value)) && (F1 = m9(e.value));
+    nn && (process.env.NODE_ENV === "test" || !F1 || !document.body.querySelector(t.value)) && (F1 = mI(e.value));
   }), {
     id: e,
     selector: t
   };
-}, b9 = bt({
+}, bI = bt({
   showAfter: {
     type: Number,
     default: 0
@@ -2760,7 +2760,7 @@ const gC = () => {
     type: Number,
     default: 0
   }
-}), w9 = ({
+}), wI = ({
   showAfter: e,
   hideAfter: t,
   autoClose: n,
@@ -2787,13 +2787,13 @@ const gC = () => {
       }, y(t));
     }
   };
-}, mC = Symbol("elForwardRef"), x9 = (e) => {
+}, mC = Symbol("elForwardRef"), xI = (e) => {
   ht(mC, {
     setForwardRef: (n) => {
       e.value = n;
     }
   });
-}, k9 = (e) => ({
+}, kI = (e) => ({
   mounted(t) {
     e(t);
   },
@@ -2817,7 +2817,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`), {
     nextZIndex: a
   };
 };
-function C9(e) {
+function CI(e) {
   let t;
   function n() {
     if (e.value == null)
@@ -2912,7 +2912,7 @@ function Tg({
     handleCompositionEnd: a
   };
 }
-const CC = Symbol("emptyValuesContextKey"), S9 = "use-empty-values", E9 = ["", void 0, null], _9 = void 0, SC = bt({
+const CC = Symbol("emptyValuesContextKey"), SI = "use-empty-values", EI = ["", void 0, null], _I = void 0, SC = bt({
   emptyValues: Array,
   valueOnClear: {
     type: [String, Number, Boolean, Function],
@@ -2920,20 +2920,20 @@ const CC = Symbol("emptyValuesContextKey"), S9 = "use-empty-values", E9 = ["", v
     validator: (e) => An(e) ? !e() : !e
   }
 }), EC = (e, t) => {
-  const n = ut() ? $e(CC, H({})) : H({}), r = _(() => e.emptyValues || n.value.emptyValues || E9), o = _(() => An(e.valueOnClear) ? e.valueOnClear() : e.valueOnClear !== void 0 ? e.valueOnClear : An(n.value.valueOnClear) ? n.value.valueOnClear() : n.value.valueOnClear !== void 0 ? n.value.valueOnClear : _9), a = (i) => r.value.includes(i);
-  return r.value.includes(o.value) || Sn(S9, "value-on-clear should be a value of empty-values"), {
+  const n = ut() ? $e(CC, H({})) : H({}), r = _(() => e.emptyValues || n.value.emptyValues || EI), o = _(() => An(e.valueOnClear) ? e.valueOnClear() : e.valueOnClear !== void 0 ? e.valueOnClear : An(n.value.valueOnClear) ? n.value.valueOnClear() : n.value.valueOnClear !== void 0 ? n.value.valueOnClear : _I), a = (i) => r.value.includes(i);
+  return r.value.includes(o.value) || Sn(SI, "value-on-clear should be a value of empty-values"), {
     emptyValues: r,
     valueOnClear: o,
     isEmptyValue: a
   };
-}, O9 = bt({
+}, OI = bt({
   ariaLabel: String,
   ariaOrientation: {
     type: String,
     values: ["horizontal", "vertical", "undefined"]
   },
   ariaControls: String
-}), ki = (e) => qk(O9, e), _C = Symbol(), bp = H();
+}), ki = (e) => qk(OI, e), _C = Symbol(), bp = H();
 function mf(e, t = void 0) {
   const n = ut() ? $e(_C, bp) : bp;
   return e ? _(() => {
@@ -2941,7 +2941,7 @@ function mf(e, t = void 0) {
     return (o = (r = n.value) == null ? void 0 : r[e]) != null ? o : t;
   }) : n;
 }
-function T9(e, t) {
+function TI(e, t) {
   const n = mf(), r = ft(e, _(() => {
     var s;
     return ((s = n.value) == null ? void 0 : s.namespace) || _u;
@@ -2955,14 +2955,14 @@ function T9(e, t) {
     var s;
     return y(t) || ((s = n.value) == null ? void 0 : s.size) || "";
   });
-  return $9(_(() => y(n) || {})), {
+  return $I(_(() => y(n) || {})), {
     ns: r,
     locale: o,
     zIndex: a,
     size: i
   };
 }
-const $9 = (e, t, n = !1) => {
+const $I = (e, t, n = !1) => {
   var r;
   const o = !!ut(), a = o ? mf() : void 0, i = (r = void 0) != null ? r : o ? ht : void 0;
   if (!i) {
@@ -2971,7 +2971,7 @@ const $9 = (e, t, n = !1) => {
   }
   const s = _(() => {
     const u = y(e);
-    return a != null && a.value ? A9(a.value, u) : u;
+    return a != null && a.value ? AI(a.value, u) : u;
   });
   return i(_C, s), i(tC, _(() => s.value.locale)), i(nC, _(() => s.value.namespace)), i(bC, _(() => s.value.zIndex)), i(wC, {
     size: _(() => s.value.size || "")
@@ -2979,7 +2979,7 @@ const $9 = (e, t, n = !1) => {
     emptyValues: s.value.emptyValues,
     valueOnClear: s.value.valueOnClear
   }))), (n || !bp.value) && (bp.value = s.value), s;
-}, A9 = (e, t) => {
+}, AI = (e, t) => {
   const n = [.../* @__PURE__ */ new Set([...v1(e), ...v1(t)])], r = {};
   for (const o of n)
     r[o] = t[o] !== void 0 ? t[o] : e[o];
@@ -2991,19 +2991,19 @@ var vt = (e, t) => {
     n[r] = o;
   return n;
 };
-const F9 = bt({
+const FI = bt({
   size: {
     type: tt([Number, String])
   },
   color: {
     type: String
   }
-}), P9 = Y({
+}), PI = Y({
   name: "ElIcon",
   inheritAttrs: !1
-}), I9 = /* @__PURE__ */ Y({
-  ...P9,
-  props: F9,
+}), II = /* @__PURE__ */ Y({
+  ...PI,
+  props: FI,
   setup(e) {
     const t = e, n = ft("icon"), r = _(() => {
       const { size: o, color: a } = t;
@@ -3020,8 +3020,8 @@ const F9 = bt({
     ], 16));
   }
 });
-var N9 = /* @__PURE__ */ vt(I9, [["__file", "icon.vue"]]);
-const ln = Mn(N9), $g = Symbol("formContextKey"), wp = Symbol("formItemContextKey"), pi = (e, t = {}) => {
+var NI = /* @__PURE__ */ vt(II, [["__file", "icon.vue"]]);
+const ln = Mn(NI), $g = Symbol("formContextKey"), wp = Symbol("formItemContextKey"), pi = (e, t = {}) => {
   const n = H(void 0), r = t.prop ? n : rC("size"), o = t.global ? n : xC(), a = t.form ? { size: void 0 } : $e($g, void 0), i = t.formItem ? { size: void 0 } : $e(wp, void 0);
   return _(() => r.value || y(e) || (i == null ? void 0 : i.size) || (a == null ? void 0 : a.size) || o.value || "");
 }, _c = (e) => {
@@ -3058,7 +3058,7 @@ const ln = Mn(N9), $g = Symbol("formContextKey"), wp = Symbol("formItemContextKe
   };
 };
 let go;
-const L9 = `
+const LI = `
   height:0 !important;
   visibility:hidden !important;
   ${a8() ? "" : "overflow:hidden !important;"}
@@ -3066,7 +3066,7 @@ const L9 = `
   z-index:-1000 !important;
   top:0 !important;
   right:0 !important;
-`, R9 = [
+`, RI = [
   "letter-spacing",
   "line-height",
   "padding-top",
@@ -3083,15 +3083,15 @@ const L9 = `
   "border-width",
   "box-sizing"
 ];
-function D9(e) {
+function DI(e) {
   const t = window.getComputedStyle(e), n = t.getPropertyValue("box-sizing"), r = Number.parseFloat(t.getPropertyValue("padding-bottom")) + Number.parseFloat(t.getPropertyValue("padding-top")), o = Number.parseFloat(t.getPropertyValue("border-bottom-width")) + Number.parseFloat(t.getPropertyValue("border-top-width"));
-  return { contextStyle: R9.map((i) => `${i}:${t.getPropertyValue(i)}`).join(";"), paddingSize: r, borderSize: o, boxSizing: n };
+  return { contextStyle: RI.map((i) => `${i}:${t.getPropertyValue(i)}`).join(";"), paddingSize: r, borderSize: o, boxSizing: n };
 }
 function L1(e, t = 1, n) {
   var r;
   go || (go = document.createElement("textarea"), document.body.appendChild(go));
-  const { paddingSize: o, borderSize: a, boxSizing: i, contextStyle: s } = D9(e);
-  go.setAttribute("style", `${s};${L9}`), go.value = e.value || e.placeholder || "";
+  const { paddingSize: o, borderSize: a, boxSizing: i, contextStyle: s } = DI(e);
+  go.setAttribute("style", `${s};${LI}`), go.value = e.value || e.placeholder || "";
   let u = go.scrollHeight;
   const l = {};
   i === "border-box" ? u = u + a : i === "content-box" && (u = u - o), go.value = "";
@@ -3106,7 +3106,7 @@ function L1(e, t = 1, n) {
   }
   return l.height = `${u}px`, (r = go.parentNode) == null || r.removeChild(go), go = void 0, l;
 }
-const B9 = bt({
+const BI = bt({
   id: {
     type: String,
     default: void 0
@@ -3187,7 +3187,7 @@ const B9 = bt({
     default: 2
   },
   ...ki(["ariaLabel"])
-}), M9 = {
+}), MI = {
   [fn]: (e) => Or(e),
   input: (e) => Or(e),
   change: (e) => Or(e),
@@ -3200,13 +3200,13 @@ const B9 = bt({
   compositionstart: (e) => e instanceof CompositionEvent,
   compositionupdate: (e) => e instanceof CompositionEvent,
   compositionend: (e) => e instanceof CompositionEvent
-}, z9 = Y({
+}, zI = Y({
   name: "ElInput",
   inheritAttrs: !1
-}), j9 = /* @__PURE__ */ Y({
-  ...z9,
-  props: B9,
-  emits: M9,
+}), jI = /* @__PURE__ */ Y({
+  ...zI,
+  props: BI,
+  emits: MI,
   setup(e, { expose: t, emit: n }) {
     const r = e, o = W0(), a = po(), i = _(() => {
       const j = {};
@@ -3248,7 +3248,7 @@ const B9 = bt({
       r.inputStyle,
       k.value,
       { resize: r.resize }
-    ]), D = _(() => kc(r.modelValue) ? "" : String(r.modelValue)), U = _(() => r.clearable && !p.value && !r.readonly && !!D.value && (O.value || x.value)), te = _(() => r.showPassword && !p.value && !r.readonly && !!D.value && (!!D.value || O.value)), Z = _(() => r.showWordLimit && !!r.maxlength && (r.type === "text" || r.type === "textarea") && !p.value && !r.readonly && !r.showPassword), ne = _(() => D.value.length), ce = _(() => !!Z.value && ne.value > Number(r.maxlength)), be = _(() => !!a.suffix || !!r.suffixIcon || U.value || r.showPassword || Z.value || !!L.value && A.value), [xe, de] = C9(g);
+    ]), D = _(() => kc(r.modelValue) ? "" : String(r.modelValue)), U = _(() => r.clearable && !p.value && !r.readonly && !!D.value && (O.value || x.value)), te = _(() => r.showPassword && !p.value && !r.readonly && !!D.value && (!!D.value || O.value)), Z = _(() => r.showWordLimit && !!r.maxlength && (r.type === "text" || r.type === "textarea") && !p.value && !r.readonly && !r.showPassword), ne = _(() => D.value.length), ce = _(() => !!Z.value && ne.value > Number(r.maxlength)), be = _(() => !!a.suffix || !!r.suffixIcon || U.value || r.showPassword || Z.value || !!L.value && A.value), [xe, de] = CI(g);
     Ho(b, (j) => {
       if (J(), !Z.value || r.resize !== "both")
         return;
@@ -3521,8 +3521,8 @@ const B9 = bt({
     ], 16, ["role"]));
   }
 });
-var V9 = /* @__PURE__ */ vt(j9, [["__file", "input.vue"]]);
-const yf = Mn(V9), Ps = 4, H9 = {
+var VI = /* @__PURE__ */ vt(jI, [["__file", "input.vue"]]);
+const yf = Mn(VI), Ps = 4, HI = {
   vertical: {
     offset: "offsetHeight",
     scroll: "scrollTop",
@@ -3543,14 +3543,14 @@ const yf = Mn(V9), Ps = 4, H9 = {
     client: "clientX",
     direction: "left"
   }
-}, U9 = ({
+}, UI = ({
   move: e,
   size: t,
   bar: n
 }) => ({
   [n.size]: t,
   transform: `translate${n.axis}(${e}%)`
-}), Ag = Symbol("scrollbarContextKey"), q9 = bt({
+}), Ag = Symbol("scrollbarContextKey"), qI = bt({
   vertical: Boolean,
   size: String,
   move: Number,
@@ -3559,15 +3559,15 @@ const yf = Mn(V9), Ps = 4, H9 = {
     required: !0
   },
   always: Boolean
-}), K9 = "Thumb", W9 = /* @__PURE__ */ Y({
+}), KI = "Thumb", WI = /* @__PURE__ */ Y({
   __name: "thumb",
-  props: q9,
+  props: qI,
   setup(e) {
     const t = e, n = $e(Ag), r = ft("scrollbar");
-    n || Wk(K9, "can not inject scrollbar context");
+    n || Wk(KI, "can not inject scrollbar context");
     const o = H(), a = H(), i = H({}), s = H(!1);
     let u = !1, l = !1, c = nn ? document.onselectstart : null;
-    const d = _(() => H9[t.vertical ? "vertical" : "horizontal"]), f = _(() => U9({
+    const d = _(() => HI[t.vertical ? "vertical" : "horizontal"]), f = _(() => UI({
       size: t.size,
       move: t.move,
       bar: d.value
@@ -3632,8 +3632,8 @@ const yf = Mn(V9), Ps = 4, H9 = {
     }, 8, ["name"]));
   }
 });
-var R1 = /* @__PURE__ */ vt(W9, [["__file", "thumb.vue"]]);
-const G9 = bt({
+var R1 = /* @__PURE__ */ vt(WI, [["__file", "thumb.vue"]]);
+const GI = bt({
   always: {
     type: Boolean,
     default: !0
@@ -3642,9 +3642,9 @@ const G9 = bt({
     type: Number,
     required: !0
   }
-}), X9 = /* @__PURE__ */ Y({
+}), XI = /* @__PURE__ */ Y({
   __name: "bar",
-  props: G9,
+  props: GI,
   setup(e, { expose: t }) {
     const n = e, r = $e(Ag), o = H(0), a = H(0), i = H(""), s = H(""), u = H(1), l = H(1);
     return t({
@@ -3678,8 +3678,8 @@ const G9 = bt({
     ], 64));
   }
 });
-var Y9 = /* @__PURE__ */ vt(X9, [["__file", "bar.vue"]]);
-const Z9 = bt({
+var YI = /* @__PURE__ */ vt(XI, [["__file", "bar.vue"]]);
+const ZI = bt({
   height: {
     type: [String, Number],
     default: ""
@@ -3725,17 +3725,17 @@ const Z9 = bt({
   id: String,
   role: String,
   ...ki(["ariaLabel", "ariaOrientation"])
-}), Q9 = {
+}), QI = {
   scroll: ({
     scrollTop: e,
     scrollLeft: t
   }) => [e, t].every(Zt)
-}, Mv = "ElScrollbar", J9 = Y({
+}, Mv = "ElScrollbar", JI = Y({
   name: Mv
-}), eI = /* @__PURE__ */ Y({
-  ...J9,
-  props: Z9,
-  emits: Q9,
+}), e9 = /* @__PURE__ */ Y({
+  ...JI,
+  props: ZI,
+  emits: QI,
   setup(e, { expose: t, emit: n }) {
     const r = e, o = ft("scrollbar");
     let a, i, s = 0, u = 0;
@@ -3824,7 +3824,7 @@ const Z9 = bt({
           _: 3
         }, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
       ], 46, ["tabindex"]),
-      C.native ? oe("v-if", !0) : (P(), fe(Y9, {
+      C.native ? oe("v-if", !0) : (P(), fe(YI, {
         key: 0,
         ref_key: "barRef",
         ref: f,
@@ -3834,8 +3834,8 @@ const Z9 = bt({
     ], 2));
   }
 });
-var tI = /* @__PURE__ */ vt(eI, [["__file", "scrollbar.vue"]]);
-const Fg = Mn(tI), Pg = Symbol("popper"), OC = Symbol("popperContent"), nI = [
+var t9 = /* @__PURE__ */ vt(e9, [["__file", "scrollbar.vue"]]);
+const Fg = Mn(t9), Pg = Symbol("popper"), OC = Symbol("popperContent"), n9 = [
   "dialog",
   "grid",
   "group",
@@ -3847,14 +3847,14 @@ const Fg = Mn(tI), Pg = Symbol("popper"), OC = Symbol("popperContent"), nI = [
 ], TC = bt({
   role: {
     type: String,
-    values: nI,
+    values: n9,
     default: "tooltip"
   }
-}), rI = Y({
+}), r9 = Y({
   name: "ElPopper",
   inheritAttrs: !1
-}), oI = /* @__PURE__ */ Y({
-  ...rI,
+}), o9 = /* @__PURE__ */ Y({
+  ...r9,
   props: TC,
   setup(e, { expose: t }) {
     const n = e, r = H(), o = H(), a = H(), i = H(), s = _(() => n.role), u = {
@@ -3867,17 +3867,17 @@ const Fg = Mn(tI), Pg = Symbol("popper"), OC = Symbol("popperContent"), nI = [
     return t(u), ht(Pg, u), (l, c) => he(l.$slots, "default");
   }
 });
-var aI = /* @__PURE__ */ vt(oI, [["__file", "popper.vue"]]);
+var a9 = /* @__PURE__ */ vt(o9, [["__file", "popper.vue"]]);
 const $C = bt({
   arrowOffset: {
     type: Number,
     default: 5
   }
-}), iI = Y({
+}), i9 = Y({
   name: "ElPopperArrow",
   inheritAttrs: !1
-}), sI = /* @__PURE__ */ Y({
-  ...iI,
+}), s9 = /* @__PURE__ */ Y({
+  ...i9,
   props: $C,
   setup(e, { expose: t }) {
     const n = e, r = ft("popper"), { arrowOffset: o, arrowRef: a, arrowStyle: i } = $e(OC, void 0);
@@ -3896,15 +3896,15 @@ const $C = bt({
     }, null, 6));
   }
 });
-var lI = /* @__PURE__ */ vt(sI, [["__file", "arrow.vue"]]);
-const Th = "ElOnlyChild", uI = Y({
+var l9 = /* @__PURE__ */ vt(s9, [["__file", "arrow.vue"]]);
+const Th = "ElOnlyChild", u9 = Y({
   name: Th,
   setup(e, {
     slots: t,
     attrs: n
   }) {
     var r;
-    const o = $e(mC), a = k9((r = o == null ? void 0 : o.setForwardRef) != null ? r : xa);
+    const o = $e(mC), a = kI((r = o == null ? void 0 : o.setForwardRef) != null ? r : xa);
     return () => {
       var i;
       const s = (i = t.default) == null ? void 0 : i.call(t, n);
@@ -3972,15 +3972,15 @@ const FC = bt({
   },
   id: String,
   open: Boolean
-}), cI = Y({
+}), c9 = Y({
   name: "ElPopperTrigger",
   inheritAttrs: !1
-}), dI = /* @__PURE__ */ Y({
-  ...cI,
+}), d9 = /* @__PURE__ */ Y({
+  ...c9,
   props: FC,
   setup(e, { expose: t }) {
     const n = e, { role: r, triggerRef: o } = $e(Pg, void 0);
-    x9(o);
+    xI(o);
     const a = _(() => s.value ? n.id : void 0), i = _(() => {
       if (r && r.value === "tooltip")
         return n.open && n.id ? n.id : void 0;
@@ -4036,7 +4036,7 @@ const FC = bt({
       }
     }), t({
       triggerRef: o
-    }), (d, f) => d.virtualTriggering ? oe("v-if", !0) : (P(), fe(y(uI), Wt({ key: 0 }, d.$attrs, {
+    }), (d, f) => d.virtualTriggering ? oe("v-if", !0) : (P(), fe(y(u9), Wt({ key: 0 }, d.$attrs, {
       "aria-controls": y(a),
       "aria-describedby": y(i),
       "aria-expanded": y(u),
@@ -4049,14 +4049,14 @@ const FC = bt({
     }, 16, ["aria-controls", "aria-describedby", "aria-expanded", "aria-haspopup"]));
   }
 });
-var pI = /* @__PURE__ */ vt(dI, [["__file", "trigger.vue"]]);
-const $h = "focus-trap.focus-after-trapped", Ah = "focus-trap.focus-after-released", fI = "focus-trap.focusout-prevented", B1 = {
+var p9 = /* @__PURE__ */ vt(d9, [["__file", "trigger.vue"]]);
+const $h = "focus-trap.focus-after-trapped", Ah = "focus-trap.focus-after-released", f9 = "focus-trap.focusout-prevented", B1 = {
   cancelable: !0,
   bubbles: !1
-}, hI = {
+}, h9 = {
   cancelable: !0,
   bubbles: !1
-}, M1 = "focusAfterTrapped", z1 = "focusAfterReleased", vI = Symbol("elFocusTrap"), Ig = H(), bf = H(0), Ng = H(0);
+}, M1 = "focusAfterTrapped", z1 = "focusAfterReleased", v9 = Symbol("elFocusTrap"), Ig = H(), bf = H(0), Ng = H(0);
 let sd = 0;
 const PC = (e) => {
   const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
@@ -4070,9 +4070,9 @@ const PC = (e) => {
   return t;
 }, j1 = (e, t) => {
   for (const n of e)
-    if (!gI(n, t))
+    if (!g9(n, t))
       return n;
-}, gI = (e, t) => {
+}, g9 = (e, t) => {
   if (process.env.NODE_ENV === "test")
     return !1;
   if (getComputedStyle(e).visibility === "hidden")
@@ -4085,20 +4085,20 @@ const PC = (e) => {
     e = e.parentElement;
   }
   return !1;
-}, mI = (e) => {
+}, m9 = (e) => {
   const t = PC(e), n = j1(t, e), r = j1(t.reverse(), e);
   return [n, r];
-}, yI = (e) => e instanceof HTMLInputElement && "select" in e, qa = (e, t) => {
+}, y9 = (e) => e instanceof HTMLInputElement && "select" in e, qa = (e, t) => {
   if (e && e.focus) {
     const n = document.activeElement;
-    e.focus({ preventScroll: !0 }), Ng.value = window.performance.now(), e !== n && yI(e) && t && e.select();
+    e.focus({ preventScroll: !0 }), Ng.value = window.performance.now(), e !== n && y9(e) && t && e.select();
   }
 };
 function V1(e, t) {
   const n = [...e], r = e.indexOf(t);
   return r !== -1 && n.splice(r, 1), n;
 }
-const bI = () => {
+const b9 = () => {
   let e = [];
   return {
     push: (r) => {
@@ -4110,16 +4110,16 @@ const bI = () => {
       e = V1(e, r), (a = (o = e[0]) == null ? void 0 : o.resume) == null || a.call(o);
     }
   };
-}, wI = (e, t = !1) => {
+}, w9 = (e, t = !1) => {
   const n = document.activeElement;
   for (const r of e)
     if (qa(r, t), document.activeElement !== n)
       return;
-}, H1 = bI(), xI = () => bf.value > Ng.value, ld = () => {
+}, H1 = b9(), x9 = () => bf.value > Ng.value, ld = () => {
   Ig.value = "pointer", bf.value = window.performance.now();
 }, U1 = () => {
   Ig.value = "keyboard", bf.value = window.performance.now();
-}, kI = () => (dt(() => {
+}, k9 = () => (dt(() => {
   sd === 0 && (document.addEventListener("mousedown", ld), document.addEventListener("touchstart", ld), document.addEventListener("keydown", U1)), sd++;
 }), Lt(() => {
   sd--, sd <= 0 && (document.removeEventListener("mousedown", ld), document.removeEventListener("touchstart", ld), document.removeEventListener("keydown", U1));
@@ -4127,10 +4127,10 @@ const bI = () => {
   focusReason: Ig,
   lastUserFocusTimestamp: bf,
   lastAutomatedFocusTimestamp: Ng
-}), ud = (e) => new CustomEvent(fI, {
-  ...hI,
+}), ud = (e) => new CustomEvent(f9, {
+  ...h9,
   detail: e
-}), CI = Y({
+}), C9 = Y({
   name: "ElFocusTrap",
   inheritAttrs: !1,
   props: {
@@ -4153,8 +4153,8 @@ const bI = () => {
   setup(e, { emit: t }) {
     const n = H();
     let r, o;
-    const { focusReason: a } = kI();
-    g9((p) => {
+    const { focusReason: a } = k9();
+    gI((p) => {
       e.trapped && !i.paused && t("release-requested", p);
     });
     const i = {
@@ -4170,7 +4170,7 @@ const bI = () => {
         return;
       const { key: v, altKey: m, ctrlKey: g, metaKey: b, currentTarget: x, shiftKey: w } = p, { loop: C } = e, k = v === Tn.tab && !m && !g && !b, S = document.activeElement;
       if (k && S) {
-        const E = x, [O, F] = mI(E);
+        const E = x, [O, F] = m9(E);
         if (O && F) {
           if (!w && S === F) {
             const A = ud({
@@ -4191,7 +4191,7 @@ const bI = () => {
         }
       }
     };
-    ht(vI, {
+    ht(v9, {
       focusTrapRef: n,
       onKeydown: s
     }), ge(() => e.focusTrapEl, (p) => {
@@ -4235,7 +4235,7 @@ const bI = () => {
           const g = new Event($h, B1);
           p.addEventListener($h, u), p.dispatchEvent(g), g.defaultPrevented || Xe(() => {
             let b = e.focusStartEl;
-            Or(b) || (qa(b), document.activeElement !== b && (b = "first")), b === "first" && wI(PC(p), !0), (document.activeElement === v || b === "container") && qa(p);
+            Or(b) || (qa(b), document.activeElement !== b && (b = "first")), b === "first" && w9(PC(p), !0), (document.activeElement === v || b === "container") && qa(p);
           });
         }
       }
@@ -4250,7 +4250,7 @@ const bI = () => {
             focusReason: a.value
           }
         });
-        p.addEventListener(Ah, l), p.dispatchEvent(v), !v.defaultPrevented && (a.value == "keyboard" || !xI() || p.contains(document.activeElement)) && qa(r ?? document.body), p.removeEventListener(Ah, l), H1.remove(i);
+        p.addEventListener(Ah, l), p.dispatchEvent(v), !v.defaultPrevented && (a.value == "keyboard" || !x9() || p.contains(document.activeElement)) && qa(r ?? document.body), p.removeEventListener(Ah, l), H1.remove(i);
       }
     }
     return dt(() => {
@@ -4264,11 +4264,11 @@ const bI = () => {
     };
   }
 });
-function SI(e, t, n, r, o, a) {
+function S9(e, t, n, r, o, a) {
   return he(e.$slots, "default", { handleKeydown: e.onKeydown });
 }
-var IC = /* @__PURE__ */ vt(CI, [["render", SI], ["__file", "focus-trap.vue"]]);
-const EI = ["fixed", "absolute"], _I = bt({
+var IC = /* @__PURE__ */ vt(C9, [["render", S9], ["__file", "focus-trap.vue"]]);
+const E9 = ["fixed", "absolute"], _9 = bt({
   boundariesPadding: {
     type: Number,
     default: 0
@@ -4296,11 +4296,11 @@ const EI = ["fixed", "absolute"], _I = bt({
   },
   strategy: {
     type: String,
-    values: EI,
+    values: E9,
     default: "absolute"
   }
 }), NC = bt({
-  ..._I,
+  ..._9,
   id: String,
   style: {
     type: tt([String, Array, Object])
@@ -4345,25 +4345,25 @@ const EI = ["fixed", "absolute"], _I = bt({
   virtualTriggering: Boolean,
   zIndex: Number,
   ...ki(["ariaLabel"])
-}), OI = {
+}), O9 = {
   mouseenter: (e) => e instanceof MouseEvent,
   mouseleave: (e) => e instanceof MouseEvent,
   focus: () => !0,
   blur: () => !0,
   close: () => !0
-}, TI = (e, t = []) => {
+}, T9 = (e, t = []) => {
   const { placement: n, strategy: r, popperOptions: o } = e, a = {
     placement: n,
     strategy: r,
     ...o,
-    modifiers: [...AI(e), ...t]
+    modifiers: [...A9(e), ...t]
   };
-  return FI(a, o == null ? void 0 : o.modifiers), a;
-}, $I = (e) => {
+  return F9(a, o == null ? void 0 : o.modifiers), a;
+}, $9 = (e) => {
   if (nn)
     return Uo(e);
 };
-function AI(e) {
+function A9(e) {
   const { offset: t, gpuAcceleration: n, fallbackPlacements: r } = e;
   return [
     {
@@ -4398,16 +4398,16 @@ function AI(e) {
     }
   ];
 }
-function FI(e, t) {
+function F9(e, t) {
   t && (e.modifiers = [...e.modifiers, ...t ?? []]);
 }
-const PI = 0, II = (e) => {
+const P9 = 0, I9 = (e) => {
   const { popperInstanceRef: t, contentRef: n, triggerRef: r, role: o } = $e(Pg, void 0), a = H(), i = H(), s = _(() => ({
     name: "eventListeners",
     enabled: !!e.visible
   })), u = _(() => {
     var g;
-    const b = y(a), x = (g = y(i)) != null ? g : PI;
+    const b = y(a), x = (g = y(i)) != null ? g : P9;
     return {
       name: "arrow",
       enabled: !Uk(b),
@@ -4420,11 +4420,11 @@ const PI = 0, II = (e) => {
     onFirstUpdate: () => {
       p();
     },
-    ...TI(e, [
+    ...T9(e, [
       y(u),
       y(s)
     ])
-  })), c = _(() => $I(e.referenceEl) || y(r)), { attributes: d, state: f, styles: h, update: p, forceUpdate: v, instanceRef: m } = p9(c, n, l);
+  })), c = _(() => $9(e.referenceEl) || y(r)), { attributes: d, state: f, styles: h, update: p, forceUpdate: v, instanceRef: m } = pI(c, n, l);
   return ge(m, (g) => t.value = g), dt(() => {
     ge(() => {
       var g;
@@ -4443,7 +4443,7 @@ const PI = 0, II = (e) => {
     forceUpdate: v,
     update: p
   };
-}, NI = (e, {
+}, N9 = (e, {
   attributes: t,
   styles: n,
   role: r
@@ -4469,7 +4469,7 @@ const PI = 0, II = (e) => {
       s.value = Zt(e.zIndex) ? e.zIndex : o();
     }
   };
-}, LI = (e, t) => {
+}, L9 = (e, t) => {
   const n = H(!1), r = H();
   return {
     focusStartRef: r,
@@ -4491,12 +4491,12 @@ const PI = 0, II = (e) => {
       n.value = !1, t("close");
     }
   };
-}, RI = Y({
+}, R9 = Y({
   name: "ElPopperContent"
-}), DI = /* @__PURE__ */ Y({
-  ...RI,
+}), D9 = /* @__PURE__ */ Y({
+  ...R9,
   props: NC,
-  emits: OI,
+  emits: O9,
   setup(e, { expose: t, emit: n }) {
     const r = e, {
       focusStartRef: o,
@@ -4506,14 +4506,14 @@ const PI = 0, II = (e) => {
       onFocusInTrap: u,
       onFocusoutPrevented: l,
       onReleaseRequested: c
-    } = LI(r, n), { attributes: d, arrowRef: f, contentRef: h, styles: p, instanceRef: v, role: m, update: g } = II(r), {
+    } = L9(r, n), { attributes: d, arrowRef: f, contentRef: h, styles: p, instanceRef: v, role: m, update: g } = I9(r), {
       ariaModal: b,
       arrowStyle: x,
       contentAttrs: w,
       contentClass: C,
       contentStyle: k,
       updateZIndex: S
-    } = NI(r, {
+    } = N9(r, {
       styles: p,
       attributes: d,
       role: m
@@ -4581,9 +4581,9 @@ const PI = 0, II = (e) => {
     ], 16, ["onMouseenter", "onMouseleave"]));
   }
 });
-var BI = /* @__PURE__ */ vt(DI, [["__file", "content.vue"]]);
-const MI = Mn(aI), Lg = Symbol("elTooltip"), xr = bt({
-  ...b9,
+var B9 = /* @__PURE__ */ vt(D9, [["__file", "content.vue"]]);
+const M9 = Mn(a9), Lg = Symbol("elTooltip"), xr = bt({
+  ...bI,
   ...NC,
   appendTo: {
     type: tt([String, Object])
@@ -4617,12 +4617,12 @@ const MI = Mn(aI), Lg = Symbol("elTooltip"), xr = bt({
     default: () => [Tn.enter, Tn.space]
   }
 }), {
-  useModelToggleProps: zI,
-  useModelToggleEmits: jI,
-  useModelToggle: VI
-} = uP("visible"), HI = bt({
+  useModelToggleProps: z9,
+  useModelToggleEmits: j9,
+  useModelToggle: V9
+} = uP("visible"), H9 = bt({
   ...TC,
-  ...zI,
+  ...z9,
   ...xr,
   ...qu,
   ...$C,
@@ -4630,20 +4630,20 @@ const MI = Mn(aI), Lg = Symbol("elTooltip"), xr = bt({
     type: Boolean,
     default: !0
   }
-}), UI = [
-  ...jI,
+}), U9 = [
+  ...j9,
   "before-show",
   "before-hide",
   "show",
   "hide",
   "open",
   "close"
-], qI = (e, t) => gr(e) ? e.includes(t) : e === t, Is = (e, t, n) => (r) => {
-  qI(y(e), t) && n(r);
-}, KI = Y({
+], q9 = (e, t) => gr(e) ? e.includes(t) : e === t, Is = (e, t, n) => (r) => {
+  q9(y(e), t) && n(r);
+}, K9 = Y({
   name: "ElTooltipTrigger"
-}), WI = /* @__PURE__ */ Y({
-  ...KI,
+}), W9 = /* @__PURE__ */ Y({
+  ...K9,
   props: qu,
   setup(e, { expose: t }) {
     const n = e, r = ft("tooltip"), { controlled: o, id: a, open: i, onOpen: s, onClose: u, onToggle: l } = $e(Lg, void 0), c = H(null), d = () => {
@@ -4659,7 +4659,7 @@ const MI = Mn(aI), Lg = Symbol("elTooltip"), xr = bt({
     });
     return t({
       triggerRef: c
-    }), (w, C) => (P(), fe(y(pI), {
+    }), (w, C) => (P(), fe(y(p9), {
       id: y(a),
       "virtual-ref": w.virtualRef,
       open: y(i),
@@ -4680,16 +4680,16 @@ const MI = Mn(aI), Lg = Symbol("elTooltip"), xr = bt({
     }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]));
   }
 });
-var GI = /* @__PURE__ */ vt(WI, [["__file", "trigger.vue"]]);
-const XI = bt({
+var G9 = /* @__PURE__ */ vt(W9, [["__file", "trigger.vue"]]);
+const X9 = bt({
   to: {
     type: tt([String, Object]),
     required: !0
   },
   disabled: Boolean
-}), YI = /* @__PURE__ */ Y({
+}), Y9 = /* @__PURE__ */ Y({
   __name: "teleport",
-  props: XI,
+  props: X9,
   setup(e) {
     return (t, n) => t.disabled ? he(t.$slots, "default", { key: 0 }) : (P(), fe(Y0, {
       key: 1,
@@ -4699,12 +4699,12 @@ const XI = bt({
     ], 8, ["to"]));
   }
 });
-var ZI = /* @__PURE__ */ vt(YI, [["__file", "teleport.vue"]]);
-const LC = Mn(ZI), QI = Y({
+var Z9 = /* @__PURE__ */ vt(Y9, [["__file", "teleport.vue"]]);
+const LC = Mn(Z9), Q9 = Y({
   name: "ElTooltipContent",
   inheritAttrs: !1
-}), JI = /* @__PURE__ */ Y({
-  ...QI,
+}), J9 = /* @__PURE__ */ Y({
+  ...Q9,
   props: xr,
   setup(e, { expose: t }) {
     const n = e, { selector: r } = gC(), o = ft("tooltip"), a = H(null);
@@ -4775,7 +4775,7 @@ const LC = Mn(ZI), QI = Y({
           onBeforeLeave: L
         }, {
           default: re(() => [
-            y(x) ? at((P(), fe(y(BI), Wt({
+            y(x) ? at((P(), fe(y(B9), Wt({
               key: 0,
               id: y(u),
               ref_key: "contentRef",
@@ -4819,24 +4819,24 @@ const LC = Mn(ZI), QI = Y({
     }, 8, ["disabled", "to"]));
   }
 });
-var eN = /* @__PURE__ */ vt(JI, [["__file", "content.vue"]]);
+var eN = /* @__PURE__ */ vt(J9, [["__file", "content.vue"]]);
 const tN = Y({
   name: "ElTooltip"
 }), nN = /* @__PURE__ */ Y({
   ...tN,
-  props: HI,
-  emits: UI,
+  props: H9,
+  emits: U9,
   setup(e, { expose: t, emit: n }) {
     const r = e;
-    y9();
+    yI();
     const o = di(), a = H(), i = H(), s = () => {
       var g;
       const b = y(a);
       b && ((g = b.popperInstanceRef) == null || g.update());
-    }, u = H(!1), l = H(), { show: c, hide: d, hasUpdateHandler: f } = VI({
+    }, u = H(!1), l = H(), { show: c, hide: d, hasUpdateHandler: f } = V9({
       indicator: u,
       toggleReason: l
-    }), { onOpen: h, onClose: p } = w9({
+    }), { onOpen: h, onClose: p } = wI({
       showAfter: zt(r, "showAfter"),
       hideAfter: zt(r, "hideAfter"),
       autoClose: zt(r, "autoClose"),
@@ -4886,13 +4886,13 @@ const tN = Y({
       onOpen: h,
       onClose: p,
       hide: d
-    }), (g, b) => (P(), fe(y(MI), {
+    }), (g, b) => (P(), fe(y(M9), {
       ref_key: "popperRef",
       ref: a,
       role: g.role
     }, {
       default: re(() => [
-        _e(GI, {
+        _e(G9, {
           disabled: g.disabled,
           trigger: g.trigger,
           "trigger-keys": g.triggerKeys,
@@ -4941,7 +4941,7 @@ const tN = Y({
                 innerHTML: g.content
               }, null, 8, ["innerHTML"])) : (P(), q("span", { key: 1 }, Le(g.content), 1))
             ]),
-            g.showArrow ? (P(), fe(y(lI), {
+            g.showArrow ? (P(), fe(y(l9), {
               key: 0,
               "arrow-offset": g.arrowOffset
             }, null, 8, ["arrow-offset"])) : oe("v-if", !0)
@@ -7759,7 +7759,7 @@ var GL = Y({
   setup(e, { slots: t, emit: n }) {
     const r = ft(WL), o = (u) => {
       n("click", u);
-    }, { onClick: a, onMousedown: i, onMouseup: s } = h9(e.customMaskEvent ? void 0 : o);
+    }, { onClick: a, onMousedown: i, onMouseup: s } = hI(e.customMaskEvent ? void 0 : o);
     return () => e.mask ? _e("div", {
       class: [r.b(), e.overlayClass],
       style: {
@@ -10035,7 +10035,7 @@ function dD(e) {
   const l = Y({
     name: "ElLoading",
     setup(f, { expose: h }) {
-      const { ns: p, zIndex: v } = T9("loading");
+      const { ns: p, zIndex: v } = TI("loading");
       return h({
         ns: p,
         zIndex: v
@@ -45018,7 +45018,10 @@ class Ace {
         roots: t.roots
       },
       directed: !0,
-      style: $ce
+      style: $ce,
+      minZoom: 0.5,
+      maxZoom: 10,
+      wheelSensitivity: 0.4
     }).on("mouseover", "node", this.overNode.bind(this)).on("mouseout", "node", this.exitNode.bind(this)).on("position", "node", this.moveNode.bind(this)), this.tooltip = document.createElement("div"), this.tooltip.id = "tooltip", this.tooltip.hidden = !0, (o = (r = this.graphCanvas) == null ? void 0 : r.lastChild) == null || o.appendChild(this.tooltip);
   }
   remove() {
@@ -45175,14 +45178,14 @@ const Fce = 1.3, Pce = {
 }, Ice = { class: "connectivity-graph" }, Nce = {
   ref: "graphCanvas",
   class: "graph-canvas"
-}, Lce = /* @__PURE__ */ jO('<div class="node-key" data-v-28279d53><div class="key-head" data-v-28279d53>Node type:</div><div data-v-28279d53><div data-v-28279d53><span data-v-28279d53>Node:</span><span class="key-box" style="background:#80F0F0;" data-v-28279d53></span></div><div data-v-28279d53><span data-v-28279d53>Axon:</span><span class="key-box" style="background:green;" data-v-28279d53></span></div><div data-v-28279d53><span data-v-28279d53>Dendrite:</span><span class="key-box" style="background:red;" data-v-28279d53></span></div><div data-v-28279d53><span data-v-28279d53>Both:</span><span class="key-box" style="background:gray;" data-v-28279d53></span></div></div></div>', 1);
+}, Lce = /* @__PURE__ */ jO('<div class="node-key" data-v-8250fcb2><div class="key-head" data-v-8250fcb2>Node type:</div><div data-v-8250fcb2><div data-v-8250fcb2><span data-v-8250fcb2>Node:</span><span class="key-box" style="background:#80F0F0;" data-v-8250fcb2></span></div><div data-v-8250fcb2><span data-v-8250fcb2>Axon:</span><span class="key-box" style="background:green;" data-v-8250fcb2></span></div><div data-v-8250fcb2><span data-v-8250fcb2>Dendrite:</span><span class="key-box" style="background:red;" data-v-8250fcb2></span></div><div data-v-8250fcb2><span data-v-8250fcb2>Both:</span><span class="key-box" style="background:gray;" data-v-8250fcb2></span></div></div></div>', 1);
 function Rce(e, t, n, r, o, a) {
   return P(), q("div", Ice, [
     Q("div", Nce, null, 512),
     Lce
   ]);
 }
-const Dce = /* @__PURE__ */ h3(Pce, [["render", Rce], ["__scopeId", "data-v-28279d53"]]), Bce = {
+const Dce = /* @__PURE__ */ h3(Pce, [["render", Rce], ["__scopeId", "data-v-8250fcb2"]]), Bce = {
   data() {
     return {
       ElIconView: Zk
@@ -48435,7 +48438,7 @@ const SO = /* @__PURE__ */ oa(Lde, [["render", Dde], ["__scopeId", "data-v-e726c
 <br>`);
     }
   }
-}, $s = (e) => (Al("data-v-ca5ea30f"), e = e(), Fl(), e), zde = {
+}, $s = (e) => (Al("data-v-7d824d63"), e = e(), Fl(), e), zde = {
   key: 0,
   class: "main"
 }, jde = { class: "connectivity-info-title" }, Vde = {
@@ -48473,10 +48476,10 @@ const SO = /* @__PURE__ */ oa(Lde, [["render", Dde], ["__scopeId", "data-v-e726c
 ], -1)), hpe = ["destination-item-label"], vpe = {
   key: 0,
   class: "seperator"
-}, gpe = { class: "content-container" }, mpe = /* @__PURE__ */ $s(() => /* @__PURE__ */ Q("div", { class: "attribute-title-container" }, [
+}, gpe = { class: "block" }, mpe = { class: "content-container" }, ype = /* @__PURE__ */ $s(() => /* @__PURE__ */ Q("div", { class: "attribute-title-container" }, [
   /* @__PURE__ */ Q("span", { class: "attribute-title" }, "Connectivity Graph")
 ], -1));
-function ype(e, t, n, r, o, a) {
+function bpe(e, t, n, r, o, a) {
   const i = WF, s = ln, u = zg, l = SO, c = No, d = jF, f = Et("CopyToClipboard"), h = Qk, p = Et("connectivity-graph"), v = kf;
   return n.entry ? at((P(), q("div", zde, [
     Q("div", jde, [
@@ -48665,23 +48668,25 @@ function ype(e, t, n, r, o, a) {
           ]
         ])
       ])) : oe("", !0),
-      at(_e(c, {
-        class: "button",
-        onClick: a.openAll
-      }, {
-        default: re(() => [
-          pt(" Search for data on components ")
-        ]),
-        _: 1
-      }, 8, ["onClick"]), [
+      at(Q("div", gpe, [
+        _e(c, {
+          class: "button",
+          onClick: a.openAll
+        }, {
+          default: re(() => [
+            pt(" Search for data on components ")
+          ]),
+          _: 1
+        }, 8, ["onClick"])
+      ], 512), [
         [
           Vt,
           n.entry.componentsWithDatasets && n.entry.componentsWithDatasets.length > 0 && a.shouldShowExploreButton(n.entry.componentsWithDatasets)
         ]
       ])
     ]),
-    Q("div", gpe, [
-      mpe,
+    Q("div", mpe, [
+      ype,
       _e(p, {
         entry: n.entry.featureId[0],
         mapServer: n.envVars.FLATMAPAPI_LOCATION,
@@ -48692,7 +48697,7 @@ function ype(e, t, n, r, o, a) {
     [v, e.loading]
   ]) : oe("", !0);
 }
-const EO = /* @__PURE__ */ oa(Mde, [["render", ype], ["__scopeId", "data-v-ca5ea30f"]]), bpe = {
+const EO = /* @__PURE__ */ oa(Mde, [["render", bpe], ["__scopeId", "data-v-7d824d63"]]), wpe = {
   name: "Tabs",
   props: {
     tabTitles: {
@@ -48712,10 +48717,10 @@ const EO = /* @__PURE__ */ oa(Mde, [["render", ype], ["__scopeId", "data-v-ca5ea
       this.$emit("tab-close", e);
     }
   }
-}, wpe = (e) => (Al("data-v-ed1ce6dc"), e = e(), Fl(), e), xpe = { class: "tab-container" }, kpe = ["onClick"], Cpe = { class: "title-text" }, Spe = /* @__PURE__ */ wpe(() => /* @__PURE__ */ Q("span", { class: "visually-hidden" }, "Close", -1));
-function Epe(e, t, n, r, o, a) {
+}, xpe = (e) => (Al("data-v-ed1ce6dc"), e = e(), Fl(), e), kpe = { class: "tab-container" }, Cpe = ["onClick"], Spe = { class: "title-text" }, Epe = /* @__PURE__ */ xpe(() => /* @__PURE__ */ Q("span", { class: "visually-hidden" }, "Close", -1));
+function _pe(e, t, n, r, o, a) {
   const i = No;
-  return P(), q("div", xpe, [
+  return P(), q("div", kpe, [
     (P(!0), q(ct, null, Ht(n.tabTitles, (s) => (P(), q("div", {
       class: W(["title", { "active-tab": s.id == n.activeId }]),
       key: s.id
@@ -48724,8 +48729,8 @@ function Epe(e, t, n, r, o, a) {
         class: W(["title-text-table", { highlightText: s.id == n.activeId }]),
         onClick: (u) => a.titleClicked(s.id, s.type)
       }, [
-        Q("div", Cpe, Le(s.title), 1)
-      ], 10, kpe),
+        Q("div", Spe, Le(s.title), 1)
+      ], 10, Cpe),
       s.id > 1 ? (P(), fe(i, {
         key: 0,
         onClick: (u) => a.tabClose(s.id),
@@ -48734,14 +48739,14 @@ function Epe(e, t, n, r, o, a) {
       }, {
         default: re(() => [
           pt(" × "),
-          Spe
+          Epe
         ]),
         _: 2
       }, 1032, ["onClick"])) : oe("", !0)
     ], 2))), 128))
   ]);
 }
-const _O = /* @__PURE__ */ oa(bpe, [["render", Epe], ["__scopeId", "data-v-ed1ce6dc"]]), _pe = {
+const _O = /* @__PURE__ */ oa(wpe, [["render", _pe], ["__scopeId", "data-v-ed1ce6dc"]]), Ope = {
   components: {
     SidebarContent: CO,
     Tabs: _O,
@@ -48931,10 +48936,10 @@ const _O = /* @__PURE__ */ oa(bpe, [["render", Epe], ["__scopeId", "data-v-ed1ce
       this.availableAnatomyFacets = e.find((t) => t.label === "Anatomical Structure").children;
     });
   }
-}, Ope = { ref: "container" }, Tpe = { class: "box-card" }, $pe = { class: "sidebar-container" };
-function Ape(e, t, n, r, o, a) {
+}, Tpe = { ref: "container" }, $pe = { class: "box-card" }, Ape = { class: "sidebar-container" };
+function Fpe(e, t, n, r, o, a) {
   const i = gg, s = ln, u = df, l = _O, c = EO, d = CO, f = Dg;
-  return P(), q("div", Ope, [
+  return P(), q("div", Tpe, [
     e.drawerOpen ? oe("", !0) : (P(), q("div", {
       key: 0,
       onClick: t[0] || (t[0] = (...h) => a.toggleDrawer && a.toggleDrawer(...h)),
@@ -48962,7 +48967,7 @@ function Ape(e, t, n, r, o, a) {
       "lock-scroll": !1
     }, {
       default: re(() => [
-        Q("div", Tpe, [
+        Q("div", $pe, [
           e.drawerOpen ? (P(), q("div", {
             key: 0,
             onClick: t[1] || (t[1] = (...h) => a.close && a.close(...h)),
@@ -48975,7 +48980,7 @@ function Ape(e, t, n, r, o, a) {
               _: 1
             })
           ])) : oe("", !0),
-          Q("div", $pe, [
+          Q("div", Ape, [
             n.tabs.length > 1 && n.connectivityInfo ? (P(), fe(l, {
               key: 0,
               tabTitles: n.tabs,
@@ -49014,7 +49019,7 @@ function Ape(e, t, n, r, o, a) {
     }, 8, ["modelValue"])
   ], 512);
 }
-const Ipe = /* @__PURE__ */ oa(_pe, [["render", Ape], ["__scopeId", "data-v-914d3512"]]);
+const Npe = /* @__PURE__ */ oa(Ope, [["render", Fpe], ["__scopeId", "data-v-914d3512"]]);
 export {
-  Ipe as SideBar
+  Npe as SideBar
 };