@map-colonies/react-components 4.1.3 → 4.2.1

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

@@ -2,7 +2,7 @@
 var tn = Object.defineProperty;
 var nn = (e, n, t) => n in e ? tn(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
 var Z = (e, n, t) => (nn(e, typeof n != "symbol" ? n + "" : n, t), t);
-import { jsx as l, jsxs as B, Fragment as oe } from "react/jsx-runtime";
+import { jsx as l, jsxs as B, Fragment as ie } from "react/jsx-runtime";
 import * as Pt from "react";
 import fe, { useState as A, useEffect as O, useMemo as Fe, forwardRef as rn, createContext as Pe, useRef as Ee, useContext as De, useCallback as pe, useLayoutEffect as on } from "react";
 import { isValid as Ce, isBefore as sn, format as ct, endOfDay as an, isSameDay as dt } from "date-fns";
@@ -34,7 +34,7 @@ import Wn from "@material-ui/core/CssBaseline";
 import Un from "@material-ui/core/ScopedCssBaseline";
 import { createPortal as jn } from "react-dom";
 import { Viewer as Kn, Cesium3DTileset as qn, GeoJsonDataSource as Yn, ImageryLayer as Xn, Entity as Zn, EntityDescription as Bt, PolygonGraphics as Jn, RectangleGraphics as Qn, CustomDataSource as ei, PolylineGraphics as ti } from "resium";
-import * as m from "cesium";
+import * as p from "cesium";
 import { ScreenSpaceEventType as ni, Cartesian3 as ge, Math as le, WebMercatorProjection as ii, EventHelper as ri, EllipsoidGeodesic as oi, Cartesian2 as Se, SceneMode as ve, Cartographic as Ge, UrlTemplateImageryProvider as nt, WebMapServiceImageryProvider as it, WebMapTileServiceImageryProvider as rt, Event as si, SingleTileImageryProvider as ai, Rectangle as be, Viewer as li, Matrix4 as ci, OpenStreetMapImageryProvider as di, Color as ui, PolygonHierarchy as hi, PolylineDashMaterialProperty as mi, ConstantProperty as pi, ConstantPositionProperty as gi, BoundingSphere as fi, Ellipsoid as yi, GeographicTilingScheme as vi, Resource as Ei, EllipsoidTerrainProvider as Ci, CesiumTerrainProvider as wi, VerticalOrigin as bi, LabelStyle as Ti } from "cesium";
 import { Math as Vs, sampleTerrainMostDetailed as zs } from "cesium";
 import { get as Q, isNumber as Ne, isEmpty as Je, isArray as _i, find as mt } from "lodash";
@@ -47,7 +47,7 @@ import Mi, { setCaretPosition as Pi } from "get-input-selection";
 import { ChonkyActions as G, FileHelper as Vt, setChonkyDefaults as Di, FullFileBrowser as Ii } from "chonky";
 import { ChonkyIconFA as Ai } from "chonky-icon-fontawesome";
 import ki from "filesize";
-var re = /* @__PURE__ */ ((e) => (e.BOX = "BOX", e.POLYGON = "POLYGON", e.UNKNOWN = "UNKNOWN", e))(re || {}), ce = /* @__PURE__ */ ((e) => (e.HE = "he", e.EN = "en", e.RU = "ru", e))(ce || {}), Qe = /* @__PURE__ */ ((e) => (e.TOP_RIGHT = "TOP_RIGHT", e.BOTTOM_LEFT = "BOTTOM_LEFT", e))(Qe || {});
+var oe = /* @__PURE__ */ ((e) => (e.BOX = "BOX", e.POLYGON = "POLYGON", e.UNKNOWN = "UNKNOWN", e))(oe || {}), ce = /* @__PURE__ */ ((e) => (e.HE = "he", e.EN = "en", e.RU = "ru", e))(ce || {}), Qe = /* @__PURE__ */ ((e) => (e.TOP_RIGHT = "TOP_RIGHT", e.BOTTOM_LEFT = "BOTTOM_LEFT", e))(Qe || {});
 const J = {
   // eslint-disable-next-line @typescript-eslint/naming-convention
   DATE_PICKER: {
@@ -118,7 +118,7 @@ const Oi = 2, Ri = 0.5, Ni = Ie(
   })
 ), Bi = (e) => {
   var U, x, $, R;
-  const n = Ni(), t = Ot(), i = zt(t), [o, r] = A(null), [d, u] = A(null), [p, E] = A(J.DATE_RANGE_PICKER.dateFormat), b = e.controlsLayout ?? J.DATE_RANGE_PICKER.controlsLayout, M = e.disableFuture ?? J.DATE_RANGE_PICKER.disableFuture, _ = ((U = e.local) == null ? void 0 : U.startPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.startPlaceHolderText, k = ((x = e.local) == null ? void 0 : x.endPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.endPlaceHolderText, H = (($ = e.local) == null ? void 0 : $.setText) ?? J.DATE_RANGE_PICKER.local.setText, K = (((R = e.local) == null ? void 0 : R.calendarLocale) ?? J.DATE_RANGE_PICKER.local.calendarLocale) === ce.HE ? Dt : It;
+  const n = Ni(), t = Ot(), i = zt(t), [o, r] = A(null), [d, u] = A(null), [m, E] = A(J.DATE_RANGE_PICKER.dateFormat), w = e.controlsLayout ?? J.DATE_RANGE_PICKER.controlsLayout, M = e.disableFuture ?? J.DATE_RANGE_PICKER.disableFuture, T = ((U = e.local) == null ? void 0 : U.startPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.startPlaceHolderText, k = ((x = e.local) == null ? void 0 : x.endPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.endPlaceHolderText, H = (($ = e.local) == null ? void 0 : $.setText) ?? J.DATE_RANGE_PICKER.local.setText, K = (((R = e.local) == null ? void 0 : R.calendarLocale) ?? J.DATE_RANGE_PICKER.local.calendarLocale) === ce.HE ? Dt : It;
   O(() => {
     r(e.from ?? null);
   }, [e.from]), O(() => {
@@ -139,18 +139,18 @@ const Oi = 2, Ri = 0.5, Ni = Ie(
     {
       className: `${n.container} drpContainer`,
       display: "flex",
-      flexDirection: b,
-      width: b === "column" ? e.contentWidth : "unset",
+      flexDirection: w,
+      width: w === "column" ? e.contentWidth : "unset",
       children: /* @__PURE__ */ B(At, { utils: kt, locale: K, children: [
         /* @__PURE__ */ l(
           Ye,
           {
             variant: "inline",
-            placeholder: _,
+            placeholder: T,
             onChange: (V) => r(V),
             value: o,
             disableFuture: M,
-            format: p,
+            format: m,
             maxDate: e.maxDate,
             minDate: e.minDate
           }
@@ -164,7 +164,7 @@ const Oi = 2, Ri = 0.5, Ni = Ie(
             onChange: (V) => u(V),
             value: d,
             disableFuture: M,
-            format: p,
+            format: m,
             maxDate: e.maxDate,
             minDate: e.minDate
           }
@@ -188,13 +188,13 @@ const Oi = 2, Ri = 0.5, Ni = Ie(
 };
 const Qo = (e) => {
   var x, $;
-  const [n, t] = A(null), [i, o] = A(null), [r, d] = A(J.DATE_RANGE_PICKER.dateFormat), [u, p] = fe.useState(null), E = (R) => {
-    p(R.currentTarget);
-  }, b = (R) => {
-    R.currentTarget.tagName === "I" ? p(R.currentTarget.previousElementSibling) : p(R.currentTarget);
+  const [n, t] = A(null), [i, o] = A(null), [r, d] = A(J.DATE_RANGE_PICKER.dateFormat), [u, m] = fe.useState(null), E = (R) => {
+    m(R.currentTarget);
+  }, w = (R) => {
+    R.currentTarget.tagName === "I" ? m(R.currentTarget.previousElementSibling) : m(R.currentTarget);
   }, M = () => {
-    p(null);
-  }, _ = Boolean(u), k = e.controlsLayout ?? "column";
+    m(null);
+  }, T = Boolean(u), k = e.controlsLayout ?? "column";
   O(() => {
     t(e.from ?? null);
   }, [e.from]), O(() => {
@@ -203,7 +203,7 @@ const Qo = (e) => {
     d(e.dateFormat ?? J.DATE_RANGE_PICKER.dateFormat);
   }, [e.dateFormat]);
   const H = ((x = e.local) == null ? void 0 : x.startPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.startPlaceHolderText, j = (($ = e.local) == null ? void 0 : $.endPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.endPlaceHolderText, K = e.renderAsButton === void 0 ? J.DATE_RANGE_PICKER.renderAsButton : e.renderAsButton, F = e.offset === void 0 ? J.DATE_RANGE_PICKER.offset : e.offset, Y = e.disableFuture === void 0 ? J.DATE_RANGE_PICKER.disableFuture : e.disableFuture, U = Fe(() => `${n ? ct(n, r) : H} - ${i ? ct(i, r) : j}`, [n, i, r, H, j]);
-  return /* @__PURE__ */ B(oe, { children: [
+  return /* @__PURE__ */ B(ie, { children: [
     K ? /* @__PURE__ */ l(Me, { style: { width: e.width }, raised: !0, onClick: E, className: "drpOpener", children: U }) : /* @__PURE__ */ l(
       Re,
       {
@@ -211,15 +211,15 @@ const Qo = (e) => {
         readOnly: !0,
         style: { width: e.width },
         value: U,
-        onClick: b,
+        onClick: w,
         trailingIcon: {
           icon: "date_range",
           tabIndex: 0,
-          onClick: b
+          onClick: w
         }
       }
     ),
-    /* @__PURE__ */ l(Fi, { open: _, anchorEl: u, onClose: M, anchorOrigin: { vertical: "bottom", horizontal: "left" }, keepMounted: !0, children: /* @__PURE__ */ l(
+    /* @__PURE__ */ l(Fi, { open: T, anchorEl: u, onClose: M, anchorOrigin: { vertical: "bottom", horizontal: "left" }, keepMounted: !0, children: /* @__PURE__ */ l(
       Bi,
       {
         controlsLayout: k,
@@ -248,21 +248,21 @@ const Qo = (e) => {
   endTimeLabel: r = "",
   endTimeWrapperClassName: d = "",
   timeRangeInputsWrapperClassName: u = "",
-  startTimeInputClassName: p = "",
+  startTimeInputClassName: m = "",
   startTimeLabel: E = "",
-  startTimeWrapperClassName: b = ""
+  startTimeWrapperClassName: w = ""
 }) => /* @__PURE__ */ B("div", { className: `timeRangeWrapper ${u}`, children: [
-  /* @__PURE__ */ l("div", { className: `startTimeWrapper ${b}`, children: /* @__PURE__ */ l(
+  /* @__PURE__ */ l("div", { className: `startTimeWrapper ${w}`, children: /* @__PURE__ */ l(
     Re,
     {
       label: E,
       disabled: n === null,
-      className: `timeRangeInput ${p}`,
+      className: `timeRangeInput ${m}`,
       name: "start-time",
       type: "time",
       value: we(n).format("HH:mm"),
       onChange: (M) => {
-        const _ = we(n), k = we(M.currentTarget.value, "HH:mm"), H = _.set({
+        const T = we(n), k = we(M.currentTarget.value, "HH:mm"), H = T.set({
           hours: k.get("hours"),
           minutes: k.get("minutes")
         });
@@ -280,7 +280,7 @@ const Qo = (e) => {
       type: "time",
       value: we(e).format("HH:mm"),
       onChange: (M) => {
-        const _ = we(e), k = we(M.currentTarget.value, "HH:mm"), H = _.set({
+        const T = we(e), k = we(M.currentTarget.value, "HH:mm"), H = T.set({
           hours: k.get("hours"),
           minutes: k.get("minutes")
         });
@@ -306,30 +306,30 @@ const Qo = (e) => {
 }, setEndDate: n = () => {
 }, shortcuts: t, dateRange: i, onShortcut: o }) => {
   const [r, d] = A(), u = Fe(
-    () => t.map((p) => p instanceof Function ? p() : p),
+    () => t.map((m) => m instanceof Function ? m() : m),
     [t]
   );
   return O(() => {
-    for (const p of u) {
-      const E = i.startDate && i.endDate && dt(p.startDate, i.startDate) && dt(p.endDate, i.endDate);
-      r ? p.id === r && (E || d(void 0)) : E && d(p.id);
+    for (const m of u) {
+      const E = i.startDate && i.endDate && dt(m.startDate, i.startDate) && dt(m.endDate, i.endDate);
+      r ? m.id === r && (E || d(void 0)) : E && d(m.id);
     }
-  }, [i, r, u]), /* @__PURE__ */ l("div", { className: "shortcutsContainer", children: u.map((p, E) => {
-    const b = () => {
-      e(p.startDate), n(p.endDate);
+  }, [i, r, u]), /* @__PURE__ */ l("div", { className: "shortcutsContainer", children: u.map((m, E) => {
+    const w = () => {
+      e(m.startDate), n(m.endDate);
     };
     return /* @__PURE__ */ l(
       Me,
       {
         type: "button",
-        className: `shortcut ${r === p.id ? "selected" : ""}`,
+        className: `shortcut ${r === m.id ? "selected" : ""}`,
         onClick: (M) => {
-          b(), o == null || o({ startDate: p.startDate, endDate: p.endDate });
+          w(), o == null || o({ startDate: m.startDate, endDate: m.endDate });
         },
         outlined: !0,
-        children: p.label
+        children: m.label
       },
-      p.id + E
+      m.id + E
     );
   }) });
 }, ts = fe.forwardRef((e, n) => {
@@ -349,26 +349,26 @@ const Qo = (e) => {
     selectsRange: r,
     onChange: d,
     inputName: u,
-    showMonthYearDropdown: p,
+    showMonthYearDropdown: m,
     // withTimeRange,
     withShortcuts: E,
-    locale: b = "en"
-  } = e, [M, _] = A(null), [k, H] = A(null), [j, K] = A(!1), F = r ? { startDate: M, endDate: k } : M;
+    locale: w = "en"
+  } = e, [M, T] = A(null), [k, H] = A(null), [j, K] = A(!1), F = r ? { startDate: M, endDate: k } : M;
   O(() => {
-    b === "he" && In("he", An);
-  }, [b]), O(() => {
+    w === "he" && In("he", An);
+  }, [w]), O(() => {
     var x, $;
-    ((x = e.startDate) == null ? void 0 : x.toString()) !== (M == null ? void 0 : M.toString()) && _(e.startDate), (($ = e.endDate) == null ? void 0 : $.toString()) !== (k == null ? void 0 : k.toString()) && H(e.endDate);
+    ((x = e.startDate) == null ? void 0 : x.toString()) !== (M == null ? void 0 : M.toString()) && T(e.startDate), (($ = e.endDate) == null ? void 0 : $.toString()) !== (k == null ? void 0 : k.toString()) && H(e.endDate);
   }, [e.startDate, e.endDate, M, k]);
   const Y = Fe(() => {
-    let x = "pickerContainer" + (b === "he" ? " pickerContainer-rtl" : "");
+    let x = "pickerContainer" + (w === "he" ? " pickerContainer-rtl" : "");
     return E && r && (x += " pickerContainer-withShortcuts"), x;
-  }, [b, E, r]), U = p ? {
+  }, [w, E, r]), U = m ? {
     showMonthDropdown: !0,
     showYearDropdown: !0,
     dropdownMode: "select"
   } : {};
-  return /* @__PURE__ */ l("div", { className: Y, style: { direction: b === "he" ? "rtl" : "ltr" }, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l("div", { className: Y, style: { direction: w === "he" ? "rtl" : "ltr" }, children: /* @__PURE__ */ l(
     Dn,
     {
       ...e,
@@ -386,9 +386,9 @@ const Qo = (e) => {
       onChange: (x, $) => {
         if (Array.isArray(x)) {
           const [R, V] = x;
-          _(R), H(V), d == null || d({ startDate: R, endDate: V && an(V) }, $);
+          T(R), H(V), d == null || d({ startDate: R, endDate: V && an(V) }, $);
         } else
-          _(x), d == null || d(x, $);
+          T(x), d == null || d(x, $);
       },
       customInput: /* @__PURE__ */ l(Hi, { name: u, onInputClick: () => {
         K(!0);
@@ -397,7 +397,7 @@ const Qo = (e) => {
       timeInputLabel: "",
       customTimeInput: E && Ue(F) && /* @__PURE__ */ l(Gi, { onShortcut: (x) => {
         d == null || d(x), K(!1);
-      }, shortcuts: E, setEndDate: H, setStartDate: _, dateRange: F }),
+      }, shortcuts: E, setEndDate: H, setStartDate: T, dateRange: F }),
       showMonthYearDropdown: void 0,
       ...U
     }
@@ -408,19 +408,19 @@ const ns = (e) => {
     format: r = J.DATE_PICKER.dateFormat,
     variant: d = J.DATE_PICKER.variant,
     disableFuture: u = J.DATE_PICKER.disableFuture,
-    local: p,
+    local: m,
     onChange: E,
-    showTime: b = J.DATE_PICKER.showTime,
+    showTime: w = J.DATE_PICKER.showTime,
     value: M,
-    ..._
-  } = e, { placeHolderText: k = J.DATE_PICKER.local.placeHolderText, calendarLocale: H } = p ?? {
+    ...T
+  } = e, { placeHolderText: k = J.DATE_PICKER.local.placeHolderText, calendarLocale: H } = m ?? {
     placeHolderText: J.DATE_PICKER.local.placeHolderText,
     calendarLocale: ce.EN
   }, j = H === ce.HE ? Dt : It, K = (F) => {
     o(F), E(F);
   };
   return /* @__PURE__ */ l(xt, { theme: t, children: /* @__PURE__ */ B(At, { utils: kt, locale: j, children: [
-    b && /* @__PURE__ */ l(
+    w && /* @__PURE__ */ l(
       Ye,
       {
         variant: d,
@@ -429,10 +429,10 @@ const ns = (e) => {
         value: i,
         disableFuture: u,
         format: r,
-        ..._
+        ...T
       }
     ),
-    !b && /* @__PURE__ */ l(
+    !w && /* @__PURE__ */ l(
       ln,
       {
         variant: d,
@@ -441,7 +441,7 @@ const ns = (e) => {
         value: i,
         disableFuture: u,
         format: r,
-        ..._
+        ...T
       }
     )
   ] }) });
@@ -456,13 +456,13 @@ const ns = (e) => {
     }
   })
 ), $i = (e) => {
-  const n = zi(), [t, i] = fe.useState(null), { isSelectionEnabled: o, onCancelDraw: r, onStartDraw: d, onReset: u } = e, p = (b) => {
-    i(b.currentTarget);
+  const n = zi(), [t, i] = fe.useState(null), { isSelectionEnabled: o, onCancelDraw: r, onStartDraw: d, onReset: u } = e, m = (w) => {
+    i(w.currentTarget);
   }, E = () => {
     i(null);
   };
   return o ? /* @__PURE__ */ l(Ze, { content: "Cancel the ongoing draw", align: "bottomLeft", children: /* @__PURE__ */ l(Me, { className: n.drawingButton, raised: !0, onClick: r, children: "Cancel Draw" }) }) : /* @__PURE__ */ B(ae, { position: "relative", children: [
-    /* @__PURE__ */ l(Ze, { content: "draw an Area of interest to limit the search", align: "bottomLeft", children: /* @__PURE__ */ l(Me, { className: n.drawingButton, raised: !0, onClick: p, children: "Draw AOI" }) }),
+    /* @__PURE__ */ l(Ze, { content: "draw an Area of interest to limit the search", align: "bottomLeft", children: /* @__PURE__ */ l(Me, { className: n.drawingButton, raised: !0, onClick: m, children: "Draw AOI" }) }),
     /* @__PURE__ */ B(
       wn,
       {
@@ -474,7 +474,7 @@ const ns = (e) => {
             $e,
             {
               onClick: () => {
-                d(re.POLYGON), E();
+                d(oe.POLYGON), E();
               },
               children: "Polygon"
             }
@@ -483,7 +483,7 @@ const ns = (e) => {
             $e,
             {
               onClick: () => {
-                d(re.BOX), E();
+                d(oe.BOX), E();
               },
               children: "Box"
             }
@@ -531,9 +531,9 @@ const et = 5, tt = 2, $t = Pe(null), Wi = $t.Provider, pt = 35, gt = 32, Ui = 10
   }, [r, e.center, e.projection]), O(() => {
     r.getView().setZoom(e.zoom ?? Ui);
   }, [r, e.zoom, e.projection]);
-  const d = (u, p) => {
-    p.getControls().forEach((b) => {
-      b instanceof u && p.removeControl(b);
+  const d = (u, m) => {
+    m.getControls().forEach((w) => {
+      w instanceof u && m.removeControl(w);
     });
   };
   return O(() => {
@@ -601,10 +601,10 @@ const et = 5, tt = 2, $t = Pe(null), Wi = $t.Provider, pt = 35, gt = 32, Ui = 10
       /* CIRCLE */
     };
     switch (e) {
-      case re.BOX:
+      case oe.BOX:
         i.geometryFunction = zn();
         break;
-      case re.POLYGON:
+      case oe.POLYGON:
         i.type = "Polygon";
         break;
       default:
@@ -613,8 +613,8 @@ const et = 5, tt = 2, $t = Pe(null), Wi = $t.Provider, pt = 35, gt = 32, Ui = 10
     const o = new Vn(i);
     t.addInteraction(o);
     const r = (d) => {
-      const p = new Rt().writeGeometryObject(d.feature.getGeometry());
-      n == null || n(p);
+      const m = new Rt().writeGeometryObject(d.feature.getGeometry());
+      n == null || n(m);
     };
     return o.on("drawend", r), () => {
       o.un("drawend", r), t.removeInteraction(o);
@@ -658,7 +658,7 @@ const ar = (e) => {
     }
   })
 ), is = (e) => {
-  var p;
+  var m;
   const [n, t] = A(), [i, o] = A(), r = cr(), d = (E) => {
     o(E), t(void 0), e.handlePolygonSelected(E);
   }, u = () => {
@@ -676,7 +676,7 @@ const ar = (e) => {
             isSelectionEnabled: n !== void 0
           }
         ),
-        (p = e.filters) == null ? void 0 : p.map((E, b) => /* @__PURE__ */ l("div", { className: r.filtersMargin, children: E }, b))
+        (m = e.filters) == null ? void 0 : m.map((E, w) => /* @__PURE__ */ l("div", { className: r.filtersMargin, children: E }, w))
       ] }),
       /* @__PURE__ */ l(Xe, { color: "red", className: `${r.contentContainer}`, children: e.children })
     ] }),
@@ -684,8 +684,8 @@ const ar = (e) => {
   ] });
 };
 function dr(e) {
-  const { headCells: n, order: t, orderBy: i, onRequestSort: o, isCollapseable: r } = e, d = (u) => (p) => {
-    o(p, u);
+  const { headCells: n, order: t, orderBy: i, onRequestSort: o, isCollapseable: r } = e, d = (u) => (m) => {
+    o(m, u);
   };
   return /* @__PURE__ */ l($n, { children: /* @__PURE__ */ B(Oe, { children: [
     r && /* @__PURE__ */ l(Te, {}),
@@ -721,8 +721,8 @@ const ur = Nt(
   "KeyboardArrowUp"
 );
 function mr(e) {
-  const { cellsMetadata: n, isRowSelected: t, item: i, onRowSelected: o, rowIndex: r, isCollapseable: d, collapsedElement: u } = e, [p, E] = A(!1), b = n.length;
-  return /* @__PURE__ */ B(oe, { children: [
+  const { cellsMetadata: n, isRowSelected: t, item: i, onRowSelected: o, rowIndex: r, isCollapseable: d, collapsedElement: u } = e, [m, E] = A(!1), w = n.length;
+  return /* @__PURE__ */ B(ie, { children: [
     /* @__PURE__ */ B(Oe, { hover: !0, selected: t, onClick: () => {
       o == null || o(r);
     }, children: [
@@ -731,23 +731,23 @@ function mr(e) {
         {
           "aria-label": "expand row",
           size: "small",
-          onClick: (_) => {
-            _.stopPropagation(), E(!p);
+          onClick: (T) => {
+            T.stopPropagation(), E(!m);
           },
-          children: p ? /* @__PURE__ */ l(hr, {}) : /* @__PURE__ */ l(ur, {})
+          children: m ? /* @__PURE__ */ l(hr, {}) : /* @__PURE__ */ l(ur, {})
         }
       ) }),
-      n.map((_) => /* @__PURE__ */ l(
+      n.map((T) => /* @__PURE__ */ l(
         Te,
         {
-          align: _.numeric ? "right" : "left",
-          padding: _.disablePadding ? "none" : "default",
-          children: _.transform ? _.transform(i[_.id]) : i[_.id]
+          align: T.numeric ? "right" : "left",
+          padding: T.disablePadding ? "none" : "default",
+          children: T.transform ? T.transform(i[T.id]) : i[T.id]
         },
-        _.id + r.toString()
+        T.id + r.toString()
       ))
     ] }),
-    d && /* @__PURE__ */ l(Oe, { children: /* @__PURE__ */ l(Te, { style: { paddingBottom: 0, paddingTop: 0 }, colSpan: b + 1, children: /* @__PURE__ */ l(pn, { in: p, unmountOnExit: !0, timeout: "auto", children: u == null ? void 0 : u(i) }) }) })
+    d && /* @__PURE__ */ l(Oe, { children: /* @__PURE__ */ l(Te, { style: { paddingBottom: 0, paddingTop: 0 }, colSpan: w + 1, children: /* @__PURE__ */ l(pn, { in: m, unmountOnExit: !0, timeout: "auto", children: u == null ? void 0 : u(i) }) }) })
   ] });
 }
 function rs(e) {
@@ -755,11 +755,11 @@ function rs(e) {
     cellsMetadata: r,
     items: d,
     onRequestSort: u,
-    onRowSelected: p,
+    onRowSelected: m,
     isCollapseable: E,
-    collapsedElement: b,
+    collapsedElement: w,
     isDense: M,
-    page: _,
+    page: T,
     rowsPerPage: k,
     count: H,
     handleChangePage: j,
@@ -788,9 +788,9 @@ function rs(e) {
             rowIndex: U,
             isCollapseable: E,
             cellsMetadata: r,
-            collapsedElement: b,
+            collapsedElement: w,
             isRowSelected: !1,
-            onRowSelected: p
+            onRowSelected: m
           },
           U
         )),
@@ -812,7 +812,7 @@ function rs(e) {
         rowsPerPageOptions: [5, 10],
         component: "div",
         count: H,
-        page: _,
+        page: T,
         onPageChange: j,
         onRowsPerPageChange: K
       }
@@ -837,22 +837,22 @@ const gr = (e) => {
     if (d) {
       const u = r.cartesianToCartographic(d);
       if (t.current) {
-        let p = "";
+        let m = "";
         switch (e.projection) {
           case he.WEB_MERCATOR: {
-            const b = new ii(r).project(u);
-            p = `Mercator: ${b.y.toFixed(tt)}m, ${b.x.toFixed(
+            const w = new ii(r).project(u);
+            m = `Mercator: ${w.y.toFixed(tt)}m, ${w.x.toFixed(
               tt
             )}m`, t.current.style.width = "220px";
             break;
           }
           case he.WGS84: {
             const E = le.toDegrees(u.longitude).toFixed(et);
-            p = `WGS84: ${le.toDegrees(u.latitude).toFixed(et)}°N ${E}°E`, t.current.style.width = "200px";
+            m = `WGS84: ${le.toDegrees(u.latitude).toFixed(et)}°N ${E}°E`, t.current.style.width = "200px";
             break;
           }
         }
-        t.current.innerHTML = p;
+        t.current.innerHTML = m;
       }
     }
   }, [i, t, n, e.projection]), /* @__PURE__ */ l("div", { className: "trackerPosition", ref: t });
@@ -895,11 +895,11 @@ const Ke = [
     barWidth: void 0,
     distanceLabel: void 0,
     lastLegendUpdate: n.lastLegendUpdate
-  }, u = new oi(), p = new Date().getTime();
-  if (p < d.lastLegendUpdate + 250)
+  }, u = new oi(), m = new Date().getTime();
+  if (m < d.lastLegendUpdate + 250)
     return;
-  d.lastLegendUpdate = p;
-  const E = e.scene.canvas.clientWidth, b = e.scene.canvas.clientHeight, M = e.scene.camera.getPickRay(new Se(E / 2 | 0, b - 1)), _ = e.scene.camera.getPickRay(new Se(1 + E / 2 | 0, b - 1)), k = e.scene.globe, H = k.pick(M, e.scene), j = k.pick(_, e.scene);
+  d.lastLegendUpdate = m;
+  const E = e.scene.canvas.clientWidth, w = e.scene.canvas.clientHeight, M = e.scene.camera.getPickRay(new Se(E / 2 | 0, w - 1)), T = e.scene.camera.getPickRay(new Se(1 + E / 2 | 0, w - 1)), k = e.scene.globe, H = k.pick(M, e.scene), j = k.pick(T, e.scene);
   if (!H || !j)
     return;
   const K = k.ellipsoid.cartesianToCartographic(H), F = k.ellipsoid.cartesianToCartographic(j);
@@ -920,21 +920,21 @@ const Ke = [
     lastLegendUpdate: -1
   });
   O(() => {
-    const r = (p) => {
+    const r = (m) => {
       fr(n, t, i, e.locale);
-    }, d = new ri(), u = (p) => {
+    }, d = new ri(), u = (m) => {
       n.scene.globe.tilesLoaded && (r(new MouseEvent("mouse")), d.removeAll());
     };
     return d.add(n.scene.globe.tileLoadProgressEvent, u), n.camera.moveEnd.addEventListener(r), () => {
       try {
         Q(n, "_cesiumWidget") != null && n.camera.moveEnd.removeEventListener(r);
-      } catch (p) {
-        console.log('CESIUM camera "moveEnd" remove listener failed', p);
+      } catch (m) {
+        console.log('CESIUM camera "moveEnd" remove listener failed', m);
       }
     };
   }, [n, e.locale, t]);
   const o = (r) => 5 + (125 - r) / 2;
-  return /* @__PURE__ */ l("div", { className: "scalePosition", children: Ne(t.barWidth) && /* @__PURE__ */ B(oe, { children: [
+  return /* @__PURE__ */ l("div", { className: "scalePosition", children: Ne(t.barWidth) && /* @__PURE__ */ B(ie, { children: [
     /* @__PURE__ */ l("div", { className: "distance-legend-label", children: t.distanceLabel }),
     /* @__PURE__ */ l(
       "div",
@@ -969,9 +969,9 @@ const yt = (e, n) => {
     if (d === null)
       break;
     if (d !== o) {
-      let u = r, p = r + i;
-      for (; p - u > e; )
-        r = u + (p - u) / 2, yt(r, n) === d ? u = r : p = r;
+      let u = r, m = r + i;
+      for (; m - u > e; )
+        r = u + (m - u) / 2, yt(r, n) === d ? u = r : m = r;
       t.push({
         level: d,
         height: Math.round(r)
@@ -984,23 +984,23 @@ const yt = (e, n) => {
   return O(() => {
     const r = () => {
       const d = n.camera, u = 0.5;
-      let p = 0;
+      let m = 0;
       switch (n.scene.mode) {
         case ne.SCENE3D:
-          p = n.scene.mapProjection.ellipsoid.cartesianToCartographic(d.positionWC).height;
+          m = n.scene.mapProjection.ellipsoid.cartesianToCartographic(d.positionWC).height;
           break;
         case ne.SCENE2D:
-          p = (d.frustum.right - d.frustum.left) * u;
+          m = (d.frustum.right - d.frustum.left) * u;
           break;
         case ne.COLUMBUS_VIEW:
-          p = d.position.z;
+          m = d.position.z;
           break;
         default:
-          p = 0;
+          m = 0;
           break;
       }
       if (o.length > 0) {
-        const E = o.reduce((b, M) => Math.abs(M.height - p) < Math.abs(b.height - p) ? M : b);
+        const E = o.reduce((w, M) => Math.abs(M.height - m) < Math.abs(w.height - m) ? M : w);
         i(E.level);
       }
     };
@@ -1020,7 +1020,7 @@ const Cr = -1, wr = (e) => {
   const n = me(), [t, i] = A(), { sceneModes: o } = e, r = (d) => o.findIndex((u) => u === d) > Cr;
   return O(() => {
     i(n.scene.mode);
-  }, []), /* @__PURE__ */ B(oe, { children: [
+  }, []), /* @__PURE__ */ B(ie, { children: [
     r(ne.SCENE3D) && /* @__PURE__ */ l(
       _e,
       {
@@ -1061,20 +1061,20 @@ const br = Ie(
 ), Tr = (e) => {
   const n = me(), { baseMaps: t } = e, [i, o] = A(" "), [r, d] = A(), u = br();
   O(() => {
-    const E = t == null ? void 0 : t.maps.find((b) => b.isCurrent);
+    const E = t == null ? void 0 : t.maps.find((w) => w.isCurrent);
     E && (d(E), o(E.title !== void 0 ? E.title : " "));
   }, [t]);
-  const p = (E) => {
-    var b, M;
+  const m = (E) => {
+    var w, M;
     if (t) {
-      (b = n.layersManager) == null || b.removeBaseMapLayers();
-      const _ = t.maps.find((k) => k.id === E);
-      _ && ((M = n.layersManager) == null || M.setBaseMapLayers(_), d(_), t.maps.forEach((k) => {
-        k.isCurrent = _ === k;
+      (w = n.layersManager) == null || w.removeBaseMapLayers();
+      const T = t.maps.find((k) => k.id === E);
+      T && ((M = n.layersManager) == null || M.setBaseMapLayers(T), d(T), t.maps.forEach((k) => {
+        k.isCurrent = T === k;
       }));
     }
   };
-  return /* @__PURE__ */ B(oe, { children: [
+  return /* @__PURE__ */ B(ie, { children: [
     /* @__PURE__ */ l("label", { className: "mapLabel", children: i }),
     /* @__PURE__ */ l("ul", { className: "mapSelector", children: t == null ? void 0 : t.maps.map((E) => /* @__PURE__ */ l("li", { className: `mapContainer ${u.mapContainer} ${E === r ? "mapContainerSelected" : ""}`, children: /* @__PURE__ */ l(
       "img",
@@ -1089,24 +1089,24 @@ const br = Ie(
           o((r == null ? void 0 : r.title) !== void 0 ? r.title : " ");
         },
         onClick: () => {
-          p(E.id);
+          m(E.id);
         }
       }
     ) }, E.id)) })
   ] });
 };
 const qe = "ic_settings_24px", _r = (e) => {
-  const [n, t] = A(!1), { sceneModes: i, baseMaps: o, locale: r } = e, d = Ee(null), u = Q(r, "MAP_SETTINGS_DIALOG_TITLE") ?? "Map Settings", p = Q(r, "MAP_SETTINGS_SCENE_MODE_TITLE") ?? "Scene Mode", E = Q(r, "MAP_SETTINGS_BASE_MAP_TITLE") ?? "Base Map";
+  const [n, t] = A(!1), { sceneModes: i, baseMaps: o, locale: r } = e, d = Ee(null), u = Q(r, "MAP_SETTINGS_DIALOG_TITLE") ?? "Map Settings", m = Q(r, "MAP_SETTINGS_SCENE_MODE_TITLE") ?? "Scene Mode", E = Q(r, "MAP_SETTINGS_BASE_MAP_TITLE") ?? "Base Map";
   return O(() => {
-    const b = (M) => {
+    const w = (M) => {
       var H;
-      const _ = M.target, k = Q(d, "current");
-      k && !k.contains(_) && _.id !== qe && ((H = _.parentElement) == null ? void 0 : H.id) !== qe && (document.removeEventListener("click", b, !1), t(!1));
+      const T = M.target, k = Q(d, "current");
+      k && !k.contains(T) && T.id !== qe && ((H = T.parentElement) == null ? void 0 : H.id) !== qe && (document.removeEventListener("click", w, !1), t(!1));
     };
-    return document.addEventListener("click", b, !1), () => {
-      document.removeEventListener("click", b, !1);
+    return document.addEventListener("click", w, !1), () => {
+      document.removeEventListener("click", w, !1);
     };
-  }), /* @__PURE__ */ B(oe, { children: [
+  }), /* @__PURE__ */ B(ie, { children: [
     /* @__PURE__ */ l(
       _e,
       {
@@ -1126,9 +1126,9 @@ const qe = "ic_settings_24px", _r = (e) => {
         children: [
           /* @__PURE__ */ l(Tn, { children: u }),
           /* @__PURE__ */ B(_n, { children: [
-            /* @__PURE__ */ l("h4", { className: "sectionLabel", children: p }),
+            /* @__PURE__ */ l("h4", { className: "sectionLabel", children: m }),
             /* @__PURE__ */ l(ae, { className: "mapScenesContainer", children: /* @__PURE__ */ l(wr, { sceneModes: i }) }),
-            /* @__PURE__ */ l(ae, { className: "baseMapsContainer", children: o && /* @__PURE__ */ B(oe, { children: [
+            /* @__PURE__ */ l(ae, { className: "baseMapsContainer", children: o && /* @__PURE__ */ B(ie, { children: [
               /* @__PURE__ */ l("h4", { className: "sectionLabel", children: E }),
               /* @__PURE__ */ l(Tr, { baseMaps: o })
             ] }) })
@@ -1233,26 +1233,26 @@ const Sr = /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", enabl
     console.error("Could not determine image transparency. Error => ", o), i(o);
   }
 })), xe = (e, n) => {
-  const { west: t, east: i, north: o, south: r } = e, { west: d, east: u, north: p, south: E } = n;
-  return t >= d && i <= u && o <= p && r >= E;
+  const { west: t, east: i, north: o, south: r } = e, { west: d, east: u, north: m, south: E } = n;
+  return t >= d && i <= u && o <= m && r >= E;
 }, Ve = 3, Be = "hasTransparency";
 function st(e, n, t, i, o) {
   return setTimeout(() => {
     var u;
     const r = (u = this.layerListInstance.find(
       /* eslint-disable */
-      (p) => {
-        var E, b;
-        return ((E = p._imageryProvider._resource) == null ? void 0 : E._url) === ((b = this._resource) == null ? void 0 : b._url);
+      (m) => {
+        var E, w;
+        return ((E = m._imageryProvider._resource) == null ? void 0 : E._url) === ((w = this._resource) == null ? void 0 : w._url);
       }
       /* eslint-enable */
     )) == null ? void 0 : u.meta, d = Q(r, Be) === !0;
-    this.tileTransparencyCheckedCounter < Ve && !d && kr(o == null ? void 0 : o.url, this).then((p) => {
+    this.tileTransparencyCheckedCounter < Ve && !d && kr(o == null ? void 0 : o.url, this).then((m) => {
       var E;
       (E = this.mapViewer.layersManager) == null || E.addMetaToLayer(
-        { [Be]: p },
+        { [Be]: m },
         /* eslint-disable */
-        (b) => b._imageryProvider._resource._url === this._resource._url
+        (w) => w._imageryProvider._resource._url === this._resource._url
       );
     });
   }, 0), e(n, t, i, o);
@@ -1421,19 +1421,19 @@ class Rr {
     let i;
     return t && (i = (o = this.mapViewer.imageryLayers.pickImageryLayers(t, this.mapViewer.scene)) == null ? void 0 : o.filter((r) => !Q(r.meta, "parentBasetMapId"))), i;
   }
-  findLayerByPOI(n, t) {
+  findLayerByPOI(n, t, i = !0) {
     if (this.layerManagerFootprintMetaFieldPath) {
-      const i = Ir(this.mapViewer, n, t);
-      return this.layers.filter((d) => !Q(d.meta, "parentBasetMapId")).filter((d) => {
-        const u = Q(d.meta, this.layerManagerFootprintMetaFieldPath);
-        return u !== void 0 ? Si(i.geometry, {
+      const o = Ir(this.mapViewer, n, t);
+      return this.layers.filter((u) => !Q(u.meta, "parentBasetMapId")).filter((u) => {
+        const m = Q(u.meta, this.layerManagerFootprintMetaFieldPath);
+        return m !== void 0 ? Si(o.geometry, {
           type: "Feature",
           properties: {},
-          geometry: u
-        }) && d.show : (console.warn("[LayerManager] [findLayerByPOI] CesiumImageryLayer has no defined footprint", d.meta), !1);
-      }).sort((d, u) => {
-        var p, E;
-        return ((p = u.meta) == null ? void 0 : p.zIndex) - ((E = d.meta) == null ? void 0 : E.zIndex);
+          geometry: m
+        }) && (i ? u.show : !0) : (console.warn("[LayerManager] [findLayerByPOI] CesiumImageryLayer has no defined footprint", u.meta), !1);
+      }).sort((u, m) => {
+        var E, w;
+        return ((E = m.meta) == null ? void 0 : E.zIndex) - ((w = u.meta) == null ? void 0 : w.zIndex);
       });
     } else
       return console.warn("[LayerManager] [findLayerByPOI]layerManagerFootprintMetaFieldPath is not defined"), [];
@@ -1468,8 +1468,8 @@ class Rr {
     this.layers.forEach((u) => {
       var E;
       if (!Q(u.meta, "parentBasetMapId")) {
-        const b = (E = u.meta) == null ? void 0 : E.zIndex;
-        u.meta.zIndex = b >= r && b <= d && b !== t ? b + o : b === t ? i : b;
+        const w = (E = u.meta) == null ? void 0 : E.zIndex;
+        u.meta.zIndex = w >= r && w <= d && w !== t ? w + o : w === t ? i : w;
       }
     });
   }
@@ -1489,11 +1489,11 @@ class Rr {
             r.meta = { ...r.meta, relevantToExtent: !0 };
             continue;
           }
-          const p = this.layers[u], E = ((t = p.meta) == null ? void 0 : t[Be]) === !0;
-          if (r !== p)
+          const m = this.layers[u], E = ((t = m.meta) == null ? void 0 : t[Be]) === !0;
+          if (r !== m)
             if (d instanceof be) {
               if (xe(i, r.rectangle))
-                if (xe(i, p.rectangle) && !E) {
+                if (xe(i, m.rectangle) && !E) {
                   r.meta = {
                     ...r.meta ?? {},
                     relevantToExtent: !1
@@ -1504,11 +1504,11 @@ class Rr {
                     ...r.meta ?? {},
                     relevantToExtent: !0
                   };
-              if (xe(i, p.rectangle) && !E) {
+              if (xe(i, m.rectangle) && !E) {
                 r.meta = { ...r.meta ?? {}, relevantToExtent: !1 };
                 break;
               }
-              if (xe(r.rectangle, p.rectangle)) {
+              if (xe(r.rectangle, m.rectangle)) {
                 if (r.meta = {
                   ...r.meta ?? {},
                   relevantToExtent: E
@@ -1550,8 +1550,8 @@ const Zt = Pe(null), Br = Zt.Provider, me = () => {
     throw new Error("map context is null, please check the provider");
   return e;
 }, ls = (e) => {
-  var S, T, w, L, P, W, q, N;
-  const n = Ee(null), [t, i] = A(), [o, r] = A(), [d, u] = A(), [p, E] = A(), [b, M] = A(), [_, k] = A(), H = Ee(), [j, K] = A(), [F, Y] = A([]), [U, x] = A(), [$, R] = A(!1), V = Ee(), [X, s] = A(void 0), [a, y] = A(!1), [c, f] = A(), h = {
+  var S, _, b, L, P, W, q, N;
+  const n = Ee(null), [t, i] = A(), [o, r] = A(), [d, u] = A(), [m, E] = A(), [w, M] = A(), [T, k] = A(), H = Ee(), [j, K] = A(), [F, Y] = A([]), [U, x] = A(), [$, R] = A(!1), V = Ee(), [X, s] = A(void 0), [a, y] = A(!1), [c, f] = A(), h = {
     fullscreenButton: !0,
     timeline: !1,
     animation: !1,
@@ -1561,8 +1561,8 @@ const Zt = Pe(null), Br = Zt.Provider, me = () => {
     homeButton: !1,
     sceneModePicker: !1,
     ...e
-  }, v = (D, I, z, de, ie) => {
-    const ee = t.container, se = ee.clientWidth, Le = ee.clientHeight, Ae = de + ie;
+  }, v = (D, I, z, de, re) => {
+    const ee = t.container, se = ee.clientWidth, Le = ee.clientHeight, Ae = de + re;
     return {
       left: `${se - D < z ? D - (z - (se - D)) : D}px`,
       top: `${Le - I < Ae ? I - (Ae - (Le - I)) : I}px`
@@ -1632,14 +1632,14 @@ const Zt = Pe(null), Br = Zt.Provider, me = () => {
           t.container.clientWidth / 2,
           // eslint-disable-next-line @typescript-eslint/no-magic-numbers
           t.container.clientHeight / 2
-        ), de = t.scene.camera.getPickRay(z), ie = t.scene.globe.pick(de, t.scene);
-        if (!ie)
+        ), de = t.scene.camera.getPickRay(z), re = t.scene.globe.pick(de, t.scene);
+        if (!re)
           return {
             longitude: 0,
             latitude: 0,
             height: 0
           };
-        const ee = t.scene.globe.ellipsoid.cartesianToCartographic(ie);
+        const ee = t.scene.globe.ellipsoid.cartesianToCartographic(re);
         return ee !== void 0 ? {
           longitude: ke(ee.longitude),
           latitude: ke(ee.latitude),
@@ -1687,19 +1687,19 @@ const Zt = Pe(null), Br = Zt.Provider, me = () => {
     });
   }, [e.zoom, e.center, t]);
   const C = pe(() => t && jn(
-    /* @__PURE__ */ B(oe, { children: [
+    /* @__PURE__ */ B(ie, { children: [
       /* @__PURE__ */ B(ae, { className: "sideToolsContainer", children: [
-        /* @__PURE__ */ l(_r, { sceneModes: j, baseMaps: U, locale: _ }),
+        /* @__PURE__ */ l(_r, { sceneModes: j, baseMaps: U, locale: T }),
         /* @__PURE__ */ l(Lr, { onClick: () => y(!a) })
       ] }),
       /* @__PURE__ */ B(ae, { className: "toolsContainer", children: [
-        d === !0 ? /* @__PURE__ */ l(gr, { projection: o }) : /* @__PURE__ */ l(oe, {}),
-        p === !0 ? /* @__PURE__ */ l(Er, { locale: _ }) : /* @__PURE__ */ l(oe, {}),
-        b === !0 ? /* @__PURE__ */ l(yr, { locale: _ }) : /* @__PURE__ */ l(oe, {})
+        d === !0 ? /* @__PURE__ */ l(gr, { projection: o }) : /* @__PURE__ */ l(ie, {}),
+        m === !0 ? /* @__PURE__ */ l(Er, { locale: T }) : /* @__PURE__ */ l(ie, {}),
+        w === !0 ? /* @__PURE__ */ l(yr, { locale: T }) : /* @__PURE__ */ l(ie, {})
       ] })
     ] }),
     document.querySelector(".cesium-viewer")
-  ), [U, _, t, o, j, d, b, a]);
+  ), [U, T, t, o, j, d, w, a]);
   return /* @__PURE__ */ l(Kn, { className: "viewer", full: !0, ref: n, ...h, children: /* @__PURE__ */ B(Br, { value: t, children: [
     /* @__PURE__ */ l(
       Dr,
@@ -1707,15 +1707,15 @@ const Zt = Pe(null), Br = Zt.Provider, me = () => {
         title: (S = e.legends) == null ? void 0 : S.title,
         isOpen: a,
         toggleSidebar: () => y(!a),
-        noLegendsText: (T = e.legends) == null ? void 0 : T.emptyText,
-        legends: ((w = e.legends) == null ? void 0 : w.legendsList) ?? F,
+        noLegendsText: (_ = e.legends) == null ? void 0 : _.emptyText,
+        legends: ((b = e.legends) == null ? void 0 : b.legendsList) ?? F,
         actionsTexts: (L = e.legends) == null ? void 0 : L.actionsTexts
       }
     ),
     e.children,
     C(),
     e.imageryContextMenu && $ && X && c && fe.cloneElement(e.imageryContextMenu, {
-      data: (P = t == null ? void 0 : t.layersManager) == null ? void 0 : P.findLayerByPOI(X.x, X.y),
+      data: (P = t == null ? void 0 : t.layersManager) == null ? void 0 : P.findLayerByPOI(X.x, X.y, !1),
       position: {
         x: X.x,
         y: X.y
@@ -1750,8 +1750,8 @@ const Zt = Pe(null), Br = Zt.Provider, me = () => {
         i.globe.depthTestAgainstTerrain = !0;
         const o = Ge.fromCartesian(t.boundingSphere.center), r = e.heightFromGround ?? Fr;
         if (r) {
-          const d = ge.fromRadians(o.longitude, o.latitude, o.height), u = ge.fromRadians(o.longitude, o.latitude, o.height + r), p = ge.subtract(u, d, new ge());
-          t.modelMatrix = ci.fromTranslation(p);
+          const d = ge.fromRadians(o.longitude, o.latitude, o.height), u = ge.fromRadians(o.longitude, o.latitude, o.height + r), m = ge.subtract(u, d, new ge());
+          t.modelMatrix = ci.fromTranslation(m);
         }
       }
     }
@@ -1798,8 +1798,8 @@ const Zt = Pe(null), Br = Zt.Provider, me = () => {
   return /* @__PURE__ */ l(ze, { ...t, imageryProvider: new di(n) });
 }, Hr = (e) => /* @__PURE__ */ l(Zn, { ...e }), gs = (e) => /* @__PURE__ */ l(Bt, { ...e }), Gr = (e) => /* @__PURE__ */ l(Bt, { ...e }), Vr = (e) => /* @__PURE__ */ l(Jn, { ...e }), zr = (e) => /* @__PURE__ */ l(Qn, { ...e }), $r = (e) => /* @__PURE__ */ l(ei, { ...e }), Wr = (e) => /* @__PURE__ */ l(ti, { ...e });
 var ye = function() {
-  var e = m.Ellipsoid.WGS84, n, t = m.Material.fromType(m.Material.ColorType);
-  function i(s, a = new m.Color(1, 1, 0, 0.5), y = new m.Color(1, 1, 1, 1)) {
+  var e = p.Ellipsoid.WGS84, n, t = p.Material.fromType(p.Material.ColorType);
+  function i(s, a = new p.Color(1, 1, 0, 0.5), y = new p.Color(1, 1, 1, 1)) {
     this._scene = s.scene, t.uniforms.color = a, n = y, this._tooltip = {
       setVisible: () => {
       },
@@ -1808,7 +1808,7 @@ var ye = function() {
     }, this._surfaces = [], this.initialiseHandlers(), this.enhancePrimitives();
   }
   i.prototype.initialiseHandlers = function() {
-    var s = this._scene, a = this, y = new m.ScreenSpaceEventHandler(s.canvas);
+    var s = this._scene, a = this, y = new p.ScreenSpaceEventHandler(s.canvas);
     function c(h, v) {
       if (a._handlersMuted != !0) {
         var g = s.pick(v);
@@ -1817,20 +1817,20 @@ var ye = function() {
     }
     y.setInputAction(function(h) {
       c("leftClick", h.position);
-    }, m.ScreenSpaceEventType.LEFT_CLICK), y.setInputAction(function(h) {
+    }, p.ScreenSpaceEventType.LEFT_CLICK), y.setInputAction(function(h) {
       c("leftDoubleClick", h.position);
-    }, m.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
+    }, p.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
     var f;
     y.setInputAction(function(h) {
       if (a._handlersMuted != !0) {
         var v = s.pick(h.endPosition);
         f && (!v || f != v.primitive) && (!(f.isDestroyed && f.isDestroyed()) && f.mouseOut(h.endPosition), f = null), v && v.primitive && (v = v.primitive, v.mouseOut && (f = v), v.mouseMove && v.mouseMove(h.endPosition));
       }
-    }, m.ScreenSpaceEventType.MOUSE_MOVE), y.setInputAction(function(h) {
+    }, p.ScreenSpaceEventType.MOUSE_MOVE), y.setInputAction(function(h) {
       c("leftUp", h.position);
-    }, m.ScreenSpaceEventType.LEFT_UP), y.setInputAction(function(h) {
+    }, p.ScreenSpaceEventType.LEFT_UP), y.setInputAction(function(h) {
       c("leftDown", h.position);
-    }, m.ScreenSpaceEventType.LEFT_DOWN);
+    }, p.ScreenSpaceEventType.LEFT_DOWN);
   }, i.prototype.setListener = function(s, a, y) {
     s[a] = y;
   }, i.prototype.muteHandlers = function(s) {
@@ -1858,25 +1858,25 @@ var ye = function() {
     this._editedSurface && !this._editedSurface.isDestroyed() && this._editedSurface.setEditMode(!1), this._editedSurface = s;
   };
   var o = {
-    ellipsoid: m.Ellipsoid.WGS84,
+    ellipsoid: p.Ellipsoid.WGS84,
     textureRotationAngle: 0,
     height: 0,
     asynchronous: !0,
     show: !0,
     debugShowBoundingVolume: !1
   }, r = R(o, {
-    appearance: new m.EllipsoidSurfaceAppearance({
+    appearance: new p.EllipsoidSurfaceAppearance({
       aboveGround: !1
     }),
     material: t,
     granularity: Math.PI / 180
-  }), d = R(o, {}), u = R(o, {}), p = R(o, {}), E = R(r, {
+  }), d = R(o, {}), u = R(o, {}), m = R(o, {}), E = R(r, {
     rotation: 0
-  }), b = R(o, {
+  }), w = R(o, {
     width: 5,
     geodesic: !0,
     granularity: 1e4,
-    appearance: new m.PolylineMaterialAppearance({
+    appearance: new p.PolylineMaterialAppearance({
       aboveGround: !1
     }),
     material: t
@@ -1890,33 +1890,33 @@ var ye = function() {
     }, s.prototype.getAttribute = function(a) {
       return this[a];
     }, s.prototype.update = function(a, y, c) {
-      if (!m.defined(this.ellipsoid))
-        throw new m.DeveloperError("this.ellipsoid must be defined.");
-      if (!m.defined(this.appearance))
-        throw new m.DeveloperError("this.material must be defined.");
+      if (!p.defined(this.ellipsoid))
+        throw new p.DeveloperError("this.ellipsoid must be defined.");
+      if (!p.defined(this.appearance))
+        throw new p.DeveloperError("this.material must be defined.");
       if (this.granularity < 0)
-        throw new m.DeveloperError("this.granularity and scene2D/scene3D overrides must be greater than zero.");
-      if (this.show && !(!this._createPrimitive && !m.defined(this._primitive))) {
+        throw new p.DeveloperError("this.granularity and scene2D/scene3D overrides must be greater than zero.");
+      if (this.show && !(!this._createPrimitive && !p.defined(this._primitive))) {
         if (this._createPrimitive || this._ellipsoid !== this.ellipsoid || this._granularity !== this.granularity || this._height !== this.height || this._textureRotationAngle !== this.textureRotationAngle || this._id !== this.id) {
           var f = this.getGeometry();
           if (!f)
             return;
-          this._createPrimitive = !1, this._ellipsoid = this.ellipsoid, this._granularity = this.granularity, this._height = this.height, this._textureRotationAngle = this.textureRotationAngle, this._id = this.id, this._primitive = this._primitive && this._primitive.destroy(), this._primitive = new m.Primitive({
-            geometryInstances: new m.GeometryInstance({
+          this._createPrimitive = !1, this._ellipsoid = this.ellipsoid, this._granularity = this.granularity, this._height = this.height, this._textureRotationAngle = this.textureRotationAngle, this._id = this.id, this._primitive = this._primitive && this._primitive.destroy(), this._primitive = new p.Primitive({
+            geometryInstances: new p.GeometryInstance({
               geometry: f,
               id: this.id,
               pickPrimitive: this
             }),
             appearance: this.appearance,
             asynchronous: this.asynchronous
-          }), this._outlinePolygon = this._outlinePolygon && this._outlinePolygon.destroy(), this.strokeColor && this.getOutlineGeometry && (this._outlinePolygon = new m.Primitive({
-            geometryInstances: new m.GeometryInstance({
+          }), this._outlinePolygon = this._outlinePolygon && this._outlinePolygon.destroy(), this.strokeColor && this.getOutlineGeometry && (this._outlinePolygon = new p.Primitive({
+            geometryInstances: new p.GeometryInstance({
               geometry: this.getOutlineGeometry(),
               attributes: {
-                color: m.ColorGeometryInstanceAttribute.fromColor(this.strokeColor)
+                color: p.ColorGeometryInstanceAttribute.fromColor(this.strokeColor)
               }
             }),
-            appearance: new m.PerInstanceColorAppearance({
+            appearance: new p.PerInstanceColorAppearance({
               flat: !0,
               renderState: {
                 depthTest: {
@@ -1935,15 +1935,15 @@ var ye = function() {
     }, s.prototype.isDestroyed = function() {
       return !1;
     }, s.prototype.destroy = function() {
-      return this._primitive = this._primitive && this._primitive.destroy(), m.destroyObject(this);
+      return this._primitive = this._primitive && this._primitive.destroy(), p.destroyObject(this);
     }, s.prototype.setStrokeStyle = function(a, y) {
       (!this.strokeColor || !this.strokeColor.equals(a) || this.strokeWidth != y) && (this._createPrimitive = !0, this.strokeColor = a, this.strokeWidth = y);
     }, s;
   }();
   i.ExtentPrimitive = function() {
     function s(a) {
-      if (!m.defined(a.extent))
-        throw new m.DeveloperError("Extent is required");
+      if (!p.defined(a.extent))
+        throw new p.DeveloperError("Extent is required");
       a = R(a, r), this.initialiseOptions(a), this.setExtent(a.extent);
     }
     return s.prototype = new M(), s.prototype.setExtent = function(a) {
@@ -1951,17 +1951,17 @@ var ye = function() {
     }, s.prototype.getExtent = function() {
       return this.getAttribute("extent");
     }, s.prototype.getGeometry = function() {
-      if (m.defined(this.extent))
-        return new m.RectangleGeometry({
+      if (p.defined(this.extent))
+        return new p.RectangleGeometry({
           rectangle: this.extent,
           height: this.height,
-          vertexFormat: m.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
+          vertexFormat: p.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
           stRotation: this.textureRotationAngle,
           ellipsoid: this.ellipsoid,
           granularity: this.granularity
         });
     }, s.prototype.getOutlineGeometry = function() {
-      return new m.RectangleOutlineGeometry({
+      return new p.RectangleOutlineGeometry({
         rectangle: this.extent
       });
     }, s;
@@ -1974,24 +1974,24 @@ var ye = function() {
     }, s.prototype.getPositions = function() {
       return this.getAttribute("positions");
     }, s.prototype.getGeometry = function() {
-      if (!(!m.defined(this.positions) || this.positions.length < 3))
-        return m.PolygonGeometry.fromPositions({
+      if (!(!p.defined(this.positions) || this.positions.length < 3))
+        return p.PolygonGeometry.fromPositions({
           positions: this.positions,
           height: this.height,
-          vertexFormat: m.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
+          vertexFormat: p.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
           stRotation: this.textureRotationAngle,
           ellipsoid: this.ellipsoid,
           granularity: this.granularity
         });
     }, s.prototype.getOutlineGeometry = function() {
-      return m.PolygonOutlineGeometry.fromPositions({
+      return p.PolygonOutlineGeometry.fromPositions({
         positions: this.getPositions()
       });
     }, s;
   }(), i.CirclePrimitive = function() {
     function s(a) {
-      if (!(m.defined(a.center) && m.defined(a.radius)))
-        throw new m.DeveloperError("Center and radius are required");
+      if (!(p.defined(a.center) && p.defined(a.radius)))
+        throw new p.DeveloperError("Center and radius are required");
       a = R(a, r), this.initialiseOptions(a), this.setRadius(a.radius);
     }
     return s.prototype = new M(), s.prototype.setCenter = function(a) {
@@ -2003,26 +2003,26 @@ var ye = function() {
     }, s.prototype.getRadius = function() {
       return this.getAttribute("radius");
     }, s.prototype.getGeometry = function() {
-      if (m.defined(this.center) && m.defined(this.radius))
-        return new m.CircleGeometry({
+      if (p.defined(this.center) && p.defined(this.radius))
+        return new p.CircleGeometry({
           center: this.center,
           radius: this.radius,
           height: this.height,
-          vertexFormat: m.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
+          vertexFormat: p.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
           stRotation: this.textureRotationAngle,
           ellipsoid: this.ellipsoid,
           granularity: this.granularity
         });
     }, s.prototype.getOutlineGeometry = function() {
-      return new m.CircleOutlineGeometry({
+      return new p.CircleOutlineGeometry({
         center: this.getCenter(),
         radius: this.getRadius()
       });
     }, s;
   }(), i.EllipsePrimitive = function() {
     function s(a) {
-      if (!(m.defined(a.center) && m.defined(a.semiMajorAxis) && m.defined(a.semiMinorAxis)))
-        throw new m.DeveloperError("Center and semi major and semi minor axis are required");
+      if (!(p.defined(a.center) && p.defined(a.semiMajorAxis) && p.defined(a.semiMinorAxis)))
+        throw new p.DeveloperError("Center and semi major and semi minor axis are required");
       a = R(a, E), this.initialiseOptions(a);
     }
     return s.prototype = new M(), s.prototype.setCenter = function(a) {
@@ -2042,20 +2042,20 @@ var ye = function() {
     }, s.prototype.getRotation = function() {
       return this.getAttribute("rotation");
     }, s.prototype.getGeometry = function() {
-      if (m.defined(this.center) && m.defined(this.semiMajorAxis) && m.defined(this.semiMinorAxis))
-        return new m.EllipseGeometry({
+      if (p.defined(this.center) && p.defined(this.semiMajorAxis) && p.defined(this.semiMinorAxis))
+        return new p.EllipseGeometry({
           ellipsoid: this.ellipsoid,
           center: this.center,
           semiMajorAxis: this.semiMajorAxis,
           semiMinorAxis: this.semiMinorAxis,
           rotation: this.rotation,
           height: this.height,
-          vertexFormat: m.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
+          vertexFormat: p.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
           stRotation: this.textureRotationAngle,
           granularity: this.granularity
         });
     }, s.prototype.getOutlineGeometry = function() {
-      return new m.EllipseOutlineGeometry({
+      return new p.EllipseOutlineGeometry({
         center: this.getCenter(),
         semiMajorAxis: this.getSemiMajorAxis(),
         semiMinorAxis: this.getSemiMinorAxis(),
@@ -2064,7 +2064,7 @@ var ye = function() {
     }, s;
   }(), i.PolylinePrimitive = function() {
     function s(a) {
-      a = R(a, b), this.initialiseOptions(a);
+      a = R(a, w), this.initialiseOptions(a);
     }
     return s.prototype = new M(), s.prototype.setPositions = function(a) {
       this.setAttribute("positions", a);
@@ -2079,17 +2079,17 @@ var ye = function() {
     }, s.prototype.getGeodesic = function(a) {
       return this.getAttribute("geodesic");
     }, s.prototype.getGeometry = function() {
-      if (!(!m.defined(this.positions) || this.positions.length < 2))
-        return new m.PolylineGeometry({
+      if (!(!p.defined(this.positions) || this.positions.length < 2))
+        return new p.PolylineGeometry({
           positions: this.positions,
           height: this.height,
           width: this.width < 1 ? 1 : this.width,
-          vertexFormat: m.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
+          vertexFormat: p.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
           ellipsoid: this.ellipsoid
         });
     }, s;
   }();
-  var _ = {
+  var T = {
     iconUrl: "./assets/img/dragIcon.png",
     shiftX: 0,
     shiftY: 0
@@ -2106,17 +2106,17 @@ var ye = function() {
     var c = new i.BillboardGroup(this, a);
     return c.addBillboards(s, y), c;
   }, i.BillboardGroup = function(s, a) {
-    this._drawHelper = s, this._scene = s._scene, this._options = R(a, _);
-    var y = new m.BillboardCollection();
+    this._drawHelper = s, this._scene = s._scene, this._options = R(a, T);
+    var y = new p.BillboardCollection();
     this._scene.primitives.add(y), this._billboards = y, this._orderedBillboards = [];
   }, i.BillboardGroup.prototype.createBillboard = function(s, a) {
     var y = this._billboards.add({
       show: !0,
       position: s,
-      pixelOffset: new m.Cartesian2(this._options.shiftX, this._options.shiftY),
-      eyeOffset: new m.Cartesian3(0, 0, 0),
-      horizontalOrigin: m.HorizontalOrigin.CENTER,
-      verticalOrigin: m.VerticalOrigin.CENTER,
+      pixelOffset: new p.Cartesian2(this._options.shiftX, this._options.shiftY),
+      eyeOffset: new p.Cartesian3(0, 0, 0),
+      horizontalOrigin: p.HorizontalOrigin.CENTER,
+      verticalOrigin: p.VerticalOrigin.CENTER,
       scale: 1,
       image: this._options.iconUrl,
       color: n
@@ -2139,16 +2139,16 @@ var ye = function() {
               ;
             a.dragHandlers.onDrag && a.dragHandlers.onDrag(v(), L);
           }
-          function T(L) {
-            w.destroy(), h(!0), a.dragHandlers.onDragEnd && a.dragHandlers.onDragEnd(v(), L);
+          function _(L) {
+            b.destroy(), h(!0), a.dragHandlers.onDragEnd && a.dragHandlers.onDragEnd(v(), L);
           }
-          var w = new m.ScreenSpaceEventHandler(c._scene.canvas);
-          w.setInputAction(function(L) {
+          var b = new p.ScreenSpaceEventHandler(c._scene.canvas);
+          b.setInputAction(function(L) {
             var P = c._scene.camera.pickEllipsoid(L.endPosition, e);
-            P ? S(P) : T(P);
-          }, m.ScreenSpaceEventType.MOUSE_MOVE), w.setInputAction(function(L) {
-            T(c._scene.camera.pickEllipsoid(L.position, e));
-          }, m.ScreenSpaceEventType.LEFT_UP), h(!1), a.dragHandlers.onDragStart && a.dragHandlers.onDragStart(v(), c._scene.camera.pickEllipsoid(C, e));
+            P ? S(P) : _(P);
+          }, p.ScreenSpaceEventType.MOUSE_MOVE), b.setInputAction(function(L) {
+            _(c._scene.camera.pickEllipsoid(L.position, e));
+          }, p.ScreenSpaceEventType.LEFT_UP), h(!1), a.dragHandlers.onDragStart && a.dragHandlers.onDragStart(v(), c._scene.camera.pickEllipsoid(C, e));
         });
       }
       a.onDoubleClick && V(y, "leftDoubleClick", function(g) {
@@ -2183,19 +2183,19 @@ var ye = function() {
   }, i.BillboardGroup.prototype.setOnTop = function() {
     this._scene.primitives.raiseToTop(this._billboards);
   }, i.prototype.startDrawingMarker = function(a) {
-    var a = R(a, _);
+    var a = R(a, T);
     this.startDrawing(function() {
       h.remove(), v.destroy(), f.setVisible(!1);
     });
     var y = this, c = this._scene;
     c.primitives;
-    var f = this._tooltip, h = new i.BillboardGroup(this, a), v = new m.ScreenSpaceEventHandler(c.canvas);
+    var f = this._tooltip, h = new i.BillboardGroup(this, a), v = new p.ScreenSpaceEventHandler(c.canvas);
     v.setInputAction(function(g) {
       if (g.position != null) {
         var C = c.camera.pickEllipsoid(g.position, e);
         C && (h.addBillboard(C), y.stopDrawing(), a.callback(C));
       }
-    }, m.ScreenSpaceEventType.LEFT_CLICK), v.setInputAction(function(g) {
+    }, p.ScreenSpaceEventType.LEFT_CLICK), v.setInputAction(function(g) {
       var C = g.endPosition;
       if (C != null) {
         var S = c.camera.pickEllipsoid(C, e);
@@ -2204,27 +2204,27 @@ var ye = function() {
           "<p>Click to add your marker. Position is: </p>" + U(e.cartesianToCartographic(S))
         ) : f.showAt(C, "<p>Click on the globe to add your marker.</p>");
       }
-    }, m.ScreenSpaceEventType.MOUSE_MOVE);
+    }, p.ScreenSpaceEventType.MOUSE_MOVE);
   }, i.prototype.startDrawingPolygon = function(a) {
     var a = R(a, r);
     this.startDrawingPolyshape(!0, a);
   }, i.prototype.startDrawingPolyline = function(a) {
-    var a = R(a, b);
+    var a = R(a, w);
     this.startDrawingPolyshape(!1, a);
   }, i.prototype.startDrawingPolyshape = function(s, a) {
     this.startDrawing(function() {
-      f.remove(g), S.remove(), T.destroy(), h.setVisible(!1), F(c);
+      f.remove(g), S.remove(), _.destroy(), h.setVisible(!1), F(c);
     });
     var y = this, c = this._scene, f = c.primitives, h = this._tooltip, v = s ? 3 : 2, g;
     s ? g = new ye.PolygonPrimitive(a) : g = new ye.PolylinePrimitive(a), g.asynchronous = !1, f.add(g);
-    var C = [], S = new i.BillboardGroup(this, _), T = new m.ScreenSpaceEventHandler(c.canvas);
-    K(c), T.setInputAction(function(w) {
-      if (w.position != null) {
-        var L = c.camera.pickEllipsoid(w.position, e);
+    var C = [], S = new i.BillboardGroup(this, T), _ = new p.ScreenSpaceEventHandler(c.canvas);
+    K(c), _.setInputAction(function(b) {
+      if (b.position != null) {
+        var L = c.camera.pickEllipsoid(b.position, e);
         L && (C.length == 0 && (C.push(L.clone()), S.addBillboard(C[0])), C.length >= v && (g.positions = C, g._createPrimitive = !0), C.push(L), S.addBillboard(L));
       }
-    }, m.ScreenSpaceEventType.LEFT_CLICK), T.setInputAction(function(w) {
-      var L = w.endPosition;
+    }, p.ScreenSpaceEventType.LEFT_CLICK), _.setInputAction(function(b) {
+      var L = b.endPosition;
       if (L != null)
         if (C.length == 0)
           h.showAt(L, "<p>Click to add first point</p>");
@@ -2235,22 +2235,22 @@ var ye = function() {
             "<p>Click to add new point (" + C.length + ")</p>" + (C.length > v ? "<p>Double click to finish drawing</p>" : "")
           ));
         }
-    }, m.ScreenSpaceEventType.MOUSE_MOVE), T.setInputAction(function(w) {
-      var L = w.position;
+    }, p.ScreenSpaceEventType.MOUSE_MOVE), _.setInputAction(function(b) {
+      var L = b.position;
       if (L != null) {
         if (C.length < v + 2)
           return;
         var P = c.camera.pickEllipsoid(L, e);
         P && (F(c), y.stopDrawing(), typeof a.callback == "function" && (C.length - 1, a.callback(C)));
       }
-    }, m.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
+    }, p.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
   };
   function j(s) {
     return e.cartographicArrayToCartesianArray([
-      m.Rectangle.northwest(s),
-      m.Rectangle.northeast(s),
-      m.Rectangle.southeast(s),
-      m.Rectangle.southwest(s)
+      p.Rectangle.northwest(s),
+      p.Rectangle.northeast(s),
+      p.Rectangle.southeast(s),
+      p.Rectangle.southwest(s)
     ]);
   }
   function K(s) {
@@ -2264,29 +2264,29 @@ var ye = function() {
     this.startDrawing(function() {
       g != null && f.remove(g), C != null && C.remove(), S.destroy(), h.setVisible(!1), F(c);
     });
-    var y = this, c = this._scene, f = this._scene.primitives, h = this._tooltip, v = null, g = null, C = null, S = new m.ScreenSpaceEventHandler(c.canvas);
+    var y = this, c = this._scene, f = this._scene.primitives, h = this._tooltip, v = null, g = null, C = null, S = new p.ScreenSpaceEventHandler(c.canvas);
     K(c);
-    function T(w) {
+    function _(b) {
       g == null && (g = new ye.ExtentPrimitive({
-        extent: w,
+        extent: b,
         material: a.material
-      }), g.asynchronous = !1, f.add(g)), g.setExtent(w);
-      var L = j(w);
-      C == null ? (C = new i.BillboardGroup(y, _), C.addBillboards(L)) : C.updateBillboardsPositions(L);
+      }), g.asynchronous = !1, f.add(g)), g.setExtent(b);
+      var L = j(b);
+      C == null ? (C = new i.BillboardGroup(y, T), C.addBillboards(L)) : C.updateBillboardsPositions(L);
     }
-    S.setInputAction(function(w) {
-      if (w.position != null) {
-        var L = c.camera.pickEllipsoid(w.position, e);
+    S.setInputAction(function(b) {
+      if (b.position != null) {
+        var L = c.camera.pickEllipsoid(b.position, e);
         if (L)
           if (g == null) {
             v = e.cartesianToCartographic(L);
             var P = Y(v, v);
-            T(P);
+            _(P);
           } else
             y.stopDrawing(), typeof a.callback == "function" && a.callback(Y(v, e.cartesianToCartographic(L)));
       }
-    }, m.ScreenSpaceEventType.LEFT_DOWN), S.setInputAction(function(w) {
-      var L = w.endPosition;
+    }, p.ScreenSpaceEventType.LEFT_DOWN), S.setInputAction(function(b) {
+      var L = b.endPosition;
       if (L != null)
         if (g == null)
           h.showAt(L, "<p>Click to start drawing rectangle</p>");
@@ -2294,39 +2294,39 @@ var ye = function() {
           var P = c.camera.pickEllipsoid(L, e);
           if (P) {
             var W = Y(v, e.cartesianToCartographic(P));
-            T(W), h.showAt(L, "<p>Drag to change rectangle extent</p><p>Click again to finish drawing</p>");
+            _(W), h.showAt(L, "<p>Drag to change rectangle extent</p><p>Click again to finish drawing</p>");
           }
         }
-    }, m.ScreenSpaceEventType.MOUSE_MOVE);
+    }, p.ScreenSpaceEventType.MOUSE_MOVE);
   }, i.prototype.startDrawingCircle = function(a) {
     var a = R(a, r);
     this.startDrawing(function() {
       v != null && f.remove(v), g.remove(), C.destroy(), h.setVisible(!1);
     });
-    var y = this, c = this._scene, f = this._scene.primitives, h = this._tooltip, v = null, g = null, C = new m.ScreenSpaceEventHandler(c.canvas);
+    var y = this, c = this._scene, f = this._scene.primitives, h = this._tooltip, v = null, g = null, C = new p.ScreenSpaceEventHandler(c.canvas);
     C.setInputAction(function(S) {
       if (S.position != null) {
-        var T = c.camera.pickEllipsoid(S.position, e);
-        T && (v == null ? (v = new i.CirclePrimitive({
-          center: T,
+        var _ = c.camera.pickEllipsoid(S.position, e);
+        _ && (v == null ? (v = new i.CirclePrimitive({
+          center: _,
           radius: 0,
           asynchronous: !1,
           material: a.material
-        }), f.add(v), g = new i.BillboardGroup(y, _), g.addBillboards([T])) : (typeof a.callback == "function" && a.callback(v.getCenter(), v.getRadius()), y.stopDrawing()));
+        }), f.add(v), g = new i.BillboardGroup(y, T), g.addBillboards([_])) : (typeof a.callback == "function" && a.callback(v.getCenter(), v.getRadius()), y.stopDrawing()));
       }
-    }, m.ScreenSpaceEventType.LEFT_DOWN), C.setInputAction(function(S) {
-      var T = S.endPosition;
-      if (T != null)
+    }, p.ScreenSpaceEventType.LEFT_DOWN), C.setInputAction(function(S) {
+      var _ = S.endPosition;
+      if (_ != null)
         if (v == null)
-          h.showAt(T, "<p>Click to start drawing the circle</p>");
+          h.showAt(_, "<p>Click to start drawing the circle</p>");
         else {
-          var w = c.camera.pickEllipsoid(T, e);
-          w && (v.setRadius(m.Cartesian3.distance(v.getCenter(), w)), g.updateBillboardsPositions(w), h.showAt(T, "<p>Move mouse to change circle radius</p><p>Click again to finish drawing</p>"));
+          var b = c.camera.pickEllipsoid(_, e);
+          b && (v.setRadius(p.Cartesian3.distance(v.getCenter(), b)), g.updateBillboardsPositions(b), h.showAt(_, "<p>Move mouse to change circle radius</p><p>Click again to finish drawing</p>"));
         }
-    }, m.ScreenSpaceEventType.MOUSE_MOVE);
+    }, p.ScreenSpaceEventType.MOUSE_MOVE);
   }, i.prototype.enhancePrimitives = function() {
     var s = this;
-    m.Billboard.prototype.setEditable = function() {
+    p.Billboard.prototype.setEditable = function() {
       if (this._editable)
         return;
       this._editable = !0;
@@ -2335,23 +2335,23 @@ var ye = function() {
         s._scene.screenSpaceCameraController.enableRotate = v;
       }
       V(c, "leftDown", function(v) {
-        function g(T) {
-          c.position = T, f.executeListeners({ name: "drag", positions: T });
+        function g(_) {
+          c.position = _, f.executeListeners({ name: "drag", positions: _ });
         }
-        function C(T) {
-          S.destroy(), h(!0), f.executeListeners({ name: "dragEnd", positions: T });
+        function C(_) {
+          S.destroy(), h(!0), f.executeListeners({ name: "dragEnd", positions: _ });
         }
-        var S = new m.ScreenSpaceEventHandler(s._scene.canvas);
-        S.setInputAction(function(T) {
-          var w = s._scene.camera.pickEllipsoid(T.endPosition, e);
-          w ? g(w) : C(w);
-        }, m.ScreenSpaceEventType.MOUSE_MOVE), S.setInputAction(function(T) {
-          C(s._scene.camera.pickEllipsoid(T.position, e));
-        }, m.ScreenSpaceEventType.LEFT_UP), h(!1);
+        var S = new p.ScreenSpaceEventHandler(s._scene.canvas);
+        S.setInputAction(function(_) {
+          var b = s._scene.camera.pickEllipsoid(_.endPosition, e);
+          b ? g(b) : C(b);
+        }, p.ScreenSpaceEventType.MOUSE_MOVE), S.setInputAction(function(_) {
+          C(s._scene.camera.pickEllipsoid(_.position, e));
+        }, p.ScreenSpaceEventType.LEFT_UP), h(!1);
       }), X(c);
     };
     function a(c) {
-      s._scene, !(this._highlighted && this._highlighted == c) && this._editMode !== !0 && (this._highlighted = c, c ? (s.setHighlighted(this), this._strokeColor = this.strokeColor, this.setStrokeStyle(m.Color.fromCssColorString("white"), this.strokeWidth)) : this._strokeColor ? this.setStrokeStyle(this._strokeColor, this.strokeWidth) : this.setStrokeStyle(void 0, void 0));
+      s._scene, !(this._highlighted && this._highlighted == c) && this._editMode !== !0 && (this._highlighted = c, c ? (s.setHighlighted(this), this._strokeColor = this.strokeColor, this.setStrokeStyle(p.Color.fromCssColorString("white"), this.strokeWidth)) : this._strokeColor ? this.setStrokeStyle(this._strokeColor, this.strokeWidth) : this.setStrokeStyle(void 0, void 0));
     }
     function y(c) {
       if (this._editMode != c)
@@ -2370,7 +2370,7 @@ var ye = function() {
             }, q = function(N) {
               var D = h.positions;
               return e.cartographicToCartesian(
-                new m.EllipsoidGeodesic(
+                new p.EllipsoidGeodesic(
                   e.cartesianToCartographic(D[N]),
                   e.cartesianToCartographic(D[N < D.length - 1 ? N + 1 : 0])
                 ).interpolateUsingFraction(0.5)
@@ -2394,8 +2394,8 @@ var ye = function() {
               }
             };
             v.addBillboards(h.positions, C), this._markers = v;
-            for (var S = [], T = 0, w = h.positions.length + (this.isPolygon ? 0 : -1); T < w; T++)
-              S.push(q(T));
+            for (var S = [], _ = 0, b = h.positions.length + (this.isPolygon ? 0 : -1); _ < b; _++)
+              S.push(q(_));
             var L = {
               dragHandlers: {
                 onDragStart: function(N, D) {
@@ -2412,10 +2412,10 @@ var ye = function() {
                 return "Drag to create a new point";
               }
             };
-            g.addBillboards(S, L), this._editMarkers = g, this._globeClickhandler = new m.ScreenSpaceEventHandler(f.canvas), this._globeClickhandler.setInputAction(function(N) {
+            g.addBillboards(S, L), this._editMarkers = g, this._globeClickhandler = new p.ScreenSpaceEventHandler(f.canvas), this._globeClickhandler.setInputAction(function(N) {
               var D = f.pick(N.position);
               D && D.primitive || h.setEditMode(!1);
-            }, m.ScreenSpaceEventType.LEFT_CLICK), v.setOnTop(), g.setOnTop();
+            }, p.ScreenSpaceEventType.LEFT_CLICK), v.setOnTop(), g.setOnTop();
           }
           this._editMode = !0;
         } else
@@ -2429,7 +2429,7 @@ var ye = function() {
         c.setHighlighted = function(h) {
           this._editMode !== !0 && (h ? (s.setHighlighted(this), this.setWidth(f * 2)) : this.setWidth(f));
         }, c.getExtent = function() {
-          return m.Rectangle.fromCartographicArray(e.cartesianArrayToCartographicArray(this.positions));
+          return p.Rectangle.fromCartographicArray(e.cartesianArrayToCartographicArray(this.positions));
         }, X(c), c.setEditMode(!1);
       }
     }, ye.PolygonPrimitive.prototype.setEditable = function() {
@@ -2450,11 +2450,11 @@ var ye = function() {
                 };
                 var v = new i.BillboardGroup(s, k), g = {
                   dragHandlers: {
-                    onDrag: function(S, T) {
-                      var w = v.getBillboard((S + 2) % 4).position;
-                      c.setExtent(Y(e.cartesianToCartographic(w), e.cartesianToCartographic(T))), v.updateBillboardsPositions(j(c.extent));
+                    onDrag: function(S, _) {
+                      var b = v.getBillboard((S + 2) % 4).position;
+                      c.setExtent(Y(e.cartesianToCartographic(b), e.cartesianToCartographic(_))), v.updateBillboardsPositions(j(c.extent));
                     },
-                    onDragEnd: function(S, T) {
+                    onDragEnd: function(S, _) {
                       C();
                     }
                   },
@@ -2462,10 +2462,10 @@ var ye = function() {
                     return "Drag to change the corners of this extent";
                   }
                 };
-                v.addBillboards(j(c.extent), g), this._markers = v, this._globeClickhandler = new m.ScreenSpaceEventHandler(f.canvas), this._globeClickhandler.setInputAction(function(S) {
-                  var T = f.pick(S.position);
-                  T && !T.isDestroyed() && T.primitive || c.setEditMode(!1);
-                }, m.ScreenSpaceEventType.LEFT_CLICK), v.setOnTop();
+                v.addBillboards(j(c.extent), g), this._markers = v, this._globeClickhandler = new p.ScreenSpaceEventHandler(f.canvas), this._globeClickhandler.setInputAction(function(S) {
+                  var _ = f.pick(S.position);
+                  _ && !_.isDestroyed() && _.primitive || c.setEditMode(!1);
+                }, p.ScreenSpaceEventType.LEFT_CLICK), v.setOnTop();
               }
               this._editMode = !0;
             } else
@@ -2482,7 +2482,7 @@ var ye = function() {
               var v = this;
               if (this._markers == null) {
                 let S = function() {
-                  return m.EllipseOutlineGeometry(
+                  return p.EllipseOutlineGeometry(
                     e,
                     c.getCenter(),
                     c.getSemiMajorAxis(),
@@ -2490,7 +2490,7 @@ var ye = function() {
                     c.getRotation() + Math.PI / 2,
                     Math.PI / 2
                   ).splice(0, 4);
-                }, T = function() {
+                }, _ = function() {
                   c.executeListeners({
                     name: "onEdited",
                     center: c.getCenter(),
@@ -2501,22 +2501,22 @@ var ye = function() {
                 };
                 var g = new i.BillboardGroup(s, k), C = {
                   dragHandlers: {
-                    onDrag: function(w, L) {
-                      var P = m.Cartesian3.distance(c.getCenter(), L);
-                      w % 2 == 0 ? c.setSemiMajorAxis(P) : c.setSemiMinorAxis(P), g.updateBillboardsPositions(S());
+                    onDrag: function(b, L) {
+                      var P = p.Cartesian3.distance(c.getCenter(), L);
+                      b % 2 == 0 ? c.setSemiMajorAxis(P) : c.setSemiMinorAxis(P), g.updateBillboardsPositions(S());
                     },
-                    onDragEnd: function(w, L) {
-                      T();
+                    onDragEnd: function(b, L) {
+                      _();
                     }
                   },
                   tooltip: function() {
                     return "Drag to change the excentricity and radius";
                   }
                 };
-                g.addBillboards(S(), C), this._markers = g, this._globeClickhandler = new m.ScreenSpaceEventHandler(f.canvas), this._globeClickhandler.setInputAction(function(w) {
-                  var L = f.pick(w.position);
+                g.addBillboards(S(), C), this._markers = g, this._globeClickhandler = new p.ScreenSpaceEventHandler(f.canvas), this._globeClickhandler.setInputAction(function(b) {
+                  var L = f.pick(b.position);
                   L && L.primitive || v.setEditMode(!1);
-                }, m.ScreenSpaceEventType.LEFT_CLICK), g.setOnTop();
+                }, p.ScreenSpaceEventType.LEFT_CLICK), g.setOnTop();
               }
               this._editMode = !0;
             } else
@@ -2524,15 +2524,15 @@ var ye = function() {
         }, c.setHighlighted = a, X(c), c.setEditMode(!1);
       }
     }, i.CirclePrimitive.prototype.getCircleCartesianCoordinates = function(c) {
-      for (var f = m.CircleOutlineGeometry.createGeometry(
-        new m.CircleOutlineGeometry({
+      for (var f = p.CircleOutlineGeometry.createGeometry(
+        new p.CircleOutlineGeometry({
           ellipsoid: e,
           center: this.getCenter(),
           radius: this.getRadius(),
           granularity: c
         })
       ), h = 0, v, g = []; h < f.attributes.position.values.length; h += 3)
-        v = f.attributes.position.values, g.push(new m.Cartesian3(v[h], v[h + 1], v[h + 2]));
+        v = f.attributes.position.values, g.push(new p.Cartesian3(v[h], v[h + 1], v[h + 2]));
       return g;
     }, i.CirclePrimitive.prototype.setEditable = function() {
       if (!this.setEditMode) {
@@ -2544,8 +2544,8 @@ var ye = function() {
               var v = this;
               if (this._markers == null) {
                 let S = function() {
-                  return v.getCircleCartesianCoordinates(m.Math.PI_OVER_TWO);
-                }, T = function() {
+                  return v.getCircleCartesianCoordinates(p.Math.PI_OVER_TWO);
+                }, _ = function() {
                   c.executeListeners({
                     name: "onEdited",
                     center: c.getCenter(),
@@ -2554,21 +2554,21 @@ var ye = function() {
                 };
                 var g = new i.BillboardGroup(s, k), C = {
                   dragHandlers: {
-                    onDrag: function(w, L) {
-                      c.setRadius(m.Cartesian3.distance(c.getCenter(), L)), g.updateBillboardsPositions(S());
+                    onDrag: function(b, L) {
+                      c.setRadius(p.Cartesian3.distance(c.getCenter(), L)), g.updateBillboardsPositions(S());
                     },
-                    onDragEnd: function(w, L) {
-                      T();
+                    onDragEnd: function(b, L) {
+                      _();
                     }
                   },
                   tooltip: function() {
                     return "Drag to change the radius";
                   }
                 };
-                g.addBillboards(S(), C), this._markers = g, this._globeClickhandler = new m.ScreenSpaceEventHandler(f.canvas), this._globeClickhandler.setInputAction(function(w) {
-                  var L = f.pick(w.position);
+                g.addBillboards(S(), C), this._markers = g, this._globeClickhandler = new p.ScreenSpaceEventHandler(f.canvas), this._globeClickhandler.setInputAction(function(b) {
+                  var L = f.pick(b.position);
                   L && L.primitive || v.setEditMode(!1);
-                }, m.ScreenSpaceEventType.LEFT_CLICK), g.setOnTop();
+                }, p.ScreenSpaceEventType.LEFT_CLICK), g.setOnTop();
               }
               this._editMode = !0;
             } else
@@ -2578,8 +2578,8 @@ var ye = function() {
     };
   }, i.DrawHelperWidget = function() {
     function s(a, y) {
-      if (!m.defined(y.container))
-        throw new m.DeveloperError("Container is required");
+      if (!p.defined(y.container))
+        throw new p.DeveloperError("Container is required");
       var c = {
         markerIcon: "./assets/img/glyphicons_242_google_maps.png",
         polylineIcon: "./assets/img/glyphicons_097_vector_path_line.png",
@@ -2587,21 +2587,21 @@ var ye = function() {
         circleIcon: "./assets/img/glyphicons_095_vector_path_circle.png",
         extentIcon: "./assets/img/glyphicons_094_vector_path_square.png",
         clearIcon: "./assets/img/glyphicons_067_cleaning.png",
-        polylineDrawingOptions: b,
+        polylineDrawingOptions: w,
         polygonDrawingOptions: d,
         extentDrawingOptions: u,
-        circleDrawingOptions: p
+        circleDrawingOptions: m
       };
       $(y, c);
       var f = this, h = document.createElement("DIV");
       h.className = "toolbar", y.container.appendChild(h);
-      function v(S, T, w, L) {
+      function v(S, _, b, L) {
         var P = document.createElement("DIV");
-        P.className = "button", P.title = w, h.appendChild(P), P.onclick = L;
+        P.className = "button", P.title = b, h.appendChild(P), P.onclick = L;
         var W = document.createElement("SPAN");
         P.appendChild(W);
         var q = document.createElement("IMG");
-        return q.src = T, W.appendChild(q), P;
+        return q.src = _, W.appendChild(q), P;
       }
       var g = a._scene;
       v("marker", y.markerIcon, "Click to start drawing a 2D marker", function() {
@@ -2639,11 +2639,11 @@ var ye = function() {
         });
       }), v("circle", y.circleIcon, "Click to start drawing a Circle", function() {
         a.startDrawingCircle({
-          callback: function(S, T) {
+          callback: function(S, _) {
             f.executeListeners({
               name: "circleCreated",
               center: S,
-              radius: T
+              radius: _
             });
           }
         });
@@ -2658,9 +2658,9 @@ var ye = function() {
     return a = R(a, { container: s }), new i.DrawHelperWidget(this, a);
   };
   function Y(s, a) {
-    var y = new m.Rectangle();
+    var y = new p.Rectangle();
     y.west = Math.min(s.longitude, a.longitude), y.east = Math.max(s.longitude, a.longitude), y.south = Math.min(s.latitude, a.latitude), y.north = Math.max(s.latitude, a.latitude);
-    var c = m.Math.EPSILON7;
+    var c = p.Math.EPSILON7;
     return y.east - y.west < c && (y.east += c * 2), y.north - y.south < c && (y.north += c * 2), y;
   }
   function U(s, a) {
@@ -2706,7 +2706,7 @@ var ye = function() {
 }();
 const Ur = 2, jr = (e, n) => {
   switch (e) {
-    case re.BOX: {
+    case oe.BOX: {
       if (n.features.length !== Ur)
         throw new Error(`${e} must have 2 points`);
       const t = mt(n.features, (o) => {
@@ -2760,35 +2760,35 @@ const Ur = 2, jr = (e, n) => {
 class fs extends ui {
 }
 const ys = (e) => {
-  const { drawState: n, drawingMaterial: t, drawingVertexColor: i, material: o, hollow: r, outlineWidth: d } = e, u = me(), [p, E] = A();
+  const { drawState: n, drawingMaterial: t, drawingVertexColor: i, material: o, hollow: r, outlineWidth: d } = e, u = me(), [m, E] = A();
   O(() => {
     E(
       // eslint-disable-next-line
       new ye(u, t, i)
     );
   }, []), O(() => {
-    if (p) {
-      const M = p;
+    if (m) {
+      const M = m;
       if (n.drawing)
         switch (n.type) {
-          case re.POLYGON:
+          case oe.POLYGON:
             u.scene.globe.depthTestAgainstTerrain = !1, M.startDrawingPolygon({
-              callback: (_) => {
+              callback: (T) => {
                 n.handler({
-                  primitive: _,
-                  type: re.POLYGON,
-                  geojson: Kr(_)
+                  primitive: T,
+                  type: oe.POLYGON,
+                  geojson: Kr(T)
                 });
               }
             });
             break;
-          case re.BOX:
+          case oe.BOX:
             u.scene.globe.depthTestAgainstTerrain = !1, M.startDrawingExtent({
-              callback: (_) => {
+              callback: (T) => {
                 n.handler({
-                  primitive: _,
-                  type: re.BOX,
-                  geojson: qr(_)
+                  primitive: T,
+                  type: oe.BOX,
+                  geojson: qr(T)
                 });
               }
             });
@@ -2799,33 +2799,37 @@ const ys = (e) => {
       else
         M.stopDrawing(), u.scene.globe.depthTestAgainstTerrain = !0;
     }
-  }, [n, p]);
-  const b = (M) => {
-    let _ = M.coordinates !== void 0 ? M.coordinates : jr(M.type, M.geojson);
-    if (r !== !0)
-      switch (M.type) {
-        case re.BOX:
-          return /* @__PURE__ */ l(zr, { coordinates: _, material: o ?? t });
-        case re.POLYGON:
-          return /* @__PURE__ */ l(Vr, { hierarchy: new hi(_), material: o ?? t });
-        default:
-          return /* @__PURE__ */ l(oe, {});
-      }
-    else {
-      switch (M.type) {
-        case re.BOX:
-          _ = Yr(_);
-          break;
-        case re.POLYGON:
-          _ = [..._, _[0]];
-          break;
-        default:
-          return /* @__PURE__ */ l(oe, {});
+  }, [n, m]);
+  const w = (M) => {
+    try {
+      let T = M.coordinates !== void 0 ? M.coordinates : jr(M.type, M.geojson);
+      if (r !== !0)
+        switch (M.type) {
+          case oe.BOX:
+            return /* @__PURE__ */ l(zr, { coordinates: T, material: o ?? t });
+          case oe.POLYGON:
+            return /* @__PURE__ */ l(Vr, { hierarchy: new hi(T), material: o ?? t });
+          default:
+            return /* @__PURE__ */ l(ie, {});
+        }
+      else {
+        switch (M.type) {
+          case oe.BOX:
+            T = Yr(T);
+            break;
+          case oe.POLYGON:
+            T = [...T, T[0]];
+            break;
+          default:
+            return /* @__PURE__ */ l(ie, {});
+        }
+        return /* @__PURE__ */ l(Wr, { positions: T, width: d ?? 1, material: o ?? t });
       }
-      return /* @__PURE__ */ l(Wr, { positions: _, width: d ?? 1, material: o ?? t });
+    } catch (T) {
+      return console.error(T), /* @__PURE__ */ l(ie, {});
     }
   };
-  return /* @__PURE__ */ l($r, { ...e, children: e.drawings.map((M, _) => /* @__PURE__ */ B(Hr, { name: M.name, children: [
+  return /* @__PURE__ */ l($r, { ...e, children: e.drawings.map((M, T) => /* @__PURE__ */ B(Hr, { name: M.name, children: [
     /* @__PURE__ */ B(Gr, { children: [
       /* @__PURE__ */ B("h1", { children: [
         "Drawed Entity ",
@@ -2833,7 +2837,7 @@ const ys = (e) => {
       ] }),
       /* @__PURE__ */ l("p", { children: "This is description of drawed entity" })
     ] }),
-    b(M)
+    w(M)
   ] }, M.id)) });
 };
 class vs extends mi {
@@ -2890,29 +2894,29 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
     const { options: f } = e, { caret: h } = r;
     Y(n, h, f);
   }, [e]);
-  const p = (f, h, v) => {
-    const { trigger: g, matchAny: C, regex: S } = e, T = new RegExp(S);
-    let w = g;
-    Array.isArray(w) || (w = new Array(g)), w.sort();
+  const m = (f, h, v) => {
+    const { trigger: g, matchAny: C, regex: S } = e, _ = new RegExp(S);
+    let b = g;
+    Array.isArray(b) || (b = new Array(g)), b.sort();
     const L = {};
-    Array.isArray(v) && w.forEach((q) => {
+    Array.isArray(v) && b.forEach((q) => {
       L[q] = v;
     });
-    const P = E(w, T);
+    const P = E(b, _);
     let W = {};
     for (let q = 0; q < P.length; q++) {
       const { triggerStr: N, triggerMatch: D, triggerLength: I } = P[q];
       for (let z = h - 1; z >= 0; --z) {
-        const ie = f.substring(z, h).match(T);
+        const re = f.substring(z, h).match(_);
         let ee = -1;
         if (I > 0) {
           const se = D ? z : z - I + 1;
-          if (se < 0 || (b(N, f, se) && (ee = se + I), !ie && ee < 0))
+          if (se < 0 || (w(N, f, se) && (ee = se + I), !re && ee < 0))
             break;
         } else {
-          if (ie && z > 0)
+          if (re && z > 0)
             continue;
-          if (ee = z === 0 && ie ? 0 : z + 1, h - ee === 0)
+          if (ee = z === 0 && re ? 0 : z + 1, h - ee === 0)
             break;
         }
         if (ee >= 0) {
@@ -2938,22 +2942,22 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
     triggerStr: g,
     triggerMatch: g.match(h),
     triggerLength: g.length
-  })), b = (f, h, v) => !f || !f.length || h.substr(v, f.length) === f, M = (f) => {
-    const { onChange: h, options: v, spaceRemovers: g, spacer: C, value: S } = e, T = n, w = f.target.value, L = Mi(_(f.target)).end;
-    if (w.length || F({
+  })), w = (f, h, v) => !f || !f.length || h.substr(v, f.length) === f, M = (f) => {
+    const { onChange: h, options: v, spaceRemovers: g, spacer: C, value: S } = e, _ = n, b = f.target.value, L = Mi(T(f.target)).end;
+    if (b.length || F({
       ...r,
       helperVisible: !1
-    }), t(w), F({
+    }), t(b), F({
       ...r,
       caret: L,
       value: f.target.value
-    }), !w.length || !L)
+    }), !b.length || !L)
       return h(f.target.value);
-    if (i && g.length && w.length > 2 && C.length) {
-      for (let P = 0; P < Math.max(T.length, w.length); ++P)
-        if (T[P] !== w[P]) {
-          if (P >= 2 && w[P - 1] === C && g.indexOf(w[P - 2]) === -1 && g.indexOf(w[P]) !== -1 && !Je(p(w.substring(0, P - 2), L - 3, v))) {
-            const W = `${w.slice(0, P - 1)}${w.slice(P, P + 1)}${w.slice(P - 1, P)}${w.slice(P + 1)}`;
+    if (i && g.length && b.length > 2 && C.length) {
+      for (let P = 0; P < Math.max(_.length, b.length); ++P)
+        if (_[P] !== b[P]) {
+          if (P >= 2 && b[P - 1] === C && g.indexOf(b[P - 2]) === -1 && g.indexOf(b[P]) !== -1 && !Je(m(b.substring(0, P - 2), L - 3, v))) {
+            const W = `${b.slice(0, P - 1)}${b.slice(P, P + 1)}${b.slice(P - 1, P)}${b.slice(P + 1)}`;
             return K(P + 1), u.current !== null && (u.current.value = W), S || F({
               ...r,
               value: W
@@ -2963,8 +2967,8 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
         }
       o(!1);
     }
-    return Y(w, L, v), h(f.target.value);
-  }, _ = (f) => {
+    return Y(b, L, v), h(f.target.value);
+  }, T = (f) => {
     if (f !== void 0)
       if (f.children.length > 0) {
         const h = f.getElementsByTagName("textarea");
@@ -3013,14 +3017,14 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
       helperVisible: !1
     });
   }, j = (f) => {
-    const { spacer: h, onSelect: v, changeOnSelect: g } = e, { matchStart: C, matchLength: S, options: T, trigger: w } = r, L = T[f], P = n, W = P.substring(0, C - w.length), q = P.substring(C + S), N = { target: u.current }, D = g(w, L);
+    const { spacer: h, onSelect: v, changeOnSelect: g } = e, { matchStart: C, matchLength: S, options: _, trigger: b } = r, L = _[f], P = n, W = P.substring(0, C - b.length), q = P.substring(C + S), N = { target: u.current }, D = g(b, L);
     N.target !== null && (N.target.value = `${W}${D}${h}${q}`), M(N), N.target !== null && v(N.target.value), U(), K(W.length + D.length + 1), o(!0);
   }, K = (f) => {
     F({
       ...r,
       caret: f
     });
-    const h = _(u.current);
+    const h = T(u.current);
     Pi(h, f);
   }, F = (f) => {
     setTimeout(() => {
@@ -3032,14 +3036,14 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
     const g = u.current;
     if (u.current === null)
       return;
-    const C = _(g);
+    const C = T(g);
     if (C === void 0)
       return;
-    const S = g.getBoundingClientRect(), T = p(f, h, v);
-    if (Object.keys(T).length > 0 && C !== null) {
-      const w = Li(C, h), L = C.getBoundingClientRect(), { minChars: P, onRequestOptions: W, requestOnlyIfNoOptions: q, mode: N } = e;
+    const S = g.getBoundingClientRect(), _ = m(f, h, v);
+    if (Object.keys(_).length > 0 && C !== null) {
+      const b = Li(C, h), L = C.getBoundingClientRect(), { minChars: P, onRequestOptions: W, requestOnlyIfNoOptions: q, mode: N } = e;
       let D, I, z, de = "unset";
-      N === "assist" ? (D = g === C ? w.top + C.offsetTop : w.top + S.top, I = Math.min(w.left + C.offsetLeft - no, C.offsetLeft + L.width - io)) : (D = S.top + g.offsetHeight, I = g.offsetLeft, z = g.offsetLeft - g.offsetWidth, de = `${S.width}px`), T.matchLength >= P && (T.options.length > 1 || T.options.length === 1 && T.options[0].length !== T.matchLength) ? F({
+      N === "assist" ? (D = g === C ? b.top + C.offsetTop : b.top + S.top, I = Math.min(b.left + C.offsetLeft - no, C.offsetLeft + L.width - io)) : (D = S.top + g.offsetHeight, I = g.offsetLeft, z = g.offsetLeft - g.offsetWidth, de = `${S.width}px`), _.matchLength >= P && (_.options.length > 1 || _.options.length === 1 && _.options[0].length !== _.matchLength) ? F({
         ...r,
         value: f,
         helperVisible: !0,
@@ -3047,8 +3051,8 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
         left: I,
         right: z,
         width: de,
-        ...T
-      }) : ((!q || !T.options.length) && W(f.substr(T.matchStart, T.matchLength)), U());
+        ..._
+      }) : ((!q || !_.options.length) && W(f.substr(_.matchStart, _.matchLength)), U());
     } else
       U();
   }, U = () => {
@@ -3060,23 +3064,23 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
       });
     }, 100);
   }, x = () => {
-    const { helperVisible: f, left: h, right: v, matchStart: g, matchLength: C, options: S, selection: T, top: w, value: L, width: P } = r;
+    const { helperVisible: f, left: h, right: v, matchStart: g, matchLength: C, options: S, selection: _, top: b, value: L, width: P } = r;
     if (!f)
       return null;
     const { maxOptions: W, offsetX: q, offsetY: N, direction: D } = e;
     if (S.length === 0)
       return null;
-    if (T >= S.length)
+    if (_ >= S.length)
       return F({
         ...r,
         selection: 0
       }), null;
-    const I = W === 0 ? S.length : W, z = S.slice(0, I).map((ie, ee) => {
-      const se = ie.toLowerCase().indexOf(L.substr(g, C).toLowerCase());
+    const I = W === 0 ? S.length : W, z = S.slice(0, I).map((re, ee) => {
+      const se = re.toLowerCase().indexOf(L.substr(g, C).toLowerCase());
       return /* @__PURE__ */ B(
         "li",
         {
-          className: ee === T ? "active" : void 0,
+          className: ee === _ ? "active" : void 0,
           onClick: () => {
             j(ee);
           },
@@ -3087,19 +3091,19 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
             });
           },
           children: [
-            ie.slice(0, se),
-            /* @__PURE__ */ l("strong", { children: ie.substr(se, C) }),
-            ie.slice(se + C)
+            re.slice(0, se),
+            /* @__PURE__ */ l("strong", { children: re.substr(se, C) }),
+            re.slice(se + C)
           ]
         },
-        ie
+        re
       );
     }), de = D === "ltr" ? { left: h + q } : { right: v + q };
-    return /* @__PURE__ */ l("ul", { className: "react-autocomplete-input", style: { ...de, top: w + N, width: P }, children: z });
+    return /* @__PURE__ */ l("ul", { className: "react-autocomplete-input", style: { ...de, top: b + N, width: P }, children: z });
   }, { Component: $, ComponentProps: R, defaultValue: V, disabled: X, onBlur: s, value: a, ...y } = e, c = Object.assign({}, y);
   return Object.keys(e).forEach((f) => {
     delete c[f];
-  }), /* @__PURE__ */ B(oe, { children: [
+  }), /* @__PURE__ */ B(ie, { children: [
     fe.cloneElement($, {
       disabled: X,
       onBlur: s,
@@ -3276,9 +3280,9 @@ const Ns = fe.memo(
       files: r,
       folderChain: d,
       onFileAction: u,
-      ...p
+      ...m
     }, E) => {
-      const b = pe(
+      const w = pe(
         (V) => null,
         // file.thumbnailUrl ? `https://chonky.io${file.thumbnailUrl}` : null,
         []
@@ -3293,7 +3297,7 @@ const Ns = fe.memo(
           }
         }
       })();
-      const M = (V) => V.replace(/([A-Z])/g, (X) => "-" + X.toLowerCase()), _ = Fe(() => e !== void 0 ? Object.keys(e).reduce((X, s) => {
+      const M = (V) => V.replace(/([A-Z])/g, (X) => "-" + X.toLowerCase()), T = Fe(() => e !== void 0 ? Object.keys(e).reduce((X, s) => {
         const a = e[s];
         return s = s.startsWith("--") ? s : `--fp-theme-${M(s)}`, X[s] = a, X;
       }, {}) : {}, [e]), [k, H] = A(!1), [j, K] = A(), [F, Y] = A(!1), [U, x] = A(), [$, R] = A();
@@ -3304,7 +3308,7 @@ const Ns = fe.memo(
         {
           style: {
             ...n,
-            ..._
+            ...T
           },
           children: /* @__PURE__ */ l(
             Ii,
@@ -3315,13 +3319,13 @@ const Ns = fe.memo(
               onFileAction: (V) => {
                 typeof u == "function" && u(V);
               },
-              thumbnailGenerator: b,
+              thumbnailGenerator: w,
               defaultFileViewActionId: j,
               disableDragAndDrop: F,
               fileActions: U,
               darkMode: k,
               i18n: $,
-              ...p
+              ...m
             }
           )
         }
@@ -3374,7 +3378,7 @@ export {
   ns as DateTimePicker,
   Bi as DateTimeRangePicker,
   Qo as DateTimeRangePickerFormControl,
-  re as DrawType,
+  oe as DrawType,
   Os as FileHelper,
   Ns as FilePicker,
   Rs as FilePickerActions,