@map-colonies/react-components 4.7.1 → 4.7.3

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

@@ -12,7 +12,7 @@ import qt from "@date-io/date-fns";
 import { createTheme as Sn, makeStyles as Fe, createStyles as Ke } from "@material-ui/core/styles";
 import { Box as _n, ThemeProvider as Yt, Popover as Mn, Paper as ot, TableRow as $e, TableCell as Ae, TableSortLabel as Pn, IconButton as xn, Collapse as In, TableContainer as Dn, Table as On, TableBody as An, Typography as kn, TablePagination as Rn } from "@material-ui/core";
 import { useTheme as Xt, ThemeProvider as Nn, Button as Ne, TextField as We, Tooltip as st, Menu as Bn, MenuItem as Ze, Icon as _e, Dialog as Fn, DialogTitle as Hn, DialogContent as Gn, Drawer as Vn, DrawerHeader as zn, DrawerTitle as $n, DrawerContent as Wn, LinearProgress as Un } from "@map-colonies/react-core";
-import { default as Za } from "@material-ui/core/useMediaQuery";
+import { default as Qa } from "@material-ui/core/useMediaQuery";
 import jn, { registerLocale as Kn } from "react-datepicker";
 import qn from "date-fns/locale/he";
 import De from "moment";
@@ -45,21 +45,21 @@ import bi from "@material-ui/core/ScopedCssBaseline";
 import { createPortal as Li } from "react-dom";
 import { Viewer as Si, Cesium3DTileset as _i, GeoJsonDataSource as Mi, ImageryLayer as Pi, Entity as xi, EntityDescription as Qt, PolygonGraphics as Ii, RectangleGraphics as Di, CustomDataSource as Oi, PolylineGraphics as Ai } from "resium";
 import * as g from "cesium";
-import { Math as fe, SceneMode as Le, Cartesian2 as Ce, Cartographic as He, PolylineDashMaterialProperty as ki, ConstantProperty as Ri, ConstantPositionProperty as Ni, Cartesian3 as ve, BoundingSphere as Bi, Ellipsoid as en, GeographicTilingScheme as Fi, Rectangle as Oe, Resource as Hi, EllipsoidTerrainProvider as Gi, CesiumTerrainProvider as Vi, VerticalOrigin as at, LabelStyle as tn, ScreenSpaceEventType as zi, WebMercatorProjection as $i, EventHelper as Wi, EllipsoidGeodesic as Ui, UrlTemplateImageryProvider as mt, WebMapServiceImageryProvider as pt, WebMapTileServiceImageryProvider as gt, Event as ji, SingleTileImageryProvider as Ki, Viewer as qi, Matrix4 as Yi, OpenStreetMapImageryProvider as Xi, Color as lt, PolygonHierarchy as Zi, viewerCesiumInspectorMixin as Ji, sampleTerrainMostDetailed as Qi } from "cesium";
-import { Math as Qa, sampleTerrainMostDetailed as el } from "cesium";
-import { get as Z, isNumber as Ue, isEmpty as ct, isArray as er, cloneDeep as tr, find as _t } from "lodash";
-import nr from "@turf/boolean-point-in-polygon";
+import { Math as fe, SceneMode as Le, Cartesian2 as Ce, Cartographic as He, PolylineDashMaterialProperty as ki, ConstantProperty as Ri, ConstantPositionProperty as Ni, Cartesian3 as ve, BoundingSphere as Bi, Ellipsoid as en, GeographicTilingScheme as Fi, Rectangle as Oe, Resource as Hi, EllipsoidTerrainProvider as Gi, CesiumTerrainProvider as Vi, VerticalOrigin as at, HorizontalOrigin as zi, LabelStyle as tn, ScreenSpaceEventType as $i, WebMercatorProjection as Wi, EventHelper as Ui, EllipsoidGeodesic as ji, UrlTemplateImageryProvider as mt, WebMapServiceImageryProvider as pt, WebMapTileServiceImageryProvider as gt, Event as Ki, SingleTileImageryProvider as qi, Viewer as Yi, Matrix4 as Xi, OpenStreetMapImageryProvider as Zi, Color as lt, PolygonHierarchy as Ji, viewerCesiumInspectorMixin as Qi, sampleTerrainMostDetailed as er } from "cesium";
+import { Math as tl, sampleTerrainMostDetailed as nl } from "cesium";
+import { get as Z, isNumber as Ue, isEmpty as ct, isArray as tr, cloneDeep as nr, find as _t } from "lodash";
+import ir from "@turf/boolean-point-in-polygon";
 import "@map-colonies/react-core/dist/linear-progress/styles";
-import ir from "@cmcleese/cesium-navigation";
+import rr from "@cmcleese/cesium-navigation";
 import "@cmcleese/cesium-navigation/dist/index.css";
 import * as nn from "@turf/helpers";
 import rn from "@turf/bbox";
 import on from "@turf/bbox-polygon";
-import rr from "textarea-caret";
-import or, { setCaretPosition as sr } from "get-input-selection";
-import { ChonkyActions as F, FileHelper as sn, setChonkyDefaults as ar, FullFileBrowser as lr } from "chonky";
-import { ChonkyIconFA as cr } from "chonky-icon-fontawesome";
-import dr from "filesize";
+import or from "textarea-caret";
+import sr, { setCaretPosition as ar } from "get-input-selection";
+import { ChonkyActions as F, FileHelper as sn, setChonkyDefaults as lr, FullFileBrowser as cr } from "chonky";
+import { ChonkyIconFA as dr } from "chonky-icon-fontawesome";
+import ur from "filesize";
 var le = /* @__PURE__ */ ((e) => (e.BOX = "BOX", e.POLYGON = "POLYGON", e.UNKNOWN = "UNKNOWN", e))(le || {}), he = /* @__PURE__ */ ((e) => (e.HE = "he", e.EN = "en", e.RU = "ru", e))(he || {}), dt = /* @__PURE__ */ ((e) => (e.TOP_RIGHT = "TOP_RIGHT", e.BOTTOM_LEFT = "BOTTOM_LEFT", e))(dt || {});
 const J = {
   // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -93,8 +93,8 @@ const J = {
   return /* @__PURE__ */ l(_n, { ...t, children: n });
 }, an = (e) => {
   const n = e.type === "dark";
-  return Ee.useMemo(() => ur(e, n), [n, e]);
-}, ur = (e, n = !1) => Sn({
+  return Ee.useMemo(() => hr(e, n), [n, e]);
+}, hr = (e, n = !1) => Sn({
   palette: {
     type: n ? "dark" : "light",
     primary: {
@@ -116,22 +116,22 @@ const J = {
     }
   }
 });
-const hr = 2, mr = 0.5, pr = Fe(
+const mr = 2, pr = 0.5, gr = Fe(
   (e) => Ke({
     container: {
-      padding: e.spacing(hr),
+      padding: e.spacing(mr),
       alignItems: "center"
     },
     setButton: {
       marginTop: e.spacing(1)
     },
     margin: {
-      marginLeft: e.spacing(mr)
+      marginLeft: e.spacing(pr)
     }
   })
-), gr = (e) => {
+), fr = (e) => {
   var j, O, z, k;
-  const n = pr(), t = Xt(), i = an(t), [o, r] = D(null), [c, u] = D(null), [m, p] = D(J.DATE_RANGE_PICKER.dateFormat), E = e.controlsLayout ?? J.DATE_RANGE_PICKER.controlsLayout, L = e.disableFuture ?? J.DATE_RANGE_PICKER.disableFuture, w = ((j = e.local) == null ? void 0 : j.startPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.startPlaceHolderText, P = ((O = e.local) == null ? void 0 : O.endPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.endPlaceHolderText, A = ((z = e.local) == null ? void 0 : z.setText) ?? J.DATE_RANGE_PICKER.local.setText, Y = (((k = e.local) == null ? void 0 : k.calendarLocale) ?? J.DATE_RANGE_PICKER.local.calendarLocale) === he.HE ? Ut : jt;
+  const n = gr(), t = Xt(), i = an(t), [o, r] = D(null), [c, u] = D(null), [m, p] = D(J.DATE_RANGE_PICKER.dateFormat), v = e.controlsLayout ?? J.DATE_RANGE_PICKER.controlsLayout, L = e.disableFuture ?? J.DATE_RANGE_PICKER.disableFuture, w = ((j = e.local) == null ? void 0 : j.startPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.startPlaceHolderText, P = ((O = e.local) == null ? void 0 : O.endPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.endPlaceHolderText, A = ((z = e.local) == null ? void 0 : z.setText) ?? J.DATE_RANGE_PICKER.local.setText, Y = (((k = e.local) == null ? void 0 : k.calendarLocale) ?? J.DATE_RANGE_PICKER.local.calendarLocale) === he.HE ? Ut : jt;
   I(() => {
     r(e.from ?? null);
   }, [e.from]), I(() => {
@@ -152,8 +152,8 @@ const hr = 2, mr = 0.5, pr = Fe(
     {
       className: `${n.container} drpContainer`,
       display: "flex",
-      flexDirection: E,
-      width: E === "column" ? e.contentWidth : "unset",
+      flexDirection: v,
+      width: v === "column" ? e.contentWidth : "unset",
       children: /* @__PURE__ */ N(Kt, { utils: qt, locale: Y, children: [
         /* @__PURE__ */ l(
           rt,
@@ -195,15 +195,15 @@ const hr = 2, mr = 0.5, pr = Fe(
       ] })
     }
   ) });
-}, fr = (e) => {
+}, yr = (e) => {
   const { children: n, ...t } = e;
   return /* @__PURE__ */ l(Mn, { ...t, children: n });
 };
-const Qs = (e) => {
+const ea = (e) => {
   var O, z;
   const [n, t] = D(null), [i, o] = D(null), [r, c] = D(J.DATE_RANGE_PICKER.dateFormat), [u, m] = Ee.useState(null), p = (k) => {
     m(k.currentTarget);
-  }, E = (k) => {
+  }, v = (k) => {
     k.currentTarget.tagName === "I" ? m(k.currentTarget.previousElementSibling) : m(k.currentTarget);
   }, L = () => {
     m(null);
@@ -224,16 +224,16 @@ const Qs = (e) => {
         readOnly: !0,
         style: { width: e.width },
         value: j,
-        onClick: E,
+        onClick: v,
         trailingIcon: {
           icon: "date_range",
           tabIndex: 0,
-          onClick: E
+          onClick: v
         }
       }
     ),
-    /* @__PURE__ */ l(fr, { open: w, anchorEl: u, onClose: L, anchorOrigin: { vertical: "bottom", horizontal: "left" }, keepMounted: !0, children: /* @__PURE__ */ l(
-      gr,
+    /* @__PURE__ */ l(yr, { open: w, anchorEl: u, onClose: L, anchorOrigin: { vertical: "bottom", horizontal: "left" }, keepMounted: !0, children: /* @__PURE__ */ l(
+      fr,
       {
         controlsLayout: P,
         contentWidth: ((u == null ? void 0 : u.clientWidth) ?? 0) - G,
@@ -250,7 +250,7 @@ const Qs = (e) => {
       }
     ) })
   ] });
-}, Qe = (e) => typeof e < "u" && e !== null && "startDate" in e && "endDate" in e, ea = ({
+}, Qe = (e) => typeof e < "u" && e !== null && "startDate" in e && "endDate" in e, ta = ({
   endDate: e,
   startDate: n,
   setEndDate: t = () => {
@@ -263,9 +263,9 @@ const Qs = (e) => {
   timeRangeInputsWrapperClassName: u = "",
   startTimeInputClassName: m = "",
   startTimeLabel: p = "",
-  startTimeWrapperClassName: E = ""
+  startTimeWrapperClassName: v = ""
 }) => /* @__PURE__ */ N("div", { className: `timeRangeWrapper ${u}`, children: [
-  /* @__PURE__ */ l("div", { className: `startTimeWrapper ${E}`, children: /* @__PURE__ */ l(
+  /* @__PURE__ */ l("div", { className: `startTimeWrapper ${v}`, children: /* @__PURE__ */ l(
     We,
     {
       label: p,
@@ -301,7 +301,7 @@ const Qs = (e) => {
       }
     }
   ) })
-] }), yr = wn(
+] }), vr = wn(
   ({ value: e, onClick: n, onInputClick: t, ...i }, o) => /* @__PURE__ */ l(
     We,
     {
@@ -315,7 +315,7 @@ const Qs = (e) => {
       value: e
     }
   )
-), vr = ({ setStartDate: e = () => {
+), Er = ({ setStartDate: e = () => {
 }, setEndDate: n = () => {
 }, shortcuts: t, dateRange: i, onShortcut: o }) => {
   const [r, c] = D(), u = Be(
@@ -328,7 +328,7 @@ const Qs = (e) => {
       r ? m.id === r && (p || c(void 0)) : p && c(m.id);
     }
   }, [i, r, u]), /* @__PURE__ */ l("div", { className: "shortcutsContainer", children: u.map((m, p) => {
-    const E = () => {
+    const v = () => {
       e(m.startDate), n(m.endDate);
     };
     return /* @__PURE__ */ l(
@@ -337,7 +337,7 @@ const Qs = (e) => {
         type: "button",
         className: `shortcut ${r === m.id ? "selected" : ""}`,
         onClick: (L) => {
-          E(), o == null || o({ startDate: m.startDate, endDate: m.endDate });
+          v(), o == null || o({ startDate: m.startDate, endDate: m.endDate });
         },
         outlined: !0,
         children: m.label
@@ -345,7 +345,7 @@ const Qs = (e) => {
       m.id + p
     );
   }) });
-}, ta = Ee.forwardRef((e, n) => {
+}, na = Ee.forwardRef((e, n) => {
   const {
     // Time range input props
     // endTimeInputClassName,
@@ -365,23 +365,23 @@ const Qs = (e) => {
     showMonthYearDropdown: m,
     // withTimeRange,
     withShortcuts: p,
-    locale: E = "en"
+    locale: v = "en"
   } = e, [L, w] = D(null), [P, A] = D(null), [H, Y] = D(!1), G = r ? { startDate: L, endDate: P } : L;
   I(() => {
-    E === "he" && Kn("he", qn);
-  }, [E]), I(() => {
+    v === "he" && Kn("he", qn);
+  }, [v]), I(() => {
     var O, z;
     ((O = e.startDate) == null ? void 0 : O.toString()) !== (L == null ? void 0 : L.toString()) && w(e.startDate), ((z = e.endDate) == null ? void 0 : z.toString()) !== (P == null ? void 0 : P.toString()) && A(e.endDate);
   }, [e.startDate, e.endDate, L, P]);
   const U = Be(() => {
-    let O = "pickerContainer" + (E === "he" ? " pickerContainer-rtl" : "");
+    let O = "pickerContainer" + (v === "he" ? " pickerContainer-rtl" : "");
     return p && r && (O += " pickerContainer-withShortcuts"), O;
-  }, [E, p, r]), j = m ? {
+  }, [v, p, r]), j = m ? {
     showMonthDropdown: !0,
     showYearDropdown: !0,
     dropdownMode: "select"
   } : {};
-  return /* @__PURE__ */ l("div", { className: U, style: { direction: E === "he" ? "rtl" : "ltr" }, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l("div", { className: U, style: { direction: v === "he" ? "rtl" : "ltr" }, children: /* @__PURE__ */ l(
     jn,
     {
       ...e,
@@ -403,12 +403,12 @@ const Qs = (e) => {
         } else
           w(O), c == null || c(O, z);
       },
-      customInput: /* @__PURE__ */ l(yr, { name: u, onInputClick: () => {
+      customInput: /* @__PURE__ */ l(vr, { name: u, onInputClick: () => {
         Y(!0);
       } }),
       showTimeInput: !!(p && r),
       timeInputLabel: "",
-      customTimeInput: p && Qe(G) && /* @__PURE__ */ l(vr, { onShortcut: (O) => {
+      customTimeInput: p && Qe(G) && /* @__PURE__ */ l(Er, { onShortcut: (O) => {
         c == null || c(O), Y(!1);
       }, shortcuts: p, setEndDate: A, setStartDate: w, dateRange: G }),
       showMonthYearDropdown: void 0,
@@ -416,7 +416,7 @@ const Qs = (e) => {
     }
   ) });
 });
-const na = (e) => {
+const ia = (e) => {
   const n = Xt(), t = an(n), {
     format: i = J.DATE_PICKER.dateFormat,
     variant: o = J.DATE_PICKER.variant,
@@ -425,7 +425,7 @@ const na = (e) => {
     onChange: u,
     showTime: m = J.DATE_PICKER.showTime,
     value: p,
-    ...E
+    ...v
   } = e, { placeHolderText: L = J.DATE_PICKER.local.placeHolderText, calendarLocale: w } = c ?? {
     placeHolderText: J.DATE_PICKER.local.placeHolderText,
     calendarLocale: he.EN
@@ -442,7 +442,7 @@ const na = (e) => {
         value: p,
         disableFuture: r,
         format: i,
-        ...E
+        ...v
       }
     ),
     !m && /* @__PURE__ */ l(
@@ -454,23 +454,23 @@ const na = (e) => {
         value: p,
         disableFuture: r,
         format: i,
-        ...E
+        ...v
       }
     )
   ] }) });
-}, Er = 18, Cr = Fe(
+}, Cr = 18, wr = Fe(
   (e) => Ke({
     drawingButton: {
-      width: e.spacing(Er)
+      width: e.spacing(Cr)
     },
     fullWidth: {
       width: "100%",
       marginTop: "36px"
     }
   })
-), wr = (e) => {
-  const n = Cr(), [t, i] = Ee.useState(null), { isSelectionEnabled: o, onCancelDraw: r, onStartDraw: c, onReset: u } = e, m = (E) => {
-    i(E.currentTarget);
+), Tr = (e) => {
+  const n = wr(), [t, i] = Ee.useState(null), { isSelectionEnabled: o, onCancelDraw: r, onStartDraw: c, onReset: u } = e, m = (v) => {
+    i(v.currentTarget);
   }, p = () => {
     i(null);
   };
@@ -516,7 +516,7 @@ const na = (e) => {
   ] });
 };
 var ge = /* @__PURE__ */ ((e) => (e.WGS84 = "EPSG:4326", e.WEB_MERCATOR = "EPSG:3857", e))(ge || {});
-const ut = 5, ht = 2, ln = Me(null), Tr = ln.Provider, Mt = 35, Pt = 32, br = 10, Lr = (e) => e !== void 0 && e !== ge.WGS84 ? Qn([Mt, Pt], ge.WGS84, e) : [Mt, Pt], Sr = (e) => {
+const ut = 5, ht = 2, ln = Me(null), br = ln.Provider, Mt = 35, Pt = 32, Lr = 10, Sr = (e) => e !== void 0 && e !== ge.WGS84 ? Qn([Mt, Pt], ge.WGS84, e) : [Mt, Pt], _r = (e) => {
   switch (e) {
     case ge.WEB_MERCATOR:
       return (n) => bt(n, "Mercator: {y}m, {x}m", ht);
@@ -530,7 +530,7 @@ const ut = 5, ht = 2, ln = Me(null), Tr = ln.Provider, Mt = 35, Pt = 32, br = 10
   if (e === null)
     throw new Error("map context is null, please check the provider");
   return e;
-}, _r = (e) => {
+}, Mr = (e) => {
   const n = Se(null), { allowFullScreen: t, showMousePosition: i, projection: o } = e, [r] = D(
     new Xn({
       view: new Zn({
@@ -540,13 +540,13 @@ const ut = 5, ht = 2, ln = Me(null), Tr = ln.Provider, Mt = 35, Pt = 32, br = 10
     })
   );
   I(() => {
-    r.getView().setCenter(e.center ?? Lr(e.projection));
+    r.getView().setCenter(e.center ?? Sr(e.projection));
   }, [r, e.center, e.projection]), I(() => {
-    r.getView().setZoom(e.zoom ?? br);
+    r.getView().setZoom(e.zoom ?? Lr);
   }, [r, e.zoom, e.projection]);
   const c = (u, m) => {
-    m.getControls().forEach((E) => {
-      E instanceof u && m.removeControl(E);
+    m.getControls().forEach((v) => {
+      v instanceof u && m.removeControl(v);
     });
   };
   return I(() => {
@@ -554,47 +554,47 @@ const ut = 5, ht = 2, ln = Me(null), Tr = ln.Provider, Mt = 35, Pt = 32, br = 10
   }, [r, t]), I(() => {
     i !== void 0 && i ? (c(Je, r), r.addControl(
       new Je({
-        coordinateFormat: Sr(o ?? ge.WGS84),
+        coordinateFormat: _r(o ?? ge.WGS84),
         projection: o ?? ge.WGS84,
         undefinedHTML: "&nbsp;"
       })
     )) : c(Je, r);
-  }, [r, i, o]), /* @__PURE__ */ N(Tr, { value: r, children: [
+  }, [r, i, o]), /* @__PURE__ */ N(br, { value: r, children: [
     /* @__PURE__ */ l("div", { className: "map", ref: n }),
     e.children
   ] });
-}, cn = Me(null), Mr = cn.Provider, qe = () => {
+}, cn = Me(null), Pr = cn.Provider, qe = () => {
   const e = Pe(cn);
   if (e === null)
     throw new Error("tile layer context is null, please check the provider");
   return e;
-}, Pr = ({ options: e, children: n }) => {
+}, xr = ({ options: e, children: n }) => {
   const t = ke(), [i] = D(new ti(e));
   return I(() => (t.addLayer(i), () => {
     t.removeLayer(i);
-  }), [t, i]), /* @__PURE__ */ l(Mr, { value: i, children: n });
-}, dn = Me(null), xr = dn.Provider, Ir = () => {
+  }), [t, i]), /* @__PURE__ */ l(Pr, { value: i, children: n });
+}, dn = Me(null), Ir = dn.Provider, Dr = () => {
   const e = Pe(dn);
   if (e === null)
     throw new Error("vector layer context is null, please check the provider");
   return e;
-}, Dr = ({ children: e }) => {
+}, Or = ({ children: e }) => {
   const n = ke(), [t] = D(new ni());
   return I(() => (n.addLayer(t), () => {
     n.removeLayer(t);
-  }), [n, t]), /* @__PURE__ */ l(xr, { value: t, children: e });
-}, un = Me(null), Or = un.Provider, Ar = () => {
+  }), [n, t]), /* @__PURE__ */ l(Ir, { value: t, children: e });
+}, un = Me(null), Ar = un.Provider, kr = () => {
   const e = Pe(un);
   if (e === null)
     throw new Error("vector source context is null, please check the provider");
   return e;
-}, kr = ({ children: e }) => {
-  const n = Ir(), [t] = D(new ii());
+}, Rr = ({ children: e }) => {
+  const n = Dr(), [t] = D(new ii());
   return I(() => {
     n.setSource(t);
-  }, [t, n]), /* @__PURE__ */ l(Or, { value: t, children: e });
-}, Rr = ({ geometry: e, fitOptions: n, fit: t, featureStyle: i }) => {
-  const o = Ar(), r = ke();
+  }, [t, n]), /* @__PURE__ */ l(Ar, { value: t, children: e });
+}, Nr = ({ geometry: e, fitOptions: n, fit: t, featureStyle: i }) => {
+  const o = kr(), r = ke();
   return Wt(() => {
     const u = new Zt().readFeature(e);
     return t && o.on("addfeature", function() {
@@ -603,12 +603,12 @@ const ut = 5, ht = 2, ln = Me(null), Tr = ln.Provider, Mt = 35, Pt = 32, br = 10
       o.removeFeature(u);
     };
   }, [e, o, t]), null;
-}, Nr = (e) => {
+}, Br = (e) => {
   const n = qe();
   return I(() => {
     n.setSource(new ri());
   }, [n]), null;
-}, Br = ({ drawType: e, onPolygonSelected: n }) => {
+}, Fr = ({ drawType: e, onPolygonSelected: n }) => {
   const t = ke();
   return I(() => {
     const i = {
@@ -636,18 +636,18 @@ const ut = 5, ht = 2, ln = Me(null), Tr = ln.Provider, Mt = 35, Pt = 32, br = 10
     };
   }, [n, e, t]), null;
 };
-const Fr = (e) => {
+const Hr = (e) => {
   const n = (t) => {
     const i = Yn(t);
     e.onPolygonSelection(i);
   };
-  return /* @__PURE__ */ N(_r, { allowFullScreen: !0, showMousePosition: !0, children: [
-    /* @__PURE__ */ l(Pr, { children: /* @__PURE__ */ l(Nr, {}) }),
-    e.selectionPolygon && /* @__PURE__ */ l(Dr, { children: /* @__PURE__ */ l(kr, { children: /* @__PURE__ */ l(Rr, { geometry: e.selectionPolygon }) }) }),
+  return /* @__PURE__ */ N(Mr, { allowFullScreen: !0, showMousePosition: !0, children: [
+    /* @__PURE__ */ l(xr, { children: /* @__PURE__ */ l(Br, {}) }),
+    e.selectionPolygon && /* @__PURE__ */ l(Or, { children: /* @__PURE__ */ l(Rr, { children: /* @__PURE__ */ l(Nr, { geometry: e.selectionPolygon }) }) }),
     e.children,
-    e.drawType !== void 0 && /* @__PURE__ */ l(Br, { drawType: e.drawType, onPolygonSelected: n })
+    e.drawType !== void 0 && /* @__PURE__ */ l(Fr, { drawType: e.drawType, onPolygonSelected: n })
   ] });
-}, et = 1.5, Hr = 80, Gr = Fe(
+}, et = 1.5, Gr = 80, Vr = Fe(
   (e) => Ke({
     map: {
       height: "100%",
@@ -662,7 +662,7 @@ const Fr = (e) => {
     },
     contentContainer: {
       marginTop: e.spacing(et),
-      width: e.spacing(Hr)
+      width: e.spacing(Gr)
     },
     filtersContainer: {
       display: "flex",
@@ -672,9 +672,9 @@ const Fr = (e) => {
       marginLeft: e.spacing(1)
     }
   })
-), ia = (e) => {
+), ra = (e) => {
   var m;
-  const [n, t] = D(), [i, o] = D(), r = Gr(), c = (p) => {
+  const [n, t] = D(), [i, o] = D(), r = Vr(), c = (p) => {
     o(p), t(void 0), e.handlePolygonSelected(p);
   }, u = () => {
     o(void 0), e.handlePolygonReset();
@@ -683,7 +683,7 @@ const Fr = (e) => {
     /* @__PURE__ */ N("div", { className: `${r.absolute}`, children: [
       /* @__PURE__ */ N(ot, { className: r.filtersContainer, children: [
         /* @__PURE__ */ l(
-          wr,
+          Tr,
           {
             onCancelDraw: () => t(void 0),
             onReset: u,
@@ -691,11 +691,11 @@ const Fr = (e) => {
             isSelectionEnabled: n !== void 0
           }
         ),
-        (m = e.filters) == null ? void 0 : m.map((p, E) => /* @__PURE__ */ l("div", { className: r.filtersMargin, children: p }, E))
+        (m = e.filters) == null ? void 0 : m.map((p, v) => /* @__PURE__ */ l("div", { className: r.filtersMargin, children: p }, v))
       ] }),
       /* @__PURE__ */ l(ot, { color: "red", className: `${r.contentContainer}`, children: e.children })
     ] }),
-    /* @__PURE__ */ l(Fr, { children: e.mapContent, onPolygonSelection: c, drawType: n, selectionPolygon: i })
+    /* @__PURE__ */ l(Hr, { children: e.mapContent, onPolygonSelection: c, drawType: n, selectionPolygon: i })
   ] });
 }, xt = new di({
   color: "rgba(255,255,255,0.4)"
@@ -712,12 +712,12 @@ const Fr = (e) => {
     fill: xt,
     stroke: It
   })
-], hn = Me(null), Vr = hn.Provider, zr = () => {
+], hn = Me(null), zr = hn.Provider, $r = () => {
   const e = Pe(hn);
   if (e === null)
     throw new Error("vector tile layer context is null, please check the provider");
   return e;
-}, ra = ({ children: e, options: n, style: t }) => {
+}, oa = ({ children: e, options: n, style: t }) => {
   const i = ke(), [o] = D(
     new ci({
       ...n,
@@ -728,11 +728,11 @@ const Fr = (e) => {
     i.removeLayer(o);
   }), [i, o]), I(() => {
     o.setStyle(t || Dt);
-  }, [o, t]), /* @__PURE__ */ l(Vr, { value: o, children: e });
-}, tt = 20, $r = 256, Wr = 2, Ur = 2, jr = "REST", oa = (e) => {
-  const n = ei(e.projection), t = n.getExtent(), i = new Array(tt), o = new Array(tt), r = gi(t) / $r, c = e.heightWidthRatio !== void 0 ? e.heightWidthRatio : Ur, u = e.requestEncoding !== void 0 ? e.requestEncoding : jr;
+  }, [o, t]), /* @__PURE__ */ l(zr, { value: o, children: e });
+}, tt = 20, Wr = 256, Ur = 2, jr = 2, Kr = "REST", sa = (e) => {
+  const n = ei(e.projection), t = n.getExtent(), i = new Array(tt), o = new Array(tt), r = gi(t) / Wr, c = e.heightWidthRatio !== void 0 ? e.heightWidthRatio : jr, u = e.requestEncoding !== void 0 ? e.requestEncoding : Kr;
   for (let p = 0; p < tt; ++p)
-    i[p] = r / Math.pow(Wr, p) / c, o[p] = p.toString();
+    i[p] = r / Math.pow(Ur, p) / c, o[p] = p.toString();
   return {
     attributions: e.attributions,
     url: e.url,
@@ -749,12 +749,12 @@ const Fr = (e) => {
     requestEncoding: u,
     wrapX: e.wrapX !== void 0 ? e.wrapX : !0
   };
-}, sa = (e) => {
+}, aa = (e) => {
   const n = qe(), { options: t } = e;
   return I(() => {
     n.setSource(new oi(t));
   }, [n, t]), null;
-}, aa = (e) => {
+}, la = (e) => {
   const { attributions: n, url: t, params: i, serverType: o, transition: r } = e;
   return {
     attributions: n,
@@ -763,39 +763,39 @@ const Fr = (e) => {
     serverType: o,
     transition: r
   };
-}, la = (e) => {
+}, ca = (e) => {
   const n = qe(), { options: t } = e;
   return I(() => {
     n.setSource(new yi(t));
   }, [n, t]), null;
-}, ca = (e) => {
+}, da = (e) => {
   const { attributions: n, url: t } = e;
   return {
     attributions: n,
     url: t
   };
-}, da = (e) => {
+}, ua = (e) => {
   const n = qe(), { options: t } = e;
   return I(() => {
     n.setSource(new vi(t));
   }, [n, t]), null;
-}, Kr = Me(null), ua = () => {
-  const e = Pe(Kr);
+}, qr = Me(null), ha = () => {
+  const e = Pe(qr);
   if (e === null)
     throw new Error("vector tile source context is null, please check the provider");
   return e;
-}, ha = (e) => {
+}, ma = (e) => {
   const { url: n } = e;
   return {
     url: n,
     format: new si()
   };
-}, ma = ({ children: e, options: n }) => {
-  const t = zr();
+}, pa = ({ children: e, options: n }) => {
+  const t = $r();
   return I(() => {
     t.setSource(new Ei(n));
   }, [n, t]), null;
-}, pa = ({ legendItems: e, title: n, isCollapsed: t }) => {
+}, ga = ({ legendItems: e, title: n, isCollapsed: t }) => {
   const i = ke();
   return I(() => {
     const o = new St({
@@ -819,7 +819,7 @@ const Fr = (e) => {
     };
   }, [i, e, n, t]), /* @__PURE__ */ l(oe, {});
 };
-function qr(e) {
+function Yr(e) {
   const { headCells: n, order: t, orderBy: i, onRequestSort: o, isCollapseable: r } = e, c = (u) => (m) => {
     o(m, u);
   };
@@ -845,19 +845,19 @@ function qr(e) {
     ))
   ] }) });
 }
-const Yr = Jt(
+const Xr = Jt(
   /* @__PURE__ */ $t.createElement("path", {
     d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"
   }),
   "KeyboardArrowDown"
-), Xr = Jt(
+), Zr = Jt(
   /* @__PURE__ */ $t.createElement("path", {
     d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"
   }),
   "KeyboardArrowUp"
 );
-function Zr(e) {
-  const { cellsMetadata: n, isRowSelected: t, item: i, onRowSelected: o, rowIndex: r, isCollapseable: c, collapsedElement: u } = e, [m, p] = D(!1), E = n.length;
+function Jr(e) {
+  const { cellsMetadata: n, isRowSelected: t, item: i, onRowSelected: o, rowIndex: r, isCollapseable: c, collapsedElement: u } = e, [m, p] = D(!1), v = n.length;
   return /* @__PURE__ */ N(oe, { children: [
     /* @__PURE__ */ N($e, { hover: !0, selected: t, onClick: () => {
       o == null || o(r);
@@ -870,7 +870,7 @@ function Zr(e) {
           onClick: (w) => {
             w.stopPropagation(), p(!m);
           },
-          children: m ? /* @__PURE__ */ l(Xr, {}) : /* @__PURE__ */ l(Yr, {})
+          children: m ? /* @__PURE__ */ l(Zr, {}) : /* @__PURE__ */ l(Xr, {})
         }
       ) }),
       n.map((w) => /* @__PURE__ */ l(
@@ -883,17 +883,17 @@ function Zr(e) {
         w.id + r.toString()
       ))
     ] }),
-    c && /* @__PURE__ */ l($e, { children: /* @__PURE__ */ l(Ae, { style: { paddingBottom: 0, paddingTop: 0 }, colSpan: E + 1, children: /* @__PURE__ */ l(In, { in: m, unmountOnExit: !0, timeout: "auto", children: u == null ? void 0 : u(i) }) }) })
+    c && /* @__PURE__ */ l($e, { children: /* @__PURE__ */ l(Ae, { style: { paddingBottom: 0, paddingTop: 0 }, colSpan: v + 1, children: /* @__PURE__ */ l(In, { in: m, unmountOnExit: !0, timeout: "auto", children: u == null ? void 0 : u(i) }) }) })
   ] });
 }
-function ga(e) {
+function fa(e) {
   const [n, t] = D(""), [i, o] = D("asc"), {
     cellsMetadata: r,
     items: c,
     onRequestSort: u,
     onRowSelected: m,
     isCollapseable: p,
-    collapsedElement: E,
+    collapsedElement: v,
     isDense: L,
     page: w,
     rowsPerPage: P,
@@ -904,7 +904,7 @@ function ga(e) {
   return /* @__PURE__ */ N(Dn, { component: ot, children: [
     /* @__PURE__ */ N(On, { size: L ? "small" : "medium", children: [
       /* @__PURE__ */ l(
-        qr,
+        Yr,
         {
           headCells: r,
           onRequestSort: (U, j) => {
@@ -918,13 +918,13 @@ function ga(e) {
       ),
       /* @__PURE__ */ N(An, { children: [
         c.map((U, j) => /* @__PURE__ */ l(
-          Zr,
+          Jr,
           {
             item: U,
             rowIndex: j,
             isCollapseable: p,
             cellsMetadata: r,
-            collapsedElement: E,
+            collapsedElement: v,
             isRowSelected: !1,
             onRowSelected: m
           },
@@ -955,13 +955,13 @@ function ga(e) {
     )
   ] });
 }
-const fa = (e) => {
+const ya = (e) => {
   const { children: n, ...t } = e;
   return /* @__PURE__ */ l(Ti, { ...t, children: n });
-}, ya = (e) => {
+}, va = (e) => {
   const { children: n, ...t } = e;
   return /* @__PURE__ */ l(bi, { ...t, children: n });
-}, Ot = (e) => e * Math.PI / 180, Ge = (e) => e * (180 / Math.PI), Jr = (e) => 0.05 * (5916575505e-1 / Math.pow(2, e - 1) / 2) * (Math.cos(Ot(85.362 / 2)) / Math.sin(Ot(85.362 / 2)));
+}, Ot = (e) => e * Math.PI / 180, Ge = (e) => e * (180 / Math.PI), Qr = (e) => 0.05 * (5916575505e-1 / Math.pow(2, e - 1) / 2) * (Math.cos(Ot(85.362 / 2)) / Math.sin(Ot(85.362 / 2)));
 const mn = (e, n, t) => {
   let i;
   if (e.scene.mode !== Le.SCENE2D)
@@ -971,7 +971,7 @@ const mn = (e, n, t) => {
     i = e.camera.pickEllipsoid(new Ce(n, t), o);
   }
   return He.fromCartesian(i);
-}, Qr = (e, n, t) => {
+}, eo = (e, n, t) => {
   const i = mn(e, n, t);
   return {
     type: "Feature",
@@ -992,33 +992,33 @@ const mn = (e, n, t) => {
     return;
   }
 };
-class va extends ki {
+class Ea extends ki {
 }
-class Ea extends Ri {
+class Ca extends Ri {
 }
-class Ca extends Ni {
+class wa extends Ni {
 }
-class wa extends Ce {
+class Ta extends Ce {
 }
-class Ta extends ve {
+class ba extends ve {
 }
-class eo extends He {
+class to extends He {
 }
-class ba extends Bi {
+class La extends Bi {
 }
-class La extends en {
+class Sa extends en {
 }
-class Sa extends Fi {
+class _a extends Fi {
 }
-class _a extends Oe {
+class Ma extends Oe {
 }
-class Ma extends Hi {
+class Pa extends Hi {
 }
-class Pa extends Gi {
+class xa extends Gi {
 }
-class xa extends Vi {
+class Ia extends Vi {
 }
-const Ia = at, Da = tn, to = (e) => {
+const Da = at, Oa = zi, Aa = tn, no = (e) => {
   const n = se(), t = Se(null), [i, o] = D({ x: 0, y: 0 });
   return I(() => {
     n.screenSpaceEventHandler.setInputAction((r) => {
@@ -1026,19 +1026,19 @@ const Ia = at, Da = tn, to = (e) => {
         const c = { ...r.endPosition };
         c.x = Math.ceil(c.x), c.y = Math.ceil(c.y), o(c);
       }
-    }, zi.MOUSE_MOVE);
+    }, $i.MOUSE_MOVE);
   }, [t, n]), I(() => {
     const r = n.scene.globe.ellipsoid;
     if (i) {
       const c = pn(n, i.x, i.y);
       if (c) {
-        const u = new eo(c.longitude, c.latitude);
+        const u = new to(c.longitude, c.latitude);
         if (t.current) {
           let m = "";
           switch (e.projection) {
             case ge.WEB_MERCATOR: {
-              const E = new $i(r).project(u);
-              m = `Mercator: ${E.y.toFixed(ht)}m, ${E.x.toFixed(
+              const v = new Wi(r).project(u);
+              m = `Mercator: ${v.y.toFixed(ht)}m, ${v.x.toFixed(
                 ht
               )}m`, t.current.style.width = "220px";
               break;
@@ -1088,16 +1088,16 @@ const nt = [
   2e7,
   3e7,
   5e7
-], no = (e, n, t, i) => {
+], io = (e, n, t, i) => {
   const o = Z(i, "METERS_UNIT") ?? "m", r = Z(i, "KILOMETERS_UNIT") ?? "km", c = {
     barWidth: void 0,
     distanceLabel: void 0,
     lastLegendUpdate: n.lastLegendUpdate
-  }, u = new Ui(), m = new Date().getTime();
+  }, u = new ji(), m = new Date().getTime();
   if (m < c.lastLegendUpdate + 250)
     return;
   c.lastLegendUpdate = m;
-  const p = e.scene.canvas.clientWidth, E = e.scene.canvas.clientHeight, L = e.scene.camera.getPickRay(new Ce(p / 2 | 0, E - 1)), w = e.scene.camera.getPickRay(new Ce(1 + p / 2 | 0, E - 1)), P = e.scene.globe, A = P.pick(L, e.scene), H = P.pick(w, e.scene);
+  const p = e.scene.canvas.clientWidth, v = e.scene.canvas.clientHeight, L = e.scene.camera.getPickRay(new Ce(p / 2 | 0, v - 1)), w = e.scene.camera.getPickRay(new Ce(1 + p / 2 | 0, v - 1)), P = e.scene.globe, A = P.pick(L, e.scene), H = P.pick(w, e.scene);
   if (!A || !H)
     return;
   const Y = P.ellipsoid.cartesianToCartographic(A), G = P.ellipsoid.cartesianToCartographic(H);
@@ -1111,7 +1111,7 @@ const nt = [
     O >= 1e3 ? z = `${(O / 1e3).toString()} ${r}` : z = `${O.toString()} ${o}`, c.barWidth = O / U | 0, c.distanceLabel = z;
   }
   t(c);
-}, io = (e) => {
+}, ro = (e) => {
   const n = se(), [t, i] = D({
     barWidth: void 0,
     distanceLabel: void 0,
@@ -1119,8 +1119,8 @@ const nt = [
   });
   I(() => {
     const r = (m) => {
-      no(n, t, i, e.locale);
-    }, c = new Wi(), u = (m) => {
+      io(n, t, i, e.locale);
+    }, c = new Ui(), u = (m) => {
       n.scene.globe.tilesLoaded && (r(new MouseEvent("mouse")), c.removeAll());
     };
     return c.add(n.scene.globe.tileLoadProgressEvent, u), n.camera.moveEnd.addEventListener(r), () => {
@@ -1158,7 +1158,7 @@ const At = (e, n) => {
     if (i.getLevelMaximumGeometricError(u) * r / (e * c) < o.maximumScreenSpaceError)
       return u;
   return null;
-}, ro = (e, n) => {
+}, oo = (e, n) => {
   e = e || 10;
   const t = [];
   let i = 1e5, o = 0;
@@ -1177,19 +1177,19 @@ const At = (e, n) => {
     }
   }
   return t;
-}, oo = ({ locale: e = void 0, valueBy: n = "RENDERED_TILES" }) => {
-  const t = se(), [i, o] = D(1), r = ro(1, t), c = pe(() => {
-    const E = t.camera, L = 0.5;
+}, so = ({ locale: e = void 0, valueBy: n = "RENDERED_TILES" }) => {
+  const t = se(), [i, o] = D(1), r = oo(1, t), c = pe(() => {
+    const v = t.camera, L = 0.5;
     let w = 0;
     switch (t.scene.mode) {
       case re.SCENE3D:
-        w = t.scene.mapProjection.ellipsoid.cartesianToCartographic(E.positionWC).height;
+        w = t.scene.mapProjection.ellipsoid.cartesianToCartographic(v.positionWC).height;
         break;
       case re.SCENE2D:
-        w = (E.frustum.right - E.frustum.left) * L;
+        w = (v.frustum.right - v.frustum.left) * L;
         break;
       case re.COLUMBUS_VIEW:
-        w = E.position.z;
+        w = v.position.z;
         break;
       default:
         w = 0;
@@ -1197,24 +1197,24 @@ const At = (e, n) => {
     }
     if (r.length > 0) {
       const P = r.reduce((A, H) => Math.abs(H.height - w) < Math.abs(A.height - w) ? H : A);
-      o(P.level);
+      o(P.level), t.currentZoomLevel = P.level;
     }
   }, [t, r]), u = pe(() => {
-    let E = 0;
+    let v = 0;
     t.scene.globe._surface.forEachRenderedTile(function(L) {
-      E = Math.max(E, L.level);
-    }), o(E);
+      v = Math.max(v, L.level);
+    }), o(v), t.currentZoomLevel = v;
   }, [t]), p = Be(() => ({
     CALCULATION: c,
     RENDERED_TILES: u
   }), [c, u])[n];
   return I(() => {
-    const E = t.scene.globe.tileLoadProgressEvent.addEventListener(function() {
+    const v = t.scene.globe.tileLoadProgressEvent.addEventListener(function() {
       t.scene.globe.tilesLoaded && p();
     });
     return t.camera.moveEnd.addEventListener(p), () => {
       try {
-        typeof Z(t, "_cesiumWidget") < "u" && (t.camera.moveEnd.removeEventListener(p), E());
+        typeof Z(t, "_cesiumWidget") < "u" && (t.camera.moveEnd.removeEventListener(p), v());
       } catch (L) {
         console.log('CESIUM camera "moveEnd"(from zoom tracker) remove listener failed', L);
       }
@@ -1224,8 +1224,8 @@ const At = (e, n) => {
     /* @__PURE__ */ l("div", { className: "zoomLevelLabel", children: Z(e, "ZOOM_LABEL") ?? "zoom" })
   ] });
 };
-const so = -1, ao = (e) => {
-  const n = se(), [t, i] = D(), { sceneModes: o } = e, r = (c) => o.findIndex((u) => u === c) > so;
+const ao = -1, lo = (e) => {
+  const n = se(), [t, i] = D(), { sceneModes: o } = e, r = (c) => o.findIndex((u) => u === c) > ao;
   return I(() => {
     i(n.scene.mode);
   }, []), /* @__PURE__ */ N(oe, { children: [
@@ -1258,7 +1258,7 @@ const so = -1, ao = (e) => {
     )
   ] });
 };
-const lo = Fe(
+const co = Fe(
   (e) => Ke({
     mapContainer: {
       width: "60px",
@@ -1266,16 +1266,16 @@ const lo = Fe(
       border: `${e.palette.background.paper} 2px solid`
     }
   })
-), co = (e) => {
-  const n = se(), { baseMaps: t } = e, [i, o] = D(" "), [r, c] = D(), u = lo();
+), uo = (e) => {
+  const n = se(), { baseMaps: t } = e, [i, o] = D(" "), [r, c] = D(), u = co();
   I(() => {
-    const p = t == null ? void 0 : t.maps.find((E) => E.isCurrent);
+    const p = t == null ? void 0 : t.maps.find((v) => v.isCurrent);
     p && (c(p), o(p.title !== void 0 ? p.title : " "));
   }, [t]);
   const m = (p) => {
-    var E, L;
+    var v, L;
     if (t) {
-      (E = n.layersManager) == null || E.removeBaseMapLayers();
+      (v = n.layersManager) == null || v.removeBaseMapLayers();
       const w = t.maps.find((P) => P.id === p);
       w && ((L = n.layersManager) == null || L.setBaseMapLayers(w), c(w), t.maps.forEach((P) => {
         P.isCurrent = w === P;
@@ -1303,16 +1303,16 @@ const lo = Fe(
     ) }, p.id)) })
   ] });
 };
-const it = "ic_settings_24px", uo = (e) => {
+const it = "ic_settings_24px", ho = (e) => {
   const [n, t] = D(!1), { sceneModes: i, baseMaps: o, locale: r } = e, c = Se(null), u = Z(r, "MAP_SETTINGS_DIALOG_TITLE") ?? "Map Settings", m = Z(r, "MAP_SETTINGS_SCENE_MODE_TITLE") ?? "Scene Mode", p = Z(r, "MAP_SETTINGS_BASE_MAP_TITLE") ?? "Base Map";
   return I(() => {
-    const E = (L) => {
+    const v = (L) => {
       var A;
       const w = L.target, P = Z(c, "current");
-      P && !P.contains(w) && w.id !== it && ((A = w.parentElement) == null ? void 0 : A.id) !== it && (document.removeEventListener("click", E, !1), t(!1));
+      P && !P.contains(w) && w.id !== it && ((A = w.parentElement) == null ? void 0 : A.id) !== it && (document.removeEventListener("click", v, !1), t(!1));
     };
-    return document.addEventListener("click", E, !1), () => {
-      document.removeEventListener("click", E, !1);
+    return document.addEventListener("click", v, !1), () => {
+      document.removeEventListener("click", v, !1);
     };
   }), /* @__PURE__ */ N(oe, { children: [
     /* @__PURE__ */ l(
@@ -1335,10 +1335,10 @@ const it = "ic_settings_24px", uo = (e) => {
           /* @__PURE__ */ l(Hn, { children: u }),
           /* @__PURE__ */ N(Gn, { children: [
             /* @__PURE__ */ l("h4", { className: "sectionLabel", children: m }),
-            /* @__PURE__ */ l(de, { className: "mapScenesContainer", children: /* @__PURE__ */ l(ao, { sceneModes: i }) }),
+            /* @__PURE__ */ l(de, { className: "mapScenesContainer", children: /* @__PURE__ */ l(lo, { sceneModes: i }) }),
             /* @__PURE__ */ l(de, { className: "baseMapsContainer", children: o && /* @__PURE__ */ N(oe, { children: [
               /* @__PURE__ */ l("h4", { className: "sectionLabel", children: p }),
-              /* @__PURE__ */ l(co, { baseMaps: o })
+              /* @__PURE__ */ l(uo, { baseMaps: o })
             ] }) })
           ] })
         ]
@@ -1346,7 +1346,7 @@ const it = "ic_settings_24px", uo = (e) => {
     ) })
   ] });
 };
-const ho = () => {
+const mo = () => {
   const e = se();
   return /* @__PURE__ */ l("div", { className: "zoom-buttons-container", children: [
     { onClick: () => e.camera.zoomIn(), iconPath: "M48 20h-18v-18h-10v18h-18v10h18v18h10v-18h18z" },
@@ -1372,10 +1372,10 @@ const ho = () => {
     }
   )) });
 };
-const mo = /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", enableBackground: "new 0 0 24 24", height: "24", width: "24", viewBox: "0 0 612 612", children: /* @__PURE__ */ N("g", { xmlns: "http://www.w3.org/2000/svg", children: [
+const po = /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", enableBackground: "new 0 0 24 24", height: "24", width: "24", viewBox: "0 0 612 612", children: /* @__PURE__ */ N("g", { xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ l("path", { d: "M322.4,173.9l-129,16.2l-4.6,21.4l25.3,4.7c16.5,3.9,19.8,9.9,16.2,26.4l-41.5,195.3c-10.9,50.5,5.9,74.3,45.5,74.3   c30.7,0,66.3-14.2,82.5-33.6l4.9-23.4c-11.3,9.9-27.7,13.9-38.6,13.9c-15.5,0-21.1-10.9-17.1-30L322.4,173.9z" }),
   /* @__PURE__ */ l("circle", { cx: "270.1", cy: "56.3", r: "56.3" })
-] }) }), po = ({ onClick: e }) => /* @__PURE__ */ l(de, { onClick: e, className: "mapLegendToggleContainer", children: /* @__PURE__ */ l(_e, { icon: mo, className: "mapLegendIcon" }) }), go = ({ legend: { legendImg: e, legendDoc: n, layer: t }, docText: i, imgText: o }) => {
+] }) }), go = ({ onClick: e }) => /* @__PURE__ */ l(de, { onClick: e, className: "mapLegendToggleContainer", children: /* @__PURE__ */ l(_e, { icon: po, className: "mapLegendIcon" }) }), fo = ({ legend: { legendImg: e, legendDoc: n, layer: t }, docText: i, imgText: o }) => {
   const r = pe(() => {
     window.open(e, "_blank");
   }, [e]);
@@ -1394,10 +1394,10 @@ const mo = /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", enabl
     /* @__PURE__ */ l("img", { alt: "Map Legend", className: "legendImg", src: e, onClick: r }),
     /* @__PURE__ */ l(de, { className: "legendActionsContainer", children: u() })
   ] });
-}, fo = ({ legends: e, actionsTexts: { docText: n, imgText: t }, noLegendsText: i }) => {
-  const o = pe(() => /* @__PURE__ */ l(de, { className: "noLegendsContainer", children: /* @__PURE__ */ l("h2", { className: "noLegendsMsg", children: i }) }), [i]), r = pe(() => e.length ? e.map((c, u) => /* @__PURE__ */ l(go, { legend: c, docText: n, imgText: t }, `${c.layer}_${u}`)) : o(), [e]);
+}, yo = ({ legends: e, actionsTexts: { docText: n, imgText: t }, noLegendsText: i }) => {
+  const o = pe(() => /* @__PURE__ */ l(de, { className: "noLegendsContainer", children: /* @__PURE__ */ l("h2", { className: "noLegendsMsg", children: i }) }), [i]), r = pe(() => e.length ? e.map((c, u) => /* @__PURE__ */ l(fo, { legend: c, docText: n, imgText: t }, `${c.layer}_${u}`)) : o(), [e]);
   return /* @__PURE__ */ l(de, { className: "mapLegendsList", children: r() });
-}, yo = ({
+}, vo = ({
   isOpen: e,
   toggleSidebar: n,
   title: t = "Map Legends",
@@ -1408,7 +1408,7 @@ const mo = /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", enabl
   /* @__PURE__ */ l(zn, { className: "sidebarHeaderContainer", children: /* @__PURE__ */ l($n, { className: "sidebarTitle", children: t }) }),
   /* @__PURE__ */ N(Wn, { className: "sidebarContent", children: [
     /* @__PURE__ */ l(_e, { onClick: n, className: "mapLegendCloseBtn", icon: { icon: "close", size: "small" } }),
-    /* @__PURE__ */ l(fo, { noLegendsText: i, legends: r, actionsTexts: o })
+    /* @__PURE__ */ l(yo, { noLegendsText: i, legends: r, actionsTexts: o })
   ] })
 ] }) : null, me = document.createElement("canvas"), ie = me.getContext("2d"), kt = (e) => {
   const i = (e == null ? void 0 : e.data) ?? [];
@@ -1416,7 +1416,7 @@ const mo = /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", enabl
     if (i[o] < 255)
       return !0;
   return !1;
-}, vo = async (e, n) => (n && n.tileTransparencyCheckedCounter++, new Promise((t, i) => {
+}, Eo = async (e, n) => (n && n.tileTransparencyCheckedCounter++, new Promise((t, i) => {
   try {
     ie == null || ie.clearRect(0, 0, me.width, me.height);
     let o;
@@ -1447,17 +1447,17 @@ function ft(e, n, t, i, o) {
     const r = (u = this.layerListInstance.find(
       /* eslint-disable */
       (m) => {
-        var p, E;
-        return ((p = m._imageryProvider._resource) == null ? void 0 : p._url) === ((E = this._resource) == null ? void 0 : E._url);
+        var p, v;
+        return ((p = m._imageryProvider._resource) == null ? void 0 : p._url) === ((v = this._resource) == null ? void 0 : v._url);
       }
       /* eslint-enable */
     )) == null ? void 0 : u.meta, c = Z(r, je) === !0;
-    this.tileTransparencyCheckedCounter < Ye && !c && vo(o == null ? void 0 : o.url, this).then((m) => {
+    this.tileTransparencyCheckedCounter < Ye && !c && Eo(o == null ? void 0 : o.url, this).then((m) => {
       var p;
       (p = this.mapViewer.layersManager) == null || p.addMetaToLayer(
         { [je]: m },
         /* eslint-disable */
-        (E) => E._imageryProvider._resource._url === this._resource._url
+        (v) => v._imageryProvider._resource._url === this._resource._url
       );
     });
   }, 0), e(n, t, i, o);
@@ -1504,8 +1504,8 @@ class yn extends gt {
     return ft.call(this, super.requestImage.bind(this), t, i, o, r);
   }
 }
-const Eo = 1, Co = -1, Rt = "TRANSPARENT_BASE_LAYER";
-class wo {
+const Co = 1, wo = -1, Rt = "TRANSPARENT_BASE_LAYER";
+class To {
   constructor(n, t, i, o) {
     X(this, "mapViewer");
     X(this, "legendsList");
@@ -1513,7 +1513,7 @@ class wo {
     X(this, "layers");
     X(this, "legendsExtractor");
     X(this, "layerManagerFootprintMetaFieldPath");
-    this.mapViewer = n, this.layers = this.mapViewer.imageryLayers._layers, this.legendsList = [], this.legendsExtractor = t, this.layerUpdated = new ji(), this.layerManagerFootprintMetaFieldPath = o, i && this.layerUpdated.addEventListener(i, this), this.mapViewer.shouldOptimizedTileRequests && (this.layerUpdated.addEventListener((r) => {
+    this.mapViewer = n, this.layers = this.mapViewer.imageryLayers._layers, this.legendsList = [], this.legendsExtractor = t, this.layerUpdated = new Ki(), this.layerManagerFootprintMetaFieldPath = o, i && this.layerUpdated.addEventListener(i, this), this.mapViewer.shouldOptimizedTileRequests && (this.layerUpdated.addEventListener((r) => {
       const c = Object.keys(r);
       c.length === 1 && c[0] === je && (this.markRelevantLayersForExtent(), this.hideNonRelevantLayers());
     }), this.mapViewer.imageryLayers.layerRemoved.addEventListener(() => {
@@ -1628,24 +1628,24 @@ class wo {
   }
   findLayerByPOI(n, t, i = !0) {
     if (this.layerManagerFootprintMetaFieldPath) {
-      const o = Qr(this.mapViewer, n, t);
+      const o = eo(this.mapViewer, n, t);
       return this.layers.filter((u) => !Z(u.meta, "parentBasetMapId")).filter((u) => {
         const m = Z(u.meta, this.layerManagerFootprintMetaFieldPath);
-        return m !== void 0 ? nr(o.geometry, {
+        return m !== void 0 ? ir(o.geometry, {
           type: "Feature",
           properties: {},
           geometry: m
         }) && (i ? u.show : !0) : (console.warn("[LayerManager] [findLayerByPOI] CesiumImageryLayer has no defined footprint", u.meta), !1);
       }).sort((u, m) => {
-        var p, E;
-        return ((p = m.meta) == null ? void 0 : p.zIndex) - ((E = u.meta) == null ? void 0 : E.zIndex);
+        var p, v;
+        return ((p = m.meta) == null ? void 0 : p.zIndex) - ((v = u.meta) == null ? void 0 : v.zIndex);
       });
     } else
       return console.warn("[LayerManager] [findLayerByPOI]layerManagerFootprintMetaFieldPath is not defined"), [];
   }
   addTransparentImageryProvider() {
     const n = this.mapViewer.imageryLayers.addImageryProvider(
-      new Ki({
+      new qi({
         url: "./assets/img/transparent-tile.png",
         /* eslint-disable @typescript-eslint/no-magic-numbers */
         rectangle: new Oe(-3.141592653589793, -1.5707963267948966, 3.141592653589793, 1.5707963267948966)
@@ -1669,12 +1669,12 @@ class wo {
     return this.layers.find((t) => t.meta !== void 0 ? t.meta.id === n : !1);
   }
   updateLayersOrder(n, t, i) {
-    const o = t > i ? Eo : Co, r = t < i ? t : i, c = t < i ? i : t;
+    const o = t > i ? Co : wo, r = t < i ? t : i, c = t < i ? i : t;
     this.layers.forEach((u) => {
       var p;
       if (!Z(u.meta, "parentBasetMapId")) {
-        const E = (p = u.meta) == null ? void 0 : p.zIndex;
-        u.meta.zIndex = E >= r && E <= c && E !== t ? E + o : E === t ? i : E;
+        const v = (p = u.meta) == null ? void 0 : p.zIndex;
+        u.meta.zIndex = v >= r && v <= c && v !== t ? v + o : v === t ? i : v;
       }
     });
   }
@@ -1735,11 +1735,11 @@ class wo {
     }
   }
 }
-const To = (e) => {
+const bo = (e) => {
   const n = se(), { enableCompass: t = !0, enableZoomControls: i = !1, lockCompassNavigation: o = !1, locale: r = { DIRECTION: "ltr" } } = e;
   return I(() => {
     if (typeof Z(n, "cesiumNavigation") > "u") {
-      n.extend(ir, {
+      n.extend(rr, {
         enableCompass: t,
         enableZoomControls: i,
         enableDistanceLegend: !1
@@ -1748,11 +1748,12 @@ const To = (e) => {
       c && r.DIRECTION && c.classList.add(r.DIRECTION);
     }
   }, [n, t, i, r.DIRECTION, o]), null;
-}, Nt = 212, Bt = 260, bo = 0;
-class Oa extends qi {
+}, Nt = 212, Bt = 260, Lo = 0;
+class ka extends Yi {
   constructor(t, i) {
     super(t, i);
     X(this, "layersManager");
+    X(this, "currentZoomLevel");
     X(this, "useOptimizedTileRequests");
   }
   get shouldOptimizedTileRequests() {
@@ -1762,14 +1763,14 @@ class Oa extends qi {
     this.useOptimizedTileRequests = t;
   }
 }
-const vn = Me(null), Lo = vn.Provider, se = () => {
+const vn = Me(null), So = vn.Provider, se = () => {
   const e = Pe(vn);
   if (e === null)
     throw new Error("map context is null, please check the provider");
   return e;
-}, Aa = (e) => {
+}, Ra = (e) => {
   var V, Q, ne, ye, ue, ae, ce, Re;
-  const n = Se(null), [t, i] = D(), [o, r] = D(), [c, u] = D(), [m, p] = D(), [E, L] = D(), [w, P] = D(), [A, H] = D(), [Y, G] = D(!1), [U, j] = D(), O = Se(), [z, k] = D(), [$, te] = D([]), [s, a] = D(), [v, d] = D(!1), y = Se(), [h, C] = D(void 0), [f, T] = D(!1), [_, S] = D(), [b, M] = D(), x = {
+  const n = Se(null), [t, i] = D(), [o, r] = D(), [c, u] = D(), [m, p] = D(), [v, L] = D(), [w, P] = D(), [A, H] = D(), [Y, G] = D(!1), [U, j] = D(), O = Se(), [z, k] = D(), [$, te] = D([]), [s, a] = D(), [E, d] = D(!1), y = Se(), [h, C] = D(void 0), [f, T] = D(!1), [_, S] = D(), [b, M] = D(), x = {
     fullscreenButton: !0,
     timeline: !1,
     animation: !1,
@@ -1804,7 +1805,7 @@ const vn = Me(null), Lo = vn.Provider, se = () => {
     i((K = n.current) == null ? void 0 : K.cesiumElement);
   }, [n, e.imageryContextMenu]), I(() => {
     var K;
-    t && (t.shouldOptimizedTileRequests = e.useOptimizedTileRequests ?? !1, t.layersManager = new wo(
+    t && (t.shouldOptimizedTileRequests = e.useOptimizedTileRequests ?? !1, t.layersManager = new To(
       t,
       (K = e.legends) == null ? void 0 : K.mapLegendsExtractor,
       () => {
@@ -1909,8 +1910,8 @@ const vn = Me(null), Lo = vn.Provider, se = () => {
     };
   }, [t]), I(() => {
     const K = e.zoom, B = e.center;
-    t && Ue(K) && er(B) && t.camera.flyTo({
-      destination: ve.fromDegrees(B[0], B[1], Jr(K)),
+    t && Ue(K) && tr(B) && t.camera.flyTo({
+      destination: ve.fromDegrees(B[0], B[1], Qr(K)),
       duration: 0
     });
   }, [e.zoom, e.center, t]), I(() => {
@@ -1920,22 +1921,22 @@ const vn = Me(null), Lo = vn.Provider, se = () => {
     /* @__PURE__ */ N(oe, { children: [
       A && Y && /* @__PURE__ */ l(Un, { style: { position: "absolute", top: 0, height: "10px", zIndex: 4 } }),
       /* @__PURE__ */ N(de, { className: "sideToolsContainer", children: [
-        /* @__PURE__ */ l(uo, { sceneModes: z, baseMaps: s, locale: U }),
-        /* @__PURE__ */ l(po, { onClick: () => T(!f) })
+        /* @__PURE__ */ l(ho, { sceneModes: z, baseMaps: s, locale: U }),
+        /* @__PURE__ */ l(go, { onClick: () => T(!f) })
       ] }),
       /* @__PURE__ */ N(de, { className: "toolsContainer", children: [
-        c && /* @__PURE__ */ l(to, { projection: o }),
-        m && /* @__PURE__ */ l(oo, { locale: U, valueBy: "RENDERED_TILES" }),
-        E && /* @__PURE__ */ l(io, { locale: U }),
-        w && /* @__PURE__ */ l(To, { locale: U })
+        c && /* @__PURE__ */ l(no, { projection: o }),
+        m && /* @__PURE__ */ l(so, { locale: U, valueBy: "RENDERED_TILES" }),
+        v && /* @__PURE__ */ l(ro, { locale: U }),
+        w && /* @__PURE__ */ l(bo, { locale: U })
       ] }),
-      b && /* @__PURE__ */ l(ho, {})
+      b && /* @__PURE__ */ l(mo, {})
     ] }),
     document.querySelector(".cesium-viewer")
-  ), [s, U, t, o, z, c, E, f, Y]);
-  return /* @__PURE__ */ l(Si, { className: "viewer", full: !0, ref: n, ...x, children: /* @__PURE__ */ N(Lo, { value: t, children: [
+  ), [s, U, t, o, z, c, v, f, Y]);
+  return /* @__PURE__ */ l(Si, { className: "viewer", full: !0, ref: n, ...x, children: /* @__PURE__ */ N(So, { value: t, children: [
     /* @__PURE__ */ l(
-      yo,
+      vo,
       {
         title: (V = e.legends) == null ? void 0 : V.title,
         isOpen: f,
@@ -1947,7 +1948,7 @@ const vn = Me(null), Lo = vn.Provider, se = () => {
     ),
     e.children,
     R(),
-    e.imageryContextMenu && v && h && _ && Ee.cloneElement(e.imageryContextMenu, {
+    e.imageryContextMenu && E && h && _ && Ee.cloneElement(e.imageryContextMenu, {
       data: (ue = t == null ? void 0 : t.layersManager) == null ? void 0 : ue.findLayerByPOI(
         h.x,
         h.y,
@@ -1963,19 +1964,19 @@ const vn = Me(null), Lo = vn.Provider, se = () => {
         h.y,
         ((ae = e.imageryContextMenuSize) == null ? void 0 : ae.width) ?? Bt,
         ((ce = e.imageryContextMenuSize) == null ? void 0 : ce.height) ?? Nt,
-        ((Re = e.imageryContextMenuSize) == null ? void 0 : Re.dynamicHeightIncrement) ?? bo
+        ((Re = e.imageryContextMenuSize) == null ? void 0 : Re.dynamicHeightIncrement) ?? Lo
       ),
       size: e.imageryContextMenuSize ?? {
         height: Nt,
         width: Bt
       },
       handleClose: () => {
-        d(!v);
+        d(!E);
       },
       contextEvt: y.current
     })
   ] }) });
-}, So = 0, ka = (e) => {
+}, _o = 0, Na = (e) => {
   const n = se();
   return /* @__PURE__ */ l(
     _i,
@@ -1985,10 +1986,10 @@ const vn = Me(null), Lo = vn.Provider, se = () => {
         e.isZoomTo === !0 && n.zoomTo(t);
         const i = n.scene;
         i.globe.depthTestAgainstTerrain = !0;
-        const o = He.fromCartesian(t.boundingSphere.center), r = e.heightFromGround ?? So;
+        const o = He.fromCartesian(t.boundingSphere.center), r = e.heightFromGround ?? _o;
         if (r) {
           const c = ve.fromRadians(o.longitude, o.latitude, o.height), u = ve.fromRadians(o.longitude, o.latitude, o.height + r), m = ve.subtract(u, c, new ve());
-          t.modelMatrix = Yi.fromTranslation(m);
+          t.modelMatrix = Xi.fromTranslation(m);
         }
       }
     }
@@ -2010,8 +2011,8 @@ const vn = Me(null), Lo = vn.Provider, se = () => {
       });
       break;
   }
-}, Ra = (e) => {
-  const { data: n, ...t } = e, i = tr(n);
+}, Ba = (e) => {
+  const { data: n, ...t } = e, i = nr(n);
   return i && (typeof i.features < "u" ? i.features.forEach((o) => {
     Vt(o.geometry);
   }) : Vt(i)), /* @__PURE__ */ l(Mi, { data: i, ...t });
@@ -2021,23 +2022,23 @@ const vn = Me(null), Lo = vn.Provider, se = () => {
     var o;
     (o = i.layersManager) == null || o.addMetaToLayer(n, n.searchLayerPredicate);
   }, [n, i]), /* @__PURE__ */ l(Pi, { ...t });
-}, Na = (e) => {
+}, Fa = (e) => {
   const { options: n, ...t } = e, i = se(), o = i.shouldOptimizedTileRequests ? new fn(n, i) : new pt(n);
   return /* @__PURE__ */ l(Xe, { ...t, imageryProvider: o });
-}, Ba = (e) => {
+}, Ha = (e) => {
   const { options: n, ...t } = e, i = se(), o = i.shouldOptimizedTileRequests ? new yn(n, i) : new gt(n);
   return /* @__PURE__ */ l(Xe, { ...t, imageryProvider: o });
-}, Fa = (e) => {
+}, Ga = (e) => {
   const { options: n, ...t } = e, i = se(), o = i.shouldOptimizedTileRequests ? new gn(n, i) : new mt(n);
   return /* @__PURE__ */ l(Xe, { ...t, imageryProvider: o });
-}, Ha = (e) => {
+}, Va = (e) => {
   const { options: n, ...t } = e;
-  return /* @__PURE__ */ l(Xe, { ...t, imageryProvider: new Xi(n) });
-}, _o = (e) => /* @__PURE__ */ l(xi, { ...e }), Ga = (e) => /* @__PURE__ */ l(Qt, { ...e }), Mo = (e) => /* @__PURE__ */ l(Qt, { ...e }), Po = (e) => /* @__PURE__ */ l(Ii, { ...e }), xo = (e) => /* @__PURE__ */ l(Di, { ...e }), Io = (e) => /* @__PURE__ */ l(Oi, { ...e }), Do = (e) => /* @__PURE__ */ l(Ai, { ...e });
+  return /* @__PURE__ */ l(Xe, { ...t, imageryProvider: new Zi(n) });
+}, Mo = (e) => /* @__PURE__ */ l(xi, { ...e }), za = (e) => /* @__PURE__ */ l(Qt, { ...e }), Po = (e) => /* @__PURE__ */ l(Qt, { ...e }), xo = (e) => /* @__PURE__ */ l(Ii, { ...e }), Io = (e) => /* @__PURE__ */ l(Di, { ...e }), Do = (e) => /* @__PURE__ */ l(Oi, { ...e }), Oo = (e) => /* @__PURE__ */ l(Ai, { ...e });
 var be = function() {
   var e = g.Ellipsoid.WGS84, n, t = g.Material.fromType(g.Material.ColorType);
-  function i(s, a = new g.Color(1, 1, 0, 0.5), v = new g.Color(1, 1, 1, 1)) {
-    this._scene = s.scene, t.uniforms.color = a, n = v, this._tooltip = {
+  function i(s, a = new g.Color(1, 1, 0, 0.5), E = new g.Color(1, 1, 1, 1)) {
+    this._scene = s.scene, t.uniforms.color = a, n = E, this._tooltip = {
       setVisible: () => {
       },
       showAt: () => {
@@ -2045,40 +2046,40 @@ var be = function() {
     }, this._surfaces = [], this.initialiseHandlers(), this.enhancePrimitives();
   }
   i.prototype.initialiseHandlers = function() {
-    var s = this._scene, a = this, v = new g.ScreenSpaceEventHandler(s.canvas);
+    var s = this._scene, a = this, E = new g.ScreenSpaceEventHandler(s.canvas);
     function d(h, C) {
       if (a._handlersMuted != !0) {
         var f = s.pick(C);
         f && f.primitive && f.primitive[h] && f.primitive[h](C);
       }
     }
-    v.setInputAction(function(h) {
+    E.setInputAction(function(h) {
       d("leftClick", h.position);
-    }, g.ScreenSpaceEventType.LEFT_CLICK), v.setInputAction(function(h) {
+    }, g.ScreenSpaceEventType.LEFT_CLICK), E.setInputAction(function(h) {
       d("leftDoubleClick", h.position);
     }, g.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
     var y;
-    v.setInputAction(function(h) {
+    E.setInputAction(function(h) {
       if (a._handlersMuted != !0) {
         var C = s.pick(h.endPosition);
         y && (!C || y != C.primitive) && (!(y.isDestroyed && y.isDestroyed()) && y.mouseOut(h.endPosition), y = null), C && C.primitive && (C = C.primitive, C.mouseOut && (y = C), C.mouseMove && C.mouseMove(h.endPosition));
       }
-    }, g.ScreenSpaceEventType.MOUSE_MOVE), v.setInputAction(function(h) {
+    }, g.ScreenSpaceEventType.MOUSE_MOVE), E.setInputAction(function(h) {
       d("leftUp", h.position);
-    }, g.ScreenSpaceEventType.LEFT_UP), v.setInputAction(function(h) {
+    }, g.ScreenSpaceEventType.LEFT_UP), E.setInputAction(function(h) {
       d("leftDown", h.position);
     }, g.ScreenSpaceEventType.LEFT_DOWN);
-  }, i.prototype.setListener = function(s, a, v) {
-    s[a] = v;
+  }, i.prototype.setListener = function(s, a, E) {
+    s[a] = E;
   }, i.prototype.muteHandlers = function(s) {
     this._handlersMuted = s;
   }, i.prototype.registerEditableShape = function(s) {
     var a = this;
-    $(s, "mouseMove", function(v) {
-      s.setHighlighted(!0), s._editMode || a._tooltip.showAt(v, "Click to edit this shape");
-    }), $(s, "mouseOut", function(v) {
+    $(s, "mouseMove", function(E) {
+      s.setHighlighted(!0), s._editMode || a._tooltip.showAt(E, "Click to edit this shape");
+    }), $(s, "mouseOut", function(E) {
       s.setHighlighted(!1), a._tooltip.setVisible(!1);
-    }), $(s, "leftClick", function(v) {
+    }), $(s, "leftClick", function(E) {
       s.setEditMode(!0);
     });
   }, i.prototype.startDrawing = function(s) {
@@ -2109,7 +2110,7 @@ var be = function() {
     granularity: Math.PI / 180
   }), c = k(o, {}), u = k(o, {}), m = k(o, {}), p = k(r, {
     rotation: 0
-  }), E = k(o, {
+  }), v = k(o, {
     width: 5,
     geodesic: !0,
     granularity: 1e4,
@@ -2122,11 +2123,11 @@ var be = function() {
     }
     return s.prototype.initialiseOptions = function(a) {
       z(this, a), this._ellipsoid = void 0, this._granularity = void 0, this._height = void 0, this._textureRotationAngle = void 0, this._id = void 0, this._createPrimitive = !0, this._primitive = void 0, this._outlinePolygon = void 0;
-    }, s.prototype.setAttribute = function(a, v) {
-      this[a] = v, this._createPrimitive = !0;
+    }, s.prototype.setAttribute = function(a, E) {
+      this[a] = E, this._createPrimitive = !0;
     }, s.prototype.getAttribute = function(a) {
       return this[a];
-    }, s.prototype.update = function(a, v, d) {
+    }, s.prototype.update = function(a, E, d) {
       if (!g.defined(this.ellipsoid))
         throw new g.DeveloperError("this.ellipsoid must be defined.");
       if (!g.defined(this.appearance))
@@ -2167,14 +2168,14 @@ var be = function() {
           }));
         }
         var h = this._primitive;
-        h.appearance.material = this.material, h.debugShowBoundingVolume = this.debugShowBoundingVolume, h.update(a, v, d), this._outlinePolygon && this._outlinePolygon.update(a, v, d);
+        h.appearance.material = this.material, h.debugShowBoundingVolume = this.debugShowBoundingVolume, h.update(a, E, d), this._outlinePolygon && this._outlinePolygon.update(a, E, d);
       }
     }, s.prototype.isDestroyed = function() {
       return !1;
     }, s.prototype.destroy = function() {
       return this._primitive = this._primitive && this._primitive.destroy(), g.destroyObject(this);
-    }, s.prototype.setStrokeStyle = function(a, v) {
-      (!this.strokeColor || !this.strokeColor.equals(a) || this.strokeWidth != v) && (this._createPrimitive = !0, this.strokeColor = a, this.strokeWidth = v);
+    }, s.prototype.setStrokeStyle = function(a, E) {
+      (!this.strokeColor || !this.strokeColor.equals(a) || this.strokeWidth != E) && (this._createPrimitive = !0, this.strokeColor = a, this.strokeWidth = E);
     }, s;
   }();
   i.ExtentPrimitive = function() {
@@ -2301,7 +2302,7 @@ var be = function() {
     }, s;
   }(), i.PolylinePrimitive = function() {
     function s(a) {
-      a = k(a, E), this.initialiseOptions(a);
+      a = k(a, v), this.initialiseOptions(a);
     }
     return s.prototype = new L(), s.prototype.setPositions = function(a) {
       this.setAttribute("positions", a);
@@ -2339,15 +2340,15 @@ var be = function() {
     shiftX: 0,
     shiftY: 0
   };
-  i.prototype.createBillboardGroup = function(s, a, v) {
+  i.prototype.createBillboardGroup = function(s, a, E) {
     var d = new i.BillboardGroup(this, a);
-    return d.addBillboards(s, v), d;
+    return d.addBillboards(s, E), d;
   }, i.BillboardGroup = function(s, a) {
     this._drawHelper = s, this._scene = s._scene, this._options = k(a, w);
-    var v = new g.BillboardCollection();
-    this._scene.primitives.add(v), this._billboards = v, this._orderedBillboards = [];
+    var E = new g.BillboardCollection();
+    this._scene.primitives.add(E), this._billboards = E, this._orderedBillboards = [];
   }, i.BillboardGroup.prototype.createBillboard = function(s, a) {
-    var v = this._billboards.add({
+    var E = this._billboards.add({
       show: !0,
       position: s,
       pixelOffset: new g.Cartesian2(this._options.shiftX, this._options.shiftY),
@@ -2362,17 +2363,17 @@ var be = function() {
       let h = function(f) {
         y.enableRotate = f;
       }, C = function() {
-        for (var f = 0, T = d._orderedBillboards.length; f < T && d._orderedBillboards[f] != v; ++f)
+        for (var f = 0, T = d._orderedBillboards.length; f < T && d._orderedBillboards[f] != E; ++f)
           ;
         return f;
       };
       var d = this, y = this._scene.screenSpaceCameraController;
       if (a.dragHandlers) {
         var d = this;
-        $(v, "leftDown", function(T) {
+        $(E, "leftDown", function(T) {
           function _(M) {
-            v.position = M;
-            for (var x = 0, W = d._orderedBillboards.length; x < W && d._orderedBillboards[x] != v; ++x)
+            E.position = M;
+            for (var x = 0, W = d._orderedBillboards.length; x < W && d._orderedBillboards[x] != E; ++x)
               ;
             a.dragHandlers.onDrag && a.dragHandlers.onDrag(C(), M);
           }
@@ -2388,24 +2389,24 @@ var be = function() {
           }, g.ScreenSpaceEventType.LEFT_UP), h(!1), a.dragHandlers.onDragStart && a.dragHandlers.onDragStart(C(), d._scene.camera.pickEllipsoid(T, e));
         });
       }
-      a.onDoubleClick && $(v, "leftDoubleClick", function(f) {
+      a.onDoubleClick && $(E, "leftDoubleClick", function(f) {
         a.onDoubleClick(C());
-      }), a.onClick && $(v, "leftClick", function(f) {
+      }), a.onClick && $(E, "leftClick", function(f) {
         a.onClick(C());
-      }), a.tooltip && ($(v, "mouseMove", function(f) {
+      }), a.tooltip && ($(E, "mouseMove", function(f) {
         d._drawHelper._tooltip.showAt(f, a.tooltip());
-      }), $(v, "mouseOut", function(f) {
+      }), $(E, "mouseOut", function(f) {
         d._drawHelper._tooltip.setVisible(!1);
       }));
     }
-    return v;
-  }, i.BillboardGroup.prototype.insertBillboard = function(s, a, v) {
-    this._orderedBillboards.splice(s, 0, this.createBillboard(a, v));
+    return E;
+  }, i.BillboardGroup.prototype.insertBillboard = function(s, a, E) {
+    this._orderedBillboards.splice(s, 0, this.createBillboard(a, E));
   }, i.BillboardGroup.prototype.addBillboard = function(s, a) {
     this._orderedBillboards.push(this.createBillboard(s, a));
   }, i.BillboardGroup.prototype.addBillboards = function(s, a) {
-    for (var v = 0; v < s.length; v++)
-      this.addBillboard(s[v], a);
+    for (var E = 0; E < s.length; E++)
+      this.addBillboard(s[E], a);
   }, i.BillboardGroup.prototype.updateBillboardsPositions = function(s) {
     for (var a = 0; a < s.length; a++)
       this.getBillboard(a).position = s[a];
@@ -2424,13 +2425,13 @@ var be = function() {
     this.startDrawing(function() {
       h.remove(), C.destroy(), y.setVisible(!1);
     });
-    var v = this, d = this._scene;
+    var E = this, d = this._scene;
     d.primitives;
     var y = this._tooltip, h = new i.BillboardGroup(this, a), C = new g.ScreenSpaceEventHandler(d.canvas);
     C.setInputAction(function(f) {
       if (f.position != null) {
         var T = d.camera.pickEllipsoid(f.position, e);
-        T && (h.addBillboard(T), v.stopDrawing(), a.callback(T));
+        T && (h.addBillboard(T), E.stopDrawing(), a.callback(T));
       }
     }, g.ScreenSpaceEventType.LEFT_CLICK), C.setInputAction(function(f) {
       var T = f.endPosition;
@@ -2446,13 +2447,13 @@ var be = function() {
     var a = k(a, r);
     this.startDrawingPolyshape(!0, a);
   }, i.prototype.startDrawingPolyline = function(a) {
-    var a = k(a, E);
+    var a = k(a, v);
     this.startDrawingPolyshape(!1, a);
   }, i.prototype.startDrawingPolyshape = function(s, a) {
     this.startDrawing(function() {
       y.remove(f), _.remove(), S.destroy(), h.setVisible(!1), G(d);
     });
-    var v = this, d = this._scene, y = d.primitives, h = this._tooltip, C = s ? 3 : 2, f;
+    var E = this, d = this._scene, y = d.primitives, h = this._tooltip, C = s ? 3 : 2, f;
     s ? f = new be.PolygonPrimitive(a) : f = new be.PolylinePrimitive(a), f.asynchronous = !1, y.add(f);
     var T = [], _ = new i.BillboardGroup(this, w), S = new g.ScreenSpaceEventHandler(d.canvas);
     Y(d), S.setInputAction(function(b) {
@@ -2478,7 +2479,7 @@ var be = function() {
         if (T.length < C + 2)
           return;
         var x = d.camera.pickEllipsoid(M, e);
-        x && (G(d), v.stopDrawing(), typeof a.callback == "function" && (T.length - 1, a.callback(T)));
+        x && (G(d), E.stopDrawing(), typeof a.callback == "function" && (T.length - 1, a.callback(T)));
       }
     }, g.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
   };
@@ -2501,7 +2502,7 @@ var be = function() {
     this.startDrawing(function() {
       f != null && y.remove(f), T != null && T.remove(), _.destroy(), h.setVisible(!1), G(d);
     });
-    var v = this, d = this._scene, y = this._scene.primitives, h = this._tooltip, C = null, f = null, T = null, _ = new g.ScreenSpaceEventHandler(d.canvas);
+    var E = this, d = this._scene, y = this._scene.primitives, h = this._tooltip, C = null, f = null, T = null, _ = new g.ScreenSpaceEventHandler(d.canvas);
     Y(d);
     function S(b) {
       f == null && (f = new be.ExtentPrimitive({
@@ -2509,7 +2510,7 @@ var be = function() {
         material: a.material
       }), f.asynchronous = !1, y.add(f)), f.setExtent(b);
       var M = H(b);
-      T == null ? (T = new i.BillboardGroup(v, w), T.addBillboards(M)) : T.updateBillboardsPositions(M);
+      T == null ? (T = new i.BillboardGroup(E, w), T.addBillboards(M)) : T.updateBillboardsPositions(M);
     }
     _.setInputAction(function(b) {
       if (b.position != null) {
@@ -2520,7 +2521,7 @@ var be = function() {
             var x = U(C, C);
             S(x);
           } else
-            v.stopDrawing(), typeof a.callback == "function" && a.callback(U(C, e.cartesianToCartographic(M)));
+            E.stopDrawing(), typeof a.callback == "function" && a.callback(U(C, e.cartesianToCartographic(M)));
       }
     }, g.ScreenSpaceEventType.LEFT_DOWN), _.setInputAction(function(b) {
       var M = b.endPosition;
@@ -2540,7 +2541,7 @@ var be = function() {
     this.startDrawing(function() {
       C != null && y.remove(C), f.remove(), T.destroy(), h.setVisible(!1);
     });
-    var v = this, d = this._scene, y = this._scene.primitives, h = this._tooltip, C = null, f = null, T = new g.ScreenSpaceEventHandler(d.canvas);
+    var E = this, d = this._scene, y = this._scene.primitives, h = this._tooltip, C = null, f = null, T = new g.ScreenSpaceEventHandler(d.canvas);
     T.setInputAction(function(_) {
       if (_.position != null) {
         var S = d.camera.pickEllipsoid(_.position, e);
@@ -2549,7 +2550,7 @@ var be = function() {
           radius: 0,
           asynchronous: !1,
           material: a.material
-        }), y.add(C), f = new i.BillboardGroup(v, w), f.addBillboards([S])) : (typeof a.callback == "function" && a.callback(C.getCenter(), C.getRadius()), v.stopDrawing()));
+        }), y.add(C), f = new i.BillboardGroup(E, w), f.addBillboards([S])) : (typeof a.callback == "function" && a.callback(C.getCenter(), C.getRadius()), E.stopDrawing()));
       }
     }, g.ScreenSpaceEventType.LEFT_DOWN), T.setInputAction(function(_) {
       var S = _.endPosition;
@@ -2590,7 +2591,7 @@ var be = function() {
     function a(d) {
       s._scene, !(this._highlighted && this._highlighted == d) && this._editMode !== !0 && (this._highlighted = d, d ? (s.setHighlighted(this), this._strokeColor = this.strokeColor, this.setStrokeStyle(g.Color.fromCssColorString("white"), this.strokeWidth)) : this._strokeColor ? this.setStrokeStyle(this._strokeColor, this.strokeWidth) : this.setStrokeStyle(void 0, void 0));
     }
-    function v(d) {
+    function E(d) {
       if (this._editMode != d)
         if (s.disableAllHighlights(), d) {
           s.setEdited(this);
@@ -2661,7 +2662,7 @@ var be = function() {
     be.PolylinePrimitive.prototype.setEditable = function() {
       if (!this.setEditMode) {
         var d = this;
-        d.isPolygon = !1, d.asynchronous = !1, s.registerEditableShape(d), d.setEditMode = v;
+        d.isPolygon = !1, d.asynchronous = !1, s.registerEditableShape(d), d.setEditMode = E;
         var y = this.width;
         d.setHighlighted = function(h) {
           this._editMode !== !0 && (h ? (s.setHighlighted(this), this.setWidth(y * 2)) : this.setWidth(y));
@@ -2671,7 +2672,7 @@ var be = function() {
       }
     }, be.PolygonPrimitive.prototype.setEditable = function() {
       var d = this;
-      d.asynchronous = !1, s._scene, s.registerEditableShape(d), d.setEditMode = v, d.setHighlighted = a, te(d), d.setEditMode(!1);
+      d.asynchronous = !1, s._scene, s.registerEditableShape(d), d.setEditMode = E, d.setHighlighted = a, te(d), d.setEditMode(!1);
     }, be.ExtentPrimitive.prototype.setEditable = function() {
       if (!this.setEditMode) {
         var d = this, y = s._scene;
@@ -2814,8 +2815,8 @@ var be = function() {
       }
     };
   }, i.DrawHelperWidget = function() {
-    function s(a, v) {
-      if (!g.defined(v.container))
+    function s(a, E) {
+      if (!g.defined(E.container))
         throw new g.DeveloperError("Container is required");
       var d = {
         markerIcon: "./assets/img/glyphicons_242_google_maps.png",
@@ -2824,14 +2825,14 @@ var be = 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: E,
+        polylineDrawingOptions: v,
         polygonDrawingOptions: c,
         extentDrawingOptions: u,
         circleDrawingOptions: m
       };
-      z(v, d);
+      z(E, d);
       var y = this, h = document.createElement("DIV");
-      h.className = "toolbar", v.container.appendChild(h);
+      h.className = "toolbar", E.container.appendChild(h);
       function C(_, S, b, M) {
         var x = document.createElement("DIV");
         x.className = "button", x.title = b, h.appendChild(x), x.onclick = M;
@@ -2841,7 +2842,7 @@ var be = function() {
         return q.src = S, W.appendChild(q), x;
       }
       var f = a._scene;
-      C("marker", v.markerIcon, "Click to start drawing a 2D marker", function() {
+      C("marker", E.markerIcon, "Click to start drawing a 2D marker", function() {
         a.startDrawingMarker({
           callback: function(_) {
             y.executeListeners({
@@ -2850,7 +2851,7 @@ var be = function() {
             });
           }
         });
-      }), C("polyline", v.polylineIcon, "Click to start drawing a 2D polyline", function() {
+      }), C("polyline", E.polylineIcon, "Click to start drawing a 2D polyline", function() {
         a.startDrawingPolyline({
           callback: function(_) {
             y.executeListeners({
@@ -2859,7 +2860,7 @@ var be = function() {
             });
           }
         });
-      }), C("polygon", v.polygonIcon, "Click to start drawing a 2D polygon", function() {
+      }), C("polygon", E.polygonIcon, "Click to start drawing a 2D polygon", function() {
         a.startDrawingPolygon({
           callback: function(_) {
             y.executeListeners({
@@ -2868,13 +2869,13 @@ var be = function() {
             });
           }
         });
-      }), C("extent", v.extentIcon, "Click to start drawing an Extent", function() {
+      }), C("extent", E.extentIcon, "Click to start drawing an Extent", function() {
         a.startDrawingExtent({
           callback: function(_) {
             y.executeListeners({ name: "extentCreated", extent: _ });
           }
         });
-      }), C("circle", v.circleIcon, "Click to start drawing a Circle", function() {
+      }), C("circle", E.circleIcon, "Click to start drawing a Circle", function() {
         a.startDrawingCircle({
           callback: function(_, S) {
             y.executeListeners({
@@ -2886,7 +2887,7 @@ var be = function() {
         });
       });
       var T = document.createElement("DIV");
-      T.className = "divider", h.appendChild(T), C("clear", v.clearIcon, "Remove all primitives", function() {
+      T.className = "divider", h.appendChild(T), C("clear", E.clearIcon, "Remove all primitives", function() {
         f.primitives.removeAll();
       }), te(this);
     }
@@ -2895,10 +2896,10 @@ var be = function() {
     return a = k(a, { container: s }), new i.DrawHelperWidget(this, a);
   };
   function U(s, a) {
-    var v = new g.Rectangle();
-    v.west = Math.min(s.longitude, a.longitude), v.east = Math.max(s.longitude, a.longitude), v.south = Math.min(s.latitude, a.latitude), v.north = Math.max(s.latitude, a.latitude);
+    var E = new g.Rectangle();
+    E.west = Math.min(s.longitude, a.longitude), E.east = Math.max(s.longitude, a.longitude), E.south = Math.min(s.latitude, a.latitude), E.north = Math.max(s.latitude, a.latitude);
     var d = g.Math.EPSILON7;
-    return v.east - v.west < d && (v.east += d * 2), v.north - v.south < d && (v.north += d * 2), v;
+    return E.east - E.west < d && (E.east += d * 2), E.north - E.south < d && (E.north += d * 2), E;
   }
   function j(s, a) {
     return s.longitude.toFixed(a || 3) + ", " + s.latitude.toFixed(a || 3);
@@ -2909,42 +2910,42 @@ var be = function() {
     if (s.constructor == Date || s.constructor == RegExp || s.constructor == Function || s.constructor == String || s.constructor == Number || s.constructor == Boolean)
       return new s.constructor(s);
     a = a || new s.constructor();
-    for (var v in s)
-      a[v] = typeof a[v] > "u" ? O(s[v], null) : a[v];
+    for (var E in s)
+      a[E] = typeof a[E] > "u" ? O(s[E], null) : a[E];
     return a;
   }
   function z(s, a) {
     s = s || {};
-    var v;
-    for (v in a)
-      s[v] === void 0 && (s[v] = O(a[v]));
+    var E;
+    for (E in a)
+      s[E] === void 0 && (s[E] = O(a[E]));
   }
   function k(s, a) {
-    var v = O(s), d;
+    var E = O(s), d;
     for (d in a)
-      v[d] === void 0 && (v[d] = O(a[d]));
-    return v;
+      E[d] === void 0 && (E[d] = O(a[d]));
+    return E;
   }
-  function $(s, a, v) {
-    s[a] = v;
+  function $(s, a, E) {
+    s[a] = E;
   }
   function te(s) {
-    s._listeners = {}, s.addListener = function(a, v) {
-      return this._listeners[a] = this._listeners[a] || [], this._listeners[a].push(v), this._listeners[a].length;
-    }, s.executeListeners = function(a, v) {
+    s._listeners = {}, s.addListener = function(a, E) {
+      return this._listeners[a] = this._listeners[a] || [], this._listeners[a].push(E), this._listeners[a].length;
+    }, s.executeListeners = function(a, E) {
       if (this._listeners[a.name] && this._listeners[a.name].length > 0)
         for (var d = 0; d < this._listeners[a.name].length; d++)
           this._listeners[a.name][d](a);
       else
-        v && v(a);
+        E && E(a);
     };
   }
   return i;
 }();
-const Oo = 2, Ao = (e, n) => {
+const Ao = 2, ko = (e, n) => {
   switch (e) {
     case le.BOX: {
-      if (n.features.length !== Oo)
+      if (n.features.length !== Ao)
         throw new Error(`${e} must have 2 points`);
       const t = _t(n.features, (o) => {
         var r;
@@ -2968,7 +2969,7 @@ const Oo = 2, Ao = (e, n) => {
     default:
       throw new Error(`${e} type geoJSON still not supported`);
   }
-}, ko = (e) => {
+}, Ro = (e) => {
   const n = e.map((t) => {
     const i = He.fromCartesian(t);
     return [fe.toDegrees(i.longitude), fe.toDegrees(i.latitude)];
@@ -2981,22 +2982,22 @@ const Oo = 2, Ao = (e, n) => {
       coordinates: [n]
     }
   };
-}, Ro = (e) => {
+}, No = (e) => {
   const n = nn.lineString([
     [fe.toDegrees(e.west), fe.toDegrees(e.south)],
     [fe.toDegrees(e.east), fe.toDegrees(e.north)]
   ]);
   return on(rn(n));
-}, No = (e) => {
+}, Bo = (e) => {
   const n = nn.lineString([
     [e.west, e.south],
     [e.east, e.north]
   ]);
   return on(rn(n)).geometry.coordinates[0].map((i) => ve.fromRadiansArray(i)[0]);
 };
-class Va extends lt {
+class $a extends lt {
 }
-const za = (e) => {
+const Wa = (e) => {
   const { drawState: n, drawingMaterial: t, drawingVertexColor: i, material: o, hollow: r, outlineWidth: c } = e, u = se(), [m, p] = D();
   I(() => {
     p(
@@ -3014,7 +3015,7 @@ const za = (e) => {
                 n.handler({
                   primitive: w,
                   type: le.POLYGON,
-                  geojson: ko(w)
+                  geojson: Ro(w)
                 });
               }
             });
@@ -3025,7 +3026,7 @@ const za = (e) => {
                 n.handler({
                   primitive: w,
                   type: le.BOX,
-                  geojson: Ro(w)
+                  geojson: No(w)
                 });
               }
             });
@@ -3037,22 +3038,22 @@ const za = (e) => {
         L.stopDrawing(), u.scene.globe.depthTestAgainstTerrain = !0;
     }
   }, [n, m]);
-  const E = (L) => {
+  const v = (L) => {
     try {
-      let w = L.coordinates !== void 0 ? L.coordinates : Ao(L.type, L.geojson);
+      let w = L.coordinates !== void 0 ? L.coordinates : ko(L.type, L.geojson);
       if (r !== !0)
         switch (L.type) {
           case le.BOX:
-            return /* @__PURE__ */ l(xo, { coordinates: w, material: o ?? t });
+            return /* @__PURE__ */ l(Io, { coordinates: w, material: o ?? t });
           case le.POLYGON:
-            return /* @__PURE__ */ l(Po, { hierarchy: new Zi(w), material: o ?? t });
+            return /* @__PURE__ */ l(xo, { hierarchy: new Ji(w), material: o ?? t });
           default:
             return /* @__PURE__ */ l(oe, {});
         }
       else {
         switch (L.type) {
           case le.BOX:
-            w = No(w);
+            w = Bo(w);
             break;
           case le.POLYGON:
             w = [...w, w[0]];
@@ -3060,35 +3061,35 @@ const za = (e) => {
           default:
             return /* @__PURE__ */ l(oe, {});
         }
-        return /* @__PURE__ */ l(Do, { clampToGround: !0, positions: w, width: c ?? 1, material: o ?? t });
+        return /* @__PURE__ */ l(Oo, { clampToGround: !0, positions: w, width: c ?? 1, material: o ?? t });
       }
     } catch (w) {
       return console.error(w), /* @__PURE__ */ l(oe, {});
     }
   };
-  return /* @__PURE__ */ l(Io, { ...e, children: e.drawings.map((L, w) => /* @__PURE__ */ N(_o, { name: L.name, children: [
-    /* @__PURE__ */ N(Mo, { children: [
+  return /* @__PURE__ */ l(Do, { ...e, children: e.drawings.map((L, w) => /* @__PURE__ */ N(Mo, { name: L.name, children: [
+    /* @__PURE__ */ N(Po, { children: [
       /* @__PURE__ */ N("h1", { children: [
         "Drawed Entity ",
         L.name
       ] }),
       /* @__PURE__ */ l("p", { children: "This is description of drawed entity" })
     ] }),
-    E(L)
+    v(L)
   ] }, L.id)) });
-}, $a = (e) => {
+}, Ua = (e) => {
   const n = se();
   return I(() => {
-    n.extend(Ji);
+    n.extend(Qi);
   }, [n]), /* @__PURE__ */ l(oe, {});
-}, Bo = -25, zt = 2, Wa = (e) => {
+}, Fo = -25, zt = 2, ja = (e) => {
   const n = se(), t = (r, c = ",") => r.slice(r.indexOf(`
 `) + 1).split(`
 `).map((p) => {
-    const E = p.split(c);
+    const v = p.split(c);
     return {
-      cartographic: He.fromDegrees(parseFloat(E[0]), parseFloat(E[1])),
-      cartesian: new Ce(parseFloat(E[0]), parseFloat(E[1]))
+      cartographic: He.fromDegrees(parseFloat(v[0]), parseFloat(v[1])),
+      cartesian: new Ce(parseFloat(v[0]), parseFloat(v[1]))
     };
   }), i = (r) => {
     var u;
@@ -3096,11 +3097,11 @@ const za = (e) => {
     const c = new FileReader();
     c.onload = (m) => {
       var w;
-      const p = (w = m.target) == null ? void 0 : w.result, E = t(p), L = en.WGS84;
+      const p = (w = m.target) == null ? void 0 : w.result, v = t(p), L = en.WGS84;
       console.log(`Loaded CSV content:
-`, p), Qi(
+`, p), er(
         n.terrainProvider,
-        E.map((P) => P.cartographic)
+        v.map((P) => P.cartographic)
       ).then(
         (P) => {
           console.log(P), P = P.slice(0, P.length - 1), n.scene.globe.depthTestAgainstTerrain = !0, n.entities.suspendEvents(), n.entities.removeAll(), P.forEach((A, H) => {
@@ -3120,15 +3121,15 @@ const za = (e) => {
                 outlineWidth: 4,
                 outlineColor: lt.BLACK,
                 verticalOrigin: at.BOTTOM,
-                pixelOffset: new Ce(0, Bo)
+                pixelOffset: new Ce(0, Fo)
               },
               description: `
-                Long: ${E[H].cartesian.x} </br>
-                Lat: ${E[H].cartesian.y} </br>
+                Long: ${v[H].cartesian.x} </br>
+                Lat: ${v[H].cartesian.y} </br>
                 Height(m): <span style="font-weight: 500">${A.height}</span>
               `
             });
-          }), n.entities.resumeEvents(), r.target.files !== null && (o(`terranian_heights_${r.target.files[0].name}`, E), r.target.value = ""), console.log("Pinned point count is ", n.entities.values.length);
+          }), n.entities.resumeEvents(), r.target.files !== null && (o(`terranian_heights_${r.target.files[0].name}`, v), r.target.value = ""), console.log("Pinned point count is ", n.entities.values.length);
         },
         (P) => {
           console.error("ERROR while sampleTerrainMostDetailed:", P);
@@ -3146,8 +3147,8 @@ const za = (e) => {
     c.forEach((w) => {
       m += u(w);
     });
-    const p = new Blob([m], { type: "text/csv;charset=utf-8;" }), E = document.createElement("a"), L = URL.createObjectURL(p);
-    E.setAttribute("href", L), E.setAttribute("download", r), E.style.visibility = "hidden", document.body.appendChild(E), E.click(), document.body.removeChild(E);
+    const p = new Blob([m], { type: "text/csv;charset=utf-8;" }), v = document.createElement("a"), L = URL.createObjectURL(p);
+    v.setAttribute("href", L), v.setAttribute("download", r), v.style.visibility = "hidden", document.body.appendChild(v), v.click(), document.body.removeChild(v);
   };
   return /* @__PURE__ */ l(oe, { children: /* @__PURE__ */ l(
     "input",
@@ -3161,7 +3162,7 @@ const za = (e) => {
     }
   ) });
 };
-const Fo = 38, Ho = 40, Go = 13, Vo = 14, zo = 27, $o = 9, Wo = 10, Uo = 100, jo = (e) => {
+const Ho = 38, Go = 40, Vo = 13, zo = 14, $o = 27, Wo = 9, Uo = 10, jo = 100, Ko = (e) => {
   const [n, t] = D(e.defaultValue ?? ""), [i, o] = D(!1), [r, c] = D({
     helperVisible: !1,
     left: 0,
@@ -3205,7 +3206,7 @@ const Fo = 38, Ho = 40, Go = 13, Vo = 14, zo = 27, $o = 9, Wo = 10, Uo = 100, jo
         let ae = -1;
         if (Q > 0) {
           const ce = V ? ne : ne - Q + 1;
-          if (ce < 0 || (E(R, y, ce) && (ae = ce + Q), !ue && ae < 0))
+          if (ce < 0 || (v(R, y, ce) && (ae = ce + Q), !ue && ae < 0))
             break;
         } else {
           if (ue && ne > 0)
@@ -3236,8 +3237,8 @@ const Fo = 38, Ho = 40, Go = 13, Vo = 14, zo = 27, $o = 9, Wo = 10, Uo = 100, jo
     triggerStr: f,
     triggerMatch: f.match(h),
     triggerLength: f.length
-  })), E = (y, h, C) => !y || !y.length || h.substr(C, y.length) === y, L = (y) => {
-    const { onChange: h, options: C, spaceRemovers: f, spacer: T, value: _ } = e, S = n, b = y.target.value, M = or(w(y.target)).end;
+  })), v = (y, h, C) => !y || !y.length || h.substr(C, y.length) === y, L = (y) => {
+    const { onChange: h, options: C, spaceRemovers: f, spacer: T, value: _ } = e, S = n, b = y.target.value, M = sr(w(y.target)).end;
     if (b.length || G({
       ...r,
       helperVisible: !1
@@ -3277,26 +3278,26 @@ const Fo = 38, Ho = 40, Go = 13, Vo = 14, zo = 27, $o = 9, Wo = 10, Uo = 100, jo
     const { helperVisible: h, options: C, selection: f } = r, { onKeyDown: T, passThroughEnter: _ } = e;
     if (h)
       switch (y.keyCode) {
-        case zo:
+        case $o:
           y.preventDefault(), j();
           break;
-        case Fo:
+        case Ho:
           y.preventDefault(), G({
             ...r,
             selection: (C.length + f - 1) % C.length
           });
           break;
-        case Ho:
+        case Go:
           y.preventDefault(), G({
             ...r,
             selection: (f + 1) % C.length
           });
           break;
+        case zo:
         case Vo:
-        case Go:
           _ || y.preventDefault(), H(f);
           break;
-        case $o:
+        case Wo:
           H(f);
           break;
         default:
@@ -3319,7 +3320,7 @@ const Fo = 38, Ho = 40, Go = 13, Vo = 14, zo = 27, $o = 9, Wo = 10, Uo = 100, jo
       caret: y
     });
     const h = w(u.current);
-    sr(h, y);
+    ar(h, y);
   }, G = (y) => {
     setTimeout(() => {
       c({
@@ -3335,9 +3336,9 @@ const Fo = 38, Ho = 40, Go = 13, Vo = 14, zo = 27, $o = 9, Wo = 10, Uo = 100, jo
       return;
     const _ = f.getBoundingClientRect(), S = m(y, h, C);
     if (Object.keys(S).length > 0 && T !== null) {
-      const b = rr(T, h), M = T.getBoundingClientRect(), { minChars: x, onRequestOptions: W, requestOnlyIfNoOptions: q, mode: R } = e;
+      const b = or(T, h), M = T.getBoundingClientRect(), { minChars: x, onRequestOptions: W, requestOnlyIfNoOptions: q, mode: R } = e;
       let V, Q, ne, ye = "unset";
-      R === "assist" ? (V = f === T ? b.top + T.offsetTop : b.top + _.top, Q = Math.min(b.left + T.offsetLeft - Wo, T.offsetLeft + M.width - Uo)) : (V = _.top + f.offsetHeight, Q = f.offsetLeft, ne = f.offsetLeft - f.offsetWidth, ye = `${_.width}px`), S.matchLength >= x && (S.options.length > 1 || S.options.length === 1 && S.options[0].length !== S.matchLength) ? G({
+      R === "assist" ? (V = f === T ? b.top + T.offsetTop : b.top + _.top, Q = Math.min(b.left + T.offsetLeft - Uo, T.offsetLeft + M.width - jo)) : (V = _.top + f.offsetHeight, Q = f.offsetLeft, ne = f.offsetLeft - f.offsetWidth, ye = `${_.width}px`), S.matchLength >= x && (S.options.length > 1 || S.options.length === 1 && S.options[0].length !== S.matchLength) ? G({
         ...r,
         value: y,
         helperVisible: !0,
@@ -3394,7 +3395,7 @@ const Fo = 38, Ho = 40, Go = 13, Vo = 14, zo = 27, $o = 9, Wo = 10, Uo = 100, jo
       );
     }), ye = V === "ltr" ? { left: h + q } : { right: C + q };
     return /* @__PURE__ */ l("ul", { className: "react-autocomplete-input", style: { ...ye, top: b + R, width: x }, children: ne });
-  }, { Component: z, ComponentProps: k, defaultValue: $, disabled: te, onBlur: s, value: a, ...v } = e, d = Object.assign({}, v);
+  }, { Component: z, ComponentProps: k, defaultValue: $, disabled: te, onBlur: s, value: a, ...E } = e, d = Object.assign({}, E);
   return Object.keys(e).forEach((y) => {
     delete d[y];
   }), /* @__PURE__ */ N(oe, { children: [
@@ -3410,7 +3411,7 @@ const Fo = 38, Ho = 40, Go = 13, Vo = 14, zo = 27, $o = 9, Wo = 10, Uo = 100, jo
     }),
     O()
   ] });
-}, Ko = {
+}, qo = {
   Component: /* @__PURE__ */ l("textarea", {}),
   ComponentProps: {},
   defaultValue: void 0,
@@ -3441,9 +3442,9 @@ const Fo = 38, Ho = 40, Go = 13, Vo = 14, zo = 27, $o = 9, Wo = 10, Uo = 100, jo
   passThroughEnter: !1,
   mode: "assist",
   direction: "ltr"
-}, Ua = (e) => {
+}, Ka = (e) => {
   let n = {
-    ...Ko,
+    ...qo,
     ...e
   };
   return e.mode === "autocomplete" && (n = {
@@ -3451,7 +3452,7 @@ const Fo = 38, Ho = 40, Go = 13, Vo = 14, zo = 27, $o = 9, Wo = 10, Uo = 100, jo
     trigger: "",
     regex: ".",
     spacer: ""
-  }), /* @__PURE__ */ l(jo, { ...n });
+  }), /* @__PURE__ */ l(Ko, { ...n });
 }, yt = {
   formatFileModDate: (e, n) => {
     const t = sn.getModDate(n);
@@ -3463,16 +3464,16 @@ const Fo = 38, Ho = 40, Go = 13, Vo = 14, zo = 27, $o = 9, Wo = 10, Uo = 100, jo
   formatFileSize: (e, n) => {
     if (!n || typeof n.size != "number")
       return null;
-    const t = n.size, i = dr(t, {
+    const t = n.size, i = ur(t, {
       bits: !1,
       output: "object"
     });
     return i.symbol === "B" ? `${Math.round(i.value / 10) / 100} KB` : i.symbol === "KB" ? `${Math.round(i.value)} ${i.symbol}` : `${i.value} ${i.symbol.toUpperCase()}`;
   }
-}, qo = {
+}, Yo = {
   locale: he.EN,
   formatters: { ...yt }
-}, Yo = {
+}, Xo = {
   locale: he.RU,
   formatters: { ...yt },
   messages: {
@@ -3512,7 +3513,7 @@ const Fo = 38, Ho = 40, Go = 13, Vo = 14, zo = 27, $o = 9, Wo = 10, Uo = 100, jo
     [`chonky.actions.${F.ToggleHiddenFiles.id}.button.name`]: "Скрытые файлы",
     [`chonky.actions.${F.ToggleShowFoldersFirst.id}.button.name`]: "Папки в начале"
   }
-}, Xo = {
+}, Zo = {
   locale: he.HE,
   formatters: { ...yt },
   messages: {
@@ -3551,24 +3552,24 @@ const Fo = 38, Ho = 40, Go = 13, Vo = 14, zo = 27, $o = 9, Wo = 10, Uo = 100, jo
     [`chonky.actions.${F.ToggleHiddenFiles.id}.button.name`]: "קבצים נסתרים",
     [`chonky.actions.${F.ToggleShowFoldersFirst.id}.button.name`]: "הצגת תיקיות בראש הרשימה"
   }
-}, Zo = {
-  [he.EN]: qo,
-  [he.RU]: Yo,
-  [he.HE]: Xo
+}, Jo = {
+  [he.EN]: Yo,
+  [he.RU]: Xo,
+  [he.HE]: Zo
 };
-class ja extends sn {
+class qa extends sn {
 }
-const Ka = F, Jo = {
+const Ya = F, Qo = {
   listView: F.EnableListView.id,
   gridView: F.EnableGridView.id
 };
-ar({ iconComponent: cr });
-const qa = Ee.memo(
+lr({ iconComponent: dr });
+const Xa = Ee.memo(
   Ee.forwardRef(
     ({
       theme: e,
       styles: n = { height: "100%", minWidth: "600px" },
-      defaultView: t = Jo.listView,
+      defaultView: t = Qo.listView,
       readOnlyMode: i = !1,
       locale: o,
       files: r,
@@ -3576,7 +3577,7 @@ const qa = Ee.memo(
       onFileAction: u,
       ...m
     }, p) => {
-      const E = pe(
+      const v = pe(
         ($) => null,
         // file.thumbnailUrl ? `https://chonky.io${file.thumbnailUrl}` : null,
         []
@@ -3596,7 +3597,7 @@ const qa = Ee.memo(
         return s = s.startsWith("--") ? s : `--fp-theme-${L(s)}`, te[s] = a, te;
       }, {}) : {}, [e]), [P, A] = D(!1), [H, Y] = D(), [G, U] = D(!1), [j, O] = D(), [z, k] = D();
       return I(() => {
-        e && A(!0), Y(t), i ? U(!0) : O([F.CreateFolder, F.DeleteFiles]), o !== void 0 && k(Zo[o]);
+        e && A(!0), Y(t), i ? U(!0) : O([F.CreateFolder, F.DeleteFiles]), o !== void 0 && k(Jo[o]);
       }, [e, t, i, o]), /* @__PURE__ */ l(
         de,
         {
@@ -3605,7 +3606,7 @@ const qa = Ee.memo(
             ...w
           },
           children: /* @__PURE__ */ l(
-            lr,
+            cr,
             {
               ref: p,
               files: r ?? [],
@@ -3613,7 +3614,7 @@ const qa = Ee.memo(
               onFileAction: ($) => {
                 typeof u == "function" && u($);
               },
-              thumbnailGenerator: E,
+              thumbnailGenerator: v,
               defaultFileViewActionId: H,
               disableDragAndDrop: G,
               fileActions: j,
@@ -3628,99 +3629,100 @@ const qa = Ee.memo(
   )
 );
 export {
-  Ua as Autocomplete,
+  Ka as Autocomplete,
   dt as BboxCorner,
   de as Box,
   ht as COORDINATES_MERCATOR_FRACTION_DIGITS,
   ut as COORDINATES_WGS_FRACTION_DIGITS,
-  ka as Cesium3DTileset,
-  ba as CesiumBoundingSphere,
-  wa as CesiumCartesian2,
-  Ta as CesiumCartesian3,
-  eo as CesiumCartographic,
-  xa as CesiumCesiumTerrainProvider,
-  Va as CesiumColor,
-  Ca as CesiumConstantPositionProperty,
-  Ea as CesiumConstantProperty,
-  Io as CesiumCustomDataSource,
-  za as CesiumDrawingsDataSource,
-  La as CesiumEllipsoid,
-  Pa as CesiumEllipsoidTerrainProvider,
-  _o as CesiumEntity,
-  Ga as CesiumEntityDescription,
-  Mo as CesiumEntityStaticDescription,
-  Sa as CesiumGeographicTilingScheme,
-  Ra as CesiumGeojsonLayer,
+  Na as Cesium3DTileset,
+  La as CesiumBoundingSphere,
+  Ta as CesiumCartesian2,
+  ba as CesiumCartesian3,
+  to as CesiumCartographic,
+  Ia as CesiumCesiumTerrainProvider,
+  $a as CesiumColor,
+  wa as CesiumConstantPositionProperty,
+  Ca as CesiumConstantProperty,
+  Do as CesiumCustomDataSource,
+  Wa as CesiumDrawingsDataSource,
+  Sa as CesiumEllipsoid,
+  xa as CesiumEllipsoidTerrainProvider,
+  Mo as CesiumEntity,
+  za as CesiumEntityDescription,
+  Po as CesiumEntityStaticDescription,
+  _a as CesiumGeographicTilingScheme,
+  Ba as CesiumGeojsonLayer,
+  Oa as CesiumHorizontalOrigin,
   Xe as CesiumImageryLayer,
-  Da as CesiumLabelStyle,
-  Aa as CesiumMap,
-  Qa as CesiumMath,
-  Ha as CesiumOSMLayer,
-  Po as CesiumPolygonGraphics,
-  va as CesiumPolylineDashMaterialProperty,
-  _a as CesiumRectangle,
-  xo as CesiumRectangleGraphics,
-  Ma as CesiumResource,
+  Aa as CesiumLabelStyle,
+  Ra as CesiumMap,
+  tl as CesiumMath,
+  Va as CesiumOSMLayer,
+  xo as CesiumPolygonGraphics,
+  Ea as CesiumPolylineDashMaterialProperty,
+  Ma as CesiumRectangle,
+  Io as CesiumRectangleGraphics,
+  Pa as CesiumResource,
   re as CesiumSceneMode,
-  Ia as CesiumVerticalOrigin,
-  Oa as CesiumViewer,
-  Na as CesiumWMSLayer,
-  Ba as CesiumWMTSLayer,
-  Fa as CesiumXYZLayer,
-  to as CoordinatesTrackerTool,
-  fa as CssBaseline,
-  ta as DateRangePicker,
-  na as DateTimePicker,
-  gr as DateTimeRangePicker,
-  Qs as DateTimeRangePickerFormControl,
+  Da as CesiumVerticalOrigin,
+  ka as CesiumViewer,
+  Fa as CesiumWMSLayer,
+  Ha as CesiumWMTSLayer,
+  Ga as CesiumXYZLayer,
+  no as CoordinatesTrackerTool,
+  ya as CssBaseline,
+  na as DateRangePicker,
+  ia as DateTimePicker,
+  fr as DateTimeRangePicker,
+  ea as DateTimeRangePickerFormControl,
   be as DrawHelper,
-  Br as DrawInteraction,
+  Fr as DrawInteraction,
   le as DrawType,
-  ja as FileHelper,
-  qa as FilePicker,
-  Ka as FilePickerActions,
-  Jo as FilePickerViewObj,
-  Rr as GeoJSONFeature,
-  $a as InspectorTool,
-  pa as Legend,
-  ma as MVTSource,
-  _r as Map,
-  ia as MapFilterContainer,
-  fr as Popover,
+  qa as FileHelper,
+  Xa as FilePicker,
+  Ya as FilePickerActions,
+  Qo as FilePickerViewObj,
+  Nr as GeoJSONFeature,
+  Ua as InspectorTool,
+  ga as Legend,
+  pa as MVTSource,
+  Mr as Map,
+  ra as MapFilterContainer,
+  yr as Popover,
   ge as Proj,
-  io as ScaleTrackerTool,
-  ya as ScopedCssBaseline,
-  ga as SmartTable,
+  ro as ScaleTrackerTool,
+  va as ScopedCssBaseline,
+  fa as SmartTable,
   he as SupportedLocales,
-  Wa as TerrainianHeightTool,
-  Pr as TileLayer,
-  Nr as TileOsm,
-  la as TileWMS,
-  sa as TileWMTS,
-  da as TileXYZ,
-  ea as TimeRangeInput,
-  Dr as VectorLayer,
-  kr as VectorSource,
-  ra as VectorTileLayer,
-  oo as ZoomLevelTrackerTool,
-  el as cesiumSampleTerrainMostDetailed,
+  ja as TerrainianHeightTool,
+  xr as TileLayer,
+  Br as TileOsm,
+  ca as TileWMS,
+  aa as TileWMTS,
+  ua as TileXYZ,
+  ta as TimeRangeInput,
+  Or as VectorLayer,
+  Rr as VectorSource,
+  oa as VectorTileLayer,
+  so as ZoomLevelTrackerTool,
+  nl as cesiumSampleTerrainMostDetailed,
   yt as defaultFormatters,
-  ha as getMVTOptions,
-  aa as getWMSOptions,
-  oa as getWMTSOptions,
-  ca as getXYZOptions,
+  ma as getMVTOptions,
+  la as getWMSOptions,
+  sa as getWMTSOptions,
+  da as getXYZOptions,
   Qe as isDateRange,
-  ur as mapMcToMuiTheme,
-  ko as polygonToGeoJSON,
-  Ro as rectangleToGeoJSON,
-  No as rectangleToPositions,
+  hr as mapMcToMuiTheme,
+  Ro as polygonToGeoJSON,
+  No as rectangleToGeoJSON,
+  Bo as rectangleToPositions,
   se as useCesiumMap,
   ke as useMap,
   an as useMappedMuiTheme,
-  Za as useMediaQuery,
+  Qa as useMediaQuery,
   qe as useTileLayer,
-  Ir as useVectorLayer,
-  Ar as useVectorSource,
-  zr as useVectorTileLayer,
-  ua as useVectorTileSource
+  Dr as useVectorLayer,
+  kr as useVectorSource,
+  $r as useVectorTileLayer,
+  ha as useVectorTileSource
 };