@map-colonies/react-components 4.7.1 → 4.7.2

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

@@ -131,7 +131,7 @@ const hr = 2, mr = 0.5, pr = Fe(
   })
 ), gr = (e) => {
   var j, O, z, k;
-  const n = pr(), t = Xt(), i = an(t), [o, r] = D(null), [c, u] = D(null), [m, p] = D(J.DATE_RANGE_PICKER.dateFormat), E = e.controlsLayout ?? J.DATE_RANGE_PICKER.controlsLayout, L = e.disableFuture ?? J.DATE_RANGE_PICKER.disableFuture, w = ((j = e.local) == null ? void 0 : j.startPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.startPlaceHolderText, P = ((O = e.local) == null ? void 0 : O.endPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.endPlaceHolderText, A = ((z = e.local) == null ? void 0 : z.setText) ?? J.DATE_RANGE_PICKER.local.setText, Y = (((k = e.local) == null ? void 0 : k.calendarLocale) ?? J.DATE_RANGE_PICKER.local.calendarLocale) === he.HE ? Ut : jt;
+  const n = pr(), t = Xt(), i = an(t), [o, r] = D(null), [c, u] = D(null), [m, p] = D(J.DATE_RANGE_PICKER.dateFormat), v = e.controlsLayout ?? J.DATE_RANGE_PICKER.controlsLayout, L = e.disableFuture ?? J.DATE_RANGE_PICKER.disableFuture, w = ((j = e.local) == null ? void 0 : j.startPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.startPlaceHolderText, P = ((O = e.local) == null ? void 0 : O.endPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.endPlaceHolderText, A = ((z = e.local) == null ? void 0 : z.setText) ?? J.DATE_RANGE_PICKER.local.setText, Y = (((k = e.local) == null ? void 0 : k.calendarLocale) ?? J.DATE_RANGE_PICKER.local.calendarLocale) === he.HE ? Ut : jt;
   I(() => {
     r(e.from ?? null);
   }, [e.from]), I(() => {
@@ -152,8 +152,8 @@ const hr = 2, mr = 0.5, pr = Fe(
     {
       className: `${n.container} drpContainer`,
       display: "flex",
-      flexDirection: E,
-      width: E === "column" ? e.contentWidth : "unset",
+      flexDirection: v,
+      width: v === "column" ? e.contentWidth : "unset",
       children: /* @__PURE__ */ N(Kt, { utils: qt, locale: Y, children: [
         /* @__PURE__ */ l(
           rt,
@@ -203,7 +203,7 @@ const Qs = (e) => {
   var O, z;
   const [n, t] = D(null), [i, o] = D(null), [r, c] = D(J.DATE_RANGE_PICKER.dateFormat), [u, m] = Ee.useState(null), p = (k) => {
     m(k.currentTarget);
-  }, E = (k) => {
+  }, v = (k) => {
     k.currentTarget.tagName === "I" ? m(k.currentTarget.previousElementSibling) : m(k.currentTarget);
   }, L = () => {
     m(null);
@@ -224,11 +224,11 @@ const Qs = (e) => {
         readOnly: !0,
         style: { width: e.width },
         value: j,
-        onClick: E,
+        onClick: v,
         trailingIcon: {
           icon: "date_range",
           tabIndex: 0,
-          onClick: E
+          onClick: v
         }
       }
     ),
@@ -263,9 +263,9 @@ const Qs = (e) => {
   timeRangeInputsWrapperClassName: u = "",
   startTimeInputClassName: m = "",
   startTimeLabel: p = "",
-  startTimeWrapperClassName: E = ""
+  startTimeWrapperClassName: v = ""
 }) => /* @__PURE__ */ N("div", { className: `timeRangeWrapper ${u}`, children: [
-  /* @__PURE__ */ l("div", { className: `startTimeWrapper ${E}`, children: /* @__PURE__ */ l(
+  /* @__PURE__ */ l("div", { className: `startTimeWrapper ${v}`, children: /* @__PURE__ */ l(
     We,
     {
       label: p,
@@ -328,7 +328,7 @@ const Qs = (e) => {
       r ? m.id === r && (p || c(void 0)) : p && c(m.id);
     }
   }, [i, r, u]), /* @__PURE__ */ l("div", { className: "shortcutsContainer", children: u.map((m, p) => {
-    const E = () => {
+    const v = () => {
       e(m.startDate), n(m.endDate);
     };
     return /* @__PURE__ */ l(
@@ -337,7 +337,7 @@ const Qs = (e) => {
         type: "button",
         className: `shortcut ${r === m.id ? "selected" : ""}`,
         onClick: (L) => {
-          E(), o == null || o({ startDate: m.startDate, endDate: m.endDate });
+          v(), o == null || o({ startDate: m.startDate, endDate: m.endDate });
         },
         outlined: !0,
         children: m.label
@@ -365,23 +365,23 @@ const Qs = (e) => {
     showMonthYearDropdown: m,
     // withTimeRange,
     withShortcuts: p,
-    locale: E = "en"
+    locale: v = "en"
   } = e, [L, w] = D(null), [P, A] = D(null), [H, Y] = D(!1), G = r ? { startDate: L, endDate: P } : L;
   I(() => {
-    E === "he" && Kn("he", qn);
-  }, [E]), I(() => {
+    v === "he" && Kn("he", qn);
+  }, [v]), I(() => {
     var O, z;
     ((O = e.startDate) == null ? void 0 : O.toString()) !== (L == null ? void 0 : L.toString()) && w(e.startDate), ((z = e.endDate) == null ? void 0 : z.toString()) !== (P == null ? void 0 : P.toString()) && A(e.endDate);
   }, [e.startDate, e.endDate, L, P]);
   const U = Be(() => {
-    let O = "pickerContainer" + (E === "he" ? " pickerContainer-rtl" : "");
+    let O = "pickerContainer" + (v === "he" ? " pickerContainer-rtl" : "");
     return p && r && (O += " pickerContainer-withShortcuts"), O;
-  }, [E, p, r]), j = m ? {
+  }, [v, p, r]), j = m ? {
     showMonthDropdown: !0,
     showYearDropdown: !0,
     dropdownMode: "select"
   } : {};
-  return /* @__PURE__ */ l("div", { className: U, style: { direction: E === "he" ? "rtl" : "ltr" }, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l("div", { className: U, style: { direction: v === "he" ? "rtl" : "ltr" }, children: /* @__PURE__ */ l(
     jn,
     {
       ...e,
@@ -425,7 +425,7 @@ const na = (e) => {
     onChange: u,
     showTime: m = J.DATE_PICKER.showTime,
     value: p,
-    ...E
+    ...v
   } = e, { placeHolderText: L = J.DATE_PICKER.local.placeHolderText, calendarLocale: w } = c ?? {
     placeHolderText: J.DATE_PICKER.local.placeHolderText,
     calendarLocale: he.EN
@@ -442,7 +442,7 @@ const na = (e) => {
         value: p,
         disableFuture: r,
         format: i,
-        ...E
+        ...v
       }
     ),
     !m && /* @__PURE__ */ l(
@@ -454,7 +454,7 @@ const na = (e) => {
         value: p,
         disableFuture: r,
         format: i,
-        ...E
+        ...v
       }
     )
   ] }) });
@@ -469,8 +469,8 @@ const na = (e) => {
     }
   })
 ), wr = (e) => {
-  const n = Cr(), [t, i] = Ee.useState(null), { isSelectionEnabled: o, onCancelDraw: r, onStartDraw: c, onReset: u } = e, m = (E) => {
-    i(E.currentTarget);
+  const n = Cr(), [t, i] = Ee.useState(null), { isSelectionEnabled: o, onCancelDraw: r, onStartDraw: c, onReset: u } = e, m = (v) => {
+    i(v.currentTarget);
   }, p = () => {
     i(null);
   };
@@ -545,8 +545,8 @@ const ut = 5, ht = 2, ln = Me(null), Tr = ln.Provider, Mt = 35, Pt = 32, br = 10
     r.getView().setZoom(e.zoom ?? br);
   }, [r, e.zoom, e.projection]);
   const c = (u, m) => {
-    m.getControls().forEach((E) => {
-      E instanceof u && m.removeControl(E);
+    m.getControls().forEach((v) => {
+      v instanceof u && m.removeControl(v);
     });
   };
   return I(() => {
@@ -691,7 +691,7 @@ const Fr = (e) => {
             isSelectionEnabled: n !== void 0
           }
         ),
-        (m = e.filters) == null ? void 0 : m.map((p, E) => /* @__PURE__ */ l("div", { className: r.filtersMargin, children: p }, E))
+        (m = e.filters) == null ? void 0 : m.map((p, v) => /* @__PURE__ */ l("div", { className: r.filtersMargin, children: p }, v))
       ] }),
       /* @__PURE__ */ l(ot, { color: "red", className: `${r.contentContainer}`, children: e.children })
     ] }),
@@ -857,7 +857,7 @@ const Yr = Jt(
   "KeyboardArrowUp"
 );
 function Zr(e) {
-  const { cellsMetadata: n, isRowSelected: t, item: i, onRowSelected: o, rowIndex: r, isCollapseable: c, collapsedElement: u } = e, [m, p] = D(!1), E = n.length;
+  const { cellsMetadata: n, isRowSelected: t, item: i, onRowSelected: o, rowIndex: r, isCollapseable: c, collapsedElement: u } = e, [m, p] = D(!1), v = n.length;
   return /* @__PURE__ */ N(oe, { children: [
     /* @__PURE__ */ N($e, { hover: !0, selected: t, onClick: () => {
       o == null || o(r);
@@ -883,7 +883,7 @@ function Zr(e) {
         w.id + r.toString()
       ))
     ] }),
-    c && /* @__PURE__ */ l($e, { children: /* @__PURE__ */ l(Ae, { style: { paddingBottom: 0, paddingTop: 0 }, colSpan: E + 1, children: /* @__PURE__ */ l(In, { in: m, unmountOnExit: !0, timeout: "auto", children: u == null ? void 0 : u(i) }) }) })
+    c && /* @__PURE__ */ l($e, { children: /* @__PURE__ */ l(Ae, { style: { paddingBottom: 0, paddingTop: 0 }, colSpan: v + 1, children: /* @__PURE__ */ l(In, { in: m, unmountOnExit: !0, timeout: "auto", children: u == null ? void 0 : u(i) }) }) })
   ] });
 }
 function ga(e) {
@@ -893,7 +893,7 @@ function ga(e) {
     onRequestSort: u,
     onRowSelected: m,
     isCollapseable: p,
-    collapsedElement: E,
+    collapsedElement: v,
     isDense: L,
     page: w,
     rowsPerPage: P,
@@ -924,7 +924,7 @@ function ga(e) {
             rowIndex: j,
             isCollapseable: p,
             cellsMetadata: r,
-            collapsedElement: E,
+            collapsedElement: v,
             isRowSelected: !1,
             onRowSelected: m
           },
@@ -1037,8 +1037,8 @@ const Ia = at, Da = tn, to = (e) => {
           let m = "";
           switch (e.projection) {
             case ge.WEB_MERCATOR: {
-              const E = new $i(r).project(u);
-              m = `Mercator: ${E.y.toFixed(ht)}m, ${E.x.toFixed(
+              const v = new $i(r).project(u);
+              m = `Mercator: ${v.y.toFixed(ht)}m, ${v.x.toFixed(
                 ht
               )}m`, t.current.style.width = "220px";
               break;
@@ -1097,7 +1097,7 @@ const nt = [
   if (m < c.lastLegendUpdate + 250)
     return;
   c.lastLegendUpdate = m;
-  const p = e.scene.canvas.clientWidth, E = e.scene.canvas.clientHeight, L = e.scene.camera.getPickRay(new Ce(p / 2 | 0, E - 1)), w = e.scene.camera.getPickRay(new Ce(1 + p / 2 | 0, E - 1)), P = e.scene.globe, A = P.pick(L, e.scene), H = P.pick(w, e.scene);
+  const p = e.scene.canvas.clientWidth, v = e.scene.canvas.clientHeight, L = e.scene.camera.getPickRay(new Ce(p / 2 | 0, v - 1)), w = e.scene.camera.getPickRay(new Ce(1 + p / 2 | 0, v - 1)), P = e.scene.globe, A = P.pick(L, e.scene), H = P.pick(w, e.scene);
   if (!A || !H)
     return;
   const Y = P.ellipsoid.cartesianToCartographic(A), G = P.ellipsoid.cartesianToCartographic(H);
@@ -1179,17 +1179,17 @@ const At = (e, n) => {
   return t;
 }, oo = ({ locale: e = void 0, valueBy: n = "RENDERED_TILES" }) => {
   const t = se(), [i, o] = D(1), r = ro(1, t), c = pe(() => {
-    const E = t.camera, L = 0.5;
+    const v = t.camera, L = 0.5;
     let w = 0;
     switch (t.scene.mode) {
       case re.SCENE3D:
-        w = t.scene.mapProjection.ellipsoid.cartesianToCartographic(E.positionWC).height;
+        w = t.scene.mapProjection.ellipsoid.cartesianToCartographic(v.positionWC).height;
         break;
       case re.SCENE2D:
-        w = (E.frustum.right - E.frustum.left) * L;
+        w = (v.frustum.right - v.frustum.left) * L;
         break;
       case re.COLUMBUS_VIEW:
-        w = E.position.z;
+        w = v.position.z;
         break;
       default:
         w = 0;
@@ -1197,24 +1197,24 @@ const At = (e, n) => {
     }
     if (r.length > 0) {
       const P = r.reduce((A, H) => Math.abs(H.height - w) < Math.abs(A.height - w) ? H : A);
-      o(P.level);
+      o(P.level), t.currentZoomLevel = P.level;
     }
   }, [t, r]), u = pe(() => {
-    let E = 0;
+    let v = 0;
     t.scene.globe._surface.forEachRenderedTile(function(L) {
-      E = Math.max(E, L.level);
-    }), o(E);
+      v = Math.max(v, L.level);
+    }), o(v), t.currentZoomLevel = v;
   }, [t]), p = Be(() => ({
     CALCULATION: c,
     RENDERED_TILES: u
   }), [c, u])[n];
   return I(() => {
-    const E = t.scene.globe.tileLoadProgressEvent.addEventListener(function() {
+    const v = t.scene.globe.tileLoadProgressEvent.addEventListener(function() {
       t.scene.globe.tilesLoaded && p();
     });
     return t.camera.moveEnd.addEventListener(p), () => {
       try {
-        typeof Z(t, "_cesiumWidget") < "u" && (t.camera.moveEnd.removeEventListener(p), E());
+        typeof Z(t, "_cesiumWidget") < "u" && (t.camera.moveEnd.removeEventListener(p), v());
       } catch (L) {
         console.log('CESIUM camera "moveEnd"(from zoom tracker) remove listener failed', L);
       }
@@ -1269,13 +1269,13 @@ const lo = Fe(
 ), co = (e) => {
   const n = se(), { baseMaps: t } = e, [i, o] = D(" "), [r, c] = D(), u = lo();
   I(() => {
-    const p = t == null ? void 0 : t.maps.find((E) => E.isCurrent);
+    const p = t == null ? void 0 : t.maps.find((v) => v.isCurrent);
     p && (c(p), o(p.title !== void 0 ? p.title : " "));
   }, [t]);
   const m = (p) => {
-    var E, L;
+    var v, L;
     if (t) {
-      (E = n.layersManager) == null || E.removeBaseMapLayers();
+      (v = n.layersManager) == null || v.removeBaseMapLayers();
       const w = t.maps.find((P) => P.id === p);
       w && ((L = n.layersManager) == null || L.setBaseMapLayers(w), c(w), t.maps.forEach((P) => {
         P.isCurrent = w === P;
@@ -1306,13 +1306,13 @@ const lo = Fe(
 const it = "ic_settings_24px", uo = (e) => {
   const [n, t] = D(!1), { sceneModes: i, baseMaps: o, locale: r } = e, c = Se(null), u = Z(r, "MAP_SETTINGS_DIALOG_TITLE") ?? "Map Settings", m = Z(r, "MAP_SETTINGS_SCENE_MODE_TITLE") ?? "Scene Mode", p = Z(r, "MAP_SETTINGS_BASE_MAP_TITLE") ?? "Base Map";
   return I(() => {
-    const E = (L) => {
+    const v = (L) => {
       var A;
       const w = L.target, P = Z(c, "current");
-      P && !P.contains(w) && w.id !== it && ((A = w.parentElement) == null ? void 0 : A.id) !== it && (document.removeEventListener("click", E, !1), t(!1));
+      P && !P.contains(w) && w.id !== it && ((A = w.parentElement) == null ? void 0 : A.id) !== it && (document.removeEventListener("click", v, !1), t(!1));
     };
-    return document.addEventListener("click", E, !1), () => {
-      document.removeEventListener("click", E, !1);
+    return document.addEventListener("click", v, !1), () => {
+      document.removeEventListener("click", v, !1);
     };
   }), /* @__PURE__ */ N(oe, { children: [
     /* @__PURE__ */ l(
@@ -1447,8 +1447,8 @@ function ft(e, n, t, i, o) {
     const r = (u = this.layerListInstance.find(
       /* eslint-disable */
       (m) => {
-        var p, E;
-        return ((p = m._imageryProvider._resource) == null ? void 0 : p._url) === ((E = this._resource) == null ? void 0 : E._url);
+        var p, v;
+        return ((p = m._imageryProvider._resource) == null ? void 0 : p._url) === ((v = this._resource) == null ? void 0 : v._url);
       }
       /* eslint-enable */
     )) == null ? void 0 : u.meta, c = Z(r, je) === !0;
@@ -1457,7 +1457,7 @@ function ft(e, n, t, i, o) {
       (p = this.mapViewer.layersManager) == null || p.addMetaToLayer(
         { [je]: m },
         /* eslint-disable */
-        (E) => E._imageryProvider._resource._url === this._resource._url
+        (v) => v._imageryProvider._resource._url === this._resource._url
       );
     });
   }, 0), e(n, t, i, o);
@@ -1637,8 +1637,8 @@ class wo {
           geometry: m
         }) && (i ? u.show : !0) : (console.warn("[LayerManager] [findLayerByPOI] CesiumImageryLayer has no defined footprint", u.meta), !1);
       }).sort((u, m) => {
-        var p, E;
-        return ((p = m.meta) == null ? void 0 : p.zIndex) - ((E = u.meta) == null ? void 0 : E.zIndex);
+        var p, v;
+        return ((p = m.meta) == null ? void 0 : p.zIndex) - ((v = u.meta) == null ? void 0 : v.zIndex);
       });
     } else
       return console.warn("[LayerManager] [findLayerByPOI]layerManagerFootprintMetaFieldPath is not defined"), [];
@@ -1673,8 +1673,8 @@ class wo {
     this.layers.forEach((u) => {
       var p;
       if (!Z(u.meta, "parentBasetMapId")) {
-        const E = (p = u.meta) == null ? void 0 : p.zIndex;
-        u.meta.zIndex = E >= r && E <= c && E !== t ? E + o : E === t ? i : E;
+        const v = (p = u.meta) == null ? void 0 : p.zIndex;
+        u.meta.zIndex = v >= r && v <= c && v !== t ? v + o : v === t ? i : v;
       }
     });
   }
@@ -1753,6 +1753,7 @@ class Oa extends qi {
   constructor(t, i) {
     super(t, i);
     X(this, "layersManager");
+    X(this, "currentZoomLevel");
     X(this, "useOptimizedTileRequests");
   }
   get shouldOptimizedTileRequests() {
@@ -1769,7 +1770,7 @@ const vn = Me(null), Lo = vn.Provider, se = () => {
   return e;
 }, Aa = (e) => {
   var V, Q, ne, ye, ue, ae, ce, Re;
-  const n = Se(null), [t, i] = D(), [o, r] = D(), [c, u] = D(), [m, p] = D(), [E, L] = D(), [w, P] = D(), [A, H] = D(), [Y, G] = D(!1), [U, j] = D(), O = Se(), [z, k] = D(), [$, te] = D([]), [s, a] = D(), [v, d] = D(!1), y = Se(), [h, C] = D(void 0), [f, T] = D(!1), [_, S] = D(), [b, M] = D(), x = {
+  const n = Se(null), [t, i] = D(), [o, r] = D(), [c, u] = D(), [m, p] = D(), [v, L] = D(), [w, P] = D(), [A, H] = D(), [Y, G] = D(!1), [U, j] = D(), O = Se(), [z, k] = D(), [$, te] = D([]), [s, a] = D(), [E, d] = D(!1), y = Se(), [h, C] = D(void 0), [f, T] = D(!1), [_, S] = D(), [b, M] = D(), x = {
     fullscreenButton: !0,
     timeline: !1,
     animation: !1,
@@ -1926,13 +1927,13 @@ const vn = Me(null), Lo = vn.Provider, se = () => {
       /* @__PURE__ */ N(de, { className: "toolsContainer", children: [
         c && /* @__PURE__ */ l(to, { projection: o }),
         m && /* @__PURE__ */ l(oo, { locale: U, valueBy: "RENDERED_TILES" }),
-        E && /* @__PURE__ */ l(io, { locale: U }),
+        v && /* @__PURE__ */ l(io, { locale: U }),
         w && /* @__PURE__ */ l(To, { locale: U })
       ] }),
       b && /* @__PURE__ */ l(ho, {})
     ] }),
     document.querySelector(".cesium-viewer")
-  ), [s, U, t, o, z, c, E, f, Y]);
+  ), [s, U, t, o, z, c, v, f, Y]);
   return /* @__PURE__ */ l(Si, { className: "viewer", full: !0, ref: n, ...x, children: /* @__PURE__ */ N(Lo, { value: t, children: [
     /* @__PURE__ */ l(
       yo,
@@ -1947,7 +1948,7 @@ const vn = Me(null), Lo = vn.Provider, se = () => {
     ),
     e.children,
     R(),
-    e.imageryContextMenu && v && h && _ && Ee.cloneElement(e.imageryContextMenu, {
+    e.imageryContextMenu && E && h && _ && Ee.cloneElement(e.imageryContextMenu, {
       data: (ue = t == null ? void 0 : t.layersManager) == null ? void 0 : ue.findLayerByPOI(
         h.x,
         h.y,
@@ -1970,7 +1971,7 @@ const vn = Me(null), Lo = vn.Provider, se = () => {
         width: Bt
       },
       handleClose: () => {
-        d(!v);
+        d(!E);
       },
       contextEvt: y.current
     })
@@ -2036,8 +2037,8 @@ const vn = Me(null), Lo = vn.Provider, se = () => {
 }, _o = (e) => /* @__PURE__ */ l(xi, { ...e }), Ga = (e) => /* @__PURE__ */ l(Qt, { ...e }), Mo = (e) => /* @__PURE__ */ l(Qt, { ...e }), Po = (e) => /* @__PURE__ */ l(Ii, { ...e }), xo = (e) => /* @__PURE__ */ l(Di, { ...e }), Io = (e) => /* @__PURE__ */ l(Oi, { ...e }), Do = (e) => /* @__PURE__ */ l(Ai, { ...e });
 var be = function() {
   var e = g.Ellipsoid.WGS84, n, t = g.Material.fromType(g.Material.ColorType);
-  function i(s, a = new g.Color(1, 1, 0, 0.5), v = new g.Color(1, 1, 1, 1)) {
-    this._scene = s.scene, t.uniforms.color = a, n = v, this._tooltip = {
+  function i(s, a = new g.Color(1, 1, 0, 0.5), E = new g.Color(1, 1, 1, 1)) {
+    this._scene = s.scene, t.uniforms.color = a, n = E, this._tooltip = {
       setVisible: () => {
       },
       showAt: () => {
@@ -2045,40 +2046,40 @@ var be = function() {
     }, this._surfaces = [], this.initialiseHandlers(), this.enhancePrimitives();
   }
   i.prototype.initialiseHandlers = function() {
-    var s = this._scene, a = this, v = new g.ScreenSpaceEventHandler(s.canvas);
+    var s = this._scene, a = this, E = new g.ScreenSpaceEventHandler(s.canvas);
     function d(h, C) {
       if (a._handlersMuted != !0) {
         var f = s.pick(C);
         f && f.primitive && f.primitive[h] && f.primitive[h](C);
       }
     }
-    v.setInputAction(function(h) {
+    E.setInputAction(function(h) {
       d("leftClick", h.position);
-    }, g.ScreenSpaceEventType.LEFT_CLICK), v.setInputAction(function(h) {
+    }, g.ScreenSpaceEventType.LEFT_CLICK), E.setInputAction(function(h) {
       d("leftDoubleClick", h.position);
     }, g.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
     var y;
-    v.setInputAction(function(h) {
+    E.setInputAction(function(h) {
       if (a._handlersMuted != !0) {
         var C = s.pick(h.endPosition);
         y && (!C || y != C.primitive) && (!(y.isDestroyed && y.isDestroyed()) && y.mouseOut(h.endPosition), y = null), C && C.primitive && (C = C.primitive, C.mouseOut && (y = C), C.mouseMove && C.mouseMove(h.endPosition));
       }
-    }, g.ScreenSpaceEventType.MOUSE_MOVE), v.setInputAction(function(h) {
+    }, g.ScreenSpaceEventType.MOUSE_MOVE), E.setInputAction(function(h) {
       d("leftUp", h.position);
-    }, g.ScreenSpaceEventType.LEFT_UP), v.setInputAction(function(h) {
+    }, g.ScreenSpaceEventType.LEFT_UP), E.setInputAction(function(h) {
       d("leftDown", h.position);
     }, g.ScreenSpaceEventType.LEFT_DOWN);
-  }, i.prototype.setListener = function(s, a, v) {
-    s[a] = v;
+  }, i.prototype.setListener = function(s, a, E) {
+    s[a] = E;
   }, i.prototype.muteHandlers = function(s) {
     this._handlersMuted = s;
   }, i.prototype.registerEditableShape = function(s) {
     var a = this;
-    $(s, "mouseMove", function(v) {
-      s.setHighlighted(!0), s._editMode || a._tooltip.showAt(v, "Click to edit this shape");
-    }), $(s, "mouseOut", function(v) {
+    $(s, "mouseMove", function(E) {
+      s.setHighlighted(!0), s._editMode || a._tooltip.showAt(E, "Click to edit this shape");
+    }), $(s, "mouseOut", function(E) {
       s.setHighlighted(!1), a._tooltip.setVisible(!1);
-    }), $(s, "leftClick", function(v) {
+    }), $(s, "leftClick", function(E) {
       s.setEditMode(!0);
     });
   }, i.prototype.startDrawing = function(s) {
@@ -2109,7 +2110,7 @@ var be = function() {
     granularity: Math.PI / 180
   }), c = k(o, {}), u = k(o, {}), m = k(o, {}), p = k(r, {
     rotation: 0
-  }), E = k(o, {
+  }), v = k(o, {
     width: 5,
     geodesic: !0,
     granularity: 1e4,
@@ -2122,11 +2123,11 @@ var be = function() {
     }
     return s.prototype.initialiseOptions = function(a) {
       z(this, a), this._ellipsoid = void 0, this._granularity = void 0, this._height = void 0, this._textureRotationAngle = void 0, this._id = void 0, this._createPrimitive = !0, this._primitive = void 0, this._outlinePolygon = void 0;
-    }, s.prototype.setAttribute = function(a, v) {
-      this[a] = v, this._createPrimitive = !0;
+    }, s.prototype.setAttribute = function(a, E) {
+      this[a] = E, this._createPrimitive = !0;
     }, s.prototype.getAttribute = function(a) {
       return this[a];
-    }, s.prototype.update = function(a, v, d) {
+    }, s.prototype.update = function(a, E, d) {
       if (!g.defined(this.ellipsoid))
         throw new g.DeveloperError("this.ellipsoid must be defined.");
       if (!g.defined(this.appearance))
@@ -2167,14 +2168,14 @@ var be = function() {
           }));
         }
         var h = this._primitive;
-        h.appearance.material = this.material, h.debugShowBoundingVolume = this.debugShowBoundingVolume, h.update(a, v, d), this._outlinePolygon && this._outlinePolygon.update(a, v, d);
+        h.appearance.material = this.material, h.debugShowBoundingVolume = this.debugShowBoundingVolume, h.update(a, E, d), this._outlinePolygon && this._outlinePolygon.update(a, E, d);
       }
     }, s.prototype.isDestroyed = function() {
       return !1;
     }, s.prototype.destroy = function() {
       return this._primitive = this._primitive && this._primitive.destroy(), g.destroyObject(this);
-    }, s.prototype.setStrokeStyle = function(a, v) {
-      (!this.strokeColor || !this.strokeColor.equals(a) || this.strokeWidth != v) && (this._createPrimitive = !0, this.strokeColor = a, this.strokeWidth = v);
+    }, s.prototype.setStrokeStyle = function(a, E) {
+      (!this.strokeColor || !this.strokeColor.equals(a) || this.strokeWidth != E) && (this._createPrimitive = !0, this.strokeColor = a, this.strokeWidth = E);
     }, s;
   }();
   i.ExtentPrimitive = function() {
@@ -2301,7 +2302,7 @@ var be = function() {
     }, s;
   }(), i.PolylinePrimitive = function() {
     function s(a) {
-      a = k(a, E), this.initialiseOptions(a);
+      a = k(a, v), this.initialiseOptions(a);
     }
     return s.prototype = new L(), s.prototype.setPositions = function(a) {
       this.setAttribute("positions", a);
@@ -2339,15 +2340,15 @@ var be = function() {
     shiftX: 0,
     shiftY: 0
   };
-  i.prototype.createBillboardGroup = function(s, a, v) {
+  i.prototype.createBillboardGroup = function(s, a, E) {
     var d = new i.BillboardGroup(this, a);
-    return d.addBillboards(s, v), d;
+    return d.addBillboards(s, E), d;
   }, i.BillboardGroup = function(s, a) {
     this._drawHelper = s, this._scene = s._scene, this._options = k(a, w);
-    var v = new g.BillboardCollection();
-    this._scene.primitives.add(v), this._billboards = v, this._orderedBillboards = [];
+    var E = new g.BillboardCollection();
+    this._scene.primitives.add(E), this._billboards = E, this._orderedBillboards = [];
   }, i.BillboardGroup.prototype.createBillboard = function(s, a) {
-    var v = this._billboards.add({
+    var E = this._billboards.add({
       show: !0,
       position: s,
       pixelOffset: new g.Cartesian2(this._options.shiftX, this._options.shiftY),
@@ -2362,17 +2363,17 @@ var be = function() {
       let h = function(f) {
         y.enableRotate = f;
       }, C = function() {
-        for (var f = 0, T = d._orderedBillboards.length; f < T && d._orderedBillboards[f] != v; ++f)
+        for (var f = 0, T = d._orderedBillboards.length; f < T && d._orderedBillboards[f] != E; ++f)
           ;
         return f;
       };
       var d = this, y = this._scene.screenSpaceCameraController;
       if (a.dragHandlers) {
         var d = this;
-        $(v, "leftDown", function(T) {
+        $(E, "leftDown", function(T) {
           function _(M) {
-            v.position = M;
-            for (var x = 0, W = d._orderedBillboards.length; x < W && d._orderedBillboards[x] != v; ++x)
+            E.position = M;
+            for (var x = 0, W = d._orderedBillboards.length; x < W && d._orderedBillboards[x] != E; ++x)
               ;
             a.dragHandlers.onDrag && a.dragHandlers.onDrag(C(), M);
           }
@@ -2388,24 +2389,24 @@ var be = function() {
           }, g.ScreenSpaceEventType.LEFT_UP), h(!1), a.dragHandlers.onDragStart && a.dragHandlers.onDragStart(C(), d._scene.camera.pickEllipsoid(T, e));
         });
       }
-      a.onDoubleClick && $(v, "leftDoubleClick", function(f) {
+      a.onDoubleClick && $(E, "leftDoubleClick", function(f) {
         a.onDoubleClick(C());
-      }), a.onClick && $(v, "leftClick", function(f) {
+      }), a.onClick && $(E, "leftClick", function(f) {
         a.onClick(C());
-      }), a.tooltip && ($(v, "mouseMove", function(f) {
+      }), a.tooltip && ($(E, "mouseMove", function(f) {
         d._drawHelper._tooltip.showAt(f, a.tooltip());
-      }), $(v, "mouseOut", function(f) {
+      }), $(E, "mouseOut", function(f) {
         d._drawHelper._tooltip.setVisible(!1);
       }));
     }
-    return v;
-  }, i.BillboardGroup.prototype.insertBillboard = function(s, a, v) {
-    this._orderedBillboards.splice(s, 0, this.createBillboard(a, v));
+    return E;
+  }, i.BillboardGroup.prototype.insertBillboard = function(s, a, E) {
+    this._orderedBillboards.splice(s, 0, this.createBillboard(a, E));
   }, i.BillboardGroup.prototype.addBillboard = function(s, a) {
     this._orderedBillboards.push(this.createBillboard(s, a));
   }, i.BillboardGroup.prototype.addBillboards = function(s, a) {
-    for (var v = 0; v < s.length; v++)
-      this.addBillboard(s[v], a);
+    for (var E = 0; E < s.length; E++)
+      this.addBillboard(s[E], a);
   }, i.BillboardGroup.prototype.updateBillboardsPositions = function(s) {
     for (var a = 0; a < s.length; a++)
       this.getBillboard(a).position = s[a];
@@ -2424,13 +2425,13 @@ var be = function() {
     this.startDrawing(function() {
       h.remove(), C.destroy(), y.setVisible(!1);
     });
-    var v = this, d = this._scene;
+    var E = this, d = this._scene;
     d.primitives;
     var y = this._tooltip, h = new i.BillboardGroup(this, a), C = new g.ScreenSpaceEventHandler(d.canvas);
     C.setInputAction(function(f) {
       if (f.position != null) {
         var T = d.camera.pickEllipsoid(f.position, e);
-        T && (h.addBillboard(T), v.stopDrawing(), a.callback(T));
+        T && (h.addBillboard(T), E.stopDrawing(), a.callback(T));
       }
     }, g.ScreenSpaceEventType.LEFT_CLICK), C.setInputAction(function(f) {
       var T = f.endPosition;
@@ -2446,13 +2447,13 @@ var be = function() {
     var a = k(a, r);
     this.startDrawingPolyshape(!0, a);
   }, i.prototype.startDrawingPolyline = function(a) {
-    var a = k(a, E);
+    var a = k(a, v);
     this.startDrawingPolyshape(!1, a);
   }, i.prototype.startDrawingPolyshape = function(s, a) {
     this.startDrawing(function() {
       y.remove(f), _.remove(), S.destroy(), h.setVisible(!1), G(d);
     });
-    var v = this, d = this._scene, y = d.primitives, h = this._tooltip, C = s ? 3 : 2, f;
+    var E = this, d = this._scene, y = d.primitives, h = this._tooltip, C = s ? 3 : 2, f;
     s ? f = new be.PolygonPrimitive(a) : f = new be.PolylinePrimitive(a), f.asynchronous = !1, y.add(f);
     var T = [], _ = new i.BillboardGroup(this, w), S = new g.ScreenSpaceEventHandler(d.canvas);
     Y(d), S.setInputAction(function(b) {
@@ -2478,7 +2479,7 @@ var be = function() {
         if (T.length < C + 2)
           return;
         var x = d.camera.pickEllipsoid(M, e);
-        x && (G(d), v.stopDrawing(), typeof a.callback == "function" && (T.length - 1, a.callback(T)));
+        x && (G(d), E.stopDrawing(), typeof a.callback == "function" && (T.length - 1, a.callback(T)));
       }
     }, g.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
   };
@@ -2501,7 +2502,7 @@ var be = function() {
     this.startDrawing(function() {
       f != null && y.remove(f), T != null && T.remove(), _.destroy(), h.setVisible(!1), G(d);
     });
-    var v = this, d = this._scene, y = this._scene.primitives, h = this._tooltip, C = null, f = null, T = null, _ = new g.ScreenSpaceEventHandler(d.canvas);
+    var E = this, d = this._scene, y = this._scene.primitives, h = this._tooltip, C = null, f = null, T = null, _ = new g.ScreenSpaceEventHandler(d.canvas);
     Y(d);
     function S(b) {
       f == null && (f = new be.ExtentPrimitive({
@@ -2509,7 +2510,7 @@ var be = function() {
         material: a.material
       }), f.asynchronous = !1, y.add(f)), f.setExtent(b);
       var M = H(b);
-      T == null ? (T = new i.BillboardGroup(v, w), T.addBillboards(M)) : T.updateBillboardsPositions(M);
+      T == null ? (T = new i.BillboardGroup(E, w), T.addBillboards(M)) : T.updateBillboardsPositions(M);
     }
     _.setInputAction(function(b) {
       if (b.position != null) {
@@ -2520,7 +2521,7 @@ var be = function() {
             var x = U(C, C);
             S(x);
           } else
-            v.stopDrawing(), typeof a.callback == "function" && a.callback(U(C, e.cartesianToCartographic(M)));
+            E.stopDrawing(), typeof a.callback == "function" && a.callback(U(C, e.cartesianToCartographic(M)));
       }
     }, g.ScreenSpaceEventType.LEFT_DOWN), _.setInputAction(function(b) {
       var M = b.endPosition;
@@ -2540,7 +2541,7 @@ var be = function() {
     this.startDrawing(function() {
       C != null && y.remove(C), f.remove(), T.destroy(), h.setVisible(!1);
     });
-    var v = this, d = this._scene, y = this._scene.primitives, h = this._tooltip, C = null, f = null, T = new g.ScreenSpaceEventHandler(d.canvas);
+    var E = this, d = this._scene, y = this._scene.primitives, h = this._tooltip, C = null, f = null, T = new g.ScreenSpaceEventHandler(d.canvas);
     T.setInputAction(function(_) {
       if (_.position != null) {
         var S = d.camera.pickEllipsoid(_.position, e);
@@ -2549,7 +2550,7 @@ var be = function() {
           radius: 0,
           asynchronous: !1,
           material: a.material
-        }), y.add(C), f = new i.BillboardGroup(v, w), f.addBillboards([S])) : (typeof a.callback == "function" && a.callback(C.getCenter(), C.getRadius()), v.stopDrawing()));
+        }), y.add(C), f = new i.BillboardGroup(E, w), f.addBillboards([S])) : (typeof a.callback == "function" && a.callback(C.getCenter(), C.getRadius()), E.stopDrawing()));
       }
     }, g.ScreenSpaceEventType.LEFT_DOWN), T.setInputAction(function(_) {
       var S = _.endPosition;
@@ -2590,7 +2591,7 @@ var be = function() {
     function a(d) {
       s._scene, !(this._highlighted && this._highlighted == d) && this._editMode !== !0 && (this._highlighted = d, d ? (s.setHighlighted(this), this._strokeColor = this.strokeColor, this.setStrokeStyle(g.Color.fromCssColorString("white"), this.strokeWidth)) : this._strokeColor ? this.setStrokeStyle(this._strokeColor, this.strokeWidth) : this.setStrokeStyle(void 0, void 0));
     }
-    function v(d) {
+    function E(d) {
       if (this._editMode != d)
         if (s.disableAllHighlights(), d) {
           s.setEdited(this);
@@ -2661,7 +2662,7 @@ var be = function() {
     be.PolylinePrimitive.prototype.setEditable = function() {
       if (!this.setEditMode) {
         var d = this;
-        d.isPolygon = !1, d.asynchronous = !1, s.registerEditableShape(d), d.setEditMode = v;
+        d.isPolygon = !1, d.asynchronous = !1, s.registerEditableShape(d), d.setEditMode = E;
         var y = this.width;
         d.setHighlighted = function(h) {
           this._editMode !== !0 && (h ? (s.setHighlighted(this), this.setWidth(y * 2)) : this.setWidth(y));
@@ -2671,7 +2672,7 @@ var be = function() {
       }
     }, be.PolygonPrimitive.prototype.setEditable = function() {
       var d = this;
-      d.asynchronous = !1, s._scene, s.registerEditableShape(d), d.setEditMode = v, d.setHighlighted = a, te(d), d.setEditMode(!1);
+      d.asynchronous = !1, s._scene, s.registerEditableShape(d), d.setEditMode = E, d.setHighlighted = a, te(d), d.setEditMode(!1);
     }, be.ExtentPrimitive.prototype.setEditable = function() {
       if (!this.setEditMode) {
         var d = this, y = s._scene;
@@ -2814,8 +2815,8 @@ var be = function() {
       }
     };
   }, i.DrawHelperWidget = function() {
-    function s(a, v) {
-      if (!g.defined(v.container))
+    function s(a, E) {
+      if (!g.defined(E.container))
         throw new g.DeveloperError("Container is required");
       var d = {
         markerIcon: "./assets/img/glyphicons_242_google_maps.png",
@@ -2824,14 +2825,14 @@ var be = function() {
         circleIcon: "./assets/img/glyphicons_095_vector_path_circle.png",
         extentIcon: "./assets/img/glyphicons_094_vector_path_square.png",
         clearIcon: "./assets/img/glyphicons_067_cleaning.png",
-        polylineDrawingOptions: E,
+        polylineDrawingOptions: v,
         polygonDrawingOptions: c,
         extentDrawingOptions: u,
         circleDrawingOptions: m
       };
-      z(v, d);
+      z(E, d);
       var y = this, h = document.createElement("DIV");
-      h.className = "toolbar", v.container.appendChild(h);
+      h.className = "toolbar", E.container.appendChild(h);
       function C(_, S, b, M) {
         var x = document.createElement("DIV");
         x.className = "button", x.title = b, h.appendChild(x), x.onclick = M;
@@ -2841,7 +2842,7 @@ var be = function() {
         return q.src = S, W.appendChild(q), x;
       }
       var f = a._scene;
-      C("marker", v.markerIcon, "Click to start drawing a 2D marker", function() {
+      C("marker", E.markerIcon, "Click to start drawing a 2D marker", function() {
         a.startDrawingMarker({
           callback: function(_) {
             y.executeListeners({
@@ -2850,7 +2851,7 @@ var be = function() {
             });
           }
         });
-      }), C("polyline", v.polylineIcon, "Click to start drawing a 2D polyline", function() {
+      }), C("polyline", E.polylineIcon, "Click to start drawing a 2D polyline", function() {
         a.startDrawingPolyline({
           callback: function(_) {
             y.executeListeners({
@@ -2859,7 +2860,7 @@ var be = function() {
             });
           }
         });
-      }), C("polygon", v.polygonIcon, "Click to start drawing a 2D polygon", function() {
+      }), C("polygon", E.polygonIcon, "Click to start drawing a 2D polygon", function() {
         a.startDrawingPolygon({
           callback: function(_) {
             y.executeListeners({
@@ -2868,13 +2869,13 @@ var be = function() {
             });
           }
         });
-      }), C("extent", v.extentIcon, "Click to start drawing an Extent", function() {
+      }), C("extent", E.extentIcon, "Click to start drawing an Extent", function() {
         a.startDrawingExtent({
           callback: function(_) {
             y.executeListeners({ name: "extentCreated", extent: _ });
           }
         });
-      }), C("circle", v.circleIcon, "Click to start drawing a Circle", function() {
+      }), C("circle", E.circleIcon, "Click to start drawing a Circle", function() {
         a.startDrawingCircle({
           callback: function(_, S) {
             y.executeListeners({
@@ -2886,7 +2887,7 @@ var be = function() {
         });
       });
       var T = document.createElement("DIV");
-      T.className = "divider", h.appendChild(T), C("clear", v.clearIcon, "Remove all primitives", function() {
+      T.className = "divider", h.appendChild(T), C("clear", E.clearIcon, "Remove all primitives", function() {
         f.primitives.removeAll();
       }), te(this);
     }
@@ -2895,10 +2896,10 @@ var be = function() {
     return a = k(a, { container: s }), new i.DrawHelperWidget(this, a);
   };
   function U(s, a) {
-    var v = new g.Rectangle();
-    v.west = Math.min(s.longitude, a.longitude), v.east = Math.max(s.longitude, a.longitude), v.south = Math.min(s.latitude, a.latitude), v.north = Math.max(s.latitude, a.latitude);
+    var E = new g.Rectangle();
+    E.west = Math.min(s.longitude, a.longitude), E.east = Math.max(s.longitude, a.longitude), E.south = Math.min(s.latitude, a.latitude), E.north = Math.max(s.latitude, a.latitude);
     var d = g.Math.EPSILON7;
-    return v.east - v.west < d && (v.east += d * 2), v.north - v.south < d && (v.north += d * 2), v;
+    return E.east - E.west < d && (E.east += d * 2), E.north - E.south < d && (E.north += d * 2), E;
   }
   function j(s, a) {
     return s.longitude.toFixed(a || 3) + ", " + s.latitude.toFixed(a || 3);
@@ -2909,34 +2910,34 @@ var be = function() {
     if (s.constructor == Date || s.constructor == RegExp || s.constructor == Function || s.constructor == String || s.constructor == Number || s.constructor == Boolean)
       return new s.constructor(s);
     a = a || new s.constructor();
-    for (var v in s)
-      a[v] = typeof a[v] > "u" ? O(s[v], null) : a[v];
+    for (var E in s)
+      a[E] = typeof a[E] > "u" ? O(s[E], null) : a[E];
     return a;
   }
   function z(s, a) {
     s = s || {};
-    var v;
-    for (v in a)
-      s[v] === void 0 && (s[v] = O(a[v]));
+    var E;
+    for (E in a)
+      s[E] === void 0 && (s[E] = O(a[E]));
   }
   function k(s, a) {
-    var v = O(s), d;
+    var E = O(s), d;
     for (d in a)
-      v[d] === void 0 && (v[d] = O(a[d]));
-    return v;
+      E[d] === void 0 && (E[d] = O(a[d]));
+    return E;
   }
-  function $(s, a, v) {
-    s[a] = v;
+  function $(s, a, E) {
+    s[a] = E;
   }
   function te(s) {
-    s._listeners = {}, s.addListener = function(a, v) {
-      return this._listeners[a] = this._listeners[a] || [], this._listeners[a].push(v), this._listeners[a].length;
-    }, s.executeListeners = function(a, v) {
+    s._listeners = {}, s.addListener = function(a, E) {
+      return this._listeners[a] = this._listeners[a] || [], this._listeners[a].push(E), this._listeners[a].length;
+    }, s.executeListeners = function(a, E) {
       if (this._listeners[a.name] && this._listeners[a.name].length > 0)
         for (var d = 0; d < this._listeners[a.name].length; d++)
           this._listeners[a.name][d](a);
       else
-        v && v(a);
+        E && E(a);
     };
   }
   return i;
@@ -3037,7 +3038,7 @@ const za = (e) => {
         L.stopDrawing(), u.scene.globe.depthTestAgainstTerrain = !0;
     }
   }, [n, m]);
-  const E = (L) => {
+  const v = (L) => {
     try {
       let w = L.coordinates !== void 0 ? L.coordinates : Ao(L.type, L.geojson);
       if (r !== !0)
@@ -3074,7 +3075,7 @@ const za = (e) => {
       ] }),
       /* @__PURE__ */ l("p", { children: "This is description of drawed entity" })
     ] }),
-    E(L)
+    v(L)
   ] }, L.id)) });
 }, $a = (e) => {
   const n = se();
@@ -3085,10 +3086,10 @@ const za = (e) => {
   const n = se(), t = (r, c = ",") => r.slice(r.indexOf(`
 `) + 1).split(`
 `).map((p) => {
-    const E = p.split(c);
+    const v = p.split(c);
     return {
-      cartographic: He.fromDegrees(parseFloat(E[0]), parseFloat(E[1])),
-      cartesian: new Ce(parseFloat(E[0]), parseFloat(E[1]))
+      cartographic: He.fromDegrees(parseFloat(v[0]), parseFloat(v[1])),
+      cartesian: new Ce(parseFloat(v[0]), parseFloat(v[1]))
     };
   }), i = (r) => {
     var u;
@@ -3096,11 +3097,11 @@ const za = (e) => {
     const c = new FileReader();
     c.onload = (m) => {
       var w;
-      const p = (w = m.target) == null ? void 0 : w.result, E = t(p), L = en.WGS84;
+      const p = (w = m.target) == null ? void 0 : w.result, v = t(p), L = en.WGS84;
       console.log(`Loaded CSV content:
 `, p), Qi(
         n.terrainProvider,
-        E.map((P) => P.cartographic)
+        v.map((P) => P.cartographic)
       ).then(
         (P) => {
           console.log(P), P = P.slice(0, P.length - 1), n.scene.globe.depthTestAgainstTerrain = !0, n.entities.suspendEvents(), n.entities.removeAll(), P.forEach((A, H) => {
@@ -3123,12 +3124,12 @@ const za = (e) => {
                 pixelOffset: new Ce(0, Bo)
               },
               description: `
-                Long: ${E[H].cartesian.x} </br>
-                Lat: ${E[H].cartesian.y} </br>
+                Long: ${v[H].cartesian.x} </br>
+                Lat: ${v[H].cartesian.y} </br>
                 Height(m): <span style="font-weight: 500">${A.height}</span>
               `
             });
-          }), n.entities.resumeEvents(), r.target.files !== null && (o(`terranian_heights_${r.target.files[0].name}`, E), r.target.value = ""), console.log("Pinned point count is ", n.entities.values.length);
+          }), n.entities.resumeEvents(), r.target.files !== null && (o(`terranian_heights_${r.target.files[0].name}`, v), r.target.value = ""), console.log("Pinned point count is ", n.entities.values.length);
         },
         (P) => {
           console.error("ERROR while sampleTerrainMostDetailed:", P);
@@ -3146,8 +3147,8 @@ const za = (e) => {
     c.forEach((w) => {
       m += u(w);
     });
-    const p = new Blob([m], { type: "text/csv;charset=utf-8;" }), E = document.createElement("a"), L = URL.createObjectURL(p);
-    E.setAttribute("href", L), E.setAttribute("download", r), E.style.visibility = "hidden", document.body.appendChild(E), E.click(), document.body.removeChild(E);
+    const p = new Blob([m], { type: "text/csv;charset=utf-8;" }), v = document.createElement("a"), L = URL.createObjectURL(p);
+    v.setAttribute("href", L), v.setAttribute("download", r), v.style.visibility = "hidden", document.body.appendChild(v), v.click(), document.body.removeChild(v);
   };
   return /* @__PURE__ */ l(oe, { children: /* @__PURE__ */ l(
     "input",
@@ -3205,7 +3206,7 @@ const Fo = 38, Ho = 40, Go = 13, Vo = 14, zo = 27, $o = 9, Wo = 10, Uo = 100, jo
         let ae = -1;
         if (Q > 0) {
           const ce = V ? ne : ne - Q + 1;
-          if (ce < 0 || (E(R, y, ce) && (ae = ce + Q), !ue && ae < 0))
+          if (ce < 0 || (v(R, y, ce) && (ae = ce + Q), !ue && ae < 0))
             break;
         } else {
           if (ue && ne > 0)
@@ -3236,7 +3237,7 @@ const Fo = 38, Ho = 40, Go = 13, Vo = 14, zo = 27, $o = 9, Wo = 10, Uo = 100, jo
     triggerStr: f,
     triggerMatch: f.match(h),
     triggerLength: f.length
-  })), E = (y, h, C) => !y || !y.length || h.substr(C, y.length) === y, L = (y) => {
+  })), v = (y, h, C) => !y || !y.length || h.substr(C, y.length) === y, L = (y) => {
     const { onChange: h, options: C, spaceRemovers: f, spacer: T, value: _ } = e, S = n, b = y.target.value, M = or(w(y.target)).end;
     if (b.length || G({
       ...r,
@@ -3394,7 +3395,7 @@ const Fo = 38, Ho = 40, Go = 13, Vo = 14, zo = 27, $o = 9, Wo = 10, Uo = 100, jo
       );
     }), ye = V === "ltr" ? { left: h + q } : { right: C + q };
     return /* @__PURE__ */ l("ul", { className: "react-autocomplete-input", style: { ...ye, top: b + R, width: x }, children: ne });
-  }, { Component: z, ComponentProps: k, defaultValue: $, disabled: te, onBlur: s, value: a, ...v } = e, d = Object.assign({}, v);
+  }, { Component: z, ComponentProps: k, defaultValue: $, disabled: te, onBlur: s, value: a, ...E } = e, d = Object.assign({}, E);
   return Object.keys(e).forEach((y) => {
     delete d[y];
   }), /* @__PURE__ */ N(oe, { children: [
@@ -3576,7 +3577,7 @@ const qa = Ee.memo(
       onFileAction: u,
       ...m
     }, p) => {
-      const E = pe(
+      const v = pe(
         ($) => null,
         // file.thumbnailUrl ? `https://chonky.io${file.thumbnailUrl}` : null,
         []
@@ -3613,7 +3614,7 @@ const qa = Ee.memo(
               onFileAction: ($) => {
                 typeof u == "function" && u($);
               },
-              thumbnailGenerator: E,
+              thumbnailGenerator: v,
               defaultFileViewActionId: H,
               disableDragAndDrop: G,
               fileActions: j,