@map-colonies/react-components 4.2.0 → 4.2.1

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

@@ -2,7 +2,7 @@
 var tn = Object.defineProperty;
 var nn = (e, n, t) => n in e ? tn(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
 var Z = (e, n, t) => (nn(e, typeof n != "symbol" ? n + "" : n, t), t);
-import { jsx as l, jsxs as B, Fragment as oe } from "react/jsx-runtime";
+import { jsx as l, jsxs as B, Fragment as ie } from "react/jsx-runtime";
 import * as Pt from "react";
 import fe, { useState as A, useEffect as O, useMemo as Fe, forwardRef as rn, createContext as Pe, useRef as Ee, useContext as De, useCallback as pe, useLayoutEffect as on } from "react";
 import { isValid as Ce, isBefore as sn, format as ct, endOfDay as an, isSameDay as dt } from "date-fns";
@@ -47,7 +47,7 @@ import Mi, { setCaretPosition as Pi } from "get-input-selection";
 import { ChonkyActions as G, FileHelper as Vt, setChonkyDefaults as Di, FullFileBrowser as Ii } from "chonky";
 import { ChonkyIconFA as Ai } from "chonky-icon-fontawesome";
 import ki from "filesize";
-var re = /* @__PURE__ */ ((e) => (e.BOX = "BOX", e.POLYGON = "POLYGON", e.UNKNOWN = "UNKNOWN", e))(re || {}), ce = /* @__PURE__ */ ((e) => (e.HE = "he", e.EN = "en", e.RU = "ru", e))(ce || {}), Qe = /* @__PURE__ */ ((e) => (e.TOP_RIGHT = "TOP_RIGHT", e.BOTTOM_LEFT = "BOTTOM_LEFT", e))(Qe || {});
+var oe = /* @__PURE__ */ ((e) => (e.BOX = "BOX", e.POLYGON = "POLYGON", e.UNKNOWN = "UNKNOWN", e))(oe || {}), ce = /* @__PURE__ */ ((e) => (e.HE = "he", e.EN = "en", e.RU = "ru", e))(ce || {}), Qe = /* @__PURE__ */ ((e) => (e.TOP_RIGHT = "TOP_RIGHT", e.BOTTOM_LEFT = "BOTTOM_LEFT", e))(Qe || {});
 const J = {
   // eslint-disable-next-line @typescript-eslint/naming-convention
   DATE_PICKER: {
@@ -118,7 +118,7 @@ const Oi = 2, Ri = 0.5, Ni = Ie(
   })
 ), Bi = (e) => {
   var U, x, $, R;
-  const n = Ni(), t = Ot(), i = zt(t), [o, r] = A(null), [d, u] = A(null), [m, E] = A(J.DATE_RANGE_PICKER.dateFormat), w = e.controlsLayout ?? J.DATE_RANGE_PICKER.controlsLayout, M = e.disableFuture ?? J.DATE_RANGE_PICKER.disableFuture, _ = ((U = e.local) == null ? void 0 : U.startPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.startPlaceHolderText, k = ((x = e.local) == null ? void 0 : x.endPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.endPlaceHolderText, H = (($ = e.local) == null ? void 0 : $.setText) ?? J.DATE_RANGE_PICKER.local.setText, K = (((R = e.local) == null ? void 0 : R.calendarLocale) ?? J.DATE_RANGE_PICKER.local.calendarLocale) === ce.HE ? Dt : It;
+  const n = Ni(), t = Ot(), i = zt(t), [o, r] = A(null), [d, u] = A(null), [m, E] = A(J.DATE_RANGE_PICKER.dateFormat), w = e.controlsLayout ?? J.DATE_RANGE_PICKER.controlsLayout, M = e.disableFuture ?? J.DATE_RANGE_PICKER.disableFuture, T = ((U = e.local) == null ? void 0 : U.startPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.startPlaceHolderText, k = ((x = e.local) == null ? void 0 : x.endPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.endPlaceHolderText, H = (($ = e.local) == null ? void 0 : $.setText) ?? J.DATE_RANGE_PICKER.local.setText, K = (((R = e.local) == null ? void 0 : R.calendarLocale) ?? J.DATE_RANGE_PICKER.local.calendarLocale) === ce.HE ? Dt : It;
   O(() => {
     r(e.from ?? null);
   }, [e.from]), O(() => {
@@ -146,7 +146,7 @@ const Oi = 2, Ri = 0.5, Ni = Ie(
           Ye,
           {
             variant: "inline",
-            placeholder: _,
+            placeholder: T,
             onChange: (V) => r(V),
             value: o,
             disableFuture: M,
@@ -194,7 +194,7 @@ const Qo = (e) => {
     R.currentTarget.tagName === "I" ? m(R.currentTarget.previousElementSibling) : m(R.currentTarget);
   }, M = () => {
     m(null);
-  }, _ = Boolean(u), k = e.controlsLayout ?? "column";
+  }, T = Boolean(u), k = e.controlsLayout ?? "column";
   O(() => {
     t(e.from ?? null);
   }, [e.from]), O(() => {
@@ -203,7 +203,7 @@ const Qo = (e) => {
     d(e.dateFormat ?? J.DATE_RANGE_PICKER.dateFormat);
   }, [e.dateFormat]);
   const H = ((x = e.local) == null ? void 0 : x.startPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.startPlaceHolderText, j = (($ = e.local) == null ? void 0 : $.endPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.endPlaceHolderText, K = e.renderAsButton === void 0 ? J.DATE_RANGE_PICKER.renderAsButton : e.renderAsButton, F = e.offset === void 0 ? J.DATE_RANGE_PICKER.offset : e.offset, Y = e.disableFuture === void 0 ? J.DATE_RANGE_PICKER.disableFuture : e.disableFuture, U = Fe(() => `${n ? ct(n, r) : H} - ${i ? ct(i, r) : j}`, [n, i, r, H, j]);
-  return /* @__PURE__ */ B(oe, { children: [
+  return /* @__PURE__ */ B(ie, { children: [
     K ? /* @__PURE__ */ l(Me, { style: { width: e.width }, raised: !0, onClick: E, className: "drpOpener", children: U }) : /* @__PURE__ */ l(
       Re,
       {
@@ -219,7 +219,7 @@ const Qo = (e) => {
         }
       }
     ),
-    /* @__PURE__ */ l(Fi, { open: _, anchorEl: u, onClose: M, anchorOrigin: { vertical: "bottom", horizontal: "left" }, keepMounted: !0, children: /* @__PURE__ */ l(
+    /* @__PURE__ */ l(Fi, { open: T, anchorEl: u, onClose: M, anchorOrigin: { vertical: "bottom", horizontal: "left" }, keepMounted: !0, children: /* @__PURE__ */ l(
       Bi,
       {
         controlsLayout: k,
@@ -262,7 +262,7 @@ const Qo = (e) => {
       type: "time",
       value: we(n).format("HH:mm"),
       onChange: (M) => {
-        const _ = we(n), k = we(M.currentTarget.value, "HH:mm"), H = _.set({
+        const T = we(n), k = we(M.currentTarget.value, "HH:mm"), H = T.set({
           hours: k.get("hours"),
           minutes: k.get("minutes")
         });
@@ -280,7 +280,7 @@ const Qo = (e) => {
       type: "time",
       value: we(e).format("HH:mm"),
       onChange: (M) => {
-        const _ = we(e), k = we(M.currentTarget.value, "HH:mm"), H = _.set({
+        const T = we(e), k = we(M.currentTarget.value, "HH:mm"), H = T.set({
           hours: k.get("hours"),
           minutes: k.get("minutes")
         });
@@ -353,12 +353,12 @@ const Qo = (e) => {
     // withTimeRange,
     withShortcuts: E,
     locale: w = "en"
-  } = e, [M, _] = A(null), [k, H] = A(null), [j, K] = A(!1), F = r ? { startDate: M, endDate: k } : M;
+  } = e, [M, T] = A(null), [k, H] = A(null), [j, K] = A(!1), F = r ? { startDate: M, endDate: k } : M;
   O(() => {
     w === "he" && In("he", An);
   }, [w]), O(() => {
     var x, $;
-    ((x = e.startDate) == null ? void 0 : x.toString()) !== (M == null ? void 0 : M.toString()) && _(e.startDate), (($ = e.endDate) == null ? void 0 : $.toString()) !== (k == null ? void 0 : k.toString()) && H(e.endDate);
+    ((x = e.startDate) == null ? void 0 : x.toString()) !== (M == null ? void 0 : M.toString()) && T(e.startDate), (($ = e.endDate) == null ? void 0 : $.toString()) !== (k == null ? void 0 : k.toString()) && H(e.endDate);
   }, [e.startDate, e.endDate, M, k]);
   const Y = Fe(() => {
     let x = "pickerContainer" + (w === "he" ? " pickerContainer-rtl" : "");
@@ -386,9 +386,9 @@ const Qo = (e) => {
       onChange: (x, $) => {
         if (Array.isArray(x)) {
           const [R, V] = x;
-          _(R), H(V), d == null || d({ startDate: R, endDate: V && an(V) }, $);
+          T(R), H(V), d == null || d({ startDate: R, endDate: V && an(V) }, $);
         } else
-          _(x), d == null || d(x, $);
+          T(x), d == null || d(x, $);
       },
       customInput: /* @__PURE__ */ l(Hi, { name: u, onInputClick: () => {
         K(!0);
@@ -397,7 +397,7 @@ const Qo = (e) => {
       timeInputLabel: "",
       customTimeInput: E && Ue(F) && /* @__PURE__ */ l(Gi, { onShortcut: (x) => {
         d == null || d(x), K(!1);
-      }, shortcuts: E, setEndDate: H, setStartDate: _, dateRange: F }),
+      }, shortcuts: E, setEndDate: H, setStartDate: T, dateRange: F }),
       showMonthYearDropdown: void 0,
       ...U
     }
@@ -412,7 +412,7 @@ const ns = (e) => {
     onChange: E,
     showTime: w = J.DATE_PICKER.showTime,
     value: M,
-    ..._
+    ...T
   } = e, { placeHolderText: k = J.DATE_PICKER.local.placeHolderText, calendarLocale: H } = m ?? {
     placeHolderText: J.DATE_PICKER.local.placeHolderText,
     calendarLocale: ce.EN
@@ -429,7 +429,7 @@ const ns = (e) => {
         value: i,
         disableFuture: u,
         format: r,
-        ..._
+        ...T
       }
     ),
     !w && /* @__PURE__ */ l(
@@ -441,7 +441,7 @@ const ns = (e) => {
         value: i,
         disableFuture: u,
         format: r,
-        ..._
+        ...T
       }
     )
   ] }) });
@@ -474,7 +474,7 @@ const ns = (e) => {
             $e,
             {
               onClick: () => {
-                d(re.POLYGON), E();
+                d(oe.POLYGON), E();
               },
               children: "Polygon"
             }
@@ -483,7 +483,7 @@ const ns = (e) => {
             $e,
             {
               onClick: () => {
-                d(re.BOX), E();
+                d(oe.BOX), E();
               },
               children: "Box"
             }
@@ -601,10 +601,10 @@ const et = 5, tt = 2, $t = Pe(null), Wi = $t.Provider, pt = 35, gt = 32, Ui = 10
       /* CIRCLE */
     };
     switch (e) {
-      case re.BOX:
+      case oe.BOX:
         i.geometryFunction = zn();
         break;
-      case re.POLYGON:
+      case oe.POLYGON:
         i.type = "Polygon";
         break;
       default:
@@ -722,7 +722,7 @@ const ur = Nt(
 );
 function mr(e) {
   const { cellsMetadata: n, isRowSelected: t, item: i, onRowSelected: o, rowIndex: r, isCollapseable: d, collapsedElement: u } = e, [m, E] = A(!1), w = n.length;
-  return /* @__PURE__ */ B(oe, { children: [
+  return /* @__PURE__ */ B(ie, { children: [
     /* @__PURE__ */ B(Oe, { hover: !0, selected: t, onClick: () => {
       o == null || o(r);
     }, children: [
@@ -731,20 +731,20 @@ function mr(e) {
         {
           "aria-label": "expand row",
           size: "small",
-          onClick: (_) => {
-            _.stopPropagation(), E(!m);
+          onClick: (T) => {
+            T.stopPropagation(), E(!m);
           },
           children: m ? /* @__PURE__ */ l(hr, {}) : /* @__PURE__ */ l(ur, {})
         }
       ) }),
-      n.map((_) => /* @__PURE__ */ l(
+      n.map((T) => /* @__PURE__ */ l(
         Te,
         {
-          align: _.numeric ? "right" : "left",
-          padding: _.disablePadding ? "none" : "default",
-          children: _.transform ? _.transform(i[_.id]) : i[_.id]
+          align: T.numeric ? "right" : "left",
+          padding: T.disablePadding ? "none" : "default",
+          children: T.transform ? T.transform(i[T.id]) : i[T.id]
         },
-        _.id + r.toString()
+        T.id + r.toString()
       ))
     ] }),
     d && /* @__PURE__ */ l(Oe, { children: /* @__PURE__ */ l(Te, { style: { paddingBottom: 0, paddingTop: 0 }, colSpan: w + 1, children: /* @__PURE__ */ l(pn, { in: m, unmountOnExit: !0, timeout: "auto", children: u == null ? void 0 : u(i) }) }) })
@@ -759,7 +759,7 @@ function rs(e) {
     isCollapseable: E,
     collapsedElement: w,
     isDense: M,
-    page: _,
+    page: T,
     rowsPerPage: k,
     count: H,
     handleChangePage: j,
@@ -812,7 +812,7 @@ function rs(e) {
         rowsPerPageOptions: [5, 10],
         component: "div",
         count: H,
-        page: _,
+        page: T,
         onPageChange: j,
         onRowsPerPageChange: K
       }
@@ -899,7 +899,7 @@ const Ke = [
   if (m < d.lastLegendUpdate + 250)
     return;
   d.lastLegendUpdate = m;
-  const E = e.scene.canvas.clientWidth, w = e.scene.canvas.clientHeight, M = e.scene.camera.getPickRay(new Se(E / 2 | 0, w - 1)), _ = e.scene.camera.getPickRay(new Se(1 + E / 2 | 0, w - 1)), k = e.scene.globe, H = k.pick(M, e.scene), j = k.pick(_, e.scene);
+  const E = e.scene.canvas.clientWidth, w = e.scene.canvas.clientHeight, M = e.scene.camera.getPickRay(new Se(E / 2 | 0, w - 1)), T = e.scene.camera.getPickRay(new Se(1 + E / 2 | 0, w - 1)), k = e.scene.globe, H = k.pick(M, e.scene), j = k.pick(T, e.scene);
   if (!H || !j)
     return;
   const K = k.ellipsoid.cartesianToCartographic(H), F = k.ellipsoid.cartesianToCartographic(j);
@@ -934,7 +934,7 @@ const Ke = [
     };
   }, [n, e.locale, t]);
   const o = (r) => 5 + (125 - r) / 2;
-  return /* @__PURE__ */ l("div", { className: "scalePosition", children: Ne(t.barWidth) && /* @__PURE__ */ B(oe, { children: [
+  return /* @__PURE__ */ l("div", { className: "scalePosition", children: Ne(t.barWidth) && /* @__PURE__ */ B(ie, { children: [
     /* @__PURE__ */ l("div", { className: "distance-legend-label", children: t.distanceLabel }),
     /* @__PURE__ */ l(
       "div",
@@ -1020,7 +1020,7 @@ const Cr = -1, wr = (e) => {
   const n = me(), [t, i] = A(), { sceneModes: o } = e, r = (d) => o.findIndex((u) => u === d) > Cr;
   return O(() => {
     i(n.scene.mode);
-  }, []), /* @__PURE__ */ B(oe, { children: [
+  }, []), /* @__PURE__ */ B(ie, { children: [
     r(ne.SCENE3D) && /* @__PURE__ */ l(
       _e,
       {
@@ -1068,13 +1068,13 @@ const br = Ie(
     var w, M;
     if (t) {
       (w = n.layersManager) == null || w.removeBaseMapLayers();
-      const _ = t.maps.find((k) => k.id === E);
-      _ && ((M = n.layersManager) == null || M.setBaseMapLayers(_), d(_), t.maps.forEach((k) => {
-        k.isCurrent = _ === k;
+      const T = t.maps.find((k) => k.id === E);
+      T && ((M = n.layersManager) == null || M.setBaseMapLayers(T), d(T), t.maps.forEach((k) => {
+        k.isCurrent = T === k;
       }));
     }
   };
-  return /* @__PURE__ */ B(oe, { children: [
+  return /* @__PURE__ */ B(ie, { children: [
     /* @__PURE__ */ l("label", { className: "mapLabel", children: i }),
     /* @__PURE__ */ l("ul", { className: "mapSelector", children: t == null ? void 0 : t.maps.map((E) => /* @__PURE__ */ l("li", { className: `mapContainer ${u.mapContainer} ${E === r ? "mapContainerSelected" : ""}`, children: /* @__PURE__ */ l(
       "img",
@@ -1100,13 +1100,13 @@ const qe = "ic_settings_24px", _r = (e) => {
   return O(() => {
     const w = (M) => {
       var H;
-      const _ = M.target, k = Q(d, "current");
-      k && !k.contains(_) && _.id !== qe && ((H = _.parentElement) == null ? void 0 : H.id) !== qe && (document.removeEventListener("click", w, !1), t(!1));
+      const T = M.target, k = Q(d, "current");
+      k && !k.contains(T) && T.id !== qe && ((H = T.parentElement) == null ? void 0 : H.id) !== qe && (document.removeEventListener("click", w, !1), t(!1));
     };
     return document.addEventListener("click", w, !1), () => {
       document.removeEventListener("click", w, !1);
     };
-  }), /* @__PURE__ */ B(oe, { children: [
+  }), /* @__PURE__ */ B(ie, { children: [
     /* @__PURE__ */ l(
       _e,
       {
@@ -1128,7 +1128,7 @@ const qe = "ic_settings_24px", _r = (e) => {
           /* @__PURE__ */ B(_n, { children: [
             /* @__PURE__ */ l("h4", { className: "sectionLabel", children: m }),
             /* @__PURE__ */ l(ae, { className: "mapScenesContainer", children: /* @__PURE__ */ l(wr, { sceneModes: i }) }),
-            /* @__PURE__ */ l(ae, { className: "baseMapsContainer", children: o && /* @__PURE__ */ B(oe, { children: [
+            /* @__PURE__ */ l(ae, { className: "baseMapsContainer", children: o && /* @__PURE__ */ B(ie, { children: [
               /* @__PURE__ */ l("h4", { className: "sectionLabel", children: E }),
               /* @__PURE__ */ l(Tr, { baseMaps: o })
             ] }) })
@@ -1550,8 +1550,8 @@ const Zt = Pe(null), Br = Zt.Provider, me = () => {
     throw new Error("map context is null, please check the provider");
   return e;
 }, ls = (e) => {
-  var S, T, b, L, P, W, q, N;
-  const n = Ee(null), [t, i] = A(), [o, r] = A(), [d, u] = A(), [m, E] = A(), [w, M] = A(), [_, k] = A(), H = Ee(), [j, K] = A(), [F, Y] = A([]), [U, x] = A(), [$, R] = A(!1), V = Ee(), [X, s] = A(void 0), [a, y] = A(!1), [c, f] = A(), h = {
+  var S, _, b, L, P, W, q, N;
+  const n = Ee(null), [t, i] = A(), [o, r] = A(), [d, u] = A(), [m, E] = A(), [w, M] = A(), [T, k] = A(), H = Ee(), [j, K] = A(), [F, Y] = A([]), [U, x] = A(), [$, R] = A(!1), V = Ee(), [X, s] = A(void 0), [a, y] = A(!1), [c, f] = A(), h = {
     fullscreenButton: !0,
     timeline: !1,
     animation: !1,
@@ -1561,8 +1561,8 @@ const Zt = Pe(null), Br = Zt.Provider, me = () => {
     homeButton: !1,
     sceneModePicker: !1,
     ...e
-  }, v = (D, I, z, de, ie) => {
-    const ee = t.container, se = ee.clientWidth, Le = ee.clientHeight, Ae = de + ie;
+  }, v = (D, I, z, de, re) => {
+    const ee = t.container, se = ee.clientWidth, Le = ee.clientHeight, Ae = de + re;
     return {
       left: `${se - D < z ? D - (z - (se - D)) : D}px`,
       top: `${Le - I < Ae ? I - (Ae - (Le - I)) : I}px`
@@ -1632,14 +1632,14 @@ const Zt = Pe(null), Br = Zt.Provider, me = () => {
           t.container.clientWidth / 2,
           // eslint-disable-next-line @typescript-eslint/no-magic-numbers
           t.container.clientHeight / 2
-        ), de = t.scene.camera.getPickRay(z), ie = t.scene.globe.pick(de, t.scene);
-        if (!ie)
+        ), de = t.scene.camera.getPickRay(z), re = t.scene.globe.pick(de, t.scene);
+        if (!re)
           return {
             longitude: 0,
             latitude: 0,
             height: 0
           };
-        const ee = t.scene.globe.ellipsoid.cartesianToCartographic(ie);
+        const ee = t.scene.globe.ellipsoid.cartesianToCartographic(re);
         return ee !== void 0 ? {
           longitude: ke(ee.longitude),
           latitude: ke(ee.latitude),
@@ -1687,19 +1687,19 @@ const Zt = Pe(null), Br = Zt.Provider, me = () => {
     });
   }, [e.zoom, e.center, t]);
   const C = pe(() => t && jn(
-    /* @__PURE__ */ B(oe, { children: [
+    /* @__PURE__ */ B(ie, { children: [
       /* @__PURE__ */ B(ae, { className: "sideToolsContainer", children: [
-        /* @__PURE__ */ l(_r, { sceneModes: j, baseMaps: U, locale: _ }),
+        /* @__PURE__ */ l(_r, { sceneModes: j, baseMaps: U, locale: T }),
         /* @__PURE__ */ l(Lr, { onClick: () => y(!a) })
       ] }),
       /* @__PURE__ */ B(ae, { className: "toolsContainer", children: [
-        d === !0 ? /* @__PURE__ */ l(gr, { projection: o }) : /* @__PURE__ */ l(oe, {}),
-        m === !0 ? /* @__PURE__ */ l(Er, { locale: _ }) : /* @__PURE__ */ l(oe, {}),
-        w === !0 ? /* @__PURE__ */ l(yr, { locale: _ }) : /* @__PURE__ */ l(oe, {})
+        d === !0 ? /* @__PURE__ */ l(gr, { projection: o }) : /* @__PURE__ */ l(ie, {}),
+        m === !0 ? /* @__PURE__ */ l(Er, { locale: T }) : /* @__PURE__ */ l(ie, {}),
+        w === !0 ? /* @__PURE__ */ l(yr, { locale: T }) : /* @__PURE__ */ l(ie, {})
       ] })
     ] }),
     document.querySelector(".cesium-viewer")
-  ), [U, _, t, o, j, d, w, a]);
+  ), [U, T, t, o, j, d, w, a]);
   return /* @__PURE__ */ l(Kn, { className: "viewer", full: !0, ref: n, ...h, children: /* @__PURE__ */ B(Br, { value: t, children: [
     /* @__PURE__ */ l(
       Dr,
@@ -1707,7 +1707,7 @@ const Zt = Pe(null), Br = Zt.Provider, me = () => {
         title: (S = e.legends) == null ? void 0 : S.title,
         isOpen: a,
         toggleSidebar: () => y(!a),
-        noLegendsText: (T = e.legends) == null ? void 0 : T.emptyText,
+        noLegendsText: (_ = e.legends) == null ? void 0 : _.emptyText,
         legends: ((b = e.legends) == null ? void 0 : b.legendsList) ?? F,
         actionsTexts: (L = e.legends) == null ? void 0 : L.actionsTexts
       }
@@ -2089,7 +2089,7 @@ var ye = function() {
         });
     }, s;
   }();
-  var _ = {
+  var T = {
     iconUrl: "./assets/img/dragIcon.png",
     shiftX: 0,
     shiftY: 0
@@ -2106,7 +2106,7 @@ var ye = function() {
     var c = new i.BillboardGroup(this, a);
     return c.addBillboards(s, y), c;
   }, i.BillboardGroup = function(s, a) {
-    this._drawHelper = s, this._scene = s._scene, this._options = R(a, _);
+    this._drawHelper = s, this._scene = s._scene, this._options = R(a, T);
     var y = new p.BillboardCollection();
     this._scene.primitives.add(y), this._billboards = y, this._orderedBillboards = [];
   }, i.BillboardGroup.prototype.createBillboard = function(s, a) {
@@ -2139,15 +2139,15 @@ var ye = function() {
               ;
             a.dragHandlers.onDrag && a.dragHandlers.onDrag(v(), L);
           }
-          function T(L) {
+          function _(L) {
             b.destroy(), h(!0), a.dragHandlers.onDragEnd && a.dragHandlers.onDragEnd(v(), L);
           }
           var b = new p.ScreenSpaceEventHandler(c._scene.canvas);
           b.setInputAction(function(L) {
             var P = c._scene.camera.pickEllipsoid(L.endPosition, e);
-            P ? S(P) : T(P);
+            P ? S(P) : _(P);
           }, p.ScreenSpaceEventType.MOUSE_MOVE), b.setInputAction(function(L) {
-            T(c._scene.camera.pickEllipsoid(L.position, e));
+            _(c._scene.camera.pickEllipsoid(L.position, e));
           }, p.ScreenSpaceEventType.LEFT_UP), h(!1), a.dragHandlers.onDragStart && a.dragHandlers.onDragStart(v(), c._scene.camera.pickEllipsoid(C, e));
         });
       }
@@ -2183,7 +2183,7 @@ var ye = function() {
   }, i.BillboardGroup.prototype.setOnTop = function() {
     this._scene.primitives.raiseToTop(this._billboards);
   }, i.prototype.startDrawingMarker = function(a) {
-    var a = R(a, _);
+    var a = R(a, T);
     this.startDrawing(function() {
       h.remove(), v.destroy(), f.setVisible(!1);
     });
@@ -2213,17 +2213,17 @@ var ye = function() {
     this.startDrawingPolyshape(!1, a);
   }, i.prototype.startDrawingPolyshape = function(s, a) {
     this.startDrawing(function() {
-      f.remove(g), S.remove(), T.destroy(), h.setVisible(!1), F(c);
+      f.remove(g), S.remove(), _.destroy(), h.setVisible(!1), F(c);
     });
     var y = this, c = this._scene, f = c.primitives, h = this._tooltip, v = s ? 3 : 2, g;
     s ? g = new ye.PolygonPrimitive(a) : g = new ye.PolylinePrimitive(a), g.asynchronous = !1, f.add(g);
-    var C = [], S = new i.BillboardGroup(this, _), T = new p.ScreenSpaceEventHandler(c.canvas);
-    K(c), T.setInputAction(function(b) {
+    var C = [], S = new i.BillboardGroup(this, T), _ = new p.ScreenSpaceEventHandler(c.canvas);
+    K(c), _.setInputAction(function(b) {
       if (b.position != null) {
         var L = c.camera.pickEllipsoid(b.position, e);
         L && (C.length == 0 && (C.push(L.clone()), S.addBillboard(C[0])), C.length >= v && (g.positions = C, g._createPrimitive = !0), C.push(L), S.addBillboard(L));
       }
-    }, p.ScreenSpaceEventType.LEFT_CLICK), T.setInputAction(function(b) {
+    }, p.ScreenSpaceEventType.LEFT_CLICK), _.setInputAction(function(b) {
       var L = b.endPosition;
       if (L != null)
         if (C.length == 0)
@@ -2235,7 +2235,7 @@ var ye = function() {
             "<p>Click to add new point (" + C.length + ")</p>" + (C.length > v ? "<p>Double click to finish drawing</p>" : "")
           ));
         }
-    }, p.ScreenSpaceEventType.MOUSE_MOVE), T.setInputAction(function(b) {
+    }, p.ScreenSpaceEventType.MOUSE_MOVE), _.setInputAction(function(b) {
       var L = b.position;
       if (L != null) {
         if (C.length < v + 2)
@@ -2266,13 +2266,13 @@ var ye = function() {
     });
     var y = this, c = this._scene, f = this._scene.primitives, h = this._tooltip, v = null, g = null, C = null, S = new p.ScreenSpaceEventHandler(c.canvas);
     K(c);
-    function T(b) {
+    function _(b) {
       g == null && (g = new ye.ExtentPrimitive({
         extent: b,
         material: a.material
       }), g.asynchronous = !1, f.add(g)), g.setExtent(b);
       var L = j(b);
-      C == null ? (C = new i.BillboardGroup(y, _), C.addBillboards(L)) : C.updateBillboardsPositions(L);
+      C == null ? (C = new i.BillboardGroup(y, T), C.addBillboards(L)) : C.updateBillboardsPositions(L);
     }
     S.setInputAction(function(b) {
       if (b.position != null) {
@@ -2281,7 +2281,7 @@ var ye = function() {
           if (g == null) {
             v = e.cartesianToCartographic(L);
             var P = Y(v, v);
-            T(P);
+            _(P);
           } else
             y.stopDrawing(), typeof a.callback == "function" && a.callback(Y(v, e.cartesianToCartographic(L)));
       }
@@ -2294,7 +2294,7 @@ var ye = function() {
           var P = c.camera.pickEllipsoid(L, e);
           if (P) {
             var W = Y(v, e.cartesianToCartographic(P));
-            T(W), h.showAt(L, "<p>Drag to change rectangle extent</p><p>Click again to finish drawing</p>");
+            _(W), h.showAt(L, "<p>Drag to change rectangle extent</p><p>Click again to finish drawing</p>");
           }
         }
     }, p.ScreenSpaceEventType.MOUSE_MOVE);
@@ -2306,22 +2306,22 @@ var ye = function() {
     var y = this, c = this._scene, f = this._scene.primitives, h = this._tooltip, v = null, g = null, C = new p.ScreenSpaceEventHandler(c.canvas);
     C.setInputAction(function(S) {
       if (S.position != null) {
-        var T = c.camera.pickEllipsoid(S.position, e);
-        T && (v == null ? (v = new i.CirclePrimitive({
-          center: T,
+        var _ = c.camera.pickEllipsoid(S.position, e);
+        _ && (v == null ? (v = new i.CirclePrimitive({
+          center: _,
           radius: 0,
           asynchronous: !1,
           material: a.material
-        }), f.add(v), g = new i.BillboardGroup(y, _), g.addBillboards([T])) : (typeof a.callback == "function" && a.callback(v.getCenter(), v.getRadius()), y.stopDrawing()));
+        }), f.add(v), g = new i.BillboardGroup(y, T), g.addBillboards([_])) : (typeof a.callback == "function" && a.callback(v.getCenter(), v.getRadius()), y.stopDrawing()));
       }
     }, p.ScreenSpaceEventType.LEFT_DOWN), C.setInputAction(function(S) {
-      var T = S.endPosition;
-      if (T != null)
+      var _ = S.endPosition;
+      if (_ != null)
         if (v == null)
-          h.showAt(T, "<p>Click to start drawing the circle</p>");
+          h.showAt(_, "<p>Click to start drawing the circle</p>");
         else {
-          var b = c.camera.pickEllipsoid(T, e);
-          b && (v.setRadius(p.Cartesian3.distance(v.getCenter(), b)), g.updateBillboardsPositions(b), h.showAt(T, "<p>Move mouse to change circle radius</p><p>Click again to finish drawing</p>"));
+          var b = c.camera.pickEllipsoid(_, e);
+          b && (v.setRadius(p.Cartesian3.distance(v.getCenter(), b)), g.updateBillboardsPositions(b), h.showAt(_, "<p>Move mouse to change circle radius</p><p>Click again to finish drawing</p>"));
         }
     }, p.ScreenSpaceEventType.MOUSE_MOVE);
   }, i.prototype.enhancePrimitives = function() {
@@ -2335,18 +2335,18 @@ var ye = function() {
         s._scene.screenSpaceCameraController.enableRotate = v;
       }
       V(c, "leftDown", function(v) {
-        function g(T) {
-          c.position = T, f.executeListeners({ name: "drag", positions: T });
+        function g(_) {
+          c.position = _, f.executeListeners({ name: "drag", positions: _ });
         }
-        function C(T) {
-          S.destroy(), h(!0), f.executeListeners({ name: "dragEnd", positions: T });
+        function C(_) {
+          S.destroy(), h(!0), f.executeListeners({ name: "dragEnd", positions: _ });
         }
         var S = new p.ScreenSpaceEventHandler(s._scene.canvas);
-        S.setInputAction(function(T) {
-          var b = s._scene.camera.pickEllipsoid(T.endPosition, e);
+        S.setInputAction(function(_) {
+          var b = s._scene.camera.pickEllipsoid(_.endPosition, e);
           b ? g(b) : C(b);
-        }, p.ScreenSpaceEventType.MOUSE_MOVE), S.setInputAction(function(T) {
-          C(s._scene.camera.pickEllipsoid(T.position, e));
+        }, p.ScreenSpaceEventType.MOUSE_MOVE), S.setInputAction(function(_) {
+          C(s._scene.camera.pickEllipsoid(_.position, e));
         }, p.ScreenSpaceEventType.LEFT_UP), h(!1);
       }), X(c);
     };
@@ -2394,8 +2394,8 @@ var ye = function() {
               }
             };
             v.addBillboards(h.positions, C), this._markers = v;
-            for (var S = [], T = 0, b = h.positions.length + (this.isPolygon ? 0 : -1); T < b; T++)
-              S.push(q(T));
+            for (var S = [], _ = 0, b = h.positions.length + (this.isPolygon ? 0 : -1); _ < b; _++)
+              S.push(q(_));
             var L = {
               dragHandlers: {
                 onDragStart: function(N, D) {
@@ -2450,11 +2450,11 @@ var ye = function() {
                 };
                 var v = new i.BillboardGroup(s, k), g = {
                   dragHandlers: {
-                    onDrag: function(S, T) {
+                    onDrag: function(S, _) {
                       var b = v.getBillboard((S + 2) % 4).position;
-                      c.setExtent(Y(e.cartesianToCartographic(b), e.cartesianToCartographic(T))), v.updateBillboardsPositions(j(c.extent));
+                      c.setExtent(Y(e.cartesianToCartographic(b), e.cartesianToCartographic(_))), v.updateBillboardsPositions(j(c.extent));
                     },
-                    onDragEnd: function(S, T) {
+                    onDragEnd: function(S, _) {
                       C();
                     }
                   },
@@ -2463,8 +2463,8 @@ var ye = function() {
                   }
                 };
                 v.addBillboards(j(c.extent), g), this._markers = v, this._globeClickhandler = new p.ScreenSpaceEventHandler(f.canvas), this._globeClickhandler.setInputAction(function(S) {
-                  var T = f.pick(S.position);
-                  T && !T.isDestroyed() && T.primitive || c.setEditMode(!1);
+                  var _ = f.pick(S.position);
+                  _ && !_.isDestroyed() && _.primitive || c.setEditMode(!1);
                 }, p.ScreenSpaceEventType.LEFT_CLICK), v.setOnTop();
               }
               this._editMode = !0;
@@ -2490,7 +2490,7 @@ var ye = function() {
                     c.getRotation() + Math.PI / 2,
                     Math.PI / 2
                   ).splice(0, 4);
-                }, T = function() {
+                }, _ = function() {
                   c.executeListeners({
                     name: "onEdited",
                     center: c.getCenter(),
@@ -2506,7 +2506,7 @@ var ye = function() {
                       b % 2 == 0 ? c.setSemiMajorAxis(P) : c.setSemiMinorAxis(P), g.updateBillboardsPositions(S());
                     },
                     onDragEnd: function(b, L) {
-                      T();
+                      _();
                     }
                   },
                   tooltip: function() {
@@ -2545,7 +2545,7 @@ var ye = function() {
               if (this._markers == null) {
                 let S = function() {
                   return v.getCircleCartesianCoordinates(p.Math.PI_OVER_TWO);
-                }, T = function() {
+                }, _ = function() {
                   c.executeListeners({
                     name: "onEdited",
                     center: c.getCenter(),
@@ -2558,7 +2558,7 @@ var ye = function() {
                       c.setRadius(p.Cartesian3.distance(c.getCenter(), L)), g.updateBillboardsPositions(S());
                     },
                     onDragEnd: function(b, L) {
-                      T();
+                      _();
                     }
                   },
                   tooltip: function() {
@@ -2595,13 +2595,13 @@ var ye = function() {
       $(y, c);
       var f = this, h = document.createElement("DIV");
       h.className = "toolbar", y.container.appendChild(h);
-      function v(S, T, b, L) {
+      function v(S, _, b, L) {
         var P = document.createElement("DIV");
         P.className = "button", P.title = b, h.appendChild(P), P.onclick = L;
         var W = document.createElement("SPAN");
         P.appendChild(W);
         var q = document.createElement("IMG");
-        return q.src = T, W.appendChild(q), P;
+        return q.src = _, W.appendChild(q), P;
       }
       var g = a._scene;
       v("marker", y.markerIcon, "Click to start drawing a 2D marker", function() {
@@ -2639,11 +2639,11 @@ var ye = function() {
         });
       }), v("circle", y.circleIcon, "Click to start drawing a Circle", function() {
         a.startDrawingCircle({
-          callback: function(S, T) {
+          callback: function(S, _) {
             f.executeListeners({
               name: "circleCreated",
               center: S,
-              radius: T
+              radius: _
             });
           }
         });
@@ -2706,7 +2706,7 @@ var ye = function() {
 }();
 const Ur = 2, jr = (e, n) => {
   switch (e) {
-    case re.BOX: {
+    case oe.BOX: {
       if (n.features.length !== Ur)
         throw new Error(`${e} must have 2 points`);
       const t = mt(n.features, (o) => {
@@ -2771,24 +2771,24 @@ const ys = (e) => {
       const M = m;
       if (n.drawing)
         switch (n.type) {
-          case re.POLYGON:
+          case oe.POLYGON:
             u.scene.globe.depthTestAgainstTerrain = !1, M.startDrawingPolygon({
-              callback: (_) => {
+              callback: (T) => {
                 n.handler({
-                  primitive: _,
-                  type: re.POLYGON,
-                  geojson: Kr(_)
+                  primitive: T,
+                  type: oe.POLYGON,
+                  geojson: Kr(T)
                 });
               }
             });
             break;
-          case re.BOX:
+          case oe.BOX:
             u.scene.globe.depthTestAgainstTerrain = !1, M.startDrawingExtent({
-              callback: (_) => {
+              callback: (T) => {
                 n.handler({
-                  primitive: _,
-                  type: re.BOX,
-                  geojson: qr(_)
+                  primitive: T,
+                  type: oe.BOX,
+                  geojson: qr(T)
                 });
               }
             });
@@ -2801,31 +2801,35 @@ const ys = (e) => {
     }
   }, [n, m]);
   const w = (M) => {
-    let _ = M.coordinates !== void 0 ? M.coordinates : jr(M.type, M.geojson);
-    if (r !== !0)
-      switch (M.type) {
-        case re.BOX:
-          return /* @__PURE__ */ l(zr, { coordinates: _, material: o ?? t });
-        case re.POLYGON:
-          return /* @__PURE__ */ l(Vr, { hierarchy: new hi(_), material: o ?? t });
-        default:
-          return /* @__PURE__ */ l(oe, {});
-      }
-    else {
-      switch (M.type) {
-        case re.BOX:
-          _ = Yr(_);
-          break;
-        case re.POLYGON:
-          _ = [..._, _[0]];
-          break;
-        default:
-          return /* @__PURE__ */ l(oe, {});
+    try {
+      let T = M.coordinates !== void 0 ? M.coordinates : jr(M.type, M.geojson);
+      if (r !== !0)
+        switch (M.type) {
+          case oe.BOX:
+            return /* @__PURE__ */ l(zr, { coordinates: T, material: o ?? t });
+          case oe.POLYGON:
+            return /* @__PURE__ */ l(Vr, { hierarchy: new hi(T), material: o ?? t });
+          default:
+            return /* @__PURE__ */ l(ie, {});
+        }
+      else {
+        switch (M.type) {
+          case oe.BOX:
+            T = Yr(T);
+            break;
+          case oe.POLYGON:
+            T = [...T, T[0]];
+            break;
+          default:
+            return /* @__PURE__ */ l(ie, {});
+        }
+        return /* @__PURE__ */ l(Wr, { positions: T, width: d ?? 1, material: o ?? t });
       }
-      return /* @__PURE__ */ l(Wr, { positions: _, width: d ?? 1, material: o ?? t });
+    } catch (T) {
+      return console.error(T), /* @__PURE__ */ l(ie, {});
     }
   };
-  return /* @__PURE__ */ l($r, { ...e, children: e.drawings.map((M, _) => /* @__PURE__ */ B(Hr, { name: M.name, children: [
+  return /* @__PURE__ */ l($r, { ...e, children: e.drawings.map((M, T) => /* @__PURE__ */ B(Hr, { name: M.name, children: [
     /* @__PURE__ */ B(Gr, { children: [
       /* @__PURE__ */ B("h1", { children: [
         "Drawed Entity ",
@@ -2891,28 +2895,28 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
     Y(n, h, f);
   }, [e]);
   const m = (f, h, v) => {
-    const { trigger: g, matchAny: C, regex: S } = e, T = new RegExp(S);
+    const { trigger: g, matchAny: C, regex: S } = e, _ = new RegExp(S);
     let b = g;
     Array.isArray(b) || (b = new Array(g)), b.sort();
     const L = {};
     Array.isArray(v) && b.forEach((q) => {
       L[q] = v;
     });
-    const P = E(b, T);
+    const P = E(b, _);
     let W = {};
     for (let q = 0; q < P.length; q++) {
       const { triggerStr: N, triggerMatch: D, triggerLength: I } = P[q];
       for (let z = h - 1; z >= 0; --z) {
-        const ie = f.substring(z, h).match(T);
+        const re = f.substring(z, h).match(_);
         let ee = -1;
         if (I > 0) {
           const se = D ? z : z - I + 1;
-          if (se < 0 || (w(N, f, se) && (ee = se + I), !ie && ee < 0))
+          if (se < 0 || (w(N, f, se) && (ee = se + I), !re && ee < 0))
             break;
         } else {
-          if (ie && z > 0)
+          if (re && z > 0)
             continue;
-          if (ee = z === 0 && ie ? 0 : z + 1, h - ee === 0)
+          if (ee = z === 0 && re ? 0 : z + 1, h - ee === 0)
             break;
         }
         if (ee >= 0) {
@@ -2939,7 +2943,7 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
     triggerMatch: g.match(h),
     triggerLength: g.length
   })), w = (f, h, v) => !f || !f.length || h.substr(v, f.length) === f, M = (f) => {
-    const { onChange: h, options: v, spaceRemovers: g, spacer: C, value: S } = e, T = n, b = f.target.value, L = Mi(_(f.target)).end;
+    const { onChange: h, options: v, spaceRemovers: g, spacer: C, value: S } = e, _ = n, b = f.target.value, L = Mi(T(f.target)).end;
     if (b.length || F({
       ...r,
       helperVisible: !1
@@ -2950,8 +2954,8 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
     }), !b.length || !L)
       return h(f.target.value);
     if (i && g.length && b.length > 2 && C.length) {
-      for (let P = 0; P < Math.max(T.length, b.length); ++P)
-        if (T[P] !== b[P]) {
+      for (let P = 0; P < Math.max(_.length, b.length); ++P)
+        if (_[P] !== b[P]) {
           if (P >= 2 && b[P - 1] === C && g.indexOf(b[P - 2]) === -1 && g.indexOf(b[P]) !== -1 && !Je(m(b.substring(0, P - 2), L - 3, v))) {
             const W = `${b.slice(0, P - 1)}${b.slice(P, P + 1)}${b.slice(P - 1, P)}${b.slice(P + 1)}`;
             return K(P + 1), u.current !== null && (u.current.value = W), S || F({
@@ -2964,7 +2968,7 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
       o(!1);
     }
     return Y(b, L, v), h(f.target.value);
-  }, _ = (f) => {
+  }, T = (f) => {
     if (f !== void 0)
       if (f.children.length > 0) {
         const h = f.getElementsByTagName("textarea");
@@ -3013,14 +3017,14 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
       helperVisible: !1
     });
   }, j = (f) => {
-    const { spacer: h, onSelect: v, changeOnSelect: g } = e, { matchStart: C, matchLength: S, options: T, trigger: b } = r, L = T[f], P = n, W = P.substring(0, C - b.length), q = P.substring(C + S), N = { target: u.current }, D = g(b, L);
+    const { spacer: h, onSelect: v, changeOnSelect: g } = e, { matchStart: C, matchLength: S, options: _, trigger: b } = r, L = _[f], P = n, W = P.substring(0, C - b.length), q = P.substring(C + S), N = { target: u.current }, D = g(b, L);
     N.target !== null && (N.target.value = `${W}${D}${h}${q}`), M(N), N.target !== null && v(N.target.value), U(), K(W.length + D.length + 1), o(!0);
   }, K = (f) => {
     F({
       ...r,
       caret: f
     });
-    const h = _(u.current);
+    const h = T(u.current);
     Pi(h, f);
   }, F = (f) => {
     setTimeout(() => {
@@ -3032,14 +3036,14 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
     const g = u.current;
     if (u.current === null)
       return;
-    const C = _(g);
+    const C = T(g);
     if (C === void 0)
       return;
-    const S = g.getBoundingClientRect(), T = m(f, h, v);
-    if (Object.keys(T).length > 0 && C !== null) {
+    const S = g.getBoundingClientRect(), _ = m(f, h, v);
+    if (Object.keys(_).length > 0 && C !== null) {
       const b = Li(C, h), L = C.getBoundingClientRect(), { minChars: P, onRequestOptions: W, requestOnlyIfNoOptions: q, mode: N } = e;
       let D, I, z, de = "unset";
-      N === "assist" ? (D = g === C ? b.top + C.offsetTop : b.top + S.top, I = Math.min(b.left + C.offsetLeft - no, C.offsetLeft + L.width - io)) : (D = S.top + g.offsetHeight, I = g.offsetLeft, z = g.offsetLeft - g.offsetWidth, de = `${S.width}px`), T.matchLength >= P && (T.options.length > 1 || T.options.length === 1 && T.options[0].length !== T.matchLength) ? F({
+      N === "assist" ? (D = g === C ? b.top + C.offsetTop : b.top + S.top, I = Math.min(b.left + C.offsetLeft - no, C.offsetLeft + L.width - io)) : (D = S.top + g.offsetHeight, I = g.offsetLeft, z = g.offsetLeft - g.offsetWidth, de = `${S.width}px`), _.matchLength >= P && (_.options.length > 1 || _.options.length === 1 && _.options[0].length !== _.matchLength) ? F({
         ...r,
         value: f,
         helperVisible: !0,
@@ -3047,8 +3051,8 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
         left: I,
         right: z,
         width: de,
-        ...T
-      }) : ((!q || !T.options.length) && W(f.substr(T.matchStart, T.matchLength)), U());
+        ..._
+      }) : ((!q || !_.options.length) && W(f.substr(_.matchStart, _.matchLength)), U());
     } else
       U();
   }, U = () => {
@@ -3060,23 +3064,23 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
       });
     }, 100);
   }, x = () => {
-    const { helperVisible: f, left: h, right: v, matchStart: g, matchLength: C, options: S, selection: T, top: b, value: L, width: P } = r;
+    const { helperVisible: f, left: h, right: v, matchStart: g, matchLength: C, options: S, selection: _, top: b, value: L, width: P } = r;
     if (!f)
       return null;
     const { maxOptions: W, offsetX: q, offsetY: N, direction: D } = e;
     if (S.length === 0)
       return null;
-    if (T >= S.length)
+    if (_ >= S.length)
       return F({
         ...r,
         selection: 0
       }), null;
-    const I = W === 0 ? S.length : W, z = S.slice(0, I).map((ie, ee) => {
-      const se = ie.toLowerCase().indexOf(L.substr(g, C).toLowerCase());
+    const I = W === 0 ? S.length : W, z = S.slice(0, I).map((re, ee) => {
+      const se = re.toLowerCase().indexOf(L.substr(g, C).toLowerCase());
       return /* @__PURE__ */ B(
         "li",
         {
-          className: ee === T ? "active" : void 0,
+          className: ee === _ ? "active" : void 0,
           onClick: () => {
             j(ee);
           },
@@ -3087,19 +3091,19 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
             });
           },
           children: [
-            ie.slice(0, se),
-            /* @__PURE__ */ l("strong", { children: ie.substr(se, C) }),
-            ie.slice(se + C)
+            re.slice(0, se),
+            /* @__PURE__ */ l("strong", { children: re.substr(se, C) }),
+            re.slice(se + C)
           ]
         },
-        ie
+        re
       );
     }), de = D === "ltr" ? { left: h + q } : { right: v + q };
     return /* @__PURE__ */ l("ul", { className: "react-autocomplete-input", style: { ...de, top: b + N, width: P }, children: z });
   }, { Component: $, ComponentProps: R, defaultValue: V, disabled: X, onBlur: s, value: a, ...y } = e, c = Object.assign({}, y);
   return Object.keys(e).forEach((f) => {
     delete c[f];
-  }), /* @__PURE__ */ B(oe, { children: [
+  }), /* @__PURE__ */ B(ie, { children: [
     fe.cloneElement($, {
       disabled: X,
       onBlur: s,
@@ -3293,7 +3297,7 @@ const Ns = fe.memo(
           }
         }
       })();
-      const M = (V) => V.replace(/([A-Z])/g, (X) => "-" + X.toLowerCase()), _ = Fe(() => e !== void 0 ? Object.keys(e).reduce((X, s) => {
+      const M = (V) => V.replace(/([A-Z])/g, (X) => "-" + X.toLowerCase()), T = Fe(() => e !== void 0 ? Object.keys(e).reduce((X, s) => {
         const a = e[s];
         return s = s.startsWith("--") ? s : `--fp-theme-${M(s)}`, X[s] = a, X;
       }, {}) : {}, [e]), [k, H] = A(!1), [j, K] = A(), [F, Y] = A(!1), [U, x] = A(), [$, R] = A();
@@ -3304,7 +3308,7 @@ const Ns = fe.memo(
         {
           style: {
             ...n,
-            ..._
+            ...T
           },
           children: /* @__PURE__ */ l(
             Ii,
@@ -3374,7 +3378,7 @@ export {
   ns as DateTimePicker,
   Bi as DateTimeRangePicker,
   Qo as DateTimeRangePickerFormControl,
-  re as DrawType,
+  oe as DrawType,
   Os as FileHelper,
   Ns as FilePicker,
   Rs as FilePickerActions,