@map-colonies/react-components 3.15.0 → 4.0.1

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

@@ -0,0 +1,3662 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('body[dir=rtl] .drpOpener .mdc-text-field{direction:ltr}body[dir=rtl] .drpContainer .MuiInputLabel-formControl{right:0px;left:unset}body[dir=rtl] .drpContainer .MuiInputBase-input{direction:ltr;text-align:end}.map{height:100%;width:100%}.ol-mouse-position{top:auto!important;right:auto!important;bottom:8px;left:8px;background-color:#fff;opacity:.7;font-size:12px;padding:2px;border-radius:2px}.ol-zoom{top:2.5em;right:.5em;left:unset}.trackerPosition{background-color:var(--mdc-theme-surface);z-index:2000;padding:2px;border-radius:2px;font-size:12px;height:24px;text-align:center;line-height:20px;white-space:nowrap}.scalePosition{background-color:var(--mdc-theme-surface);padding:1px;border-radius:2px;font-size:12px;width:110px}.distance-legend-label{text-align:center}.distance-legend-scale-bar{background:var(--mdc-theme-on-surface);margin:0 auto;display:block;transition:all .5s ease-in-out}.zoomLevel{z-index:2000;background-color:var(--mdc-theme-surface);border-radius:2px;padding:2px;height:24px}.zoomLevelValue{margin:2px;font-size:14px;line-height:10px;text-align:center}.zoomLevelLabel{font-size:8px;line-height:8px}.mapViewIcon{fill:#fff;width:40px;height:40px;background:#303336;border:1px solid #444;border-radius:4px}.mapViewIcon:hover{background:#48b;border-color:#aef}.mapViewCurrent{fill:#aef;border:1px solid #aef;border-radius:4px}.mapSelector{width:260px;list-style:none;padding-left:0;display:flex;flex-wrap:wrap;grid-gap:4px;min-height:140px;margin-block-start:0px;padding-inline-start:0px}.mapContainerSelected{border:blueviolet 2px solid!important;border-radius:2px}.mapContainer:hover{border:tomato 2px solid;border-radius:2px}.mapContainerImg{width:100%;height:100%}.mapLabel{font-size:12px}.mapLabel:before{content:"\\a0"}.mapScenesContainer{display:flex;gap:8px}.settingsIconContainer,.mapLegendToggleContainer{fill:#fff;width:40px;height:40px;background:#303336;border:1px solid #444;border-radius:4px}.settingsIconContainer:hover,.mapLegendToggleContainer:hover{background:#48b;border-color:#aef}.baseMapsContainer{margin-top:12px;min-height:58%}.settingsDialogPortal{transform:translateZ(0);height:calc(100vh - 220px);max-height:460px;width:280px;position:absolute;top:40px;right:80px}.settingsDialogPortal .mdc-dialog__container{align-items:unset}.settingsDialogPortal .mdc-dialog .mdc-dialog__surface{max-height:unset}body[dir=rtl] .settingsDialogPortal{left:80px;right:unset}.sectionLabel{margin-block-end:.5em}.mapLegendSidebarContainer{width:340px;height:100%;position:relative;overflow-y:auto;overflow-x:hidden;font-size:16px}.mapLegendSidebarContainer.mdc-drawer--animate{transform:translate(0)!important;transition:none!important}.mapLegendSidebarContainer.mdc-drawer--dismissible{position:relative}div.MuiPaper-root{transition:none!important}.mapLegendCloseBtn{position:absolute;top:0;right:0;cursor:pointer;width:50px;height:50px;padding:20px;font-size:24px}body[dir=rtl] .mapLegendCloseBtn{right:unset;left:0}.mapLegendToggleContainer{display:flex;align-items:center;justify-content:center}.mapLegendIcon{width:2rem;height:2rem;transform:translate(8%,8%)}.sidebarHeaderContainer{text-align:center;margin-top:40px}.sidebarTitle{font-size:1.5rem;font-weight:700}.mapLegend{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 14px}.layerNameContainer{width:90%;display:flex;justify-content:center;align-items:center}.layerName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legendImg{width:90%;height:150px;border:1px solid black;border-radius:5px;object-fit:cover;cursor:pointer}.legendActionsContainer{display:flex;flex-direction:row;align-self:center}.legendAction:not(:last-child):after{content:"|";margin:0 4px}.mapLegendsList{display:flex;flex-direction:column;padding:20px 0;width:100%;height:90%}.legendAction{text-decoration:underline;cursor:pointer;font-size:1.1rem;transition:all .1s ease-in-out;width:max-content}.legendAction:hover{filter:brightness(1.2)}.noLegendsContainer{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.noLegendsMsg{text-align:center}.cesium-widget-credits{display:none!important}.cesium-viewer-fullscreenContainer{bottom:8px;right:8px;left:unset}body[dir=rtl] .cesium-viewer-fullscreenContainer{left:8px;right:unset}body[dir=rtl] .cesium-viewer-toolbar{left:5px;right:unset}.cesium-button.cesium-fullscreenButton{border-radius:14%}.toolsContainer{color:var(--mdc-theme-on-surface);display:flex;gap:8px;z-index:2000;position:absolute;bottom:12px;right:40px;opacity:.7}body[dir=rtl] .toolsContainer{left:40px;right:unset}.sideToolsContainer{display:flex;flex-direction:row;gap:8px;z-index:2000;position:absolute;top:12px;right:40px}body[dir=rtl] .sideToolsContainer{left:40px;right:unset}.viewer{display:flex;flex-direction:row}.twipsy{display:block;position:absolute;visibility:visible;max-width:200px;min-width:100px;padding:5px;font-size:11px;z-index:1000;opacity:.8;-khtml-opacity:.8;-moz-opacity:.8;filter:alpha(opacity=80)}.twipsy.left .twipsy-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000}.twipsy.right .twipsy-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000}.twipsy-inner{padding:3px 8px;background-color:#000;color:#fff;text-align:center;max-width:200px;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.twipsy-arrow{position:absolute;width:0;height:0}.toolbar{margin:0;padding:0;background:white}.toolbar>.button{margin:5px;padding:5px;border:1px solid #eee;cursor:pointer}.toolbar>.button:hover{background:#eee}.infoWindow{position:absolute;min-width:100px;max-width:300px}.infoWindow #frame{padding:10px;border:1px solid black;background:white}.infoWindow #close{float:right;margin:5px 2px;font-size:small;color:gray;cursor:pointer}.infoWindow #arrow{position:absolute;bottom:-8px;left:50%;margin-left:-10px;border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid white}.react-autocomplete-input{background-clip:padding-box;background-color:#fff;bottom:auto;box-shadow:0 6px 12px #0000002d;display:block;font-size:14px;list-style:none;padding:1px;position:absolute;z-index:20000;margin-block-start:unset;margin-block-end:unset}.react-autocomplete-input>li{cursor:pointer;padding:10px;min-width:100px}.react-autocomplete-input>li.active{background-color:#337ab7;color:#fff}body[dir=rtl] .chonky-fileListWrapper [class^=listContainer-]{direction:rtl!important}body[dir=rtl] .chonky-fileEntryClickableWrapper [class^=listFileEntryProperty-],body[dir=rtl] .chonky-navbarContainer{direction:ltr!important}body[dir=rtl] .chonky-chonkyRoot{text-align:right}body[dir=rtl] .chonky-infoText{margin-left:unset;margin-right:12px}body[dir=rtl] .chonky-contextMenuList .MuiListItemText-root,body[dir=rtl] .chonky-dropdownList .MuiListItemText-root{text-align:right}body[dir=rtl] .chonky-icon{margin-right:unset;margin-left:8px}.chonky-chonkyRoot div[class^=folderBackSide]{box-shadow:unset}.chonky-chonkyRoot div[class^=folderBackSide]:after{border-color:var(--fp-theme-background, #fff) var(--fp-theme-background, #fff) transparent transparent}.chonky-chonkyRoot div[class^=listFileEntryIcon-]{color:#d5d5d5}.chonky-chonkyRoot div[class*=previewFile-d]{background-color:#d5d5d5}.chonky-chonkyRoot div[class^=selectionIndicator-]{background:var(--fp-theme-selection-background, #455570)}.chonky-chonkyRoot{background-color:var(--fp-theme-background, #fff)!important}.chonky-contextMenuList{background-color:var(--fp-theme-surface, #fff)!important}button[class*=chonky-activeButton],.chonky-selectionSizeText{color:var(--fp-theme-primary, #24aee9)!important}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+var Ut = Object.defineProperty;
+var Wt = (e, i, t) => i in e ? Ut(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t;
+var J = (e, i, t) => (Wt(e, typeof i != "symbol" ? i + "" : i, t), t);
+import { jsx as l, jsxs as D, Fragment as oe } from "react/jsx-runtime";
+import ve, { useState as k, useEffect as I, useMemo as ft, createContext as Se, useRef as Le, useContext as Pe, useCallback as ge, useLayoutEffect as jt } from "react";
+import { isValid as Ee, isBefore as Kt, format as rt } from "date-fns";
+import { he as yt, enUS as vt } from "date-fns/locale";
+import { MuiPickersUtilsProvider as Et, KeyboardDateTimePicker as Ue, KeyboardDatePicker as qt } from "@material-ui/pickers";
+import Ct from "@date-io/date-fns";
+import { createTheme as Yt, makeStyles as Me, createStyles as Re } from "@material-ui/core/styles";
+import { Box as Xt, ThemeProvider as wt, Popover as Zt, Paper as We, TableRow as ke, TableCell as we, TableSortLabel as Jt, IconButton as Qt, Collapse as ei, TableContainer as ti, Table as ii, TableBody as ni, Typography as ri, TablePagination as oi } from "@material-ui/core";
+import { useTheme as bt, ThemeProvider as si, Button as Ie, TextField as ai, Tooltip as je, Menu as li, MenuItem as He, Icon as be, Dialog as ci, DialogTitle as di, DialogContent as ui, Drawer as hi, DrawerHeader as pi, DrawerTitle as mi, DrawerContent as gi } from "@map-colonies/react-core";
+import { default as ys } from "@material-ui/core/useMediaQuery";
+import fi from "@turf/rewind";
+import { Map as yi, View as vi } from "ol";
+import "ol/ol.css";
+import { format as ot } from "ol/coordinate";
+import { defaults as Ei, FullScreen as st } from "ol/control";
+import Ge from "ol/control/MousePosition";
+import { transform as Ci } from "ol/proj";
+import { Tile as wi, Vector as bi } from "ol/layer";
+import { Vector as Ti, OSM as _i } from "ol/source";
+import { GeoJSON as Tt } from "ol/format";
+import { Draw as Si } from "ol/interaction";
+import { createBox as Li } from "ol/interaction/Draw";
+import Pi from "@material-ui/core/TableHead";
+import { KeyboardArrowUp as Mi, KeyboardArrowDown as Ai } from "@material-ui/icons";
+import xi from "@material-ui/core/CssBaseline";
+import ki from "@material-ui/core/ScopedCssBaseline";
+import { createPortal as Ii } from "react-dom";
+import { Viewer as Oi, Cesium3DTileset as Di, GeoJsonDataSource as Ri, ImageryLayer as Bi, Entity as Ni, EntityDescription as _t, PolygonGraphics as Fi, RectangleGraphics as Hi, CustomDataSource as Gi, PolylineGraphics as Vi } from "resium";
+import * as p from "cesium";
+import { ScreenSpaceEventType as St, Cartesian3 as me, Math as le, WebMercatorProjection as zi, EventHelper as $i, EllipsoidGeodesic as Ui, Cartesian2 as Te, SceneMode as ye, Cartographic as Be, UrlTemplateImageryProvider as Ze, WebMapServiceImageryProvider as Je, WebMapTileServiceImageryProvider as Qe, Event as Wi, SingleTileImageryProvider as ji, Rectangle as Ce, Viewer as Ki, Matrix4 as qi, OpenStreetMapImageryProvider as Yi, Color as Xi, PolygonHierarchy as Zi, PolylineDashMaterialProperty as Ji, ConstantProperty as Qi, ConstantPositionProperty as en, BoundingSphere as tn, Ellipsoid as nn, GeographicTilingScheme as rn, Resource as on, EllipsoidTerrainProvider as sn, CesiumTerrainProvider as an, VerticalOrigin as ln, LabelStyle as cn } from "cesium";
+import { Math as Es, sampleTerrainMostDetailed as Cs } from "cesium";
+import { get as Q, isNumber as Oe, isEmpty as Ke, isArray as dn, find as at } from "lodash";
+import un from "@turf/boolean-point-in-polygon";
+import * as Lt from "@turf/helpers";
+import Pt from "@turf/bbox";
+import Mt from "@turf/bbox-polygon";
+import hn from "textarea-caret";
+import pn, { setCaretPosition as mn } from "get-input-selection";
+import { ChonkyActions as N, FileHelper as At, setChonkyDefaults as gn, FullFileBrowser as fn } from "chonky";
+import { ChonkyIconFA as yn } from "chonky-icon-fontawesome";
+import vn 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 || {});
+const Z = {
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  DATE_PICKER: {
+    dateFormat: "dd/MM/yyyy",
+    local: {
+      setText: "set",
+      placeHolderText: "Enter the Date",
+      calendarLocale: ce.EN
+    },
+    disableFuture: !0,
+    showTime: !1,
+    variant: "inline"
+  },
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  DATE_RANGE_PICKER: {
+    dateFormat: "dd/MM/yyyy HH:mm",
+    controlsLayout: "row",
+    local: {
+      setText: "set",
+      startPlaceHolderText: "Start of time",
+      endPlaceHolderText: "End of time",
+      calendarLocale: ce.EN
+    },
+    renderAsButton: !0,
+    offset: 0,
+    disableFuture: !0
+  }
+}, ae = (e) => {
+  const { children: i, ...t } = e;
+  return /* @__PURE__ */ l(Xt, { ...t, children: i });
+}, xt = (e) => {
+  const i = e.type === "dark";
+  return ve.useMemo(() => En(e, i), [
+    i,
+    e
+  ]);
+}, En = (e, i = !1) => Yt({
+  palette: {
+    type: i ? "dark" : "light",
+    primary: {
+      main: e.primary
+    },
+    secondary: {
+      main: e.secondary
+    },
+    error: {
+      main: e.error
+    },
+    background: {
+      default: e.surface,
+      paper: e.background
+    },
+    text: {
+      primary: i ? e.textPrimaryOnDark : e.textPrimaryOnLight,
+      secondary: i ? e.textSecondaryOnDark : e.textSecondaryOnLight
+    }
+  }
+});
+const Cn = 2, wn = 0.5, bn = Me(
+  (e) => Re({
+    container: {
+      padding: e.spacing(Cn),
+      alignItems: "center"
+    },
+    setButton: {
+      marginTop: e.spacing(1)
+    },
+    margin: {
+      marginLeft: e.spacing(wn)
+    }
+  })
+), Tn = (e) => {
+  var U, V, j, O;
+  const i = bn(), t = bt(), n = xt(t), [a, o] = k(null), [d, u] = k(null), [v, C] = k(
+    Z.DATE_RANGE_PICKER.dateFormat
+  ), S = e.controlsLayout ?? Z.DATE_RANGE_PICKER.controlsLayout, A = e.disableFuture ?? Z.DATE_RANGE_PICKER.disableFuture, L = ((U = e.local) == null ? void 0 : U.startPlaceHolderText) ?? Z.DATE_RANGE_PICKER.local.startPlaceHolderText, R = ((V = e.local) == null ? void 0 : V.endPlaceHolderText) ?? Z.DATE_RANGE_PICKER.local.endPlaceHolderText, z = ((j = e.local) == null ? void 0 : j.setText) ?? Z.DATE_RANGE_PICKER.local.setText, Y = (((O = e.local) == null ? void 0 : O.calendarLocale) ?? Z.DATE_RANGE_PICKER.local.calendarLocale) === ce.HE ? yt : vt;
+  I(() => {
+    o(e.from ?? null);
+  }, [e.from]), I(() => {
+    u(e.to ?? null);
+  }, [e.to]), I(() => {
+    C(e.dateFormat ?? Z.DATE_RANGE_PICKER.dateFormat);
+  }, [e.dateFormat]);
+  const F = Boolean(
+    Ee(a) && !d || Ee(d) && !a || a && d && Ee(a) && Ee(d) && Kt(a, d)
+  ), X = () => {
+    e.onChange({
+      from: a && Ee(a) ? a : void 0,
+      to: d && Ee(d) ? d : void 0
+    });
+  };
+  return /* @__PURE__ */ l(wt, { theme: n, children: /* @__PURE__ */ l(
+    ae,
+    {
+      className: `${i.container} drpContainer`,
+      display: "flex",
+      flexDirection: S,
+      width: S === "column" ? e.contentWidth : "unset",
+      children: /* @__PURE__ */ D(Et, { utils: Ct, locale: Y, children: [
+        /* @__PURE__ */ l(
+          Ue,
+          {
+            variant: "inline",
+            placeholder: L,
+            onChange: ($) => o($),
+            value: a,
+            disableFuture: A,
+            format: v,
+            maxDate: e.maxDate,
+            minDate: e.minDate
+          }
+        ),
+        /* @__PURE__ */ l(
+          Ue,
+          {
+            variant: "inline",
+            placeholder: R,
+            className: i.margin,
+            onChange: ($) => u($),
+            value: d,
+            disableFuture: A,
+            format: v,
+            maxDate: e.maxDate,
+            minDate: e.minDate
+          }
+        ),
+        /* @__PURE__ */ l(si, { options: t, children: /* @__PURE__ */ l(
+          Ie,
+          {
+            className: `${i.setButton} ${i.margin}`,
+            raised: !0,
+            onClick: X,
+            disabled: !F,
+            children: z
+          }
+        ) })
+      ] })
+    }
+  ) });
+}, _n = (e) => {
+  const { children: i, ...t } = e;
+  return /* @__PURE__ */ l(Zt, { ...t, children: i });
+};
+const Oo = (e) => {
+  var V, j;
+  const [i, t] = k(null), [n, a] = k(null), [o, d] = k(
+    Z.DATE_RANGE_PICKER.dateFormat
+  ), [u, v] = ve.useState(
+    null
+  ), C = (O) => {
+    v(O.currentTarget);
+  }, S = (O) => {
+    O.currentTarget.tagName === "I" ? v(
+      O.currentTarget.previousElementSibling
+    ) : v(O.currentTarget);
+  }, A = () => {
+    v(null);
+  }, L = Boolean(u), R = e.controlsLayout ?? "column";
+  I(() => {
+    t(e.from ?? null);
+  }, [e.from]), I(() => {
+    a(e.to ?? null);
+  }, [e.to]), I(() => {
+    d(e.dateFormat ?? Z.DATE_RANGE_PICKER.dateFormat);
+  }, [e.dateFormat]);
+  const z = ((V = e.local) == null ? void 0 : V.startPlaceHolderText) ?? Z.DATE_RANGE_PICKER.local.startPlaceHolderText, K = ((j = e.local) == null ? void 0 : j.endPlaceHolderText) ?? Z.DATE_RANGE_PICKER.local.endPlaceHolderText, Y = e.renderAsButton === void 0 ? Z.DATE_RANGE_PICKER.renderAsButton : e.renderAsButton, F = e.offset === void 0 ? Z.DATE_RANGE_PICKER.offset : e.offset, X = e.disableFuture === void 0 ? Z.DATE_RANGE_PICKER.disableFuture : e.disableFuture, U = ft(() => `${i ? rt(i, o) : z} - ${n ? rt(n, o) : K}`, [i, n, o, z, K]);
+  return /* @__PURE__ */ D(oe, { children: [
+    Y ? /* @__PURE__ */ l(
+      Ie,
+      {
+        style: { width: e.width },
+        raised: !0,
+        onClick: C,
+        className: "drpOpener",
+        children: U
+      }
+    ) : /* @__PURE__ */ l(
+      ai,
+      {
+        className: "drpOpener",
+        readOnly: !0,
+        style: { width: e.width },
+        value: U,
+        onClick: S,
+        trailingIcon: {
+          icon: "date_range",
+          tabIndex: 0,
+          onClick: S
+        }
+      }
+    ),
+    /* @__PURE__ */ l(
+      _n,
+      {
+        open: L,
+        anchorEl: u,
+        onClose: A,
+        anchorOrigin: { vertical: "bottom", horizontal: "left" },
+        keepMounted: !0,
+        children: /* @__PURE__ */ l(
+          Tn,
+          {
+            controlsLayout: R,
+            contentWidth: ((u == null ? void 0 : u.clientWidth) ?? 0) - F,
+            dateFormat: o,
+            disableFuture: X,
+            minDate: e.minDate,
+            maxDate: e.maxDate,
+            local: e.local,
+            from: i ?? void 0,
+            to: n ?? void 0,
+            onChange: ({ from: O, to: $ }) => {
+              t(O ?? null), a($ ?? null), e.onChange({ from: O, to: $ }), A();
+            }
+          }
+        )
+      }
+    )
+  ] });
+};
+const Do = (e) => {
+  const i = bt(), t = xt(i), [n, a] = k(e.value), {
+    format: o = Z.DATE_PICKER.dateFormat,
+    variant: d = Z.DATE_PICKER.variant,
+    disableFuture: u = Z.DATE_PICKER.disableFuture,
+    local: v,
+    onChange: C,
+    showTime: S = Z.DATE_PICKER.showTime,
+    value: A,
+    ...L
+  } = e, {
+    placeHolderText: R = Z.DATE_PICKER.local.placeHolderText,
+    calendarLocale: z
+  } = v ?? {
+    placeHolderText: Z.DATE_PICKER.local.placeHolderText,
+    calendarLocale: ce.EN
+  }, K = z === ce.HE ? yt : vt, Y = (F) => {
+    a(F), C(F);
+  };
+  return /* @__PURE__ */ l(wt, { theme: t, children: /* @__PURE__ */ D(Et, { utils: Ct, locale: K, children: [
+    S && /* @__PURE__ */ l(
+      Ue,
+      {
+        variant: d,
+        placeholder: R,
+        onChange: Y,
+        value: n,
+        disableFuture: u,
+        format: o,
+        ...L
+      }
+    ),
+    !S && /* @__PURE__ */ l(
+      qt,
+      {
+        variant: d,
+        placeholder: R,
+        onChange: Y,
+        value: n,
+        disableFuture: u,
+        format: o,
+        ...L
+      }
+    )
+  ] }) });
+}, Sn = 18, Ln = Me(
+  (e) => Re({
+    drawingButton: {
+      width: e.spacing(Sn)
+    },
+    fullWidth: {
+      width: "100%",
+      marginTop: "36px"
+    }
+  })
+), Pn = (e) => {
+  const i = Ln(), [t, n] = ve.useState(null), { isSelectionEnabled: a, onCancelDraw: o, onStartDraw: d, onReset: u } = e, v = (S) => {
+    n(S.currentTarget);
+  }, C = () => {
+    n(null);
+  };
+  return a ? /* @__PURE__ */ l(je, { content: "Cancel the ongoing draw", align: "bottomLeft", children: /* @__PURE__ */ l(Ie, { className: i.drawingButton, raised: !0, onClick: o, children: "Cancel Draw" }) }) : /* @__PURE__ */ D(ae, { position: "relative", children: [
+    /* @__PURE__ */ l(
+      je,
+      {
+        content: "draw an Area of interest to limit the search",
+        align: "bottomLeft",
+        children: /* @__PURE__ */ l(
+          Ie,
+          {
+            className: i.drawingButton,
+            raised: !0,
+            onClick: v,
+            children: "Draw AOI"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ D(
+      li,
+      {
+        className: i.fullWidth,
+        open: Boolean(t),
+        onClose: C,
+        children: [
+          /* @__PURE__ */ l(
+            He,
+            {
+              onClick: () => {
+                d(re.POLYGON), C();
+              },
+              children: "Polygon"
+            }
+          ),
+          /* @__PURE__ */ l(
+            He,
+            {
+              onClick: () => {
+                d(re.BOX), C();
+              },
+              children: "Box"
+            }
+          ),
+          /* @__PURE__ */ l(
+            He,
+            {
+              onClick: () => {
+                u(), C();
+              },
+              children: "Clear"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+var ue = /* @__PURE__ */ ((e) => (e.WGS84 = "EPSG:4326", e.WEB_MERCATOR = "EPSG:3857", e))(ue || {});
+const Ye = 5, Xe = 2, kt = Se(null), Mn = kt.Provider, lt = 35, ct = 32, An = 10, xn = (e) => e !== void 0 && e !== ue.WGS84 ? Ci([lt, ct], ue.WGS84, e) : [lt, ct], kn = (e) => {
+  switch (e) {
+    case ue.WEB_MERCATOR:
+      return (i) => ot(
+        i,
+        "Mercator: {y}m, {x}m",
+        Xe
+      );
+    case ue.WGS84:
+      return (i) => ot(
+        i,
+        "WGS84: {y}°N {x}°E",
+        Ye
+      );
+    default:
+      return (i) => "";
+  }
+}, et = () => {
+  const e = Pe(kt);
+  if (e === null)
+    throw new Error("map context is null, please check the provider");
+  return e;
+}, In = (e) => {
+  const i = Le(null), { allowFullScreen: t, showMousePosition: n, projection: a } = e, [o] = k(
+    new yi({
+      view: new vi({
+        projection: a ?? ue.WGS84
+      }),
+      controls: Ei()
+    })
+  );
+  I(() => {
+    o.getView().setCenter(e.center ?? xn(e.projection));
+  }, [o, e.center, e.projection]), I(() => {
+    o.getView().setZoom(e.zoom ?? An);
+  }, [o, e.zoom, e.projection]);
+  const d = (u, v) => {
+    v.getControls().forEach((S) => {
+      S instanceof u && v.removeControl(S);
+    });
+  };
+  return I(() => {
+    o.setTarget(i.current), t !== void 0 && t ? o.addControl(new st()) : d(st, o);
+  }, [o, t]), I(() => {
+    n !== void 0 && n ? (d(Ge, o), o.addControl(
+      new Ge({
+        coordinateFormat: kn(a ?? ue.WGS84),
+        projection: a ?? ue.WGS84,
+        undefinedHTML: "&nbsp;"
+      })
+    )) : d(Ge, o);
+  }, [o, n, a]), /* @__PURE__ */ D(Mn, { value: o, children: [
+    /* @__PURE__ */ l("div", { className: "map", ref: i }),
+    e.children
+  ] });
+}, It = Se(null), On = It.Provider, Dn = () => {
+  const e = Pe(It);
+  if (e === null)
+    throw new Error("tile layer context is null, please check the provider");
+  return e;
+}, Rn = ({ options: e, children: i }) => {
+  const t = et(), [n] = k(new wi(e));
+  return I(() => (t.addLayer(n), () => {
+    t.removeLayer(n);
+  }), [t, n]), /* @__PURE__ */ l(On, { value: n, children: i });
+}, Ot = Se(null), Bn = Ot.Provider, Nn = () => {
+  const e = Pe(Ot);
+  if (e === null)
+    throw new Error("vector layer context is null, please check the provider");
+  return e;
+}, Fn = ({ children: e }) => {
+  const i = et(), [t] = k(new bi());
+  return I(() => (i.addLayer(t), () => {
+    i.removeLayer(t);
+  }), [i, t]), /* @__PURE__ */ l(Bn, { value: t, children: e });
+}, Dt = Se(null), Hn = Dt.Provider, Gn = () => {
+  const e = Pe(Dt);
+  if (e === null)
+    throw new Error("vector source context is null, please check the provider");
+  return e;
+}, Vn = ({ children: e }) => {
+  const i = Nn(), [t] = k(new Ti());
+  return I(() => {
+    i.setSource(t);
+  }, [t, i]), /* @__PURE__ */ l(Hn, { value: t, children: e });
+}, zn = ({ geometry: e }) => {
+  const i = Gn();
+  return I(() => {
+    const n = new Tt().readFeature(e);
+    return i.addFeature(n), () => {
+      i.removeFeature(n);
+    };
+  }, [e, i]), null;
+}, $n = (e) => {
+  const i = Dn();
+  return I(() => {
+    i.setSource(new _i());
+  }, [i]), null;
+}, Un = ({
+  drawType: e,
+  onPolygonSelected: i
+}) => {
+  const t = et();
+  return I(() => {
+    const n = {
+      type: "Circle"
+      /* CIRCLE */
+    };
+    switch (e) {
+      case re.BOX:
+        n.geometryFunction = Li();
+        break;
+      case re.POLYGON:
+        n.type = "Polygon";
+        break;
+      default:
+        return;
+    }
+    const a = new Si(n);
+    t.addInteraction(a);
+    const o = (d) => {
+      const v = new Tt().writeGeometryObject(d.feature.getGeometry());
+      i == null || i(v);
+    };
+    return a.on("drawend", o), () => {
+      a.un("drawend", o), t.removeInteraction(a);
+    };
+  }, [i, e, t]), null;
+};
+const Wn = (e) => {
+  const i = (t) => {
+    const n = fi(t);
+    e.onPolygonSelection(n);
+  };
+  return /* @__PURE__ */ D(In, { allowFullScreen: !0, showMousePosition: !0, children: [
+    /* @__PURE__ */ l(Rn, { children: /* @__PURE__ */ l($n, {}) }),
+    e.selectionPolygon && /* @__PURE__ */ l(Fn, { children: /* @__PURE__ */ l(Vn, { children: /* @__PURE__ */ l(zn, { geometry: e.selectionPolygon }) }) }),
+    e.children,
+    e.drawType !== void 0 && /* @__PURE__ */ l(
+      Un,
+      {
+        drawType: e.drawType,
+        onPolygonSelected: i
+      }
+    )
+  ] });
+}, Ve = 1.5, jn = 80, Kn = Me(
+  (e) => Re({
+    map: {
+      height: "100%",
+      width: "100%",
+      position: "absolute"
+    },
+    absolute: {
+      position: "absolute",
+      zIndex: 1e3,
+      left: e.spacing(Ve),
+      top: e.spacing(Ve)
+    },
+    contentContainer: {
+      marginTop: e.spacing(Ve),
+      width: e.spacing(jn)
+    },
+    filtersContainer: {
+      display: "flex",
+      padding: e.spacing(1)
+    },
+    filtersMargin: {
+      marginLeft: e.spacing(1)
+    }
+  })
+), Ro = (e) => {
+  var v;
+  const [i, t] = k(), [n, a] = k(), o = Kn(), d = (C) => {
+    a(C), t(void 0), e.handlePolygonSelected(C);
+  }, u = () => {
+    a(void 0), e.handlePolygonReset();
+  };
+  return /* @__PURE__ */ D("div", { className: o.map, children: [
+    /* @__PURE__ */ D("div", { className: `${o.absolute}`, children: [
+      /* @__PURE__ */ D(We, { className: o.filtersContainer, children: [
+        /* @__PURE__ */ l(
+          Pn,
+          {
+            onCancelDraw: () => t(void 0),
+            onReset: u,
+            onStartDraw: t,
+            isSelectionEnabled: i !== void 0
+          }
+        ),
+        (v = e.filters) == null ? void 0 : v.map((C, S) => /* @__PURE__ */ l("div", { className: o.filtersMargin, children: C }, S))
+      ] }),
+      /* @__PURE__ */ l(We, { color: "red", className: `${o.contentContainer}`, children: e.children })
+    ] }),
+    /* @__PURE__ */ l(
+      Wn,
+      {
+        children: e.mapContent,
+        onPolygonSelection: d,
+        drawType: i,
+        selectionPolygon: n
+      }
+    )
+  ] });
+};
+function qn(e) {
+  const { headCells: i, order: t, orderBy: n, onRequestSort: a, isCollapseable: o } = e, d = (u) => (v) => {
+    a(v, u);
+  };
+  return /* @__PURE__ */ l(Pi, { children: /* @__PURE__ */ D(ke, { children: [
+    o && /* @__PURE__ */ l(we, {}),
+    i.map((u) => /* @__PURE__ */ l(
+      we,
+      {
+        align: u.numeric ? "right" : "left",
+        padding: u.disablePadding ? "none" : "default",
+        sortDirection: n === u.id ? t : !1,
+        children: /* @__PURE__ */ l(
+          Jt,
+          {
+            active: n === u.id,
+            direction: n === u.id ? t : "asc",
+            onClick: d(u.id),
+            children: u.label
+          }
+        )
+      },
+      u.id
+    ))
+  ] }) });
+}
+function Yn(e) {
+  const {
+    cellsMetadata: i,
+    isRowSelected: t,
+    item: n,
+    onRowSelected: a,
+    rowIndex: o,
+    isCollapseable: d,
+    collapsedElement: u
+  } = e, [v, C] = k(!1), S = i.length;
+  return /* @__PURE__ */ D(oe, { children: [
+    /* @__PURE__ */ D(ke, { hover: !0, selected: t, onClick: () => {
+      a == null || a(o);
+    }, children: [
+      d && /* @__PURE__ */ l(we, { padding: "checkbox", children: /* @__PURE__ */ l(
+        Qt,
+        {
+          "aria-label": "expand row",
+          size: "small",
+          onClick: (L) => {
+            L.stopPropagation(), C(!v);
+          },
+          children: v ? /* @__PURE__ */ l(Mi, {}) : /* @__PURE__ */ l(Ai, {})
+        }
+      ) }),
+      i.map((L) => /* @__PURE__ */ l(
+        we,
+        {
+          align: L.numeric ? "right" : "left",
+          padding: L.disablePadding ? "none" : "default",
+          children: L.transform ? L.transform(n[L.id]) : n[L.id]
+        },
+        L.id + o.toString()
+      ))
+    ] }),
+    d && /* @__PURE__ */ l(ke, { children: /* @__PURE__ */ l(
+      we,
+      {
+        style: { paddingBottom: 0, paddingTop: 0 },
+        colSpan: S + 1,
+        children: /* @__PURE__ */ l(ei, { in: v, unmountOnExit: !0, timeout: "auto", children: u == null ? void 0 : u(n) })
+      }
+    ) })
+  ] });
+}
+function Bo(e) {
+  const [i, t] = k(""), [n, a] = k("asc"), {
+    cellsMetadata: o,
+    items: d,
+    onRequestSort: u,
+    onRowSelected: v,
+    isCollapseable: C,
+    collapsedElement: S,
+    isDense: A,
+    page: L,
+    rowsPerPage: R,
+    count: z,
+    handleChangePage: K,
+    handleChangeRowsPerPage: Y
+  } = e;
+  return /* @__PURE__ */ D(ti, { component: We, children: [
+    /* @__PURE__ */ D(ii, { size: A ? "small" : "medium", children: [
+      /* @__PURE__ */ l(
+        qn,
+        {
+          headCells: o,
+          onRequestSort: (X, U) => {
+            const V = i === U && n === "asc";
+            a(V ? "desc" : "asc"), t(U), u(U, V ? "desc" : "asc");
+          },
+          order: n,
+          orderBy: i,
+          isCollapseable: C
+        }
+      ),
+      /* @__PURE__ */ D(ni, { children: [
+        d.map((X, U) => /* @__PURE__ */ l(
+          Yn,
+          {
+            item: X,
+            rowIndex: U,
+            isCollapseable: C,
+            cellsMetadata: o,
+            collapsedElement: S,
+            isRowSelected: !1,
+            onRowSelected: v
+          },
+          U
+        )),
+        (d.length === 0 || R > d.length) && /* @__PURE__ */ l(
+          ke,
+          {
+            style: {
+              height: (A ? 33 : 53) * (R - d.length)
+            },
+            children: /* @__PURE__ */ l(
+              we,
+              {
+                colSpan: C ? o.length + 1 : o.length,
+                children: d.length === 0 && /* @__PURE__ */ l(ri, { align: "center", children: "No results :(" })
+              }
+            )
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ l(
+      oi,
+      {
+        rowsPerPage: R,
+        rowsPerPageOptions: [5, 10],
+        component: "div",
+        count: z,
+        page: L,
+        onPageChange: K,
+        onRowsPerPageChange: Y
+      }
+    )
+  ] });
+}
+const No = (e) => {
+  const { children: i, ...t } = e;
+  return /* @__PURE__ */ l(xi, { ...t, children: i });
+}, Fo = (e) => {
+  const { children: i, ...t } = e;
+  return /* @__PURE__ */ l(ki, { ...t, children: i });
+}, dt = (e) => e * Math.PI / 180, Ae = (e) => e * (180 / Math.PI), Xn = (e) => 0.05 * (5916575505e-1 / Math.pow(2, e - 1) / 2) * (Math.cos(dt(85.362 / 2)) / Math.sin(dt(85.362 / 2)));
+const Zn = (e) => {
+  const i = he(), t = Le(null), [n, a] = k({ x: 0, y: 0 });
+  return I(() => {
+    i.screenSpaceEventHandler.setInputAction(
+      (o) => {
+        o != null && o.endPosition && a({ ...o.endPosition });
+      },
+      St.MOUSE_MOVE
+    );
+  }, [t, i]), I(() => {
+    const o = i.scene.globe.ellipsoid, d = i.camera.pickEllipsoid(
+      new me(n.x, n.y),
+      o
+    );
+    if (d) {
+      const u = o.cartesianToCartographic(d);
+      if (t.current) {
+        let v = "";
+        switch (e.projection) {
+          case ue.WEB_MERCATOR: {
+            const S = new zi(o).project(u);
+            v = `Mercator: ${S.y.toFixed(
+              Xe
+            )}m, ${S.x.toFixed(Xe)}m`, t.current.style.width = "220px";
+            break;
+          }
+          case ue.WGS84: {
+            const C = le.toDegrees(
+              u.longitude
+            ).toFixed(Ye);
+            v = `WGS84: ${le.toDegrees(
+              u.latitude
+            ).toFixed(Ye)}°N ${C}°E`, t.current.style.width = "200px";
+            break;
+          }
+        }
+        t.current.innerHTML = v;
+      }
+    }
+  }, [n, t, i, e.projection]), /* @__PURE__ */ l("div", { className: "trackerPosition", ref: t });
+};
+const ze = [
+  1,
+  2,
+  3,
+  5,
+  10,
+  20,
+  30,
+  50,
+  100,
+  200,
+  300,
+  500,
+  1e3,
+  2e3,
+  3e3,
+  5e3,
+  1e4,
+  2e4,
+  3e4,
+  5e4,
+  1e5,
+  2e5,
+  3e5,
+  5e5,
+  1e6,
+  2e6,
+  3e6,
+  5e6,
+  1e7,
+  2e7,
+  3e7,
+  5e7
+], Jn = (e, i, t, n) => {
+  const a = Q(n, "METERS_UNIT") ?? "m", o = Q(n, "KILOMETERS_UNIT") ?? "km", d = {
+    barWidth: void 0,
+    distanceLabel: void 0,
+    lastLegendUpdate: i.lastLegendUpdate
+  }, u = new Ui(), v = new Date().getTime();
+  if (v < d.lastLegendUpdate + 250)
+    return;
+  d.lastLegendUpdate = v;
+  const C = e.scene.canvas.clientWidth, S = e.scene.canvas.clientHeight, A = e.scene.camera.getPickRay(
+    new Te(C / 2 | 0, S - 1)
+  ), L = e.scene.camera.getPickRay(
+    new Te(1 + C / 2 | 0, S - 1)
+  ), R = e.scene.globe, z = R.pick(A, e.scene), K = R.pick(L, e.scene);
+  if (!z || !K)
+    return;
+  const Y = R.ellipsoid.cartesianToCartographic(
+    z
+  ), F = R.ellipsoid.cartesianToCartographic(
+    K
+  );
+  u.setEndPoints(Y, F);
+  const X = u.surfaceDistance, U = 100;
+  let V;
+  for (let j = ze.length - 1; !Oe(V) && j >= 0; --j)
+    ze[j] / X < U && (V = ze[j]);
+  if (Oe(V)) {
+    let j = "";
+    V >= 1e3 ? j = `${(V / 1e3).toString()} ${o}` : j = `${V.toString()} ${a}`, d.barWidth = V / X | 0, d.distanceLabel = j;
+  }
+  t(d);
+}, Qn = (e) => {
+  const i = he(), [t, n] = k({
+    barWidth: void 0,
+    distanceLabel: void 0,
+    lastLegendUpdate: -1
+  });
+  I(() => {
+    const o = (v) => {
+      Jn(
+        i,
+        t,
+        n,
+        e.locale
+      );
+    }, d = new $i(), u = (v) => {
+      i.scene.globe.tilesLoaded && (o(new MouseEvent("mouse")), d.removeAll());
+    };
+    return d.add(i.scene.globe.tileLoadProgressEvent, u), i.camera.moveEnd.addEventListener(o), () => {
+      try {
+        Q(i, "_cesiumWidget") != null && i.camera.moveEnd.removeEventListener(o);
+      } catch (v) {
+        console.log('CESIUM camera "moveEnd" remove listener failed', v);
+      }
+    };
+  }, [i, e.locale, t]);
+  const a = (o) => 5 + (125 - o) / 2;
+  return /* @__PURE__ */ l("div", { className: "scalePosition", children: Oe(t.barWidth) && /* @__PURE__ */ D(oe, { children: [
+    /* @__PURE__ */ l("div", { className: "distance-legend-label", children: t.distanceLabel }),
+    /* @__PURE__ */ l(
+      "div",
+      {
+        className: "distance-legend-scale-bar",
+        style: {
+          height: "2px",
+          width: `${t.barWidth.toString()}px`,
+          left: `${a(t.barWidth).toString()}px`
+        }
+      }
+    )
+  ] }) });
+}, ie = {
+  MORPHING: ye.MORPHING,
+  COLUMBUS_VIEW: ye.COLUMBUS_VIEW,
+  SCENE2D: ye.SCENE2D,
+  SCENE3D: ye.SCENE3D
+};
+const ut = (e, i) => {
+  const n = Q(i.scene.globe, "_surface.tileProvider"), a = n._quadtree, o = i.canvas.height, d = Q(i.camera.frustum, "sseDenominator") ?? 1;
+  for (let u = 0; u <= 19; u++)
+    if (n.getLevelMaximumGeometricError(u) * o / (e * d) < a.maximumScreenSpaceError)
+      return u;
+  return null;
+}, er = (e, i) => {
+  e = e || 10;
+  const t = [];
+  let n = 1e5, a = 0;
+  for (let o = 1e8; o > n; o = o - n) {
+    const d = ut(o, i);
+    if (d === null)
+      break;
+    if (d !== a) {
+      let u = o, v = o + n;
+      for (; v - u > e; )
+        o = u + (v - u) / 2, ut(o, i) === d ? u = o : v = o;
+      t.push({
+        level: d,
+        height: Math.round(o)
+      }), a = d, t.length >= 2 && (n = (t[t.length - 2].height - o) / 1e3);
+    }
+  }
+  return t;
+}, tr = (e) => {
+  const i = he(), [t, n] = k(1), a = er(1, i);
+  return I(() => {
+    const o = () => {
+      const d = i.camera, u = 0.5;
+      let v = 0;
+      switch (i.scene.mode) {
+        case ie.SCENE3D:
+          v = i.scene.mapProjection.ellipsoid.cartesianToCartographic(
+            d.positionWC
+          ).height;
+          break;
+        case ie.SCENE2D:
+          v = (d.frustum.right - d.frustum.left) * u;
+          break;
+        case ie.COLUMBUS_VIEW:
+          v = d.position.z;
+          break;
+        default:
+          v = 0;
+          break;
+      }
+      if (a.length > 0) {
+        const C = a.reduce((S, A) => Math.abs(A.height - v) < Math.abs(S.height - v) ? A : S);
+        n(C.level);
+      }
+    };
+    return i.camera.moveEnd.addEventListener(o), () => {
+      try {
+        Q(i, "_cesiumWidget") != null && i.camera.moveEnd.removeEventListener(o);
+      } catch (d) {
+        console.log(
+          'CESIUM camera "moveEnd"(from zoom tracker) remove listener failed',
+          d
+        );
+      }
+    };
+  }, [i, a.length]), /* @__PURE__ */ D("div", { className: "zoomLevel", children: [
+    /* @__PURE__ */ l("div", { className: "zoomLevelValue", children: t }),
+    /* @__PURE__ */ l("div", { className: "zoomLevelLabel", children: Q(e.locale, "ZOOM_LABEL") ?? "zoom" })
+  ] });
+};
+const ir = -1, nr = (e) => {
+  const i = he(), [t, n] = k(), { sceneModes: a } = e, o = (d) => a.findIndex((u) => u === d) > ir;
+  return I(() => {
+    n(i.scene.mode);
+  }, []), /* @__PURE__ */ D(oe, { children: [
+    o(ie.SCENE3D) && /* @__PURE__ */ l(
+      be,
+      {
+        icon: /* @__PURE__ */ l(
+          "div",
+          {
+            className: `mapViewIcon ${t === ie.SCENE3D ? "mapViewCurrent" : ""}`,
+            children: /* @__PURE__ */ l("svg", { width: "100%", height: "100%", viewBox: "0 0 64 64", children: /* @__PURE__ */ l("path", { d: "m 32.401392,4.9330437 c -7.087603,0 -14.096095,2.884602 -19.10793,7.8946843 -5.0118352,5.010083 -7.9296167,11.987468 -7.9296167,19.072999 0,7.085531 2.9177815,14.097848 7.9296167,19.107931 4.837653,4.835961 11.541408,7.631372 18.374354,7.82482 0.05712,0.01231 0.454119,0.139729 0.454119,0.139729 l 0.03493,-0.104797 c 0.08246,7.84e-4 0.162033,0.03493 0.244525,0.03493 0.08304,0 0.161515,-0.03414 0.244526,-0.03493 l 0.03493,0.104797 c 0,0 0.309474,-0.129487 0.349323,-0.139729 6.867765,-0.168094 13.582903,-2.965206 18.444218,-7.82482 2.558195,-2.5573 4.551081,-5.638134 5.903547,-8.977584 1.297191,-3.202966 2.02607,-6.661489 2.02607,-10.130347 0,-6.237309 -2.366261,-12.31219 -6.322734,-17.116794 -0.0034,-0.02316 0.0049,-0.04488 0,-0.06986 -0.01733,-0.08745 -0.104529,-0.278855 -0.104797,-0.279458 -5.31e-4,-0.0012 -0.522988,-0.628147 -0.523984,-0.62878         -3.47e-4,-2.2e-4 -0.133444,-0.03532 -0.244525,-0.06987 C 51.944299,13.447603 51.751076,13.104317 51.474391,12.827728 46.462556,7.8176457 39.488996,4.9330437 32.401392,4.9330437 z m -2.130866,3.5281554 0.104797,9.6762289 c -4.111695,-0.08361 -7.109829,-0.423664 -9.257041,-0.943171 1.198093,-2.269271 2.524531,-4.124404 3.91241,-5.414496 2.167498,-2.0147811 3.950145,-2.8540169 5.239834,-3.3185619 z m 2.794579,0 c 1.280302,0.4754953 3.022186,1.3285948 5.065173,3.2486979 1.424667,1.338973 2.788862,3.303645 3.982275,5.728886 -2.29082,0.403367 -5.381258,0.621049 -8.942651,0.698645 L 33.065105,8.4611991 z m 5.728886,0.2445256 c 4.004072,1.1230822 7.793098,3.1481363 10.724195,6.0782083 0.03468,0.03466 0.07033,0.06991 0.104797,0.104797 -0.45375,0.313891 -0.923054,0.663002 -1.956205,1.082899 -0.647388,0.263114 -1.906242,0.477396 -2.829511,0.733577 -1.382296,-2.988132         -3.027146,-5.368585 -4.785716,-7.0213781 -0.422866,-0.397432 -0.835818,-0.6453247 -1.25756,-0.9781032 z m -15.33525,0.7685092 c -0.106753,0.09503 -0.207753,0.145402 -0.31439,0.244526 -1.684973,1.5662541 -3.298068,3.8232211 -4.680919,6.5672591 -0.343797,-0.14942 -1.035052,-0.273198 -1.292493,-0.419186 -0.956528,-0.542427 -1.362964,-1.022024 -1.537018,-1.292493 -0.0241,-0.03745 -0.01868,-0.0401 -0.03493,-0.06986 2.250095,-2.163342 4.948824,-3.869984 7.859752,-5.0302421 z m -9.641296,7.0912431 c 0.464973,0.571618 0.937729,1.169056 1.956205,1.746612 0.349907,0.198425 1.107143,0.335404 1.537018,0.523983 -1.20166,3.172984 -1.998037,7.051901 -2.165798,11.772162 C 14.256557,30.361384 12.934823,30.161483 12.280427,29.90959 10.644437,29.279855 9.6888882,28.674891 9.1714586,28.267775 8.6540289,27.860658 8.6474751,27.778724 8.6474751,27.778724 l -0.069864,0.03493 C 9.3100294,23.691285         11.163248,19.798527 13.817445,16.565477 z m 37.552149,0.523984 c 2.548924,3.289983 4.265057,7.202594 4.890513,11.318043 -0.650428,0.410896 -1.756876,1.001936 -3.563088,1.606882 -1.171552,0.392383 -3.163859,0.759153 -4.960377,1.117832 -0.04367,-4.752703 -0.784809,-8.591423 -1.88634,-11.807094 0.917574,-0.263678 2.170552,-0.486495 2.864443,-0.76851 1.274693,-0.518066 2.003942,-1.001558 2.654849,-1.467153 z m -31.439008,2.619917 c 2.487341,0.672766 5.775813,1.137775 10.479669,1.222628 l 0.104797,10.689263 0,0.03493 0,0.733577 c -5.435005,-0.09059 -9.512219,-0.519044 -12.610536,-1.117831 0.106127,-4.776683 0.879334,-8.55791 2.02607,-11.562569 z m 23.264866,0.31439 c 1.073459,3.067541 1.833795,6.821314 1.816476,11.702298 -3.054474,0.423245 -7.062018,0.648559 -11.702298,0.698644 l 0,-0.838373 -0.104796,-10.654331 c 4.082416,-0.0864 7.404468,-0.403886 9.990618,-0.908238 z         M 8.2632205,30.922625 c 0.7558676,0.510548 1.5529563,1.013339 3.0041715,1.57195 0.937518,0.360875 2.612202,0.647642 3.91241,0.978102 0.112814,3.85566 0.703989,7.107756 1.606883,9.920754 -1.147172,-0.324262 -2.644553,-0.640648 -3.423359,-0.978102 -1.516688,-0.657177 -2.386627,-1.287332 -2.864443,-1.71168 -0.477816,-0.424347 -0.489051,-0.489051 -0.489051,-0.489051 L 9.8002387,40.319395 C 8.791691,37.621767 8.1584238,34.769583 8.1584238,31.900727 c 0,-0.330153 0.090589,-0.648169 0.1047967,-0.978102 z m 48.2763445,0.419186 c 0.0047,0.188973 0.06986,0.36991 0.06986,0.558916 0,2.938869 -0.620228,5.873558 -1.676747,8.628261 -0.07435,0.07583 -0.06552,0.07411 -0.454119,0.349323 -0.606965,0.429857 -1.631665,1.042044 -3.318562,1.676747 -1.208528,0.454713 -3.204964,0.850894 -5.135038,1.25756 0.84593,-2.765726 1.41808,-6.005357 1.606883,-9.815957 2.232369,-0.413371 4.483758,-0.840201         5.938479,-1.327425 1.410632,-0.472457 2.153108,-0.89469 2.96924,-1.327425 z m -38.530252,2.864443 c 3.208141,0.56697 7.372279,0.898588 12.575603,0.978103 l 0.174662,9.885821 c -4.392517,-0.06139 -8.106722,-0.320566 -10.863925,-0.803441 -1.051954,-2.664695 -1.692909,-6.043794 -1.88634,-10.060483 z m 26.793022,0.31439 c -0.246298,3.923551 -0.877762,7.263679 -1.816476,9.885822 -2.561957,0.361954 -5.766249,0.560708 -9.431703,0.62878 l -0.174661,-9.815957 c 4.491734,-0.04969 8.334769,-0.293032 11.42284,-0.698645 z M 12.035901,44.860585 c 0.09977,0.04523 0.105535,0.09465 0.209594,0.139729 1.337656,0.579602 3.441099,1.058072 5.589157,1.537018 1.545042,3.399208 3.548524,5.969402 5.589157,7.789888 -3.034411,-1.215537 -5.871615,-3.007978 -8.174142,-5.309699 -1.245911,-1.245475 -2.271794,-2.662961 -3.213766,-4.156936 z m 40.69605,0 c -0.941972,1.493975 -1.967855,2.911461         -3.213765,4.156936 -2.74253,2.741571 -6.244106,4.696717 -9.955686,5.868615 0.261347,-0.241079 0.507495,-0.394491 0.768509,-0.663713 1.674841,-1.727516 3.320792,-4.181056 4.645987,-7.265904 2.962447,-0.503021 5.408965,-1.122293 7.161107,-1.781544 0.284034,-0.106865 0.337297,-0.207323 0.593848,-0.31439 z m -31.404076,2.305527 c 2.645807,0.376448 5.701178,0.649995 9.466635,0.698645 l 0.139729,7.789888 c -1.38739,-0.480844 -3.316218,-1.29837 -5.659022,-3.388427 -1.388822,-1.238993 -2.743668,-3.0113 -3.947342,-5.100106 z m 20.365491,0.104797 c -1.04872,2.041937 -2.174337,3.779068 -3.353494,4.995309 -1.853177,1.911459 -3.425515,2.82679 -4.611055,3.353494 l -0.139729,-7.789887 c 3.13091,-0.05714 5.728238,-0.278725 8.104278,-0.558916 z" }) })
+          }
+        ),
+        onClick: () => {
+          i.scene.morphTo3D(), n(ie.SCENE3D);
+        }
+      }
+    ),
+    o(ie.SCENE2D) && /* @__PURE__ */ l(
+      be,
+      {
+        icon: /* @__PURE__ */ l(
+          "div",
+          {
+            className: `mapViewIcon ${t === ie.SCENE2D ? "mapViewCurrent" : ""}`,
+            children: /* @__PURE__ */ l("svg", { width: "100%", height: "100%", viewBox: "0 0 64 64", children: /* @__PURE__ */ l("path", { d: "m 2.9825053,17.550598 0,1.368113 0,26.267766 0,1.368113 1.36811,0 54.9981397,0 1.36811,0 0,-1.368113 0,-26.267766 0,-1.368113 -1.36811,0 -54.9981397,0 -1.36811,0 z m 2.73623,2.736226 10.3292497,0 0,10.466063 -10.3292497,0 0,-10.466063 z m 13.0654697,0 11.69737,0 0,10.466063 -11.69737,0 0,-10.466063 z m 14.43359,0 11.69737,0 0,10.466063 -11.69737,0 0,-10.466063 z m 14.43359,0 10.32926,0 0,10.466063 -10.32926,0 0,-10.466063 z m -41.9326497,13.202288 10.3292497,0 0,10.329252 -10.3292497,0 0,-10.329252 z m 13.0654697,0 11.69737,0 0,10.329252 -11.69737,0 0,-10.329252 z m 14.43359,0 11.69737,0 0,10.329252 -11.69737,0 0,-10.329252 z m 14.43359,0 10.32926,0 0,10.329252 -10.32926,0 0,-10.329252 z" }) })
+          }
+        ),
+        onClick: () => {
+          i.scene.morphTo2D(), n(ie.SCENE2D);
+        }
+      }
+    ),
+    o(ie.COLUMBUS_VIEW) && /* @__PURE__ */ l(
+      be,
+      {
+        icon: /* @__PURE__ */ l(
+          "div",
+          {
+            className: `mapViewIcon ${t === ie.COLUMBUS_VIEW ? "mapViewCurrent" : ""}`,
+            children: /* @__PURE__ */ l("svg", { width: "100%", height: "100%", viewBox: "0 0 64 64", children: /* @__PURE__ */ l("path", { d: "m 14.723969,17.675598 -0.340489,0.817175 -11.1680536,26.183638 -0.817175,1.872692 2.076986,0 54.7506996,0 2.07698,0 -0.81717,-1.872692 -11.16805,-26.183638 -0.34049,-0.817175 -0.91933,0 -32.414586,0 -0.919322,0 z m 1.838643,2.723916 6.196908,0 -2.928209,10.418977 -7.729111,0 4.460412,-10.418977 z m 9.02297,0 4.903049,0 0,10.418977 -7.831258,0 2.928209,-10.418977 z m 7.626964,0 5.584031,0 2.62176,10.418977 -8.205791,0 0,-10.418977 z m 8.410081,0 5.51593,0 4.46042,10.418977 -7.38863,0 -2.58772,-10.418977 z m -30.678091,13.142892 8.103649,0 -2.89416,10.282782 -9.6018026,0 4.3923136,-10.282782 z m 10.929711,0 8.614384,0 0,10.282782 -11.508544,0 2.89416,-10.282782 z m 11.338299,0 8.852721,0 2.58772,10.282782 -11.440441,0 0,-10.282782 z m 11.678781,0 7.86531,0 4.39231,10.282782 -9.6699,0 -2.58772,-10.282782 z" }) })
+          }
+        ),
+        onClick: () => {
+          i.scene.morphToColumbusView(), n(ie.COLUMBUS_VIEW);
+        }
+      }
+    )
+  ] });
+};
+const rr = Me(
+  (e) => Re({
+    mapContainer: {
+      width: "60px",
+      height: "60px",
+      border: `${e.palette.background.paper} 2px solid`
+    }
+  })
+), or = (e) => {
+  const i = he(), { baseMaps: t } = e, [n, a] = k(" "), [o, d] = k(), u = rr();
+  I(() => {
+    const C = t == null ? void 0 : t.maps.find((S) => S.isCurrent);
+    C && (d(C), a(C.title !== void 0 ? C.title : " "));
+  }, [t]);
+  const v = (C) => {
+    var S, A;
+    if (t) {
+      (S = i.layersManager) == null || S.removeBaseMapLayers();
+      const L = t.maps.find(
+        (R) => R.id === C
+      );
+      L && ((A = i.layersManager) == null || A.setBaseMapLayers(L), d(L), t.maps.forEach((R) => {
+        R.isCurrent = L === R;
+      }));
+    }
+  };
+  return /* @__PURE__ */ D(oe, { children: [
+    /* @__PURE__ */ l("label", { className: "mapLabel", children: n }),
+    /* @__PURE__ */ l("ul", { className: "mapSelector", children: t == null ? void 0 : t.maps.map((C) => /* @__PURE__ */ l(
+      "li",
+      {
+        className: `mapContainer ${u.mapContainer} ${C === o ? "mapContainerSelected" : ""}`,
+        children: /* @__PURE__ */ l(
+          "img",
+          {
+            alt: "",
+            className: "mapContainerImg",
+            src: C.thumbnail,
+            onMouseOver: () => {
+              a(C.title);
+            },
+            onMouseOut: () => {
+              a(
+                (o == null ? void 0 : o.title) !== void 0 ? o.title : " "
+              );
+            },
+            onClick: () => {
+              v(C.id);
+            }
+          }
+        )
+      },
+      C.id
+    )) })
+  ] });
+};
+const $e = "ic_settings_24px", sr = (e) => {
+  const [i, t] = k(!1), { sceneModes: n, baseMaps: a, locale: o } = e, d = Le(null), u = Q(o, "MAP_SETTINGS_DIALOG_TITLE") ?? "Map Settings", v = Q(o, "MAP_SETTINGS_SCENE_MODE_TITLE") ?? "Scene Mode", C = Q(o, "MAP_SETTINGS_BASE_MAP_TITLE") ?? "Base Map";
+  return I(() => {
+    const S = (A) => {
+      var z;
+      const L = A.target, R = Q(d, "current");
+      R && !R.contains(L) && L.id !== $e && ((z = L.parentElement) == null ? void 0 : z.id) !== $e && (document.removeEventListener("click", S, !1), t(!1));
+    };
+    return document.addEventListener("click", S, !1), () => {
+      document.removeEventListener("click", S, !1);
+    };
+  }), /* @__PURE__ */ D(oe, { children: [
+    /* @__PURE__ */ l(
+      be,
+      {
+        icon: /* @__PURE__ */ l("div", { className: "settingsIconContainer", children: /* @__PURE__ */ l(
+          "svg",
+          {
+            width: "100%",
+            height: "100%",
+            viewBox: "0 0 24 24",
+            id: $e,
+            x: "288",
+            y: "24",
+            children: /* @__PURE__ */ l("path", { d: "M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65A.488.488 0 0 0 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z" })
+          }
+        ) }),
+        onClick: () => {
+          t(!i);
+        }
+      }
+    ),
+    i && /* @__PURE__ */ l(
+      "div",
+      {
+        id: "dialog-portal-example",
+        className: "settingsDialogPortal",
+        ref: d,
+        children: /* @__PURE__ */ D(
+          ci,
+          {
+            open: i,
+            onClosed: () => {
+              t(!1);
+            },
+            children: [
+              /* @__PURE__ */ l(di, { children: u }),
+              /* @__PURE__ */ D(ui, { children: [
+                /* @__PURE__ */ l("h4", { className: "sectionLabel", children: v }),
+                /* @__PURE__ */ l(ae, { className: "mapScenesContainer", children: /* @__PURE__ */ l(nr, { sceneModes: n }) }),
+                /* @__PURE__ */ l(ae, { className: "baseMapsContainer", children: a && /* @__PURE__ */ D(oe, { children: [
+                  /* @__PURE__ */ l("h4", { className: "sectionLabel", children: C }),
+                  /* @__PURE__ */ l(or, { baseMaps: a })
+                ] }) })
+              ] })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+};
+const ar = /* @__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__ */ D("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" })
+    ] })
+  }
+), lr = ({ onClick: e }) => /* @__PURE__ */ l(ae, { onClick: e, className: "mapLegendToggleContainer", children: /* @__PURE__ */ l(be, { icon: ar, className: "mapLegendIcon" }) }), cr = ({
+  legend: { legendImg: e, legendDoc: i, layer: t },
+  docText: n,
+  imgText: a
+}) => {
+  const o = ge(() => {
+    window.open(e, "_blank");
+  }, [e]);
+  ge(() => {
+    window.open(i, "_blank");
+  }, [i]);
+  const d = ge(() => {
+    const C = /* @__PURE__ */ l(ae, { className: "layerNameContainer", children: /* @__PURE__ */ l(
+      "h3",
+      {
+        style: { maxWidth: `${15}ch` },
+        className: "layerName",
+        children: t
+      }
+    ) });
+    return (t ?? "").length > 15 ? /* @__PURE__ */ l(je, { content: t, children: C }) : C;
+  }, [t]), u = ge(() => [
+    typeof e == "string" && /* @__PURE__ */ l(
+      "a",
+      {
+        className: "legendAction",
+        href: e,
+        target: "_blank",
+        rel: "noreferrer",
+        children: a
+      }
+    ),
+    typeof i == "string" && /* @__PURE__ */ l(
+      "a",
+      {
+        className: "legendAction",
+        href: i,
+        target: "_blank",
+        rel: "noreferrer",
+        children: n
+      }
+    )
+  ], [e, a, i, n]);
+  return /* @__PURE__ */ D(ae, { className: "mapLegend", children: [
+    d(),
+    /* @__PURE__ */ l(
+      "img",
+      {
+        alt: "Map Legend",
+        className: "legendImg",
+        src: e,
+        onClick: o
+      }
+    ),
+    /* @__PURE__ */ l(ae, { className: "legendActionsContainer", children: u() })
+  ] });
+}, dr = ({
+  legends: e,
+  actionsTexts: { docText: i, imgText: t },
+  noLegendsText: n
+}) => {
+  const a = ge(() => /* @__PURE__ */ l(ae, { className: "noLegendsContainer", children: /* @__PURE__ */ l("h2", { className: "noLegendsMsg", children: n }) }), [n]), o = ge(() => e.length ? e.map((d, u) => /* @__PURE__ */ l(
+    cr,
+    {
+      legend: d,
+      docText: i,
+      imgText: t
+    },
+    `${d.layer}_${u}`
+  )) : a(), [e]);
+  return /* @__PURE__ */ l(ae, { className: "mapLegendsList", children: o() });
+}, ur = ({
+  isOpen: e,
+  toggleSidebar: i,
+  title: t = "Map Legends",
+  noLegendsText: n = "No legends to display...",
+  actionsTexts: a = { docText: "Docs", imgText: "View Image" },
+  legends: o = []
+}) => e ? /* @__PURE__ */ D(
+  hi,
+  {
+    className: "mapLegendSidebarContainer",
+    modal: !1,
+    dismissible: !0,
+    open: e,
+    children: [
+      /* @__PURE__ */ l(pi, { className: "sidebarHeaderContainer", children: /* @__PURE__ */ l(mi, { className: "sidebarTitle", children: t }) }),
+      /* @__PURE__ */ D(gi, { className: "sidebarContent", children: [
+        /* @__PURE__ */ l(
+          be,
+          {
+            onClick: i,
+            className: "mapLegendCloseBtn",
+            icon: { icon: "close", size: "small" }
+          }
+        ),
+        /* @__PURE__ */ l(
+          dr,
+          {
+            noLegendsText: n,
+            legends: o,
+            actionsTexts: a
+          }
+        )
+      ] })
+    ]
+  }
+) : null, Rt = (e, i, t) => {
+  let n;
+  if (e.scene.mode !== ye.SCENE2D)
+    n = e.scene.pickPosition(new Te(i, t));
+  else {
+    const a = e.scene.globe.ellipsoid;
+    n = e.camera.pickEllipsoid(new Te(i, t), a);
+  }
+  return Be.fromCartesian(n);
+}, hr = (e, i, t) => {
+  const n = Rt(e, i, t);
+  return {
+    type: "Feature",
+    properties: {},
+    geometry: {
+      type: "Point",
+      coordinates: [
+        le.toDegrees(n.longitude),
+        le.toDegrees(n.latitude)
+      ]
+    }
+  };
+}, pr = (e, i, t) => {
+  try {
+    const n = Rt(e, i, t);
+    return {
+      longitude: le.toDegrees(n.longitude),
+      latitude: le.toDegrees(n.latitude)
+    };
+  } catch {
+    return;
+  }
+}, de = document.createElement("canvas"), te = de.getContext("2d"), ht = (e) => {
+  const n = (e == null ? void 0 : e.data) ?? [];
+  for (let a = 3; a < n.length; a += 4)
+    if (n[a] < 255)
+      return !0;
+  return !1;
+}, mr = async (e, i) => (i && i.tileTransparencyCheckedCounter++, new Promise((t, n) => {
+  try {
+    te == null || te.clearRect(0, 0, de.width, de.height);
+    let a;
+    if (e instanceof HTMLImageElement)
+      a = e;
+    else if (e instanceof ImageBitmap) {
+      de.width = e.width, de.height = e.height, te == null || te.drawImage(e, 0, 0);
+      const o = te == null ? void 0 : te.getImageData(
+        0,
+        0,
+        de.width,
+        de.height
+      ), d = ht(o);
+      d && i && (i.tileTransparencyCheckedCounter = i.maxTilesForTransparencyCheck), t(d);
+      return;
+    } else
+      a = new Image(), a.crossOrigin = "anonymous", a.src = e;
+    a.onload = () => {
+      de.width = a.width, de.height = a.height, te == null || te.drawImage(a, 0, 0);
+      const o = te == null ? void 0 : te.getImageData(
+        0,
+        0,
+        de.width,
+        de.height
+      );
+      ht(o) ? (i && (i.tileTransparencyCheckedCounter = i.maxTilesForTransparencyCheck), t(!0)) : t(!1);
+    };
+  } catch (a) {
+    console.error("Could not determine image transparency. Error => ", a), n(a);
+  }
+})), xe = (e, i) => {
+  const { west: t, east: n, north: a, south: o } = e, {
+    west: d,
+    east: u,
+    north: v,
+    south: C
+  } = i;
+  return t >= d && n <= u && a <= v && o >= C;
+}, Ne = 3, De = "hasTransparency";
+function tt(e, i, t, n, a) {
+  return setTimeout(() => {
+    var u;
+    const o = (u = this.layerListInstance.find(
+      /* eslint-disable */
+      (v) => {
+        var C, S;
+        return ((C = v._imageryProvider._resource) == null ? void 0 : C._url) === ((S = this._resource) == null ? void 0 : S._url);
+      }
+      /* eslint-enable */
+    )) == null ? void 0 : u.meta, d = Q(o, De) === !0;
+    this.tileTransparencyCheckedCounter < Ne && !d && mr(a == null ? void 0 : a.url, this).then(
+      (v) => {
+        var C;
+        (C = this.mapViewer.layersManager) == null || C.addMetaToLayer(
+          { [De]: v },
+          /* eslint-disable */
+          (S) => S._imageryProvider._resource._url === this._resource._url
+        );
+      }
+    );
+  }, 0), e(i, t, n, a);
+}
+class Bt extends Ze {
+  constructor(t, n) {
+    var a;
+    super(t);
+    J(this, "layerListInstance");
+    J(this, "mapViewer");
+    J(this, "maxTilesForTransparencyCheck", Ne);
+    J(this, "tileTransparencyCheckedCounter", 0);
+    this.layerListInstance = (a = n.layersManager) == null ? void 0 : a.layerList, this.mapViewer = n;
+  }
+  requestImage(t, n, a, o) {
+    return tt.call(
+      this,
+      super.requestImage.bind(this),
+      t,
+      n,
+      a,
+      o
+    );
+  }
+}
+class Nt extends Je {
+  constructor(t, n) {
+    var a;
+    super(t);
+    J(this, "layerListInstance");
+    J(this, "mapViewer");
+    J(this, "maxTilesForTransparencyCheck", Ne);
+    J(this, "tileTransparencyCheckedCounter", 0);
+    this.layerListInstance = (a = n.layersManager) == null ? void 0 : a.layerList, this.mapViewer = n;
+  }
+  requestImage(t, n, a, o) {
+    return tt.call(
+      this,
+      super.requestImage.bind(this),
+      t,
+      n,
+      a,
+      o
+    );
+  }
+}
+class Ft extends Qe {
+  constructor(t, n) {
+    var a;
+    super(t);
+    J(this, "layerListInstance");
+    J(this, "mapViewer");
+    J(this, "maxTilesForTransparencyCheck", Ne);
+    J(this, "tileTransparencyCheckedCounter", 0);
+    this.layerListInstance = (a = n.layersManager) == null ? void 0 : a.layerList, this.mapViewer = n;
+  }
+  requestImage(t, n, a, o) {
+    return tt.call(
+      this,
+      super.requestImage.bind(this),
+      t,
+      n,
+      a,
+      o
+    );
+  }
+}
+const gr = 1, fr = -1, pt = "TRANSPARENT_BASE_LAYER";
+class yr {
+  constructor(i, t, n) {
+    J(this, "mapViewer");
+    J(this, "legendsList");
+    J(this, "layerUpdated");
+    J(this, "layers");
+    J(this, "legendsExtractor");
+    this.mapViewer = i, this.layers = this.mapViewer.imageryLayers._layers, this.legendsList = [], this.legendsExtractor = t, this.layerUpdated = new Wi(), n && this.layerUpdated.addEventListener(n, this), this.mapViewer.shouldOptimizedTileRequests && (this.layerUpdated.addEventListener((a) => {
+      const o = Object.keys(a);
+      o.length === 1 && o[0] === De && (this.markRelevantLayersForExtent(), this.hideNonRelevantLayers());
+    }), this.mapViewer.imageryLayers.layerRemoved.addEventListener(() => {
+      this.setLegends(), this.markRelevantLayersForExtent(), this.hideNonRelevantLayers();
+    }), this.mapViewer.imageryLayers.layerMoved.addEventListener(() => {
+      this.markRelevantLayersForExtent(), this.hideNonRelevantLayers();
+    }), this.mapViewer.imageryLayers.layerAdded.addEventListener(() => {
+      this.markRelevantLayersForExtent(), this.hideNonRelevantLayers();
+    }), this.mapViewer.camera.moveEnd.addEventListener(() => {
+      this.markRelevantLayersForExtent(), this.hideNonRelevantLayers();
+    }));
+  }
+  get layerList() {
+    return this.layers;
+  }
+  /* eslint-disable */
+  addMetaToLayer(i, t) {
+    const n = this.layers.find(t);
+    n && (n.meta = { ...n.meta ?? {}, ...i }, this.setLegends(), this.layerUpdated.raiseEvent(i));
+  }
+  /* eslint-enable */
+  setBaseMapLayers(i) {
+    i.baseRasteLayers.sort(
+      (n, a) => n.zIndex - a.zIndex
+    ).forEach((n, a) => {
+      this.addRasterLayer(n, a, i.id);
+    }), this.mapViewer.shouldOptimizedTileRequests && (this.removeLayer(pt), this.addTransparentImageryProvider());
+  }
+  addRasterLayer(i, t, n) {
+    let a;
+    switch (i.type) {
+      case "XYZ_LAYER": {
+        const o = i.options, d = this.mapViewer.shouldOptimizedTileRequests ? new Bt(o, this.mapViewer) : new Ze(o);
+        a = this.mapViewer.imageryLayers.addImageryProvider(
+          d,
+          t
+        );
+        break;
+      }
+      case "WMS_LAYER": {
+        const o = i.options, d = this.mapViewer.shouldOptimizedTileRequests ? new Nt(o, this.mapViewer) : new Je(o);
+        a = this.mapViewer.imageryLayers.addImageryProvider(
+          d,
+          t
+        );
+        break;
+      }
+      case "WMTS_LAYER": {
+        const o = i.options, d = this.mapViewer.shouldOptimizedTileRequests ? new Ft(o, this.mapViewer) : new Qe(o);
+        a = this.mapViewer.imageryLayers.addImageryProvider(
+          d,
+          t
+        );
+        break;
+      }
+    }
+    a && (a.alpha = i.opacity, a.meta = {
+      parentBasetMapId: n,
+      ...i
+    }, i.show !== void 0 && (a.show = i.show));
+  }
+  removeLayer(i) {
+    const t = this.findLayerById(i);
+    t && this.mapViewer.imageryLayers.remove(t, !0);
+  }
+  removeBaseMapLayers() {
+    this.layers.filter((t) => !!Q(t.meta, "parentBasetMapId")).forEach((t) => {
+      this.mapViewer.imageryLayers.remove(t, !0);
+    });
+  }
+  // Remove all non base layers
+  removeNotBaseMapLayers() {
+    this.layers.filter((t) => !Q(t.meta, "parentBasetMapId")).forEach((t) => {
+      this.mapViewer.imageryLayers.remove(t, !0);
+    });
+  }
+  raise(i, t = 1) {
+    const n = this.findLayerById(i), a = (n == null ? void 0 : n.meta).zIndex;
+    if (n)
+      for (let o = 0; o < t; o++)
+        this.mapViewer.imageryLayers.raise(n);
+    this.updateLayersOrder(i, a, a + t);
+  }
+  lower(i, t = 1) {
+    const n = this.findLayerById(i), a = (n == null ? void 0 : n.meta).zIndex, o = this.getBaseLayersCount(), d = this.mapViewer.imageryLayers.indexOf(
+      n
+    );
+    if (d - t <= o && (t = d - o), n)
+      for (let u = 0; u < t; u++)
+        this.mapViewer.imageryLayers.lower(n);
+    this.updateLayersOrder(i, a, a - t);
+  }
+  raiseToTop(i) {
+    const t = this.findLayerById(i), n = (t == null ? void 0 : t.meta).zIndex;
+    t && this.mapViewer.imageryLayers.raiseToTop(t), this.updateLayersOrder(
+      i,
+      n,
+      this.mapViewer.imageryLayers.length - this.getBaseLayersCount() - 1
+    );
+  }
+  lowerToBottom(i) {
+    const t = this.findLayerById(i), n = this.getBaseLayersCount(), a = this.mapViewer.imageryLayers.indexOf(
+      t
+    );
+    this.lower(i, a - n);
+  }
+  length() {
+    return this.mapViewer.imageryLayers.length;
+  }
+  show(i, t) {
+    const n = this.get(i);
+    n !== void 0 && (n.show = t);
+  }
+  showAllNotBase(i) {
+    this.layers.filter((n) => !Q(n.meta, "parentBasetMapId")).forEach((n) => {
+      var a;
+      this.show((a = n.meta) == null ? void 0 : a.id, i);
+    });
+  }
+  get(i) {
+    const t = this.findLayerById(i), n = this.mapViewer.imageryLayers.indexOf(
+      t
+    );
+    return n ? this.mapViewer.imageryLayers.get(n) : void 0;
+  }
+  findLayerByPOI(i, t) {
+    const n = hr(this.mapViewer, i, t);
+    return this.layers.filter((d) => !Q(d.meta, "parentBasetMapId")).filter((d) => {
+      const u = Q(d.meta, "details.footprint");
+      return u !== void 0 ? un(n.geometry, {
+        type: "Feature",
+        properties: {},
+        geometry: u
+      }) && d.show : (console.warn("CesiumImageryLayer has no defined footprint", d.meta), !1);
+    }).sort((d, u) => {
+      var v, C;
+      return ((v = u.meta) == null ? void 0 : v.zIndex) - ((C = d.meta) == null ? void 0 : C.zIndex);
+    });
+  }
+  addTransparentImageryProvider() {
+    const i = this.mapViewer.imageryLayers.addImageryProvider(
+      new ji({
+        url: "./assets/img/transparent-tile.png",
+        /* eslint-disable @typescript-eslint/no-magic-numbers */
+        rectangle: new Ce(
+          -3.141592653589793,
+          -1.5707963267948966,
+          3.141592653589793,
+          1.5707963267948966
+        )
+        /* eslint-enable @typescript-eslint/no-magic-numbers */
+      }),
+      0
+    );
+    i.meta = {
+      id: pt,
+      skipRelevancyCheck: !0
+    };
+  }
+  setLegends() {
+    typeof this.legendsExtractor < "u" && (this.legendsList = this.legendsExtractor(this.layers));
+  }
+  getBaseLayersCount() {
+    return this.layers.filter((t) => !!Q(t.meta, "parentBasetMapId")).length;
+  }
+  findLayerById(i) {
+    return this.layers.find((t) => t.meta !== void 0 ? t.meta.id === i : !1);
+  }
+  updateLayersOrder(i, t, n) {
+    const a = t > n ? gr : fr, o = t < n ? t : n, d = t < n ? n : t;
+    this.layers.forEach((u) => {
+      var C;
+      if (!Q(u.meta, "parentBasetMapId")) {
+        const S = (C = u.meta) == null ? void 0 : C.zIndex;
+        u.meta.zIndex = S >= o && S <= d && S !== t ? S + a : S === t ? n : S;
+      }
+    });
+  }
+  hideNonRelevantLayers() {
+    var i, t;
+    for (const n of this.layers)
+      ((i = n.meta) == null ? void 0 : i.relevantToExtent) !== n.show && n.imageryProvider.ready && (n.show = ((t = n.meta) == null ? void 0 : t.relevantToExtent) ?? !0);
+  }
+  markRelevantLayersForExtent() {
+    var i, t;
+    try {
+      const n = this.mapViewer.camera.computeViewRectangle();
+      for (let a = this.layers.length - 1; a >= 0; a--) {
+        const o = this.layers[a], d = !Ke(n) && !Ke(o.rectangle) && Ce.intersection(n, o.rectangle);
+        for (let u = this.layers.length - 1; u >= a; u--) {
+          if (((i = o.meta) == null ? void 0 : i.skipRelevancyCheck) === !0) {
+            o.meta = { ...o.meta, relevantToExtent: !0 };
+            continue;
+          }
+          const v = this.layers[u], C = ((t = v.meta) == null ? void 0 : t[De]) === !0;
+          if (o !== v)
+            if (d instanceof Ce) {
+              if (xe(n, o.rectangle))
+                if (xe(n, v.rectangle) && !C) {
+                  o.meta = {
+                    ...o.meta ?? {},
+                    relevantToExtent: !1
+                  };
+                  break;
+                } else
+                  o.meta = {
+                    ...o.meta ?? {},
+                    relevantToExtent: !0
+                  };
+              if (xe(n, v.rectangle) && !C) {
+                o.meta = { ...o.meta ?? {}, relevantToExtent: !1 };
+                break;
+              }
+              if (xe(o.rectangle, v.rectangle)) {
+                if (o.meta = {
+                  ...o.meta ?? {},
+                  relevantToExtent: C
+                }, !C)
+                  break;
+              } else
+                o.meta = { ...o.meta ?? {}, relevantToExtent: !0 };
+            } else
+              o.meta = { ...o.meta ?? {}, relevantToExtent: !1 };
+          else
+            a === this.layers.length - 1 && (o.meta = {
+              ...o.meta ?? {},
+              relevantToExtent: d instanceof Ce
+            });
+        }
+      }
+    } catch (n) {
+      console.error(n);
+    }
+  }
+}
+const mt = 212, gt = 260, vr = 0;
+class Ho extends Ki {
+  constructor(t, n) {
+    super(t, n);
+    J(this, "layersManager");
+    J(this, "useOptimizedTileRequests");
+  }
+  get shouldOptimizedTileRequests() {
+    return this.useOptimizedTileRequests ?? !1;
+  }
+  set shouldOptimizedTileRequests(t) {
+    this.useOptimizedTileRequests = t;
+  }
+}
+const Ht = Se(null), Er = Ht.Provider, Cr = 1e4, he = () => {
+  const e = Pe(Ht);
+  if (e === null)
+    throw new Error("map context is null, please check the provider");
+  return e;
+}, Go = (e) => {
+  var E, T, b, w, _, P, H, W;
+  const i = Le(null), [t, n] = k(), [a, o] = k(), [d, u] = k(), [v, C] = k(), [S, A] = k(), [L, R] = k(), [z, K] = k(), [Y, F] = k(), [X, U] = k([]), [V, j] = k(), [O, $] = k(!1), [q, r] = k(void 0), [s, f] = k(
+    !1
+  ), [c, g] = k(), h = {
+    fullscreenButton: !0,
+    timeline: !1,
+    animation: !1,
+    baseLayerPicker: !1,
+    geocoder: !1,
+    navigationHelpButton: !1,
+    homeButton: !1,
+    sceneModePicker: !1,
+    ...e
+  }, y = (M, x, B, G, pe) => {
+    const ne = t.container, ee = ne.clientWidth, se = ne.clientHeight, _e = G + pe;
+    return {
+      left: `${ee - M < B ? M - (B - (ee - M)) : M}px`,
+      top: `${se - x < _e ? x - (_e - (se - x)) : x}px`
+    };
+  };
+  I(() => {
+    var M;
+    if (i.current !== null) {
+      const x = i.current.cesiumElement;
+      e.imageryContextMenu && x.screenSpaceEventHandler.setInputAction(
+        (B) => {
+          const G = B.position;
+          $(!1), r(G), g(
+            pr(x, G.x, G.y)
+          ), $(!0);
+        },
+        St.RIGHT_CLICK
+      );
+    }
+    n((M = i.current) == null ? void 0 : M.cesiumElement);
+  }, [i, e.imageryContextMenu]), I(() => {
+    var M;
+    t && (t.shouldOptimizedTileRequests = e.useOptimizedTileRequests ?? !1, t.layersManager = new yr(
+      t,
+      (M = e.legends) == null ? void 0 : M.mapLegendsExtractor,
+      () => {
+        var x;
+        U(
+          (x = t.layersManager) == null ? void 0 : x.legendsList
+        );
+      }
+    ));
+  }, [t]), I(() => {
+    t && (t.shouldOptimizedTileRequests = e.useOptimizedTileRequests ?? !1);
+  }, [e.useOptimizedTileRequests, t]), I(() => {
+    F(
+      e.sceneModes ?? [
+        ie.SCENE2D,
+        ie.SCENE3D,
+        ie.COLUMBUS_VIEW
+      ]
+    );
+  }, [e.sceneModes]), I(() => {
+    var x, B;
+    j(e.baseMaps);
+    const M = (x = e.baseMaps) == null ? void 0 : x.maps.find(
+      (G) => G.isCurrent
+    );
+    M && t && ((B = t.layersManager) == null || B.setBaseMapLayers(M));
+  }, [e.baseMaps, t]), I(() => {
+    o(e.projection ?? ue.WGS84);
+  }, [e.projection]), I(() => {
+    R(e.locale);
+  }, [e.locale]), I(() => {
+    u(e.showMousePosition ?? !0);
+  }, [e.showMousePosition]), I(() => {
+    C(e.showZoomLevel ?? !0);
+  }, [e.showZoomLevel]), I(() => {
+    A(e.showScale ?? !0);
+  }, [e.showScale]), I(() => {
+    const M = () => {
+      if (t === void 0)
+        return {
+          longitude: 0,
+          latitude: 0,
+          height: 0
+        };
+      const B = () => {
+        const G = t.camera.positionCartographic;
+        return {
+          longitude: Ae(G.longitude),
+          latitude: Ae(G.latitude),
+          height: G.height
+        };
+      };
+      if (t.scene.mode === ye.SCENE3D) {
+        const G = new Te(
+          // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+          t.container.clientWidth / 2,
+          // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+          t.container.clientHeight / 2
+        ), pe = t.scene.camera.getPickRay(G), ne = t.scene.globe.pick(
+          pe,
+          t.scene
+        ), ee = t.scene.globe.ellipsoid.cartesianToCartographic(
+          ne
+        );
+        return ee !== void 0 ? {
+          longitude: Ae(ee.longitude),
+          latitude: Ae(ee.latitude),
+          height: t.scene.camera.positionCartographic.height
+        } : B();
+      } else
+        return B();
+    }, x = setInterval(() => {
+      if (t && t.scene.mode !== ye.MORPHING) {
+        const B = t.camera, G = {
+          position: M(),
+          direction: B.direction.clone(),
+          up: B.up.clone(),
+          right: B.right.clone(),
+          transform: B.transform.clone(),
+          frustum: B.frustum.clone()
+        };
+        K(G);
+      }
+    }, Cr);
+    return () => {
+      clearInterval(x);
+    };
+  }, [t]), I(() => {
+    const M = () => {
+      t && z && t.camera.flyTo({
+        destination: me.fromDegrees(
+          z.position.longitude,
+          z.position.latitude,
+          z.position.height
+        ),
+        duration: 0
+      });
+    };
+    return t && t.scene.morphComplete.addEventListener(M), () => {
+      if (t)
+        try {
+          t.scene.morphComplete.removeEventListener(
+            M
+          );
+        } catch {
+          console.error("morphCompleteHandler event not cleaned");
+        }
+    };
+  }, [t, z]), I(() => {
+    const M = e.zoom, x = e.center;
+    t && Oe(M) && dn(x) && t.camera.flyTo({
+      destination: me.fromDegrees(
+        x[0],
+        x[1],
+        Xn(M)
+      ),
+      duration: 0
+    });
+  }, [e.zoom, e.center, t]);
+  const m = ge(() => t && Ii(
+    /* @__PURE__ */ D(oe, { children: [
+      /* @__PURE__ */ D(ae, { className: "sideToolsContainer", children: [
+        /* @__PURE__ */ l(
+          sr,
+          {
+            sceneModes: Y,
+            baseMaps: V,
+            locale: L
+          }
+        ),
+        /* @__PURE__ */ l(
+          lr,
+          {
+            onClick: () => f(!s)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ D(ae, { className: "toolsContainer", children: [
+        d === !0 ? /* @__PURE__ */ l(Zn, { projection: a }) : /* @__PURE__ */ l(oe, {}),
+        v === !0 ? /* @__PURE__ */ l(tr, { locale: L }) : /* @__PURE__ */ l(oe, {}),
+        S === !0 ? /* @__PURE__ */ l(Qn, { locale: L }) : /* @__PURE__ */ l(oe, {})
+      ] })
+    ] }),
+    document.querySelector(".cesium-viewer")
+  ), [
+    V,
+    L,
+    t,
+    a,
+    Y,
+    d,
+    S,
+    s
+  ]);
+  return /* @__PURE__ */ l(Oi, { className: "viewer", full: !0, ref: i, ...h, children: /* @__PURE__ */ D(Er, { value: t, children: [
+    /* @__PURE__ */ l(
+      ur,
+      {
+        title: (E = e.legends) == null ? void 0 : E.title,
+        isOpen: s,
+        toggleSidebar: () => f(!s),
+        noLegendsText: (T = e.legends) == null ? void 0 : T.emptyText,
+        legends: ((b = e.legends) == null ? void 0 : b.legendsList) ?? X,
+        actionsTexts: (w = e.legends) == null ? void 0 : w.actionsTexts
+      }
+    ),
+    e.children,
+    m(),
+    e.imageryContextMenu && O && q && c && ve.cloneElement(e.imageryContextMenu, {
+      data: (_ = t == null ? void 0 : t.layersManager) == null ? void 0 : _.findLayerByPOI(
+        q.x,
+        q.y
+      ),
+      position: {
+        x: q.x,
+        y: q.y
+      },
+      coordinates: c,
+      style: y(
+        q.x,
+        q.y,
+        ((P = e.imageryContextMenuSize) == null ? void 0 : P.width) ?? gt,
+        ((H = e.imageryContextMenuSize) == null ? void 0 : H.height) ?? mt,
+        ((W = e.imageryContextMenuSize) == null ? void 0 : W.dynamicHeightIncrement) ?? vr
+      ),
+      size: e.imageryContextMenuSize ?? {
+        height: mt,
+        width: gt
+      },
+      handleClose: () => {
+        $(!O);
+      }
+    })
+  ] }) });
+}, wr = 0, Vo = (e) => {
+  const i = he();
+  return /* @__PURE__ */ l(
+    Di,
+    {
+      ...e,
+      onReady: (t) => {
+        e.isZoomTo === !0 && i.zoomTo(t);
+        const n = i.scene;
+        n.globe.depthTestAgainstTerrain = !0;
+        const a = Be.fromCartesian(
+          t.boundingSphere.center
+        ), o = e.heightFromGround ?? wr;
+        if (o) {
+          const d = me.fromRadians(
+            a.longitude,
+            a.latitude,
+            a.height
+          ), u = me.fromRadians(
+            a.longitude,
+            a.latitude,
+            a.height + o
+          ), v = me.subtract(
+            u,
+            d,
+            new me()
+          );
+          t.modelMatrix = qi.fromTranslation(v);
+        }
+      }
+    }
+  );
+}, zo = (e) => /* @__PURE__ */ l(Ri, { ...e }), Fe = (e) => {
+  const { meta: i, ...t } = e, n = he();
+  return jt(() => {
+    var a;
+    (a = n.layersManager) == null || a.addMetaToLayer(
+      i,
+      /* eslint-disable */
+      i.searchLayerPredicate ?? ((o, d) => {
+        var u, v;
+        return i !== void 0 ? ((u = o._imageryProvider._resource) == null ? void 0 : u._url) === ((v = i.options) == null ? void 0 : v.url) : !1;
+      })
+    );
+  }, [i, n]), /* @__PURE__ */ l(Bi, { ...t });
+}, $o = (e) => {
+  const { options: i, ...t } = e, n = he(), a = n.shouldOptimizedTileRequests ? new Nt(i, n) : new Je(i);
+  return /* @__PURE__ */ l(Fe, { ...t, imageryProvider: a });
+}, Uo = (e) => {
+  const { options: i, ...t } = e, n = he(), a = n.shouldOptimizedTileRequests ? new Ft(i, n) : new Qe(i);
+  return /* @__PURE__ */ l(Fe, { ...t, imageryProvider: a });
+}, Wo = (e) => {
+  const { options: i, ...t } = e, n = he(), a = n.shouldOptimizedTileRequests ? new Bt(i, n) : new Ze(i);
+  return /* @__PURE__ */ l(Fe, { ...t, imageryProvider: a });
+}, jo = (e) => {
+  const { options: i, ...t } = e;
+  return /* @__PURE__ */ l(
+    Fe,
+    {
+      ...t,
+      imageryProvider: new Yi(i)
+    }
+  );
+}, br = (e) => /* @__PURE__ */ l(Ni, { ...e }), Ko = (e) => /* @__PURE__ */ l(_t, { ...e }), Tr = (e) => /* @__PURE__ */ l(_t, { ...e }), _r = (e) => /* @__PURE__ */ l(Fi, { ...e }), Sr = (e) => /* @__PURE__ */ l(Hi, { ...e }), Lr = (e) => /* @__PURE__ */ l(Gi, { ...e }), Pr = (e) => /* @__PURE__ */ l(Vi, { ...e });
+var fe = function() {
+  var e = p.Ellipsoid.WGS84, i, t = p.Material.fromType(p.Material.ColorType);
+  function n(r, s = new p.Color(1, 1, 0, 0.5), f = new p.Color(1, 1, 1, 1)) {
+    this._scene = r.scene, t.uniforms.color = s, i = f, this._tooltip = {
+      setVisible: () => {
+      },
+      showAt: () => {
+      }
+    }, this._surfaces = [], this.initialiseHandlers(), this.enhancePrimitives();
+  }
+  n.prototype.initialiseHandlers = function() {
+    var r = this._scene, s = this, f = new p.ScreenSpaceEventHandler(r.canvas);
+    function c(h, y) {
+      if (s._handlersMuted != !0) {
+        var m = r.pick(y);
+        m && m.primitive && m.primitive[h] && m.primitive[h](y);
+      }
+    }
+    f.setInputAction(function(h) {
+      c("leftClick", h.position);
+    }, p.ScreenSpaceEventType.LEFT_CLICK), f.setInputAction(function(h) {
+      c("leftDoubleClick", h.position);
+    }, p.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
+    var g;
+    f.setInputAction(function(h) {
+      if (s._handlersMuted != !0) {
+        var y = r.pick(h.endPosition);
+        g && (!y || g != y.primitive) && (!(g.isDestroyed && g.isDestroyed()) && g.mouseOut(h.endPosition), g = null), y && y.primitive && (y = y.primitive, y.mouseOut && (g = y), y.mouseMove && y.mouseMove(h.endPosition));
+      }
+    }, p.ScreenSpaceEventType.MOUSE_MOVE), f.setInputAction(function(h) {
+      c("leftUp", h.position);
+    }, p.ScreenSpaceEventType.LEFT_UP), f.setInputAction(function(h) {
+      c("leftDown", h.position);
+    }, p.ScreenSpaceEventType.LEFT_DOWN);
+  }, n.prototype.setListener = function(r, s, f) {
+    r[s] = f;
+  }, n.prototype.muteHandlers = function(r) {
+    this._handlersMuted = r;
+  }, n.prototype.registerEditableShape = function(r) {
+    var s = this;
+    $(r, "mouseMove", function(f) {
+      r.setHighlighted(!0), r._editMode || s._tooltip.showAt(f, "Click to edit this shape");
+    }), $(r, "mouseOut", function(f) {
+      r.setHighlighted(!1), s._tooltip.setVisible(!1);
+    }), $(r, "leftClick", function(f) {
+      r.setEditMode(!0);
+    });
+  }, n.prototype.startDrawing = function(r) {
+    this.disableAllEditMode(), this.editCleanUp && this.editCleanUp(), this.editCleanUp = r, this.muteHandlers(!0);
+  }, n.prototype.stopDrawing = function() {
+    this.editCleanUp && (this.editCleanUp(), this.editCleanUp = null), this.muteHandlers(!1);
+  }, n.prototype.disableAllHighlights = function() {
+    this.setHighlighted(void 0);
+  }, n.prototype.setHighlighted = function(r) {
+    this._highlightedSurface && !this._highlightedSurface.isDestroyed() && this._highlightedSurface != r && this._highlightedSurface.setHighlighted(!1), this._highlightedSurface = r;
+  }, n.prototype.disableAllEditMode = function() {
+    this.setEdited(void 0);
+  }, n.prototype.setEdited = function(r) {
+    this._editedSurface && !this._editedSurface.isDestroyed() && this._editedSurface.setEditMode(!1), this._editedSurface = r;
+  };
+  var a = {
+    ellipsoid: p.Ellipsoid.WGS84,
+    textureRotationAngle: 0,
+    height: 0,
+    asynchronous: !0,
+    show: !0,
+    debugShowBoundingVolume: !1
+  }, o = O(a, {
+    appearance: new p.EllipsoidSurfaceAppearance({
+      aboveGround: !1
+    }),
+    material: t,
+    granularity: Math.PI / 180
+  }), d = O(a, {}), u = O(a, {}), v = O(a, {}), C = O(o, {
+    rotation: 0
+  }), S = O(a, {
+    width: 5,
+    geodesic: !0,
+    granularity: 1e4,
+    appearance: new p.PolylineMaterialAppearance({
+      aboveGround: !1
+    }),
+    material: t
+  }), A = function() {
+    function r() {
+    }
+    return r.prototype.initialiseOptions = function(s) {
+      j(this, s), 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;
+    }, r.prototype.setAttribute = function(s, f) {
+      this[s] = f, this._createPrimitive = !0;
+    }, r.prototype.getAttribute = function(s) {
+      return this[s];
+    }, r.prototype.update = function(s, f, c) {
+      if (!p.defined(this.ellipsoid))
+        throw new p.DeveloperError("this.ellipsoid must be defined.");
+      if (!p.defined(this.appearance))
+        throw new p.DeveloperError("this.material must be defined.");
+      if (this.granularity < 0)
+        throw new p.DeveloperError("this.granularity and scene2D/scene3D overrides must be greater than zero.");
+      if (this.show && !(!this._createPrimitive && !p.defined(this._primitive))) {
+        if (this._createPrimitive || this._ellipsoid !== this.ellipsoid || this._granularity !== this.granularity || this._height !== this.height || this._textureRotationAngle !== this.textureRotationAngle || this._id !== this.id) {
+          var g = this.getGeometry();
+          if (!g)
+            return;
+          this._createPrimitive = !1, this._ellipsoid = this.ellipsoid, this._granularity = this.granularity, this._height = this.height, this._textureRotationAngle = this.textureRotationAngle, this._id = this.id, this._primitive = this._primitive && this._primitive.destroy(), this._primitive = new p.Primitive({
+            geometryInstances: new p.GeometryInstance({
+              geometry: g,
+              id: this.id,
+              pickPrimitive: this
+            }),
+            appearance: this.appearance,
+            asynchronous: this.asynchronous
+          }), this._outlinePolygon = this._outlinePolygon && this._outlinePolygon.destroy(), this.strokeColor && this.getOutlineGeometry && (this._outlinePolygon = new p.Primitive({
+            geometryInstances: new p.GeometryInstance({
+              geometry: this.getOutlineGeometry(),
+              attributes: {
+                color: p.ColorGeometryInstanceAttribute.fromColor(this.strokeColor)
+              }
+            }),
+            appearance: new p.PerInstanceColorAppearance({
+              flat: !0,
+              renderState: {
+                depthTest: {
+                  enabled: !0
+                },
+                //MC_CHANGE
+                lineWidth: this.strokeWidth || 4
+                // lineWidth : Math.min(this.strokeWidth || 4.0, context._aliasedLineWidthRange[1])
+              }
+            })
+          }));
+        }
+        var h = this._primitive;
+        h.appearance.material = this.material, h.debugShowBoundingVolume = this.debugShowBoundingVolume, h.update(s, f, c), this._outlinePolygon && this._outlinePolygon.update(s, f, c);
+      }
+    }, r.prototype.isDestroyed = function() {
+      return !1;
+    }, r.prototype.destroy = function() {
+      return this._primitive = this._primitive && this._primitive.destroy(), p.destroyObject(this);
+    }, r.prototype.setStrokeStyle = function(s, f) {
+      (!this.strokeColor || !this.strokeColor.equals(s) || this.strokeWidth != f) && (this._createPrimitive = !0, this.strokeColor = s, this.strokeWidth = f);
+    }, r;
+  }();
+  n.ExtentPrimitive = function() {
+    function r(s) {
+      if (!p.defined(s.extent))
+        throw new p.DeveloperError("Extent is required");
+      s = O(s, o), this.initialiseOptions(s), this.setExtent(s.extent);
+    }
+    return r.prototype = new A(), r.prototype.setExtent = function(s) {
+      this.setAttribute("extent", s);
+    }, r.prototype.getExtent = function() {
+      return this.getAttribute("extent");
+    }, r.prototype.getGeometry = function() {
+      if (p.defined(this.extent))
+        return new p.RectangleGeometry({
+          rectangle: this.extent,
+          height: this.height,
+          vertexFormat: p.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
+          stRotation: this.textureRotationAngle,
+          ellipsoid: this.ellipsoid,
+          granularity: this.granularity
+        });
+    }, r.prototype.getOutlineGeometry = function() {
+      return new p.RectangleOutlineGeometry({
+        rectangle: this.extent
+      });
+    }, r;
+  }(), n.PolygonPrimitive = function() {
+    function r(s) {
+      s = O(s, o), this.initialiseOptions(s), this.isPolygon = !0;
+    }
+    return r.prototype = new A(), r.prototype.setPositions = function(s) {
+      this.setAttribute("positions", s);
+    }, r.prototype.getPositions = function() {
+      return this.getAttribute("positions");
+    }, r.prototype.getGeometry = function() {
+      if (!(!p.defined(this.positions) || this.positions.length < 3))
+        return p.PolygonGeometry.fromPositions({
+          positions: this.positions,
+          height: this.height,
+          vertexFormat: p.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
+          stRotation: this.textureRotationAngle,
+          ellipsoid: this.ellipsoid,
+          granularity: this.granularity
+        });
+    }, r.prototype.getOutlineGeometry = function() {
+      return p.PolygonOutlineGeometry.fromPositions({
+        positions: this.getPositions()
+      });
+    }, r;
+  }(), n.CirclePrimitive = function() {
+    function r(s) {
+      if (!(p.defined(s.center) && p.defined(s.radius)))
+        throw new p.DeveloperError("Center and radius are required");
+      s = O(s, o), this.initialiseOptions(s), this.setRadius(s.radius);
+    }
+    return r.prototype = new A(), r.prototype.setCenter = function(s) {
+      this.setAttribute("center", s);
+    }, r.prototype.setRadius = function(s) {
+      this.setAttribute("radius", Math.max(0.1, s));
+    }, r.prototype.getCenter = function() {
+      return this.getAttribute("center");
+    }, r.prototype.getRadius = function() {
+      return this.getAttribute("radius");
+    }, r.prototype.getGeometry = function() {
+      if (p.defined(this.center) && p.defined(this.radius))
+        return new p.CircleGeometry({
+          center: this.center,
+          radius: this.radius,
+          height: this.height,
+          vertexFormat: p.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
+          stRotation: this.textureRotationAngle,
+          ellipsoid: this.ellipsoid,
+          granularity: this.granularity
+        });
+    }, r.prototype.getOutlineGeometry = function() {
+      return new p.CircleOutlineGeometry({
+        center: this.getCenter(),
+        radius: this.getRadius()
+      });
+    }, r;
+  }(), n.EllipsePrimitive = function() {
+    function r(s) {
+      if (!(p.defined(s.center) && p.defined(s.semiMajorAxis) && p.defined(s.semiMinorAxis)))
+        throw new p.DeveloperError("Center and semi major and semi minor axis are required");
+      s = O(s, C), this.initialiseOptions(s);
+    }
+    return r.prototype = new A(), r.prototype.setCenter = function(s) {
+      this.setAttribute("center", s);
+    }, r.prototype.setSemiMajorAxis = function(s) {
+      s < this.getSemiMinorAxis() || this.setAttribute("semiMajorAxis", s);
+    }, r.prototype.setSemiMinorAxis = function(s) {
+      s > this.getSemiMajorAxis() || this.setAttribute("semiMinorAxis", s);
+    }, r.prototype.setRotation = function(s) {
+      return this.setAttribute("rotation", s);
+    }, r.prototype.getCenter = function() {
+      return this.getAttribute("center");
+    }, r.prototype.getSemiMajorAxis = function() {
+      return this.getAttribute("semiMajorAxis");
+    }, r.prototype.getSemiMinorAxis = function() {
+      return this.getAttribute("semiMinorAxis");
+    }, r.prototype.getRotation = function() {
+      return this.getAttribute("rotation");
+    }, r.prototype.getGeometry = function() {
+      if (p.defined(this.center) && p.defined(this.semiMajorAxis) && p.defined(this.semiMinorAxis))
+        return new p.EllipseGeometry({
+          ellipsoid: this.ellipsoid,
+          center: this.center,
+          semiMajorAxis: this.semiMajorAxis,
+          semiMinorAxis: this.semiMinorAxis,
+          rotation: this.rotation,
+          height: this.height,
+          vertexFormat: p.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
+          stRotation: this.textureRotationAngle,
+          granularity: this.granularity
+        });
+    }, r.prototype.getOutlineGeometry = function() {
+      return new p.EllipseOutlineGeometry({
+        center: this.getCenter(),
+        semiMajorAxis: this.getSemiMajorAxis(),
+        semiMinorAxis: this.getSemiMinorAxis(),
+        rotation: this.getRotation()
+      });
+    }, r;
+  }(), n.PolylinePrimitive = function() {
+    function r(s) {
+      s = O(s, S), this.initialiseOptions(s);
+    }
+    return r.prototype = new A(), r.prototype.setPositions = function(s) {
+      this.setAttribute("positions", s);
+    }, r.prototype.setWidth = function(s) {
+      this.setAttribute("width", s);
+    }, r.prototype.setGeodesic = function(s) {
+      this.setAttribute("geodesic", s);
+    }, r.prototype.getPositions = function() {
+      return this.getAttribute("positions");
+    }, r.prototype.getWidth = function() {
+      return this.getAttribute("width");
+    }, r.prototype.getGeodesic = function(s) {
+      return this.getAttribute("geodesic");
+    }, r.prototype.getGeometry = function() {
+      if (!(!p.defined(this.positions) || this.positions.length < 2))
+        return new p.PolylineGeometry({
+          positions: this.positions,
+          height: this.height,
+          width: this.width < 1 ? 1 : this.width,
+          vertexFormat: p.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
+          ellipsoid: this.ellipsoid
+        });
+    }, r;
+  }();
+  var L = {
+    iconUrl: "./assets/img/dragIcon.png",
+    shiftX: 0,
+    shiftY: 0
+  }, R = {
+    iconUrl: "./assets/img/dragIcon.png",
+    shiftX: 0,
+    shiftY: 0
+  }, z = {
+    iconUrl: "./assets/img/dragIconLight.png",
+    shiftX: 0,
+    shiftY: 0
+  };
+  n.prototype.createBillboardGroup = function(r, s, f) {
+    var c = new n.BillboardGroup(this, s);
+    return c.addBillboards(r, f), c;
+  }, n.BillboardGroup = function(r, s) {
+    this._drawHelper = r, this._scene = r._scene, this._options = O(s, L);
+    var f = new p.BillboardCollection();
+    this._scene.primitives.add(f), this._billboards = f, this._orderedBillboards = [];
+  }, n.BillboardGroup.prototype.createBillboard = function(r, s) {
+    var f = this._billboards.add({
+      show: !0,
+      position: r,
+      pixelOffset: new p.Cartesian2(this._options.shiftX, this._options.shiftY),
+      eyeOffset: new p.Cartesian3(0, 0, 0),
+      horizontalOrigin: p.HorizontalOrigin.CENTER,
+      verticalOrigin: p.VerticalOrigin.CENTER,
+      scale: 1,
+      image: this._options.iconUrl,
+      color: i
+    });
+    if (s) {
+      let h = function(m) {
+        g.enableRotate = m;
+      }, y = function() {
+        for (var m = 0, E = c._orderedBillboards.length; m < E && c._orderedBillboards[m] != f; ++m)
+          ;
+        return m;
+      };
+      var c = this, g = this._scene.screenSpaceCameraController;
+      if (s.dragHandlers) {
+        var c = this;
+        $(f, "leftDown", function(E) {
+          function T(_) {
+            f.position = _;
+            for (var P = 0, H = c._orderedBillboards.length; P < H && c._orderedBillboards[P] != f; ++P)
+              ;
+            s.dragHandlers.onDrag && s.dragHandlers.onDrag(y(), _);
+          }
+          function b(_) {
+            w.destroy(), h(!0), s.dragHandlers.onDragEnd && s.dragHandlers.onDragEnd(y(), _);
+          }
+          var w = new p.ScreenSpaceEventHandler(c._scene.canvas);
+          w.setInputAction(function(_) {
+            var P = c._scene.camera.pickEllipsoid(_.endPosition, e);
+            P ? T(P) : b(P);
+          }, p.ScreenSpaceEventType.MOUSE_MOVE), w.setInputAction(function(_) {
+            b(c._scene.camera.pickEllipsoid(_.position, e));
+          }, p.ScreenSpaceEventType.LEFT_UP), h(!1), s.dragHandlers.onDragStart && s.dragHandlers.onDragStart(y(), c._scene.camera.pickEllipsoid(E, e));
+        });
+      }
+      s.onDoubleClick && $(f, "leftDoubleClick", function(m) {
+        s.onDoubleClick(y());
+      }), s.onClick && $(f, "leftClick", function(m) {
+        s.onClick(y());
+      }), s.tooltip && ($(f, "mouseMove", function(m) {
+        c._drawHelper._tooltip.showAt(m, s.tooltip());
+      }), $(f, "mouseOut", function(m) {
+        c._drawHelper._tooltip.setVisible(!1);
+      }));
+    }
+    return f;
+  }, n.BillboardGroup.prototype.insertBillboard = function(r, s, f) {
+    this._orderedBillboards.splice(r, 0, this.createBillboard(s, f));
+  }, n.BillboardGroup.prototype.addBillboard = function(r, s) {
+    this._orderedBillboards.push(this.createBillboard(r, s));
+  }, n.BillboardGroup.prototype.addBillboards = function(r, s) {
+    for (var f = 0; f < r.length; f++)
+      this.addBillboard(r[f], s);
+  }, n.BillboardGroup.prototype.updateBillboardsPositions = function(r) {
+    for (var s = 0; s < r.length; s++)
+      this.getBillboard(s).position = r[s];
+  }, n.BillboardGroup.prototype.countBillboards = function() {
+    return this._orderedBillboards.length;
+  }, n.BillboardGroup.prototype.getBillboard = function(r) {
+    return this._orderedBillboards[r];
+  }, n.BillboardGroup.prototype.removeBillboard = function(r) {
+    this._billboards.remove(this.getBillboard(r)), this._orderedBillboards.splice(r, 1);
+  }, n.BillboardGroup.prototype.remove = function() {
+    this._billboards = this._billboards && this._billboards.removeAll() && this._billboards.destroy();
+  }, n.BillboardGroup.prototype.setOnTop = function() {
+    this._scene.primitives.raiseToTop(this._billboards);
+  }, n.prototype.startDrawingMarker = function(s) {
+    var s = O(s, L);
+    this.startDrawing(function() {
+      h.remove(), y.destroy(), g.setVisible(!1);
+    });
+    var f = this, c = this._scene;
+    c.primitives;
+    var g = this._tooltip, h = new n.BillboardGroup(this, s), y = new p.ScreenSpaceEventHandler(c.canvas);
+    y.setInputAction(function(m) {
+      if (m.position != null) {
+        var E = c.camera.pickEllipsoid(m.position, e);
+        E && (h.addBillboard(E), f.stopDrawing(), s.callback(E));
+      }
+    }, p.ScreenSpaceEventType.LEFT_CLICK), y.setInputAction(function(m) {
+      var E = m.endPosition;
+      if (E != null) {
+        var T = c.camera.pickEllipsoid(E, e);
+        T ? g.showAt(
+          E,
+          "<p>Click to add your marker. Position is: </p>" + U(e.cartesianToCartographic(T))
+        ) : g.showAt(E, "<p>Click on the globe to add your marker.</p>");
+      }
+    }, p.ScreenSpaceEventType.MOUSE_MOVE);
+  }, n.prototype.startDrawingPolygon = function(s) {
+    var s = O(s, o);
+    this.startDrawingPolyshape(!0, s);
+  }, n.prototype.startDrawingPolyline = function(s) {
+    var s = O(s, S);
+    this.startDrawingPolyshape(!1, s);
+  }, n.prototype.startDrawingPolyshape = function(r, s) {
+    this.startDrawing(function() {
+      g.remove(m), T.remove(), b.destroy(), h.setVisible(!1), F(c);
+    });
+    var f = this, c = this._scene, g = c.primitives, h = this._tooltip, y = r ? 3 : 2, m;
+    r ? m = new fe.PolygonPrimitive(s) : m = new fe.PolylinePrimitive(s), m.asynchronous = !1, g.add(m);
+    var E = [], T = new n.BillboardGroup(this, L), b = new p.ScreenSpaceEventHandler(c.canvas);
+    Y(c), b.setInputAction(function(w) {
+      if (w.position != null) {
+        var _ = c.camera.pickEllipsoid(w.position, e);
+        _ && (E.length == 0 && (E.push(_.clone()), T.addBillboard(E[0])), E.length >= y && (m.positions = E, m._createPrimitive = !0), E.push(_), T.addBillboard(_));
+      }
+    }, p.ScreenSpaceEventType.LEFT_CLICK), b.setInputAction(function(w) {
+      var _ = w.endPosition;
+      if (_ != null)
+        if (E.length == 0)
+          h.showAt(_, "<p>Click to add first point</p>");
+        else {
+          var P = c.camera.pickEllipsoid(_, e);
+          P && (E.pop(), P.y += 1 + Math.random(), E.push(P), E.length >= y && (m.positions = E, m._createPrimitive = !0), T.getBillboard(E.length - 1).position = P, h.showAt(
+            _,
+            "<p>Click to add new point (" + E.length + ")</p>" + (E.length > y ? "<p>Double click to finish drawing</p>" : "")
+          ));
+        }
+    }, p.ScreenSpaceEventType.MOUSE_MOVE), b.setInputAction(function(w) {
+      var _ = w.position;
+      if (_ != null) {
+        if (E.length < y + 2)
+          return;
+        var P = c.camera.pickEllipsoid(_, e);
+        P && (F(c), f.stopDrawing(), typeof s.callback == "function" && (E.length - 1, s.callback(E)));
+      }
+    }, p.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
+  };
+  function K(r) {
+    return e.cartographicArrayToCartesianArray([
+      p.Rectangle.northwest(r),
+      p.Rectangle.northeast(r),
+      p.Rectangle.southeast(r),
+      p.Rectangle.southwest(r)
+    ]);
+  }
+  function Y(r) {
+    r && (r.canvas.style.cursor = "crosshair");
+  }
+  function F(r) {
+    r && (r.canvas.style.cursor = "");
+  }
+  n.prototype.startDrawingExtent = function(s) {
+    var s = O(s, o);
+    this.startDrawing(function() {
+      m != null && g.remove(m), E != null && E.remove(), T.destroy(), h.setVisible(!1), F(c);
+    });
+    var f = this, c = this._scene, g = this._scene.primitives, h = this._tooltip, y = null, m = null, E = null, T = new p.ScreenSpaceEventHandler(c.canvas);
+    Y(c);
+    function b(w) {
+      m == null && (m = new fe.ExtentPrimitive({
+        extent: w,
+        material: s.material
+      }), m.asynchronous = !1, g.add(m)), m.setExtent(w);
+      var _ = K(w);
+      E == null ? (E = new n.BillboardGroup(f, L), E.addBillboards(_)) : E.updateBillboardsPositions(_);
+    }
+    T.setInputAction(function(w) {
+      if (w.position != null) {
+        var _ = c.camera.pickEllipsoid(w.position, e);
+        if (_)
+          if (m == null) {
+            y = e.cartesianToCartographic(_);
+            var P = X(y, y);
+            b(P);
+          } else
+            f.stopDrawing(), typeof s.callback == "function" && s.callback(X(y, e.cartesianToCartographic(_)));
+      }
+    }, p.ScreenSpaceEventType.LEFT_DOWN), T.setInputAction(function(w) {
+      var _ = w.endPosition;
+      if (_ != null)
+        if (m == null)
+          h.showAt(_, "<p>Click to start drawing rectangle</p>");
+        else {
+          var P = c.camera.pickEllipsoid(_, e);
+          if (P) {
+            var H = X(y, e.cartesianToCartographic(P));
+            b(H), h.showAt(_, "<p>Drag to change rectangle extent</p><p>Click again to finish drawing</p>");
+          }
+        }
+    }, p.ScreenSpaceEventType.MOUSE_MOVE);
+  }, n.prototype.startDrawingCircle = function(s) {
+    var s = O(s, o);
+    this.startDrawing(function() {
+      y != null && g.remove(y), m.remove(), E.destroy(), h.setVisible(!1);
+    });
+    var f = this, c = this._scene, g = this._scene.primitives, h = this._tooltip, y = null, m = null, E = new p.ScreenSpaceEventHandler(c.canvas);
+    E.setInputAction(function(T) {
+      if (T.position != null) {
+        var b = c.camera.pickEllipsoid(T.position, e);
+        b && (y == null ? (y = new n.CirclePrimitive({
+          center: b,
+          radius: 0,
+          asynchronous: !1,
+          material: s.material
+        }), g.add(y), m = new n.BillboardGroup(f, L), m.addBillboards([b])) : (typeof s.callback == "function" && s.callback(y.getCenter(), y.getRadius()), f.stopDrawing()));
+      }
+    }, p.ScreenSpaceEventType.LEFT_DOWN), E.setInputAction(function(T) {
+      var b = T.endPosition;
+      if (b != null)
+        if (y == null)
+          h.showAt(b, "<p>Click to start drawing the circle</p>");
+        else {
+          var w = c.camera.pickEllipsoid(b, e);
+          w && (y.setRadius(p.Cartesian3.distance(y.getCenter(), w)), m.updateBillboardsPositions(w), h.showAt(b, "<p>Move mouse to change circle radius</p><p>Click again to finish drawing</p>"));
+        }
+    }, p.ScreenSpaceEventType.MOUSE_MOVE);
+  }, n.prototype.enhancePrimitives = function() {
+    var r = this;
+    p.Billboard.prototype.setEditable = function() {
+      if (this._editable)
+        return;
+      this._editable = !0;
+      var c = this, g = this;
+      function h(y) {
+        r._scene.screenSpaceCameraController.enableRotate = y;
+      }
+      $(c, "leftDown", function(y) {
+        function m(b) {
+          c.position = b, g.executeListeners({ name: "drag", positions: b });
+        }
+        function E(b) {
+          T.destroy(), h(!0), g.executeListeners({ name: "dragEnd", positions: b });
+        }
+        var T = new p.ScreenSpaceEventHandler(r._scene.canvas);
+        T.setInputAction(function(b) {
+          var w = r._scene.camera.pickEllipsoid(b.endPosition, e);
+          w ? m(w) : E(w);
+        }, p.ScreenSpaceEventType.MOUSE_MOVE), T.setInputAction(function(b) {
+          E(r._scene.camera.pickEllipsoid(b.position, e));
+        }, p.ScreenSpaceEventType.LEFT_UP), h(!1);
+      }), q(c);
+    };
+    function s(c) {
+      r._scene, !(this._highlighted && this._highlighted == c) && this._editMode !== !0 && (this._highlighted = c, c ? (r.setHighlighted(this), this._strokeColor = this.strokeColor, this.setStrokeStyle(p.Color.fromCssColorString("white"), this.strokeWidth)) : this._strokeColor ? this.setStrokeStyle(this._strokeColor, this.strokeWidth) : this.setStrokeStyle(void 0, void 0));
+    }
+    function f(c) {
+      if (this._editMode != c)
+        if (r.disableAllHighlights(), c) {
+          r.setEdited(this);
+          var g = r._scene, h = this;
+          if (this._markers == null) {
+            let P = function(M, x) {
+              var B = M - 1 < 0 ? x.length - 1 : M - 1;
+              B < m.countBillboards() && (m.getBillboard(B).position = W(B)), B = M, B < m.countBillboards() && (m.getBillboard(B).position = W(B));
+            }, H = function() {
+              h.executeListeners({
+                name: "onEdited",
+                positions: h.positions
+              });
+            }, W = function(M) {
+              var x = h.positions;
+              return e.cartographicToCartesian(
+                new p.EllipsoidGeodesic(
+                  e.cartesianToCartographic(x[M]),
+                  e.cartesianToCartographic(x[M < x.length - 1 ? M + 1 : 0])
+                ).interpolateUsingFraction(0.5)
+              );
+            };
+            var y = new n.BillboardGroup(r, R), m = new n.BillboardGroup(r, z), E = {
+              dragHandlers: {
+                onDrag: function(M, x) {
+                  h.positions[M] = x, P(M, h.positions), h._createPrimitive = !0;
+                },
+                onDragEnd: function(M, x) {
+                  h._createPrimitive = !0, H();
+                }
+              },
+              onDoubleClick: function(M) {
+                h.positions.length < 4 || (h.positions.splice(M, 1), h._createPrimitive = !0, y.removeBillboard(M), m.removeBillboard(M), P(M, h.positions), H());
+              },
+              tooltip: function() {
+                if (h.positions.length > 3)
+                  return "Double click to remove this point";
+              }
+            };
+            y.addBillboards(h.positions, E), this._markers = y;
+            for (var T = [], b = 0, w = h.positions.length + (this.isPolygon ? 0 : -1); b < w; b++)
+              T.push(W(b));
+            var _ = {
+              dragHandlers: {
+                onDragStart: function(M, x) {
+                  this.index = M + 1, h.positions.splice(this.index, 0, x), h._createPrimitive = !0;
+                },
+                onDrag: function(M, x) {
+                  h.positions[this.index] = x, h._createPrimitive = !0;
+                },
+                onDragEnd: function(M, x) {
+                  y.insertBillboard(this.index, x, E), m.getBillboard(this.index - 1).position = W(this.index - 1), m.insertBillboard(this.index, W(this.index), _), h._createPrimitive = !0, H();
+                }
+              },
+              tooltip: function() {
+                return "Drag to create a new point";
+              }
+            };
+            m.addBillboards(T, _), this._editMarkers = m, this._globeClickhandler = new p.ScreenSpaceEventHandler(g.canvas), this._globeClickhandler.setInputAction(function(M) {
+              var x = g.pick(M.position);
+              x && x.primitive || h.setEditMode(!1);
+            }, p.ScreenSpaceEventType.LEFT_CLICK), y.setOnTop(), m.setOnTop();
+          }
+          this._editMode = !0;
+        } else
+          this._markers != null && (this._markers.remove(), this._editMarkers.remove(), this._markers = null, this._editMarkers = null, this._globeClickhandler.destroy()), this._editMode = !1;
+    }
+    fe.PolylinePrimitive.prototype.setEditable = function() {
+      if (!this.setEditMode) {
+        var c = this;
+        c.isPolygon = !1, c.asynchronous = !1, r.registerEditableShape(c), c.setEditMode = f;
+        var g = this.width;
+        c.setHighlighted = function(h) {
+          this._editMode !== !0 && (h ? (r.setHighlighted(this), this.setWidth(g * 2)) : this.setWidth(g));
+        }, c.getExtent = function() {
+          return p.Rectangle.fromCartographicArray(e.cartesianArrayToCartographicArray(this.positions));
+        }, q(c), c.setEditMode(!1);
+      }
+    }, fe.PolygonPrimitive.prototype.setEditable = function() {
+      var c = this;
+      c.asynchronous = !1, r._scene, r.registerEditableShape(c), c.setEditMode = f, c.setHighlighted = s, q(c), c.setEditMode(!1);
+    }, fe.ExtentPrimitive.prototype.setEditable = function() {
+      if (!this.setEditMode) {
+        var c = this, g = r._scene;
+        r.registerEditableShape(c), c.asynchronous = !1, c.setEditMode = function(h) {
+          if (this._editMode != h)
+            if (r.disableAllHighlights(), h) {
+              if (r.setEdited(this), this._markers == null) {
+                let E = function() {
+                  c.executeListeners({
+                    name: "onEdited",
+                    extent: c.extent
+                  });
+                };
+                var y = new n.BillboardGroup(r, R), m = {
+                  dragHandlers: {
+                    onDrag: function(T, b) {
+                      var w = y.getBillboard((T + 2) % 4).position;
+                      c.setExtent(X(e.cartesianToCartographic(w), e.cartesianToCartographic(b))), y.updateBillboardsPositions(K(c.extent));
+                    },
+                    onDragEnd: function(T, b) {
+                      E();
+                    }
+                  },
+                  tooltip: function() {
+                    return "Drag to change the corners of this extent";
+                  }
+                };
+                y.addBillboards(K(c.extent), m), this._markers = y, this._globeClickhandler = new p.ScreenSpaceEventHandler(g.canvas), this._globeClickhandler.setInputAction(function(T) {
+                  var b = g.pick(T.position);
+                  b && !b.isDestroyed() && b.primitive || c.setEditMode(!1);
+                }, p.ScreenSpaceEventType.LEFT_CLICK), y.setOnTop();
+              }
+              this._editMode = !0;
+            } else
+              this._markers != null && (this._markers.remove(), this._markers = null, this._globeClickhandler.destroy()), this._editMode = !1;
+        }, c.setHighlighted = s, q(c), c.setEditMode(!1);
+      }
+    }, n.EllipsePrimitive.prototype.setEditable = function() {
+      if (!this.setEditMode) {
+        var c = this, g = r._scene;
+        c.asynchronous = !1, r.registerEditableShape(c), c.setEditMode = function(h) {
+          if (this._editMode != h)
+            if (r.disableAllHighlights(), h) {
+              r.setEdited(this);
+              var y = this;
+              if (this._markers == null) {
+                let T = function() {
+                  return p.EllipseOutlineGeometry(
+                    e,
+                    c.getCenter(),
+                    c.getSemiMajorAxis(),
+                    c.getSemiMinorAxis(),
+                    c.getRotation() + Math.PI / 2,
+                    Math.PI / 2
+                  ).splice(0, 4);
+                }, b = function() {
+                  c.executeListeners({
+                    name: "onEdited",
+                    center: c.getCenter(),
+                    semiMajorAxis: c.getSemiMajorAxis(),
+                    semiMinorAxis: c.getSemiMinorAxis(),
+                    rotation: 0
+                  });
+                };
+                var m = new n.BillboardGroup(r, R), E = {
+                  dragHandlers: {
+                    onDrag: function(w, _) {
+                      var P = p.Cartesian3.distance(c.getCenter(), _);
+                      w % 2 == 0 ? c.setSemiMajorAxis(P) : c.setSemiMinorAxis(P), m.updateBillboardsPositions(T());
+                    },
+                    onDragEnd: function(w, _) {
+                      b();
+                    }
+                  },
+                  tooltip: function() {
+                    return "Drag to change the excentricity and radius";
+                  }
+                };
+                m.addBillboards(T(), E), this._markers = m, this._globeClickhandler = new p.ScreenSpaceEventHandler(g.canvas), this._globeClickhandler.setInputAction(function(w) {
+                  var _ = g.pick(w.position);
+                  _ && _.primitive || y.setEditMode(!1);
+                }, p.ScreenSpaceEventType.LEFT_CLICK), m.setOnTop();
+              }
+              this._editMode = !0;
+            } else
+              this._markers != null && (this._markers.remove(), this._markers = null, this._globeClickhandler.destroy()), this._editMode = !1;
+        }, c.setHighlighted = s, q(c), c.setEditMode(!1);
+      }
+    }, n.CirclePrimitive.prototype.getCircleCartesianCoordinates = function(c) {
+      for (var g = p.CircleOutlineGeometry.createGeometry(
+        new p.CircleOutlineGeometry({
+          ellipsoid: e,
+          center: this.getCenter(),
+          radius: this.getRadius(),
+          granularity: c
+        })
+      ), h = 0, y, m = []; h < g.attributes.position.values.length; h += 3)
+        y = g.attributes.position.values, m.push(new p.Cartesian3(y[h], y[h + 1], y[h + 2]));
+      return m;
+    }, n.CirclePrimitive.prototype.setEditable = function() {
+      if (!this.setEditMode) {
+        var c = this, g = r._scene;
+        c.asynchronous = !1, r.registerEditableShape(c), c.setEditMode = function(h) {
+          if (this._editMode != h)
+            if (r.disableAllHighlights(), h) {
+              r.setEdited(this);
+              var y = this;
+              if (this._markers == null) {
+                let T = function() {
+                  return y.getCircleCartesianCoordinates(p.Math.PI_OVER_TWO);
+                }, b = function() {
+                  c.executeListeners({
+                    name: "onEdited",
+                    center: c.getCenter(),
+                    radius: c.getRadius()
+                  });
+                };
+                var m = new n.BillboardGroup(r, R), E = {
+                  dragHandlers: {
+                    onDrag: function(w, _) {
+                      c.setRadius(p.Cartesian3.distance(c.getCenter(), _)), m.updateBillboardsPositions(T());
+                    },
+                    onDragEnd: function(w, _) {
+                      b();
+                    }
+                  },
+                  tooltip: function() {
+                    return "Drag to change the radius";
+                  }
+                };
+                m.addBillboards(T(), E), this._markers = m, this._globeClickhandler = new p.ScreenSpaceEventHandler(g.canvas), this._globeClickhandler.setInputAction(function(w) {
+                  var _ = g.pick(w.position);
+                  _ && _.primitive || y.setEditMode(!1);
+                }, p.ScreenSpaceEventType.LEFT_CLICK), m.setOnTop();
+              }
+              this._editMode = !0;
+            } else
+              this._markers != null && (this._markers.remove(), this._markers = null, this._globeClickhandler.destroy()), this._editMode = !1;
+        }, c.setHighlighted = s, q(c), c.setEditMode(!1);
+      }
+    };
+  }, n.DrawHelperWidget = function() {
+    function r(s, f) {
+      if (!p.defined(f.container))
+        throw new p.DeveloperError("Container is required");
+      var c = {
+        markerIcon: "./assets/img/glyphicons_242_google_maps.png",
+        polylineIcon: "./assets/img/glyphicons_097_vector_path_line.png",
+        polygonIcon: "./assets/img/glyphicons_096_vector_path_polygon.png",
+        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: S,
+        polygonDrawingOptions: d,
+        extentDrawingOptions: u,
+        circleDrawingOptions: v
+      };
+      j(f, c);
+      var g = this, h = document.createElement("DIV");
+      h.className = "toolbar", f.container.appendChild(h);
+      function y(T, b, w, _) {
+        var P = document.createElement("DIV");
+        P.className = "button", P.title = w, h.appendChild(P), P.onclick = _;
+        var H = document.createElement("SPAN");
+        P.appendChild(H);
+        var W = document.createElement("IMG");
+        return W.src = b, H.appendChild(W), P;
+      }
+      var m = s._scene;
+      y("marker", f.markerIcon, "Click to start drawing a 2D marker", function() {
+        s.startDrawingMarker({
+          callback: function(T) {
+            g.executeListeners({
+              name: "markerCreated",
+              position: T
+            });
+          }
+        });
+      }), y("polyline", f.polylineIcon, "Click to start drawing a 2D polyline", function() {
+        s.startDrawingPolyline({
+          callback: function(T) {
+            g.executeListeners({
+              name: "polylineCreated",
+              positions: T
+            });
+          }
+        });
+      }), y("polygon", f.polygonIcon, "Click to start drawing a 2D polygon", function() {
+        s.startDrawingPolygon({
+          callback: function(T) {
+            g.executeListeners({
+              name: "polygonCreated",
+              positions: T
+            });
+          }
+        });
+      }), y("extent", f.extentIcon, "Click to start drawing an Extent", function() {
+        s.startDrawingExtent({
+          callback: function(T) {
+            g.executeListeners({ name: "extentCreated", extent: T });
+          }
+        });
+      }), y("circle", f.circleIcon, "Click to start drawing a Circle", function() {
+        s.startDrawingCircle({
+          callback: function(T, b) {
+            g.executeListeners({
+              name: "circleCreated",
+              center: T,
+              radius: b
+            });
+          }
+        });
+      });
+      var E = document.createElement("DIV");
+      E.className = "divider", h.appendChild(E), y("clear", f.clearIcon, "Remove all primitives", function() {
+        m.primitives.removeAll();
+      }), q(this);
+    }
+    return r;
+  }(), n.prototype.addToolbar = function(r, s) {
+    return s = O(s, { container: r }), new n.DrawHelperWidget(this, s);
+  };
+  function X(r, s) {
+    var f = new p.Rectangle();
+    f.west = Math.min(r.longitude, s.longitude), f.east = Math.max(r.longitude, s.longitude), f.south = Math.min(r.latitude, s.latitude), f.north = Math.max(r.latitude, s.latitude);
+    var c = p.Math.EPSILON7;
+    return f.east - f.west < c && (f.east += c * 2), f.north - f.south < c && (f.north += c * 2), f;
+  }
+  function U(r, s) {
+    return r.longitude.toFixed(s || 3) + ", " + r.latitude.toFixed(s || 3);
+  }
+  function V(r, s) {
+    if (r == null || typeof r != "object" || r.constructor != Object && r.constructor != Array)
+      return r;
+    if (r.constructor == Date || r.constructor == RegExp || r.constructor == Function || r.constructor == String || r.constructor == Number || r.constructor == Boolean)
+      return new r.constructor(r);
+    s = s || new r.constructor();
+    for (var f in r)
+      s[f] = typeof s[f] > "u" ? V(r[f], null) : s[f];
+    return s;
+  }
+  function j(r, s) {
+    r = r || {};
+    var f;
+    for (f in s)
+      r[f] === void 0 && (r[f] = V(s[f]));
+  }
+  function O(r, s) {
+    var f = V(r), c;
+    for (c in s)
+      f[c] === void 0 && (f[c] = V(s[c]));
+    return f;
+  }
+  function $(r, s, f) {
+    r[s] = f;
+  }
+  function q(r) {
+    r._listeners = {}, r.addListener = function(s, f) {
+      return this._listeners[s] = this._listeners[s] || [], this._listeners[s].push(f), this._listeners[s].length;
+    }, r.executeListeners = function(s, f) {
+      if (this._listeners[s.name] && this._listeners[s.name].length > 0)
+        for (var c = 0; c < this._listeners[s.name].length; c++)
+          this._listeners[s.name][c](s);
+      else
+        f && f(s);
+    };
+  }
+  return n;
+}();
+const Mr = 2, Ar = (e, i) => {
+  switch (e) {
+    case re.BOX: {
+      if (i.features.length !== Mr)
+        throw new Error(`${e} must have 2 points`);
+      const t = at(i.features, (a) => {
+        var o;
+        return ((o = a.properties) == null ? void 0 : o.type) === qe.BOTTOM_LEFT;
+      }), n = at(i.features, (a) => {
+        var o;
+        return ((o = a.properties) == null ? void 0 : o.type) === qe.TOP_RIGHT;
+      });
+      if (n && t) {
+        if (t.geometry.coordinates[0] === n.geometry.coordinates[0] && t.geometry.coordinates[1] === n.geometry.coordinates[1])
+          throw new Error(
+            `${e} must define BOTTOM_LEFT and TOP_RIGHT different points`
+          );
+        return Ce.fromDegrees(
+          t.geometry.coordinates[0],
+          t.geometry.coordinates[1],
+          n.geometry.coordinates[0],
+          n.geometry.coordinates[1]
+        );
+      } else
+        throw new Error(
+          `${e} geojson must define BOTTOM_LEFT and TOP_RIGHT points`
+        );
+    }
+    default:
+      throw new Error(`${e} type geoJSON still not supported`);
+  }
+}, xr = (e) => {
+  const i = e.map((t) => {
+    const n = Be.fromCartesian(t);
+    return [
+      le.toDegrees(n.longitude),
+      le.toDegrees(n.latitude)
+    ];
+  });
+  return i.push(i[0]), {
+    type: "Feature",
+    properties: {},
+    geometry: {
+      type: "Polygon",
+      coordinates: [i]
+    }
+  };
+}, kr = (e) => {
+  const i = Lt.lineString([
+    [
+      le.toDegrees(e.west),
+      le.toDegrees(e.south)
+    ],
+    [
+      le.toDegrees(e.east),
+      le.toDegrees(e.north)
+    ]
+  ]);
+  return Mt(Pt(i));
+}, Ir = (e) => {
+  const i = Lt.lineString([
+    [e.west, e.south],
+    [e.east, e.north]
+  ]);
+  return Mt(Pt(i)).geometry.coordinates[0].map(
+    (n) => me.fromRadiansArray(n)[0]
+  );
+};
+class qo extends Xi {
+}
+const Yo = (e) => {
+  const {
+    drawState: i,
+    drawingMaterial: t,
+    drawingVertexColor: n,
+    material: a,
+    hollow: o,
+    outlineWidth: d
+  } = e, u = he(), [v, C] = k();
+  I(() => {
+    C(
+      // eslint-disable-next-line
+      new fe(u, t, n)
+    );
+  }, []), I(() => {
+    if (v) {
+      const A = v;
+      if (i.drawing)
+        switch (i.type) {
+          case re.POLYGON:
+            u.scene.globe.depthTestAgainstTerrain = !1, A.startDrawingPolygon({
+              callback: (L) => {
+                i.handler({
+                  primitive: L,
+                  type: re.POLYGON,
+                  geojson: xr(L)
+                });
+              }
+            });
+            break;
+          case re.BOX:
+            u.scene.globe.depthTestAgainstTerrain = !1, A.startDrawingExtent({
+              callback: (L) => {
+                i.handler({
+                  primitive: L,
+                  type: re.BOX,
+                  geojson: kr(L)
+                });
+              }
+            });
+            break;
+          default:
+            throw new Error(
+              `[CESIUM DRAW]: ${i.type} unrecognized primitive to draw.`
+            );
+        }
+      else
+        A.stopDrawing(), u.scene.globe.depthTestAgainstTerrain = !0;
+    }
+  }, [i, v]);
+  const S = (A) => {
+    let L = A.coordinates !== void 0 ? A.coordinates : Ar(
+      A.type,
+      A.geojson
+    );
+    if (o !== !0)
+      switch (A.type) {
+        case re.BOX:
+          return /* @__PURE__ */ l(
+            Sr,
+            {
+              coordinates: L,
+              material: a ?? t
+            }
+          );
+        case re.POLYGON:
+          return /* @__PURE__ */ l(
+            _r,
+            {
+              hierarchy: new Zi(L),
+              material: a ?? t
+            }
+          );
+        default:
+          return /* @__PURE__ */ l(oe, {});
+      }
+    else {
+      switch (A.type) {
+        case re.BOX:
+          L = Ir(L);
+          break;
+        case re.POLYGON:
+          L = [
+            ...L,
+            L[0]
+          ];
+          break;
+        default:
+          return /* @__PURE__ */ l(oe, {});
+      }
+      return /* @__PURE__ */ l(
+        Pr,
+        {
+          positions: L,
+          width: d ?? 1,
+          material: a ?? t
+        }
+      );
+    }
+  };
+  return /* @__PURE__ */ l(Lr, { ...e, children: e.drawings.map((A, L) => /* @__PURE__ */ D(br, { name: A.name, children: [
+    /* @__PURE__ */ D(Tr, { children: [
+      /* @__PURE__ */ D("h1", { children: [
+        "Drawed Entity ",
+        A.name
+      ] }),
+      /* @__PURE__ */ l("p", { children: "This is description of drawed entity" })
+    ] }),
+    S(A)
+  ] }, A.id)) });
+};
+class Xo extends Ji {
+}
+class Zo extends Qi {
+}
+class Jo extends en {
+}
+class Qo extends Te {
+}
+class es extends me {
+}
+class ts extends Be {
+}
+class is extends tn {
+}
+class ns extends nn {
+}
+class rs extends rn {
+}
+class os extends Ce {
+}
+class ss extends on {
+}
+class as extends sn {
+}
+class ls extends an {
+}
+const cs = ln, ds = cn;
+const Or = 38, Dr = 40, Rr = 13, Br = 14, Nr = 27, Fr = 9, Hr = 10, Gr = 100, Vr = (e) => {
+  const [i, t] = k(e.defaultValue ?? ""), [n, a] = k(!1), [o, d] = k({
+    helperVisible: !1,
+    left: 0,
+    right: 0,
+    trigger: "",
+    matchLength: 0,
+    matchStart: 0,
+    options: [],
+    selection: 0,
+    top: 0,
+    value: "",
+    caret: 0,
+    width: "unset"
+  }), u = Le(null);
+  I(() => (window.addEventListener("resize", z), () => {
+    try {
+      window.removeEventListener("resize", z);
+    } catch (g) {
+      console.log('WINDOW "resize" remove listener failed', g);
+    }
+  }), []), I(() => {
+    typeof e.value < "u" && t(e.value), typeof e.defaultValue < "u" && t(e.defaultValue);
+  }, [e.value, e.defaultValue]), I(() => {
+    const { options: g } = e, { caret: h } = o;
+    X(i, h, g);
+  }, [e]);
+  const v = (g, h, y) => {
+    const { trigger: m, matchAny: E, regex: T } = e, b = new RegExp(T);
+    let w = m;
+    Array.isArray(w) || (w = new Array(m)), w.sort();
+    const _ = {};
+    Array.isArray(y) && w.forEach((W) => {
+      _[W] = y;
+    });
+    const P = C(w, b);
+    let H = {};
+    for (let W = 0; W < P.length; W++) {
+      const { triggerStr: M, triggerMatch: x, triggerLength: B } = P[W];
+      for (let G = h - 1; G >= 0; --G) {
+        const ne = g.substring(G, h).match(b);
+        let ee = -1;
+        if (B > 0) {
+          const se = x ? G : G - B + 1;
+          if (se < 0 || (S(M, g, se) && (ee = se + B), !ne && ee < 0))
+            break;
+        } else {
+          if (ne && G > 0)
+            continue;
+          if (ee = G === 0 && ne ? 0 : G + 1, h - ee === 0)
+            break;
+        }
+        if (ee >= 0) {
+          const se = _[M];
+          if (!Array.isArray(se))
+            continue;
+          const _e = g.substring(ee, h), Gt = se.filter(($t) => {
+            const nt = $t.toLowerCase().indexOf(_e.toLowerCase());
+            return nt !== -1 && (E || nt === 0);
+          }), Vt = M, zt = _e.length;
+          H = {
+            ...H,
+            trigger: Vt,
+            matchStart: ee,
+            matchLength: zt,
+            options: Gt
+          };
+        }
+      }
+    }
+    return H;
+  }, C = (g, h) => g.map((m) => ({
+    triggerStr: m,
+    triggerMatch: m.match(h),
+    triggerLength: m.length
+  })), S = (g, h, y) => !g || !g.length || h.substr(y, g.length) === g, A = (g) => {
+    const { onChange: h, options: y, spaceRemovers: m, spacer: E, value: T } = e, b = i, w = g.target.value, _ = pn(L(g.target)).end;
+    if (w.length || F({
+      ...o,
+      helperVisible: !1
+    }), t(w), F({
+      ...o,
+      caret: _,
+      value: g.target.value
+    }), !w.length || !_)
+      return h(g.target.value);
+    if (n && m.length && w.length > 2 && E.length) {
+      for (let P = 0; P < Math.max(b.length, w.length); ++P)
+        if (b[P] !== w[P]) {
+          if (P >= 2 && w[P - 1] === E && m.indexOf(w[P - 2]) === -1 && m.indexOf(w[P]) !== -1 && !Ke(v(w.substring(0, P - 2), _ - 3, y))) {
+            const H = `${w.slice(0, P - 1)}${w.slice(
+              P,
+              P + 1
+            )}${w.slice(P - 1, P)}${w.slice(P + 1)}`;
+            return Y(P + 1), u.current !== null && (u.current.value = H), T || F({
+              ...o,
+              value: H
+            }), h(H);
+          }
+          break;
+        }
+      a(!1);
+    }
+    return X(w, _, y), h(g.target.value);
+  }, L = (g) => {
+    if (g !== void 0)
+      if (g.children.length > 0) {
+        const h = g.getElementsByTagName("textarea");
+        if (h.length > 0)
+          return h[0];
+        const y = g.getElementsByTagName("input");
+        if (y.length > 0)
+          return y[0];
+      } else
+        return g;
+  }, R = (g) => {
+    const { helperVisible: h, options: y, selection: m } = o, { onKeyDown: E, passThroughEnter: T } = e;
+    if (h)
+      switch (g.keyCode) {
+        case Nr:
+          g.preventDefault(), U();
+          break;
+        case Or:
+          g.preventDefault(), F({
+            ...o,
+            selection: (y.length + m - 1) % y.length
+          });
+          break;
+        case Dr:
+          g.preventDefault(), F({
+            ...o,
+            selection: (m + 1) % y.length
+          });
+          break;
+        case Br:
+        case Rr:
+          T || g.preventDefault(), K(m);
+          break;
+        case Fr:
+          K(m);
+          break;
+        default:
+          E(g);
+          break;
+      }
+    else
+      E(g);
+  }, z = () => {
+    F({
+      ...o,
+      helperVisible: !1
+    });
+  }, K = (g) => {
+    const { spacer: h, onSelect: y, changeOnSelect: m } = e, { matchStart: E, matchLength: T, options: b, trigger: w } = o, _ = b[g], P = i, H = P.substring(0, E - w.length), W = P.substring(E + T), M = { target: u.current }, x = m(w, _);
+    M.target !== null && (M.target.value = `${H}${x}${h}${W}`), A(M), M.target !== null && y(M.target.value), U(), Y(H.length + x.length + 1), a(!0);
+  }, Y = (g) => {
+    F({
+      ...o,
+      caret: g
+    });
+    const h = L(u.current);
+    mn(h, g);
+  }, F = (g) => {
+    setTimeout(() => {
+      d({
+        ...g
+      });
+    }, 0);
+  }, X = (g, h, y) => {
+    const m = u.current;
+    if (u.current === null)
+      return;
+    const E = L(m);
+    if (E === void 0)
+      return;
+    const T = m.getBoundingClientRect(), b = v(g, h, y);
+    if (Object.keys(b).length > 0 && E !== null) {
+      const w = hn(E, h), _ = E.getBoundingClientRect(), {
+        minChars: P,
+        onRequestOptions: H,
+        requestOnlyIfNoOptions: W,
+        mode: M
+      } = e;
+      let x, B, G, pe = "unset";
+      M === "assist" ? (x = m === E ? w.top + E.offsetTop : w.top + T.top, B = Math.min(
+        w.left + E.offsetLeft - Hr,
+        E.offsetLeft + _.width - Gr
+      )) : (x = T.top + m.offsetHeight, B = m.offsetLeft, G = m.offsetLeft - m.offsetWidth, pe = `${T.width}px`), b.matchLength >= P && (b.options.length > 1 || b.options.length === 1 && b.options[0].length !== b.matchLength) ? F({
+        ...o,
+        value: g,
+        helperVisible: !0,
+        top: x,
+        left: B,
+        right: G,
+        width: pe,
+        ...b
+      }) : ((!W || !b.options.length) && H(g.substr(b.matchStart, b.matchLength)), U());
+    } else
+      U();
+  }, U = () => {
+    setTimeout(() => {
+      F({
+        ...o,
+        helperVisible: !1,
+        selection: 0
+      });
+    }, 100);
+  }, V = () => {
+    const {
+      helperVisible: g,
+      left: h,
+      right: y,
+      matchStart: m,
+      matchLength: E,
+      options: T,
+      selection: b,
+      top: w,
+      value: _,
+      width: P
+    } = o;
+    if (!g)
+      return null;
+    const { maxOptions: H, offsetX: W, offsetY: M, direction: x } = e;
+    if (T.length === 0)
+      return null;
+    if (b >= T.length)
+      return F({
+        ...o,
+        selection: 0
+      }), null;
+    const B = H === 0 ? T.length : H, G = T.slice(0, B).map((ne, ee) => {
+      const se = ne.toLowerCase().indexOf(_.substr(m, E).toLowerCase());
+      return /* @__PURE__ */ D(
+        "li",
+        {
+          className: ee === b ? "active" : void 0,
+          onClick: () => {
+            K(ee);
+          },
+          onMouseEnter: () => {
+            F({
+              ...o,
+              selection: ee
+            });
+          },
+          children: [
+            ne.slice(0, se),
+            /* @__PURE__ */ l("strong", { children: ne.substr(se, E) }),
+            ne.slice(se + E)
+          ]
+        },
+        ne
+      );
+    }), pe = x === "ltr" ? { left: h + W } : { right: y + W };
+    return /* @__PURE__ */ l(
+      "ul",
+      {
+        className: "react-autocomplete-input",
+        style: { ...pe, top: w + M, width: P },
+        children: G
+      }
+    );
+  }, {
+    Component: j,
+    ComponentProps: O,
+    defaultValue: $,
+    disabled: q,
+    onBlur: r,
+    value: s,
+    ...f
+  } = e, c = Object.assign({}, f);
+  return Object.keys(e).forEach((g) => {
+    delete c[g];
+  }), /* @__PURE__ */ D(oe, { children: [
+    ve.cloneElement(j, {
+      disabled: q,
+      onBlur: r,
+      onChange: A,
+      onKeyDown: R,
+      ref: u,
+      value: i,
+      ...c,
+      ...O
+    }),
+    V()
+  ] });
+}, zr = {
+  Component: /* @__PURE__ */ l("textarea", {}),
+  ComponentProps: {},
+  defaultValue: void 0,
+  disabled: !1,
+  maxOptions: 6,
+  onBlur: (e) => {
+  },
+  onChange: (e) => {
+  },
+  onKeyDown: (e) => {
+  },
+  onRequestOptions: (e) => {
+  },
+  onSelect: (e) => {
+  },
+  changeOnSelect: (e, i) => `${e}${i}`,
+  options: [],
+  regex: "^[A-Za-z0-9\\-_]+$",
+  matchAny: !1,
+  minChars: 0,
+  requestOnlyIfNoOptions: !0,
+  spaceRemovers: [",", ".", "!", "?"],
+  spacer: " ",
+  trigger: "@",
+  offsetX: 0,
+  offsetY: 0,
+  value: void 0,
+  passThroughEnter: !1,
+  mode: "assist",
+  direction: "ltr"
+}, us = (e) => {
+  let i = {
+    ...zr,
+    ...e
+  };
+  return e.mode === "autocomplete" && (i = {
+    ...i,
+    trigger: "",
+    regex: ".",
+    spacer: ""
+  }), /* @__PURE__ */ l(Vr, { ...i });
+}, it = {
+  formatFileModDate: (e, i) => {
+    const t = At.getModDate(i);
+    return t ? e.formatDate(t, {
+      dateStyle: "short",
+      timeStyle: "short"
+    }) : null;
+  },
+  formatFileSize: (e, i) => {
+    if (!i || typeof i.size != "number")
+      return null;
+    const t = i.size, n = vn(t, {
+      bits: !1,
+      output: "object"
+    });
+    return n.symbol === "B" ? `${Math.round(n.value / 10) / 100} KB` : n.symbol === "KB" ? `${Math.round(n.value)} ${n.symbol}` : `${n.value} ${n.symbol.toUpperCase()}`;
+  }
+}, $r = {
+  locale: ce.EN,
+  formatters: { ...it }
+}, Ur = {
+  locale: ce.RU,
+  formatters: { ...it },
+  messages: {
+    "chonky.toolbar.searchPlaceholder": "Поиск",
+    "chonky.toolbar.visibleFileCount": `{fileCount, plural,
+      one {# файл}
+      few {# файла}
+      other {# файлов}
+    }`,
+    "chonky.toolbar.selectedFileCount": `{fileCount, plural,
+      =0 {}
+      one {# выделен}
+      other {# выделено}
+    }`,
+    "chonky.toolbar.hiddenFileCount": `{fileCount, plural,
+      =0 {}
+      one {# скрыт}
+      other {# скрыто}
+    }`,
+    "chonky.fileList.nothingToShow": "Здесь пусто!",
+    "chonky.contextMenu.browserMenuShortcut": "Меню браузера: {shortcut}",
+    // Actions
+    ["chonky.actionGroups.Actions"]: "Действия",
+    ["chonky.actionGroups.Options"]: "Опции",
+    [`chonky.actions.${N.OpenParentFolder.id}.button.name`]: "Открыть родительскую папку",
+    [`chonky.actions.${N.CreateFolder.id}.button.name`]: "Новая папка",
+    [`chonky.actions.${N.CreateFolder.id}.button.tooltip`]: "Создать новую папку",
+    [`chonky.actions.${N.DeleteFiles.id}.button.name`]: "Удалить файлы",
+    [`chonky.actions.${N.OpenSelection.id}.button.name`]: "Открыть выделение",
+    [`chonky.actions.${N.SelectAllFiles.id}.button.name`]: "Выделить все",
+    [`chonky.actions.${N.ClearSelection.id}.button.name`]: "Сбросить выделение",
+    [`chonky.actions.${N.EnableListView.id}.button.name`]: "Показать список",
+    [`chonky.actions.${N.EnableGridView.id}.button.name`]: "Показать иконки",
+    [`chonky.actions.${N.SortFilesByName.id}.button.name`]: "Сорт. по имени",
+    [`chonky.actions.${N.SortFilesBySize.id}.button.name`]: "Сорт. по размеру",
+    [`chonky.actions.${N.SortFilesByDate.id}.button.name`]: "Сорт. по дате",
+    [`chonky.actions.${N.ToggleHiddenFiles.id}.button.name`]: "Скрытые файлы",
+    [`chonky.actions.${N.ToggleShowFoldersFirst.id}.button.name`]: "Папки в начале"
+  }
+}, Wr = {
+  locale: ce.HE,
+  formatters: { ...it },
+  messages: {
+    "chonky.toolbar.searchPlaceholder": "חיפוש",
+    "chonky.toolbar.visibleFileCount": `{fileCount, plural,
+      one {פריט #}
+      other {# פריטים}
+    }`,
+    "chonky.toolbar.selectedFileCount": `{fileCount, plural,
+      =0 {}
+      one {# נבחר}
+      other {# נבחרו}
+    }`,
+    "chonky.toolbar.hiddenFileCount": `{fileCount, plural,
+      =0 {}
+      one {# נסתר}
+      other {# נסתרים}
+    }`,
+    "chonky.fileList.nothingToShow": "ריק",
+    "chonky.contextMenu.browserMenuShortcut": "תפריט דפדפן: {shortcut}",
+    // Actions
+    ["chonky.actionGroups.Actions"]: "פעולות",
+    ["chonky.actionGroups.Options"]: "אפשרויות",
+    [`chonky.actions.${N.OpenParentFolder.id}.button.name`]: "פתח סיפריית אב",
+    [`chonky.actions.${N.CreateFolder.id}.button.name`]: "סיפרייה חדשה",
+    [`chonky.actions.${N.CreateFolder.id}.button.tooltip`]: "צור סיפרייה חדשה",
+    [`chonky.actions.${N.DeleteFiles.id}.button.name`]: "מחק",
+    [`chonky.actions.${N.OpenSelection.id}.button.name`]: "פתח את הבחירה",
+    [`chonky.actions.${N.SelectAllFiles.id}.button.name`]: "בחר הכל",
+    [`chonky.actions.${N.ClearSelection.id}.button.name`]: "אפס את הבחירה",
+    [`chonky.actions.${N.EnableListView.id}.button.name`]: "תצוגת רשימה",
+    [`chonky.actions.${N.EnableGridView.id}.button.name`]: "תצוגת גריד",
+    [`chonky.actions.${N.SortFilesByName.id}.button.name`]: "מיון לפי שם",
+    [`chonky.actions.${N.SortFilesBySize.id}.button.name`]: "מיון לפי גודל",
+    [`chonky.actions.${N.SortFilesByDate.id}.button.name`]: "מיון לפי תאריך",
+    [`chonky.actions.${N.ToggleHiddenFiles.id}.button.name`]: "קבצים נסתרים",
+    [`chonky.actions.${N.ToggleShowFoldersFirst.id}.button.name`]: "הצגת תיקיות בראש הרשימה"
+  }
+}, jr = {
+  [ce.EN]: $r,
+  [ce.RU]: Ur,
+  [ce.HE]: Wr
+};
+class hs extends At {
+}
+const ps = N, Kr = {
+  listView: N.EnableListView.id,
+  gridView: N.EnableGridView.id
+};
+gn({ iconComponent: yn });
+const ms = ve.memo(
+  ve.forwardRef(
+    ({
+      theme: e,
+      styles: i = { height: "100%", minWidth: "600px" },
+      defaultView: t = Kr.listView,
+      readOnlyMode: n = !1,
+      locale: a,
+      files: o,
+      folderChain: d,
+      onFileAction: u,
+      ...v
+    }, C) => {
+      const S = ge(
+        ($) => null,
+        // file.thumbnailUrl ? `https://chonky.io${file.thumbnailUrl}` : null,
+        []
+      );
+      Me({
+        "@global": {
+          ".chonky-dropdownList": {
+            backgroundColor: `${e == null ? void 0 : e.surface} !important`
+          },
+          'li[class*="chonky-activeButton"]': {
+            color: `${e == null ? void 0 : e.primary} !important`
+          }
+        }
+      })();
+      const A = ($) => $.replace(/([A-Z])/g, (q) => "-" + q.toLowerCase()), L = ft(() => e !== void 0 ? Object.keys(e).reduce(
+        (q, r) => {
+          const s = e[r];
+          return r = r.startsWith("--") ? r : `--fp-theme-${A(r)}`, q[r] = s, q;
+        },
+        {}
+      ) : {}, [e]), [R, z] = k(!1), [K, Y] = k(), [F, X] = k(
+        !1
+      ), [U, V] = k(), [j, O] = k();
+      return I(() => {
+        e && z(!0), Y(t), n ? X(!0) : V([
+          N.CreateFolder,
+          N.DeleteFiles
+        ]), a !== void 0 && O(jr[a]);
+      }, [e, t, n, a]), /* @__PURE__ */ l(
+        ae,
+        {
+          style: {
+            ...i,
+            ...L
+          },
+          children: /* @__PURE__ */ l(
+            fn,
+            {
+              ref: C,
+              files: o ?? [],
+              folderChain: d,
+              onFileAction: ($) => {
+                typeof u == "function" && u($);
+              },
+              thumbnailGenerator: S,
+              defaultFileViewActionId: K,
+              disableDragAndDrop: F,
+              fileActions: U,
+              darkMode: R,
+              i18n: j,
+              ...v
+            }
+          )
+        }
+      );
+    }
+  )
+);
+export {
+  us as Autocomplete,
+  qe as BboxCorner,
+  ae as Box,
+  Xe as COORDINATES_MERCATOR_FRACTION_DIGITS,
+  Ye as COORDINATES_WGS_FRACTION_DIGITS,
+  Vo as Cesium3DTileset,
+  is as CesiumBoundingSphere,
+  Qo as CesiumCartesian2,
+  es as CesiumCartesian3,
+  ts as CesiumCartographic,
+  ls as CesiumCesiumTerrainProvider,
+  qo as CesiumColor,
+  Jo as CesiumConstantPositionProperty,
+  Zo as CesiumConstantProperty,
+  Lr as CesiumCustomDataSource,
+  Yo as CesiumDrawingsDataSource,
+  ns as CesiumEllipsoid,
+  as as CesiumEllipsoidTerrainProvider,
+  br as CesiumEntity,
+  Ko as CesiumEntityDescription,
+  Tr as CesiumEntityStaticDescription,
+  rs as CesiumGeographicTilingScheme,
+  zo as CesiumGeojsonLayer,
+  Fe as CesiumImageryLayer,
+  ds as CesiumLabelStyle,
+  Go as CesiumMap,
+  Es as CesiumMath,
+  jo as CesiumOSMLayer,
+  _r as CesiumPolygonGraphics,
+  Xo as CesiumPolylineDashMaterialProperty,
+  os as CesiumRectangle,
+  Sr as CesiumRectangleGraphics,
+  ss as CesiumResource,
+  ie as CesiumSceneMode,
+  cs as CesiumVerticalOrigin,
+  Ho as CesiumViewer,
+  $o as CesiumWMSLayer,
+  Uo as CesiumWMTSLayer,
+  Wo as CesiumXYZLayer,
+  No as CssBaseline,
+  Do as DateTimePicker,
+  Tn as DateTimeRangePicker,
+  Oo as DateTimeRangePickerFormControl,
+  re as DrawType,
+  hs as FileHelper,
+  ms as FilePicker,
+  ps as FilePickerActions,
+  Kr as FilePickerView,
+  Ro as MapFilterContainer,
+  _n as Popover,
+  ue as Proj,
+  Fo as ScopedCssBaseline,
+  Bo as SmartTable,
+  ce as SupportedLocales,
+  Cs as cesiumSampleTerrainMostDetailed,
+  it as defaultFormatters,
+  En as mapMcToMuiTheme,
+  he as useCesiumMap,
+  xt as useMappedMuiTheme,
+  ys as useMediaQuery
+};