@map-colonies/react-components 4.13.0 → 4.13.1

package/dist/@map-colonies/react-components.es.js

@@ -4,7 +4,7 @@ var hi = (e, t, n) => t in e ? ui(e, t, { enumerable: !0, configurable: !0, writ
 var ue = (e, t, n) => (hi(e, typeof t != "symbol" ? t + "" : t, n), n);
 import { jsx as s, jsxs as z, Fragment as ge } from "react/jsx-runtime";
 import * as Rn from "react";
-import ke, { useState as O, useEffect as B, useMemo as ae, forwardRef as mi, createContext as ze, useContext as Ve, useRef as Se, useLayoutEffect as Dn, useCallback as Le } from "react";
+import ke, { useState as O, useEffect as k, useMemo as ae, forwardRef as mi, createContext as ze, useContext as Ve, useRef as Se, useLayoutEffect as Dn, useCallback as Le } from "react";
 import { isValid as $e, isBefore as pi, format as It, endOfDay as gi, isSameDay as on } from "date-fns";
 import { he as On, enUS as kn } from "date-fns/locale";
 import { MuiPickersUtilsProvider as Nn, KeyboardDateTimePicker as Pt, KeyboardDatePicker as fi } from "@material-ui/pickers";
@@ -156,14 +156,14 @@ const fo = 2, yo = 0.5, vo = ct(
     }
   })
 ), wo = (e) => {
-  var j, N, Z, V;
-  const t = vo(), n = lt(), i = Zt(n), [o, r] = O(null), [l, d] = O(null), [h, f] = O(me.DATE_RANGE_PICKER.dateFormat), C = e.controlsLayout ?? me.DATE_RANGE_PICKER.controlsLayout, L = e.disableFuture ?? me.DATE_RANGE_PICKER.disableFuture, u = ((j = e.local) == null ? void 0 : j.startPlaceHolderText) ?? me.DATE_RANGE_PICKER.local.startPlaceHolderText, g = ((N = e.local) == null ? void 0 : N.endPlaceHolderText) ?? me.DATE_RANGE_PICKER.local.endPlaceHolderText, _ = ((Z = e.local) == null ? void 0 : Z.setText) ?? me.DATE_RANGE_PICKER.local.setText, k = (((V = e.local) == null ? void 0 : V.calendarLocale) ?? me.DATE_RANGE_PICKER.local.calendarLocale) === Me.HE ? On : kn;
-  B(() => {
+  var j, B, Z, V;
+  const t = vo(), n = lt(), i = Zt(n), [o, r] = O(null), [l, d] = O(null), [h, g] = O(me.DATE_RANGE_PICKER.dateFormat), C = e.controlsLayout ?? me.DATE_RANGE_PICKER.controlsLayout, L = e.disableFuture ?? me.DATE_RANGE_PICKER.disableFuture, u = ((j = e.local) == null ? void 0 : j.startPlaceHolderText) ?? me.DATE_RANGE_PICKER.local.startPlaceHolderText, f = ((B = e.local) == null ? void 0 : B.endPlaceHolderText) ?? me.DATE_RANGE_PICKER.local.endPlaceHolderText, _ = ((Z = e.local) == null ? void 0 : Z.setText) ?? me.DATE_RANGE_PICKER.local.setText, N = (((V = e.local) == null ? void 0 : V.calendarLocale) ?? me.DATE_RANGE_PICKER.local.calendarLocale) === Me.HE ? On : kn;
+  k(() => {
     r(e.from ?? null);
-  }, [e.from]), B(() => {
+  }, [e.from]), k(() => {
     d(e.to ?? null);
-  }, [e.to]), B(() => {
-    f(e.dateFormat ?? me.DATE_RANGE_PICKER.dateFormat);
+  }, [e.to]), k(() => {
+    g(e.dateFormat ?? me.DATE_RANGE_PICKER.dateFormat);
   }, [e.dateFormat]);
   const G = Boolean(
     $e(o) && !l || $e(l) && !o || o && l && $e(o) && $e(l) && pi(o, l)
@@ -180,7 +180,7 @@ const fo = 2, yo = 0.5, vo = ct(
       display: "flex",
       flexDirection: C,
       width: C === "column" ? e.contentWidth : "unset",
-      children: /* @__PURE__ */ z(Nn, { utils: Bn, locale: k, children: [
+      children: /* @__PURE__ */ z(Nn, { utils: Bn, locale: N, children: [
         /* @__PURE__ */ s(
           Pt,
           {
@@ -198,7 +198,7 @@ const fo = 2, yo = 0.5, vo = ct(
           Pt,
           {
             variant: "inline",
-            placeholder: g,
+            placeholder: f,
             className: t.margin,
             onChange: (Y) => d(Y),
             value: l,
@@ -226,24 +226,24 @@ const fo = 2, yo = 0.5, vo = ct(
   return /* @__PURE__ */ s(wi, { ...n, children: t });
 };
 const Oc = (e) => {
-  var N, Z;
-  const [t, n] = O(null), [i, o] = O(null), [r, l] = O(me.DATE_RANGE_PICKER.dateFormat), [d, h] = ke.useState(null), f = (V) => {
+  var B, Z;
+  const [t, n] = O(null), [i, o] = O(null), [r, l] = O(me.DATE_RANGE_PICKER.dateFormat), [d, h] = ke.useState(null), g = (V) => {
     h(V.currentTarget);
   }, C = (V) => {
     V.currentTarget.tagName === "I" ? h(V.currentTarget.previousElementSibling) : h(V.currentTarget);
   }, L = () => {
     h(null);
-  }, u = Boolean(d), g = e.controlsLayout ?? "column";
-  B(() => {
+  }, u = Boolean(d), f = e.controlsLayout ?? "column";
+  k(() => {
     n(e.from ?? null);
-  }, [e.from]), B(() => {
+  }, [e.from]), k(() => {
     o(e.to ?? null);
-  }, [e.to]), B(() => {
+  }, [e.to]), k(() => {
     l(e.dateFormat ?? me.DATE_RANGE_PICKER.dateFormat);
   }, [e.dateFormat]);
-  const _ = ((N = e.local) == null ? void 0 : N.startPlaceHolderText) ?? me.DATE_RANGE_PICKER.local.startPlaceHolderText, v = ((Z = e.local) == null ? void 0 : Z.endPlaceHolderText) ?? me.DATE_RANGE_PICKER.local.endPlaceHolderText, k = e.renderAsButton === void 0 ? me.DATE_RANGE_PICKER.renderAsButton : e.renderAsButton, G = e.offset === void 0 ? me.DATE_RANGE_PICKER.offset : e.offset, $ = e.disableFuture === void 0 ? me.DATE_RANGE_PICKER.disableFuture : e.disableFuture, j = ae(() => `${t ? It(t, r) : _} - ${i ? It(i, r) : v}`, [t, i, r, _, v]);
+  const _ = ((B = e.local) == null ? void 0 : B.startPlaceHolderText) ?? me.DATE_RANGE_PICKER.local.startPlaceHolderText, v = ((Z = e.local) == null ? void 0 : Z.endPlaceHolderText) ?? me.DATE_RANGE_PICKER.local.endPlaceHolderText, N = e.renderAsButton === void 0 ? me.DATE_RANGE_PICKER.renderAsButton : e.renderAsButton, G = e.offset === void 0 ? me.DATE_RANGE_PICKER.offset : e.offset, $ = e.disableFuture === void 0 ? me.DATE_RANGE_PICKER.disableFuture : e.disableFuture, j = ae(() => `${t ? It(t, r) : _} - ${i ? It(i, r) : v}`, [t, i, r, _, v]);
   return /* @__PURE__ */ z(ge, { children: [
-    k ? /* @__PURE__ */ s(Je, { style: { width: e.width }, raised: !0, onClick: f, className: "drpOpener", children: j }) : /* @__PURE__ */ s(
+    N ? /* @__PURE__ */ s(Je, { style: { width: e.width }, raised: !0, onClick: g, className: "drpOpener", children: j }) : /* @__PURE__ */ s(
       Qe,
       {
         className: "drpOpener",
@@ -261,7 +261,7 @@ const Oc = (e) => {
     /* @__PURE__ */ s(Eo, { open: u, anchorEl: d, onClose: L, anchorOrigin: { vertical: "bottom", horizontal: "left" }, keepMounted: !0, children: /* @__PURE__ */ s(
       wo,
       {
-        controlsLayout: g,
+        controlsLayout: f,
         contentWidth: ((d == null ? void 0 : d.clientWidth) ?? 0) - G,
         dateFormat: r,
         disableFuture: $,
@@ -288,22 +288,22 @@ const Oc = (e) => {
   endTimeWrapperClassName: l = "",
   timeRangeInputsWrapperClassName: d = "",
   startTimeInputClassName: h = "",
-  startTimeLabel: f = "",
+  startTimeLabel: g = "",
   startTimeWrapperClassName: C = ""
 }) => /* @__PURE__ */ z("div", { className: `timeRangeWrapper ${d}`, children: [
   /* @__PURE__ */ s("div", { className: `startTimeWrapper ${C}`, children: /* @__PURE__ */ s(
     Qe,
     {
-      label: f,
+      label: g,
       disabled: t === null,
       className: `timeRangeInput ${h}`,
       name: "start-time",
       type: "time",
       value: je(t).format("HH:mm"),
       onChange: (L) => {
-        const u = je(t), g = je(L.currentTarget.value, "HH:mm"), _ = u.set({
-          hours: g.get("hours"),
-          minutes: g.get("minutes")
+        const u = je(t), f = je(L.currentTarget.value, "HH:mm"), _ = u.set({
+          hours: f.get("hours"),
+          minutes: f.get("minutes")
         });
         i(_.toDate());
       }
@@ -319,9 +319,9 @@ const Oc = (e) => {
       type: "time",
       value: je(e).format("HH:mm"),
       onChange: (L) => {
-        const u = je(e), g = je(L.currentTarget.value, "HH:mm"), _ = u.set({
-          hours: g.get("hours"),
-          minutes: g.get("minutes")
+        const u = je(e), f = je(L.currentTarget.value, "HH:mm"), _ = u.set({
+          hours: f.get("hours"),
+          minutes: f.get("minutes")
         });
         n(_.toDate());
       }
@@ -348,12 +348,12 @@ const Oc = (e) => {
     () => n.map((h) => h instanceof Function ? h() : h),
     [n]
   );
-  return B(() => {
+  return k(() => {
     for (const h of d) {
-      const f = i.startDate && i.endDate && on(h.startDate, i.startDate) && on(h.endDate, i.endDate);
-      r ? h.id === r && (f || l(void 0)) : f && l(h.id);
+      const g = i.startDate && i.endDate && on(h.startDate, i.startDate) && on(h.endDate, i.endDate);
+      r ? h.id === r && (g || l(void 0)) : g && l(h.id);
     }
-  }, [i, r, d]), /* @__PURE__ */ s("div", { className: "shortcutsContainer", children: d.map((h, f) => {
+  }, [i, r, d]), /* @__PURE__ */ s("div", { className: "shortcutsContainer", children: d.map((h, g) => {
     const C = () => {
       e(h.startDate), t(h.endDate);
     };
@@ -368,7 +368,7 @@ const Oc = (e) => {
         outlined: !0,
         children: h.label
       },
-      h.id + f
+      h.id + g
     );
   }) });
 }, Nc = ke.forwardRef((e, t) => {
@@ -390,19 +390,19 @@ const Oc = (e) => {
     inputName: d,
     showMonthYearDropdown: h,
     // withTimeRange,
-    withShortcuts: f,
+    withShortcuts: g,
     locale: C = "en"
-  } = e, [L, u] = O(null), [g, _] = O(null), [v, k] = O(!1), G = r ? { startDate: L, endDate: g } : L;
-  B(() => {
+  } = e, [L, u] = O(null), [f, _] = O(null), [v, N] = O(!1), G = r ? { startDate: L, endDate: f } : L;
+  k(() => {
     C === "he" && Fi("he", Gi);
-  }, [C]), B(() => {
-    var N, Z;
-    ((N = e.startDate) == null ? void 0 : N.toString()) !== (L == null ? void 0 : L.toString()) && u(e.startDate), ((Z = e.endDate) == null ? void 0 : Z.toString()) !== (g == null ? void 0 : g.toString()) && _(e.endDate);
-  }, [e.startDate, e.endDate, L, g]);
+  }, [C]), k(() => {
+    var B, Z;
+    ((B = e.startDate) == null ? void 0 : B.toString()) !== (L == null ? void 0 : L.toString()) && u(e.startDate), ((Z = e.endDate) == null ? void 0 : Z.toString()) !== (f == null ? void 0 : f.toString()) && _(e.endDate);
+  }, [e.startDate, e.endDate, L, f]);
   const $ = ae(() => {
-    let N = "pickerContainer" + (C === "he" ? " pickerContainer-rtl" : "");
-    return f && r && (N += " pickerContainer-withShortcuts"), N;
-  }, [C, f, r]), j = h ? {
+    let B = "pickerContainer" + (C === "he" ? " pickerContainer-rtl" : "");
+    return g && r && (B += " pickerContainer-withShortcuts"), B;
+  }, [C, g, r]), j = h ? {
     showMonthDropdown: !0,
     showYearDropdown: !0,
     dropdownMode: "select"
@@ -412,31 +412,31 @@ const Oc = (e) => {
     {
       ...e,
       ref: t,
-      onClickOutside: () => k(!1),
+      onClickOutside: () => N(!1),
       open: v,
       startDate: Lt(G) ? L : void 0,
       selected: L,
-      endDate: Lt(G) ? g : void 0,
+      endDate: Lt(G) ? f : void 0,
       monthsShown: e.monthsShown ?? 2,
       calendarClassName: `pickerCalendar ${n}`,
-      weekDayClassName: (N) => `pickerWeek ${(i == null ? void 0 : i(N)) ?? ""}`,
-      dayClassName: (N) => `pickerDay ${(i == null ? void 0 : i(N)) ?? ""}`,
-      monthClassName: (N) => `pickerMonth ${(o == null ? void 0 : o(N)) ?? ""}`,
-      onChange: (N, Z) => {
-        if (Array.isArray(N)) {
-          const [V, Y] = N;
+      weekDayClassName: (B) => `pickerWeek ${(i == null ? void 0 : i(B)) ?? ""}`,
+      dayClassName: (B) => `pickerDay ${(i == null ? void 0 : i(B)) ?? ""}`,
+      monthClassName: (B) => `pickerMonth ${(o == null ? void 0 : o(B)) ?? ""}`,
+      onChange: (B, Z) => {
+        if (Array.isArray(B)) {
+          const [V, Y] = B;
           u(V), _(Y), l == null || l({ startDate: V, endDate: Y && gi(Y) }, Z);
         } else
-          u(N), l == null || l(N, Z);
+          u(B), l == null || l(B, Z);
       },
       customInput: /* @__PURE__ */ s(Lo, { name: d, onInputClick: () => {
-        k(!0);
+        N(!0);
       } }),
-      showTimeInput: !!(f && r),
+      showTimeInput: !!(g && r),
       timeInputLabel: "",
-      customTimeInput: f && Lt(G) && /* @__PURE__ */ s(Co, { onShortcut: (N) => {
-        l == null || l(N), k(!1);
-      }, shortcuts: f, setEndDate: _, setStartDate: u, dateRange: G }),
+      customTimeInput: g && Lt(G) && /* @__PURE__ */ s(Co, { onShortcut: (B) => {
+        l == null || l(B), N(!1);
+      }, shortcuts: g, setEndDate: _, setStartDate: u, dateRange: G }),
       showMonthYearDropdown: void 0,
       ...j
     }
@@ -450,22 +450,22 @@ const Bc = (e) => {
     local: l,
     onChange: d,
     showTime: h = me.DATE_PICKER.showTime,
-    value: f,
+    value: g,
     ...C
   } = e, { placeHolderText: L = me.DATE_PICKER.local.placeHolderText, calendarLocale: u } = l ?? {
     placeHolderText: me.DATE_PICKER.local.placeHolderText,
     calendarLocale: Me.EN
-  }, g = u === Me.HE ? On : kn, _ = (v) => {
+  }, f = u === Me.HE ? On : kn, _ = (v) => {
     d(v);
   };
-  return /* @__PURE__ */ s(Wt, { theme: n, children: /* @__PURE__ */ z(Nn, { utils: Bn, locale: g, children: [
+  return /* @__PURE__ */ s(Wt, { theme: n, children: /* @__PURE__ */ z(Nn, { utils: Bn, locale: f, children: [
     h && /* @__PURE__ */ s(
       Pt,
       {
         variant: o,
         placeholder: L,
         onChange: _,
-        value: f,
+        value: g,
         disableFuture: r,
         format: i,
         ...C
@@ -477,7 +477,7 @@ const Bc = (e) => {
         variant: o,
         placeholder: L,
         onChange: _,
-        value: f,
+        value: g,
         disableFuture: r,
         format: i,
         ...C
@@ -497,7 +497,7 @@ const Bc = (e) => {
 ), So = (e) => {
   const t = To(), [n, i] = ke.useState(null), { isSelectionEnabled: o, onCancelDraw: r, onStartDraw: l, onReset: d } = e, h = (C) => {
     i(C.currentTarget);
-  }, f = () => {
+  }, g = () => {
     i(null);
   };
   return o ? /* @__PURE__ */ s(We, { content: "Cancel the ongoing draw", align: "bottomLeft", children: /* @__PURE__ */ s(Je, { className: t.drawingButton, raised: !0, onClick: r, children: "Cancel Draw" }) }) : /* @__PURE__ */ z(K, { position: "relative", children: [
@@ -507,13 +507,13 @@ const Bc = (e) => {
       {
         className: t.fullWidth,
         open: Boolean(n),
-        onClose: f,
+        onClose: g,
         children: [
           /* @__PURE__ */ s(
             ft,
             {
               onClick: () => {
-                l(be.POLYGON), f();
+                l(be.POLYGON), g();
               },
               children: "Polygon"
             }
@@ -522,7 +522,7 @@ const Bc = (e) => {
             ft,
             {
               onClick: () => {
-                l(be.BOX), f();
+                l(be.BOX), g();
               },
               children: "Box"
             }
@@ -531,7 +531,7 @@ const Bc = (e) => {
             ft,
             {
               onClick: () => {
-                d(), f();
+                d(), g();
               },
               children: "Clear"
             }
@@ -565,9 +565,9 @@ const Gt = 5, Vt = 2, Kn = ze(null), _o = Kn.Provider, gn = 35, fn = 32, Mo = 10
       controls: zi()
     })
   );
-  B(() => {
+  k(() => {
     r.getView().setCenter(e.center ?? Io(e.projection));
-  }, [r, e.center, e.projection]), B(() => {
+  }, [r, e.center, e.projection]), k(() => {
     r.getView().setZoom(e.zoom ?? Mo);
   }, [r, e.zoom, e.projection]);
   const l = (d, h) => {
@@ -575,9 +575,9 @@ const Gt = 5, Vt = 2, Kn = ze(null), _o = Kn.Provider, gn = 35, fn = 32, Mo = 10
       C instanceof d && h.removeControl(C);
     });
   };
-  return B(() => {
+  return k(() => {
     r.setTarget(t.current), n !== void 0 && n ? r.addControl(new an()) : l(an, r);
-  }, [r, n]), B(() => {
+  }, [r, n]), k(() => {
     i !== void 0 && i ? (l(vt, r), r.addControl(
       new vt({
         coordinateFormat: Po(o ?? Re.WGS84),
@@ -596,7 +596,7 @@ const Gt = 5, Vt = 2, Kn = ze(null), _o = Kn.Provider, gn = 35, fn = 32, Mo = 10
   return e;
 }, Ro = ({ options: e, children: t }) => {
   const n = Xe(), [i] = O(new ji(e));
-  return B(() => (n.addLayer(i), () => {
+  return k(() => (n.addLayer(i), () => {
     n.removeLayer(i);
   }), [n, i]), /* @__PURE__ */ s(Ao, { value: i, children: t });
 }, Qn = ze(null), Do = Qn.Provider, Oo = () => {
@@ -606,7 +606,7 @@ const Gt = 5, Vt = 2, Kn = ze(null), _o = Kn.Provider, gn = 35, fn = 32, Mo = 10
   return e;
 }, ko = ({ children: e }) => {
   const t = Xe(), [n] = O(new Yi());
-  return B(() => (t.addLayer(n), () => {
+  return k(() => (t.addLayer(n), () => {
     t.removeLayer(n);
   }), [t, n]), /* @__PURE__ */ s(Do, { value: n, children: e });
 }, ei = ze(null), No = ei.Provider, Bo = () => {
@@ -616,7 +616,7 @@ const Gt = 5, Vt = 2, Kn = ze(null), _o = Kn.Provider, gn = 35, fn = 32, Mo = 10
   return e;
 }, Fo = ({ children: e }) => {
   const t = Oo(), [n] = O(new Zi());
-  return B(() => {
+  return k(() => {
     t.setSource(n);
   }, [n, t]), /* @__PURE__ */ s(No, { value: n, children: e });
 }, Go = ({ geometry: e, fitOptions: t, fit: n, featureStyle: i }) => {
@@ -631,12 +631,12 @@ const Gt = 5, Vt = 2, Kn = ze(null), _o = Kn.Provider, gn = 35, fn = 32, Mo = 10
   }, [e, o, n]), null;
 }, Vo = (e) => {
   const t = ht();
-  return B(() => {
+  return k(() => {
     t.setSource(new Xi());
   }, [t]), null;
 }, Ho = ({ drawType: e, onPolygonSelected: t }) => {
   const n = Xe();
-  return B(() => {
+  return k(() => {
     const i = {
       type: "Circle"
       /* CIRCLE */
@@ -700,8 +700,8 @@ const Wo = (e) => {
   })
 ), Fc = (e) => {
   var h;
-  const [t, n] = O(), [i, o] = O(), r = Uo(), l = (f) => {
-    o(f), n(void 0), e.handlePolygonSelected(f);
+  const [t, n] = O(), [i, o] = O(), r = Uo(), l = (g) => {
+    o(g), n(void 0), e.handlePolygonSelected(g);
   }, d = () => {
     o(void 0), e.handlePolygonReset();
   };
@@ -717,7 +717,7 @@ const Wo = (e) => {
             isSelectionEnabled: t !== void 0
           }
         ),
-        (h = e.filters) == null ? void 0 : h.map((f, C) => /* @__PURE__ */ s("div", { className: r.filtersMargin, children: f }, C))
+        (h = e.filters) == null ? void 0 : h.map((g, C) => /* @__PURE__ */ s("div", { className: r.filtersMargin, children: g }, C))
       ] }),
       /* @__PURE__ */ s(xt, { color: "red", className: `${r.contentContainer}`, children: e.children })
     ] }),
@@ -750,15 +750,15 @@ const Wo = (e) => {
       style: n || wn
     })
   );
-  return B(() => (i.addLayer(o), () => {
+  return k(() => (i.addLayer(o), () => {
     i.removeLayer(o);
-  }), [i, o]), B(() => {
+  }), [i, o]), k(() => {
     o.setStyle(n || wn);
   }, [o, n]), /* @__PURE__ */ s($o, { value: o, children: e });
 }, bt = 20, Yo = 256, Zo = 2, Xo = 2, qo = "REST", Vc = (e) => {
   const t = $i(e.projection), n = t.getExtent(), i = new Array(bt), o = new Array(bt), r = sr(n) / Yo, l = e.heightWidthRatio !== void 0 ? e.heightWidthRatio : Xo, d = e.requestEncoding !== void 0 ? e.requestEncoding : qo;
-  for (let f = 0; f < bt; ++f)
-    i[f] = r / Math.pow(Zo, f) / l, o[f] = f.toString();
+  for (let g = 0; g < bt; ++g)
+    i[g] = r / Math.pow(Zo, g) / l, o[g] = g.toString();
   return {
     attributions: e.attributions,
     url: e.url,
@@ -777,7 +777,7 @@ const Wo = (e) => {
   };
 }, Hc = (e) => {
   const t = ht(), { options: n } = e;
-  return B(() => {
+  return k(() => {
     t.setSource(new qi(n));
   }, [t, n]), null;
 }, Wc = (e) => {
@@ -791,7 +791,7 @@ const Wo = (e) => {
   };
 }, zc = (e) => {
   const t = ht(), { options: n } = e;
-  return B(() => {
+  return k(() => {
     t.setSource(new cr(n));
   }, [t, n]), null;
 }, Uc = (e) => {
@@ -802,7 +802,7 @@ const Wo = (e) => {
   };
 }, $c = (e) => {
   const t = ht(), { options: n } = e;
-  return B(() => {
+  return k(() => {
     t.setSource(new lr(n));
   }, [t, n]), null;
 }, Ko = ze(null), jc = () => {
@@ -818,12 +818,12 @@ const Wo = (e) => {
   };
 }, Zc = ({ children: e, options: t }) => {
   const n = jo();
-  return B(() => {
+  return k(() => {
     n.setSource(new dr(t));
   }, [t, n]), null;
 }, Xc = ({ legendItems: e, title: t, isCollapsed: n }) => {
   const i = Xe();
-  return B(() => {
+  return k(() => {
     const o = new cn({
       title: t ?? "",
       margin: 5,
@@ -883,7 +883,7 @@ const Qo = Hn(
   "KeyboardArrowUp"
 );
 function ts(e) {
-  const { cellsMetadata: t, isRowSelected: n, item: i, onRowSelected: o, rowIndex: r, isCollapseable: l, collapsedElement: d } = e, [h, f] = O(!1), C = t.length;
+  const { cellsMetadata: t, isRowSelected: n, item: i, onRowSelected: o, rowIndex: r, isCollapseable: l, collapsedElement: d } = e, [h, g] = O(!1), C = t.length;
   return /* @__PURE__ */ z(ge, { children: [
     /* @__PURE__ */ z(ot, { hover: !0, selected: n, onClick: () => {
       o == null || o(r);
@@ -894,7 +894,7 @@ function ts(e) {
           "aria-label": "expand row",
           size: "small",
           onClick: (u) => {
-            u.stopPropagation(), f(!h);
+            u.stopPropagation(), g(!h);
           },
           children: h ? /* @__PURE__ */ s(es, {}) : /* @__PURE__ */ s(Qo, {})
         }
@@ -918,14 +918,14 @@ function qc(e) {
     items: l,
     onRequestSort: d,
     onRowSelected: h,
-    isCollapseable: f,
+    isCollapseable: g,
     collapsedElement: C,
     isDense: L,
     page: u,
-    rowsPerPage: g,
+    rowsPerPage: f,
     count: _,
     handleChangePage: v,
-    handleChangeRowsPerPage: k
+    handleChangeRowsPerPage: N
   } = e;
   return /* @__PURE__ */ z(bi, { component: xt, children: [
     /* @__PURE__ */ z(Ti, { size: L ? "small" : "medium", children: [
@@ -934,12 +934,12 @@ function qc(e) {
         {
           headCells: r,
           onRequestSort: ($, j) => {
-            const N = t === j && i === "asc";
-            o(N ? "desc" : "asc"), n(j), d(j, N ? "desc" : "asc");
+            const B = t === j && i === "asc";
+            o(B ? "desc" : "asc"), n(j), d(j, B ? "desc" : "asc");
           },
           order: i,
           orderBy: t,
-          isCollapseable: f
+          isCollapseable: g
         }
       ),
       /* @__PURE__ */ z(Si, { children: [
@@ -948,7 +948,7 @@ function qc(e) {
           {
             item: $,
             rowIndex: j,
-            isCollapseable: f,
+            isCollapseable: g,
             cellsMetadata: r,
             collapsedElement: C,
             isRowSelected: !1,
@@ -956,13 +956,13 @@ function qc(e) {
           },
           j
         )),
-        (l.length === 0 || g > l.length) && /* @__PURE__ */ s(
+        (l.length === 0 || f > l.length) && /* @__PURE__ */ s(
           ot,
           {
             style: {
-              height: (L ? 33 : 53) * (g - l.length)
+              height: (L ? 33 : 53) * (f - l.length)
             },
-            children: /* @__PURE__ */ s(Ze, { colSpan: f ? r.length + 1 : r.length, children: l.length === 0 && /* @__PURE__ */ s(_i, { align: "center", children: "No results :(" }) })
+            children: /* @__PURE__ */ s(Ze, { colSpan: g ? r.length + 1 : r.length, children: l.length === 0 && /* @__PURE__ */ s(_i, { align: "center", children: "No results :(" }) })
           }
         )
       ] })
@@ -970,13 +970,13 @@ function qc(e) {
     /* @__PURE__ */ s(
       Mi,
       {
-        rowsPerPage: g,
+        rowsPerPage: f,
         rowsPerPageOptions: [5, 10],
         component: "div",
         count: _,
         page: u,
         onPageChange: v,
-        onRowsPerPageChange: k
+        onRowsPerPageChange: N
       }
     )
   ] });
@@ -993,28 +993,28 @@ const Kc = (e) => {
 ] });
 const Tt = "Imagery", St = "Data", os = ({ locale: e }) => {
   var L, u;
-  const t = ve(), [n, i] = O([{ id: Tt, values: [] }, { id: St, values: [] }]), [o, r] = O({}), l = (g) => Q(e, g.toUpperCase()) ?? g, d = () => t.imageryLayers ? Array.from({ length: t.imageryLayers.length }, (g, _) => {
+  const t = ve(), [n, i] = O([{ id: Tt, values: [] }, { id: St, values: [] }]), [o, r] = O({}), l = (f) => Q(e, f.toUpperCase()) ?? f, d = () => t.imageryLayers ? Array.from({ length: t.imageryLayers.length }, (f, _) => {
     var G;
-    const v = t.imageryLayers.get(_), k = v.meta;
+    const v = t.imageryLayers.get(_), N = v.meta;
     return {
-      id: k == null ? void 0 : k.id,
-      name: Q(k, "layerRecord.productName") ?? (k == null ? void 0 : k.id),
+      id: N == null ? void 0 : N.id,
+      name: Q(N, "layerRecord.productName") ?? (N == null ? void 0 : N.id),
       rect: v.rectangle,
-      isBaseMap: (G = t.layersManager) == null ? void 0 : G.isBaseMapLayer(k)
+      isBaseMap: (G = t.layersManager) == null ? void 0 : G.isBaseMapLayer(N)
     };
   }) : [], h = () => {
-    var g;
-    return ((g = t.layersManager) == null ? void 0 : g.dataLayerList.map((_) => {
-      var v, k;
+    var f;
+    return ((f = t.layersManager) == null ? void 0 : f.dataLayerList.map((_) => {
+      var v, N;
       return {
         id: (v = _.meta) == null ? void 0 : v.id,
         name: Q(_.meta, "featureStructure.aliasLayerName") ?? _.meta.productName,
-        rect: Be.fromDegrees(...dt((k = _.meta) == null ? void 0 : k.footprint)),
+        rect: Be.fromDegrees(...dt((N = _.meta) == null ? void 0 : N.footprint)),
         isBaseMap: !1
       };
     })) || [];
   };
-  B(() => {
+  k(() => {
     (() => {
       const _ = [
         {
@@ -1026,12 +1026,12 @@ const Tt = "Imagery", St = "Data", os = ({ locale: e }) => {
           values: h()
         }
       ];
-      i(_), r(_.reduce((v, k) => ({ ...v, [k.id]: !0 }), {}));
+      i(_), r(_.reduce((v, N) => ({ ...v, [N.id]: !0 }), {}));
     })();
-  }, []), B(() => {
+  }, []), k(() => {
     if (!t.layersManager)
       return;
-    const g = () => {
+    const f = () => {
       i(
         (_) => _.map(
           (v) => v.id === Tt ? {
@@ -1041,14 +1041,14 @@ const Tt = "Imagery", St = "Data", os = ({ locale: e }) => {
         )
       );
     };
-    return t.layersManager.addLayerUpdatedListener(g), t.imageryLayers.layerRemoved.addEventListener(g), () => {
+    return t.layersManager.addLayerUpdatedListener(f), t.imageryLayers.layerRemoved.addEventListener(f), () => {
       var _;
-      Q(t, "_cesiumWidget") !== void 0 && ((_ = t.layersManager) == null || _.removeLayerUpdatedListener(g), t.imageryLayers.layerRemoved.removeEventListener(g));
+      Q(t, "_cesiumWidget") !== void 0 && ((_ = t.layersManager) == null || _.removeLayerUpdatedListener(f), t.imageryLayers.layerRemoved.removeEventListener(f));
     };
-  }, [(L = t.layersManager) == null ? void 0 : L.layerList]), B(() => {
+  }, [(L = t.layersManager) == null ? void 0 : L.layerList]), k(() => {
     if (!t.layersManager)
       return;
-    const g = () => {
+    const f = () => {
       i(
         (_) => _.map(
           (v) => v.id === St ? {
@@ -1058,24 +1058,24 @@ const Tt = "Imagery", St = "Data", os = ({ locale: e }) => {
         )
       );
     };
-    return t.layersManager.addDataLayerUpdatedListener(g), () => {
+    return t.layersManager.addDataLayerUpdatedListener(f), () => {
       var _;
-      (_ = t.layersManager) == null || _.removeDataLayerUpdatedListener(g);
+      (_ = t.layersManager) == null || _.removeDataLayerUpdatedListener(f);
     };
   }, [(u = t.layersManager) == null ? void 0 : u.dataLayerList]);
-  const f = (g) => {
-    r((_) => ({ ..._, [g]: !_[g] }));
-  }, C = (g) => {
-    t.camera.flyTo({ destination: g });
+  const g = (f) => {
+    r((_) => ({ ..._, [f]: !_[f] }));
+  }, C = (f) => {
+    t.camera.flyTo({ destination: f });
   };
-  return /* @__PURE__ */ s(K, { className: "activeLayersPanel", children: n.filter((g) => g.values.length > 0).map((g) => /* @__PURE__ */ z(
+  return /* @__PURE__ */ s(K, { className: "activeLayersPanel", children: n.filter((f) => f.values.length > 0).map((f) => /* @__PURE__ */ z(
     K,
     {
-      className: `cesium-cesiumInspector-section ${o[g.id] ? "cesium-cesiumInspector-section-collapsed" : ""}`,
-      onClick: () => f(g.id),
+      className: `cesium-cesiumInspector-section ${o[f.id] ? "cesium-cesiumInspector-section-collapsed" : ""}`,
+      onClick: () => g(f.id),
       children: [
-        /* @__PURE__ */ s(At, { tag: "h3", className: "cesium-cesiumInspector-sectionHeader", children: l(g.id) }),
-        /* @__PURE__ */ s(K, { className: "cesium-cesiumInspector-sectionContent", children: g.values.map((_) => /* @__PURE__ */ z(K, { className: "layer", children: [
+        /* @__PURE__ */ s(At, { tag: "h3", className: "cesium-cesiumInspector-sectionHeader", children: l(f.id) }),
+        /* @__PURE__ */ s(K, { className: "cesium-cesiumInspector-sectionContent", children: f.values.map((_) => /* @__PURE__ */ z(K, { className: "layer", children: [
           /* @__PURE__ */ s(We, { content: _.name, children: /* @__PURE__ */ s(K, { className: `name ${_.isBaseMap ? "disabled" : ""}`, children: _.name }) }),
           /* @__PURE__ */ s(K, { className: "icons", children: /* @__PURE__ */ s(We, { content: Q(e, "FLY_TO") ?? "Fly To", children: /* @__PURE__ */ s(K, { className: "icon", onClick: (v) => {
             v.stopPropagation(), C(_.rect);
@@ -1086,7 +1086,7 @@ const Tt = "Imagery", St = "Data", os = ({ locale: e }) => {
         ] }, _.id)) })
       ]
     },
-    g.id
+    f.id
   )) });
 }, ss = ({ locale: e }) => {
   const [t, n] = O(!1), i = ae(() => Q(e, "ACTIVE_LAYERS_TITLE") ?? "Active Layers", [e]);
@@ -1107,13 +1107,13 @@ const Tt = "Imagery", St = "Data", os = ({ locale: e }) => {
   }
 ), as = ({ title: e, baseMaps: t, setCurrent: n }) => {
   const i = ve(), [o, r] = O();
-  B(() => {
+  k(() => {
     const d = t.maps.find((h) => h.isCurrent);
     d && (r(d), n(d));
   }, [t]);
   const l = (d) => {
-    var f, C;
-    (f = i.layersManager) == null || f.removeBaseMapLayers();
+    var g, C;
+    (g = i.layersManager) == null || g.removeBaseMapLayers();
     const h = t.maps.find((L) => L.id === d);
     h && ((C = i.layersManager) == null || C.setBaseMapLayers(h), r(h), n(h), t.maps.forEach((L) => {
       L.isCurrent = h === L;
@@ -1133,7 +1133,7 @@ const Tt = "Imagery", St = "Data", os = ({ locale: e }) => {
   ] });
 }, cs = ({ title: e, terrains: t }) => {
   const [n, i] = O(), o = ve();
-  B(() => {
+  k(() => {
     const l = t.find((d) => d.isCurrent);
     l && i(l);
   }, [t]);
@@ -1158,7 +1158,7 @@ const Tt = "Imagery", St = "Data", os = ({ locale: e }) => {
 }, ls = ({ baseMaps: e, terrains: t, locale: n }) => {
   const [i, o] = O(!1), [r, l] = O(), d = ae(() => Q(n, "BASE_MAP_TITLE") ?? "Base Map", [n]), h = ae(() => Q(n, "TERRAIN_TITLE") ?? "Terrain", [n]);
   return /* @__PURE__ */ z(ge, { children: [
-    /* @__PURE__ */ s(mt, { onClick: () => o((f) => !f), children: /* @__PURE__ */ s(
+    /* @__PURE__ */ s(mt, { onClick: () => o((g) => !g), children: /* @__PURE__ */ s(
       "img",
       {
         className: "cesium-baseLayerPicker-selected",
@@ -1174,7 +1174,7 @@ const Tt = "Imagery", St = "Data", os = ({ locale: e }) => {
   ] });
 };
 const ds = ({ featureTypes: e, locale: t }) => {
-  const n = ae(() => Q(t, "WFS_TITLE") ?? "Data Layers", [t]), i = ae(() => Q(t, "WFS_CACHE") ?? "Cache", [t]), o = ae(() => Q(t, "WFS_EXTENT") ?? "Extent", [t]), r = ae(() => Q(t, "NO_DATA_LAYERS") ?? "No layers found", [t]), l = ae(() => /* @__PURE__ */ s(K, { className: "title", children: n }), [n]), d = ae(() => /* @__PURE__ */ s(ge, { children: e.length > 0 ? e.map((h, f) => /* @__PURE__ */ z(K, { className: "featureType", children: [
+  const n = ae(() => Q(t, "WFS_TITLE") ?? "Data Layers", [t]), i = ae(() => Q(t, "WFS_CACHE") ?? "Cache", [t]), o = ae(() => Q(t, "WFS_EXTENT") ?? "Extent", [t]), r = ae(() => Q(t, "NO_DATA_LAYERS") ?? "No layers found", [t]), l = ae(() => /* @__PURE__ */ s(K, { className: "title", children: n }), [n]), d = ae(() => /* @__PURE__ */ s(ge, { children: e.length > 0 ? e.map((h, g) => /* @__PURE__ */ z(K, { className: "featureType", children: [
     /* @__PURE__ */ s(We, { content: `${h.featureStructure.aliasLayerName} ${h.id} (${String(h.zoomLevel)})`, children: /* @__PURE__ */ z(K, { className: `name ${h.currentZoomLevel < h.zoomLevel ? "warning blinking" : h.total === -1 ? "error blinking" : ""}`, children: [
       h.featureStructure.aliasLayerName,
       " (",
@@ -1195,7 +1195,7 @@ const ds = ({ featureTypes: e, locale: t }) => {
         h.total
       ] })
     ] })
-  ] }, f)) : /* @__PURE__ */ s(K, { children: r }) }), [e]);
+  ] }, g)) : /* @__PURE__ */ s(K, { children: r }) }), [e]);
   return /* @__PURE__ */ z(K, { className: "wfsContainer", children: [
     l,
     d
@@ -1203,33 +1203,33 @@ const ds = ({ featureTypes: e, locale: t }) => {
 }, us = ({ locale: e }) => {
   var d;
   const [t, n] = O(!1), [i, o] = O([]), r = ae(() => Q(e, "DEBUG_PANEL_TITLE") ?? "Debugger Tool", [e]), l = ve();
-  return B(() => {
+  return k(() => {
     if (!l.layersManager)
       return;
-    const h = (f, C) => {
+    const h = (g, C) => {
       var u;
-      f.forEach((g) => {
-        if (C !== void 0 && C !== g.meta.id)
+      g.forEach((f) => {
+        if (C !== void 0 && C !== f.meta.id)
           return;
-        const { options: _, meta: v } = g, { zoomLevel: k } = _, { id: G, items: $, total: j, cache: N, currentZoomLevel: Z, featureStructure: V } = v;
+        const { options: _, meta: v } = f, { zoomLevel: N } = _, { id: G, items: $, total: j, cache: B, currentZoomLevel: Z, featureStructure: V } = v;
         o((Y) => {
           const ee = Y.findIndex((a) => a.id === G);
           if (ee >= 0) {
-            if (JSON.stringify(Y[ee]) !== JSON.stringify({ id: G, items: $, total: j, cache: N, currentZoomLevel: Z, featureStructure: V, zoomLevel: k })) {
+            if (JSON.stringify(Y[ee]) !== JSON.stringify({ id: G, items: $, total: j, cache: B, currentZoomLevel: Z, featureStructure: V, zoomLevel: N })) {
               const a = [...Y];
-              return a[ee] = { id: G, items: $, total: j, cache: N, currentZoomLevel: Z, featureStructure: V, zoomLevel: k }, a;
+              return a[ee] = { id: G, items: $, total: j, cache: B, currentZoomLevel: Z, featureStructure: V, zoomLevel: N }, a;
             }
           } else
-            return [...Y, { id: G, items: $, total: j, cache: N, currentZoomLevel: Z, featureStructure: V, zoomLevel: k }];
+            return [...Y, { id: G, items: $, total: j, cache: B, currentZoomLevel: Z, featureStructure: V, zoomLevel: N }];
           return Y;
         });
       });
-      const L = new Set((u = l.layersManager) == null ? void 0 : u.dataLayerList.map((g) => g.meta.id));
-      o((g) => g.filter((_) => L.has(_.id)));
+      const L = new Set((u = l.layersManager) == null ? void 0 : u.dataLayerList.map((f) => f.meta.id));
+      o((f) => f.filter((_) => L.has(_.id)));
     };
     return l.layersManager.addDataLayerUpdatedListener(h), () => {
-      var f;
-      (f = l.layersManager) == null || f.removeDataLayerUpdatedListener(h);
+      var g;
+      (g = l.layersManager) == null || g.removeDataLayerUpdatedListener(h);
     };
   }, [(d = l.layersManager) == null ? void 0 : d.dataLayerList]), /* @__PURE__ */ z(ge, { children: [
     /* @__PURE__ */ s(mt, { onClick: () => n(!t), children: /* @__PURE__ */ s("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", children: /* @__PURE__ */ s("path", { d: "M11.99 18.54l-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27-7.38 5.74zM12 16l7.36-5.73L21 9l-9-7-9 7 1.63 1.27L12 16z", fill: "orange" }) }) }),
@@ -1304,8 +1304,8 @@ const yl = st, vl = Rr, _t = Fe, wl = Yn, El = Ot, xe = document.createElement("
     console.error("Could not determine image transparency. Error => ", o), i(o);
   }
 })), it = (e, t) => {
-  const { west: n, east: i, north: o, south: r } = e, { west: l, east: d, north: h, south: f } = t;
-  return n >= l && i <= d && o <= h && r >= f;
+  const { west: n, east: i, north: o, south: r } = e, { west: l, east: d, north: h, south: g } = t;
+  return n >= l && i <= d && o <= h && r >= g;
 }, gs = (e, t) => qr(e, ut(t)), fs = (e) => {
   const t = (ne.toDegrees(e.west) + ne.toDegrees(e.east)) / 2, n = (ne.toDegrees(e.south) + ne.toDegrees(e.north)) / 2;
   return Xr([t, n]);
@@ -1319,8 +1319,8 @@ const yl = st, vl = Rr, _t = Fe, wl = Yn, El = Ot, xe = document.createElement("
   let i = e.camera.computeViewRectangle(t.globe.ellipsoid);
   if (!kt(i) || !i) {
     console.error("cesium native computeViewRectangle returned invalid rectangle, fallback to custom calculation ");
-    const o = new Ie(0, 0), r = t.camera.pickEllipsoid(o, t.globe.ellipsoid), l = new Ie(t.canvas.width, t.canvas.height), d = t.camera.pickEllipsoid(l, t.globe.ellipsoid), h = t.globe.ellipsoid.cartesianToCartographic(r), f = t.globe.ellipsoid.cartesianToCartographic(d);
-    i = new Be(h.longitude, f.latitude, f.longitude, h.latitude);
+    const o = new Ie(0, 0), r = t.camera.pickEllipsoid(o, t.globe.ellipsoid), l = new Ie(t.canvas.width, t.canvas.height), d = t.camera.pickEllipsoid(l, t.globe.ellipsoid), h = t.globe.ellipsoid.cartesianToCartographic(r), g = t.globe.ellipsoid.cartesianToCartographic(d);
+    i = new Be(h.longitude, g.latitude, g.longitude, h.latitude);
   }
   return i;
 }, ys = (e, t = 100) => {
@@ -1341,21 +1341,21 @@ const yl = st, vl = Rr, _t = Fe, wl = Yn, El = Ot, xe = document.createElement("
     console.error("Invalid latitude or longitude values.");
     return;
   }
-  const f = 111320, C = 111320 * Math.cos(d);
-  let L = t / f, u = t / C;
-  const g = Te.magnitude(i.positionWC);
-  g > 1e7 && (L = 10, u = 10);
+  const g = 111320, C = 111320 * Math.cos(d);
+  let L = t / g, u = t / C;
+  const f = Te.magnitude(i.positionWC);
+  f > 1e7 && (L = 10, u = 10);
   const _ = i.frustum instanceof Dr ? i.frustum.fov : Math.PI / 3;
   let v = 1;
-  g < 5e5 ? v = 0.05 : g < 2e6 && (v = 0.1), L *= v * (_ / Math.PI), u *= v * (_ / Math.PI);
-  const k = i.pitch;
-  if (k === void 0)
+  f < 5e5 ? v = 0.05 : f < 2e6 && (v = 0.1), L *= v * (_ / Math.PI), u *= v * (_ / Math.PI);
+  const N = i.pitch;
+  if (N === void 0)
     return;
-  const G = Math.PI / 4, $ = Math.max(0, 1 - Math.abs(k) / G);
+  const G = Math.PI / 4, $ = Math.max(0, 1 - Math.abs(N) / G);
   L *= $, u *= $;
   const j = 5e-4;
   L = Math.max(L, j), u = Math.max(u, j);
-  const N = l.latitude - L, Z = l.latitude + L, V = l.longitude - u, Y = l.longitude + u, ee = ne.clamp(N, r.south, r.north), a = ne.clamp(Z, r.south, r.north), c = ne.clamp(V, r.west, r.east), b = ne.clamp(Y, r.west, r.east), p = Math.min(1, k / ne.PI_OVER_TWO), E = r.north - (r.north - r.south) * p, y = Math.min(a, E);
+  const B = l.latitude - L, Z = l.latitude + L, V = l.longitude - u, Y = l.longitude + u, ee = ne.clamp(B, r.south, r.north), a = ne.clamp(Z, r.south, r.north), c = ne.clamp(V, r.west, r.east), b = ne.clamp(Y, r.west, r.east), p = Math.min(1, N / ne.PI_OVER_TWO), E = r.north - (r.north - r.south) * p, y = Math.min(a, E);
   return new Be(
     ne.negativePiToPi(c),
     ne.clamp(ee, -ne.PI_OVER_TWO, ne.PI_OVER_TWO),
@@ -1364,12 +1364,12 @@ const yl = st, vl = Rr, _t = Fe, wl = Yn, El = Ot, xe = document.createElement("
   );
 }, oi = (e, t, n, i, o, r) => {
   const l = e.scene.mode === Fe.SCENE2D, d = (u) => {
-    var g;
+    var f;
     if (u.polygon)
       return {
         type: "Polygon",
-        coordinates: [((g = u.polygon.hierarchy) == null ? void 0 : g.getValue(Ye.now())).positions.map((k) => {
-          const G = Oe.fromCartesian(k), $ = new Oe(
+        coordinates: [((f = u.polygon.hierarchy) == null ? void 0 : f.getValue(Ye.now())).positions.map((N) => {
+          const G = Oe.fromCartesian(N), $ = new Oe(
             ne.toDegrees(G.longitude),
             ne.toDegrees(G.latitude),
             l ? 500 : void 0
@@ -1378,17 +1378,17 @@ const yl = st, vl = Rr, _t = Fe, wl = Yn, El = Ot, xe = document.createElement("
           return [$.longitude, $.latitude, $.height];
         })]
       };
-  }, h = (u, g, _, v) => {
-    const k = Zn.wgs84ToWindowCoordinates(u, g);
-    if (!k)
+  }, h = (u, f, _, v) => {
+    const N = Zn.wgs84ToWindowCoordinates(u, f);
+    if (!N)
       return null;
-    const G = k.x + _, $ = k.y + v, j = new Ie(G, k.y), N = new Ie(k.x, $), Z = u.camera.pickEllipsoid(j, u.globe.ellipsoid), V = u.camera.pickEllipsoid(N, u.globe.ellipsoid);
+    const G = N.x + _, $ = N.y + v, j = new Ie(G, N.y), B = new Ie(N.x, $), Z = u.camera.pickEllipsoid(j, u.globe.ellipsoid), V = u.camera.pickEllipsoid(B, u.globe.ellipsoid);
     if (!Z || !V)
       return null;
-    const Y = Te.distance(g, Z), ee = Te.distance(g, V);
+    const Y = Te.distance(f, Z), ee = Te.distance(f, V);
     return { widthMeters: Y, heightMeters: ee };
-  }, f = (u, g, _) => {
-    const v = zt.WGS84, k = u.latitude, G = u.longitude, $ = Math.PI / 180 * v.maximumRadius, j = Math.PI / 180 * v.maximumRadius, N = _ / 2 / $, Z = g / 2 / j, V = k + N, Y = k - N, ee = G + Z, a = G - Z;
+  }, g = (u, f, _) => {
+    const v = zt.WGS84, N = u.latitude, G = u.longitude, $ = Math.PI / 180 * v.maximumRadius, j = Math.PI / 180 * v.maximumRadius, B = _ / 2 / $, Z = f / 2 / j, V = N + B, Y = N - B, ee = G + Z, a = G - Z;
     return {
       type: "Polygon",
       coordinates: [
@@ -1402,23 +1402,23 @@ const yl = st, vl = Rr, _t = Fe, wl = Yn, El = Ot, xe = document.createElement("
         ]
       ]
     };
-  }, C = (u, g) => hn(u) / hn(g);
+  }, C = (u, f) => hn(u) / hn(f);
   if (!e.dataSources.getByName(t.name)[0])
     return;
   const L = [];
   if (t == null || t.entities.values.forEach((u) => {
-    var g, _;
+    var f, _;
     if (o && r && l)
       try {
-        const v = ut(o), k = mn(d(u), v);
-        if (k) {
-          const G = (g = u.properties) == null ? void 0 : g.label.getValue(Ye.now()), $ = Zr(k, {
+        const v = ut(o), N = mn(d(u), v);
+        if (N) {
+          const G = (f = u.properties) == null ? void 0 : f.label.getValue(Ye.now()), $ = Zr(N, {
             properties: {
               label: G
             }
-          }), j = { width: G.width, height: G.height }, [N, Z, V = 0] = $.geometry.coordinates, Y = Te.fromDegrees(N, Z, V), ee = h(e.scene, Y, j.width, j.height);
+          }), j = { width: G.width, height: G.height }, [B, Z, V = 0] = $.geometry.coordinates, Y = Te.fromDegrees(B, Z, V), ee = h(e.scene, Y, j.width, j.height);
           if (ee) {
-            const a = f({ longitude: N, latitude: Z }, ee.widthMeters, ee.heightMeters), c = mn(k, {
+            const a = g({ longitude: B, latitude: Z }, ee.widthMeters, ee.heightMeters), c = mn(N, {
               type: "Feature",
               properties: {},
               geometry: a
@@ -1444,9 +1444,9 @@ const yl = st, vl = Rr, _t = Fe, wl = Yn, El = Ot, xe = document.createElement("
       clampToGround: !0,
       width: 4
     })), u.billboard)) {
-      const v = (_ = u.position) == null ? void 0 : _.getValue(Ye.now()), k = Oe.fromCartesian(v), G = new Oe(
-        k.longitude,
-        k.latitude,
+      const v = (_ = u.position) == null ? void 0 : _.getValue(Ye.now()), N = Oe.fromCartesian(v), G = new Oe(
+        N.longitude,
+        N.latitude,
         l ? 500 : e.scene.sampleHeight(Oe.fromCartesian(v))
       ), $ = Te.fromRadians(G.longitude, G.latitude, G.height), j = "#FFFF00";
       u.position = $, u.billboard = new Dt({
@@ -1468,8 +1468,8 @@ const yl = st, vl = Rr, _t = Fe, wl = Yn, El = Ot, xe = document.createElement("
     e.dataSources.add(u), u.load({
       type: "FeatureCollection",
       features: L
-    }).then((g) => {
-      g == null || g.entities.values.forEach((_) => {
+    }).then((f) => {
+      f == null || f.entities.values.forEach((_) => {
         var v;
         _.billboard = new Dt({
           image: (v = _.properties) == null ? void 0 : v.label.getValue(Ye.now()).dataURL,
@@ -1483,17 +1483,17 @@ const yl = st, vl = Rr, _t = Fe, wl = Yn, El = Ot, xe = document.createElement("
   }
 }, vs = 0.2, ws = (e, t = vs) => e.width === 0 ? (e.east = e.east + 1e-4 * t, e.west = e.west - 1e-4 * t, e.south = e.south - 1e-4 * t, e.north = e.north + 1e-4 * t, e) : (e.east = e.east + e.width * t, e.west = e.west - e.width * t, e.south = e.south - e.height * t, e.north = e.north + e.height * t, e);
 const Es = ({ options: e, isOpen: t, locale: n }) => {
-  const i = ve(), o = Se(void 0), r = Se(null), [l, d] = O(""), [h, f] = O(!1), [C, L] = O(!0), [u, g] = O(), [_, v] = O(), k = ae(() => Q(n, "SHOW_FEATURE_ON_MAP") ?? "Show on map", [n]), G = ae(() => Q(n, "IN_MAP_EXTENT") ?? "Search in extent", [n]), $ = ae(() => Q(n, "SEARCH_PLACEHOLDER") ?? "Search...", [n]), j = ae(() => Q(n, "NO_RESULTS") ?? "No Results", [n]), N = ae(() => i.scene.mode === Fe.SCENE2D ? !1 : (f(!1), !0), [i.scene.mode]), Z = 300, V = /* @__PURE__ */ s("svg", { width: "16px", height: "16px", viewBox: "0 0 16 16", children: /* @__PURE__ */ s("rect", { x: "0", y: "0", width: 16, height: 16, rx: "2", ry: "2", fill: "white", stroke: "#ccc", strokeWidth: 1 }) }), Y = /* @__PURE__ */ z("svg", { width: "16px", height: "16px", viewBox: "0 0 16 16", children: [
+  const i = ve(), o = Se(void 0), r = Se(null), [l, d] = O(""), [h, g] = O(!1), [C, L] = O(!0), [u, f] = O(), [_, v] = O(), N = ae(() => Q(n, "SHOW_FEATURE_ON_MAP") ?? "Show on map", [n]), G = ae(() => Q(n, "IN_MAP_EXTENT") ?? "Search in extent", [n]), $ = ae(() => Q(n, "SEARCH_PLACEHOLDER") ?? "Search...", [n]), j = ae(() => Q(n, "NO_RESULTS") ?? "No Results", [n]), B = ae(() => i.scene.mode === Fe.SCENE2D ? !1 : (g(!1), !0), [i.scene.mode]), Z = 300, V = /* @__PURE__ */ s("svg", { width: "16px", height: "16px", viewBox: "0 0 16 16", children: /* @__PURE__ */ s("rect", { x: "0", y: "0", width: 16, height: 16, rx: "2", ry: "2", fill: "white", stroke: "#ccc", strokeWidth: 1 }) }), Y = /* @__PURE__ */ z("svg", { width: "16px", height: "16px", viewBox: "0 0 16 16", children: [
     /* @__PURE__ */ s("rect", { x: "0", y: "0", width: 16, height: 16, rx: "2", ry: "2", fill: "#1976d2", stroke: "#1976d2", strokeWidth: 1 }),
     /* @__PURE__ */ s("path", { d: "M4 8l2 2 6-6", fill: "none", stroke: "white", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
-  B(() => {
+  k(() => {
     e.forEach((m) => {
       m.baseUrl && m.endPoint && !m.url && (m.url = m.baseUrl + m.endPoint);
     });
-  }, [e]), B(() => {
+  }, [e]), k(() => {
     t && r.current && r.current.focus();
-  }, [t]), B(() => {
+  }, [t]), k(() => {
     if (!i)
       return;
     if (!o.current) {
@@ -1551,7 +1551,7 @@ const Es = ({ options: e, isOpen: t, locale: n }) => {
     [i]
   ), p = Le(async (m, w) => {
     if (!m) {
-      g([]);
+      f([]);
       return;
     }
     const x = e.map(async (P) => {
@@ -1582,15 +1582,15 @@ const Es = ({ options: e, isOpen: t, locale: n }) => {
         };
       })
     );
-    g(M);
+    f(M);
   }, [b, e]), E = ae(() => $r((m, w) => {
     p(m, w);
   }, Z), [p]);
-  B(() => () => E.cancel(), [E]);
+  k(() => () => E.cancel(), [E]);
   const y = (m, w) => {
     d(m), E(m, w);
   };
-  B(() => {
+  k(() => {
     p(l, h);
   }, [h]);
   const S = (m) => {
@@ -1631,7 +1631,7 @@ const Es = ({ options: e, isOpen: t, locale: n }) => {
           Rt,
           {
             className: "checkboxElement",
-            label: k,
+            label: N,
             icon: V,
             checkedicon: Y,
             checked: C,
@@ -1644,13 +1644,13 @@ const Es = ({ options: e, isOpen: t, locale: n }) => {
           Rt,
           {
             className: "checkboxElement",
-            label: /* @__PURE__ */ s(At, { tag: "span", className: N ? "disabled" : "", children: G }),
+            label: /* @__PURE__ */ s(At, { tag: "span", className: B ? "disabled" : "", children: G }),
             checked: h,
             icon: V,
             checkedicon: Y,
-            disabled: N,
+            disabled: B,
             onClick: () => {
-              f(!h);
+              g(!h);
             }
           }
         )
@@ -1750,14 +1750,14 @@ function Kt(e, t, n, i, o) {
     const r = (d = this.layerListInstance.find(
       /* eslint-disable */
       (h) => {
-        var f, C;
-        return ((f = h._imageryProvider._resource) == null ? void 0 : f._url) === ((C = this._resource) == null ? void 0 : C._url);
+        var g, C;
+        return ((g = h._imageryProvider._resource) == null ? void 0 : g._url) === ((C = this._resource) == null ? void 0 : C._url);
       }
       /* eslint-enable */
     )) == null ? void 0 : d.meta, l = Q(r, at) === !0;
     this.tileTransparencyCheckedCounter < pt && !l && ps(o == null ? void 0 : o.url, this).then((h) => {
-      var f;
-      (f = this.mapViewer.layersManager) == null || f.addMetaToLayer(
+      var g;
+      (g = this.mapViewer.layersManager) == null || g.addMetaToLayer(
         { [at]: h },
         /* eslint-disable */
         (C) => C._imageryProvider._resource._url === this._resource._url
@@ -1962,8 +1962,8 @@ class Is {
           geometry: h
         }) && (i ? d.show : !0) : (console.warn("[LayerManager] [findLayerByPOI] CesiumImageryLayer has no defined footprint", d.meta), !1);
       }).sort((d, h) => {
-        var f, C;
-        return ((f = h.meta) == null ? void 0 : f.zIndex) - ((C = d.meta) == null ? void 0 : C.zIndex);
+        var g, C;
+        return ((g = h.meta) == null ? void 0 : g.zIndex) - ((C = d.meta) == null ? void 0 : C.zIndex);
       });
     } else
       return console.warn("[LayerManager] [findLayerByPOI]layerManagerFootprintMetaFieldPath is not defined"), [];
@@ -2011,9 +2011,9 @@ class Is {
   updateLayersOrder(t, n, i) {
     const o = n > i ? _s : Ms, r = n < i ? n : i, l = n < i ? i : n;
     this.layers.forEach((d) => {
-      var f;
+      var g;
       if (!Q(d.meta, "parentBasetMapId")) {
-        const C = (f = d.meta) == null ? void 0 : f.zIndex;
+        const C = (g = d.meta) == null ? void 0 : g.zIndex;
         d.meta.zIndex = C >= r && C <= l && C !== n ? C + o : C === n ? i : C;
       }
     });
@@ -2034,11 +2034,11 @@ class Is {
             r.meta = { ...r.meta, relevantToExtent: !0 };
             continue;
           }
-          const h = this.layers[d], f = ((n = h.meta) == null ? void 0 : n[at]) === !0;
+          const h = this.layers[d], g = ((n = h.meta) == null ? void 0 : n[at]) === !0;
           if (r !== h)
             if (l instanceof Be) {
               if (it(i, r.rectangle))
-                if (it(i, h.rectangle) && !f) {
+                if (it(i, h.rectangle) && !g) {
                   r.meta = {
                     ...r.meta ?? {},
                     relevantToExtent: !1
@@ -2049,15 +2049,15 @@ class Is {
                     ...r.meta ?? {},
                     relevantToExtent: !0
                   };
-              if (it(i, h.rectangle) && !f) {
+              if (it(i, h.rectangle) && !g) {
                 r.meta = { ...r.meta ?? {}, relevantToExtent: !1 };
                 break;
               }
               if (it(r.rectangle, h.rectangle)) {
                 if (r.meta = {
                   ...r.meta ?? {},
-                  relevantToExtent: f
-                }, !f)
+                  relevantToExtent: g
+                }, !g)
                   break;
               } else
                 r.meta = { ...r.meta ?? {}, relevantToExtent: !0 };
@@ -2083,8 +2083,8 @@ const Ps = ({ legend: { legendImg: e, legendDoc: t, layer: n }, docText: i, imgT
     window.open(t, "_blank");
   }, [t]);
   const l = Le(() => {
-    const f = /* @__PURE__ */ s(K, { className: "layerNameContainer", children: /* @__PURE__ */ s("h3", { style: { maxWidth: `${15}ch` }, className: "layerName", children: n }) });
-    return (n ?? "").length > 15 ? /* @__PURE__ */ s(We, { content: n, children: f }) : f;
+    const g = /* @__PURE__ */ s(K, { className: "layerNameContainer", children: /* @__PURE__ */ s("h3", { style: { maxWidth: `${15}ch` }, className: "layerName", children: n }) });
+    return (n ?? "").length > 15 ? /* @__PURE__ */ s(We, { content: n, children: g }) : g;
   }, [n]), d = Le(() => [
     typeof e == "string" && /* @__PURE__ */ s("a", { className: "legendAction", href: e, target: "_blank", rel: "noreferrer", children: o }),
     typeof t == "string" && /* @__PURE__ */ s("a", { className: "legendAction", href: t, target: "_blank", rel: "noreferrer", children: i })
@@ -2117,7 +2117,7 @@ const Ps = ({ legend: { legendImg: e, legendDoc: t, layer: n }, docText: i, imgT
 ] }) }) });
 const Ds = (e) => {
   const t = ve(), { enableCompass: n = !0, enableZoomControls: i = !1, lockCompassNavigation: o = !1, locale: r = { DIRECTION: "ltr" } } = e;
-  return B(() => {
+  return k(() => {
     if (typeof Q(t, "cesiumNavigation") > "u") {
       t.extend(Jr, {
         enableCompass: n,
@@ -2131,14 +2131,14 @@ const Ds = (e) => {
 };
 const Os = (e) => {
   const t = ve(), n = Se(null), [i, o] = O({ x: 0, y: 0 });
-  return B(() => {
+  return k(() => {
     t.screenSpaceEventHandler.setInputAction((r) => {
       if (r != null && r.endPosition) {
         const l = { ...r.endPosition };
         l.x = Math.ceil(l.x), l.y = Math.ceil(l.y), o(l);
       }
     }, Nt.MOUSE_MOVE);
-  }, [n, t]), B(() => {
+  }, [n, t]), k(() => {
     const r = t.scene.globe.ellipsoid;
     if (i) {
       const l = ai(t, i.x, i.y);
@@ -2155,8 +2155,8 @@ const Os = (e) => {
               break;
             }
             case Re.WGS84: {
-              const f = d.longitude.toFixed(Gt);
-              h = `WGS84: ${d.latitude.toFixed(Gt)}°N ${f}°E`, n.current.style.width = "200px";
+              const g = d.longitude.toFixed(Gt);
+              h = `WGS84: ${d.latitude.toFixed(Gt)}°N ${g}°E`, n.current.style.width = "200px";
               break;
             }
           }
@@ -2208,18 +2208,18 @@ const Mt = [
   if (h < l.lastLegendUpdate + 250)
     return;
   l.lastLegendUpdate = h;
-  const f = e.scene.canvas.clientWidth, C = e.scene.canvas.clientHeight, L = e.scene.camera.getPickRay(new Ie(f / 2 | 0, C - 1)), u = e.scene.camera.getPickRay(new Ie(1 + f / 2 | 0, C - 1)), g = e.scene.globe, _ = g.pick(L, e.scene), v = g.pick(u, e.scene);
+  const g = e.scene.canvas.clientWidth, C = e.scene.canvas.clientHeight, L = e.scene.camera.getPickRay(new Ie(g / 2 | 0, C - 1)), u = e.scene.camera.getPickRay(new Ie(1 + g / 2 | 0, C - 1)), f = e.scene.globe, _ = f.pick(L, e.scene), v = f.pick(u, e.scene);
   if (!_ || !v)
     return;
-  const k = g.ellipsoid.cartesianToCartographic(_), G = g.ellipsoid.cartesianToCartographic(v);
-  d.setEndPoints(k, G);
+  const N = f.ellipsoid.cartesianToCartographic(_), G = f.ellipsoid.cartesianToCartographic(v);
+  d.setEndPoints(N, G);
   const $ = d.surfaceDistance, j = 100;
-  let N;
-  for (let Z = Mt.length - 1; !et(N) && Z >= 0; --Z)
-    Mt[Z] / $ < j && (N = Mt[Z]);
-  if (et(N)) {
+  let B;
+  for (let Z = Mt.length - 1; !et(B) && Z >= 0; --Z)
+    Mt[Z] / $ < j && (B = Mt[Z]);
+  if (et(B)) {
     let Z = "";
-    N >= 1e3 ? Z = `${(N / 1e3).toString()} ${r}` : Z = `${N.toString()} ${o}`, l.barWidth = N / $ | 0, l.distanceLabel = Z;
+    B >= 1e3 ? Z = `${(B / 1e3).toString()} ${r}` : Z = `${B.toString()} ${o}`, l.barWidth = B / $ | 0, l.distanceLabel = Z;
   }
   n(l);
 }, Ns = (e) => {
@@ -2228,7 +2228,7 @@ const Mt = [
     distanceLabel: void 0,
     lastLegendUpdate: -1
   });
-  B(() => {
+  k(() => {
     const r = (h) => {
       ks(t, n, i, e.locale);
     }, l = new Br(), d = (h) => {
@@ -2313,23 +2313,23 @@ const bn = (e, t) => {
 }, Gs = ({ locale: e = void 0, valueBy: t = "RENDERED_TILES" }) => {
   const n = ve(), i = tt(), [o, r] = O(1), l = Fs(1, n), d = Le(() => {
     const L = n.camera, u = 0.5;
-    let g = 0;
+    let f = 0;
     switch (n.scene.mode) {
       case _t.SCENE3D:
-        g = n.scene.mapProjection.ellipsoid.cartesianToCartographic(L.positionWC).height;
+        f = n.scene.mapProjection.ellipsoid.cartesianToCartographic(L.positionWC).height;
         break;
       case _t.SCENE2D:
-        g = (L.frustum.right - L.frustum.left) * u;
+        f = (L.frustum.right - L.frustum.left) * u;
         break;
       case _t.COLUMBUS_VIEW:
-        g = L.position.z;
+        f = L.position.z;
         break;
       default:
-        g = 0;
+        f = 0;
         break;
     }
     if (l.length > 0) {
-      const _ = l.reduce((v, k) => Math.abs(k.height - g) < Math.abs(v.height - g) ? k : v);
+      const _ = l.reduce((v, N) => Math.abs(N.height - f) < Math.abs(v.height - f) ? N : v);
       r(_.level), i.setViewState && i.setViewState((v) => ({ ...v, currentZoomLevel: _.level }));
     }
   }, [n, l]), h = Le(() => {
@@ -2341,7 +2341,7 @@ const bn = (e, t) => {
     CALCULATION: d,
     RENDERED_TILES: h
   }), [d, h])[t];
-  return B(() => {
+  return k(() => {
     const L = n.scene.globe.tileLoadProgressEvent.addEventListener(function() {
       n.scene.globe.tilesLoaded && C();
     });
@@ -2376,8 +2376,8 @@ const Jt = ze(null), Hs = Jt.Provider, ve = () => {
   return t;
 }, Cl = (e) => {
   var fe, ye, Pe, Ue, qe, en, tn, nn;
-  const t = Se(null), [n, i] = O(), [o, r] = O(), [l, d] = O(), [h, f] = O(), [C, L] = O(), [u, g] = O(), [_, v] = O(), [k, G] = O(), [$, j] = O(), [N, Z] = O(), [V, Y] = O(!1), [ee, a] = O(!1), c = Se(), [b, p] = O([]), [E, y] = O(), [S, m] = O(), [w, x] = O(!1), R = Se(), [M, P] = O(void 0), [D, J] = O(!1), [te, U] = O(), [q, re] = O(), he = lt(), we = go(he), oe = ae(() => V || ee, [V, ee]);
-  B(() => {
+  const t = Se(null), [n, i] = O(), [o, r] = O(), [l, d] = O(), [h, g] = O(), [C, L] = O(), [u, f] = O(), [_, v] = O(), [N, G] = O(), [$, j] = O(), [B, Z] = O(), [V, Y] = O(!1), [ee, a] = O(!1), c = Se(), [b, p] = O([]), [E, y] = O(), [S, m] = O(), [w, x] = O(!1), R = Se(), [M, P] = O(void 0), [D, J] = O(!1), [te, U] = O(), [q, re] = O(), he = lt(), we = go(he), oe = ae(() => V || ee, [V, ee]);
+  k(() => {
     re({
       currentZoomLevel: -1,
       shouldOptimizedTileRequests: e.useOptimizedTileRequests ?? !1
@@ -2409,7 +2409,7 @@ const Jt = ze(null), Hs = Jt.Provider, ve = () => {
     },
     [t]
   );
-  B(() => {
+  k(() => {
     var se;
     if (t.current !== null) {
       const de = t.current.cesiumElement;
@@ -2437,12 +2437,12 @@ const Jt = ze(null), Hs = Jt.Provider, ve = () => {
         setViewState: re
       };
   }, [e.useOptimizedTileRequests, e.legends, e.layerManagerFootprintMetaFieldPath, n, q]);
-  B(() => {
+  k(() => {
     var de, ce;
     y(e.baseMaps);
     const se = (de = e.baseMaps) == null ? void 0 : de.maps.find((Ee) => Ee.isCurrent);
     se && n && ((ce = n.layersManager) == null || ce.setBaseMapLayers(se));
-  }, [e.baseMaps, n]), B(() => {
+  }, [e.baseMaps, n]), k(() => {
     const se = e.terrains || (n && n.terrainProvider ? [{
       id: "1",
       url: Ts,
@@ -2452,23 +2452,23 @@ const Jt = ze(null), Hs = Jt.Provider, ve = () => {
       terrainProvider: n.terrainProvider
     }] : void 0);
     m(se);
-  }, [e.terrains, n]), B(() => {
+  }, [e.terrains, n]), k(() => {
     d(e.projection ?? Re.WGS84);
-  }, [e.projection]), B(() => {
+  }, [e.projection]), k(() => {
     r(e.locale);
-  }, [e.locale]), B(() => {
-    f(e.showMousePosition ?? !0);
-  }, [e.showMousePosition]), B(() => {
+  }, [e.locale]), k(() => {
+    g(e.showMousePosition ?? !0);
+  }, [e.showMousePosition]), k(() => {
     L(e.showZoomLevel ?? !0);
-  }, [e.showZoomLevel]), B(() => {
-    g(e.showScale ?? !0);
-  }, [e.showScale]), B(() => {
+  }, [e.showZoomLevel]), k(() => {
+    f(e.showScale ?? !0);
+  }, [e.showScale]), k(() => {
     v(e.showCompass ?? !0);
-  }, [e.showCompass]), B(() => {
+  }, [e.showCompass]), k(() => {
     Z(e.showLoadingProgress ?? !0);
-  }, [e.showLoadingProgress]), B(() => {
+  }, [e.showLoadingProgress]), k(() => {
     j(e.showActiveLayersTool ?? !0);
-  }, [e.showActiveLayersTool]), B(() => {
+  }, [e.showActiveLayersTool]), k(() => {
     var de;
     const se = () => {
       if (n === void 0)
@@ -2517,7 +2517,7 @@ const Jt = ze(null), Hs = Jt.Provider, ve = () => {
         };
         c.current = Ee;
       }
-    }), N && (n.scene.globe.tileLoadProgressEvent.addEventListener(function() {
+    }), B && (n.scene.globe.tileLoadProgressEvent.addEventListener(function() {
       n.scene.globe.tilesLoaded ? Y(!1) : Y(!0);
     }), (de = n.layersManager) == null || de.addDataLayerUpdatedListener(() => {
       var Ee;
@@ -2529,7 +2529,7 @@ const Jt = ze(null), Hs = Jt.Provider, ve = () => {
         }
       }), a(ce);
     })));
-  }, [n]), B(() => {
+  }, [n]), k(() => {
     const se = () => {
       if (n && c.current) {
         const de = c.current;
@@ -2547,7 +2547,7 @@ const Jt = ze(null), Hs = Jt.Provider, ve = () => {
           console.error("morphCompleteHandler event not cleaned");
         }
     };
-  }, [n]), B(() => {
+  }, [n]), k(() => {
     const se = e.zoom, de = e.center;
     if (n && et(se) && dn(de)) {
       const ce = de[0], Ee = de[1], _e = ns(se);
@@ -2570,21 +2570,21 @@ const Jt = ze(null), Hs = Jt.Provider, ve = () => {
         }
       };
     }
-  }, [e.zoom, e.center, n]), B(() => {
+  }, [e.zoom, e.center, n]), k(() => {
     G(e.showZoomButtons ?? !0);
   }, [e.showZoomButtons]);
   const H = () => {
     J((se) => !se);
   }, W = Le(() => n && wt(
     /* @__PURE__ */ z(ge, { children: [
-      N && oe && /* @__PURE__ */ s(Ni, { style: { position: "absolute", top: 0, height: "10px", zIndex: 4 } }),
+      B && oe && /* @__PURE__ */ s(Ni, { style: { position: "absolute", top: 0, height: "10px", zIndex: 4 } }),
       _ && /* @__PURE__ */ s(Ds, { locale: o }),
       /* @__PURE__ */ z(K, { className: "bottomToolsContainer", children: [
         h && /* @__PURE__ */ s(Os, { projection: l }),
         C && /* @__PURE__ */ s(Gs, { locale: o, valueBy: "RENDERED_TILES" }),
         u && /* @__PURE__ */ s(Ns, { locale: o })
       ] }),
-      k && /* @__PURE__ */ s(Bs, {})
+      N && /* @__PURE__ */ s(Bs, {})
     ] }),
     document.querySelector(".cesium-viewer")
   ), [n, o, l, h, u, oe]), X = Le(() => n && wt(
@@ -2702,10 +2702,10 @@ const Jt = ze(null), Hs = Jt.Provider, ve = () => {
   const { options: t, ...n } = e;
   return /* @__PURE__ */ s(gt, { ...n, imageryProvider: new Hr(t) });
 }, Pl = (e) => {
-  const { options: t, meta: n, visualizationHandler: i, withGeometryValidation: o = !1 } = e, { url: r, featureType: l, style: d, pageSize: h, zoomLevel: f, maxCacheSize: C, keyField: L, labeling: u } = t, { color: g, hover: _ } = d, v = ve(), k = tt(), G = Se(k.viewState), $ = Se(/* @__PURE__ */ new Map()), j = Se(/* @__PURE__ */ new Set()), N = Se(0), [Z, V] = O(n), Y = ae(() => Ge.fromCssColorString(_ ?? "#24AEE9").withAlpha(0.5), [_]), ee = ae(() => `wfs_${l}_${pn()}`, [l]), a = Se(!1);
-  B(() => {
-    G.current = k.viewState;
-  }, [k.viewState]);
+  const { options: t, meta: n, visualizationHandler: i, withGeometryValidation: o = !1 } = e, { url: r, featureType: l, style: d, pageSize: h, zoomLevel: g, maxCacheSize: C, keyField: L, labeling: u } = t, { color: f, hover: _ } = d, v = ve(), N = tt(), G = Se(N.viewState), $ = Se(/* @__PURE__ */ new Map()), j = Se(/* @__PURE__ */ new Set()), B = Se(0), [Z, V] = O(n), Y = ae(() => Ge.fromCssColorString(_ ?? "#24AEE9").withAlpha(0.5), [_]), ee = ae(() => `wfs_${l}_${pn()}`, [l]), a = Se(!1);
+  k(() => {
+    G.current = N.viewState;
+  }, [N.viewState]);
   const c = new Ut(ee), b = (I) => {
     const A = [], F = n.featureStructure;
     if (F && F.fields)
@@ -2777,7 +2777,7 @@ const Jt = ze(null), Hs = Jt.Provider, ve = () => {
     }));
   }, x = () => {
     if (c.entities && c.entities.values.length > 0) {
-      c.show = !1, N.current = 0;
+      c.show = !1, B.current = 0;
       const I = v.dataSources.getByName(`${u == null ? void 0 : u.dataSourcePrefix}${c.name}`)[0];
       I && (I.show = !1, v.dataSources.remove(I));
     }
@@ -2893,7 +2893,7 @@ const Jt = ze(null), Hs = Jt.Provider, ve = () => {
       timestamp: I.timeStamp,
       items: le.length
     })), w(I.numberReturned !== 0 ? F + I.numberReturned : I.numberMatched, I.numberMatched), le.length === 0) {
-      I.numberReturned && I.numberReturned !== 0 ? we(++N.current * h) : (N.current = 0, pe(
+      I.numberReturned && I.numberReturned !== 0 ? we(++B.current * h) : (B.current = 0, pe(
         v,
         c,
         c.entities.values.map((ye) => ye.id),
@@ -2911,17 +2911,17 @@ const Jt = ze(null), Hs = Jt.Provider, ve = () => {
       c,
       le.map((ye) => ye.id),
       A
-    ), I.numberReturned && I.numberReturned !== 0 ? we(++N.current * h) : N.current = 0;
+    ), I.numberReturned && I.numberReturned !== 0 ? we(++B.current * h) : B.current = 0;
   }, we = Le(async (I = 0) => {
     if (!v || v.scene.mode === Fe.MORPHING)
       return;
     const A = ys(v);
     if (A) {
-      if (await oe(), G.current.currentZoomLevel > 0 && G.current.currentZoomLevel < f && (c == null ? void 0 : c.entities.values.length) > 0) {
+      if (await oe(), G.current.currentZoomLevel > 0 && G.current.currentZoomLevel < g && (c == null ? void 0 : c.entities.values.length) > 0) {
         x();
         return;
       }
-      if (G.current.currentZoomLevel >= f) {
+      if (G.current.currentZoomLevel >= g) {
         c.show = !0;
         const F = ii(A), H = fs(A);
         try {
@@ -2942,17 +2942,17 @@ const Jt = ze(null), Hs = Jt.Provider, ve = () => {
       v.scene.globe.tilesLoaded && (clearInterval(A), I());
     }, 100);
   }), pe = (I, A, F, H) => {
-    i ? i(I, A, F, H) : oi(I, A, F, g, H, u);
+    i ? i(I, A, F, H) : oi(I, A, F, f, H, u);
   };
-  return B(() => {
+  return k(() => {
     const I = v.dataSources.getByName(ee)[0];
     I && pe(v, I, [], void 0);
-  }, [v.scene.mode]), B(() => {
+  }, [v.scene.mode]), k(() => {
     v.layersManager && v.layersManager.dataLayerList.length > 0 && v.layersManager.findDataLayerById(n.id) !== void 0 && v.layersManager.addMetaToDataLayer(Z);
-  }, [Z]), B(() => {
+  }, [Z]), k(() => {
     var I;
     (I = v.layersManager) == null || I.addDataLayer({ options: t, meta: { ...Z }, visualizationHandler: i });
-  }, [v.layersManager]), B(() => {
+  }, [v.layersManager]), k(() => {
     v.dataSources.add(c);
     const I = () => {
       we();
@@ -3038,7 +3038,7 @@ var He = function() {
     }),
     material: n,
     granularity: Math.PI / 180
-  }), l = V(o, {}), d = V(o, {}), h = V(o, {}), f = V(r, {
+  }), l = V(o, {}), d = V(o, {}), h = V(o, {}), g = V(r, {
     rotation: 0
   }), C = V(o, {
     width: 5,
@@ -3191,7 +3191,7 @@ var He = function() {
     function a(c) {
       if (!(T.defined(c.center) && T.defined(c.semiMajorAxis) && T.defined(c.semiMinorAxis)))
         throw new T.DeveloperError("Center and semi major and semi minor axis are required");
-      c = V(c, f), this.initialiseOptions(c);
+      c = V(c, g), this.initialiseOptions(c);
     }
     return a.prototype = new L(), a.prototype.setCenter = function(c) {
       this.setAttribute("center", c);
@@ -3261,7 +3261,7 @@ var He = function() {
     iconUrl: "./assets/img/dragIcon.png",
     shiftX: 0,
     shiftY: 0
-  }, g = {
+  }, f = {
     iconUrl: "./assets/img/dragIcon.png",
     shiftX: 0,
     shiftY: 0
@@ -3386,7 +3386,7 @@ var He = function() {
     var b = this, p = this._scene, E = p.primitives, y = this._tooltip, S = a ? 3 : 2, m;
     a ? m = new He.PolygonPrimitive(c) : m = new He.PolylinePrimitive(c), m.asynchronous = !1, E.add(m);
     var w = [], x = new i.BillboardGroup(this, u), R = new T.ScreenSpaceEventHandler(p.canvas);
-    k(p), R.setInputAction(function(M) {
+    N(p), R.setInputAction(function(M) {
       if (M.position != null) {
         var P = p.camera.pickEllipsoid(M.position, e);
         P && (w.length == 0 && (w.push(P.clone()), x.addBillboard(w[0])), w.length >= S && (m.positions = w, m._createPrimitive = !0), w.push(P), x.addBillboard(P));
@@ -3421,7 +3421,7 @@ var He = function() {
       T.Rectangle.southwest(a)
     ]);
   }
-  function k(a) {
+  function N(a) {
     a && (a.canvas.style.cursor = "crosshair");
   }
   function G(a) {
@@ -3433,7 +3433,7 @@ var He = function() {
       m != null && E.remove(m), w != null && w.remove(), x.destroy(), y.setVisible(!1), G(p);
     });
     var b = this, p = this._scene, E = this._scene.primitives, y = this._tooltip, S = null, m = null, w = null, x = new T.ScreenSpaceEventHandler(p.canvas);
-    k(p);
+    N(p);
     function R(M) {
       m == null && (m = new He.ExtentPrimitive({
         extent: M,
@@ -3544,7 +3544,7 @@ var He = function() {
                 ).interpolateUsingFraction(0.5)
               );
             };
-            var S = new i.BillboardGroup(a, g), m = new i.BillboardGroup(a, _), w = {
+            var S = new i.BillboardGroup(a, f), m = new i.BillboardGroup(a, _), w = {
               dragHandlers: {
                 onDrag: function(U, q) {
                   y.positions[U] = q, D(U, y.positions), y._createPrimitive = !0;
@@ -3616,7 +3616,7 @@ var He = function() {
                     extent: p.extent
                   });
                 };
-                var S = new i.BillboardGroup(a, g), m = {
+                var S = new i.BillboardGroup(a, f), m = {
                   dragHandlers: {
                     onDrag: function(x, R) {
                       var M = S.getBillboard((x + 2) % 4).position;
@@ -3667,7 +3667,7 @@ var He = function() {
                     rotation: 0
                   });
                 };
-                var m = new i.BillboardGroup(a, g), w = {
+                var m = new i.BillboardGroup(a, f), w = {
                   dragHandlers: {
                     onDrag: function(M, P) {
                       var D = T.Cartesian3.distance(p.getCenter(), P);
@@ -3720,7 +3720,7 @@ var He = function() {
                     radius: p.getRadius()
                   });
                 };
-                var m = new i.BillboardGroup(a, g), w = {
+                var m = new i.BillboardGroup(a, f), w = {
                   dragHandlers: {
                     onDrag: function(M, P) {
                       p.setRadius(T.Cartesian3.distance(p.getCenter(), P)), m.updateBillboardsPositions(x());
@@ -3834,26 +3834,26 @@ var He = function() {
   function j(a, c) {
     return a.longitude.toFixed(c || 3) + ", " + a.latitude.toFixed(c || 3);
   }
-  function N(a, c) {
+  function B(a, c) {
     if (a == null || typeof a != "object" || a.constructor != Object && a.constructor != Array)
       return a;
     if (a.constructor == Date || a.constructor == RegExp || a.constructor == Function || a.constructor == String || a.constructor == Number || a.constructor == Boolean)
       return new a.constructor(a);
     c = c || new a.constructor();
     for (var b in a)
-      c[b] = typeof c[b] > "u" ? N(a[b], null) : c[b];
+      c[b] = typeof c[b] > "u" ? B(a[b], null) : c[b];
     return c;
   }
   function Z(a, c) {
     a = a || {};
     var b;
     for (b in c)
-      a[b] === void 0 && (a[b] = N(c[b]));
+      a[b] === void 0 && (a[b] = B(c[b]));
   }
   function V(a, c) {
-    var b = N(a), p;
+    var b = B(a), p;
     for (p in c)
-      b[p] === void 0 && (b[p] = N(c[p]));
+      b[p] === void 0 && (b[p] = B(c[p]));
     return b;
   }
   function Y(a, c, b) {
@@ -3925,13 +3925,13 @@ const Xs = (e) => {
   ]);
   return ut(dt(t)).geometry.coordinates[0].map((i) => Te.fromRadiansArray(i)[0]);
 }, Al = (e) => {
-  const { drawState: t, drawingMaterial: n, drawingVertexColor: i, material: o, hollow: r, outlineWidth: l } = e, d = ve(), [h, f] = O();
-  B(() => {
-    f(
+  const { drawState: t, drawingMaterial: n, drawingVertexColor: i, material: o, hollow: r, outlineWidth: l } = e, d = ve(), [h, g] = O();
+  k(() => {
+    g(
       // eslint-disable-next-line
       new He(d, n, i)
     );
-  }, []), B(() => {
+  }, []), k(() => {
     if (h) {
       const L = h;
       if (t.drawing)
@@ -4006,14 +4006,14 @@ const Xs = (e) => {
   ] }, L.id)) });
 }, Rl = () => {
   const e = ve();
-  return B(() => {
+  return k(() => {
     e.extend(zr);
   }, [e]), null;
 }, ea = -25, An = 2, Dl = (e) => {
   const t = ve(), n = (r, l = ",") => r.slice(r.indexOf(`
 `) + 1).split(`
-`).map((f) => {
-    const C = f.split(l);
+`).map((g) => {
+    const C = g.split(l);
     return {
       cartographic: Oe.fromDegrees(parseFloat(C[0]), parseFloat(C[1])),
       cartesian: new Ie(parseFloat(C[0]), parseFloat(C[1]))
@@ -4024,14 +4024,14 @@ const Xs = (e) => {
     const l = new FileReader();
     l.onload = (h) => {
       var u;
-      const f = (u = h.target) == null ? void 0 : u.result, C = n(f), L = zt.WGS84;
+      const g = (u = h.target) == null ? void 0 : u.result, C = n(g), L = zt.WGS84;
       console.log(`Loaded CSV content:
-`, f), Ur(
+`, g), Ur(
         t.terrainProvider,
-        C.map((g) => g.cartographic)
+        C.map((f) => f.cartographic)
       ).then(
-        (g) => {
-          console.log(g), g = g.slice(0, g.length - 1), t.scene.globe.depthTestAgainstTerrain = !0, t.entities.suspendEvents(), t.entities.removeAll(), g.forEach((_, v) => {
+        (f) => {
+          console.log(f), f = f.slice(0, f.length - 1), t.scene.globe.depthTestAgainstTerrain = !0, t.entities.suspendEvents(), t.entities.removeAll(), f.forEach((_, v) => {
             t.entities.add({
               name: (v + An).toString(),
               position: L.cartographicToCartesian(_),
@@ -4058,15 +4058,15 @@ const Xs = (e) => {
             });
           }), t.entities.resumeEvents(), r.target.files !== null && (o(`terranian_heights_${r.target.files[0].name}`, C), r.target.value = ""), console.log("Pinned point count is ", t.entities.values.length);
         },
-        (g) => {
-          console.error("ERROR while sampleTerrainMostDetailed:", g);
+        (f) => {
+          console.error("ERROR while sampleTerrainMostDetailed:", f);
         }
       );
     }, (d = r.target.files) != null && d[0] && l.readAsText(r.target.files[0]);
   }, o = (r, l) => {
     const d = (u) => {
-      let g = "";
-      return g += u.cartesian.x.toString() + ",", g += u.cartesian.y.toString() + ",", g += u.cartographic.height.toString(), g + `
+      let f = "";
+      return f += u.cartesian.x.toString() + ",", f += u.cartesian.y.toString() + ",", f += u.cartographic.height.toString(), f + `
 `;
     };
     let h = `long,lat,height
@@ -4074,7 +4074,7 @@ const Xs = (e) => {
     l.forEach((u) => {
       h += d(u);
     });
-    const f = new Blob([h], { type: "text/csv;charset=utf-8;" }), C = document.createElement("a"), L = URL.createObjectURL(f);
+    const g = new Blob([h], { type: "text/csv;charset=utf-8;" }), C = document.createElement("a"), L = URL.createObjectURL(g);
     C.setAttribute("href", L), C.setAttribute("download", r), C.style.visibility = "hidden", document.body.appendChild(C), C.click(), document.body.removeChild(C);
   };
   return /* @__PURE__ */ s(ge, { children: /* @__PURE__ */ s(
@@ -4104,15 +4104,15 @@ const ta = 38, na = 40, ia = 13, ra = 14, oa = 27, sa = 9, aa = 10, ca = 100, la
     caret: 0,
     width: "unset"
   }), d = Se(null);
-  B(() => (window.addEventListener("resize", _), () => {
+  k(() => (window.addEventListener("resize", _), () => {
     try {
       window.removeEventListener("resize", _);
     } catch (E) {
       console.log('WINDOW "resize" remove listener failed', E);
     }
-  }), []), B(() => {
+  }), []), k(() => {
     typeof e.value < "u" && n(e.value), typeof e.defaultValue < "u" && n(e.defaultValue);
-  }, [e.value, e.defaultValue]), B(() => {
+  }, [e.value, e.defaultValue]), k(() => {
     const { options: E } = e, { caret: y } = r;
     $(t, y, E);
   }, [e]);
@@ -4124,7 +4124,7 @@ const ta = 38, na = 40, ia = 13, ra = 14, oa = 27, sa = 9, aa = 10, ca = 100, la
     Array.isArray(S) && M.forEach((te) => {
       P[te] = S;
     });
-    const D = f(M, R);
+    const D = g(M, R);
     let J = {};
     for (let te = 0; te < D.length; te++) {
       const { triggerStr: U, triggerMatch: q, triggerLength: re } = D[te];
@@ -4160,7 +4160,7 @@ const ta = 38, na = 40, ia = 13, ra = 14, oa = 27, sa = 9, aa = 10, ca = 100, la
       }
     }
     return J;
-  }, f = (E, y) => E.map((m) => ({
+  }, g = (E, y) => E.map((m) => ({
     triggerStr: m,
     triggerMatch: m.match(y),
     triggerLength: m.length
@@ -4180,7 +4180,7 @@ const ta = 38, na = 40, ia = 13, ra = 14, oa = 27, sa = 9, aa = 10, ca = 100, la
         if (R[D] !== M[D]) {
           if (D >= 2 && M[D - 1] === w && m.indexOf(M[D - 2]) === -1 && m.indexOf(M[D]) !== -1 && !Bt(h(M.substring(0, D - 2), P - 3, S))) {
             const J = `${M.slice(0, D - 1)}${M.slice(D, D + 1)}${M.slice(D - 1, D)}${M.slice(D + 1)}`;
-            return k(D + 1), d.current !== null && (d.current.value = J), x || G({
+            return N(D + 1), d.current !== null && (d.current.value = J), x || G({
               ...r,
               value: J
             }), y(J);
@@ -4201,7 +4201,7 @@ const ta = 38, na = 40, ia = 13, ra = 14, oa = 27, sa = 9, aa = 10, ca = 100, la
           return S[0];
       } else
         return E;
-  }, g = (E) => {
+  }, f = (E) => {
     const { helperVisible: y, options: S, selection: m } = r, { onKeyDown: w, passThroughEnter: x } = e;
     if (y)
       switch (E.keyCode) {
@@ -4240,8 +4240,8 @@ const ta = 38, na = 40, ia = 13, ra = 14, oa = 27, sa = 9, aa = 10, ca = 100, la
     });
   }, v = (E) => {
     const { spacer: y, onSelect: S, changeOnSelect: m } = e, { matchStart: w, matchLength: x, options: R, trigger: M } = r, P = R[E], D = t, J = D.substring(0, w - M.length), te = D.substring(w + x), U = { target: d.current }, q = m(M, P);
-    U.target !== null && (U.target.value = `${J}${q}${y}${te}`), L(U), U.target !== null && S(U.target.value), j(), k(J.length + q.length + 1), o(!0);
-  }, k = (E) => {
+    U.target !== null && (U.target.value = `${J}${q}${y}${te}`), L(U), U.target !== null && S(U.target.value), j(), N(J.length + q.length + 1), o(!0);
+  }, N = (E) => {
     G({
       ...r,
       caret: E
@@ -4285,7 +4285,7 @@ const ta = 38, na = 40, ia = 13, ra = 14, oa = 27, sa = 9, aa = 10, ca = 100, la
         selection: 0
       });
     }, 100);
-  }, N = () => {
+  }, B = () => {
     const { helperVisible: E, left: y, right: S, matchStart: m, matchLength: w, options: x, selection: R, top: M, value: P, width: D } = r;
     if (!E)
       return null;
@@ -4330,13 +4330,13 @@ const ta = 38, na = 40, ia = 13, ra = 14, oa = 27, sa = 9, aa = 10, ca = 100, la
       disabled: ee,
       onBlur: a,
       onChange: L,
-      onKeyDown: g,
+      onKeyDown: f,
       ref: d,
       value: t,
       ...p,
       ...V
     }),
-    N()
+    B()
   ] });
 }, da = {
   Component: /* @__PURE__ */ s("textarea", {}),
@@ -4503,7 +4503,7 @@ const Bl = ke.memo(
       folderChain: l,
       onFileAction: d,
       ...h
-    }, f) => {
+    }, g) => {
       const C = Le(
         (Y) => null,
         // file.thumbnailUrl ? `https://chonky.io${file.thumbnailUrl}` : null,
@@ -4522,9 +4522,9 @@ const Bl = ke.memo(
       const L = (Y) => Y.replace(/([A-Z])/g, (ee) => "-" + ee.toLowerCase()), u = ae(() => e !== void 0 ? Object.keys(e).reduce((ee, a) => {
         const c = e[a];
         return a = a.startsWith("--") ? a : `--fp-theme-${L(a)}`, ee[a] = c, ee;
-      }, {}) : {}, [e]), [g, _] = O(!1), [v, k] = O(), [G, $] = O(!1), [j, N] = O(), [Z, V] = O();
-      return B(() => {
-        e && _(!0), k(n), i ? $(!0) : N([ie.CreateFolder, ie.DeleteFiles]), o !== void 0 && V(pa[o]);
+      }, {}) : {}, [e]), [f, _] = O(!1), [v, N] = O(), [G, $] = O(!1), [j, B] = O(), [Z, V] = O();
+      return k(() => {
+        e && _(!0), N(n), i ? $(!0) : B([ie.CreateFolder, ie.DeleteFiles]), o !== void 0 && V(pa[o]);
       }, [e, n, i, o]), /* @__PURE__ */ s(
         K,
         {
@@ -4535,7 +4535,7 @@ const Bl = ke.memo(
           children: /* @__PURE__ */ s(
             ro,
             {
-              ref: f,
+              ref: g,
               files: r ?? [],
               folderChain: l,
               onFileAction: (Y) => {
@@ -4545,7 +4545,7 @@ const Bl = ke.memo(
               defaultFileViewActionId: v,
               disableDragAndDrop: G,
               fileActions: j,
-              darkMode: g,
+              darkMode: f,
               i18n: Z,
               ...h
             }
@@ -4558,8 +4558,10 @@ const Bl = ke.memo(
   const { styles: t } = e;
   return /* @__PURE__ */ s(ao, { isMulti: !0, components: { Option: fa }, styles: t, isClearable: !0, hideSelectedOptions: !1, closeMenuOnSelect: !1, ...e });
 }, Fl = (e) => {
-  const { values: t, options: n, onChange: i, placeholder: o, styles: r } = e, l = lt(), d = Zt(l), [h, f] = O(t);
-  return /* @__PURE__ */ s(Wt, { theme: d, children: /* @__PURE__ */ s(
+  const { values: t, options: n, onChange: i, placeholder: o, styles: r } = e, l = lt(), d = Zt(l), [h, g] = O(t);
+  return k(() => {
+    g(t ?? []);
+  }, [t]), /* @__PURE__ */ s(Wt, { theme: d, children: /* @__PURE__ */ s(
     Ii,
     {
       multiline: !0,
@@ -4568,7 +4570,7 @@ const Bl = ke.memo(
       inputComponent: ya,
       value: h,
       onChange: (L) => {
-        f(L), i && i(L);
+        g(L), i && i(L);
       },
       placeholder: o,
       id: "react-select-single",
@@ -4589,7 +4591,7 @@ const Bl = ke.memo(
   counterClockwise: d = !1,
   circleRatio: h = 1
 }) => {
-  const f = {
+  const g = {
     value: e,
     strokeWidth: i,
     background: r,
@@ -4600,10 +4602,10 @@ const Bl = ke.memo(
       ...o
     })
   };
-  return n ? /* @__PURE__ */ s(uo, { ...f, children: n }) : /* @__PURE__ */ s(
+  return n ? /* @__PURE__ */ s(uo, { ...g, children: n }) : /* @__PURE__ */ s(
     ho,
     {
-      ...f,
+      ...g,
       text: t
     }
   );
@@ -4617,9 +4619,9 @@ const Bl = ke.memo(
   repeat: l,
   children: d
 }) => {
-  const [h, f] = O(0), [C, L] = O(t), u = ke.useRef(void 0), g = e === void 0 && n !== void 0;
-  return B(() => {
-    if (g)
+  const [h, g] = O(0), [C, L] = O(t), u = ke.useRef(void 0), f = e === void 0 && n !== void 0;
+  return k(() => {
+    if (f)
       return l ? u.current = window.setInterval(() => {
         L((_) => _ === t ? n : t);
       }, i ? i * 1e3 : 1e3) : L(n || t), () => {
@@ -4627,9 +4629,9 @@ const Bl = ke.memo(
       };
     if (e)
       return u.current = window.setInterval(() => {
-        f((_) => (_ + 1) % e.length), L(e[h]);
+        g((_) => (_ + 1) % e.length), L(e[h]);
       }, o), () => clearInterval(u.current);
-  }, [e, n, i, o, l, h]), g ? /* @__PURE__ */ s(
+  }, [e, n, i, o, l, h]), f ? /* @__PURE__ */ s(
     mo,
     {
       start: () => ({