@map-colonies/react-components 4.10.0 → 4.10.2

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

@@ -2,7 +2,7 @@
 var Jn = Object.defineProperty;
 var Qn = (e, n, t) => n in e ? Jn(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
 var ce = (e, n, t) => (Qn(e, typeof n != "symbol" ? n + "" : n, t), t);
-import { jsx as l, jsxs as $, Fragment as Ee } from "react/jsx-runtime";
+import { jsx as l, jsxs as z, Fragment as Ee } from "react/jsx-runtime";
 import * as Ln from "react";
 import Oe, { useState as F, useEffect as N, useMemo as be, forwardRef as ei, createContext as Ke, useContext as ze, useRef as Pe, useLayoutEffect as Tn, useCallback as xe } from "react";
 import { isValid as Xe, isBefore as ti, format as Pt, endOfDay as ni, isSameDay as Yt } from "date-fns";
@@ -19,8 +19,8 @@ import Je from "moment";
 import _i from "@turf/rewind";
 import { Map as Pi, View as xi } from "ol";
 import "ol/ol.css";
-import { format as Zt } from "ol/coordinate";
-import { defaults as Di, FullScreen as qt } from "ol/control";
+import { format as qt } from "ol/coordinate";
+import { defaults as Di, FullScreen as Zt } from "ol/control";
 import wt from "ol/control/MousePosition";
 import { transform as Ii, get as Oi } from "ol/proj";
 import { Tile as Ai, Vector as ki } from "ol/layer";
@@ -32,8 +32,8 @@ import Hi from "ol/layer/VectorTile";
 import { Fill as $i, Stroke as zi, Style as Wi, Circle as Ui } from "ol/style";
 import ji from "ol/tilegrid/WMTS";
 import { getWidth as Ki, getTopLeft as Yi } from "ol/extent";
-import Zi from "ol/source/TileWMS";
-import qi from "ol/source/XYZ";
+import qi from "ol/source/TileWMS";
+import Zi from "ol/source/XYZ";
 import Xi from "ol/source/VectorTile";
 import Xt from "ol-ext/legend/Legend";
 import Ji from "ol-ext/control/Legend";
@@ -67,7 +67,7 @@ import $r, { setCaretPosition as zr } from "get-input-selection";
 import { ChonkyActions as ne, FileHelper as Hn, setChonkyDefaults as Wr, FullFileBrowser as Ur } from "chonky";
 import { ChonkyIconFA as jr } from "chonky-icon-fontawesome";
 import Kr from "filesize";
-import Yr, { components as Zr } from "react-select";
+import Yr, { components as qr } from "react-select";
 var Se = /* @__PURE__ */ ((e) => (e.BOX = "BOX", e.POLYGON = "POLYGON", e.UNKNOWN = "UNKNOWN", e))(Se || {}), De = /* @__PURE__ */ ((e) => (e.HE = "he", e.EN = "en", e.RU = "ru", e))(De || {}), Rt = /* @__PURE__ */ ((e) => (e.TOP_RIGHT = "TOP_RIGHT", e.BOTTOM_LEFT = "BOTTOM_LEFT", e))(Rt || {});
 const he = {
   // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -101,8 +101,8 @@ const he = {
   return /* @__PURE__ */ l(oi, { ...t, children: n });
 }, Wt = (e) => {
   const n = e.type === "dark";
-  return Oe.useMemo(() => qr(e, n), [n, e]);
-}, qr = (e, n = !1) => ri({
+  return Oe.useMemo(() => Zr(e, n), [n, e]);
+}, Zr = (e, n = !1) => ri({
   palette: {
     type: n ? "dark" : "light",
     primary: {
@@ -139,7 +139,7 @@ const Xr = 2, Jr = 0.5, Qr = it(
   })
 ), eo = (e) => {
   var Y, k, X, G;
-  const n = Qr(), t = Vt(), i = Wt(t), [o, r] = F(null), [c, d] = F(null), [h, p] = F(he.DATE_RANGE_PICKER.dateFormat), C = e.controlsLayout ?? he.DATE_RANGE_PICKER.controlsLayout, m = e.disableFuture ?? he.DATE_RANGE_PICKER.disableFuture, b = ((Y = e.local) == null ? void 0 : Y.startPlaceHolderText) ?? he.DATE_RANGE_PICKER.local.startPlaceHolderText, P = ((k = e.local) == null ? void 0 : k.endPlaceHolderText) ?? he.DATE_RANGE_PICKER.local.endPlaceHolderText, S = ((X = e.local) == null ? void 0 : X.setText) ?? he.DATE_RANGE_PICKER.local.setText, q = (((G = e.local) == null ? void 0 : G.calendarLocale) ?? he.DATE_RANGE_PICKER.local.calendarLocale) === De.HE ? Sn : Mn;
+  const n = Qr(), t = Vt(), i = Wt(t), [o, r] = F(null), [c, d] = F(null), [h, p] = F(he.DATE_RANGE_PICKER.dateFormat), C = e.controlsLayout ?? he.DATE_RANGE_PICKER.controlsLayout, m = e.disableFuture ?? he.DATE_RANGE_PICKER.disableFuture, b = ((Y = e.local) == null ? void 0 : Y.startPlaceHolderText) ?? he.DATE_RANGE_PICKER.local.startPlaceHolderText, P = ((k = e.local) == null ? void 0 : k.endPlaceHolderText) ?? he.DATE_RANGE_PICKER.local.endPlaceHolderText, S = ((X = e.local) == null ? void 0 : X.setText) ?? he.DATE_RANGE_PICKER.local.setText, Z = (((G = e.local) == null ? void 0 : G.calendarLocale) ?? he.DATE_RANGE_PICKER.local.calendarLocale) === De.HE ? Sn : Mn;
   N(() => {
     r(e.from ?? null);
   }, [e.from]), N(() => {
@@ -147,9 +147,9 @@ const Xr = 2, Jr = 0.5, Qr = it(
   }, [e.to]), N(() => {
     p(e.dateFormat ?? he.DATE_RANGE_PICKER.dateFormat);
   }, [e.dateFormat]);
-  const z = Boolean(
+  const W = Boolean(
     Xe(o) && !c || Xe(c) && !o || o && c && Xe(o) && Xe(c) && ti(o, c)
-  ), Z = () => {
+  ), q = () => {
     e.onChange({
       from: o && Xe(o) ? o : void 0,
       to: c && Xe(c) ? c : void 0
@@ -162,7 +162,7 @@ const Xr = 2, Jr = 0.5, Qr = it(
       display: "flex",
       flexDirection: C,
       width: C === "column" ? e.contentWidth : "unset",
-      children: /* @__PURE__ */ $(_n, { utils: Pn, locale: q, children: [
+      children: /* @__PURE__ */ z(_n, { utils: Pn, locale: Z, children: [
         /* @__PURE__ */ l(
           xt,
           {
@@ -195,8 +195,8 @@ const Xr = 2, Jr = 0.5, Qr = it(
           {
             className: `${n.setButton} ${n.margin}`,
             raised: !0,
-            onClick: Z,
-            disabled: !z,
+            onClick: q,
+            disabled: !W,
             children: S
           }
         ) })
@@ -223,9 +223,9 @@ const nl = (e) => {
   }, [e.to]), N(() => {
     c(e.dateFormat ?? he.DATE_RANGE_PICKER.dateFormat);
   }, [e.dateFormat]);
-  const S = ((k = e.local) == null ? void 0 : k.startPlaceHolderText) ?? he.DATE_RANGE_PICKER.local.startPlaceHolderText, H = ((X = e.local) == null ? void 0 : X.endPlaceHolderText) ?? he.DATE_RANGE_PICKER.local.endPlaceHolderText, q = e.renderAsButton === void 0 ? he.DATE_RANGE_PICKER.renderAsButton : e.renderAsButton, z = e.offset === void 0 ? he.DATE_RANGE_PICKER.offset : e.offset, Z = e.disableFuture === void 0 ? he.DATE_RANGE_PICKER.disableFuture : e.disableFuture, Y = be(() => `${n ? Pt(n, r) : S} - ${i ? Pt(i, r) : H}`, [n, i, r, S, H]);
-  return /* @__PURE__ */ $(Ee, { children: [
-    q ? /* @__PURE__ */ l(nt, { style: { width: e.width }, raised: !0, onClick: p, className: "drpOpener", children: Y }) : /* @__PURE__ */ l(
+  const S = ((k = e.local) == null ? void 0 : k.startPlaceHolderText) ?? he.DATE_RANGE_PICKER.local.startPlaceHolderText, H = ((X = e.local) == null ? void 0 : X.endPlaceHolderText) ?? he.DATE_RANGE_PICKER.local.endPlaceHolderText, Z = e.renderAsButton === void 0 ? he.DATE_RANGE_PICKER.renderAsButton : e.renderAsButton, W = e.offset === void 0 ? he.DATE_RANGE_PICKER.offset : e.offset, q = e.disableFuture === void 0 ? he.DATE_RANGE_PICKER.disableFuture : e.disableFuture, Y = be(() => `${n ? Pt(n, r) : S} - ${i ? Pt(i, r) : H}`, [n, i, r, S, H]);
+  return /* @__PURE__ */ z(Ee, { children: [
+    Z ? /* @__PURE__ */ l(nt, { style: { width: e.width }, raised: !0, onClick: p, className: "drpOpener", children: Y }) : /* @__PURE__ */ l(
       ct,
       {
         className: "drpOpener",
@@ -244,9 +244,9 @@ const nl = (e) => {
       eo,
       {
         controlsLayout: P,
-        contentWidth: ((d == null ? void 0 : d.clientWidth) ?? 0) - z,
+        contentWidth: ((d == null ? void 0 : d.clientWidth) ?? 0) - W,
         dateFormat: r,
-        disableFuture: Z,
+        disableFuture: q,
         minDate: e.minDate,
         maxDate: e.maxDate,
         local: e.local,
@@ -272,7 +272,7 @@ const nl = (e) => {
   startTimeInputClassName: h = "",
   startTimeLabel: p = "",
   startTimeWrapperClassName: C = ""
-}) => /* @__PURE__ */ $("div", { className: `timeRangeWrapper ${d}`, children: [
+}) => /* @__PURE__ */ z("div", { className: `timeRangeWrapper ${d}`, children: [
   /* @__PURE__ */ l("div", { className: `startTimeWrapper ${C}`, children: /* @__PURE__ */ l(
     ct,
     {
@@ -374,14 +374,14 @@ const nl = (e) => {
     // withTimeRange,
     withShortcuts: p,
     locale: C = "en"
-  } = e, [m, b] = F(null), [P, S] = F(null), [H, q] = F(!1), z = r ? { startDate: m, endDate: P } : m;
+  } = e, [m, b] = F(null), [P, S] = F(null), [H, Z] = F(!1), W = r ? { startDate: m, endDate: P } : m;
   N(() => {
     C === "he" && Si("he", Mi);
   }, [C]), N(() => {
     var k, X;
     ((k = e.startDate) == null ? void 0 : k.toString()) !== (m == null ? void 0 : m.toString()) && b(e.startDate), ((X = e.endDate) == null ? void 0 : X.toString()) !== (P == null ? void 0 : P.toString()) && S(e.endDate);
   }, [e.startDate, e.endDate, m, P]);
-  const Z = be(() => {
+  const q = be(() => {
     let k = "pickerContainer" + (C === "he" ? " pickerContainer-rtl" : "");
     return p && r && (k += " pickerContainer-withShortcuts"), k;
   }, [C, p, r]), Y = h ? {
@@ -389,16 +389,16 @@ const nl = (e) => {
     showYearDropdown: !0,
     dropdownMode: "select"
   } : {};
-  return /* @__PURE__ */ l("div", { className: Z, style: { direction: C === "he" ? "rtl" : "ltr" }, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l("div", { className: q, style: { direction: C === "he" ? "rtl" : "ltr" }, children: /* @__PURE__ */ l(
     Ti,
     {
       ...e,
       ref: n,
-      onClickOutside: () => q(!1),
+      onClickOutside: () => Z(!1),
       open: H,
-      startDate: Lt(z) ? m : void 0,
+      startDate: Lt(W) ? m : void 0,
       selected: m,
-      endDate: Lt(z) ? P : void 0,
+      endDate: Lt(W) ? P : void 0,
       monthsShown: e.monthsShown ?? 2,
       calendarClassName: `pickerCalendar ${t}`,
       weekDayClassName: (k) => `pickerWeek ${(i == null ? void 0 : i(k)) ?? ""}`,
@@ -412,13 +412,13 @@ const nl = (e) => {
           b(k), c == null || c(k, X);
       },
       customInput: /* @__PURE__ */ l(no, { name: d, onInputClick: () => {
-        q(!0);
+        Z(!0);
       } }),
       showTimeInput: !!(p && r),
       timeInputLabel: "",
-      customTimeInput: p && Lt(z) && /* @__PURE__ */ l(io, { onShortcut: (k) => {
-        c == null || c(k), q(!1);
-      }, shortcuts: p, setEndDate: S, setStartDate: b, dateRange: z }),
+      customTimeInput: p && Lt(W) && /* @__PURE__ */ l(io, { onShortcut: (k) => {
+        c == null || c(k), Z(!1);
+      }, shortcuts: p, setEndDate: S, setStartDate: b, dateRange: W }),
       showMonthYearDropdown: void 0,
       ...Y
     }
@@ -440,7 +440,7 @@ const ol = (e) => {
   }, P = b === De.HE ? Sn : Mn, S = (H) => {
     d(H);
   };
-  return /* @__PURE__ */ l(Ft, { theme: t, children: /* @__PURE__ */ $(_n, { utils: Pn, locale: P, children: [
+  return /* @__PURE__ */ l(Ft, { theme: t, children: /* @__PURE__ */ z(_n, { utils: Pn, locale: P, children: [
     h && /* @__PURE__ */ l(
       xt,
       {
@@ -482,9 +482,9 @@ const ol = (e) => {
   }, p = () => {
     i(null);
   };
-  return o ? /* @__PURE__ */ l(dt, { content: "Cancel the ongoing draw", align: "bottomLeft", children: /* @__PURE__ */ l(nt, { className: n.drawingButton, raised: !0, onClick: r, children: "Cancel Draw" }) }) : /* @__PURE__ */ $(me, { position: "relative", children: [
+  return o ? /* @__PURE__ */ l(dt, { content: "Cancel the ongoing draw", align: "bottomLeft", children: /* @__PURE__ */ l(nt, { className: n.drawingButton, raised: !0, onClick: r, children: "Cancel Draw" }) }) : /* @__PURE__ */ z(me, { position: "relative", children: [
     /* @__PURE__ */ l(dt, { content: "draw an Area of interest to limit the search", align: "bottomLeft", children: /* @__PURE__ */ l(nt, { className: n.drawingButton, raised: !0, onClick: h, children: "Draw AOI" }) }),
-    /* @__PURE__ */ $(
+    /* @__PURE__ */ z(
       yi,
       {
         className: n.fullWidth,
@@ -527,9 +527,9 @@ var Ae = /* @__PURE__ */ ((e) => (e.WGS84 = "EPSG:4326", e.WEB_MERCATOR = "EPSG:
 const Nt = 5, Bt = 2, $n = Ke(null), ao = $n.Provider, an = 35, ln = 32, lo = 10, co = (e) => e !== void 0 && e !== Ae.WGS84 ? Ii([an, ln], Ae.WGS84, e) : [an, ln], uo = (e) => {
   switch (e) {
     case Ae.WEB_MERCATOR:
-      return (n) => Zt(n, "Mercator: {y}m, {x}m", Bt);
+      return (n) => qt(n, "Mercator: {y}m, {x}m", Bt);
     case Ae.WGS84:
-      return (n) => Zt(n, "WGS84: {y}°N {x}°E", Nt);
+      return (n) => qt(n, "WGS84: {y}°N {x}°E", Nt);
     default:
       return (n) => "";
   }
@@ -558,7 +558,7 @@ const Nt = 5, Bt = 2, $n = Ke(null), ao = $n.Provider, an = 35, ln = 32, lo = 10
     });
   };
   return N(() => {
-    r.setTarget(n.current), t !== void 0 && t ? r.addControl(new qt()) : c(qt, r);
+    r.setTarget(n.current), t !== void 0 && t ? r.addControl(new Zt()) : c(Zt, r);
   }, [r, t]), N(() => {
     i !== void 0 && i ? (c(wt, r), r.addControl(
       new wt({
@@ -567,7 +567,7 @@ const Nt = 5, Bt = 2, $n = Ke(null), ao = $n.Provider, an = 35, ln = 32, lo = 10
         undefinedHTML: " "
       })
     )) : c(wt, r);
-  }, [r, i, o]), /* @__PURE__ */ $(ao, { value: r, children: [
+  }, [r, i, o]), /* @__PURE__ */ z(ao, { value: r, children: [
     /* @__PURE__ */ l("div", { className: "map", ref: n }),
     e.children
   ] });
@@ -649,7 +649,7 @@ const To = (e) => {
     const i = _i(t);
     e.onPolygonSelection(i);
   };
-  return /* @__PURE__ */ $(ho, { allowFullScreen: !0, showMousePosition: !0, children: [
+  return /* @__PURE__ */ z(ho, { allowFullScreen: !0, showMousePosition: !0, children: [
     /* @__PURE__ */ l(po, { children: /* @__PURE__ */ l(bo, {}) }),
     e.selectionPolygon && /* @__PURE__ */ l(yo, { children: /* @__PURE__ */ l(Co, { children: /* @__PURE__ */ l(wo, { geometry: e.selectionPolygon }) }) }),
     e.children,
@@ -687,9 +687,9 @@ const To = (e) => {
   }, d = () => {
     o(void 0), e.handlePolygonReset();
   };
-  return /* @__PURE__ */ $("div", { className: r.map, children: [
-    /* @__PURE__ */ $("div", { className: `${r.absolute}`, children: [
-      /* @__PURE__ */ $(Dt, { className: r.filtersContainer, children: [
+  return /* @__PURE__ */ z("div", { className: r.map, children: [
+    /* @__PURE__ */ z("div", { className: `${r.absolute}`, children: [
+      /* @__PURE__ */ z(Dt, { className: r.filtersContainer, children: [
         /* @__PURE__ */ l(
           so,
           {
@@ -774,7 +774,7 @@ const To = (e) => {
 }, ul = (e) => {
   const n = ft(), { options: t } = e;
   return N(() => {
-    n.setSource(new Zi(t));
+    n.setSource(new qi(t));
   }, [n, t]), null;
 }, hl = (e) => {
   const { attributions: n, url: t } = e;
@@ -785,7 +785,7 @@ const To = (e) => {
 }, ml = (e) => {
   const n = ft(), { options: t } = e;
   return N(() => {
-    n.setSource(new qi(t));
+    n.setSource(new Zi(t));
   }, [n, t]), null;
 }, Ao = Ke(null), pl = () => {
   const e = ze(Ao);
@@ -831,7 +831,7 @@ function ko(e) {
   const { headCells: n, order: t, orderBy: i, onRequestSort: o, isCollapseable: r } = e, c = (d) => (h) => {
     o(h, d);
   };
-  return /* @__PURE__ */ l(Qi, { children: /* @__PURE__ */ $(lt, { children: [
+  return /* @__PURE__ */ l(Qi, { children: /* @__PURE__ */ z(lt, { children: [
     r && /* @__PURE__ */ l(et, {}),
     n.map((d) => /* @__PURE__ */ l(
       et,
@@ -866,8 +866,8 @@ const Ro = An(
 );
 function Bo(e) {
   const { cellsMetadata: n, isRowSelected: t, item: i, onRowSelected: o, rowIndex: r, isCollapseable: c, collapsedElement: d } = e, [h, p] = F(!1), C = n.length;
-  return /* @__PURE__ */ $(Ee, { children: [
-    /* @__PURE__ */ $(lt, { hover: !0, selected: t, onClick: () => {
+  return /* @__PURE__ */ z(Ee, { children: [
+    /* @__PURE__ */ z(lt, { hover: !0, selected: t, onClick: () => {
       o == null || o(r);
     }, children: [
       c && /* @__PURE__ */ l(et, { padding: "checkbox", children: /* @__PURE__ */ l(
@@ -907,15 +907,15 @@ function vl(e) {
     rowsPerPage: P,
     count: S,
     handleChangePage: H,
-    handleChangeRowsPerPage: q
+    handleChangeRowsPerPage: Z
   } = e;
-  return /* @__PURE__ */ $(di, { component: Dt, children: [
-    /* @__PURE__ */ $(ui, { size: m ? "small" : "medium", children: [
+  return /* @__PURE__ */ z(di, { component: Dt, children: [
+    /* @__PURE__ */ z(ui, { size: m ? "small" : "medium", children: [
       /* @__PURE__ */ l(
         ko,
         {
           headCells: r,
-          onRequestSort: (Z, Y) => {
+          onRequestSort: (q, Y) => {
             const k = n === Y && i === "asc";
             o(k ? "desc" : "asc"), t(Y), d(Y, k ? "desc" : "asc");
           },
@@ -924,11 +924,11 @@ function vl(e) {
           isCollapseable: p
         }
       ),
-      /* @__PURE__ */ $(hi, { children: [
-        c.map((Z, Y) => /* @__PURE__ */ l(
+      /* @__PURE__ */ z(hi, { children: [
+        c.map((q, Y) => /* @__PURE__ */ l(
           Bo,
           {
-            item: Z,
+            item: q,
             rowIndex: Y,
             isCollapseable: p,
             cellsMetadata: r,
@@ -958,7 +958,7 @@ function vl(e) {
         count: S,
         page: b,
         onPageChange: H,
-        onRowsPerPageChange: q
+        onRowsPerPageChange: Z
       }
     )
   ] });
@@ -981,16 +981,16 @@ const Vo = ({ children: e, locale: n }) => {
       C.forEach((S) => {
         if (m !== void 0 && m !== S.meta.id)
           return;
-        const { options: H, meta: q } = S, { zoomLevel: z } = H, { id: Z, items: Y, total: k, cache: X, currentZoomLevel: G, featureStructure: K } = q;
+        const { options: H, meta: Z } = S, { zoomLevel: W } = H, { id: q, items: Y, total: k, cache: X, currentZoomLevel: G, featureStructure: K } = Z;
         r((se) => {
-          const s = se.findIndex((a) => a.id === Z);
+          const s = se.findIndex((a) => a.id === q);
           if (s >= 0) {
-            if (JSON.stringify(se[s]) !== JSON.stringify({ id: Z, items: Y, total: k, cache: X, currentZoomLevel: G, featureStructure: K, zoomLevel: z })) {
+            if (JSON.stringify(se[s]) !== JSON.stringify({ id: q, items: Y, total: k, cache: X, currentZoomLevel: G, featureStructure: K, zoomLevel: W })) {
               const a = [...se];
-              return a[s] = { id: Z, items: Y, total: k, cache: X, currentZoomLevel: G, featureStructure: K, zoomLevel: z }, a;
+              return a[s] = { id: q, items: Y, total: k, cache: X, currentZoomLevel: G, featureStructure: K, zoomLevel: W }, a;
             }
           } else
-            return [...se, { id: Z, items: Y, total: k, cache: X, currentZoomLevel: G, featureStructure: K, zoomLevel: z }];
+            return [...se, { id: q, items: Y, total: k, cache: X, currentZoomLevel: G, featureStructure: K, zoomLevel: W }];
           return se;
         });
       });
@@ -1001,7 +1001,7 @@ const Vo = ({ children: e, locale: n }) => {
       var C;
       (C = d.layersManager) == null || C.removeDataLayerUpdatedListener(p);
     };
-  }, [(h = d.layersManager) == null ? void 0 : h.dataLayerList]), /* @__PURE__ */ $(Ee, { children: [
+  }, [(h = d.layersManager) == null ? void 0 : h.dataLayerList]), /* @__PURE__ */ z(Ee, { children: [
     /* @__PURE__ */ l(
       He,
       {
@@ -1011,7 +1011,7 @@ const Vo = ({ children: e, locale: n }) => {
         }
       }
     ),
-    t && /* @__PURE__ */ l("div", { className: "debugPanel", children: /* @__PURE__ */ $(
+    t && /* @__PURE__ */ l("div", { className: "debugPanel", children: /* @__PURE__ */ z(
       xn,
       {
         open: t,
@@ -1027,20 +1027,20 @@ const Vo = ({ children: e, locale: n }) => {
   ] });
 };
 const Go = ({ featureTypes: e, locale: n }) => {
-  const t = be(() => ie(n, "WFS_TITLE") ?? "Data Layers", [n]), i = be(() => ie(n, "WFS_CACHE") ?? "Cache", [n]), o = be(() => ie(n, "WFS_EXTENT") ?? "Extent", [n]), r = be(() => ie(n, "NO_DATA_LAYERS") ?? "No layers found", [n]), c = be(() => /* @__PURE__ */ l(me, { className: "title", children: t }), [t]), d = be(() => /* @__PURE__ */ l(Ee, { children: e.length > 0 ? e.map((h, p) => /* @__PURE__ */ $(me, { className: "featureType", children: [
-    /* @__PURE__ */ l(dt, { content: `${h.featureStructure.aliasLayerName} ${h.id} (${String(h.zoomLevel)})`, children: /* @__PURE__ */ $(me, { className: `name ${h.currentZoomLevel < h.zoomLevel ? "warning blinking" : h.total === -1 ? "error blinking" : ""}`, children: [
+  const t = be(() => ie(n, "WFS_TITLE") ?? "Data Layers", [n]), i = be(() => ie(n, "WFS_CACHE") ?? "Cache", [n]), o = be(() => ie(n, "WFS_EXTENT") ?? "Extent", [n]), r = be(() => ie(n, "NO_DATA_LAYERS") ?? "No layers found", [n]), c = be(() => /* @__PURE__ */ l(me, { className: "title", children: t }), [t]), d = be(() => /* @__PURE__ */ l(Ee, { children: e.length > 0 ? e.map((h, p) => /* @__PURE__ */ z(me, { className: "featureType", children: [
+    /* @__PURE__ */ l(dt, { content: `${h.featureStructure.aliasLayerName} ${h.id} (${String(h.zoomLevel)})`, children: /* @__PURE__ */ z(me, { className: `name ${h.currentZoomLevel < h.zoomLevel ? "warning blinking" : h.total === -1 ? "error blinking" : ""}`, children: [
       h.featureStructure.aliasLayerName,
       " (",
       String(h.zoomLevel),
       "):"
     ] }) }),
-    /* @__PURE__ */ $(me, { className: "info", children: [
-      /* @__PURE__ */ $(me, { children: [
+    /* @__PURE__ */ z(me, { className: "info", children: [
+      /* @__PURE__ */ z(me, { children: [
         i,
         ": ",
         h.cache ?? 0
       ] }),
-      h.total > 0 && /* @__PURE__ */ $(me, { className: "spacer", children: [
+      h.total > 0 && /* @__PURE__ */ z(me, { className: "spacer", children: [
         o,
         ": ",
         h.items,
@@ -1049,7 +1049,7 @@ const Go = ({ featureTypes: e, locale: n }) => {
       ] })
     ] })
   ] }, p)) : /* @__PURE__ */ l(me, { children: r }) }), [e]);
-  return /* @__PURE__ */ $(me, { className: "wfsContainer", children: [
+  return /* @__PURE__ */ z(me, { className: "wfsContainer", children: [
     c,
     d
   ] });
@@ -1145,14 +1145,14 @@ const Go = ({ featureTypes: e, locale: n }) => {
   const S = i.frustum instanceof hr ? i.frustum.fov : Math.PI / 3;
   let H = 1;
   P < 5e5 ? H = 0.05 : P < 2e6 && (H = 0.1), m *= H * (S / Math.PI), b *= H * (S / Math.PI);
-  const q = i.pitch;
-  if (q === void 0)
+  const Z = i.pitch;
+  if (Z === void 0)
     return;
-  const z = Math.PI / 4, Z = Math.max(0, 1 - Math.abs(q) / z);
-  m *= Z, b *= Z;
+  const W = Math.PI / 4, q = Math.max(0, 1 - Math.abs(Z) / W);
+  m *= q, b *= q;
   const Y = 5e-4;
   m = Math.max(m, Y), b = Math.max(b, Y);
-  const k = c.latitude - m, X = c.latitude + m, G = c.longitude - b, K = c.longitude + b, se = Q.clamp(k, r.south, r.north), s = Q.clamp(X, r.south, r.north), a = Q.clamp(G, r.west, r.east), y = Q.clamp(K, r.west, r.east), u = Math.min(1, q / Q.PI_OVER_TWO), v = r.north - (r.north - r.south) * u, g = Math.min(s, v);
+  const k = c.latitude - m, X = c.latitude + m, G = c.longitude - b, K = c.longitude + b, se = Q.clamp(k, r.south, r.north), s = Q.clamp(X, r.south, r.north), a = Q.clamp(G, r.west, r.east), y = Q.clamp(K, r.west, r.east), u = Math.min(1, Z / Q.PI_OVER_TWO), v = r.north - (r.north - r.south) * u, g = Math.min(s, v);
   return new je(
     Q.negativePiToPi(a),
     Q.clamp(se, -Q.PI_OVER_TWO, Q.PI_OVER_TWO),
@@ -1181,7 +1181,7 @@ function Ut(e, n, t, i, o) {
     });
   }, 0), e(n, t, i, o);
 }
-class Zn extends Gt {
+class qn extends Gt {
   constructor(t, i) {
     var o;
     super(t);
@@ -1195,7 +1195,7 @@ class Zn extends Gt {
     return Ut.call(this, super.requestImage.bind(this), t, i, o, r);
   }
 }
-class qn extends Ht {
+class Zn extends Ht {
   constructor(t, i) {
     var o;
     super(t);
@@ -1224,7 +1224,7 @@ class Xn extends $t {
   }
 }
 const Ko = 1, Yo = -1, pn = "TRANSPARENT_BASE_LAYER";
-class Zo {
+class qo {
   constructor(n, t, i, o, r) {
     ce(this, "mapViewer");
     ce(this, "legendsList");
@@ -1278,12 +1278,12 @@ class Zo {
     let o;
     switch (n.type) {
       case "XYZ_LAYER": {
-        const r = n.options, c = this.shouldOptimizedTileRequests ? new Zn(r, this.mapViewer) : new Gt(r);
+        const r = n.options, c = this.shouldOptimizedTileRequests ? new qn(r, this.mapViewer) : new Gt(r);
         o = this.mapViewer.imageryLayers.addImageryProvider(c, t);
         break;
       }
       case "WMS_LAYER": {
-        const r = n.options, c = this.shouldOptimizedTileRequests ? new qn(r, this.mapViewer) : new Ht(r);
+        const r = n.options, c = this.shouldOptimizedTileRequests ? new Zn(r, this.mapViewer) : new Ht(r);
         o = this.mapViewer.imageryLayers.addImageryProvider(c, t);
         break;
       }
@@ -1482,10 +1482,10 @@ class Zo {
     }
   }
 }
-const qo = /* @__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__ */ $("g", { xmlns: "http://www.w3.org/2000/svg", children: [
+const Zo = /* @__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__ */ z("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" })
-] }) }), Xo = ({ onClick: e }) => /* @__PURE__ */ l(me, { onClick: e, className: "mapLegendToggleContainer", children: /* @__PURE__ */ l(He, { icon: qo, className: "mapLegendIcon" }) }), Jo = ({ legend: { legendImg: e, legendDoc: n, layer: t }, docText: i, imgText: o }) => {
+] }) }), Xo = ({ onClick: e }) => /* @__PURE__ */ l(me, { onClick: e, className: "mapLegendToggleContainer", children: /* @__PURE__ */ l(He, { icon: Zo, className: "mapLegendIcon" }) }), Jo = ({ legend: { legendImg: e, legendDoc: n, layer: t }, docText: i, imgText: o }) => {
   const r = xe(() => {
     window.open(e, "_blank");
   }, [e]);
@@ -1499,7 +1499,7 @@ const qo = /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", enabl
     typeof e == "string" && /* @__PURE__ */ l("a", { className: "legendAction", href: e, target: "_blank", rel: "noreferrer", children: o }),
     typeof n == "string" && /* @__PURE__ */ l("a", { className: "legendAction", href: n, target: "_blank", rel: "noreferrer", children: i })
   ], [e, o, n, i]);
-  return /* @__PURE__ */ $(me, { className: "mapLegend", children: [
+  return /* @__PURE__ */ z(me, { className: "mapLegend", children: [
     c(),
     /* @__PURE__ */ l("img", { alt: "Map Legend", className: "legendImg", src: e, onClick: r }),
     /* @__PURE__ */ l(me, { className: "legendActionsContainer", children: d() })
@@ -1514,9 +1514,9 @@ const qo = /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", enabl
   noLegendsText: i = "No legends to display...",
   actionsTexts: o = { docText: "Docs", imgText: "View Image" },
   legends: r = []
-}) => e ? /* @__PURE__ */ $(vi, { className: "mapLegendSidebarContainer", modal: !1, dismissible: !0, open: e, children: [
+}) => e ? /* @__PURE__ */ z(vi, { className: "mapLegendSidebarContainer", modal: !1, dismissible: !0, open: e, children: [
   /* @__PURE__ */ l(Ei, { className: "sidebarHeaderContainer", children: /* @__PURE__ */ l(Ci, { className: "sidebarTitle", children: t }) }),
-  /* @__PURE__ */ $(wi, { className: "sidebarContent", children: [
+  /* @__PURE__ */ z(wi, { className: "sidebarContent", children: [
     /* @__PURE__ */ l(He, { onClick: n, className: "mapLegendCloseBtn", icon: { icon: "close", size: "small" } }),
     /* @__PURE__ */ l(Qo, { noLegendsText: i, legends: r, actionsTexts: o })
   ] })
@@ -1586,7 +1586,7 @@ const ns = it(
       }));
     }
   };
-  return /* @__PURE__ */ $(Ee, { children: [
+  return /* @__PURE__ */ z(Ee, { children: [
     /* @__PURE__ */ l("label", { className: "mapLabel", children: i }),
     /* @__PURE__ */ l("ul", { className: "mapSelector", children: t == null ? void 0 : t.maps.map((p) => /* @__PURE__ */ l("li", { className: `mapContainer ${d.mapContainer} ${p === r ? "mapContainerSelected" : ""}`, children: /* @__PURE__ */ l(
       "img",
@@ -1611,7 +1611,7 @@ const rs = -1, os = (e) => {
   const n = Ce(), [t, i] = F(we.SCENE2D), { sceneModes: o } = e, r = (c) => o.findIndex((d) => d === c) > rs;
   return N(() => {
     i(n.scene.mode);
-  }, []), /* @__PURE__ */ $(Ee, { children: [
+  }, []), /* @__PURE__ */ z(Ee, { children: [
     r(we.SCENE3D) && /* @__PURE__ */ l(
       He,
       {
@@ -1652,7 +1652,7 @@ const Mt = "ic_settings_24px", ss = (e) => {
     return document.addEventListener("click", C, !1), () => {
       document.removeEventListener("click", C, !1);
     };
-  }), /* @__PURE__ */ $(Ee, { children: [
+  }), /* @__PURE__ */ z(Ee, { children: [
     /* @__PURE__ */ l(
       He,
       {
@@ -1662,7 +1662,7 @@ const Mt = "ic_settings_24px", ss = (e) => {
         }
       }
     ),
-    n && /* @__PURE__ */ l("div", { className: "settingsDialogPortal", ref: c, children: /* @__PURE__ */ $(
+    n && /* @__PURE__ */ l("div", { className: "settingsDialogPortal", ref: c, children: /* @__PURE__ */ z(
       xn,
       {
         open: n,
@@ -1671,10 +1671,10 @@ const Mt = "ic_settings_24px", ss = (e) => {
         },
         children: [
           /* @__PURE__ */ l(Dn, { children: d }),
-          /* @__PURE__ */ $(In, { children: [
+          /* @__PURE__ */ z(In, { children: [
             /* @__PURE__ */ l("h4", { className: "sectionLabel", children: h }),
             /* @__PURE__ */ l(me, { className: "mapScenesContainer", children: /* @__PURE__ */ l(os, { sceneModes: i }) }),
-            /* @__PURE__ */ l(me, { className: "baseMapsContainer", children: o && /* @__PURE__ */ $(Ee, { children: [
+            /* @__PURE__ */ l(me, { className: "baseMapsContainer", children: o && /* @__PURE__ */ z(Ee, { children: [
               /* @__PURE__ */ l("h4", { className: "sectionLabel", children: p }),
               /* @__PURE__ */ l(is, { baseMaps: o })
             ] }) })
@@ -1780,15 +1780,15 @@ const _t = [
   const p = e.scene.canvas.clientWidth, C = e.scene.canvas.clientHeight, m = e.scene.camera.getPickRay(new Ne(p / 2 | 0, C - 1)), b = e.scene.camera.getPickRay(new Ne(1 + p / 2 | 0, C - 1)), P = e.scene.globe, S = P.pick(m, e.scene), H = P.pick(b, e.scene);
   if (!S || !H)
     return;
-  const q = P.ellipsoid.cartesianToCartographic(S), z = P.ellipsoid.cartesianToCartographic(H);
-  d.setEndPoints(q, z);
-  const Z = d.surfaceDistance, Y = 100;
+  const Z = P.ellipsoid.cartesianToCartographic(S), W = P.ellipsoid.cartesianToCartographic(H);
+  d.setEndPoints(Z, W);
+  const q = d.surfaceDistance, Y = 100;
   let k;
   for (let X = _t.length - 1; !ht(k) && X >= 0; --X)
-    _t[X] / Z < Y && (k = _t[X]);
+    _t[X] / q < Y && (k = _t[X]);
   if (ht(k)) {
     let X = "";
-    k >= 1e3 ? X = `${(k / 1e3).toString()} ${r}` : X = `${k.toString()} ${o}`, c.barWidth = k / Z | 0, c.distanceLabel = X;
+    k >= 1e3 ? X = `${(k / 1e3).toString()} ${r}` : X = `${k.toString()} ${o}`, c.barWidth = k / q | 0, c.distanceLabel = X;
   }
   t(c);
 }, ds = (e) => {
@@ -1812,7 +1812,7 @@ const _t = [
     };
   }, [n, e.locale, t]);
   const o = (r) => 5 + (125 - r) / 2;
-  return /* @__PURE__ */ l("div", { className: "scalePosition", children: ht(t.barWidth) && /* @__PURE__ */ $(Ee, { children: [
+  return /* @__PURE__ */ l("div", { className: "scalePosition", children: ht(t.barWidth) && /* @__PURE__ */ z(Ee, { children: [
     /* @__PURE__ */ l("div", { className: "scale-tracker-label", children: /* @__PURE__ */ l("bdi", { children: t.distanceLabel }) }),
     /* @__PURE__ */ l(
       "div",
@@ -1871,7 +1871,7 @@ const gn = (e, n) => {
         break;
     }
     if (c.length > 0) {
-      const S = c.reduce((H, q) => Math.abs(q.height - P) < Math.abs(H.height - P) ? q : H);
+      const S = c.reduce((H, Z) => Math.abs(Z.height - P) < Math.abs(H.height - P) ? Z : H);
       r(S.level), i.setViewState && i.setViewState((H) => ({ ...H, currentZoomLevel: S.level }));
     }
   }, [t, c]), h = xe(() => {
@@ -1897,7 +1897,7 @@ const gn = (e, n) => {
         console.log('CESIUM camera "moveEnd"(from zoom tracker) remove listener failed', b);
       }
     };
-  }, [t, C]), /* @__PURE__ */ $("div", { className: "zoomLevel", children: [
+  }, [t, C]), /* @__PURE__ */ z("div", { className: "zoomLevel", children: [
     /* @__PURE__ */ l("div", { className: "zoomLevelValue", children: o }),
     /* @__PURE__ */ l("div", { className: "zoomLevelLabel", children: ie(e, "ZOOM_LABEL") ?? "zoom" })
   ] });
@@ -1948,7 +1948,7 @@ const jt = Ke(null), gs = jt.Provider, Ce = () => {
   return n;
 }, Ul = (e) => {
   var L, T, O, B, R, j, oe, fe;
-  const n = Pe(null), [t, i] = F(), [o, r] = F(), [c, d] = F(), [h, p] = F(), [C, m] = F(), [b, P] = F(), [S, H] = F(), [q, z] = F(!1), [Z, Y] = F(!1), [k, X] = F(), G = Pe(), [K, se] = F(), [s, a] = F([]), [y, u] = F(), [v, g] = F(!1), w = Pe(), [f, M] = F(void 0), [D, x] = F(!1), [_, I] = F(), [A, re] = F(), ae = be(() => q || Z, [q, Z]), [W, te] = F();
+  const n = Pe(null), [t, i] = F(), [o, r] = F(), [c, d] = F(), [h, p] = F(), [C, m] = F(), [b, P] = F(), [S, H] = F(), [Z, W] = F(!1), [q, Y] = F(!1), [k, X] = F(), G = Pe(), [K, se] = F(), [s, a] = F([]), [y, u] = F(), [v, g] = F(!1), w = Pe(), [f, M] = F(void 0), [D, x] = F(!1), [_, I] = F(), [A, re] = F(), ae = be(() => Z || q, [Z, q]), [$, te] = F();
   N(() => {
     te({
       currentZoomLevel: -1,
@@ -1994,7 +1994,7 @@ const jt = Ke(null), gs = jt.Provider, Ce = () => {
     if (t)
       return {
         mapViewer: Object.assign(t, {
-          layersManager: new Zo(
+          layersManager: new qo(
             t,
             (U = e.legends) == null ? void 0 : U.mapLegendsExtractor,
             () => {
@@ -2002,13 +2002,13 @@ const jt = Ke(null), gs = jt.Provider, Ce = () => {
               a((J = t.layersManager) == null ? void 0 : J.legendsList);
             },
             e.layerManagerFootprintMetaFieldPath,
-            W == null ? void 0 : W.shouldOptimizedTileRequests
+            $ == null ? void 0 : $.shouldOptimizedTileRequests
           )
         }),
-        viewState: W,
+        viewState: $,
         setViewState: te
       };
-  }, [e.useOptimizedTileRequests, e.legends, e.layerManagerFootprintMetaFieldPath, t, W]);
+  }, [e.useOptimizedTileRequests, e.legends, e.layerManagerFootprintMetaFieldPath, t, $ == null ? void 0 : $.shouldOptimizedTileRequests]);
   N(() => {
     se(
       e.sceneModes ?? [we.SCENE2D, we.SCENE3D, we.COLUMBUS_VIEW]
@@ -2084,7 +2084,7 @@ const jt = Ke(null), gs = jt.Provider, Ce = () => {
         G.current = ee;
       }
     }), S && (t.scene.globe.tileLoadProgressEvent.addEventListener(function() {
-      t.scene.globe.tilesLoaded ? z(!1) : z(!0);
+      t.scene.globe.tilesLoaded ? W(!1) : W(!0);
     }), (J = t.layersManager) == null || J.addDataLayerUpdatedListener(() => {
       var ee;
       let V = !1;
@@ -2123,14 +2123,14 @@ const jt = Ke(null), gs = jt.Provider, Ce = () => {
     re(e.displayZoomButtons ?? !0);
   }, [e.displayZoomButtons]);
   const ve = xe(() => t && nr(
-    /* @__PURE__ */ $(Ee, { children: [
+    /* @__PURE__ */ z(Ee, { children: [
       S && ae && /* @__PURE__ */ l(bi, { style: { position: "absolute", top: 0, height: "10px", zIndex: 4 } }),
-      /* @__PURE__ */ $(me, { className: "sideToolsContainer", children: [
+      /* @__PURE__ */ z(me, { className: "sideToolsContainer", children: [
         e.debugPanel && /* @__PURE__ */ l(Vo, { locale: k, children: e.debugPanel.wfs && /* @__PURE__ */ l(Go, { locale: k, featureTypes: [] }) }),
         /* @__PURE__ */ l(ss, { sceneModes: K, baseMaps: y, locale: k }),
         /* @__PURE__ */ l(Xo, { onClick: () => x(!D) })
       ] }),
-      /* @__PURE__ */ $(me, { className: "toolsContainer", children: [
+      /* @__PURE__ */ z(me, { className: "toolsContainer", children: [
         c && /* @__PURE__ */ l(ls, { projection: o }),
         h && /* @__PURE__ */ l(hs, { locale: k, valueBy: "RENDERED_TILES" }),
         C && /* @__PURE__ */ l(ds, { locale: k }),
@@ -2140,7 +2140,7 @@ const jt = Ke(null), gs = jt.Provider, Ce = () => {
     ] }),
     document.querySelector(".cesium-viewer")
   ), [y, k, t, o, K, c, C, D, ae]);
-  return /* @__PURE__ */ l(ir, { className: "viewer", full: !0, ref: n, ...ue, children: /* @__PURE__ */ $(gs, { value: Me, children: [
+  return /* @__PURE__ */ l(ir, { className: "viewer", full: !0, ref: n, ...ue, children: /* @__PURE__ */ z(gs, { value: Me, children: [
     /* @__PURE__ */ l(
       es,
       {
@@ -2229,21 +2229,21 @@ const jt = Ke(null), gs = jt.Provider, Ce = () => {
     (o = i.layersManager) == null || o.addMetaToLayer(n, n.searchLayerPredicate);
   }, [n, i]), /* @__PURE__ */ l(sr, { ...t });
 }, Yl = (e) => {
-  const { options: n, ...t } = e, i = Ce(), { viewState: o } = rt(), r = o.shouldOptimizedTileRequests ? new qn(n, i) : new Ht(n);
+  const { options: n, ...t } = e, i = Ce(), { viewState: o } = rt(), r = o.shouldOptimizedTileRequests ? new Zn(n, i) : new Ht(n);
   return /* @__PURE__ */ l(vt, { ...t, imageryProvider: r });
-}, Zl = (e) => {
+}, ql = (e) => {
   const { options: n, ...t } = e, i = Ce(), { viewState: o } = rt(), r = o.shouldOptimizedTileRequests ? new Xn(n, i) : new $t(n);
   return /* @__PURE__ */ l(vt, { ...t, imageryProvider: r });
-}, ql = (e) => {
-  const { options: n, ...t } = e, i = Ce(), { viewState: o } = rt(), r = o.shouldOptimizedTileRequests ? new Zn(n, i) : new Gt(n);
+}, Zl = (e) => {
+  const { options: n, ...t } = e, i = Ce(), { viewState: o } = rt(), r = o.shouldOptimizedTileRequests ? new qn(n, i) : new Gt(n);
   return /* @__PURE__ */ l(vt, { ...t, imageryProvider: r });
 }, Xl = (e) => {
   const { options: n, ...t } = e;
   return /* @__PURE__ */ l(vt, { ...t, imageryProvider: new xr(n) });
 }, ys = "#FFFF00", Jl = (e) => {
-  const { options: n, meta: t, visualizationHandler: i } = e, { url: o, featureType: r, style: c, pageSize: d, zoomLevel: h, maxCacheSize: p, keyField: C, labeling: m } = n, { color: b, hover: P } = c, S = Ce(), H = rt(), q = Pe(H.viewState), z = Pe(/* @__PURE__ */ new Map()), Z = Pe(/* @__PURE__ */ new Set()), Y = Pe(0), [k, X] = F(t), G = be(() => Ge.fromCssColorString(P ?? "#24AEE9").withAlpha(0.5), [P]), K = be(() => `wfs_${r}_${rn()}`, [r]), se = Pe(!1);
+  const { options: n, meta: t, visualizationHandler: i } = e, { url: o, featureType: r, style: c, pageSize: d, zoomLevel: h, maxCacheSize: p, keyField: C, labeling: m } = n, { color: b, hover: P } = c, S = Ce(), H = rt(), Z = Pe(H.viewState), W = Pe(/* @__PURE__ */ new Map()), q = Pe(/* @__PURE__ */ new Set()), Y = Pe(0), [k, X] = F(t), G = be(() => Ge.fromCssColorString(P ?? "#24AEE9").withAlpha(0.5), [P]), K = be(() => `wfs_${r}_${rn()}`, [r]), se = Pe(!1);
   N(() => {
-    q.current = H.viewState;
+    Z.current = H.viewState;
   }, [H.viewState]);
   const s = new en(K), a = (L) => {
     const T = [], O = t.featureStructure;
@@ -2305,10 +2305,10 @@ const jt = Ke(null), gs = jt.Provider, Ce = () => {
     X((O) => ({
       ...O,
       ...t,
-      cache: Z.current.size,
+      cache: q.current.size,
       items: L,
       total: T,
-      currentZoomLevel: q.current.currentZoomLevel
+      currentZoomLevel: Z.current.currentZoomLevel
     }));
   }, M = () => {
     if (s.entities && s.entities.values.length > 0) {
@@ -2368,8 +2368,8 @@ const jt = Ke(null), gs = jt.Provider, Ce = () => {
       (B) => {
         if (B.properties) {
           const R = B.properties[C ?? "id"];
-          if (!Z.current.has(R)) {
-            Z.current.add(R), B.properties.fetch_id = T;
+          if (!q.current.has(R)) {
+            q.current.add(R), B.properties.fetch_id = T;
             const j = B.properties.description;
             if (B.properties.description = void 0, B.properties._description = j, m) {
               const oe = I(A(B));
@@ -2381,20 +2381,20 @@ const jt = Ke(null), gs = jt.Provider, Ce = () => {
       },
       { concurrency: w(L.length, "cpu") }
     ), O;
-  }, ae = (L, T) => Array.from(z.current.values()).filter((O) => JSON.stringify(O.parentBBox) !== JSON.stringify(L)).reduce(
+  }, ae = (L, T) => Array.from(W.current.values()).filter((O) => JSON.stringify(O.parentBBox) !== JSON.stringify(L)).reduce(
     (O, B) => {
       const R = zo(T, B.bbox);
       return R > O.distance ? { id: B.id, key: B.bbox.join(","), distance: R } : O;
     },
     { id: "", key: "", distance: -1 / 0 }
-  ), W = async (L) => {
+  ), $ = async (L) => {
     const T = [];
     await bt(
       s.entities.values,
       (O) => {
         if (O.properties && O.properties.fetch_id.getValue() === L) {
           const B = O.properties[C ?? "id"].getValue();
-          Z.current.delete(B), T.push(O);
+          q.current.delete(B), T.push(O);
         }
       },
       { concurrency: w(s.entities.values.length, "cpu") }
@@ -2406,15 +2406,15 @@ const jt = Ke(null), gs = jt.Provider, Ce = () => {
       { concurrency: w(T.length, "cpu") }
     );
   }, te = async (L, T) => {
-    for (; Z.current.size > p; ) {
+    for (; q.current.size > p; ) {
       const O = ae(L, T);
       if (O.id === "")
         break;
-      await W(O.id), O.key && z.current.delete(O.key);
+      await $(O.id), O.key && W.current.delete(O.key);
     }
   }, ue = async (L, T, O, B) => {
     let R = "", j = "", oe = [];
-    if (L.numberReturned && L.numberReturned !== 0 && (L.bbox && (j = L.bbox.join(","), z.current.has(j) || (R = rn())), oe = await re(L.features, R), L.bbox && oe.length > 0 && !z.current.has(j) && z.current.set(j, {
+    if (L.numberReturned && L.numberReturned !== 0 && (L.bbox && (j = L.bbox.join(","), W.current.has(j) || (R = rn())), oe = await re(L.features, R), L.bbox && oe.length > 0 && !W.current.has(j) && W.current.set(j, {
       id: R,
       parentBBox: T,
       bbox: L.bbox,
@@ -2445,11 +2445,11 @@ const jt = Ke(null), gs = jt.Provider, Ce = () => {
       return;
     const T = jo(S);
     if (T) {
-      if (await ke(), q.current.currentZoomLevel > 0 && q.current.currentZoomLevel < h && (s == null ? void 0 : s.entities.values.length) > 0) {
+      if (await ke(), Z.current.currentZoomLevel > 0 && Z.current.currentZoomLevel < h && (s == null ? void 0 : s.entities.values.length) > 0) {
         M();
         return;
       }
-      if (q.current.currentZoomLevel >= h) {
+      if (Z.current.currentZoomLevel >= h) {
         s.show = !0;
         const O = Uo(T), B = Wo(T);
         try {
@@ -2492,19 +2492,19 @@ const jt = Ke(null), gs = jt.Provider, Ce = () => {
       const ye = le.x + ge, Le = le.y + de, Ye = new Ne(ye, le.y), We = new Ne(le.x, Le), Be = V.camera.pickEllipsoid(Ye, V.globe.ellipsoid), Fe = V.camera.pickEllipsoid(We, V.globe.ellipsoid);
       if (!Be || !Fe)
         return null;
-      const Ze = _e.distance(ee, Be), Ve = _e.distance(ee, Fe);
-      return { widthMeters: Ze, heightMeters: Ve };
+      const qe = _e.distance(ee, Be), Ve = _e.distance(ee, Fe);
+      return { widthMeters: qe, heightMeters: Ve };
     }, fe = (V, ee, ge) => {
-      const de = zt.WGS84, le = V.latitude, ye = V.longitude, Le = Math.PI / 180 * de.maximumRadius, Ye = Math.PI / 180 * de.maximumRadius, We = ge / 2 / Le, Be = ee / 2 / Ye, Fe = le + We, Ze = le - We, Ve = ye + Be, qe = ye - Be;
+      const de = zt.WGS84, le = V.latitude, ye = V.longitude, Le = Math.PI / 180 * de.maximumRadius, Ye = Math.PI / 180 * de.maximumRadius, We = ge / 2 / Le, Be = ee / 2 / Ye, Fe = le + We, qe = le - We, Ve = ye + Be, Ze = ye - Be;
       return {
         type: "Polygon",
         coordinates: [
           [
-            [qe, Fe],
+            [Ze, Fe],
             [Ve, Fe],
-            [Ve, Ze],
-            [qe, Ze],
-            [qe, Fe]
+            [Ve, qe],
+            [Ze, qe],
+            [Ze, Fe]
             // close the ring
           ]
         ]
@@ -2520,14 +2520,14 @@ const jt = Ke(null), gs = jt.Provider, Ce = () => {
               properties: {
                 label: ye
               }
-            }), Ye = { width: ye.width, height: ye.height }, [We, Be, Fe = 0] = Le.geometry.coordinates, Ze = _e.fromDegrees(We, Be, Fe), Ve = oe(L.scene, Ze, Ye.width, Ye.height);
+            }), Ye = { width: ye.width, height: ye.height }, [We, Be, Fe = 0] = Le.geometry.coordinates, qe = _e.fromDegrees(We, Be, Fe), Ve = oe(L.scene, qe, Ye.width, Ye.height);
             if (Ve) {
-              const qe = fe({ longitude: We, latitude: Be }, Ve.widthMeters, Ve.heightMeters), Et = sn(le, {
+              const Ze = fe({ longitude: We, latitude: Be }, Ve.widthMeters, Ve.heightMeters), Et = sn(le, {
                 type: "Feature",
                 properties: {},
-                geometry: qe
+                geometry: Ze
               });
-              U(Et == null ? void 0 : Et.geometry, qe) > 0.7 && J.push(Le);
+              U(Et == null ? void 0 : Et.geometry, Ze) > 0.7 && J.push(Le);
             }
           }
         } catch {
@@ -2603,9 +2603,9 @@ const jt = Ke(null), gs = jt.Provider, Ce = () => {
     };
     S.scene.camera.moveEnd.addEventListener(L);
     const T = new Dr(S.scene.canvas);
-    return g(T), q.current.currentZoomLevel > 0 && (pe(), se.current = !0), () => {
+    return g(T), Z.current.currentZoomLevel > 0 && (pe(), se.current = !0), () => {
       var O;
-      ie(S, "_cesiumWidget") !== void 0 && (Z.current.clear(), z.current.clear(), S.dataSources.remove(S.dataSources.getByName(`${m == null ? void 0 : m.dataSourcePrefix}${s.name}`)[0]), S.dataSources.remove(s, !0), (O = S.layersManager) == null || O.removeDataLayer(t.id), S.scene.camera.moveEnd.removeEventListener(L), T.removeInputAction(At.MOUSE_MOVE));
+      ie(S, "_cesiumWidget") !== void 0 && (q.current.clear(), W.current.clear(), S.dataSources.remove(S.dataSources.getByName(`${m == null ? void 0 : m.dataSourcePrefix}${s.name}`)[0]), S.dataSources.remove(s, !0), (O = S.layersManager) == null || O.removeDataLayer(t.id), S.scene.camera.moveEnd.removeEventListener(L), T.removeInputAction(At.MOUSE_MOVE));
     };
   }, []), null;
 }, vs = (e) => /* @__PURE__ */ l(ar, { ...e }), Ql = (e) => /* @__PURE__ */ l(kn, { ...e }), Es = (e) => /* @__PURE__ */ l(kn, { ...e }), Cs = (e) => /* @__PURE__ */ l(lr, { ...e }), ws = (e) => /* @__PURE__ */ l(cr, { ...e }), bs = (e) => /* @__PURE__ */ l(dr, { ...e }), Ls = (e) => /* @__PURE__ */ l(ur, { ...e });
@@ -3025,12 +3025,12 @@ var Ue = function() {
     this.startDrawingPolyshape(!1, a);
   }, i.prototype.startDrawingPolyshape = function(s, a) {
     this.startDrawing(function() {
-      v.remove(f), D.remove(), x.destroy(), g.setVisible(!1), z(u);
+      v.remove(f), D.remove(), x.destroy(), g.setVisible(!1), W(u);
     });
     var y = this, u = this._scene, v = u.primitives, g = this._tooltip, w = s ? 3 : 2, f;
     s ? f = new Ue.PolygonPrimitive(a) : f = new Ue.PolylinePrimitive(a), f.asynchronous = !1, v.add(f);
     var M = [], D = new i.BillboardGroup(this, b), x = new E.ScreenSpaceEventHandler(u.canvas);
-    q(u), x.setInputAction(function(_) {
+    Z(u), x.setInputAction(function(_) {
       if (_.position != null) {
         var I = u.camera.pickEllipsoid(_.position, e);
         I && (M.length == 0 && (M.push(I.clone()), D.addBillboard(M[0])), M.length >= w && (f.positions = M, f._createPrimitive = !0), M.push(I), D.addBillboard(I));
@@ -3053,7 +3053,7 @@ var Ue = function() {
         if (M.length < w + 2)
           return;
         var A = u.camera.pickEllipsoid(I, e);
-        A && (z(u), y.stopDrawing(), typeof a.callback == "function" && (M.length - 1, a.callback(M)));
+        A && (W(u), y.stopDrawing(), typeof a.callback == "function" && (M.length - 1, a.callback(M)));
       }
     }, E.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
   };
@@ -3065,19 +3065,19 @@ var Ue = function() {
       E.Rectangle.southwest(s)
     ]);
   }
-  function q(s) {
+  function Z(s) {
     s && (s.canvas.style.cursor = "crosshair");
   }
-  function z(s) {
+  function W(s) {
     s && (s.canvas.style.cursor = "");
   }
   i.prototype.startDrawingExtent = function(a) {
     var a = G(a, r);
     this.startDrawing(function() {
-      f != null && v.remove(f), M != null && M.remove(), D.destroy(), g.setVisible(!1), z(u);
+      f != null && v.remove(f), M != null && M.remove(), D.destroy(), g.setVisible(!1), W(u);
     });
     var y = this, u = this._scene, v = this._scene.primitives, g = this._tooltip, w = null, f = null, M = null, D = new E.ScreenSpaceEventHandler(u.canvas);
-    q(u);
+    Z(u);
     function x(_) {
       f == null && (f = new Ue.ExtentPrimitive({
         extent: _,
@@ -3092,10 +3092,10 @@ var Ue = function() {
         if (I)
           if (f == null) {
             w = e.cartesianToCartographic(I);
-            var A = Z(w, w);
+            var A = q(w, w);
             x(A);
           } else
-            y.stopDrawing(), typeof a.callback == "function" && a.callback(Z(w, e.cartesianToCartographic(I)));
+            y.stopDrawing(), typeof a.callback == "function" && a.callback(q(w, e.cartesianToCartographic(I)));
       }
     }, E.ScreenSpaceEventType.LEFT_DOWN), D.setInputAction(function(_) {
       var I = _.endPosition;
@@ -3105,7 +3105,7 @@ var Ue = function() {
         else {
           var A = u.camera.pickEllipsoid(I, e);
           if (A) {
-            var re = Z(w, e.cartesianToCartographic(A));
+            var re = q(w, e.cartesianToCartographic(A));
             x(re), g.showAt(I, "<p>Drag to change rectangle extent</p><p>Click again to finish drawing</p>");
           }
         }
@@ -3171,34 +3171,34 @@ var Ue = function() {
           s.setEdited(this);
           var v = s._scene, g = this;
           if (this._markers == null) {
-            let A = function(W, te) {
-              var ue = W - 1 < 0 ? te.length - 1 : W - 1;
-              ue < f.countBillboards() && (f.getBillboard(ue).position = ae(ue)), ue = W, ue < f.countBillboards() && (f.getBillboard(ue).position = ae(ue));
+            let A = function($, te) {
+              var ue = $ - 1 < 0 ? te.length - 1 : $ - 1;
+              ue < f.countBillboards() && (f.getBillboard(ue).position = ae(ue)), ue = $, ue < f.countBillboards() && (f.getBillboard(ue).position = ae(ue));
             }, re = function() {
               g.executeListeners({
                 name: "onEdited",
                 positions: g.positions
               });
-            }, ae = function(W) {
+            }, ae = function($) {
               var te = g.positions;
               return e.cartographicToCartesian(
                 new E.EllipsoidGeodesic(
-                  e.cartesianToCartographic(te[W]),
-                  e.cartesianToCartographic(te[W < te.length - 1 ? W + 1 : 0])
+                  e.cartesianToCartographic(te[$]),
+                  e.cartesianToCartographic(te[$ < te.length - 1 ? $ + 1 : 0])
                 ).interpolateUsingFraction(0.5)
               );
             };
             var w = new i.BillboardGroup(s, P), f = new i.BillboardGroup(s, S), M = {
               dragHandlers: {
-                onDrag: function(W, te) {
-                  g.positions[W] = te, A(W, g.positions), g._createPrimitive = !0;
+                onDrag: function($, te) {
+                  g.positions[$] = te, A($, g.positions), g._createPrimitive = !0;
                 },
-                onDragEnd: function(W, te) {
+                onDragEnd: function($, te) {
                   g._createPrimitive = !0, re();
                 }
               },
-              onDoubleClick: function(W) {
-                g.positions.length < 4 || (g.positions.splice(W, 1), g._createPrimitive = !0, w.removeBillboard(W), f.removeBillboard(W), A(W, g.positions), re());
+              onDoubleClick: function($) {
+                g.positions.length < 4 || (g.positions.splice($, 1), g._createPrimitive = !0, w.removeBillboard($), f.removeBillboard($), A($, g.positions), re());
               },
               tooltip: function() {
                 if (g.positions.length > 3)
@@ -3210,13 +3210,13 @@ var Ue = function() {
               D.push(ae(x));
             var I = {
               dragHandlers: {
-                onDragStart: function(W, te) {
-                  this.index = W + 1, g.positions.splice(this.index, 0, te), g._createPrimitive = !0;
+                onDragStart: function($, te) {
+                  this.index = $ + 1, g.positions.splice(this.index, 0, te), g._createPrimitive = !0;
                 },
-                onDrag: function(W, te) {
+                onDrag: function($, te) {
                   g.positions[this.index] = te, g._createPrimitive = !0;
                 },
-                onDragEnd: function(W, te) {
+                onDragEnd: function($, te) {
                   w.insertBillboard(this.index, te, M), f.getBillboard(this.index - 1).position = ae(this.index - 1), f.insertBillboard(this.index, ae(this.index), I), g._createPrimitive = !0, re();
                 }
               },
@@ -3224,8 +3224,8 @@ var Ue = function() {
                 return "Drag to create a new point";
               }
             };
-            f.addBillboards(D, I), this._editMarkers = f, this._globeClickhandler = new E.ScreenSpaceEventHandler(v.canvas), this._globeClickhandler.setInputAction(function(W) {
-              var te = v.pick(W.position);
+            f.addBillboards(D, I), this._editMarkers = f, this._globeClickhandler = new E.ScreenSpaceEventHandler(v.canvas), this._globeClickhandler.setInputAction(function($) {
+              var te = v.pick($.position);
               te && te.primitive || g.setEditMode(!1);
             }, E.ScreenSpaceEventType.LEFT_CLICK), w.setOnTop(), f.setOnTop();
           }
@@ -3264,7 +3264,7 @@ var Ue = function() {
                   dragHandlers: {
                     onDrag: function(D, x) {
                       var _ = w.getBillboard((D + 2) % 4).position;
-                      u.setExtent(Z(e.cartesianToCartographic(_), e.cartesianToCartographic(x))), w.updateBillboardsPositions(H(u.extent));
+                      u.setExtent(q(e.cartesianToCartographic(_), e.cartesianToCartographic(x))), w.updateBillboardsPositions(H(u.extent));
                     },
                     onDragEnd: function(D, x) {
                       M();
@@ -3469,7 +3469,7 @@ var Ue = function() {
   }(), i.prototype.addToolbar = function(s, a) {
     return a = G(a, { container: s }), new i.DrawHelperWidget(this, a);
   };
-  function Z(s, a) {
+  function q(s, a) {
     var y = new E.Rectangle();
     y.west = Math.min(s.longitude, a.longitude), y.east = Math.max(s.longitude, a.longitude), y.south = Math.min(s.latitude, a.latitude), y.north = Math.max(s.latitude, a.latitude);
     var u = E.Math.EPSILON7;
@@ -3638,9 +3638,9 @@ const Ts = 2, Ss = (e, n) => {
       return console.error(b), /* @__PURE__ */ l(Ee, {});
     }
   };
-  return /* @__PURE__ */ l(bs, { ...e, children: e.drawings.map((m, b) => /* @__PURE__ */ $(vs, { name: m.name, children: [
-    /* @__PURE__ */ $(Es, { children: [
-      /* @__PURE__ */ $("h1", { children: [
+  return /* @__PURE__ */ l(bs, { ...e, children: e.drawings.map((m, b) => /* @__PURE__ */ z(vs, { name: m.name, children: [
+    /* @__PURE__ */ z(Es, { children: [
+      /* @__PURE__ */ z("h1", { children: [
         "Drawed Entity ",
         m.name
       ] }),
@@ -3758,7 +3758,7 @@ const Ds = 38, Is = 40, Os = 13, As = 14, ks = 27, Rs = 9, Ns = 10, Bs = 100, Fs
     typeof e.value < "u" && t(e.value), typeof e.defaultValue < "u" && t(e.defaultValue);
   }, [e.value, e.defaultValue]), N(() => {
     const { options: v } = e, { caret: g } = r;
-    Z(n, g, v);
+    q(n, g, v);
   }, [e]);
   const h = (v, g, w) => {
     const { trigger: f, matchAny: M, regex: D } = e, x = new RegExp(D);
@@ -3771,13 +3771,13 @@ const Ds = 38, Is = 40, Os = 13, As = 14, ks = 27, Rs = 9, Ns = 10, Bs = 100, Fs
     const A = p(_, x);
     let re = {};
     for (let ae = 0; ae < A.length; ae++) {
-      const { triggerStr: W, triggerMatch: te, triggerLength: ue } = A[ae];
+      const { triggerStr: $, triggerMatch: te, triggerLength: ue } = A[ae];
       for (let pe = g - 1; pe >= 0; --pe) {
         const Me = v.substring(pe, g).match(x);
         let ve = -1;
         if (ue > 0) {
           const L = te ? pe : pe - ue + 1;
-          if (L < 0 || (C(W, v, L) && (ve = L + ue), !Me && ve < 0))
+          if (L < 0 || (C($, v, L) && (ve = L + ue), !Me && ve < 0))
             break;
         } else {
           if (Me && pe > 0)
@@ -3786,13 +3786,13 @@ const Ds = 38, Is = 40, Os = 13, As = 14, ks = 27, Rs = 9, Ns = 10, Bs = 100, Fs
             break;
         }
         if (ve >= 0) {
-          const L = I[W];
+          const L = I[$];
           if (!Array.isArray(L))
             continue;
           const T = v.substring(ve, g), O = L.filter((j) => {
             const oe = j.toLowerCase().indexOf(T.toLowerCase());
             return oe !== -1 && (M || oe === 0);
-          }), B = W, R = T.length;
+          }), B = $, R = T.length;
           re = {
             ...re,
             trigger: B,
@@ -3810,10 +3810,10 @@ const Ds = 38, Is = 40, Os = 13, As = 14, ks = 27, Rs = 9, Ns = 10, Bs = 100, Fs
     triggerLength: f.length
   })), C = (v, g, w) => !v || !v.length || g.substr(w, v.length) === v, m = (v) => {
     const { onChange: g, options: w, spaceRemovers: f, spacer: M, value: D } = e, x = n, _ = v.target.value, I = $r(b(v.target)).end;
-    if (_.length || z({
+    if (_.length || W({
       ...r,
       helperVisible: !1
-    }), t(_), z({
+    }), t(_), W({
       ...r,
       caret: I,
       value: v.target.value
@@ -3824,7 +3824,7 @@ const Ds = 38, Is = 40, Os = 13, As = 14, ks = 27, Rs = 9, Ns = 10, Bs = 100, Fs
         if (x[A] !== _[A]) {
           if (A >= 2 && _[A - 1] === M && f.indexOf(_[A - 2]) === -1 && f.indexOf(_[A]) !== -1 && !kt(h(_.substring(0, A - 2), I - 3, w))) {
             const re = `${_.slice(0, A - 1)}${_.slice(A, A + 1)}${_.slice(A - 1, A)}${_.slice(A + 1)}`;
-            return q(A + 1), d.current !== null && (d.current.value = re), D || z({
+            return Z(A + 1), d.current !== null && (d.current.value = re), D || W({
               ...r,
               value: re
             }), g(re);
@@ -3833,7 +3833,7 @@ const Ds = 38, Is = 40, Os = 13, As = 14, ks = 27, Rs = 9, Ns = 10, Bs = 100, Fs
         }
       o(!1);
     }
-    return Z(_, I, w), g(v.target.value);
+    return q(_, I, w), g(v.target.value);
   }, b = (v) => {
     if (v !== void 0)
       if (v.children.length > 0) {
@@ -3853,13 +3853,13 @@ const Ds = 38, Is = 40, Os = 13, As = 14, ks = 27, Rs = 9, Ns = 10, Bs = 100, Fs
           v.preventDefault(), Y();
           break;
         case Ds:
-          v.preventDefault(), z({
+          v.preventDefault(), W({
             ...r,
             selection: (w.length + f - 1) % w.length
           });
           break;
         case Is:
-          v.preventDefault(), z({
+          v.preventDefault(), W({
             ...r,
             selection: (f + 1) % w.length
           });
@@ -3878,27 +3878,27 @@ const Ds = 38, Is = 40, Os = 13, As = 14, ks = 27, Rs = 9, Ns = 10, Bs = 100, Fs
     else
       M(v);
   }, S = () => {
-    z({
+    W({
       ...r,
       helperVisible: !1
     });
   }, H = (v) => {
-    const { spacer: g, onSelect: w, changeOnSelect: f } = e, { matchStart: M, matchLength: D, options: x, trigger: _ } = r, I = x[v], A = n, re = A.substring(0, M - _.length), ae = A.substring(M + D), W = { target: d.current }, te = f(_, I);
-    W.target !== null && (W.target.value = `${re}${te}${g}${ae}`), m(W), W.target !== null && w(W.target.value), Y(), q(re.length + te.length + 1), o(!0);
-  }, q = (v) => {
-    z({
+    const { spacer: g, onSelect: w, changeOnSelect: f } = e, { matchStart: M, matchLength: D, options: x, trigger: _ } = r, I = x[v], A = n, re = A.substring(0, M - _.length), ae = A.substring(M + D), $ = { target: d.current }, te = f(_, I);
+    $.target !== null && ($.target.value = `${re}${te}${g}${ae}`), m($), $.target !== null && w($.target.value), Y(), Z(re.length + te.length + 1), o(!0);
+  }, Z = (v) => {
+    W({
       ...r,
       caret: v
     });
     const g = b(d.current);
     zr(g, v);
-  }, z = (v) => {
+  }, W = (v) => {
     setTimeout(() => {
       c({
         ...v
       });
     }, 0);
-  }, Z = (v, g, w) => {
+  }, q = (v, g, w) => {
     const f = d.current;
     if (d.current === null)
       return;
@@ -3907,9 +3907,9 @@ const Ds = 38, Is = 40, Os = 13, As = 14, ks = 27, Rs = 9, Ns = 10, Bs = 100, Fs
       return;
     const D = f.getBoundingClientRect(), x = h(v, g, w);
     if (Object.keys(x).length > 0 && M !== null) {
-      const _ = Hr(M, g), I = M.getBoundingClientRect(), { minChars: A, onRequestOptions: re, requestOnlyIfNoOptions: ae, mode: W } = e;
+      const _ = Hr(M, g), I = M.getBoundingClientRect(), { minChars: A, onRequestOptions: re, requestOnlyIfNoOptions: ae, mode: $ } = e;
       let te, ue, pe, ke = "unset";
-      W === "assist" ? (te = f === M ? _.top + M.offsetTop : _.top + D.top, ue = Math.min(_.left + M.offsetLeft - Ns, M.offsetLeft + I.width - Bs)) : (te = D.top + f.offsetHeight, ue = f.offsetLeft, pe = f.offsetLeft - f.offsetWidth, ke = `${D.width}px`), x.matchLength >= A && (x.options.length > 1 || x.options.length === 1 && x.options[0].length !== x.matchLength) ? z({
+      $ === "assist" ? (te = f === M ? _.top + M.offsetTop : _.top + D.top, ue = Math.min(_.left + M.offsetLeft - Ns, M.offsetLeft + I.width - Bs)) : (te = D.top + f.offsetHeight, ue = f.offsetLeft, pe = f.offsetLeft - f.offsetWidth, ke = `${D.width}px`), x.matchLength >= A && (x.options.length > 1 || x.options.length === 1 && x.options[0].length !== x.matchLength) ? W({
         ...r,
         value: v,
         helperVisible: !0,
@@ -3923,7 +3923,7 @@ const Ds = 38, Is = 40, Os = 13, As = 14, ks = 27, Rs = 9, Ns = 10, Bs = 100, Fs
       Y();
   }, Y = () => {
     setTimeout(() => {
-      z({
+      W({
         ...r,
         helperVisible: !1,
         selection: 0
@@ -3933,17 +3933,17 @@ const Ds = 38, Is = 40, Os = 13, As = 14, ks = 27, Rs = 9, Ns = 10, Bs = 100, Fs
     const { helperVisible: v, left: g, right: w, matchStart: f, matchLength: M, options: D, selection: x, top: _, value: I, width: A } = r;
     if (!v)
       return null;
-    const { maxOptions: re, offsetX: ae, offsetY: W, direction: te } = e;
+    const { maxOptions: re, offsetX: ae, offsetY: $, direction: te } = e;
     if (D.length === 0)
       return null;
     if (x >= D.length)
-      return z({
+      return W({
         ...r,
         selection: 0
       }), null;
     const ue = re === 0 ? D.length : re, pe = D.slice(0, ue).map((Me, ve) => {
       const L = Me.toLowerCase().indexOf(I.substr(f, M).toLowerCase());
-      return /* @__PURE__ */ $(
+      return /* @__PURE__ */ z(
         "li",
         {
           className: ve === x ? "active" : void 0,
@@ -3951,7 +3951,7 @@ const Ds = 38, Is = 40, Os = 13, As = 14, ks = 27, Rs = 9, Ns = 10, Bs = 100, Fs
             H(ve);
           },
           onMouseEnter: () => {
-            z({
+            W({
               ...r,
               selection: ve
             });
@@ -3965,11 +3965,11 @@ const Ds = 38, Is = 40, Os = 13, As = 14, ks = 27, Rs = 9, Ns = 10, Bs = 100, Fs
         Me
       );
     }), ke = te === "ltr" ? { left: g + ae } : { right: w + ae };
-    return /* @__PURE__ */ l("ul", { className: "react-autocomplete-input", style: { ...ke, top: _ + W, width: A }, children: pe });
+    return /* @__PURE__ */ l("ul", { className: "react-autocomplete-input", style: { ...ke, top: _ + $, width: A }, children: pe });
   }, { Component: X, ComponentProps: G, defaultValue: K, disabled: se, onBlur: s, value: a, ...y } = e, u = Object.assign({}, y);
   return Object.keys(e).forEach((v) => {
     delete u[v];
-  }), /* @__PURE__ */ $(Ee, { children: [
+  }), /* @__PURE__ */ z(Ee, { children: [
     Oe.cloneElement(X, {
       disabled: se,
       onBlur: s,
@@ -4166,9 +4166,9 @@ const sc = Oe.memo(
       const m = (K) => K.replace(/([A-Z])/g, (se) => "-" + se.toLowerCase()), b = be(() => e !== void 0 ? Object.keys(e).reduce((se, s) => {
         const a = e[s];
         return s = s.startsWith("--") ? s : `--fp-theme-${m(s)}`, se[s] = a, se;
-      }, {}) : {}, [e]), [P, S] = F(!1), [H, q] = F(), [z, Z] = F(!1), [Y, k] = F(), [X, G] = F();
+      }, {}) : {}, [e]), [P, S] = F(!1), [H, Z] = F(), [W, q] = F(!1), [Y, k] = F(), [X, G] = F();
       return N(() => {
-        e && S(!0), q(t), i ? Z(!0) : k([ne.CreateFolder, ne.DeleteFiles]), o !== void 0 && G(zs[o]);
+        e && S(!0), Z(t), i ? q(!0) : k([ne.CreateFolder, ne.DeleteFiles]), o !== void 0 && G(zs[o]);
       }, [e, t, i, o]), /* @__PURE__ */ l(
         me,
         {
@@ -4187,7 +4187,7 @@ const sc = Oe.memo(
               },
               thumbnailGenerator: C,
               defaultFileViewActionId: H,
-              disableDragAndDrop: z,
+              disableDragAndDrop: W,
               fileActions: Y,
               darkMode: P,
               i18n: X,
@@ -4198,7 +4198,7 @@ const sc = Oe.memo(
       );
     }
   )
-), Us = (e) => /* @__PURE__ */ l(Zr.Option, { ...e, children: /* @__PURE__ */ l(Li, { label: e.label, checked: e.isSelected }) }), js = (e) => {
+), Us = (e) => /* @__PURE__ */ l(qr.Option, { ...e, children: /* @__PURE__ */ l(Li, { label: e.label, checked: e.isSelected }) }), js = (e) => {
   const { styles: n } = e;
   return /* @__PURE__ */ l(Yr, { isMulti: !0, components: { Option: Us }, styles: n, isClearable: !0, hideSelectedOptions: !1, closeMenuOnSelect: !1, ...e });
 }, ac = (e) => {
@@ -4274,8 +4274,8 @@ export {
   Wl as CesiumViewer,
   Jl as CesiumWFSLayer,
   Yl as CesiumWMSLayer,
-  Zl as CesiumWMTSLayer,
-  ql as CesiumXYZLayer,
+  ql as CesiumWMTSLayer,
+  Zl as CesiumXYZLayer,
   ls as CoordinatesTrackerTool,
   El as CssBaseline,
   rl as DateRangePicker,
@@ -4320,7 +4320,7 @@ export {
   ll as getWMTSOptions,
   hl as getXYZOptions,
   Lt as isDateRange,
-  qr as mapMcToMuiTheme,
+  Zr as mapMcToMuiTheme,
   Ms as polygonToGeoJSON,
   _s as rectangleToGeoJSON,
   Ps as rectangleToPositions,