@abi-software/flatmapvuer 1.5.6 → 1.6.0-beta.0

package/dist/flatmapvuer.js

@@ -1,4 +1,4 @@
-import { getCurrentScope as YB, onScopeDispose as nM, unref as _t, getCurrentInstance as G1, onMounted as $1, nextTick as i1, ref as ke, readonly as JB, watch as on, defineComponent as mr, openBlock as oe, createElementBlock as Ye, createElementVNode as We, warn as mtt, watchEffect as tj, onBeforeUnmount as Ps, inject as ln, computed as Xt, isRef as m2, shallowRef as Zf, onBeforeMount as gtt, provide as no, mergeProps as N5, renderSlot as Pr, toRef as W2, onUnmounted as ytt, createBlock as Hr, Transition as Ch, withCtx as Te, withDirectives as pi, normalizeClass as Be, normalizeStyle as M1, vShow as Bo, Fragment as J1, createVNode as Ce, reactive as a3, onActivated as _tt, onUpdated as vtt, resolveDynamicComponent as Es, createCommentVNode as Dr, cloneVNode as btt, Text as ej, Comment as Ltt, Teleport as wtt, onDeactivated as xtt, toDisplayString as Ti, useSlots as Mm, toRaw as nh, withModifiers as m1, vModelCheckbox as Wf, createTextVNode as xn, toRefs as W6, vModelRadio as rj, h as i7, createSlots as nj, resolveComponent as bs, resolveDirective as Ett, toHandlerKey as Mtt, renderList as Ka, withKeys as Ic, vModelText as Stt, createApp as Htt, pushScopeId as iM, popScopeId as oM, createStaticVNode as Att, hasInjectionContext as Ott, markRaw as Ls, effectScope as Ctt, isReactive as sM } from "vue";
+import { getCurrentScope as YB, onScopeDispose as nM, unref as _t, getCurrentInstance as G1, onMounted as Z1, nextTick as i1, ref as ke, readonly as JB, watch as on, defineComponent as mr, openBlock as oe, createElementBlock as Ye, createElementVNode as We, warn as mtt, watchEffect as tj, onBeforeUnmount as Ps, inject as ln, computed as Xt, isRef as m2, shallowRef as Zf, onBeforeMount as gtt, provide as $1, mergeProps as N5, renderSlot as Pr, toRef as W2, onUnmounted as ytt, createBlock as Hr, Transition as Ch, withCtx as Te, withDirectives as pi, normalizeClass as Be, normalizeStyle as M1, vShow as Bo, Fragment as to, createVNode as Ce, reactive as a3, onActivated as _tt, onUpdated as vtt, resolveDynamicComponent as Es, createCommentVNode as Dr, cloneVNode as btt, Text as ej, Comment as Ltt, Teleport as wtt, onDeactivated as xtt, toDisplayString as Ti, useSlots as Mm, toRaw as nh, withModifiers as m1, vModelCheckbox as Wf, createTextVNode as xn, toRefs as W6, vModelRadio as rj, h as i7, createSlots as nj, resolveComponent as bs, resolveDirective as Ett, toHandlerKey as Mtt, renderList as Ka, withKeys as Ic, vModelText as Stt, createApp as Htt, pushScopeId as iM, popScopeId as oM, createStaticVNode as Att, hasInjectionContext as Ott, markRaw as Ls, effectScope as Ctt, isReactive as sM } from "vue";
 import { MapSvgIcon as Itt, MapSvgSpriteColor as ktt } from "@abi-software/svg-sprite";
 import { Tooltip as Ptt, TreeControls as Vtt, DrawToolbar as Rtt } from "@abi-software/map-utilities";
 const J3 = (t, e, { checkForDefaultPrevented: r = !0 } = {}) => (i) => {
@@ -19,7 +19,7 @@ function Ih(t) {
   return YB() ? (nM(t), !0) : !1;
 }
 function Ftt(t, e = !0) {
-  G1() ? $1(t) : e ? t() : i1(t);
+  G1() ? Z1(t) : e ? t() : i1(t);
 }
 function fC(t, e, r = {}) {
   const {
@@ -1117,7 +1117,7 @@ function Yit(t, e) {
 var Lj = Vnt(function(t, e) {
   return t == null ? {} : Yit(t, e);
 });
-const R6 = (t) => t === void 0, m4 = (t) => typeof t == "boolean", eo = (t) => typeof t == "number", T5 = (t) => typeof Element > "u" ? !1 : t instanceof Element, sh = (t) => km(t), Jit = (t) => ia(t) ? !Number.isNaN(Number(t)) : !1, t1t = (t = "") => t.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d"), XC = (t) => Object.keys(t);
+const R6 = (t) => t === void 0, m4 = (t) => typeof t == "boolean", ro = (t) => typeof t == "number", T5 = (t) => typeof Element > "u" ? !1 : t instanceof Element, sh = (t) => km(t), Jit = (t) => ia(t) ? !Number.isNaN(Number(t)) : !1, t1t = (t = "") => t.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d"), XC = (t) => Object.keys(t);
 class wj extends Error {
   constructor(e) {
     super(e), this.name = "ElementPlusError";
@@ -1161,7 +1161,7 @@ const e1t = "utils/dom/style", Ej = (t = "") => t.split(" ").filter((e) => !!e.t
 function x5(t, e = "px") {
   if (!t)
     return "";
-  if (eo(t) || Jit(t))
+  if (ro(t) || Jit(t))
     return `${t}${e}`;
   if (ia(t))
     return t;
@@ -1415,7 +1415,7 @@ For more detail, please visit: ${i}
       offsetY: 0
     }, t.value && (t.value.style.transform = "none");
   };
-  return $1(() => {
+  return Z1(() => {
     tj(() => {
       r.value ? s() : a();
     });
@@ -1715,7 +1715,7 @@ const v1t = (t) => (e, r) => b1t(e, r, _t(t)), b1t = (t, e, r) => i4(r, t, t).re
         ...Q.proxy.$route
       }), () => {
         u.value && s.value && R();
-      }), $1(() => {
+      }), Z1(() => {
         F(v[t]);
       }), {
         hide: R,
@@ -2381,7 +2381,7 @@ const lI = (t) => {
   const e = t;
   e.key === lh.esc && s7.forEach((r) => r(e));
 }, kot = (t) => {
-  $1(() => {
+  Z1(() => {
     s7.length === 0 && document.addEventListener("keydown", lI), s1 && s7.push(t);
   }), Ps(() => {
     s7 = s7.filter((e) => e !== t), s7.length === 0 && s1 && document.removeEventListener("keydown", lI);
@@ -2434,7 +2434,7 @@ const Xj = () => {
       o(() => {
         n(T);
         const f = _t(r);
-        eo(f) && f > 0 && s(() => {
+        ro(f) && f > 0 && s(() => {
           i(T);
         }, f);
       }, _t(t));
@@ -2446,7 +2446,7 @@ const Xj = () => {
     }
   };
 }, Kj = Symbol("elForwardRef"), Dot = (t) => {
-  no(Kj, {
+  $1(Kj, {
     setForwardRef: (r) => {
       t.value = r;
     }
@@ -2466,7 +2466,7 @@ const Xj = () => {
 }, hI = ke(0), Yj = 2e3, dI = Symbol("elZIndexContextKey"), Jj = Symbol("zIndexContextKey"), MM = (t) => {
   const e = G1() ? ln(dI, uI) : uI, r = t || (G1() ? ln(Jj, void 0) : void 0), n = Xt(() => {
     const s = _t(r);
-    return eo(s) ? s : Yj;
+    return ro(s) ? s : Yj;
   }), i = Xt(() => n.value + hI.value), o = () => (e.current++, hI.value = e.current, i.value);
   return !s1 && !ln(dI) && g2("ZIndexInjection", `Looks like you are using server rendering, you must provide a z-index provider to ensure the hydration process to be succeed
 usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`), {
@@ -2499,7 +2499,7 @@ function jot(t, {
   };
   return on(a, (Q) => {
     Q && Q.setAttribute("tabindex", "-1");
-  }), Js(a, "focus", d, !0), Js(a, "blur", T, !0), Js(a, "click", f, !0), process.env.NODE_ENV === "test" && $1(() => {
+  }), Js(a, "focus", d, !0), Js(a, "blur", T, !0), Js(a, "click", f, !0), process.env.NODE_ENV === "test" && Z1(() => {
     const Q = T5(t.value) ? t.value : document.querySelector("input,textarea");
     Q && (Js(Q, "focus", d, !0), Js(Q, "blur", T, !0));
   }), {
@@ -2585,7 +2585,7 @@ function Xot(t, e) {
 }
 const Kot = (t, e, r = !1) => {
   var n;
-  const i = !!G1(), o = i ? Nm() : void 0, s = (n = void 0) != null ? n : i ? no : void 0;
+  const i = !!G1(), o = i ? Nm() : void 0, s = (n = void 0) != null ? n : i ? $1 : void 0;
   if (!s) {
     g2("provideGlobalConfig", "provideGlobalConfig() can only be used inside setup().");
     return;
@@ -2666,7 +2666,7 @@ const u3 = y2(r2t), SM = Symbol("formContextKey"), tQ = Symbol("formItemContextK
     var a;
     return !!(!(t.label || t.ariaLabel) && e && e.inputIds && ((a = e.inputIds) == null ? void 0 : a.length) <= 1);
   });
-  return $1(() => {
+  return Z1(() => {
     o = on([W2(t, "id"), r], ([a, u]) => {
       const d = a ?? (u ? void 0 : E5().value);
       d !== i.value && (e != null && e.removeInputId && (i.value && e.removeInputId(i.value), !(n != null && n.value) && !u && d && e.addInputId(d)), i.value = d);
@@ -2816,7 +2816,7 @@ const l2t = Sn({
         const y = Q.offsetHeight - Cl, v = Q.offsetWidth - Cl, L = y ** 2 / Q.scrollHeight, E = v ** 2 / Q.scrollWidth, x = Math.max(L, r.minSize), O = Math.max(E, r.minSize);
         u.value = L / (y - L) / (x / (y - x)), d.value = E / (v - E) / (O / (v - O)), a.value = x + Cl < y ? `${x}px` : "", s.value = O + Cl < v ? `${O}px` : "";
       }
-    }), (Q, y) => (oe(), Ye(J1, null, [
+    }), (Q, y) => (oe(), Ye(to, null, [
       Ce(pI, {
         move: i.value,
         ratio: d.value,
@@ -2884,7 +2884,7 @@ const h2t = Sn({
   scroll: ({
     scrollTop: t,
     scrollLeft: e
-  }) => [t, e].every(eo)
+  }) => [t, e].every(ro)
 }, Mw = "ElScrollbar", p2t = mr({
   name: Mw
 }), T2t = /* @__PURE__ */ mr({
@@ -2909,16 +2909,16 @@ const h2t = Sn({
       }));
     };
     function x(F, U) {
-      p2(F) ? T.value.scrollTo(F) : eo(F) && eo(U) && T.value.scrollTo(F, U);
+      p2(F) ? T.value.scrollTo(F) : ro(F) && ro(U) && T.value.scrollTo(F, U);
     }
     const O = (F) => {
-      if (!eo(F)) {
+      if (!ro(F)) {
         g2(Mw, "value must be a number");
         return;
       }
       T.value.scrollTop = F;
     }, I = (F) => {
-      if (!eo(F)) {
+      if (!ro(F)) {
         g2(Mw, "value must be a number");
         return;
       }
@@ -2934,12 +2934,12 @@ const h2t = Sn({
         var F;
         R(), T.value && ((F = Q.value) == null || F.handleScroll(T.value));
       });
-    }), no(HM, a3({
+    }), $1(HM, a3({
       scrollbarElement: d,
       wrapElement: T
     })), _tt(() => {
       T.value && (T.value.scrollTop = a, T.value.scrollLeft = u);
-    }), $1(() => {
+    }), Z1(() => {
       n.native || i1(() => {
         R();
       });
@@ -3019,7 +3019,7 @@ const Q2t = y2(f2t), AM = Symbol("popper"), nz = Symbol("popperContent"), m2t =
       referenceRef: s,
       role: a
     };
-    return e(u), no(AM, u), (d, T) => Pr(d.$slots, "default");
+    return e(u), $1(AM, u), (d, T) => Pr(d.$slots, "default");
   }
 });
 var _2t = /* @__PURE__ */ Hn(y2t, [["__file", "popper.vue"]]);
@@ -3084,7 +3084,7 @@ function sz(t) {
         case ej:
         case "svg":
           return TI(r);
-        case J1:
+        case to:
           return sz(r.children);
         default:
           return r;
@@ -3153,7 +3153,7 @@ const az = Sn({
       "onBlur",
       "onContextmenu"
     ];
-    return $1(() => {
+    return Z1(() => {
       on(() => r.virtualRef, (f) => {
         f && (i.value = o4(f));
       }, {
@@ -3274,7 +3274,7 @@ const I2t = () => {
   OM.value = "pointer", Bm.value = window.performance.now();
 }, vI = () => {
   OM.value = "keyboard", Bm.value = window.performance.now();
-}, V2t = () => ($1(() => {
+}, V2t = () => (Z1(() => {
   yp === 0 && (document.addEventListener("mousedown", _p), document.addEventListener("touchstart", _p), document.addEventListener("keydown", vI)), yp++;
 }), Ps(() => {
   yp--, yp <= 0 && (document.removeEventListener("mousedown", _p), document.removeEventListener("touchstart", _p), document.removeEventListener("keydown", vI));
@@ -3346,7 +3346,7 @@ const I2t = () => {
         }
       }
     };
-    no(lz, {
+    $1(lz, {
       focusTrapRef: r,
       onKeydown: a
     }), on(() => t.focusTrapEl, (v) => {
@@ -3408,7 +3408,7 @@ const I2t = () => {
         v.addEventListener(Ov, d), v.dispatchEvent(L), !L.defaultPrevented && (o.value == "keyboard" || !P2t() || v.contains(document.activeElement)) && g6(n ?? document.body), v.removeEventListener(Ov, d), _I.remove(s);
       }
     }
-    return $1(() => {
+    return Z1(() => {
       t.trapped && Q(), on(() => t.trapped, (v) => {
         v ? Q() : y();
       });
@@ -3580,7 +3580,7 @@ const $2t = 0, Z2t = (t) => {
       _t(a)
     ])
   })), T = Xt(() => z2t(t.referenceEl) || _t(n)), { attributes: f, state: Q, styles: y, update: v, forceUpdate: L, instanceRef: E } = Oot(T, r, d);
-  return on(E, (x) => e.value = x), $1(() => {
+  return on(E, (x) => e.value = x), Z1(() => {
     on(() => {
       var x;
       return (x = _t(T)) == null ? void 0 : x.getBoundingClientRect();
@@ -3603,7 +3603,7 @@ const $2t = 0, Z2t = (t) => {
   styles: r,
   role: n
 }) => {
-  const { nextZIndex: i } = MM(), o = Bn("popper"), s = Xt(() => _t(e).popper), a = ke(eo(t.zIndex) ? t.zIndex : i()), u = Xt(() => [
+  const { nextZIndex: i } = MM(), o = Bn("popper"), s = Xt(() => _t(e).popper), a = ke(ro(t.zIndex) ? t.zIndex : i()), u = Xt(() => [
     o.b(),
     o.is("pure", t.pure),
     o.is(t.effect),
@@ -3621,7 +3621,7 @@ const $2t = 0, Z2t = (t) => {
     contentStyle: d,
     contentZIndex: a,
     updateZIndex: () => {
-      a.value = eo(t.zIndex) ? t.zIndex : i();
+      a.value = ro(t.zIndex) ? t.zIndex : i();
     }
   };
 }, q2t = (t, e) => {
@@ -3673,11 +3673,11 @@ const $2t = 0, Z2t = (t) => {
       attributes: f,
       role: E
     }), tt = ln(tQ, void 0), rt = ke();
-    no(nz, {
+    $1(nz, {
       arrowStyle: I,
       arrowRef: Q,
       arrowOffset: rt
-    }), tt && no(tQ, {
+    }), tt && $1(tQ, {
       ...tt,
       addInputId: p5,
       removeInputId: p5
@@ -3688,7 +3688,7 @@ const $2t = 0, Z2t = (t) => {
     }, gt = () => {
       et(!1), n.visible && n.focusOnShow ? o.value = !0 : n.visible === !1 && (o.value = !1);
     };
-    return $1(() => {
+    return Z1(() => {
       on(() => n.triggerTargetEl, (kt, Zt) => {
         ct == null || ct(), ct = void 0;
         const ie = _t(kt || y.value), ee = _t(Zt || y.value);
@@ -3998,7 +3998,7 @@ const fst = mr({
       open: T,
       close: f
     }), L = Xt(() => m4(n.visible) && !Q.value);
-    no(IM, {
+    $1(IM, {
       controlled: L,
       id: i,
       open: JB(u),
@@ -4202,7 +4202,7 @@ const pz = y2(mst), Tz = Symbol("buttonGroupContextKey"), gst = (t, e) => {
 }), vst = {
   click: (t) => t instanceof MouseEvent
 };
-function ro(t, e) {
+function no(t, e) {
   bst(t) && (t = "100%");
   var r = Lst(t);
   return t = e === 360 ? t : Math.min(e, Math.max(0, parseFloat(t))), r && (t = parseInt(String(t * e), 10) / 100), Math.abs(t - e) < 1e-6 ? 1 : (e === 360 ? t = (t < 0 ? t % e + e : t % e) / parseFloat(String(e)) : t = t % e / parseFloat(String(e)), t);
@@ -4227,13 +4227,13 @@ function a5(t) {
 }
 function wst(t, e, r) {
   return {
-    r: ro(t, 255) * 255,
-    g: ro(e, 255) * 255,
-    b: ro(r, 255) * 255
+    r: no(t, 255) * 255,
+    g: no(e, 255) * 255,
+    b: no(r, 255) * 255
   };
 }
 function bI(t, e, r) {
-  t = ro(t, 255), e = ro(e, 255), r = ro(r, 255);
+  t = no(t, 255), e = no(e, 255), r = no(r, 255);
   var n = Math.max(t, e, r), i = Math.min(t, e, r), o = 0, s = 0, a = (n + i) / 2;
   if (n === i)
     s = 0, o = 0;
@@ -4259,7 +4259,7 @@ function Cv(t, e, r) {
 }
 function xst(t, e, r) {
   var n, i, o;
-  if (t = ro(t, 360), e = ro(e, 100), r = ro(r, 100), e === 0)
+  if (t = no(t, 360), e = no(e, 100), r = no(r, 100), e === 0)
     i = r, o = r, n = r;
   else {
     var s = r < 0.5 ? r * (1 + e) : r + e - r * e, a = 2 * r - s;
@@ -4268,7 +4268,7 @@ function xst(t, e, r) {
   return { r: n * 255, g: i * 255, b: o * 255 };
 }
 function LI(t, e, r) {
-  t = ro(t, 255), e = ro(e, 255), r = ro(r, 255);
+  t = no(t, 255), e = no(e, 255), r = no(r, 255);
   var n = Math.max(t, e, r), i = Math.min(t, e, r), o = 0, s = n, a = n - i, u = n === 0 ? 0 : a / n;
   if (n === i)
     o = 0;
@@ -4289,7 +4289,7 @@ function LI(t, e, r) {
   return { h: o, s: u, v: s };
 }
 function Est(t, e, r) {
-  t = ro(t, 360) * 6, e = ro(e, 100), r = ro(r, 100);
+  t = no(t, 360) * 6, e = no(e, 100), r = no(r, 100);
   var n = Math.floor(t), i = t - n, o = r * (1 - e), s = r * (1 - i * e), a = r * (1 - (1 - i) * e), u = n % 6, d = [r, s, o, o, a, r][u], T = [a, r, r, s, o, o][u], f = [o, o, a, r, r, s][u];
   return { r: d * 255, g: T * 255, b: f * 255 };
 }
@@ -4599,7 +4599,7 @@ var kst = (
       return this.a === 1 ? "rgb(".concat(e, ", ").concat(r, ", ").concat(n, ")") : "rgba(".concat(e, ", ").concat(r, ", ").concat(n, ", ").concat(this.roundA, ")");
     }, t.prototype.toPercentageRgb = function() {
       var e = function(r) {
-        return "".concat(Math.round(ro(r, 255) * 100), "%");
+        return "".concat(Math.round(no(r, 255) * 100), "%");
       };
       return {
         r: e(this.r),
@@ -4609,7 +4609,7 @@ var kst = (
       };
     }, t.prototype.toPercentageRgbString = function() {
       var e = function(r) {
-        return Math.round(ro(r, 255) * 100);
+        return Math.round(no(r, 255) * 100);
       };
       return this.a === 1 ? "rgb(".concat(e(this.r), "%, ").concat(e(this.g), "%, ").concat(e(this.b), "%)") : "rgba(".concat(e(this.r), "%, ").concat(e(this.g), "%, ").concat(e(this.b), "%, ").concat(this.roundA, ")");
     }, t.prototype.toName = function() {
@@ -4790,7 +4790,7 @@ const Vst = mr({
       onClick: _t(Q)
     }), {
       default: Te(() => [
-        v.loading ? (oe(), Ye(J1, { key: 0 }, [
+        v.loading ? (oe(), Ye(to, { key: 0 }, [
           v.$slots.loading ? Pr(v.$slots, "loading", { key: 0 }) : (oe(), Hr(_t(u3), {
             key: 1,
             class: Be(_t(o).is("loading"))
@@ -4828,7 +4828,7 @@ const Dst = {
   props: Dst,
   setup(t) {
     const e = t;
-    no(Tz, a3({
+    $1(Tz, a3({
       size: W2(e, "size"),
       type: W2(e, "type")
     }));
@@ -4935,8 +4935,8 @@ const Ust = {
   },
   ...j5(["ariaControls"])
 }, yz = {
-  [Go]: (t) => ia(t) || eo(t) || m4(t),
-  change: (t) => ia(t) || eo(t) || m4(t)
+  [Go]: (t) => ia(t) || ro(t) || m4(t),
+  change: (t) => ia(t) || ro(t) || m4(t)
 }, M8 = Symbol("checkboxGroupContextKey"), Gst = ({
   model: t,
   isChecked: e
@@ -5165,7 +5165,7 @@ const Ust = {
             class: Be(_t(v).e("label"))
           }, [
             Pr(x.$slots, "default"),
-            x.$slots.default ? Dr("v-if", !0) : (oe(), Ye(J1, { key: 0 }, [
+            x.$slots.default ? Dr("v-if", !0) : (oe(), Ye(to, { key: 0 }, [
               xn(Ti(x.label), 1)
             ], 64))
           ], 2)) : Dr("v-if", !0)
@@ -5302,7 +5302,7 @@ const tat = Sn({
         a(d);
       }
     });
-    return no(M8, {
+    return $1(M8, {
       ...Lj(W6(r), [
         "size",
         "min",
@@ -5362,8 +5362,8 @@ const wz = B5(bz), xz = Sn({
   ...xz,
   border: Boolean
 }), Ez = {
-  [Go]: (t) => ia(t) || eo(t) || m4(t),
-  [QM]: (t) => ia(t) || eo(t) || m4(t)
+  [Go]: (t) => ia(t) || ro(t) || m4(t),
+  [QM]: (t) => ia(t) || ro(t) || m4(t)
 }, Mz = Symbol("radioGroupKey"), Sz = (t, e) => {
   const r = ke(), n = ln(Mz, void 0), i = Xt(() => !!n), o = Xt(() => sh(t.value) ? t.label : t.value), s = Xt({
     get() {
@@ -5552,12 +5552,12 @@ const hat = Sn({
     }), d = (f) => {
       e(Go, f), i1(() => e("change", f));
     };
-    $1(() => {
+    Z1(() => {
       const f = o.value.querySelectorAll("[type=radio]"), Q = f[0];
       !Array.from(f).some((y) => y.checked) && Q && (Q.tabIndex = 0);
     });
     const T = Xt(() => r.name || i.value);
-    return no(Mz, a3({
+    return $1(Mz, a3({
       ...W6(r),
       changeEvent: d,
       name: T
@@ -5717,7 +5717,7 @@ const yat = y2(gat), Iz = Symbol("rowContextKey"), _at = [
   props: bat,
   setup(t) {
     const e = t, r = Bn("row"), n = Xt(() => e.gutter);
-    no(Iz, {
+    $1(Iz, {
       gutter: n
     });
     const i = Xt(() => {
@@ -5794,9 +5794,9 @@ const Rh = y2(xat), Eat = Sn({
       const s = [];
       return ["span", "offset", "pull", "push"].forEach((d) => {
         const T = e[d];
-        eo(T) && (d === "span" ? s.push(n.b(`${e[d]}`)) : T > 0 && s.push(n.b(`${d}-${e[d]}`)));
+        ro(T) && (d === "span" ? s.push(n.b(`${e[d]}`)) : T > 0 && s.push(n.b(`${d}-${e[d]}`)));
       }), ["xs", "sm", "md", "lg", "xl"].forEach((d) => {
-        eo(e[d]) ? s.push(n.b(`${d}-${e[d]}`)) : p2(e[d]) && Object.entries(e[d]).forEach(([T, f]) => {
+        ro(e[d]) ? s.push(n.b(`${d}-${e[d]}`)) : p2(e[d]) && Object.entries(e[d]).forEach(([T, f]) => {
           s.push(T !== "span" ? n.b(`${d}-${T}-${f}`) : n.b(`${d}-${f}`));
         });
       }), r.value && s.push(n.is("guttered")), [n.b(), s];
@@ -6068,7 +6068,7 @@ const Dat = Sn({
     })) : d.value && U();
   }), on(() => t.fullscreen, (ie) => {
     e.value && (ie ? (s = e.value.style.transform, e.value.style.transform = "") : e.value.style.transform = s);
-  }), $1(() => {
+  }), Z1(() => {
     t.modelValue && (d.value = !0, f.value = !0, F());
   }), {
     afterEnter: O,
@@ -6125,7 +6125,7 @@ const Dat = Sn({
       onCloseRequested: U,
       onFocusoutPrevented: $
     } = Bat(r, o);
-    no(kz, {
+    $1(kz, {
       dialogRef: o,
       headerRef: s,
       bodyId: T,
@@ -6258,7 +6258,7 @@ const Yat = "data-el-collection-item", Jat = (t) => {
     name: e,
     setup() {
       const a = ke(null), u = /* @__PURE__ */ new Map();
-      no(n, {
+      $1(n, {
         itemMap: u,
         getItems: () => {
           const T = _t(a);
@@ -6275,9 +6275,9 @@ const Yat = "data-el-collection-item", Jat = (t) => {
     name: r,
     setup(a, { attrs: u }) {
       const d = ke(null), T = ln(n, void 0);
-      no(i, {
+      $1(i, {
         collectionItemRef: d
-      }), $1(() => {
+      }), Z1(() => {
         const f = _t(d);
         f && T.itemMap.set(f, {
           ref: f,
@@ -6498,7 +6498,7 @@ const n3t = mr({
       var a;
       o.value = `${(a = t.selectRef) == null ? void 0 : a.offsetWidth}px`;
     }
-    return $1(() => {
+    return Z1(() => {
       s(), M6(t.selectRef, s);
     }), {
       ns: e,
@@ -6617,7 +6617,7 @@ const s3t = 11, a3t = (t, e) => {
   }, {
     flush: "post"
   }), on(() => s.hoveringIndex, (Rt) => {
-    eo(Rt) && Rt > -1 ? ct.value = Ne.value[Rt] || {} : ct.value = {}, Ne.value.forEach((pe) => {
+    ro(Rt) && Rt > -1 ? ct.value = Ne.value[Rt] || {} : ct.value = {}, Ne.value.forEach((pe) => {
       pe.hover = ct.value === pe;
     });
   }), tj(() => {
@@ -6785,7 +6785,7 @@ const s3t = 11, a3t = (t, e) => {
   }), Le = Xt(() => ({ maxWidth: `${s.selectionWidth}px` })), or = Xt(() => ({
     width: `${Math.max(s.calculatorWidth, s3t)}px`
   }));
-  return M6(u, dn), M6(Q, ji), M6(L, Ii), M6($, Ii), M6(E, vi), M6(x, Ji), $1(() => {
+  return M6(u, dn), M6(Q, ji), M6(L, Ii), M6($, Ii), M6(E, vi), M6(x, Ji), Z1(() => {
     Jr();
   }), {
     inputId: kt,
@@ -7003,7 +7003,7 @@ const c3t = Sn({
       ...W6(t),
       modelValue: r
     }), i = a3t(n, e);
-    return no(jm, a3({
+    return $1(jm, a3({
       props: n,
       states: i.states,
       optionsArray: i.optionsArray,
@@ -7074,7 +7074,7 @@ function h3t(t, e, r, n, i, o) {
               ])
             }, [
               t.multiple ? Pr(t.$slots, "tag", { key: 0 }, () => [
-                (oe(!0), Ye(J1, null, Ka(t.showTagList, (L) => (oe(), Ye("div", {
+                (oe(!0), Ye(to, null, Ka(t.showTagList, (L) => (oe(), Ye("div", {
                   key: t.getValueKey(L),
                   class: Be(t.nsSelect.e("selected-item"))
                 }, [
@@ -7138,7 +7138,7 @@ function h3t(t, e, r, n, i, o) {
                       ref: "tagMenuRef",
                       class: Be(t.nsSelect.e("selection"))
                     }, [
-                      (oe(!0), Ye(J1, null, Ka(t.collapseTagList, (L) => (oe(), Ye("div", {
+                      (oe(!0), Ye(to, null, Ka(t.collapseTagList, (L) => (oe(), Ye("div", {
                         key: t.getValueKey(L),
                         class: Be(t.nsSelect.e("selected-item"))
                       }, [
@@ -7358,7 +7358,7 @@ const p3t = mr({
   },
   setup(t) {
     const e = Bn("select"), r = ke(null), n = G1(), i = ke([]);
-    no(Vz, a3({
+    $1(Vz, a3({
       ...W6(t)
     }));
     const o = Xt(() => i.value.some((d) => d.visible === !0)), s = (d) => {
@@ -7373,7 +7373,7 @@ const p3t = mr({
     }, u = () => {
       i.value = a(n.subTree);
     };
-    return $1(() => {
+    return Z1(() => {
       u();
     }), Wtt(r, u, {
       attributes: !0,
@@ -7942,7 +7942,7 @@ function k3t(t, e, r, n, i, o) {
     }, {
       default: Te(() => [
         We("div", C3t, [
-          (oe(!0), Ye(J1, null, Ka(r.selections, (y) => (oe(), Hr(f, {
+          (oe(!0), Ye(to, null, Ka(r.selections, (y) => (oe(), Hr(f, {
             key: y[r.identifierKey],
             label: y[r.identifierKey]
           }, {
@@ -7955,6 +7955,7 @@ function k3t(t, e, r, n, i, o) {
                 Ce(T, {
                   class: "my-checkbox",
                   label: y[r.identifierKey],
+                  value: y[r.identifierKey],
                   onChange: (v) => o.visibilityToggle(y[r.identifierKey], v),
                   onClick: o.onCheckboxNativeChange,
                   checked: !("enabled" in y) || y.enabled === !0
@@ -7987,7 +7988,7 @@ function k3t(t, e, r, n, i, o) {
                     }, 1024)
                   ]),
                   _: 2
-                }, 1032, ["label", "onChange", "onClick", "checked"])
+                }, 1032, ["label", "value", "onChange", "onClick", "checked"])
               ], 40, I3t)
             ]),
             _: 2
@@ -7998,7 +7999,7 @@ function k3t(t, e, r, n, i, o) {
     }, 8, ["modelValue", "onChange"])
   ]);
 }
-const Dz = /* @__PURE__ */ Gm(S3t, [["render", k3t], ["__scopeId", "data-v-75b245cb"]]), P3t = {
+const Dz = /* @__PURE__ */ Gm(S3t, [["render", k3t], ["__scopeId", "data-v-667eda7f"]]), P3t = {
   name: "SvgLegends"
 }, V3t = (t) => (iM("data-v-88079d87"), t = t(), oM(), t), R3t = { class: "legends-container" }, N3t = {
   version: "1.1",
@@ -14334,15 +14335,15 @@ Use an identity property function instead: \`{ "type": "identity", "property": $
         }
       }
       Qo.prototype.size = 8;
-      class W1 extends Oe {
+      class q1 extends Oe {
         get(c) {
           return new Qo(this, c);
         }
       }
-      nr("FeatureIndexArray", W1);
+      nr("FeatureIndexArray", q1);
       class I1 extends j {
       }
-      class q1 extends j {
+      class X1 extends j {
       }
       class ps extends j {
       }
@@ -14829,7 +14830,7 @@ Use an identity property function instead: \`{ "type": "identity", "property": $
       }
       class N_ {
         constructor(c) {
-          this.zoom = c.zoom, this.overscaling = c.overscaling, this.layers = c.layers, this.layerIds = this.layers.map((p) => p.id), this.index = c.index, this.hasPattern = !1, this.layoutVertexArray = new q1(), this.indexArray = new O2(), this.segments = new an(), this.programConfigurations = new M0(c.layers, c.zoom), this.stateDependentLayerIds = this.layers.filter((p) => p.isStateDependent()).map((p) => p.id);
+          this.zoom = c.zoom, this.overscaling = c.overscaling, this.layers = c.layers, this.layerIds = this.layers.map((p) => p.id), this.index = c.index, this.hasPattern = !1, this.layoutVertexArray = new X1(), this.indexArray = new O2(), this.segments = new an(), this.programConfigurations = new M0(c.layers, c.zoom), this.stateDependentLayerIds = this.layers.filter((p) => p.isStateDependent()).map((p) => p.id);
         }
         populate(c, p, g) {
           const w = this.layers[0], H = [];
@@ -15794,8 +15795,8 @@ Use an identity property function instead: \`{ "type": "identity", "property": $
               for (const gr of sr) {
                 const pr = gr.x, kr = gr.y, Fn = Et[0] * pr + Et[4] * kr + Et[12], Pn = Et[1] * pr + Et[5] * kr + Et[13], p1 = Et[2] * pr + Et[6] * kr + Et[14], Ts = Et[3] * pr + Et[7] * kr + Et[15], V1 = p1 + ve, T1 = Ts + Xe, go = Fn + Er, yo = Pn + je, _o = p1 + Re, Oi = Ts + Qr, f1 = new f((Fn + Ft) / T1, (Pn + Jt) / T1);
                 f1.z = V1 / T1, rr.push(f1);
-                const X1 = new f(go / Oi, yo / Oi);
-                X1.z = _o / Oi, le.push(X1);
+                const K1 = new f(go / Oi, yo / Oi);
+                K1.z = _o / Oi, le.push(K1);
               }
               Gt.push(rr), Pt.push(le);
             }
@@ -16631,7 +16632,7 @@ Use an identity property function instead: \`{ "type": "identity", "property": $
           let V1 = 0;
           for (const Oi of je) {
             Oi.trim();
-            const f1 = Oi.getMaxScale(), X1 = (f1 - 1) * r1, R1 = { positionedGlyphs: [], lineOffset: 0 };
+            const f1 = Oi.getMaxScale(), K1 = (f1 - 1) * r1, R1 = { positionedGlyphs: [], lineOffset: 0 };
             Jt.positionedLines[V1] = R1;
             const vo = R1.positionedGlyphs;
             let N1 = 0;
@@ -16649,7 +16650,7 @@ Use an identity property function instead: \`{ "type": "identity", "property": $
                   continue;
                 Sa = fn.imageName, Jt.iconsInText = Jt.iconsInText || !0, Ol = P2.paddedRect;
                 const L1 = P2.displaySize;
-                fn.scale = fn.scale * r1 / pr, xi = { width: L1[0], height: L1[1], left: Ro, top: -_O, advance: fs ? L1[1] : L1[0] }, s2 = X1 + (r1 - L1[1] * fn.scale), Ha = xi.advance;
+                fn.scale = fn.scale * r1 / pr, xi = { width: L1[0], height: L1[1], left: Ro, top: -_O, advance: fs ? L1[1] : L1[0] }, s2 = K1 + (r1 - L1[1] * fn.scale), Ha = xi.advance;
                 const B3 = fs ? L1[0] * fn.scale - r1 * f1 : L1[1] * fn.scale - r1 * f1;
                 B3 > 0 && B3 > N1 && (N1 = B3);
               } else {
@@ -16668,12 +16669,12 @@ Use an identity property function instead: \`{ "type": "identity", "property": $
             }
             vo.length !== 0 && (Pn = Math.max(kr - le, Pn), FJ(vo, 0, vo.length - 1, Ts, N1)), kr = 0;
             const k2 = Re * f1 + N1;
-            R1.lineOffset = Math.max(N1, X1), Fn += k2, p1 = Math.max(k2, p1), ++V1;
+            R1.lineOffset = Math.max(N1, K1), Fn += k2, p1 = Math.max(k2, p1), ++V1;
           }
           var T1;
           const go = Fn - xc, { horizontalAlign: yo, verticalAlign: _o } = iv(Qr);
-          (function(Oi, f1, X1, R1, vo, N1, k2, No, fn) {
-            const Un = (f1 - X1) * vo;
+          (function(Oi, f1, K1, R1, vo, N1, k2, No, fn) {
+            const Un = (f1 - K1) * vo;
             let ii = 0;
             ii = N1 !== k2 ? -No * R1 - xc : (-R1 * fn + 0.5) * k2;
             for (const s2 of Oi)
@@ -17532,7 +17533,7 @@ Use an identity property function instead: \`{ "type": "identity", "property": $
       }
       class GO {
         constructor(c, p) {
-          this.tileID = c, this.x = c.canonical.x, this.y = c.canonical.y, this.z = c.canonical.z, this.grid = new U4(Wi, 16, 0), this.grid3D = new U4(Wi, 16, 0), this.featureIndexArray = new W1(), this.promoteId = p;
+          this.tileID = c, this.x = c.canonical.x, this.y = c.canonical.y, this.z = c.canonical.z, this.grid = new U4(Wi, 16, 0), this.grid3D = new U4(Wi, 16, 0), this.featureIndexArray = new q1(), this.promoteId = p;
         }
         insert(c, p, g, w, H, A) {
           const C = this.featureIndexArray.length;
@@ -17759,13 +17760,13 @@ Use an identity property function instead: \`{ "type": "identity", "property": $
           (H.textFitWidth || H.textFitHeight) && (z = MO(h)), Et = up(Z, 0, le[0]), Pt = up(X, 0, le[1]), Gt = up(Z, le[0], le[2]), Ft = up(X, le[1], le[3]), Jt = le[0] - Et, Xe = le[1] - Pt, ve = gr - Gt, Er = pr - Ft;
         }
         const je = z.x1, Re = z.y1, Qr = z.x2 - je, sr = z.y2 - Re, rr = (le, gr, pr, kr) => {
-          const Fn = hp(le.stretch - Et, Gt, Qr, je), Pn = dp(le.fixed - Jt, ve, le.stretch, st), p1 = hp(gr.stretch - Pt, Ft, sr, Re), Ts = dp(gr.fixed - Xe, Er, gr.stretch, ut), V1 = hp(pr.stretch - Et, Gt, Qr, je), T1 = dp(pr.fixed - Jt, ve, pr.stretch, st), go = hp(kr.stretch - Pt, Ft, sr, Re), yo = dp(kr.fixed - Xe, Er, kr.stretch, ut), _o = new f(Fn, p1), Oi = new f(V1, p1), f1 = new f(V1, go), X1 = new f(Fn, go), R1 = new f(Pn / A, Ts / A), vo = new f(T1 / A, yo / A), N1 = c * Math.PI / 180;
+          const Fn = hp(le.stretch - Et, Gt, Qr, je), Pn = dp(le.fixed - Jt, ve, le.stretch, st), p1 = hp(gr.stretch - Pt, Ft, sr, Re), Ts = dp(gr.fixed - Xe, Er, gr.stretch, ut), V1 = hp(pr.stretch - Et, Gt, Qr, je), T1 = dp(pr.fixed - Jt, ve, pr.stretch, st), go = hp(kr.stretch - Pt, Ft, sr, Re), yo = dp(kr.fixed - Xe, Er, kr.stretch, ut), _o = new f(Fn, p1), Oi = new f(V1, p1), f1 = new f(V1, go), K1 = new f(Fn, go), R1 = new f(Pn / A, Ts / A), vo = new f(T1 / A, yo / A), N1 = c * Math.PI / 180;
           if (N1) {
             const fn = Math.sin(N1), Un = Math.cos(N1), ii = [Un, -fn, fn, Un];
-            _o._matMult(ii), Oi._matMult(ii), X1._matMult(ii), f1._matMult(ii);
+            _o._matMult(ii), Oi._matMult(ii), K1._matMult(ii), f1._matMult(ii);
           }
           const k2 = le.stretch + le.fixed, No = gr.stretch + gr.fixed;
-          return { tl: _o, tr: Oi, bl: X1, br: f1, tex: { x: H.paddedRect.x + Hl + k2, y: H.paddedRect.y + Hl + No, w: pr.stretch + pr.fixed - k2, h: kr.stretch + kr.fixed - No }, writingMode: void 0, glyphOffset: [0, 0], sectionIndex: 0, pixelOffsetTL: R1, pixelOffsetBR: vo, minFontScaleX: ve / A / Qr, minFontScaleY: Er / A / sr, isSDF: p };
+          return { tl: _o, tr: Oi, bl: K1, br: f1, tex: { x: H.paddedRect.x + Hl + k2, y: H.paddedRect.y + Hl + No, w: pr.stretch + pr.fixed - k2, h: kr.stretch + kr.fixed - No }, writingMode: void 0, glyphOffset: [0, 0], sectionIndex: 0, pixelOffsetTL: R1, pixelOffsetBR: vo, minFontScaleX: ve / A / Qr, minFontScaleY: Er / A / sr, isSDF: p };
         };
         if (g && (H.stretchX || H.stretchY)) {
           const le = eC(Z, Tt, st), gr = eC(X, Lt, ut);
@@ -18017,49 +18018,49 @@ Use an identity property function instead: \`{ "type": "identity", "property": $
         let sr;
         g && Qr !== "none" && (h.allowVerticalPlacement && p.vertical && (sr = SO(g, p.vertical, Qr, J.get("icon-text-fit-padding"), st, Tt)), ut && (g = SO(g, ut, Qr, J.get("icon-text-fit-padding"), st, Tt)));
         const rr = (le, gr) => {
-          gr.x < 0 || gr.x >= Wi || gr.y < 0 || gr.y >= Wi || function(pr, kr, Fn, Pn, p1, Ts, V1, T1, go, yo, _o, Oi, f1, X1, R1, vo, N1, k2, No, fn, Un, ii, s2, xi, Ol) {
+          gr.x < 0 || gr.x >= Wi || gr.y < 0 || gr.y >= Wi || function(pr, kr, Fn, Pn, p1, Ts, V1, T1, go, yo, _o, Oi, f1, K1, R1, vo, N1, k2, No, fn, Un, ii, s2, xi, Ol) {
             const Sa = pr.addToLineVertexArray(kr, Fn);
             let Ha, fs, P2, L1, B3 = 0, Cc = 0, cC = 0, uC = 0, bv = -1, Lv = -1;
             const j3 = {};
             let hC = gl("");
             if (pr.allowVerticalPlacement && Pn.vertical) {
-              const K1 = T1.layout.get("text-rotate").evaluate(Un, {}, xi) + 90;
-              P2 = new pp(go, kr, yo, _o, Oi, Pn.vertical, f1, X1, R1, K1), V1 && (L1 = new pp(go, kr, yo, _o, Oi, V1, N1, k2, R1, K1));
+              const Y1 = T1.layout.get("text-rotate").evaluate(Un, {}, xi) + 90;
+              P2 = new pp(go, kr, yo, _o, Oi, Pn.vertical, f1, K1, R1, Y1), V1 && (L1 = new pp(go, kr, yo, _o, Oi, V1, N1, k2, R1, Y1));
             }
             if (p1) {
-              const K1 = T1.layout.get("icon-rotate").evaluate(Un, {}), V2 = T1.layout.get("icon-text-fit") !== "none", O0 = tC(p1, K1, s2, V2), Zs = V1 ? tC(V1, K1, s2, V2) : void 0;
-              fs = new pp(go, kr, yo, _o, Oi, p1, N1, k2, !1, K1), B3 = 4 * O0.length;
+              const Y1 = T1.layout.get("icon-rotate").evaluate(Un, {}), V2 = T1.layout.get("icon-text-fit") !== "none", O0 = tC(p1, Y1, s2, V2), Zs = V1 ? tC(V1, Y1, s2, V2) : void 0;
+              fs = new pp(go, kr, yo, _o, Oi, p1, N1, k2, !1, Y1), B3 = 4 * O0.length;
               const C0 = pr.iconSizeData;
               let Aa = null;
               C0.kind === "source" ? (Aa = [Ma * T1.layout.get("icon-size").evaluate(Un, {})], Aa[0] > n6 && kt(`${pr.layerIds[0]}: Value for "icon-size" is >= ${Mc}. Reduce your "icon-size".`)) : C0.kind === "composite" && (Aa = [Ma * ii.compositeIconSizes[0].evaluate(Un, {}, xi), Ma * ii.compositeIconSizes[1].evaluate(Un, {}, xi)], (Aa[0] > n6 || Aa[1] > n6) && kt(`${pr.layerIds[0]}: Value for "icon-size" is >= ${Mc}. Reduce your "icon-size".`)), pr.addSymbols(pr.icon, O0, Aa, fn, No, Un, s.ah.none, kr, Sa.lineStartIndex, Sa.lineLength, -1, xi), bv = pr.icon.placedSymbolArray.length - 1, Zs && (Cc = 4 * Zs.length, pr.addSymbols(pr.icon, Zs, Aa, fn, No, Un, s.ah.vertical, kr, Sa.lineStartIndex, Sa.lineLength, -1, xi), Lv = pr.icon.placedSymbolArray.length - 1);
             }
             const dC = Object.keys(Pn.horizontal);
-            for (const K1 of dC) {
-              const V2 = Pn.horizontal[K1];
+            for (const Y1 of dC) {
+              const V2 = Pn.horizontal[Y1];
               if (!Ha) {
                 hC = gl(V2.text);
                 const Zs = T1.layout.get("text-rotate").evaluate(Un, {}, xi);
-                Ha = new pp(go, kr, yo, _o, Oi, V2, f1, X1, R1, Zs);
+                Ha = new pp(go, kr, yo, _o, Oi, V2, f1, K1, R1, Zs);
               }
               const O0 = V2.positionedLines.length === 1;
-              if (cC += iC(pr, kr, V2, Ts, T1, R1, Un, vo, Sa, Pn.vertical ? s.ah.horizontal : s.ah.horizontalOnly, O0 ? dC : [K1], j3, bv, ii, xi), O0)
+              if (cC += iC(pr, kr, V2, Ts, T1, R1, Un, vo, Sa, Pn.vertical ? s.ah.horizontal : s.ah.horizontalOnly, O0 ? dC : [Y1], j3, bv, ii, xi), O0)
                 break;
             }
             Pn.vertical && (uC += iC(pr, kr, Pn.vertical, Ts, T1, R1, Un, vo, Sa, s.ah.vertical, ["vertical"], j3, Lv, ii, xi));
             const stt = Ha ? Ha.boxStartIndex : pr.collisionBoxArray.length, att = Ha ? Ha.boxEndIndex : pr.collisionBoxArray.length, ltt = P2 ? P2.boxStartIndex : pr.collisionBoxArray.length, ctt = P2 ? P2.boxEndIndex : pr.collisionBoxArray.length, utt = fs ? fs.boxStartIndex : pr.collisionBoxArray.length, htt = fs ? fs.boxEndIndex : pr.collisionBoxArray.length, dtt = L1 ? L1.boxStartIndex : pr.collisionBoxArray.length, ptt = L1 ? L1.boxEndIndex : pr.collisionBoxArray.length;
             let $s = -1;
-            const fp = (K1, V2) => K1 && K1.circleDiameter ? Math.max(K1.circleDiameter, V2) : V2;
+            const fp = (Y1, V2) => Y1 && Y1.circleDiameter ? Math.max(Y1.circleDiameter, V2) : V2;
             $s = fp(Ha, $s), $s = fp(P2, $s), $s = fp(fs, $s), $s = fp(L1, $s);
             const pC = $s > -1 ? 1 : 0;
             pC && ($s *= Ol / r1), pr.glyphOffsetArray.length >= Sl.MAX_GLYPHS && kt("Too many glyphs being rendered in a tile. See https://github.com/mapbox/mapbox-gl-js/issues/2907"), Un.sortKey !== void 0 && pr.addToSortKeyRanges(pr.symbolInstances.length, Un.sortKey);
-            const Ttt = nC(T1, Un, xi), [ftt, Qtt] = function(K1, V2) {
-              const O0 = K1.length, Zs = V2 == null ? void 0 : V2.values;
+            const Ttt = nC(T1, Un, xi), [ftt, Qtt] = function(Y1, V2) {
+              const O0 = Y1.length, Zs = V2 == null ? void 0 : V2.values;
               if ((Zs == null ? void 0 : Zs.length) > 0)
                 for (let C0 = 0; C0 < Zs.length; C0 += 2) {
                   const Aa = Zs[C0 + 1];
-                  K1.emplaceBack(s.aq[Zs[C0]], Aa[0], Aa[1]);
+                  Y1.emplaceBack(s.aq[Zs[C0]], Aa[0], Aa[1]);
                 }
-              return [O0, K1.length];
+              return [O0, Y1.length];
             }(pr.textAnchorOffsets, Ttt);
             pr.symbolInstances.emplaceBack(kr.x, kr.y, j3.right >= 0 ? j3.right : -1, j3.center >= 0 ? j3.center : -1, j3.left >= 0 ? j3.left : -1, j3.vertical || -1, bv, Lv, hC, stt, att, ltt, ctt, utt, htt, dtt, ptt, yo, cC, uC, B3, Cc, pC, 0, f1, $s, ftt, Qtt);
           }(h, gr, le, p, g, w, sr, h.layers[0], h.collisionBoxArray, c.index, c.sourceLayerIndex, h.index, Lt, [Ft, Ft, Ft, Ft], Xe, N, Gt, Jt, Er, st, c, H, z, Z, A);
@@ -18106,17 +18107,17 @@ Use an identity property function instead: \`{ "type": "identity", "property": $
               const Ts = ve ? [rr.x + p1, rr.y] : [0, 0];
               let V1 = ve ? [0, 0] : [rr.x + p1 + Ft[0], rr.y + Ft[1] - Fn], T1 = [0, 0];
               Pn && (T1 = V1, V1 = [0, 0]);
-              const go = rr.metrics.isDoubleResolution ? 2 : 1, yo = (rr.metrics.left - gr) * rr.scale - p1 + V1[0], _o = (-rr.metrics.top - gr) * rr.scale + V1[1], Oi = yo + le.w / go * rr.scale / kr, f1 = _o + le.h / go * rr.scale / kr, X1 = new f(yo, _o), R1 = new f(Oi, _o), vo = new f(yo, f1), N1 = new f(Oi, f1);
+              const go = rr.metrics.isDoubleResolution ? 2 : 1, yo = (rr.metrics.left - gr) * rr.scale - p1 + V1[0], _o = (-rr.metrics.top - gr) * rr.scale + V1[1], Oi = yo + le.w / go * rr.scale / kr, f1 = _o + le.h / go * rr.scale / kr, K1 = new f(yo, _o), R1 = new f(Oi, _o), vo = new f(yo, f1), N1 = new f(Oi, f1);
               if (Pn) {
                 const fn = new f(-p1, p1 - xc), Un = -Math.PI / 2, ii = r1 / 2 - p1, s2 = new f(5 - xc - ii, -(rr.imageName ? ii : 0)), xi = new f(...T1);
-                X1._rotateAround(Un, fn)._add(s2)._add(xi), R1._rotateAround(Un, fn)._add(s2)._add(xi), vo._rotateAround(Un, fn)._add(s2)._add(xi), N1._rotateAround(Un, fn)._add(s2)._add(xi);
+                K1._rotateAround(Un, fn)._add(s2)._add(xi), R1._rotateAround(Un, fn)._add(s2)._add(xi), vo._rotateAround(Un, fn)._add(s2)._add(xi), N1._rotateAround(Un, fn)._add(s2)._add(xi);
               }
               if (Re) {
                 const fn = Math.sin(Re), Un = Math.cos(Re), ii = [Un, -fn, fn, Un];
-                X1._matMult(ii), R1._matMult(ii), vo._matMult(ii), N1._matMult(ii);
+                K1._matMult(ii), R1._matMult(ii), vo._matMult(ii), N1._matMult(ii);
               }
               const k2 = new f(0, 0), No = new f(0, 0);
-              Qr.push({ tl: X1, tr: R1, bl: vo, br: N1, tex: le, writingMode: Pt.writingMode, glyphOffset: Ts, sectionIndex: rr.sectionIndex, isSDF: pr, pixelOffsetTL: k2, pixelOffsetBR: No, minFontScaleX: 0, minFontScaleY: 0 });
+              Qr.push({ tl: K1, tr: R1, bl: vo, br: N1, tex: le, writingMode: Pt.writingMode, glyphOffset: Ts, sectionIndex: rr.sectionIndex, isSDF: pr, pixelOffsetTL: k2, pixelOffsetBR: No, minFontScaleX: 0, minFontScaleY: 0 });
             }
           return Qr;
         }(0, p, C, w, H, A, g, h.allowVerticalPlacement), Lt = h.textSizeData;
@@ -22379,8 +22380,8 @@ Use an identity property function instead: \`{ "type": "identity", "property": $
               for (let ri = 0; ri < nn; ri++) {
                 const C1 = ri / Math.max(nn - 1, 1), A2 = ur.lerp(C1), ni = A2.x + Se, Qo = A2.y + Se;
                 Ht.push(ni, Qo, tr, 0);
-                const W1 = ni - tr, I1 = Qo - tr, q1 = ni + tr, ps = Qo + tr;
-                if (De = De && this.isOffscreen(W1, I1, q1, ps), we = we || this.isInsideGrid(W1, I1, q1, ps), l !== "always" && this.grid.hitTestCircle(ni, Qo, tr, l, at) && (ue = !0, !K))
+                const q1 = ni - tr, I1 = Qo - tr, X1 = ni + tr, ps = Qo + tr;
+                if (De = De && this.isOffscreen(q1, I1, X1, ps), we = we || this.isInsideGrid(q1, I1, X1, ps), l !== "always" && this.grid.hitTestCircle(ni, Qo, tr, l, at) && (ue = !0, !K))
                   return { circles: [], offscreen: !1, collisionDetected: ue };
               }
             }
@@ -22565,7 +22566,7 @@ Use an identity property function instead: \`{ "type": "identity", "property": $
               return;
             if (ft)
               return void (this.placements[Pe.crossTileID] = new br(!1, !1, !1));
-            let nn = !1, ri = !1, C1 = !0, A2 = null, ni = { box: null, placeable: !1, offscreen: null }, Qo = { box: null, placeable: !1, offscreen: null }, W1 = null, I1 = null, q1 = null, ps = 0, q4 = 0, Ql = 0;
+            let nn = !1, ri = !1, C1 = !0, A2 = null, ni = { box: null, placeable: !1, offscreen: null }, Qo = { box: null, placeable: !1, offscreen: null }, q1 = null, I1 = null, X1 = null, ps = 0, q4 = 0, Ql = 0;
             $e.textFeatureIndex ? ps = $e.textFeatureIndex : Pe.useRuntimeCollisionCircles && (ps = Pe.featureIndex), $e.verticalTextFeatureIndex && (q4 = $e.verticalTextFeatureIndex);
             const X4 = $e.textBox;
             if (X4) {
@@ -22623,18 +22624,18 @@ Use an identity property function instead: \`{ "type": "identity", "property": $
                 }
               }
             }
-            if (W1 = ni, nn = W1 && W1.placeable, C1 = W1 && W1.offscreen, Pe.useRuntimeCollisionCircles) {
+            if (q1 = ni, nn = q1 && q1.placeable, C1 = q1 && q1.offscreen, Pe.useRuntimeCollisionCircles) {
               const i2 = b.text.placedSymbolArray.get(Pe.centerJustifiedTextSymbolIndex), o2 = a.ai(b.textSizeData, wt, i2), xa = M.get("text-padding");
               I1 = this.collisionIndex.placeCollisionCircles(bt, i2, b.lineVertexArray, b.glyphOffsetArray, o2, j, W, K, Y, _, we, Mt.predicate, Pe.collisionCircleDiameter, xa, V, ur), I1.circles.length && I1.collisionDetected && !_ && a.w("Collisions detected, but collision boxes are not shown"), nn = Nt || I1.circles.length > 0 && !I1.collisionDetected, C1 = C1 && I1.offscreen;
             }
             if ($e.iconFeatureIndex && (Ql = $e.iconFeatureIndex), $e.iconBox) {
               const i2 = (o2) => this.collisionIndex.placeCollisionBox(o2, Dt, at, j, W, we, ue, D, Mt.predicate, ur, De && A2 ? A2 : void 0);
-              Qo && Qo.placeable && $e.verticalIconBox ? (q1 = i2($e.verticalIconBox), ri = q1.placeable) : (q1 = i2($e.iconBox), ri = q1.placeable), C1 = C1 && q1.offscreen;
+              Qo && Qo.placeable && $e.verticalIconBox ? (X1 = i2($e.verticalIconBox), ri = X1.placeable) : (X1 = i2($e.iconBox), ri = X1.placeable), C1 = C1 && X1.offscreen;
             }
             const n2 = Ht || Pe.numHorizontalGlyphVertices === 0 && Pe.numVerticalGlyphVertices === 0, ml = Ot || Pe.numIconVertices === 0;
             n2 || ml ? ml ? n2 || (ri = ri && nn) : nn = ri && nn : ri = nn = ri && nn;
-            const Tc = ri && q1.placeable;
-            if (nn && W1.placeable && this.collisionIndex.insertCollisionBox(W1.box, bt, M.get("text-ignore-placement"), b.bucketInstanceId, Qo && Qo.placeable && q4 ? q4 : ps, Mt.ID), Tc && this.collisionIndex.insertCollisionBox(q1.box, Dt, M.get("icon-ignore-placement"), b.bucketInstanceId, Ql, Mt.ID), I1 && nn && this.collisionIndex.insertCollisionCircles(I1.circles, bt, M.get("text-ignore-placement"), b.bucketInstanceId, ps, Mt.ID), _ && this.storeCollisionData(b.bucketInstanceId, Ir, $e, W1, q1, I1), Pe.crossTileID === 0)
+            const Tc = ri && X1.placeable;
+            if (nn && q1.placeable && this.collisionIndex.insertCollisionBox(q1.box, bt, M.get("text-ignore-placement"), b.bucketInstanceId, Qo && Qo.placeable && q4 ? q4 : ps, Mt.ID), Tc && this.collisionIndex.insertCollisionBox(X1.box, Dt, M.get("icon-ignore-placement"), b.bucketInstanceId, Ql, Mt.ID), I1 && nn && this.collisionIndex.insertCollisionCircles(I1.circles, bt, M.get("text-ignore-placement"), b.bucketInstanceId, ps, Mt.ID), _ && this.storeCollisionData(b.bucketInstanceId, Ir, $e, q1, X1, I1), Pe.crossTileID === 0)
               throw new Error("symbolInstance.crossTileID can't be 0");
             if (b.bucketInstanceId === 0)
               throw new Error("bucket.bucketInstanceId can't be 0");
@@ -25110,21 +25111,21 @@ uniform ${K} ${Y} u_${at};
           if (!Nr || !Nr.segments.get().length || !Nr.hasVisibleVertices)
             continue;
           const Pe = Nr.programConfigurations.get(m.id), $e = b || ur.sdfIcons, Ir = b ? ur.textSizeData : ur.iconSizeData, ei = Ht || Qt.pitch !== 0, Zr = S.useProgram(ho($e, b, ur), Pe), nn = a.ag(Ir, Qt.zoom), ri = S.style.map.terrain && S.style.map.terrain.getTerrainData(Oe);
-          let C1, A2, ni, Qo, W1 = [0, 0], I1 = null;
+          let C1, A2, ni, Qo, q1 = [0, 0], I1 = null;
           if (b)
-            A2 = Ae.glyphAtlasTexture, ni = ft.LINEAR, C1 = Ae.glyphAtlasTexture.size, ur.iconsInText && (W1 = Ae.imageAtlasTexture.size, I1 = Ae.imageAtlasTexture, Qo = ei || S.options.rotating || S.options.zooming || Ir.kind === "composite" || Ir.kind === "camera" ? ft.LINEAR : ft.NEAREST);
+            A2 = Ae.glyphAtlasTexture, ni = ft.LINEAR, C1 = Ae.glyphAtlasTexture.size, ur.iconsInText && (q1 = Ae.imageAtlasTexture.size, I1 = Ae.imageAtlasTexture, Qo = ei || S.options.rotating || S.options.zooming || Ir.kind === "composite" || Ir.kind === "camera" ? ft.LINEAR : ft.NEAREST);
           else {
             const an = m.layout.get("icon-size").constantOr(0) !== 1 || ur.iconsNeedLinear;
             A2 = Ae.imageAtlasTexture, ni = $e || S.options.rotating || S.options.zooming || an || ei ? ft.LINEAR : ft.NEAREST, C1 = Ae.imageAtlasTexture.size;
           }
-          const q1 = Or(Ae, 1, S.transform.zoom), ps = Nt ? Oe.posMatrix : va, q4 = Vi(ps, Ht, Mt, S.transform, q1), Ql = Rn(ps, Ht, Mt, S.transform, q1), X4 = Rn(Oe.posMatrix, Ht, Mt, S.transform, q1), n2 = wt.translatePosition(S.transform, Ae, M, V), ml = we && ur.hasTextData(), Tc = m.layout.get("icon-text-fit") !== "none" && ml && ur.hasIconData();
+          const X1 = Or(Ae, 1, S.transform.zoom), ps = Nt ? Oe.posMatrix : va, q4 = Vi(ps, Ht, Mt, S.transform, X1), Ql = Rn(ps, Ht, Mt, S.transform, X1), X4 = Rn(Oe.posMatrix, Ht, Mt, S.transform, X1), n2 = wt.translatePosition(S.transform, Ae, M, V), ml = we && ur.hasTextData(), Tc = m.layout.get("icon-text-fit") !== "none" && ml && ur.hasIconData();
           if (Ot) {
             const an = S.style.map.terrain ? (K4, Y4) => S.style.map.terrain.getElevation(Oe, K4, Y4) : null, N3 = m.layout.get("text-rotation-alignment") === "map";
             pt(ur, Oe.posMatrix, S, b, q4, X4, Ht, W, N3, wt, Oe.toUnwrapped(), Qt.width, Qt.height, n2, an);
           }
           const i2 = Oe.posMatrix, o2 = b && we || Tc, xa = Ot || o2 ? va : q4, O2 = Ql, b1 = $e && m.paint.get(b ? "text-halo-width" : "icon-halo-width").constantOr(1) !== 0;
           let k1;
-          k1 = $e ? ur.iconsInText ? S4(Ir.kind, nn, bt, Ht, Ot, o2, S, i2, xa, O2, n2, C1, W1, tr) : ma(Ir.kind, nn, bt, Ht, Ot, o2, S, i2, xa, O2, n2, b, C1, !0, tr) : Xo(Ir.kind, nn, bt, Ht, Ot, o2, S, i2, xa, O2, n2, b, C1, tr);
+          k1 = $e ? ur.iconsInText ? S4(Ir.kind, nn, bt, Ht, Ot, o2, S, i2, xa, O2, n2, C1, q1, tr) : ma(Ir.kind, nn, bt, Ht, Ot, o2, S, i2, xa, O2, n2, b, C1, !0, tr) : Xo(Ir.kind, nn, bt, Ht, Ot, o2, S, i2, xa, O2, n2, b, C1, tr);
           const Vo = { program: Zr, buffers: Nr, uniformValues: k1, atlasTexture: A2, atlasTextureIcon: I1, atlasInterpolation: ni, atlasInterpolationIcon: Qo, isSDF: $e, hasHalo: b1 };
           if (Dt && ur.canOverlap) {
             $t = !0;
@@ -35726,7 +35727,7 @@ function Ss(t, e, r, n) {
   let o = null;
   return i && (n === "mixed" ? o = i.out && i.out[r] || i.undirected && i.undirected[r] : n === "directed" ? o = i.out && i.out[r] : o = i.undirected && i.undirected[r]), o;
 }
-function to(t) {
+function eo(t) {
   return typeof t == "object" && t !== null;
 }
 function dZ(t) {
@@ -35751,7 +35752,7 @@ function qs(t, e, r) {
   typeof r == "function" ? n.get = r : (n.value = r, n.writable = !1), Object.defineProperty(t, e, n);
 }
 function GV(t) {
-  return !(!to(t) || t.attributes && !Array.isArray(t.attributes));
+  return !(!eo(t) || t.attributes && !Array.isArray(t.attributes));
 }
 function hgt() {
   let t = Math.floor(Math.random() * 256) & 255;
@@ -35970,7 +35971,7 @@ function ygt(t, e, r) {
       i,
       o
     );
-    if (!to(a))
+    if (!eo(a))
       throw new hr(
         `Graph.${e}: provided attributes are not a plain object.`
       );
@@ -35991,7 +35992,7 @@ function _gt(t, e, r) {
       i,
       o
     );
-    if (!to(a))
+    if (!eo(a))
       throw new hr(
         `Graph.${e}: provided attributes are not a plain object.`
       );
@@ -36293,7 +36294,7 @@ function Agt(t, e, r) {
           `Graph.${e}: could not find the "${n}" edge in the graph.`
         );
     }
-    if (!to(i))
+    if (!eo(i))
       throw new hr(
         `Graph.${e}: provided attributes are not a plain object.`
       );
@@ -36331,7 +36332,7 @@ function Ogt(t, e, r) {
           `Graph.${e}: could not find the "${n}" edge in the graph.`
         );
     }
-    if (!to(i))
+    if (!eo(i))
       throw new hr(
         `Graph.${e}: provided attributes are not a plain object.`
       );
@@ -37270,7 +37271,7 @@ function syt(t, e, r) {
   return dZ(r.attributes) || (n.attributes = x1({}, r.attributes)), t === "mixed" && r.undirected && (n.undirected = !0), n;
 }
 function ayt(t) {
-  if (!to(t))
+  if (!eo(t))
     throw new hr(
       'Graph.import: invalid serialized node. A serialized node should be a plain object with at least a "key" property.'
     );
@@ -37278,13 +37279,13 @@ function ayt(t) {
     throw new hr(
       "Graph.import: serialized node is missing its key."
     );
-  if ("attributes" in t && (!to(t.attributes) || t.attributes === null))
+  if ("attributes" in t && (!eo(t.attributes) || t.attributes === null))
     throw new hr(
       "Graph.import: invalid attributes. Attributes should be a plain object, null or omitted."
     );
 }
 function lyt(t) {
-  if (!to(t))
+  if (!eo(t))
     throw new hr(
       'Graph.import: invalid serialized edge. A serialized edge should be a plain object with at least a "source" & "target" property.'
     );
@@ -37296,7 +37297,7 @@ function lyt(t) {
     throw new hr(
       "Graph.import: serialized edge is missing its target."
     );
-  if ("attributes" in t && (!to(t.attributes) || t.attributes === null))
+  if ("attributes" in t && (!eo(t.attributes) || t.attributes === null))
     throw new hr(
       "Graph.import: invalid attributes. Attributes should be a plain object, null or omitted."
     );
@@ -37342,7 +37343,7 @@ const cyt = hgt(), uyt = /* @__PURE__ */ new Set(["directed", "undirected", "mix
   type: "mixed"
 };
 function pyt(t, e, r) {
-  if (r && !to(r))
+  if (r && !eo(r))
     throw new hr(
       `Graph.addNode: invalid attributes. Expecting an object but got "${r}"`
     );
@@ -37372,7 +37373,7 @@ function _Z(t, e, r, n, i, o, s, a) {
     throw new jr(
       `Graph.${e}: you cannot add an undirected edge to a directed graph. Use the #.addEdge or #.addDirectedEdge instead.`
     );
-  if (a && !to(a))
+  if (a && !eo(a))
     throw new hr(
       `Graph.${e}: invalid attributes. Expecting an object but got "${a}"`
     );
@@ -37432,7 +37433,7 @@ function Tyt(t, e, r, n, i, o, s, a, u) {
         throw new hr(
           `Graph.${e}: invalid updater function. Expecting a function but got "${a}"`
         );
-    } else if (!to(a))
+    } else if (!eo(a))
       throw new hr(
         `Graph.${e}: invalid attributes. Expecting an object but got "${a}"`
       );
@@ -38274,7 +38275,7 @@ class ci extends tgt.EventEmitter {
    * @return {any}                 - The node.
    */
   mergeNode(e, r) {
-    if (r && !to(r))
+    if (r && !eo(r))
       throw new hr(
         `Graph.mergeNode: invalid attributes. Expecting an object but got "${r}"`
       );
@@ -38550,7 +38551,7 @@ class ci extends tgt.EventEmitter {
    * @throws {Error} - Will throw if given attributes are not a plain object.
    */
   replaceAttributes(e) {
-    if (!to(e))
+    if (!eo(e))
       throw new hr(
         "Graph.replaceAttributes: provided attributes are not a plain object."
       );
@@ -38568,7 +38569,7 @@ class ci extends tgt.EventEmitter {
    * @throws {Error} - Will throw if given attributes are not a plain object.
    */
   mergeAttributes(e) {
-    if (!to(e))
+    if (!eo(e))
       throw new hr(
         "Graph.mergeAttributes: provided attributes are not a plain object."
       );
@@ -38883,12 +38884,12 @@ class ci extends tgt.EventEmitter {
       }), e.forEachEdge((u, d, T, f, Q, y, v) => {
         r ? v ? this.mergeUndirectedEdgeWithKey(u, T, f, d) : this.mergeDirectedEdgeWithKey(u, T, f, d) : v ? this.addUndirectedEdgeWithKey(u, T, f, d) : this.addDirectedEdgeWithKey(u, T, f, d);
       }), this;
-    if (!to(e))
+    if (!eo(e))
       throw new hr(
         "Graph.import: invalid argument. Expecting a serialized graph or, alternatively, a Graph instance."
       );
     if (e.attributes) {
-      if (!to(e.attributes))
+      if (!eo(e.attributes))
         throw new hr(
           "Graph.import: invalid attributes. Expecting a plain object."
         );
@@ -66270,7 +66271,7 @@ Y6.retryAfter = QIt;
     asyncLoad: null
   };
 })(bg);
-var MH = {}, ld = {}, Z1 = {};
+var MH = {}, ld = {}, W1 = {};
 (function(t) {
   var e = P && P.__values || function(O) {
     var I = typeof Symbol == "function" && Symbol.iterator, R = I && O[I], F = 0;
@@ -66475,7 +66476,7 @@ var MH = {}, ld = {}, Z1 = {};
     return R === void 0 && (R = null), I.hasOwnProperty(O) ? I[O] : R;
   }
   t.lookup = x;
-})(Z1);
+})(W1);
 var tl = {}, mIt = P && P.__extends || /* @__PURE__ */ function() {
   var t = function(e, r) {
     return t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(n, i) {
@@ -66584,7 +66585,7 @@ var yIt = a0, _It = function(t) {
 tl.FunctionList = _It;
 Object.defineProperty(ld, "__esModule", { value: !0 });
 ld.AbstractInputJax = void 0;
-var oD = Z1, sD = tl, vIt = function() {
+var oD = W1, sD = tl, vIt = function() {
   function t(e) {
     e === void 0 && (e = {}), this.adaptor = null, this.mmlFactory = null;
     var r = this.constructor;
@@ -66619,7 +66620,7 @@ ld.AbstractInputJax = vIt;
 var xg = {}, Eg = {};
 Object.defineProperty(Eg, "__esModule", { value: !0 });
 Eg.AbstractFindMath = void 0;
-var aD = Z1, bIt = function() {
+var aD = W1, bIt = function() {
   function t(e) {
     var r = this.constructor;
     this.options = (0, aD.userOptions)((0, aD.defaultOptions)({}, r.OPTIONS), e);
@@ -69611,22 +69612,22 @@ var R0 = P && P.__values || function(t) {
   return t && t.__esModule ? t : { default: t };
 };
 Object.defineProperty(SH, "__esModule", { value: !0 });
-var dD = Cr, Y1 = jIt(fi), bE;
+var dD = Cr, J1 = jIt(fi), bE;
 (function(t) {
   t.cleanStretchy = function(o) {
     var s, a, u = o.data;
     try {
       for (var d = R0(u.getList("fixStretchy")), T = d.next(); !T.done; T = d.next()) {
         var f = T.value;
-        if (Y1.default.getProperty(f, "fixStretchy")) {
-          var Q = Y1.default.getForm(f);
-          Q && Q[3] && Q[3].stretchy && Y1.default.setAttribute(f, "stretchy", !1);
+        if (J1.default.getProperty(f, "fixStretchy")) {
+          var Q = J1.default.getForm(f);
+          Q && Q[3] && Q[3].stretchy && J1.default.setAttribute(f, "stretchy", !1);
           var y = f.parent;
-          if (!Y1.default.getTexClass(f) && (!Q || !Q[2])) {
+          if (!J1.default.getTexClass(f) && (!Q || !Q[2])) {
             var v = u.nodeFactory.create("node", "TeXAtom", [f]);
             y.replaceChild(v, f), v.inheritAttributesFrom(f);
           }
-          Y1.default.removeProperties(f, "fixStretchy");
+          J1.default.removeProperties(f, "fixStretchy");
         }
       }
     } catch (L) {
@@ -69668,10 +69669,10 @@ var dD = Cr, Y1 = jIt(fi), bE;
     try {
       for (var f = R0(o.data.getList("mo")), Q = f.next(); !Q.done; Q = f.next()) {
         var y = Q.value;
-        if (!(y.getProperty("relationsCombined") || !y.parent || y.parent && !Y1.default.isType(y.parent, "mrow") || Y1.default.getTexClass(y) !== dD.TEXCLASS.REL)) {
-          for (var v = y.parent, L = void 0, E = v.childNodes, x = E.indexOf(y) + 1, O = Y1.default.getProperty(y, "variantForm"); x < E.length && (L = E[x]) && Y1.default.isType(L, "mo") && Y1.default.getTexClass(L) === dD.TEXCLASS.REL; )
-            if (O === Y1.default.getProperty(L, "variantForm") && r(y, L)) {
-              Y1.default.appendChildren(y, Y1.default.getChildren(L)), e(["stretchy", "rspace"], y, L);
+        if (!(y.getProperty("relationsCombined") || !y.parent || y.parent && !J1.default.isType(y.parent, "mrow") || J1.default.getTexClass(y) !== dD.TEXCLASS.REL)) {
+          for (var v = y.parent, L = void 0, E = v.childNodes, x = E.indexOf(y) + 1, O = J1.default.getProperty(y, "variantForm"); x < E.length && (L = E[x]) && J1.default.isType(L, "mo") && J1.default.getTexClass(L) === dD.TEXCLASS.REL; )
+            if (O === J1.default.getProperty(L, "variantForm") && r(y, L)) {
+              J1.default.appendChildren(y, J1.default.getChildren(L)), e(["stretchy", "rspace"], y, L);
               try {
                 for (var I = (u = void 0, R0(L.getPropertyNames())), R = I.next(); !R.done; R = I.next()) {
                   var F = R.value;
@@ -69689,7 +69690,7 @@ var dD = Cr, Y1 = jIt(fi), bE;
               }
               E.splice(x, 1), T.push(L), L.parent = null, L.setProperty("relationsCombined", !0);
             } else {
-              y.attributes.getExplicit("rspace") == null && Y1.default.setAttribute(y, "rspace", "0pt"), L.attributes.getExplicit("lspace") == null && Y1.default.setAttribute(L, "lspace", "0pt");
+              y.attributes.getExplicit("rspace") == null && J1.default.setAttribute(y, "rspace", "0pt"), L.attributes.getExplicit("lspace") == null && J1.default.setAttribute(L, "lspace", "0pt");
               break;
             }
           y.attributes.setInherited("form", y.getForms()[0]);
@@ -69746,7 +69747,7 @@ var dD = Cr, Y1 = jIt(fi), bE;
         var y = Q.value, v = y.childNodes;
         if (!(v[y[s]] && v[y[a]])) {
           var L = y.parent, E = v[y[s]] ? o.nodeFactory.create("node", "m" + s, [v[y.base], v[y[s]]]) : o.nodeFactory.create("node", "m" + a, [v[y.base], v[y[a]]]);
-          Y1.default.copyAttributes(y, E), L ? L.replaceChild(E, y) : o.root = E, T.push(y);
+          J1.default.copyAttributes(y, E), L ? L.replaceChild(E, y) : o.root = E, T.push(y);
         }
       }
     } catch (x) {
@@ -69774,7 +69775,7 @@ var dD = Cr, Y1 = jIt(fi), bE;
           var v = y.childNodes[y.base], L = v.coreMO();
           if (v.getProperty("movablelimits") && !L.attributes.getExplicit("movablelimits")) {
             var E = o.nodeFactory.create("node", a, y.childNodes);
-            Y1.default.copyAttributes(y, E), y.parent ? y.parent.replaceChild(E, y) : o.root = E, T.push(y);
+            J1.default.copyAttributes(y, E), y.parent ? y.parent.replaceChild(E, y) : o.root = E, T.push(y);
           }
         }
       }
@@ -71418,7 +71419,7 @@ var ukt = P && P.__read || function(t, e) {
   return t && t.__esModule ? t : { default: t };
 };
 Object.defineProperty(Hg, "__esModule", { value: !0 });
-var dkt = qX(AH), pkt = F8, LD = qX(fi), wD = Z1, Tkt = function() {
+var dkt = qX(AH), pkt = F8, LD = qX(fi), wD = W1, Tkt = function() {
   function t(e, r) {
     r === void 0 && (r = []), this.options = {}, this.packageData = /* @__PURE__ */ new Map(), this.parsers = [], this.root = null, this.nodeLists = {}, this.error = !1, this.handlers = e.handlers, this.nodeFactory = new pkt.NodeFactory(), this.nodeFactory.configuration = this, this.nodeFactory.setCreators(e.nodes), this.itemFactory = new dkt.default(e.items), this.itemFactory.configuration = this, wD.defaultOptions.apply(void 0, hkt([this.options], ukt(r), !1)), (0, wD.defaultOptions)(this.options, e.options);
   }
@@ -71922,7 +71923,7 @@ var yn = {}, ud = {};
     return E;
   };
   Object.defineProperty(t, "__esModule", { value: !0 }), t.ParserConfiguration = t.ConfigurationHandler = t.Configuration = void 0;
-  var n = Z1, i = ud, o = tl, s = a0, a = x4, u = function() {
+  var n = W1, i = ud, o = tl, s = a0, a = x4, u = function() {
     function f(Q, y, v, L, E, x, O, I, R, F, U, $, tt) {
       y === void 0 && (y = {}), v === void 0 && (v = {}), L === void 0 && (L = {}), E === void 0 && (E = {}), x === void 0 && (x = {}), O === void 0 && (O = {}), I === void 0 && (I = []), R === void 0 && (R = []), F === void 0 && (F = null), U === void 0 && (U = null), this.name = Q, this.handler = y, this.fallback = v, this.items = L, this.tags = E, this.options = x, this.nodes = O, this.preprocessors = I, this.postprocessors = R, this.initMethod = F, this.configMethod = U, this.priority = $, this.parser = tt, this.handler = Object.assign({ character: [], delimiter: [], macro: [], environment: [] }, y);
     }
@@ -73309,7 +73310,7 @@ var f8 = P && P.__assign || function() {
   return t && t.__esModule ? t : { default: t };
 };
 Object.defineProperty(_2, "__esModule", { value: !0 });
-var VH = Wkt(Sr), ir = Ag(fi), S1 = Ag(Cn), Og = Ag(Mo()), RH = ao, a1 = Ag(Qi()), B8 = Cr, eK = x4, rK = x3, xE = cd, qkt = Z1, _r = {}, Xkt = 1.2 / 0.85, Kkt = {
+var VH = Wkt(Sr), ir = Ag(fi), S1 = Ag(Cn), Og = Ag(Mo()), RH = ao, a1 = Ag(Qi()), B8 = Cr, eK = x4, rK = x3, xE = cd, qkt = W1, _r = {}, Xkt = 1.2 / 0.85, Kkt = {
   fontfamily: 1,
   fontsize: 1,
   fontweight: 1,
@@ -74758,7 +74759,7 @@ var yPt = P && P.__extends || /* @__PURE__ */ function() {
   return t && t.__esModule ? t : { default: t };
 };
 Object.defineProperty(MH, "__esModule", { value: !0 });
-var cK = MH.TeX = void 0, ED = ld, MD = Z1, SD = xg, Ul = dd(SH), HD = dd(fi), vPt = dd(Mo()), bPt = dd(Cn), LPt = dd(Hg), uT = x4, wPt = yn, xPt = function(t) {
+var cK = MH.TeX = void 0, ED = ld, MD = W1, SD = xg, Ul = dd(SH), HD = dd(fi), vPt = dd(Mo()), bPt = dd(Cn), LPt = dd(Hg), uT = x4, wPt = yn, xPt = function(t) {
   yPt(e, t);
   function e(r) {
     r === void 0 && (r = {});
@@ -74811,7 +74812,7 @@ cK = MH.TeX = xPt;
 var AD = {}, Cg = {}, pd = {};
 Object.defineProperty(pd, "__esModule", { value: !0 });
 pd.AbstractOutputJax = void 0;
-var OD = Z1, EPt = tl, MPt = function() {
+var OD = W1, EPt = tl, MPt = function() {
   function t(e) {
     e === void 0 && (e = {}), this.adaptor = null;
     var r = this.constructor;
@@ -75416,7 +75417,7 @@ var VPt = P && P.__extends || /* @__PURE__ */ function() {
 };
 Object.defineProperty(Cg, "__esModule", { value: !0 });
 Cg.CommonOutputJax = void 0;
-var kD = pd, OL = R8, RPt = Z1, NPt = x3, DPt = Td, FPt = Ig, BPt = function(t) {
+var kD = pd, OL = R8, RPt = W1, NPt = x3, DPt = Td, FPt = Ig, BPt = function(t) {
   VPt(e, t);
   function e(r, n, i) {
     r === void 0 && (r = null), n === void 0 && (n = null), i === void 0 && (i = null);
@@ -75872,7 +75873,7 @@ var T2 = {}, im = P && P.__assign || function() {
 };
 Object.defineProperty(T2, "__esModule", { value: !0 });
 T2.FontData = T2.NOSTRETCH = T2.H = T2.V = void 0;
-var VD = Z1;
+var VD = W1;
 T2.V = 1;
 T2.H = 2;
 T2.NOSTRETCH = { dir: 0 };
@@ -90971,7 +90972,7 @@ v8.BitFieldClass = nBt;
     return I.concat(tt || Array.prototype.slice.call(R));
   };
   Object.defineProperty(t, "__esModule", { value: !0 }), t.AbstractMathDocument = t.resetAllOptions = t.resetOptions = t.RenderList = void 0;
-  var o = Z1, s = ld, a = pd, u = kd, d = R8, T = e_, f = v8, Q = a0, y = function(I) {
+  var o = W1, s = ld, a = pd, u = kd, d = R8, T = e_, f = v8, Q = a0, y = function(I) {
     e(R, I);
     function R() {
       return I !== null && I.apply(this, arguments) || this;
@@ -91570,7 +91571,7 @@ var h_ = {}, dB = P && P.__read || function(t, e) {
 };
 Object.defineProperty(h_, "__esModule", { value: !0 });
 h_.HTMLDomStrings = void 0;
-var Cu = Z1, pBt = function() {
+var Cu = W1, pBt = function() {
   function t(e) {
     e === void 0 && (e = null);
     var r = this.constructor;
@@ -91678,7 +91679,7 @@ var TBt = P && P.__extends || /* @__PURE__ */ function() {
 };
 Object.defineProperty(l_, "__esModule", { value: !0 });
 l_.HTMLDocument = void 0;
-var XL = YH, KL = Z1, fBt = c_, QBt = u_, pB = h_, YL = R8, mBt = function(t) {
+var XL = YH, KL = W1, fBt = c_, QBt = u_, pB = h_, YL = R8, mBt = function(t) {
   TBt(e, t);
   function e(r, n, i) {
     var o = this, s = HT((0, KL.separateOptions)(i, pB.HTMLDomStrings.OPTIONS), 2), a = s[0], u = s[1];
@@ -94448,7 +94449,7 @@ var JK = P && P.__values || function(t) {
 }, aw;
 Object.defineProperty(TA, "__esModule", { value: !0 });
 TA.ConfigMacrosConfiguration = void 0;
-var eY = yn, wB = Z1, xB = Vr, Bjt = tY(ha), UE = aa, GE = tY(Pd), EB = Vd, $E = "configmacros-map", ZE = "configmacros-env-map";
+var eY = yn, wB = W1, xB = Vr, Bjt = tY(ha), UE = aa, GE = tY(Pd), EB = Vd, $E = "configmacros-map", ZE = "configmacros-env-map";
 function jjt(t) {
   new xB.CommandMap($E, {}, {}), new xB.EnvironmentMap(ZE, Bjt.default.environment, {}, {}), t.append(eY.Configuration.local({
     handler: {
@@ -94816,7 +94817,7 @@ function iY() {
     return T && T.__esModule ? T : { default: T };
   };
   Object.defineProperty(Iu, "__esModule", { value: !0 }), Iu.MathtoolsUtil = void 0;
-  var r = Sr, n = e(Qi()), i = e(Mo()), o = e(Cn), s = aa, a = Z1, u = oY(), d = sY();
+  var r = Sr, n = e(Qi()), i = e(Mo()), o = e(Cn), s = aa, a = W1, u = oY(), d = sY();
   return Iu.MathtoolsUtil = {
     setDisplayLevel: function(T, f) {
       if (f) {
@@ -94912,7 +94913,7 @@ function oY() {
       return x && x.__esModule ? x : { default: x };
     };
     Object.defineProperty(t, "__esModule", { value: !0 }), t.MathtoolsMethods = void 0;
-    var o = i(Qi()), s = j8, a = i(_2), u = i(Mo()), d = i(Cn), T = i(fi), f = Cr, Q = x3, y = Z1, v = i(U8), L = i(Pd), E = iY();
+    var o = i(Qi()), s = j8, a = i(_2), u = i(Mo()), d = i(Cn), T = i(fi), f = Cr, Q = x3, y = W1, v = i(U8), L = i(Pd), E = iY();
     t.MathtoolsMethods = {
       MtMatrix: function(x, O, I, R) {
         var F = x.GetBrackets("\\begin{".concat(O.getName(), "}"), "c");
@@ -95500,7 +95501,7 @@ function sY() {
       return v && v.__esModule ? v : { default: v };
     }, n;
     Object.defineProperty(t, "__esModule", { value: !0 }), t.MathtoolsConfiguration = t.fixPrescripts = t.PAIREDDELIMS = void 0;
-    var i = yn, o = Vr, s = r(fi), a = Z1;
+    var i = yn, o = Vr, s = r(fi), a = W1;
     uzt();
     var u = iY(), d = b_, T = L_;
     t.PAIREDDELIMS = "mathtools-paired-delims";
@@ -97923,7 +97924,7 @@ var qzt = {};
     return Q && Q.__esModule ? Q : { default: Q };
   };
   Object.defineProperty(t, "__esModule", { value: !0 }), t.SetOptionsConfiguration = t.SetOptionsUtil = void 0;
-  var n = yn, i = Vr, o = r(Cn), s = r(Qi()), a = aa, u = r(_2), d = Z1;
+  var n = yn, i = Vr, o = r(Cn), s = r(Qi()), a = aa, u = r(_2), d = W1;
   t.SetOptionsUtil = {
     filterPackage: function(Q, y) {
       if (y !== "tex" && !n.ConfigurationHandler.get(y))
@@ -101363,7 +101364,8 @@ const qUt = ZUt("main", {
     this.setStateRequired = !1;
   },
   setup(t) {
-    return { annotator: Ls(new BUt(`${t.flatmapAPI}annotator`)) };
+    let e = ln("$annotator");
+    return e || (e = Ls(new BUt(`${t.flatmapAPI}annotator`)), $1("$annotator", e)), { annotator: e };
   },
   methods: {
     /**
@@ -101373,12 +101375,12 @@ const qUt = ZUt("main", {
     initialiseDrawing: function() {
       this.connectionEntry = {}, this.activeDrawTool = void 0, this.activeDrawMode = void 0, this.drawnCreatedEvent = {};
     },
-    /**
+    /** 
      * @public
      * Function to cancel a newly drawn feature.
      */
     cancelDrawnFeature: function() {
-      this.isValidDrawnCreated && (this.closeTooltip(), this.annotationEntry = {
+      this.isValidDrawnCreated && (this.annotationSidebar && this.$emit("annotation-close"), this.closeTooltip(), this.annotationEntry = {
         ...this.drawnCreatedEvent.feature,
         resourceId: this.serverURL
       }, this.rollbackAnnotationEvent(), this.initialiseDrawing());
@@ -101420,7 +101422,7 @@ const qUt = ZUt("main", {
      * @arg {String} `name`
      */
     toolbarEvent: function(t, e) {
-      if (this.closeTooltip(), this.doubleClickedFeature = !1, this.connectionEntry = {}, t === "mode")
+      if (this.closeTooltip(), this.annotationSidebar && this.$emit("annotation-close"), this.doubleClickedFeature = !1, this.connectionEntry = {}, t === "mode")
         this.changeAnnotationDrawMode({ mode: "simple_select" }), this.activeDrawMode = e, Object.keys(this.annotationEntry).length > 0 && !this.featureAnnotationSubmitted && this.rollbackAnnotationEvent();
       else if (t === "tool") {
         if (e) {
@@ -101497,7 +101499,7 @@ const qUt = ZUt("main", {
      */
     commitAnnotationEvent: function(t) {
       this.mapImp && ["created", "updated", "deleted"].includes(this.annotationEntry.type) && // Only when annotation comments stored successfully
-      t && (this.featureAnnotationSubmitted = !0, this.mapImp.commitAnnotationEvent(this.annotationEntry), this.annotationEntry.type === "deleted" ? (this.closeTooltip(), this.annotationEntry = {}) : this.addAnnotationFeature());
+      t && (this.featureAnnotationSubmitted = !0, this.mapImp.commitAnnotationEvent(this.annotationEntry), this.annotationEntry.type === "deleted" ? (this.annotationSidebar && this.$emit("annotation-close"), this.closeTooltip(), this.annotationEntry = {}) : this.addAnnotationFeature());
     },
     /**
      * @public
@@ -101647,7 +101649,7 @@ const qUt = ZUt("main", {
      * @arg {Boolean} `flag`
      */
     setColour: function(t) {
-      this.colourRadio = t, this.mapImp && this.mapImp.setColour({ colour: t, outline: this.outlinesRadio });
+      this.colourRadio = t, this.mapImp && this.mapImp.setPaint({ colour: t, outline: this.outlinesRadio });
     },
     /**
      * @public
@@ -101656,7 +101658,7 @@ const qUt = ZUt("main", {
      * @arg {Boolean} `flag`
      */
     setOutlines: function(t) {
-      this.outlineRadio = t, this.mapImp && this.mapImp.setColour({ colour: this.colourRadio, outline: t });
+      this.outlineRadio = t, this.mapImp && this.mapImp.setPaint({ colour: this.colourRadio, outline: t });
     },
     /**
      * @public
@@ -101981,7 +101983,7 @@ const qUt = ZUt("main", {
      * @arg {String} `modeName`
      */
     changeViewingMode: function(t) {
-      t && (this.viewingMode = t), this.closeTooltip();
+      t && (this.viewingMode = t), this.annotationSidebar && this.$emit("annotation-close"), this.closeTooltip();
     },
     /**
      * @public
@@ -102130,7 +102132,7 @@ const qUt = ZUt("main", {
      */
     displayTooltip: function(t, e = void 0) {
       let r, n = { className: "flatmapvuer-popover" };
-      e ? (r = t, n.annotationFeatureGeometry = e) : (r = this.mapImp.modelFeatureIds(t)[0], this.activeDrawTool || (n.positionAtLastClick = !0)), this.connectivityInfoSidebar && this.hasTooltipEntry() && this.viewingMode !== "Annotation" && (this.featuresAlert && (this.tooltipEntry.featuresAlert = this.featuresAlert), this.$emit("connectivity-info-open", this.tooltipEntry)), !this.disableUI && (this.viewingMode === "Annotation" && this.userInformation || this.viewingMode === "Exploration" && !this.connectivityInfoSidebar && this.hasTooltipEntry()) && (this.tooltipDisplay = !0, this.$nextTick(() => {
+      e ? (r = t, n.annotationFeatureGeometry = e) : (r = this.mapImp.modelFeatureIds(t)[0], this.activeDrawTool || (n.positionAtLastClick = !0)), this.connectivityInfoSidebar && this.hasTooltipEntry() && this.viewingMode !== "Annotation" && (this.featuresAlert && (this.tooltipEntry.featuresAlert = this.featuresAlert), this.$emit("connectivity-info-open", this.tooltipEntry)), this.annotationSidebar && this.viewingMode === "Annotation" && this.$emit("annotation-open", { annotationEntry: this.annotationEntry, commitCallback: this.commitAnnotationEvent }), !this.disableUI && (this.viewingMode === "Annotation" && !this.annotationSidebar && this.userInformation || this.viewingMode === "Exploration" && !this.connectivityInfoSidebar && this.hasTooltipEntry()) && (this.tooltipDisplay = !0, this.$nextTick(() => {
         this.mapImp.showPopup(r, this.$refs.tooltip.$el, n), this.popUpCssHacks();
       }));
     },
@@ -102301,7 +102303,7 @@ const qUt = ZUt("main", {
      */
     onFlatmapReady: function() {
       var t, e;
-      this.sensor = Ls(new Z3t(this.$refs.display, this.mapResize)), console.log(this.mapImp.options), ((t = this.mapImp.options) == null ? void 0 : t.style) === "functional" ? this.isFC = !0 : ((e = this.mapImp.options) == null ? void 0 : e.style) === "centreline" && (this.isCentreLine = !0), this.mapImp.setBackgroundOpacity(1), this.backgroundChangeCallback(this.currentBackground), this.pathways = this.mapImp.pathTypes(), this.isCentreLine || this.mapImp.enableCentrelines(!1), this.processSystems(this.mapImp.getSystems()), this.processTaxon(this.flatmapAPI, this.mapImp.taxonIdentifiers), this.containsAlert = "alert" in this.mapImp.featureFilterRanges(), this.addResizeButtonToMinimap(), this.loading = !1, this.computePathControlsMaximumHeight(), this.drawerOpen = !this.isCentreLine, this.mapResize(), this.handleMapClick(), this.$emit("ready", this);
+      this.sensor = Ls(new Z3t(this.$refs.display, this.mapResize)), ((t = this.mapImp.options) == null ? void 0 : t.style) === "functional" ? this.isFC = !0 : ((e = this.mapImp.options) == null ? void 0 : e.style) === "centreline" && (this.isCentreLine = !0), this.mapImp.setBackgroundOpacity(1), this.backgroundChangeCallback(this.currentBackground), this.pathways = this.mapImp.pathTypes(), this.isCentreLine || this.mapImp.enableCentrelines(!1), this.processSystems(this.mapImp.getSystems()), this.processTaxon(this.flatmapAPI, this.mapImp.taxonIdentifiers), this.containsAlert = "alert" in this.mapImp.featureFilterRanges(), this.addResizeButtonToMinimap(), this.loading = !1, this.computePathControlsMaximumHeight(), this.drawerOpen = !this.isCentreLine, this.mapResize(), this.handleMapClick(), this.$emit("ready", this);
     },
     /**
      * @public
@@ -102559,13 +102561,19 @@ const qUt = ZUt("main", {
     connectivityInfoSidebar: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * The option to show annotation in sidebar
+     */
+    annotationSidebar: {
+      type: Boolean,
+      default: !1
     }
   },
   provide() {
     return {
       flatmapAPI: this.flatmapAPI,
       sparcAPI: this.sparcAPI,
-      $annotator: this.annotator,
       getFeaturesAlert: () => this.featuresAlert,
       userApiKey: this.userToken
     };
@@ -102743,7 +102751,7 @@ const qUt = ZUt("main", {
   mounted: function() {
     this.openMapRef = Zf(this.$refs.openMapRef), this.backgroundIconRef = Zf(this.$refs.backgroundIconRef), this.tooltipWait.length = this.hoverVisibilities.length, this.mapManager = Ls(new HA(this.flatmapAPI)), this.flatmapQueries = Ls(new U3t()), this.flatmapQueries.initialise(this.flatmapAPI), this.state ? this.setStateRequired && this.setState(this.state) : this.renderAtMounted && this.createFlatmap();
   }
-}, fa = (t) => (iM("data-v-0574240c"), t = t(), oM(), t), JUt = {
+}, fa = (t) => (iM("data-v-2814d4b4"), t = t(), oM(), t), JUt = {
   class: "flatmap-container",
   ref: "flatmapContainer",
   "element-loading-text": "Loading...",
@@ -102802,7 +102810,7 @@ function bGt(t, e, r, n, i, o) {
                   ]),
                   _: 1
                 }),
-                r.isLegacy ? (oe(), Ye(J1, { key: 0 }, [
+                r.isLegacy ? (oe(), Ye(to, { key: 0 }, [
                   aGt,
                   We("div", {
                     class: "latest-map-text",
@@ -103151,7 +103159,7 @@ function bGt(t, e, r, n, i, o) {
         "virtual-triggering": ""
       }, {
         default: Te(() => [
-          (oe(!0), Ye(J1, null, Ka(r.openMapOptions, (et) => (oe(), Hr(O, {
+          (oe(!0), Ye(to, null, Ka(r.openMapOptions, (et) => (oe(), Hr(O, {
             key: et.key
           }, {
             default: Te(() => [
@@ -103192,7 +103200,7 @@ function bGt(t, e, r, n, i, o) {
             Ce(O, { class: "backgroundControl" }, {
               default: Te(() => [
                 We("div", gGt, [
-                  (oe(!0), Ye(J1, null, Ka(t.viewingModes, (et, gt, kt) => (oe(), Ye(J1, { key: gt }, [
+                  (oe(!0), Ye(to, null, Ka(t.viewingModes, (et, gt, kt) => (oe(), Ye(to, { key: gt }, [
                     gt === t.viewingMode ? (oe(), Ye("span", yGt, [
                       We("b", null, Ti(gt), 1)
                     ])) : (oe(), Ye("span", {
@@ -103211,7 +103219,7 @@ function bGt(t, e, r, n, i, o) {
               ]),
               _: 1
             }),
-            t.viewingMode === "Annotation" && t.userInformation ? (oe(), Ye(J1, { key: 0 }, [
+            t.viewingMode === "Annotation" && t.userInformation ? (oe(), Ye(to, { key: 0 }, [
               Ce(O, { class: "backgroundText" }, {
                 default: Te(() => [
                   xn("Drawn By*")
@@ -103230,7 +103238,7 @@ function bGt(t, e, r, n, i, o) {
                     onChange: o.setDrawnType
                   }, {
                     default: Te(() => [
-                      (oe(!0), Ye(J1, null, Ka(t.drawnTypes, (et) => (oe(), Hr(R, {
+                      (oe(!0), Ye(to, null, Ka(t.drawnTypes, (et) => (oe(), Hr(R, {
                         key: et,
                         label: et,
                         value: et
@@ -103274,7 +103282,7 @@ function bGt(t, e, r, n, i, o) {
                     onChange: o.setAnnotatedType
                   }, {
                     default: Te(() => [
-                      (oe(!0), Ye(J1, null, Ka(t.annotatedTypes, (et) => (oe(), Hr(R, {
+                      (oe(!0), Ye(to, null, Ka(t.annotatedTypes, (et) => (oe(), Hr(R, {
                         key: et,
                         label: et,
                         value: et
@@ -103326,13 +103334,13 @@ function bGt(t, e, r, n, i, o) {
                   onChange: o.setFlightPath3D
                 }, {
                   default: Te(() => [
-                    Ce(U, { label: !1 }, {
+                    Ce(U, { value: !1 }, {
                       default: Te(() => [
                         xn("2D")
                       ]),
                       _: 1
                     }),
-                    Ce(U, { label: !0 }, {
+                    Ce(U, { value: !0 }, {
                       default: Te(() => [
                         xn("3D")
                       ]),
@@ -103360,13 +103368,13 @@ function bGt(t, e, r, n, i, o) {
                   onChange: o.setColour
                 }, {
                   default: Te(() => [
-                    Ce(U, { label: !0 }, {
+                    Ce(U, { value: !0 }, {
                       default: Te(() => [
                         xn("Colour")
                       ]),
                       _: 1
                     }),
-                    Ce(U, { label: !1 }, {
+                    Ce(U, { value: !1 }, {
                       default: Te(() => [
                         xn("Greyscale")
                       ]),
@@ -103394,13 +103402,13 @@ function bGt(t, e, r, n, i, o) {
                   onChange: o.setOutlines
                 }, {
                   default: Te(() => [
-                    Ce(U, { label: !0 }, {
+                    Ce(U, { value: !0 }, {
                       default: Te(() => [
                         xn("Show")
                       ]),
                       _: 1
                     }),
-                    Ce(U, { label: !1 }, {
+                    Ce(U, { value: !1 }, {
                       default: Te(() => [
                         xn("Hide")
                       ]),
@@ -103421,7 +103429,7 @@ function bGt(t, e, r, n, i, o) {
             }),
             Ce(O, { class: "backgroundControl" }, {
               default: Te(() => [
-                (oe(!0), Ye(J1, null, Ka(t.availableBackground, (et) => (oe(), Ye("div", {
+                (oe(!0), Ye(to, null, Ka(t.availableBackground, (et) => (oe(), Ye("div", {
                   key: et,
                   class: Be([
                     "backgroundChoice",
@@ -103516,7 +103524,7 @@ function bGt(t, e, r, n, i, o) {
     [ct, t.loading]
   ]);
 }
-const LY = /* @__PURE__ */ Gm(YUt, [["render", bGt], ["__scopeId", "data-v-0574240c"]]);
+const LY = /* @__PURE__ */ Gm(YUt, [["render", bGt], ["__scopeId", "data-v-2814d4b4"]]);
 function LGt(t) {
   return { all: t = t || /* @__PURE__ */ new Map(), on: function(e, r) {
     var n = t.get(e);
@@ -103629,6 +103637,12 @@ const XB = new LGt(), KB = {
     panZoomCallback: function(t) {
       this.$emit("pan-zoom-callback", t);
     },
+    onAnnotationClose: function() {
+      this.$emit("annotation-close");
+    },
+    onAnnotationOpen: function(t) {
+      this.$emit("annotation-open", t);
+    },
     onConnectivityInfoClose: function() {
       this.$emit("connectivity-info-close");
     },
@@ -104018,6 +104032,13 @@ const XB = new LGt(), KB = {
     connectivityInfoSidebar: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * The option to show connectivity information in sidebar
+     */
+    annotationSidebar: {
+      type: Boolean,
+      default: !1
     }
   },
   data: function() {
@@ -104038,7 +104059,7 @@ const XB = new LGt(), KB = {
       deep: !0
     }
   }
-}, xGt = (t) => (iM("data-v-0a58a2d4"), t = t(), oM(), t), EGt = {
+}, xGt = (t) => (iM("data-v-a7c5d2fe"), t = t(), oM(), t), EGt = {
   class: "multi-container",
   ref: "multiContainer"
 }, MGt = {
@@ -104072,7 +104093,7 @@ function AGt(t, e, r, n, i, o) {
             onChange: o.setSpecies
           }, {
             default: Te(() => [
-              (oe(!0), Ye(J1, null, Ka(t.speciesList, (T, f) => (oe(), Hr(s, {
+              (oe(!0), Ye(to, null, Ka(t.speciesList, (T, f) => (oe(), Hr(s, {
                 key: f,
                 label: f,
                 value: f
@@ -104094,7 +104115,7 @@ function AGt(t, e, r, n, i, o) {
         _: 1
       }, 8, ["visible"])
     ])),
-    (oe(!0), Ye(J1, null, Ka(t.speciesList, (T, f) => pi((oe(), Hr(d, {
+    (oe(!0), Ye(to, null, Ka(t.speciesList, (T, f) => pi((oe(), Hr(d, {
       key: f,
       entry: T.taxo,
       uuid: T.uuid,
@@ -104111,6 +104132,9 @@ function AGt(t, e, r, n, i, o) {
       onResourceSelected: o.resourceSelected,
       onReady: o.FlatmapReady,
       onPanZoomCallback: o.panZoomCallback,
+      annotationSidebar: r.annotationSidebar,
+      onAnnotationOpen: o.onAnnotationOpen,
+      onAnnotationClose: o.onAnnotationClose,
       connectivityInfoSidebar: r.connectivityInfoSidebar,
       onConnectivityInfoOpen: o.onConnectivityInfoOpen,
       onConnectivityInfoClose: o.onConnectivityInfoClose,
@@ -104130,12 +104154,12 @@ function AGt(t, e, r, n, i, o) {
       style: { height: "100%" },
       flatmapAPI: r.flatmapAPI,
       sparcAPI: r.sparcAPI
-    }, null, 8, ["entry", "uuid", "biologicalSex", "displayWarning", "displayLatestChanges", "isLegacy", "enableOpenMapUI", "openMapOptions", "disableUI", "onViewLatestMap", "onResourceSelected", "onReady", "onPanZoomCallback", "connectivityInfoSidebar", "onConnectivityInfoOpen", "onConnectivityInfoClose", "onPathwaySelectionChanged", "minZoom", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "renderAtMounted", "displayMinimap", "showStarInLegend", "flatmapAPI", "sparcAPI"])), [
+    }, null, 8, ["entry", "uuid", "biologicalSex", "displayWarning", "displayLatestChanges", "isLegacy", "enableOpenMapUI", "openMapOptions", "disableUI", "onViewLatestMap", "onResourceSelected", "onReady", "onPanZoomCallback", "annotationSidebar", "onAnnotationOpen", "onAnnotationClose", "connectivityInfoSidebar", "onConnectivityInfoOpen", "onConnectivityInfoClose", "onPathwaySelectionChanged", "minZoom", "helpMode", "helpModeActiveItem", "helpModeDialog", "onHelpModeLastItem", "onShownTooltip", "onShownMapTooltip", "renderAtMounted", "displayMinimap", "showStarInLegend", "flatmapAPI", "sparcAPI"])), [
       [Bo, t.activeSpecies == f]
     ])), 128))
   ], 512);
 }
-const DGt = /* @__PURE__ */ Gm(wGt, [["render", AGt], ["__scopeId", "data-v-0a58a2d4"]]);
+const DGt = /* @__PURE__ */ Gm(wGt, [["render", AGt], ["__scopeId", "data-v-a7c5d2fe"]]);
 export {
   LY as FlatmapVuer,
   DGt as MultiFlatmapVuer