@macrostrat/map-interface 0.0.12 → 0.1.0

package/dist/index.js

@@ -0,0 +1,1761 @@
+import "./index.css";
+import {useMemo as $Zz0sd$useMemo, useState as $Zz0sd$useState, useEffect as $Zz0sd$useEffect, useCallback as $Zz0sd$useCallback, useRef as $Zz0sd$useRef} from "react";
+import {Spinner as $Zz0sd$Spinner, Button as $Zz0sd$Button, Navbar as $Zz0sd$Navbar, Card as $Zz0sd$Card, Icon as $Zz0sd$Icon, Switch as $Zz0sd$Switch, Collapse as $Zz0sd$Collapse} from "@blueprintjs/core";
+import $Zz0sd$macrostrathyper from "@macrostrat/hyper";
+import {useMapStatus as $Zz0sd$useMapStatus, useFocusState as $Zz0sd$useFocusState, LocationFocusButton as $Zz0sd$LocationFocusButton, isCentered as $Zz0sd$isCentered, ZoomControl as $Zz0sd$ZoomControl, MapboxMapProvider as $Zz0sd$MapboxMapProvider, MapControlWrapper as $Zz0sd$MapControlWrapper, ThreeDControl as $Zz0sd$ThreeDControl, CompassControl as $Zz0sd$CompassControl, GlobeControl as $Zz0sd$GlobeControl, useMapRef as $Zz0sd$useMapRef, useMapEaseToCenter as $Zz0sd$useMapEaseToCenter, useMapDispatch as $Zz0sd$useMapDispatch, useMapConditionalStyle as $Zz0sd$useMapConditionalStyle} from "@macrostrat/mapbox-react";
+import $Zz0sd$classnames from "classnames";
+import {ErrorBoundary as $Zz0sd$ErrorBoundary, useToaster as $Zz0sd$useToaster, useDarkMode as $Zz0sd$useDarkMode, useStoredState as $Zz0sd$useStoredState, Spacer as $Zz0sd$Spacer, ToasterContext as $Zz0sd$ToasterContext, JSONView as $Zz0sd$JSONView} from "@macrostrat/ui-components";
+import {format as $Zz0sd$format} from "d3-format";
+import $Zz0sd$mapboxgl, {ScaleControl as $Zz0sd$ScaleControl, GeolocateControl as $Zz0sd$GeolocateControl, Marker as $Zz0sd$Marker} from "mapbox-gl";
+import {getMapboxStyle as $Zz0sd$getMapboxStyle, mergeStyles as $Zz0sd$mergeStyles, mapViewInfo as $Zz0sd$mapViewInfo, getMapPosition as $Zz0sd$getMapPosition, setMapPosition as $Zz0sd$setMapPosition} from "@macrostrat/mapbox-utils";
+import $Zz0sd$chromajs from "chroma-js";
+import {useTransition as $Zz0sd$useTransition} from "transition-hook";
+import {debounce as $Zz0sd$debounce} from "underscore";
+import $Zz0sd$useresizeobserver from "use-resize-observer";
+import {tileToGeoJSON as $Zz0sd$tileToGeoJSON} from "@mapbox/tilebelt";
+import {group as $Zz0sd$group} from "d3-array";
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+var $6e914c81c8e053da$exports = {};
+
+$parcel$export($6e914c81c8e053da$exports, "LoadingButton", () => $6e914c81c8e053da$export$4ec83e90d030b2f3);
+$parcel$export($6e914c81c8e053da$exports, "MapLoadingButton", () => $6e914c81c8e053da$export$9e3bae3c08bde368);
+$parcel$export($6e914c81c8e053da$exports, "FloatingNavbar", () => $6e914c81c8e053da$export$a8cc0062d02a3841);
+
+
+
+var $fbe402416678c280$exports = {};
+
+$parcel$export($fbe402416678c280$exports, "searchbar", () => $fbe402416678c280$export$2ac23befe9d406ee, (v) => $fbe402416678c280$export$2ac23befe9d406ee = v);
+$parcel$export($fbe402416678c280$exports, "searchbar-holder", () => $fbe402416678c280$export$3a39e67bbbcbd4ae, (v) => $fbe402416678c280$export$3a39e67bbbcbd4ae = v);
+$parcel$export($fbe402416678c280$exports, "status-tongue", () => $fbe402416678c280$export$764ade2d69041360, (v) => $fbe402416678c280$export$764ade2d69041360 = v);
+$parcel$export($fbe402416678c280$exports, "navbar-holder", () => $fbe402416678c280$export$d8779dd86528d602, (v) => $fbe402416678c280$export$d8779dd86528d602 = v);
+var $fbe402416678c280$export$2ac23befe9d406ee;
+var $fbe402416678c280$export$3a39e67bbbcbd4ae;
+var $fbe402416678c280$export$764ade2d69041360;
+var $fbe402416678c280$export$d8779dd86528d602;
+$fbe402416678c280$export$2ac23befe9d406ee = `_8hZKsW_searchbar`;
+$fbe402416678c280$export$3a39e67bbbcbd4ae = `_8hZKsW_searchbar-holder`;
+$fbe402416678c280$export$764ade2d69041360 = `_8hZKsW_status-tongue`;
+$fbe402416678c280$export$d8779dd86528d602 = `_8hZKsW_navbar-holder`;
+
+
+
+const $6e914c81c8e053da$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($fbe402416678c280$exports))));
+const $6e914c81c8e053da$var$spinnerElement = $6e914c81c8e053da$var$h((0, $Zz0sd$Spinner), {
+    size: 16
+});
+function $6e914c81c8e053da$export$4ec83e90d030b2f3({ isLoading: isLoading = false , onClick: onClick , active: active = false , icon: icon = "menu" ,  }) {
+    return $6e914c81c8e053da$var$h((0, $Zz0sd$Button), {
+        icon: isLoading ? $6e914c81c8e053da$var$spinnerElement : icon,
+        large: true,
+        minimal: true,
+        onClick: onClick,
+        active: active && !isLoading
+    });
+}
+function $6e914c81c8e053da$export$9e3bae3c08bde368(props) {
+    const { isLoading: isLoading  } = (0, $Zz0sd$useMapStatus)();
+    const mapIsLoading = (0, $Zz0sd$useMemo)(()=>isLoading, [
+        isLoading
+    ]);
+    return $6e914c81c8e053da$var$h($6e914c81c8e053da$export$4ec83e90d030b2f3, {
+        ...props,
+        isLoading: mapIsLoading
+    });
+}
+function $6e914c81c8e053da$export$a8cc0062d02a3841({ className: className , children: children , statusElement: statusElement = null  }) {
+    return $6e914c81c8e053da$var$h("div.searchbar-holder", {
+        className: className
+    }, [
+        $6e914c81c8e053da$var$h("div.navbar-holder", [
+            $6e914c81c8e053da$var$h((0, $Zz0sd$Navbar), {
+                className: "searchbar panel"
+            }, children), 
+        ]),
+        $6e914c81c8e053da$var$h.if(statusElement != null)((0, $Zz0sd$Card), {
+            className: "status-tongue"
+        }, statusElement), 
+    ]);
+}
+
+
+var $f50c3537aaff0cff$exports = {};
+
+$parcel$export($f50c3537aaff0cff$exports, "InfoDrawerContainer", () => $f50c3537aaff0cff$export$83f9a19cf91c2d06);
+$parcel$export($f50c3537aaff0cff$exports, "LocationPanel", () => $f50c3537aaff0cff$export$aa4baff5242ea6e1);
+
+
+
+
+var $29ab0212ea6844d0$exports = {};
+
+$parcel$export($29ab0212ea6844d0$exports, "infodrawer-header-item", () => $29ab0212ea6844d0$export$333d72514239bce8, (v) => $29ab0212ea6844d0$export$333d72514239bce8 = v);
+$parcel$export($29ab0212ea6844d0$exports, "infodrawer-body", () => $29ab0212ea6844d0$export$310e8f86a84c074f, (v) => $29ab0212ea6844d0$export$310e8f86a84c074f = v);
+$parcel$export($29ab0212ea6844d0$exports, "copy-link-button", () => $29ab0212ea6844d0$export$d1352d0c31a65024, (v) => $29ab0212ea6844d0$export$d1352d0c31a65024 = v);
+$parcel$export($29ab0212ea6844d0$exports, "left-icon", () => $29ab0212ea6844d0$export$f750577db09821ce, (v) => $29ab0212ea6844d0$export$f750577db09821ce = v);
+$parcel$export($29ab0212ea6844d0$exports, "loading", () => $29ab0212ea6844d0$export$46c1c92549715335, (v) => $29ab0212ea6844d0$export$46c1c92549715335 = v);
+$parcel$export($29ab0212ea6844d0$exports, "location-panel-header", () => $29ab0212ea6844d0$export$d821beb98a87c6d7, (v) => $29ab0212ea6844d0$export$d821beb98a87c6d7 = v);
+$parcel$export($29ab0212ea6844d0$exports, "spacer", () => $29ab0212ea6844d0$export$8cc075c801fd6817, (v) => $29ab0212ea6844d0$export$8cc075c801fd6817 = v);
+$parcel$export($29ab0212ea6844d0$exports, "infodrawer", () => $29ab0212ea6844d0$export$b5017f7ff265217d, (v) => $29ab0212ea6844d0$export$b5017f7ff265217d = v);
+$parcel$export($29ab0212ea6844d0$exports, "position-controls", () => $29ab0212ea6844d0$export$dfae07a3bf0fbd6, (v) => $29ab0212ea6844d0$export$dfae07a3bf0fbd6 = v);
+var $29ab0212ea6844d0$export$333d72514239bce8;
+var $29ab0212ea6844d0$export$310e8f86a84c074f;
+var $29ab0212ea6844d0$export$d1352d0c31a65024;
+var $29ab0212ea6844d0$export$f750577db09821ce;
+var $29ab0212ea6844d0$export$46c1c92549715335;
+var $29ab0212ea6844d0$export$d821beb98a87c6d7;
+var $29ab0212ea6844d0$export$8cc075c801fd6817;
+var $29ab0212ea6844d0$export$b5017f7ff265217d;
+var $29ab0212ea6844d0$export$dfae07a3bf0fbd6;
+$29ab0212ea6844d0$export$333d72514239bce8 = `VPa3-W_infodrawer-header-item`;
+$29ab0212ea6844d0$export$310e8f86a84c074f = `VPa3-W_infodrawer-body`;
+$29ab0212ea6844d0$export$d1352d0c31a65024 = `VPa3-W_copy-link-button`;
+$29ab0212ea6844d0$export$f750577db09821ce = `VPa3-W_left-icon`;
+$29ab0212ea6844d0$export$46c1c92549715335 = `VPa3-W_loading`;
+$29ab0212ea6844d0$export$d821beb98a87c6d7 = `VPa3-W_location-panel-header`;
+$29ab0212ea6844d0$export$8cc075c801fd6817 = `VPa3-W_spacer`;
+$29ab0212ea6844d0$export$b5017f7ff265217d = `VPa3-W_infodrawer`;
+$29ab0212ea6844d0$export$dfae07a3bf0fbd6 = `VPa3-W_position-controls`;
+
+
+
+var $4fae2d573d730db8$exports = {};
+
+$parcel$export($4fae2d573d730db8$exports, "ValueWithUnit", () => $4fae2d573d730db8$export$716098b85fd0efdf);
+$parcel$export($4fae2d573d730db8$exports, "DegreeCoord", () => $4fae2d573d730db8$export$af8082af0bea3eb1);
+$parcel$export($4fae2d573d730db8$exports, "LngLatCoords", () => $4fae2d573d730db8$export$f195b3550849e560);
+$parcel$export($4fae2d573d730db8$exports, "Elevation", () => $4fae2d573d730db8$export$58bfb4f6ec5aa58d);
+
+
+function $3e1bd09be8f70c4c$export$424827e271c4ba96(val, zoom) {
+    if (zoom < 2) return $3e1bd09be8f70c4c$export$e54bbd2c33d17485(val);
+    else if (zoom < 4) return $3e1bd09be8f70c4c$export$4c173b1b2f78faf7(val);
+    else if (zoom < 7) return $3e1bd09be8f70c4c$export$b1cb0f7fb990b3ea(val);
+    return $3e1bd09be8f70c4c$export$97c1b10e131a836d(val);
+}
+function $3e1bd09be8f70c4c$export$e94ac56c4c53fe58(lng) {
+    // via https://github.com/Leaflet/Leaflet/blob/32c9156cb1d1c9bd53130639ec4d8575fbeef5a6/src/core/Util.js#L87
+    return (((lng - 180) % 360 + 360) % 360 - 180).toFixed(4);
+}
+const $3e1bd09be8f70c4c$export$97c1b10e131a836d = (0, $Zz0sd$format)(".4~f");
+const $3e1bd09be8f70c4c$export$b1cb0f7fb990b3ea = (0, $Zz0sd$format)(".3~f");
+const $3e1bd09be8f70c4c$export$4c173b1b2f78faf7 = (0, $Zz0sd$format)(".2~f");
+const $3e1bd09be8f70c4c$export$e54bbd2c33d17485 = (0, $Zz0sd$format)(".1~f");
+const $3e1bd09be8f70c4c$export$bc135f63e2f56fd4 = (0, $Zz0sd$format)(".0f");
+function $3e1bd09be8f70c4c$export$7c4d25c0c3217d8c(val, precision = 0) {
+    switch(precision){
+        case 4:
+            return $3e1bd09be8f70c4c$export$97c1b10e131a836d(val);
+        case 3:
+            return $3e1bd09be8f70c4c$export$b1cb0f7fb990b3ea(val);
+        case 2:
+            return $3e1bd09be8f70c4c$export$4c173b1b2f78faf7(val);
+        case 1:
+            return $3e1bd09be8f70c4c$export$e54bbd2c33d17485(val);
+        case 0:
+            return $3e1bd09be8f70c4c$export$bc135f63e2f56fd4(val);
+        default:
+            return $3e1bd09be8f70c4c$export$97c1b10e131a836d(val);
+    }
+}
+function $3e1bd09be8f70c4c$export$d284c26147b5ca34(meters, precision = 0) {
+    return (meters * 3.28084).toFixed(precision);
+}
+
+
+function $4fae2d573d730db8$export$716098b85fd0efdf(props) {
+    const { value: value , unit: unit  } = props;
+    return (0, $Zz0sd$macrostrathyper)("span.value-with-unit", [
+        (0, $Zz0sd$macrostrathyper)("span.value", [
+            value
+        ]),
+        (0, $Zz0sd$macrostrathyper)("span.spacer", [
+            " "
+        ]),
+        (0, $Zz0sd$macrostrathyper)("span.unit", [
+            unit
+        ]), 
+    ]);
+}
+function $4fae2d573d730db8$export$af8082af0bea3eb1(props) {
+    const { value: value , labels: labels , precision: precision = 3 , format: format = (0, $3e1bd09be8f70c4c$export$7c4d25c0c3217d8c)  } = props;
+    const direction = value < 0 ? labels[1] : labels[0];
+    return (0, $Zz0sd$macrostrathyper)($4fae2d573d730db8$export$716098b85fd0efdf, {
+        value: format(Math.abs(value), precision) + "\xb0",
+        unit: direction
+    });
+}
+function $4fae2d573d730db8$export$f195b3550849e560(props) {
+    /** Formatted geographic coordinates */ const { position: position , className: className , precision: precision , zoom: zoom  } = props;
+    let { format: format  } = props;
+    if (position == null) return null;
+    let lat, lng;
+    if (Array.isArray(position)) [lng, lat] = position;
+    else ({ lat: lat , lng: lng  } = position);
+    if (zoom != null && format == null && precision == null) format = (val, _)=>(0, $3e1bd09be8f70c4c$export$424827e271c4ba96)(val, zoom);
+    return (0, $Zz0sd$macrostrathyper)("div.lnglat-container", {
+        className: className
+    }, [
+        (0, $Zz0sd$macrostrathyper)("span.lnglat", [
+            (0, $Zz0sd$macrostrathyper)($4fae2d573d730db8$export$af8082af0bea3eb1, {
+                value: lat,
+                labels: [
+                    "N",
+                    "S"
+                ],
+                precision: precision,
+                format: format
+            }),
+            ", ",
+            (0, $Zz0sd$macrostrathyper)($4fae2d573d730db8$export$af8082af0bea3eb1, {
+                value: (0, $3e1bd09be8f70c4c$export$e94ac56c4c53fe58)(lng),
+                labels: [
+                    "E",
+                    "W"
+                ],
+                precision: precision,
+                format: format
+            }), 
+        ]), 
+    ]);
+}
+function $4fae2d573d730db8$export$58bfb4f6ec5aa58d(props) {
+    /** Renders an elevation value in meters and a parenthetical conversion to feet. */ const { elevation: elevation , className: className , includeFeet: includeFeet = true  } = props;
+    if (elevation == null) return null;
+    return (0, $Zz0sd$macrostrathyper)("div.elevation", {
+        className: className
+    }, [
+        (0, $Zz0sd$macrostrathyper)($4fae2d573d730db8$export$716098b85fd0efdf, {
+            value: elevation,
+            unit: "m"
+        }),
+        (0, $Zz0sd$macrostrathyper).if(includeFeet)("span.secondary", [
+            " (",
+            (0, $Zz0sd$macrostrathyper)($4fae2d573d730db8$export$716098b85fd0efdf, {
+                value: (0, $3e1bd09be8f70c4c$export$d284c26147b5ca34)(elevation),
+                unit: "ft"
+            }),
+            ")", 
+        ]), 
+    ]);
+}
+
+
+
+const $427faf94283514d4$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($29ab0212ea6844d0$exports))));
+function $427faf94283514d4$var$PositionButton({ position: position  }) {
+    const focusState = (0, $Zz0sd$useFocusState)(position);
+    return $427faf94283514d4$var$h("div.position-controls", [
+        $427faf94283514d4$var$h((0, $Zz0sd$LocationFocusButton), {
+            location: position,
+            focusState: focusState
+        }, []),
+        (0, $Zz0sd$isCentered)(focusState) ? $427faf94283514d4$var$h($427faf94283514d4$var$CopyLinkButton, {
+            itemName: "position"
+        }) : null, 
+    ]);
+}
+function $427faf94283514d4$var$CopyLinkButton({ itemName: itemName , children: children , onClick: onClick , ...rest }) {
+    const toaster = (0, $Zz0sd$useToaster)();
+    let message = `Copied link`;
+    if (itemName != null) message += ` to ${itemName}`;
+    message += "!";
+    return $427faf94283514d4$var$h((0, $Zz0sd$Button), {
+        className: "copy-link-button",
+        rightIcon: $427faf94283514d4$var$h((0, $Zz0sd$Icon), {
+            icon: "link",
+            size: 12
+        }),
+        minimal: true,
+        small: true,
+        onClick () {
+            navigator.clipboard.writeText(window.location.href).then(()=>{
+                toaster?.show({
+                    message: message,
+                    intent: "success",
+                    icon: "clipboard",
+                    timeout: 1000
+                });
+                onClick?.();
+            }, ()=>{
+                toaster?.show({
+                    message: "Failed to copy link",
+                    intent: "danger",
+                    icon: "error",
+                    timeout: 1000
+                });
+            });
+        },
+        ...rest
+    }, children ?? "Copy link");
+}
+function $427faf94283514d4$export$e9ff14c4822c2e8c(props) {
+    const { onClose: onClose , position: position , zoom: zoom = 7 , elevation: elevation  } = props;
+    return $427faf94283514d4$var$h("header.location-panel-header", [
+        $427faf94283514d4$var$h($427faf94283514d4$var$PositionButton, {
+            position: position
+        }),
+        $427faf94283514d4$var$h("div.spacer"),
+        $427faf94283514d4$var$h((0, $4fae2d573d730db8$export$f195b3550849e560), {
+            position: position,
+            zoom: zoom,
+            className: "infodrawer-header-item"
+        }),
+        $427faf94283514d4$var$h.if(elevation != null)((0, $4fae2d573d730db8$export$58bfb4f6ec5aa58d), {
+            elevation: elevation,
+            className: "infodrawer-header-item"
+        }),
+        $427faf94283514d4$var$h((0, $Zz0sd$Button), {
+            minimal: true,
+            icon: "cross",
+            onClick: onClose
+        }), 
+    ]);
+}
+
+
+
+
+
+const $f50c3537aaff0cff$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($29ab0212ea6844d0$exports))));
+function $f50c3537aaff0cff$export$83f9a19cf91c2d06(props) {
+    const className = (0, $Zz0sd$classnames)("infodrawer", props.className);
+    return $f50c3537aaff0cff$var$h((0, $Zz0sd$Card), {
+        ...props,
+        className: className
+    });
+}
+function $f50c3537aaff0cff$export$aa4baff5242ea6e1(props) {
+    const { children: children , className: className , loading: loading = false , ...rest } = props;
+    const cls = (0, $Zz0sd$classnames)("location-panel", className, {
+        loading: loading
+    });
+    return $f50c3537aaff0cff$var$h($f50c3537aaff0cff$export$83f9a19cf91c2d06, {
+        className: cls
+    }, [
+        $f50c3537aaff0cff$var$h((0, $427faf94283514d4$export$e9ff14c4822c2e8c), rest),
+        $f50c3537aaff0cff$var$h("div.infodrawer-body", $f50c3537aaff0cff$var$h("div.infodrawer-contents", $f50c3537aaff0cff$var$h((0, $Zz0sd$ErrorBoundary), null, children))), 
+    ]);
+}
+
+
+var $b6d2ac1192949c28$exports = {};
+var $a281a0612311d660$exports = {};
+
+$parcel$export($a281a0612311d660$exports, "MacrostratVectorTileset", () => $a281a0612311d660$export$dce4b6e67bb5f25a);
+$parcel$export($a281a0612311d660$exports, "MacrostratRasterTileset", () => $a281a0612311d660$export$cc7c195070dfb906);
+$parcel$export($a281a0612311d660$exports, "h", () => $a281a0612311d660$export$dda1d9f60106f0e9);
+$parcel$export($a281a0612311d660$exports, "DevMapPage", () => $a281a0612311d660$export$2391061fbdfb71ef);
+
+
+
+
+
+var $64ee2eed3ed5ffbc$exports = {};
+
+$parcel$export($64ee2eed3ed5ffbc$exports, "buildXRayStyle", () => $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d);
+$parcel$export($64ee2eed3ed5ffbc$exports, "buildInspectorStyle", () => $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6);
+
+
+async function $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d(baseStyle, params = null) {
+    const { inDarkMode: inDarkMode = false , color: color = "rgb(74, 242, 161)" , mapboxToken: mapboxToken , xRaySources: xRaySources  } = params;
+    const style = await (0, $Zz0sd$getMapboxStyle)(baseStyle, {
+        access_token: mapboxToken
+    });
+    const sources = xRaySources ?? Object.keys(style.sources);
+    let layers = [];
+    for (let layer of style.layers){
+        if (!sources.includes(layer.source)) {
+            layers.push(layer);
+            continue;
+        }
+        let newLayer = $64ee2eed3ed5ffbc$var$transformMapboxLayer(layer, color, inDarkMode);
+        if (newLayer != null) layers.push(newLayer);
+    }
+    return {
+        ...style,
+        layers: layers
+    };
+}
+function $64ee2eed3ed5ffbc$var$transformMapboxLayer(layer, color, inDarkMode) {
+    const c = (0, $Zz0sd$chromajs)(color);
+    const xRayColor = (opacity = 1, darken = 0)=>{
+        if (!inDarkMode) return (0, $Zz0sd$chromajs)(color).darken(2 - darken).alpha(opacity).css();
+        return c.alpha(opacity).darken(darken).css();
+    };
+    if (layer.type == "background") return null;
+    let newLayer = {
+        ...layer
+    };
+    if (layer.type == "fill") newLayer.paint = {
+        "fill-color": xRayColor(0.1),
+        "fill-outline-color": xRayColor(0.5)
+    };
+    else if (layer.type == "line") newLayer.paint = {
+        "line-color": xRayColor(0.5, 0),
+        "line-width": 1.5
+    };
+    else if (layer.type == "symbol") newLayer.paint = {
+        "text-color": xRayColor(1, -0.5),
+        "text-halo-color": "#000"
+    };
+    else if (layer.type == "circle") newLayer.paint = {
+        "circle-color": xRayColor(0.5, 0),
+        "circle-stroke-color": xRayColor(0.5, 1),
+        "circle-radius": 2
+    };
+    return newLayer;
+}
+async function $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6(baseStyle, overlayStyle = null, params = {}) {
+    const { mapboxToken: mapboxToken , xRay: xRay = false , xRaySources: _xRaySources , ...rest } = params;
+    let xRaySources = _xRaySources;
+    let style = await (0, $Zz0sd$getMapboxStyle)(baseStyle, {
+        access_token: mapboxToken
+    });
+    if (overlayStyle != null) {
+        const overlay = await (0, $Zz0sd$getMapboxStyle)(overlayStyle, {
+            access_token: mapboxToken
+        });
+        style = (0, $Zz0sd$mergeStyles)(style, overlay);
+        xRaySources ??= Object.keys(overlay.sources);
+    }
+    if (xRay) {
+        // If we haven't specified sources, then we'll use all of them
+        xRaySources ??= Object.keys(style.sources);
+        style = await $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d(style, {
+            ...rest,
+            mapboxToken: mapboxToken,
+            xRaySources: xRaySources
+        });
+    }
+    return style;
+}
+
+
+var $4bdfa9cd8240b2fd$exports = {};
+
+$parcel$export($4bdfa9cd8240b2fd$exports, "MapInterface", () => $4bdfa9cd8240b2fd$export$57b87f3e07d4bb90);
+$parcel$export($4bdfa9cd8240b2fd$exports, "PanelCard", () => $4bdfa9cd8240b2fd$export$ec68dd77edbe678b);
+$parcel$export($4bdfa9cd8240b2fd$exports, "MapStyledContainer", () => $4bdfa9cd8240b2fd$export$fa395a37c3898ae3);
+$parcel$export($4bdfa9cd8240b2fd$exports, "MapAreaContainer", () => $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290);
+
+var $1f5c274a1b8d54c3$exports = {};
+
+$parcel$export($1f5c274a1b8d54c3$exports, "map-page", () => $1f5c274a1b8d54c3$export$5ec584901c06c5b9, (v) => $1f5c274a1b8d54c3$export$5ec584901c06c5b9 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "fit-viewport", () => $1f5c274a1b8d54c3$export$2a73fca7b70dce31, (v) => $1f5c274a1b8d54c3$export$2a73fca7b70dce31 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "compass-control", () => $1f5c274a1b8d54c3$export$cc73204c64cc0950, (v) => $1f5c274a1b8d54c3$export$cc73204c64cc0950 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "map-is-rotated", () => $1f5c274a1b8d54c3$export$d2972e7dfac51dc2, (v) => $1f5c274a1b8d54c3$export$d2972e7dfac51dc2 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "map-3d-control", () => $1f5c274a1b8d54c3$export$142b9410c523ef40, (v) => $1f5c274a1b8d54c3$export$142b9410c523ef40 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "map-3d-available", () => $1f5c274a1b8d54c3$export$6bc2d6545947abbc, (v) => $1f5c274a1b8d54c3$export$6bc2d6545947abbc = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "globe-control", () => $1f5c274a1b8d54c3$export$b06313b17bd37b68, (v) => $1f5c274a1b8d54c3$export$b06313b17bd37b68 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "map-is-global", () => $1f5c274a1b8d54c3$export$ea9cfbb56edd0e47, (v) => $1f5c274a1b8d54c3$export$ea9cfbb56edd0e47 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "main-ui", () => $1f5c274a1b8d54c3$export$6d74761ad3ff486d, (v) => $1f5c274a1b8d54c3$export$6d74761ad3ff486d = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "panel-card", () => $1f5c274a1b8d54c3$export$8eff531ff0f1cffe, (v) => $1f5c274a1b8d54c3$export$8eff531ff0f1cffe = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "context-stack", () => $1f5c274a1b8d54c3$export$a15c1c170cdda69a, (v) => $1f5c274a1b8d54c3$export$a15c1c170cdda69a = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "searchbar", () => $1f5c274a1b8d54c3$export$2ac23befe9d406ee, (v) => $1f5c274a1b8d54c3$export$2ac23befe9d406ee = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "detail-stack", () => $1f5c274a1b8d54c3$export$bb1d4538b98f1621, (v) => $1f5c274a1b8d54c3$export$bb1d4538b98f1621 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "panel-container", () => $1f5c274a1b8d54c3$export$9dd9a0eceddf6af6, (v) => $1f5c274a1b8d54c3$export$9dd9a0eceddf6af6 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "panel-title", () => $1f5c274a1b8d54c3$export$9672a0c48c9048ad, (v) => $1f5c274a1b8d54c3$export$9672a0c48c9048ad = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "spacer", () => $1f5c274a1b8d54c3$export$8cc075c801fd6817, (v) => $1f5c274a1b8d54c3$export$8cc075c801fd6817 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "map-view-container", () => $1f5c274a1b8d54c3$export$11aa7dc57218208d, (v) => $1f5c274a1b8d54c3$export$11aa7dc57218208d = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "searchbar-holder", () => $1f5c274a1b8d54c3$export$3a39e67bbbcbd4ae, (v) => $1f5c274a1b8d54c3$export$3a39e67bbbcbd4ae = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "right-panel", () => $1f5c274a1b8d54c3$export$3332ecdf6c5467a, (v) => $1f5c274a1b8d54c3$export$3332ecdf6c5467a = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "buttons", () => $1f5c274a1b8d54c3$export$bbea856fdb3e3c5f, (v) => $1f5c274a1b8d54c3$export$bbea856fdb3e3c5f = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "tab-button", () => $1f5c274a1b8d54c3$export$76800529067ae833, (v) => $1f5c274a1b8d54c3$export$76800529067ae833 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "menu-card", () => $1f5c274a1b8d54c3$export$d94de0bab38fd59, (v) => $1f5c274a1b8d54c3$export$d94de0bab38fd59 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "narrow-card", () => $1f5c274a1b8d54c3$export$9769f988dc28baf, (v) => $1f5c274a1b8d54c3$export$9769f988dc28baf = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "panel-header", () => $1f5c274a1b8d54c3$export$90b77e3be608e918, (v) => $1f5c274a1b8d54c3$export$90b77e3be608e918 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "minimal", () => $1f5c274a1b8d54c3$export$10c083462c34aef3, (v) => $1f5c274a1b8d54c3$export$10c083462c34aef3 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "context-panel-leave", () => $1f5c274a1b8d54c3$export$f3ad069e7751fe80, (v) => $1f5c274a1b8d54c3$export$f3ad069e7751fe80 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "narrow-enter", () => $1f5c274a1b8d54c3$export$c20b2d766062840f, (v) => $1f5c274a1b8d54c3$export$c20b2d766062840f = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "menu-group", () => $1f5c274a1b8d54c3$export$3a4b737893473805, (v) => $1f5c274a1b8d54c3$export$3a4b737893473805 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "menu-content", () => $1f5c274a1b8d54c3$export$3eeb6f640f2fe17b, (v) => $1f5c274a1b8d54c3$export$3eeb6f640f2fe17b = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "bp4-button-group", () => $1f5c274a1b8d54c3$export$e7ed5da3d9a53077, (v) => $1f5c274a1b8d54c3$export$e7ed5da3d9a53077 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "detail-panel-open", () => $1f5c274a1b8d54c3$export$62a60ea2feb29c53, (v) => $1f5c274a1b8d54c3$export$62a60ea2feb29c53 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "zoom-control", () => $1f5c274a1b8d54c3$export$61e54aa1efb913ad, (v) => $1f5c274a1b8d54c3$export$61e54aa1efb913ad = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "searching", () => $1f5c274a1b8d54c3$export$fddadf6320237c22, (v) => $1f5c274a1b8d54c3$export$fddadf6320237c22 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "map-controls", () => $1f5c274a1b8d54c3$export$802dc54769b48aa7, (v) => $1f5c274a1b8d54c3$export$802dc54769b48aa7 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "map-control", () => $1f5c274a1b8d54c3$export$521e5bd1ca520342, (v) => $1f5c274a1b8d54c3$export$521e5bd1ca520342 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "map-scale-control", () => $1f5c274a1b8d54c3$export$b56f659d649f0d92, (v) => $1f5c274a1b8d54c3$export$b56f659d649f0d92 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "detail-panel-enter", () => $1f5c274a1b8d54c3$export$e017ebf46ba443ed, (v) => $1f5c274a1b8d54c3$export$e017ebf46ba443ed = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "infodrawer-stack", () => $1f5c274a1b8d54c3$export$69fa1b5d46c139b9, (v) => $1f5c274a1b8d54c3$export$69fa1b5d46c139b9 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "detail-panel", () => $1f5c274a1b8d54c3$export$c6930745f2610de0, (v) => $1f5c274a1b8d54c3$export$c6930745f2610de0 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "panel-open", () => $1f5c274a1b8d54c3$export$10fedbc2931d16b1, (v) => $1f5c274a1b8d54c3$export$10fedbc2931d16b1 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "layers", () => $1f5c274a1b8d54c3$export$7be255094ccdc533, (v) => $1f5c274a1b8d54c3$export$7be255094ccdc533 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "settings", () => $1f5c274a1b8d54c3$export$a5a6e0b888b2c992, (v) => $1f5c274a1b8d54c3$export$a5a6e0b888b2c992 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "detail-panel-from", () => $1f5c274a1b8d54c3$export$419647d5ce4279cb, (v) => $1f5c274a1b8d54c3$export$419647d5ce4279cb = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "detail-panel-leave", () => $1f5c274a1b8d54c3$export$1d0f1d0b062c3bee, (v) => $1f5c274a1b8d54c3$export$1d0f1d0b062c3bee = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "context-panel", () => $1f5c274a1b8d54c3$export$b4dbb67ffc3cc7a9, (v) => $1f5c274a1b8d54c3$export$b4dbb67ffc3cc7a9 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "context-panel-from", () => $1f5c274a1b8d54c3$export$90f42dafd5c24d2d, (v) => $1f5c274a1b8d54c3$export$90f42dafd5c24d2d = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "context-panel-enter", () => $1f5c274a1b8d54c3$export$9ea3835d1b44cc08, (v) => $1f5c274a1b8d54c3$export$9ea3835d1b44cc08 = v);
+var $1f5c274a1b8d54c3$export$5ec584901c06c5b9;
+var $1f5c274a1b8d54c3$export$2a73fca7b70dce31;
+var $1f5c274a1b8d54c3$export$cc73204c64cc0950;
+var $1f5c274a1b8d54c3$export$d2972e7dfac51dc2;
+var $1f5c274a1b8d54c3$export$142b9410c523ef40;
+var $1f5c274a1b8d54c3$export$6bc2d6545947abbc;
+var $1f5c274a1b8d54c3$export$b06313b17bd37b68;
+var $1f5c274a1b8d54c3$export$ea9cfbb56edd0e47;
+var $1f5c274a1b8d54c3$export$6d74761ad3ff486d;
+var $1f5c274a1b8d54c3$export$8eff531ff0f1cffe;
+var $1f5c274a1b8d54c3$export$a15c1c170cdda69a;
+var $1f5c274a1b8d54c3$export$2ac23befe9d406ee;
+var $1f5c274a1b8d54c3$export$bb1d4538b98f1621;
+var $1f5c274a1b8d54c3$export$9dd9a0eceddf6af6;
+var $1f5c274a1b8d54c3$export$9672a0c48c9048ad;
+var $1f5c274a1b8d54c3$export$8cc075c801fd6817;
+var $1f5c274a1b8d54c3$export$11aa7dc57218208d;
+var $1f5c274a1b8d54c3$export$3a39e67bbbcbd4ae;
+var $1f5c274a1b8d54c3$export$3332ecdf6c5467a;
+var $1f5c274a1b8d54c3$export$bbea856fdb3e3c5f;
+var $1f5c274a1b8d54c3$export$76800529067ae833;
+var $1f5c274a1b8d54c3$export$d94de0bab38fd59;
+var $1f5c274a1b8d54c3$export$9769f988dc28baf;
+var $1f5c274a1b8d54c3$export$90b77e3be608e918;
+var $1f5c274a1b8d54c3$export$10c083462c34aef3;
+var $1f5c274a1b8d54c3$export$f3ad069e7751fe80;
+var $1f5c274a1b8d54c3$export$c20b2d766062840f;
+var $1f5c274a1b8d54c3$export$3a4b737893473805;
+var $1f5c274a1b8d54c3$export$3eeb6f640f2fe17b;
+var $1f5c274a1b8d54c3$export$e7ed5da3d9a53077;
+var $1f5c274a1b8d54c3$export$62a60ea2feb29c53;
+var $1f5c274a1b8d54c3$export$61e54aa1efb913ad;
+var $1f5c274a1b8d54c3$export$fddadf6320237c22;
+var $1f5c274a1b8d54c3$export$802dc54769b48aa7;
+var $1f5c274a1b8d54c3$export$521e5bd1ca520342;
+var $1f5c274a1b8d54c3$export$b56f659d649f0d92;
+var $1f5c274a1b8d54c3$export$e017ebf46ba443ed;
+var $1f5c274a1b8d54c3$export$69fa1b5d46c139b9;
+var $1f5c274a1b8d54c3$export$c6930745f2610de0;
+var $1f5c274a1b8d54c3$export$10fedbc2931d16b1;
+var $1f5c274a1b8d54c3$export$7be255094ccdc533;
+var $1f5c274a1b8d54c3$export$a5a6e0b888b2c992;
+var $1f5c274a1b8d54c3$export$419647d5ce4279cb;
+var $1f5c274a1b8d54c3$export$1d0f1d0b062c3bee;
+var $1f5c274a1b8d54c3$export$b4dbb67ffc3cc7a9;
+var $1f5c274a1b8d54c3$export$90f42dafd5c24d2d;
+var $1f5c274a1b8d54c3$export$9ea3835d1b44cc08;
+$1f5c274a1b8d54c3$export$5ec584901c06c5b9 = "map-page_4c0a66";
+$1f5c274a1b8d54c3$export$2a73fca7b70dce31 = "fit-viewport_4c0a66";
+$1f5c274a1b8d54c3$export$cc73204c64cc0950 = "compass-control_4c0a66";
+$1f5c274a1b8d54c3$export$d2972e7dfac51dc2 = "map-is-rotated_4c0a66";
+$1f5c274a1b8d54c3$export$142b9410c523ef40 = "map-3d-control_4c0a66";
+$1f5c274a1b8d54c3$export$6bc2d6545947abbc = "map-3d-available_4c0a66";
+$1f5c274a1b8d54c3$export$b06313b17bd37b68 = "globe-control_4c0a66";
+$1f5c274a1b8d54c3$export$ea9cfbb56edd0e47 = "map-is-global_4c0a66";
+$1f5c274a1b8d54c3$export$6d74761ad3ff486d = "main-ui_4c0a66";
+$1f5c274a1b8d54c3$export$8eff531ff0f1cffe = "panel-card_4c0a66";
+$1f5c274a1b8d54c3$export$a15c1c170cdda69a = "context-stack_4c0a66";
+$1f5c274a1b8d54c3$export$2ac23befe9d406ee = "searchbar_4c0a66";
+$1f5c274a1b8d54c3$export$bb1d4538b98f1621 = "detail-stack_4c0a66";
+$1f5c274a1b8d54c3$export$9dd9a0eceddf6af6 = "panel-container_4c0a66";
+$1f5c274a1b8d54c3$export$9672a0c48c9048ad = "panel-title_4c0a66";
+$1f5c274a1b8d54c3$export$8cc075c801fd6817 = "spacer_4c0a66";
+$1f5c274a1b8d54c3$export$11aa7dc57218208d = "map-view-container_4c0a66";
+$1f5c274a1b8d54c3$export$3a39e67bbbcbd4ae = "searchbar-holder_4c0a66";
+$1f5c274a1b8d54c3$export$3332ecdf6c5467a = "right-panel_4c0a66";
+$1f5c274a1b8d54c3$export$bbea856fdb3e3c5f = "buttons_4c0a66";
+$1f5c274a1b8d54c3$export$76800529067ae833 = "tab-button_4c0a66";
+$1f5c274a1b8d54c3$export$d94de0bab38fd59 = "menu-card_4c0a66";
+$1f5c274a1b8d54c3$export$9769f988dc28baf = "narrow-card_4c0a66";
+$1f5c274a1b8d54c3$export$90b77e3be608e918 = "panel-header_4c0a66";
+$1f5c274a1b8d54c3$export$10c083462c34aef3 = "minimal_4c0a66";
+$1f5c274a1b8d54c3$export$f3ad069e7751fe80 = "context-panel-leave_4c0a66";
+$1f5c274a1b8d54c3$export$c20b2d766062840f = "narrow-enter_4c0a66";
+$1f5c274a1b8d54c3$export$3a4b737893473805 = "menu-group_4c0a66";
+$1f5c274a1b8d54c3$export$3eeb6f640f2fe17b = "menu-content_4c0a66";
+$1f5c274a1b8d54c3$export$e7ed5da3d9a53077 = "bp4-button-group_4c0a66";
+$1f5c274a1b8d54c3$export$62a60ea2feb29c53 = "detail-panel-open_4c0a66";
+$1f5c274a1b8d54c3$export$61e54aa1efb913ad = "zoom-control_4c0a66";
+$1f5c274a1b8d54c3$export$fddadf6320237c22 = "searching_4c0a66";
+$1f5c274a1b8d54c3$export$802dc54769b48aa7 = "map-controls_4c0a66";
+$1f5c274a1b8d54c3$export$521e5bd1ca520342 = "map-control_4c0a66";
+$1f5c274a1b8d54c3$export$b56f659d649f0d92 = "map-scale-control_4c0a66";
+$1f5c274a1b8d54c3$export$e017ebf46ba443ed = "detail-panel-enter_4c0a66";
+$1f5c274a1b8d54c3$export$69fa1b5d46c139b9 = "infodrawer-stack_4c0a66";
+$1f5c274a1b8d54c3$export$c6930745f2610de0 = "detail-panel_4c0a66";
+$1f5c274a1b8d54c3$export$10fedbc2931d16b1 = "panel-open_4c0a66";
+$1f5c274a1b8d54c3$export$7be255094ccdc533 = "layers_4c0a66";
+$1f5c274a1b8d54c3$export$a5a6e0b888b2c992 = "settings_4c0a66";
+$1f5c274a1b8d54c3$export$419647d5ce4279cb = "detail-panel-from_4c0a66";
+$1f5c274a1b8d54c3$export$1d0f1d0b062c3bee = "detail-panel-leave_4c0a66";
+$1f5c274a1b8d54c3$export$b4dbb67ffc3cc7a9 = "context-panel_4c0a66";
+$1f5c274a1b8d54c3$export$90f42dafd5c24d2d = "context-panel-from_4c0a66";
+$1f5c274a1b8d54c3$export$9ea3835d1b44cc08 = "context-panel-enter_4c0a66";
+
+
+
+
+
+
+var $91d5aa004eeb2226$exports = {};
+
+$parcel$export($91d5aa004eeb2226$exports, "MapBottomControls", () => $91d5aa004eeb2226$export$db1a2e058a06fb5c);
+
+
+
+
+
+
+const $91d5aa004eeb2226$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($1f5c274a1b8d54c3$exports))));
+function $91d5aa004eeb2226$var$ScaleControl(props) {
+    const optionsRef = (0, $Zz0sd$useRef)({
+        maxWidth: 200,
+        unit: "metric"
+    });
+    return $91d5aa004eeb2226$var$h((0, $Zz0sd$MapControlWrapper), {
+        className: "map-scale-control",
+        control: (0, $Zz0sd$ScaleControl),
+        options: optionsRef.current,
+        ...props
+    });
+}
+function $91d5aa004eeb2226$var$GeolocationControl(props) {
+    const optionsRef = (0, $Zz0sd$useRef)({
+        showAccuracyCircle: true,
+        showUserLocation: true,
+        trackUserLocation: true,
+        positionOptions: {
+            enableHighAccuracy: true
+        }
+    });
+    return $91d5aa004eeb2226$var$h((0, $Zz0sd$MapControlWrapper), {
+        control: (0, $Zz0sd$GeolocateControl),
+        options: optionsRef.current,
+        ...props
+    });
+}
+function $91d5aa004eeb2226$export$db1a2e058a06fb5c() {
+    return $91d5aa004eeb2226$var$h("div.map-controls", [
+        $91d5aa004eeb2226$var$h($91d5aa004eeb2226$var$ScaleControl),
+        $91d5aa004eeb2226$var$h((0, $Zz0sd$ThreeDControl), {
+            className: "map-3d-control"
+        }),
+        $91d5aa004eeb2226$var$h((0, $Zz0sd$CompassControl), {
+            className: "compass-control"
+        }),
+        $91d5aa004eeb2226$var$h((0, $Zz0sd$GlobeControl), {
+            className: "globe-control"
+        }),
+        $91d5aa004eeb2226$var$h($91d5aa004eeb2226$var$GeolocationControl, {
+            className: "geolocation-control"
+        }), 
+    ]);
+}
+
+
+
+
+function $4bdfa9cd8240b2fd$export$57b87f3e07d4bb90() {
+    return $4bdfa9cd8240b2fd$var$h("div", "Hello world");
+}
+const $4bdfa9cd8240b2fd$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($1f5c274a1b8d54c3$exports))));
+const $4bdfa9cd8240b2fd$export$ec68dd77edbe678b = (props)=>$4bdfa9cd8240b2fd$var$h((0, $Zz0sd$Card), {
+        ...props,
+        className: (0, $Zz0sd$classnames)("panel-card", props.className)
+    });
+function $4bdfa9cd8240b2fd$var$_MapAreaContainer({ children: children , className: className , navbar: navbar , contextPanel: contextPanel = null , detailPanel: detailPanel = null , detailPanelOpen: detailPanelOpen , contextPanelOpen: contextPanelOpen = true , bottomPanel: bottomPanel = null , mainPanel: mainPanel , mapControls: mapControls = $4bdfa9cd8240b2fd$var$h((0, $91d5aa004eeb2226$export$db1a2e058a06fb5c)) , contextStackProps: contextStackProps = null , detailStackProps: detailStackProps = null , mapPosition: mapPosition = null , fitViewport: fitViewport = true , ...rest }) {
+    const _detailPanelOpen = detailPanelOpen ?? detailPanel != null;
+    const contextPanelTrans = (0, $Zz0sd$useTransition)(contextPanelOpen, 800);
+    const detailPanelTrans = (0, $Zz0sd$useTransition)(_detailPanelOpen, 800);
+    /*- We apply a custom style to the panel container when we are interacting
+      with the search bar, so that we can block map interactions until search
+      bar focus is lost.
+    - We also apply a custom style when the infodrawer is open so we can hide
+      the search bar on mobile platforms
+    - These styles are doubly applied so we can have both namespaced and
+      outside-accessible styles for each case.
+  */ const _className = (0, $Zz0sd$classnames)({
+        searching: false,
+        "detail-panel-open": _detailPanelOpen,
+        "map-context-open": _detailPanelOpen,
+        "fit-viewport": fitViewport
+    }, `context-panel-${contextPanelTrans.stage}`, `map-context-${contextPanelTrans.stage}`, `detail-panel-${detailPanelTrans.stage}`, `map-detail-${detailPanelTrans.stage}`);
+    return $4bdfa9cd8240b2fd$var$h($4bdfa9cd8240b2fd$export$fa395a37c3898ae3, {
+        className: (0, $Zz0sd$classnames)("map-page", className),
+        mapPosition: mapPosition
+    }, [
+        $4bdfa9cd8240b2fd$var$h("div.main-ui", {
+            className: _className,
+            ...rest
+        }, [
+            $4bdfa9cd8240b2fd$var$h("div.context-stack", contextStackProps, [
+                navbar,
+                $4bdfa9cd8240b2fd$var$h.if(contextPanelTrans.shouldMount)([
+                    contextPanel
+                ]), 
+            ]),
+            //h(MapView),
+            children ?? mainPanel,
+            $4bdfa9cd8240b2fd$var$h("div.detail-stack.infodrawer-container", detailStackProps, [
+                detailPanel,
+                $4bdfa9cd8240b2fd$var$h((0, $Zz0sd$ZoomControl), {
+                    className: "zoom-control"
+                }),
+                $4bdfa9cd8240b2fd$var$h("div.spacer"),
+                mapControls, 
+            ]), 
+        ]),
+        $4bdfa9cd8240b2fd$var$h("div.bottom", null, bottomPanel), 
+    ]);
+}
+const $4bdfa9cd8240b2fd$var$MapProviders = ({ children: children  })=>$4bdfa9cd8240b2fd$var$h((0, $Zz0sd$ToasterContext), $4bdfa9cd8240b2fd$var$h((0, $Zz0sd$MapboxMapProvider), children));
+const $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290 = (props)=>$4bdfa9cd8240b2fd$var$h($4bdfa9cd8240b2fd$var$MapProviders, $4bdfa9cd8240b2fd$var$h($4bdfa9cd8240b2fd$var$_MapAreaContainer, props));
+function $4bdfa9cd8240b2fd$export$fa395a37c3898ae3({ className: className , children: children  }) {
+    const { mapPosition: mapPosition  } = (0, $Zz0sd$useMapStatus)();
+    if (mapPosition != null) {
+        const { mapIsRotated: mapIsRotated , mapUse3D: mapUse3D , mapIsGlobal: mapIsGlobal  } = (0, $Zz0sd$mapViewInfo)(mapPosition);
+        className = (0, $Zz0sd$classnames)(className, {
+            "map-is-rotated": mapIsRotated,
+            "map-3d-available": mapUse3D,
+            "map-is-global": mapIsGlobal
+        });
+    }
+    return $4bdfa9cd8240b2fd$var$h("div", {
+        className: className
+    }, children);
+} //const _MapPage = compose(HotkeysProvider, MapPage);
+
+
+
+var $4bc3dd5f0732eed3$exports = {};
+
+$parcel$export($4bc3dd5f0732eed3$exports, "MapResizeManager", () => $4bc3dd5f0732eed3$export$31b2e088aff2dc5d);
+$parcel$export($4bc3dd5f0732eed3$exports, "MapPaddingManager", () => $4bc3dd5f0732eed3$export$2ab96428dea558d6);
+$parcel$export($4bc3dd5f0732eed3$exports, "MapMovedReporter", () => $4bc3dd5f0732eed3$export$f6eeee399afc4e9a);
+$parcel$export($4bc3dd5f0732eed3$exports, "MapLoadingReporter", () => $4bc3dd5f0732eed3$export$e57f9eaa51773f82);
+$parcel$export($4bc3dd5f0732eed3$exports, "MapMarker", () => $4bc3dd5f0732eed3$export$5c90a91c7455938c);
+
+
+
+
+
+
+var $82fe09613877ffc2$exports = {};
+
+$parcel$export($82fe09613877ffc2$exports, "getMapPadding", () => $82fe09613877ffc2$export$bb78f9f01775eef1);
+$parcel$export($82fe09613877ffc2$exports, "useMapMarker", () => $82fe09613877ffc2$export$278090850f6b3a9f);
+
+
+function $82fe09613877ffc2$var$calcMapPadding(rect, childRect) {
+    return {
+        left: Math.max(rect.left - childRect.left, 0),
+        top: Math.max(rect.top - childRect.top, 0),
+        right: Math.max(childRect.right - rect.right, 0),
+        bottom: Math.max(childRect.bottom - rect.bottom, 0)
+    };
+}
+function $82fe09613877ffc2$export$bb78f9f01775eef1(ref, parentRef) {
+    const rect = parentRef.current?.getBoundingClientRect();
+    const childRect = ref.current?.getBoundingClientRect();
+    if (rect == null || childRect == null) return;
+    return $82fe09613877ffc2$var$calcMapPadding(rect, childRect);
+}
+function $82fe09613877ffc2$export$278090850f6b3a9f(mapRef, markerRef, markerPosition) {
+    (0, $Zz0sd$useEffect)(()=>{
+        const map = mapRef.current;
+        if (map == null) return;
+        if (markerPosition == null) {
+            markerRef.current?.remove();
+            return;
+        }
+        const marker = markerRef.current ?? new (0, $Zz0sd$Marker)();
+        marker.setLngLat(markerPosition).addTo(map);
+        markerRef.current = marker;
+        return ()=>marker.remove();
+    }, [
+        mapRef.current,
+        markerPosition
+    ]);
+}
+
+
+function $4bc3dd5f0732eed3$export$31b2e088aff2dc5d({ containerRef: containerRef  }) {
+    const mapRef = (0, $Zz0sd$useMapRef)();
+    const debouncedResize = (0, $Zz0sd$useRef)((0, $Zz0sd$debounce)(()=>{
+        mapRef.current?.resize();
+    }, 100));
+    (0, $Zz0sd$useresizeobserver)({
+        ref: containerRef,
+        onResize: debouncedResize.current
+    });
+    return null;
+}
+function $4bc3dd5f0732eed3$export$2ab96428dea558d6({ containerRef: containerRef , parentRef: parentRef , infoMarkerPosition: infoMarkerPosition  }) {
+    const mapRef = (0, $Zz0sd$useMapRef)();
+    const [padding, setPadding] = (0, $Zz0sd$useState)((0, $82fe09613877ffc2$export$bb78f9f01775eef1)(containerRef, parentRef));
+    const updateMapPadding = (0, $Zz0sd$useCallback)(()=>{
+        const newPadding = (0, $82fe09613877ffc2$export$bb78f9f01775eef1)(containerRef, parentRef);
+        setPadding(newPadding);
+    }, [
+        containerRef.current,
+        parentRef.current
+    ]);
+    (0, $Zz0sd$useEffect)(()=>{
+        const map = mapRef.current;
+        if (map == null) return;
+        // Update map padding on load
+        updateMapPadding();
+    }, [
+        mapRef.current
+    ]);
+    (0, $Zz0sd$useresizeobserver)({
+        ref: parentRef,
+        onResize (sz) {
+            updateMapPadding();
+        }
+    });
+    (0, $Zz0sd$useMapEaseToCenter)(infoMarkerPosition, padding);
+    return null;
+}
+function $4bc3dd5f0732eed3$export$f6eeee399afc4e9a({ onMapMoved: onMapMoved = null  }) {
+    const mapRef = (0, $Zz0sd$useMapRef)();
+    const dispatch = (0, $Zz0sd$useMapDispatch)();
+    const mapMovedCallback = (0, $Zz0sd$useCallback)(()=>{
+        const map = mapRef.current;
+        if (map == null) return;
+        const mapPosition = (0, $Zz0sd$getMapPosition)(map);
+        dispatch({
+            type: "map-moved",
+            payload: mapPosition
+        });
+        onMapMoved?.(mapPosition, map);
+    }, [
+        mapRef.current,
+        onMapMoved,
+        dispatch
+    ]);
+    (0, $Zz0sd$useEffect)(()=>{
+        // Get the current value of the map. Useful for gradually moving away
+        // from class component
+        const map = mapRef.current;
+        if (map == null) return;
+        // Update the URI when the map moves
+        mapMovedCallback();
+        const cb = (0, $Zz0sd$debounce)(mapMovedCallback, 100);
+        map.on("moveend", cb);
+        return ()=>{
+            map?.off("moveend", cb);
+        };
+    }, [
+        mapMovedCallback
+    ]);
+    return null;
+}
+function $4bc3dd5f0732eed3$export$e57f9eaa51773f82({ ignoredSources: ignoredSources , onMapLoading: onMapLoading = null , onMapIdle: onMapIdle = null , mapIsLoading: mapIsLoading1 ,  }) {
+    const mapRef = (0, $Zz0sd$useMapRef)();
+    const loadingRef = (0, $Zz0sd$useRef)(false);
+    const dispatch = (0, $Zz0sd$useMapDispatch)();
+    (0, $Zz0sd$useEffect)(()=>{
+        const map = mapRef.current;
+        const mapIsLoading = loadingRef.current;
+        if (map == null) return;
+        let didSendLoading = false;
+        const loadingCallback = (evt)=>{
+            if (ignoredSources.includes(evt.sourceId) || mapIsLoading) return;
+            if (didSendLoading) return;
+            onMapLoading?.(evt);
+            dispatch({
+                type: "set-loading",
+                payload: true
+            });
+            loadingRef.current = true;
+            didSendLoading = true;
+        };
+        const idleCallback = (evt)=>{
+            if (!mapIsLoading) return;
+            dispatch({
+                type: "set-loading",
+                payload: false
+            });
+            loadingRef.current = false;
+            onMapIdle?.(evt);
+        };
+        map.on("sourcedataloading", loadingCallback);
+        map.on("idle", idleCallback);
+        return ()=>{
+            map?.off("sourcedataloading", loadingCallback);
+            map?.off("idle", idleCallback);
+        };
+    }, [
+        ignoredSources,
+        mapRef.current,
+        mapIsLoading1
+    ]);
+    return null;
+}
+function $4bc3dd5f0732eed3$export$5c90a91c7455938c({ position: position , setPosition: setPosition , centerMarker: centerMarker = true  }) {
+    const mapRef = (0, $Zz0sd$useMapRef)();
+    const markerRef = (0, $Zz0sd$useRef)(null);
+    (0, $82fe09613877ffc2$export$278090850f6b3a9f)(mapRef, markerRef, position);
+    const handleMapClick = (0, $Zz0sd$useCallback)((event)=>{
+        setPosition(event.lngLat, event, mapRef.current);
+        // We should integrate this with the "easeToCenter" hook
+        if (centerMarker) mapRef.current?.flyTo({
+            center: event.lngLat,
+            duration: 800
+        });
+    }, [
+        mapRef.current,
+        setPosition
+    ]);
+    (0, $Zz0sd$useEffect)(()=>{
+        const map = mapRef.current;
+        if (map != null && setPosition != null) map.on("click", handleMapClick);
+        return ()=>{
+            map?.off("click", handleMapClick);
+        };
+    }, [
+        mapRef.current,
+        setPosition
+    ]);
+    return null;
+}
+
+
+
+var $9e150e311a3261e9$exports = {};
+
+$parcel$export($9e150e311a3261e9$exports, "MapView", () => $9e150e311a3261e9$export$ab1e7a67d6ec5ad8);
+$parcel$export($9e150e311a3261e9$exports, "MapTerrainManager", () => $9e150e311a3261e9$export$cee395a8a2a00b29);
+
+
+
+
+
+
+var $1ea1ddb7a7b84e13$exports = {};
+
+$parcel$export($1ea1ddb7a7b84e13$exports, "map-view-container", () => $1ea1ddb7a7b84e13$export$11aa7dc57218208d, (v) => $1ea1ddb7a7b84e13$export$11aa7dc57218208d = v);
+var $1ea1ddb7a7b84e13$export$11aa7dc57218208d;
+$1ea1ddb7a7b84e13$export$11aa7dc57218208d = `-mD4Aa_map-view-container`;
+
+
+
+function $286fbb15f2139dc1$export$b730542ee281c4b1(map, shouldEnable, sourceID = null) {
+    let demSourceID = (sourceID ?? $286fbb15f2139dc1$var$getTerrainSourceID(map)) ?? "mapbox-dem";
+    console.log("Enabling 3D terrain with source", demSourceID);
+    if (!map.style?._loaded) {
+        map.once("style.load", ()=>{
+            $286fbb15f2139dc1$export$b730542ee281c4b1(map, shouldEnable, demSourceID);
+        });
+        return;
+    }
+    // Enable or disable terrain depending on our current desires...
+    const currentTerrain = map.getTerrain();
+    if (!shouldEnable) {
+        if (currentTerrain != null) map.setTerrain(null);
+        return;
+    }
+    if (currentTerrain != null) return;
+    // Add a DEM source if one is not found already.
+    if (map.getSource(demSourceID) == null) map.addSource(demSourceID, {
+        type: "raster-dem",
+        url: "mapbox://mapbox.mapbox-terrain-dem-v1",
+        tileSize: 512,
+        maxzoom: 14
+    });
+    // add a sky layer that will show when the map is highly pitched
+    if (map.getLayer("sky") == null) map.addLayer({
+        id: "sky",
+        type: "sky",
+        paint: {
+            "sky-type": "atmosphere",
+            "sky-atmosphere-sun": [
+                0.0,
+                0.0
+            ],
+            "sky-atmosphere-sun-intensity": 15
+        }
+    });
+    map.setTerrain({
+        source: demSourceID,
+        exaggeration: 1
+    });
+}
+function $286fbb15f2139dc1$var$getTerrainSourceID(map) {
+    for (const [key, source] of Object.entries(map.getStyle().sources)){
+        if (source.type == "raster-dem") return key;
+    }
+    return null;
+}
+
+
+
+const $9e150e311a3261e9$var$h = (0, $Zz0sd$macrostrathyper).styled({
+    ...(0, (/*@__PURE__*/$parcel$interopDefault($1ea1ddb7a7b84e13$exports))),
+    ...(0, (/*@__PURE__*/$parcel$interopDefault($1f5c274a1b8d54c3$exports)))
+});
+function $9e150e311a3261e9$var$initializeMap(container, args = {}) {
+    const map = new (0, $Zz0sd$mapboxgl).Map({
+        container: container,
+        maxZoom: 18,
+        //maxTileCacheSize: 0,
+        logoPosition: "bottom-left",
+        trackResize: true,
+        antialias: true,
+        optimizeForTerrain: true,
+        ...args
+    });
+    //setMapPosition(map, mapPosition);
+    return map;
+}
+const $9e150e311a3261e9$var$defaultMapPosition = {
+    camera: {
+        lat: 34,
+        lng: -120,
+        altitude: 300000
+    }
+};
+function $9e150e311a3261e9$export$ab1e7a67d6ec5ad8(props) {
+    let { terrainSourceID: terrainSourceID  } = props;
+    const { enableTerrain: enableTerrain = true , style: style , transformRequest: transformRequest , mapPosition: mapPosition = $9e150e311a3261e9$var$defaultMapPosition , children: children , accessToken: accessToken , infoMarkerPosition: infoMarkerPosition , projection: projection ,  } = props;
+    if (enableTerrain) terrainSourceID ??= "mapbox-3d-dem";
+    if (accessToken != null) (0, $Zz0sd$mapboxgl).accessToken = accessToken;
+    const dispatch = (0, $Zz0sd$useMapDispatch)();
+    let mapRef = (0, $Zz0sd$useMapRef)();
+    const ref = (0, $Zz0sd$useRef)();
+    const parentRef = (0, $Zz0sd$useRef)();
+    // Keep track of map position for reloads
+    (0, $Zz0sd$useEffect)(()=>{
+        if (style == null || ref.current == null || dispatch == null) return;
+        if (mapRef?.current != null) return;
+        console.log("Initializing map");
+        const map = $9e150e311a3261e9$var$initializeMap(ref.current, {
+            style: style,
+            transformRequest: transformRequest,
+            projection: projection
+        });
+        dispatch({
+            type: "set-map",
+            payload: map
+        });
+        console.log("Map initialized");
+        return ()=>{
+            map.remove();
+            dispatch({
+                type: "set-map",
+                payload: null
+            });
+        };
+    }, [
+        transformRequest,
+        dispatch,
+        style
+    ]);
+    // Map style updating
+    (0, $Zz0sd$useEffect)(()=>{
+        if (mapRef?.current == null || style == null) return;
+        mapRef?.current?.setStyle(style);
+    }, [
+        mapRef.current,
+        style
+    ]);
+    (0, $Zz0sd$useEffect)(()=>{
+        const map = mapRef.current;
+        if (map == null || mapPosition == null) return;
+        (0, $Zz0sd$setMapPosition)(map, mapPosition);
+    }, [
+        mapRef.current
+    ]);
+    const { mapPosition: _computedMapPosition  } = (0, $Zz0sd$useMapStatus)();
+    const { mapUse3D: mapUse3D , mapIsRotated: mapIsRotated  } = (0, $Zz0sd$mapViewInfo)(_computedMapPosition);
+    // Get map projection
+    const _projection = mapRef.current?.getProjection()?.name ?? "mercator";
+    const className = (0, $Zz0sd$classnames)({
+        "is-rotated": mapIsRotated ?? false,
+        "is-3d-available": mapUse3D ?? false
+    }, `${_projection}-projection`);
+    return $9e150e311a3261e9$var$h("div.map-view-container.main-view", {
+        ref: parentRef
+    }, [
+        $9e150e311a3261e9$var$h("div.mapbox-map#map", {
+            ref: ref,
+            className: className
+        }),
+        $9e150e311a3261e9$var$h((0, $4bc3dd5f0732eed3$export$e57f9eaa51773f82), {
+            ignoredSources: [
+                "elevationMarker",
+                "crossSectionEndpoints"
+            ]
+        }),
+        $9e150e311a3261e9$var$h((0, $4bc3dd5f0732eed3$export$f6eeee399afc4e9a)),
+        $9e150e311a3261e9$var$h((0, $4bc3dd5f0732eed3$export$31b2e088aff2dc5d), {
+            containerRef: ref
+        }),
+        $9e150e311a3261e9$var$h((0, $4bc3dd5f0732eed3$export$2ab96428dea558d6), {
+            containerRef: ref,
+            parentRef: parentRef,
+            infoMarkerPosition: infoMarkerPosition
+        }),
+        $9e150e311a3261e9$var$h($9e150e311a3261e9$export$cee395a8a2a00b29, {
+            mapUse3D: mapUse3D,
+            terrainSourceID: terrainSourceID
+        }),
+        children, 
+    ]);
+}
+function $9e150e311a3261e9$export$cee395a8a2a00b29({ mapUse3D: mapUse3D , terrainSourceID: terrainSourceID  }) {
+    const mapRef = (0, $Zz0sd$useMapRef)();
+    (0, $Zz0sd$useEffect)(()=>{
+        const map = mapRef.current;
+        if (map == null) return;
+        (0, $286fbb15f2139dc1$export$b730542ee281c4b1)(map, mapUse3D, terrainSourceID);
+    }, [
+        mapRef.current,
+        mapUse3D
+    ]);
+    return null;
+}
+
+
+var $bfe9593b6c29b10b$exports = {};
+
+$parcel$export($bfe9593b6c29b10b$exports, "feature-panel", () => $bfe9593b6c29b10b$export$d27ce8c17b289f33, (v) => $bfe9593b6c29b10b$export$d27ce8c17b289f33 = v);
+$parcel$export($bfe9593b6c29b10b$exports, "key-value", () => $bfe9593b6c29b10b$export$6025d8aaa4edba3b, (v) => $bfe9593b6c29b10b$export$6025d8aaa4edba3b = v);
+$parcel$export($bfe9593b6c29b10b$exports, "key", () => $bfe9593b6c29b10b$export$df61b30b684217c0, (v) => $bfe9593b6c29b10b$export$df61b30b684217c0 = v);
+$parcel$export($bfe9593b6c29b10b$exports, "value", () => $bfe9593b6c29b10b$export$2ab9a8f9f1186f14, (v) => $bfe9593b6c29b10b$export$2ab9a8f9f1186f14 = v);
+$parcel$export($bfe9593b6c29b10b$exports, "feature-properties", () => $bfe9593b6c29b10b$export$4f7f4a0a9b87a0a1, (v) => $bfe9593b6c29b10b$export$4f7f4a0a9b87a0a1 = v);
+$parcel$export($bfe9593b6c29b10b$exports, "feature-header", () => $bfe9593b6c29b10b$export$435bd1864bef6e22, (v) => $bfe9593b6c29b10b$export$435bd1864bef6e22 = v);
+$parcel$export($bfe9593b6c29b10b$exports, "feature-group", () => $bfe9593b6c29b10b$export$a1386d43b662271, (v) => $bfe9593b6c29b10b$export$a1386d43b662271 = v);
+$parcel$export($bfe9593b6c29b10b$exports, "tile-info", () => $bfe9593b6c29b10b$export$1ea80fe0e5d4f6be, (v) => $bfe9593b6c29b10b$export$1ea80fe0e5d4f6be = v);
+$parcel$export($bfe9593b6c29b10b$exports, "opacity-slider", () => $bfe9593b6c29b10b$export$802c81ec652235aa, (v) => $bfe9593b6c29b10b$export$802c81ec652235aa = v);
+$parcel$export($bfe9593b6c29b10b$exports, "unit-number", () => $bfe9593b6c29b10b$export$ce32b714ddd6b59, (v) => $bfe9593b6c29b10b$export$ce32b714ddd6b59 = v);
+$parcel$export($bfe9593b6c29b10b$exports, "unit", () => $bfe9593b6c29b10b$export$523c0b569236b342, (v) => $bfe9593b6c29b10b$export$523c0b569236b342 = v);
+$parcel$export($bfe9593b6c29b10b$exports, "page", () => $bfe9593b6c29b10b$export$523fb3936f49e028, (v) => $bfe9593b6c29b10b$export$523fb3936f49e028 = v);
+$parcel$export($bfe9593b6c29b10b$exports, "dev-index-page", () => $bfe9593b6c29b10b$export$ee954d6f5e1b21cc, (v) => $bfe9593b6c29b10b$export$ee954d6f5e1b21cc = v);
+var $bfe9593b6c29b10b$export$d27ce8c17b289f33;
+var $bfe9593b6c29b10b$export$6025d8aaa4edba3b;
+var $bfe9593b6c29b10b$export$df61b30b684217c0;
+var $bfe9593b6c29b10b$export$2ab9a8f9f1186f14;
+var $bfe9593b6c29b10b$export$4f7f4a0a9b87a0a1;
+var $bfe9593b6c29b10b$export$435bd1864bef6e22;
+var $bfe9593b6c29b10b$export$a1386d43b662271;
+var $bfe9593b6c29b10b$export$1ea80fe0e5d4f6be;
+var $bfe9593b6c29b10b$export$802c81ec652235aa;
+var $bfe9593b6c29b10b$export$ce32b714ddd6b59;
+var $bfe9593b6c29b10b$export$523c0b569236b342;
+var $bfe9593b6c29b10b$export$523fb3936f49e028;
+var $bfe9593b6c29b10b$export$ee954d6f5e1b21cc;
+$bfe9593b6c29b10b$export$d27ce8c17b289f33 = "feature-panel_48e225";
+$bfe9593b6c29b10b$export$6025d8aaa4edba3b = "key-value_48e225";
+$bfe9593b6c29b10b$export$df61b30b684217c0 = "key_48e225";
+$bfe9593b6c29b10b$export$2ab9a8f9f1186f14 = "value_48e225";
+$bfe9593b6c29b10b$export$4f7f4a0a9b87a0a1 = "feature-properties_48e225";
+$bfe9593b6c29b10b$export$435bd1864bef6e22 = "feature-header_48e225";
+$bfe9593b6c29b10b$export$a1386d43b662271 = "feature-group_48e225";
+$bfe9593b6c29b10b$export$1ea80fe0e5d4f6be = "tile-info_48e225";
+$bfe9593b6c29b10b$export$802c81ec652235aa = "opacity-slider_48e225";
+$bfe9593b6c29b10b$export$ce32b714ddd6b59 = "unit-number_48e225";
+$bfe9593b6c29b10b$export$523c0b569236b342 = "unit_48e225";
+$bfe9593b6c29b10b$export$523fb3936f49e028 = "page_48e225";
+$bfe9593b6c29b10b$export$ee954d6f5e1b21cc = "dev-index-page_48e225";
+
+
+var $1d4d29ef2725aa16$exports = {};
+
+$parcel$export($1d4d29ef2725aa16$exports, "TileExtentLayer", () => $1d4d29ef2725aa16$export$86c09739b12f23cd);
+
+
+
+function $1d4d29ef2725aa16$export$86c09739b12f23cd({ tile: tile , color: color = "red"  }) {
+    const styleCallback = (0, $Zz0sd$useCallback)((map, val)=>{
+        const style = map.getStyle();
+        if (style.layers == null) return;
+        style.layers = style.layers.filter((l)=>l.id != "tile-extent");
+        if (val == null) return map.setStyle(style);
+        const { x: x , y: y , z: z  } = val;
+        const extent = (0, $Zz0sd$tileToGeoJSON)([
+            x,
+            y,
+            z
+        ]);
+        const source = {
+            type: "geojson",
+            data: extent
+        };
+        const layer = {
+            id: "tile-extent",
+            type: "line",
+            source: "tile-extent",
+            paint: {
+                "line-color": color,
+                "line-width": 2
+            }
+        };
+        style.sources["tile-extent"] = source;
+        style.layers.push(layer);
+        map.setStyle(style);
+    }, [
+        color
+    ]);
+    const map1 = (0, $Zz0sd$useMapRef)();
+    (0, $Zz0sd$useMapConditionalStyle)(map1, tile, styleCallback);
+    return null;
+}
+
+
+var $b8c84b63e75fe4f2$exports = {};
+
+$parcel$export($b8c84b63e75fe4f2$exports, "FeatureRecord", () => $b8c84b63e75fe4f2$export$dc87b4d46cea200d);
+$parcel$export($b8c84b63e75fe4f2$exports, "FeatureSelectionHandler", () => $b8c84b63e75fe4f2$export$214daccdda0f4ac6);
+$parcel$export($b8c84b63e75fe4f2$exports, "TileInfo", () => $b8c84b63e75fe4f2$export$43c75dec9d0b96c);
+$parcel$export($b8c84b63e75fe4f2$exports, "FeaturePanel", () => $b8c84b63e75fe4f2$export$43277c51a01761c1);
+
+
+
+
+
+
+
+var $d570ac304373e71c$exports = {};
+
+$parcel$export($d570ac304373e71c$exports, "ExpansionPanelSummary", () => $d570ac304373e71c$export$cea00a9d724d5a32);
+$parcel$export($d570ac304373e71c$exports, "InfoPanelSection", () => $d570ac304373e71c$export$39c134eb0b07cf0e);
+$parcel$export($d570ac304373e71c$exports, "ExpansionPanel", () => $d570ac304373e71c$export$40e646e38e6ed100);
+$parcel$export($d570ac304373e71c$exports, "SubExpansionPanel", () => $d570ac304373e71c$export$d7160281aff7c3b8);
+$parcel$export($d570ac304373e71c$exports, "ExpandableDetailsPanel", () => $d570ac304373e71c$export$44ad9ff780615135);
+$parcel$export($d570ac304373e71c$exports, "ExpansionBody", () => $d570ac304373e71c$export$263416b670b3f129);
+
+
+
+var $3388ecc062e0c521$exports = {};
+
+$parcel$export($3388ecc062e0c521$exports, "panel-subhead", () => $3388ecc062e0c521$export$bb6008c7ec506dc5, (v) => $3388ecc062e0c521$export$bb6008c7ec506dc5 = v);
+$parcel$export($3388ecc062e0c521$exports, "title", () => $3388ecc062e0c521$export$fb184b623420d9be, (v) => $3388ecc062e0c521$export$fb184b623420d9be = v);
+$parcel$export($3388ecc062e0c521$exports, "expansion-panel", () => $3388ecc062e0c521$export$1db06abc8684077f, (v) => $3388ecc062e0c521$export$1db06abc8684077f = v);
+$parcel$export($3388ecc062e0c521$exports, "sub-expansion-panel", () => $3388ecc062e0c521$export$e1943f56d410f24c, (v) => $3388ecc062e0c521$export$e1943f56d410f24c = v);
+$parcel$export($3388ecc062e0c521$exports, "expansion-panel-header", () => $3388ecc062e0c521$export$771f363b9f663d2c, (v) => $3388ecc062e0c521$export$771f363b9f663d2c = v);
+$parcel$export($3388ecc062e0c521$exports, "expansion-summary-title-help", () => $3388ecc062e0c521$export$47b2fa26e88e0093, (v) => $3388ecc062e0c521$export$47b2fa26e88e0093 = v);
+$parcel$export($3388ecc062e0c521$exports, "expansion-children", () => $3388ecc062e0c521$export$d8457cb7ae0c47fd, (v) => $3388ecc062e0c521$export$d8457cb7ae0c47fd = v);
+$parcel$export($3388ecc062e0c521$exports, "expansion-panel-subtext", () => $3388ecc062e0c521$export$f3447611ed163f53, (v) => $3388ecc062e0c521$export$f3447611ed163f53 = v);
+$parcel$export($3388ecc062e0c521$exports, "expandable-details-main", () => $3388ecc062e0c521$export$561f0c2134cd9732, (v) => $3388ecc062e0c521$export$561f0c2134cd9732 = v);
+$parcel$export($3388ecc062e0c521$exports, "expandable-details-header", () => $3388ecc062e0c521$export$ec357a59e90ee7ee, (v) => $3388ecc062e0c521$export$ec357a59e90ee7ee = v);
+$parcel$export($3388ecc062e0c521$exports, "expandable-details-children", () => $3388ecc062e0c521$export$ae8d16cb87fbdc31, (v) => $3388ecc062e0c521$export$ae8d16cb87fbdc31 = v);
+$parcel$export($3388ecc062e0c521$exports, "expandable-details-toggle", () => $3388ecc062e0c521$export$1089a6d45649b54c, (v) => $3388ecc062e0c521$export$1089a6d45649b54c = v);
+$parcel$export($3388ecc062e0c521$exports, "expandable-details", () => $3388ecc062e0c521$export$20a01d7b55fba18b, (v) => $3388ecc062e0c521$export$20a01d7b55fba18b = v);
+$parcel$export($3388ecc062e0c521$exports, "macrostrat-unit", () => $3388ecc062e0c521$export$fcdb9e479e3129ed, (v) => $3388ecc062e0c521$export$fcdb9e479e3129ed = v);
+$parcel$export($3388ecc062e0c521$exports, "expansion-body", () => $3388ecc062e0c521$export$2d112e83849a3cf7, (v) => $3388ecc062e0c521$export$2d112e83849a3cf7 = v);
+$parcel$export($3388ecc062e0c521$exports, "expansion-panel-detail-header", () => $3388ecc062e0c521$export$854d9fad3b5263eb, (v) => $3388ecc062e0c521$export$854d9fad3b5263eb = v);
+$parcel$export($3388ecc062e0c521$exports, "expansion-panel-detail-body", () => $3388ecc062e0c521$export$494f9067c39d24ef, (v) => $3388ecc062e0c521$export$494f9067c39d24ef = v);
+var $3388ecc062e0c521$export$bb6008c7ec506dc5;
+var $3388ecc062e0c521$export$fb184b623420d9be;
+var $3388ecc062e0c521$export$1db06abc8684077f;
+var $3388ecc062e0c521$export$e1943f56d410f24c;
+var $3388ecc062e0c521$export$771f363b9f663d2c;
+var $3388ecc062e0c521$export$47b2fa26e88e0093;
+var $3388ecc062e0c521$export$d8457cb7ae0c47fd;
+var $3388ecc062e0c521$export$f3447611ed163f53;
+var $3388ecc062e0c521$export$561f0c2134cd9732;
+var $3388ecc062e0c521$export$ec357a59e90ee7ee;
+var $3388ecc062e0c521$export$ae8d16cb87fbdc31;
+var $3388ecc062e0c521$export$1089a6d45649b54c;
+var $3388ecc062e0c521$export$20a01d7b55fba18b;
+var $3388ecc062e0c521$export$fcdb9e479e3129ed;
+var $3388ecc062e0c521$export$2d112e83849a3cf7;
+var $3388ecc062e0c521$export$854d9fad3b5263eb;
+var $3388ecc062e0c521$export$494f9067c39d24ef;
+$3388ecc062e0c521$export$bb6008c7ec506dc5 = "panel-subhead_1340c8";
+$3388ecc062e0c521$export$fb184b623420d9be = "title_1340c8";
+$3388ecc062e0c521$export$1db06abc8684077f = "expansion-panel_1340c8";
+$3388ecc062e0c521$export$e1943f56d410f24c = "sub-expansion-panel_1340c8";
+$3388ecc062e0c521$export$771f363b9f663d2c = "expansion-panel-header_1340c8";
+$3388ecc062e0c521$export$47b2fa26e88e0093 = "expansion-summary-title-help_1340c8";
+$3388ecc062e0c521$export$d8457cb7ae0c47fd = "expansion-children_1340c8";
+$3388ecc062e0c521$export$f3447611ed163f53 = "expansion-panel-subtext_1340c8";
+$3388ecc062e0c521$export$561f0c2134cd9732 = "expandable-details-main_1340c8";
+$3388ecc062e0c521$export$ec357a59e90ee7ee = "expandable-details-header_1340c8";
+$3388ecc062e0c521$export$ae8d16cb87fbdc31 = "expandable-details-children_1340c8";
+$3388ecc062e0c521$export$1089a6d45649b54c = "expandable-details-toggle_1340c8";
+$3388ecc062e0c521$export$20a01d7b55fba18b = "expandable-details_1340c8";
+$3388ecc062e0c521$export$fcdb9e479e3129ed = "macrostrat-unit_1340c8";
+$3388ecc062e0c521$export$2d112e83849a3cf7 = "expansion-body_1340c8";
+$3388ecc062e0c521$export$854d9fad3b5263eb = "expansion-panel-detail-header_1340c8";
+$3388ecc062e0c521$export$494f9067c39d24ef = "expansion-panel-detail-body_1340c8";
+
+
+
+
+
+
+const $72e497a412b1da0a$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($3388ecc062e0c521$exports))));
+function $72e497a412b1da0a$export$ed081779ec3709aa(props) {
+    const { title: title , component: component = "h3" , children: children , ...rest } = props;
+    return $72e497a412b1da0a$var$h("div.panel-subhead", rest, [
+        $72e497a412b1da0a$var$h(component, {
+            className: "title"
+        }, title),
+        children, 
+    ]);
+}
+
+
+const $d570ac304373e71c$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($3388ecc062e0c521$exports))));
+function $d570ac304373e71c$export$cea00a9d724d5a32(props) {
+    const { expanded: expanded , children: children , onChange: onChange , className: className , title: title , titleComponent: titleComponent  } = props;
+    const icon = expanded ? "chevron-up" : "chevron-down";
+    return $d570ac304373e71c$var$h((0, $72e497a412b1da0a$export$ed081779ec3709aa), {
+        className: (0, $Zz0sd$classnames)("expansion-panel-header", className),
+        onClick: onChange,
+        title: title,
+        component: titleComponent
+    }, [
+        children,
+        $d570ac304373e71c$var$h((0, $Zz0sd$Icon), {
+            icon: icon
+        })
+    ]);
+}
+function $d570ac304373e71c$var$ExpansionPanelBase(props) {
+    let { title: title , titleComponent: titleComponent = "h3" , children: children , expanded: expanded , helpText: helpText , onChange: onChange = ()=>{} , sideComponent: sideComponent = null , className: className ,  } = props;
+    const [isOpen, setOpen] = (0, $Zz0sd$useState)(expanded || false);
+    const onChange_ = ()=>{
+        onChange();
+        setOpen(!isOpen);
+    };
+    return $d570ac304373e71c$var$h("div.expansion-panel-base", {
+        className: (0, $Zz0sd$classnames)(className, {
+            expanded: isOpen,
+            collapsed: !isOpen
+        })
+    }, [
+        $d570ac304373e71c$var$h($d570ac304373e71c$export$cea00a9d724d5a32, {
+            onChange: onChange_,
+            expanded: isOpen,
+            title: title,
+            titleComponent: titleComponent
+        }, $d570ac304373e71c$var$h("div.expansion-summary-title-help", [
+            $d570ac304373e71c$var$h("span.expansion-panel-subtext", helpText),
+            " ",
+            sideComponent, 
+        ])),
+        $d570ac304373e71c$var$h((0, $Zz0sd$Collapse), {
+            isOpen: isOpen
+        }, $d570ac304373e71c$var$h("div.expansion-children", null, children)), 
+    ]);
+}
+function $d570ac304373e71c$export$39c134eb0b07cf0e(props) {
+    let { title: title , children: children , className: className , headerElement: headerElement = null  } = props;
+    return $d570ac304373e71c$var$h("div.info-panel-section", {
+        className: className
+    }, [
+        $d570ac304373e71c$var$h("div.panel-subhead", null, headerElement ?? $d570ac304373e71c$var$h("h3", title)),
+        $d570ac304373e71c$var$h("div.panel-content", null, children), 
+    ]);
+}
+function $d570ac304373e71c$export$40e646e38e6ed100(props) {
+    return $d570ac304373e71c$var$h($d570ac304373e71c$var$ExpansionPanelBase, {
+        ...props,
+        className: "expansion-panel"
+    });
+}
+function $d570ac304373e71c$export$d7160281aff7c3b8(props) {
+    return $d570ac304373e71c$var$h($d570ac304373e71c$var$ExpansionPanelBase, {
+        ...props,
+        className: "expansion-panel sub-expansion-panel",
+        titleComponent: "h4"
+    });
+}
+function $d570ac304373e71c$export$44ad9ff780615135(props) {
+    let { title: title , children: children , value: value , headerElement: headerElement , className: className  } = props;
+    const [isOpen, setIsOpen] = (0, $Zz0sd$useState)(false);
+    headerElement ??= $d570ac304373e71c$var$h([
+        $d570ac304373e71c$var$h("div.title", title),
+        value
+    ]);
+    return $d570ac304373e71c$var$h("div.expandable-details", {
+        className: className
+    }, [
+        $d570ac304373e71c$var$h("div.expandable-details-main", [
+            $d570ac304373e71c$var$h("div.expandable-details-header", headerElement),
+            $d570ac304373e71c$var$h("div.expandable-details-toggle", [
+                $d570ac304373e71c$var$h((0, $Zz0sd$Button), {
+                    small: true,
+                    minimal: true,
+                    active: isOpen,
+                    onClick: ()=>setIsOpen(!isOpen),
+                    icon: "more"
+                }), 
+            ]), 
+        ]),
+        $d570ac304373e71c$var$h((0, $Zz0sd$Collapse), {
+            isOpen: isOpen
+        }, $d570ac304373e71c$var$h("div.expandable-details-children", null, children)), 
+    ]);
+}
+function $d570ac304373e71c$export$263416b670b3f129({ title: title , className: className , children: children  }) {
+    return $d570ac304373e71c$var$h("div.expansion-body", {
+        className: className
+    }, [
+        $d570ac304373e71c$var$h("div.expansion-panel-detail-header", title),
+        $d570ac304373e71c$var$h("div.expansion-panel-detail-body", null, children), 
+    ]);
+}
+
+
+const $b8c84b63e75fe4f2$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($bfe9593b6c29b10b$exports))));
+function $b8c84b63e75fe4f2$var$usePrevious(value) {
+    const ref = (0, $Zz0sd$useRef)();
+    (0, $Zz0sd$useEffect)(()=>{
+        ref.current = value;
+    });
+    return ref.current;
+}
+function $b8c84b63e75fe4f2$export$dc87b4d46cea200d({ feature: feature  }) {
+    const props = feature.properties;
+    return $b8c84b63e75fe4f2$var$h("div.feature-record", [
+        $b8c84b63e75fe4f2$var$h.if(Object.keys(props).length > 0)("div.feature-properties", [
+            $b8c84b63e75fe4f2$var$h((0, $Zz0sd$JSONView), {
+                data: props,
+                hideRoot: true
+            }), 
+        ]), 
+    ]);
+}
+function $b8c84b63e75fe4f2$export$214daccdda0f4ac6({ selectedLocation: selectedLocation , setFeatures: setFeatures , radius: radius = 2  }) {
+    const mapRef = (0, $Zz0sd$useMapRef)();
+    const { isLoading: isLoading  } = (0, $Zz0sd$useMapStatus)();
+    const prevLocation = $b8c84b63e75fe4f2$var$usePrevious(selectedLocation);
+    (0, $Zz0sd$useEffect)(()=>{
+        const map = mapRef?.current;
+        if (map == null) return;
+        if (selectedLocation == null) {
+            setFeatures(null);
+            return;
+        }
+        // Don't update if the location hasn't changed
+        if (selectedLocation == prevLocation) return;
+        const r = radius;
+        const pt = map.project(selectedLocation);
+        const bbox = [
+            [
+                pt.x - r,
+                pt.y - r
+            ],
+            [
+                pt.x + r,
+                pt.y + r
+            ], 
+        ];
+        const features = map.queryRenderedFeatures(bbox);
+        setFeatures(features);
+    }, [
+        mapRef?.current,
+        selectedLocation,
+        isLoading
+    ]);
+    return null;
+}
+function $b8c84b63e75fe4f2$var$FeatureHeader({ feature: feature  }) {
+    return $b8c84b63e75fe4f2$var$h("div.feature-header", [
+        $b8c84b63e75fe4f2$var$h("h3", [
+            $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$KeyValue, {
+                label: "Source",
+                value: feature.source
+            }),
+            $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$KeyValue, {
+                label: "Source layer",
+                value: feature.sourceLayer
+            }), 
+        ]), 
+    ]);
+}
+function $b8c84b63e75fe4f2$var$KeyValue({ label: label , value: value  }) {
+    return $b8c84b63e75fe4f2$var$h("span.key-value", [
+        $b8c84b63e75fe4f2$var$h("span.key", label),
+        $b8c84b63e75fe4f2$var$h("code.value", value)
+    ]);
+}
+function $b8c84b63e75fe4f2$var$LoadingAwareFeatureSet({ features: features , sourceID: sourceID  }) {
+    const map = (0, $Zz0sd$useMapRef)();
+    if (map?.current == null) return null;
+    const [isLoaded1, setIsLoaded] = (0, $Zz0sd$useState)(false);
+    const sourceFeatures = features.filter((d)=>d.source == "burwell");
+    (0, $Zz0sd$useEffect)(()=>{
+        if (sourceFeatures.length > 0) {
+            setIsLoaded(true);
+            return;
+        }
+        const isLoaded = map.current.isSourceLoaded(sourceID);
+        setIsLoaded(isLoaded);
+        if (!isLoaded) map.current.once("sourcedata", (e)=>{
+            if (e.sourceId == sourceID) setIsLoaded(true);
+        });
+    }, [
+        map.current,
+        sourceID,
+        sourceFeatures.length
+    ]);
+    if (!isLoaded1) return $b8c84b63e75fe4f2$var$h((0, $Zz0sd$Spinner));
+    return $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$Features, {
+        features: sourceFeatures
+    });
+}
+function $b8c84b63e75fe4f2$export$43c75dec9d0b96c({ feature: feature , showExtent: showExtent , setShowExtent: setShowExtent  }) {
+    if (feature == null) return null;
+    const size = feature._vectorTileFeature._pbf.length;
+    return $b8c84b63e75fe4f2$var$h("div.tile-info", [
+        $b8c84b63e75fe4f2$var$h("h3", "Tile"),
+        $b8c84b63e75fe4f2$var$h("div.tile-index", [
+            $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$KeyValue, {
+                label: "x",
+                value: feature._x
+            }),
+            $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$KeyValue, {
+                label: "y",
+                value: feature._y
+            }),
+            $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$KeyValue, {
+                label: "z",
+                value: feature._z
+            }), 
+        ]),
+        $b8c84b63e75fe4f2$var$h("div.spacer"),
+        $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$KeyValue, {
+            label: "Size",
+            value: $b8c84b63e75fe4f2$var$formatSize(size)
+        }),
+        $b8c84b63e75fe4f2$var$h((0, $Zz0sd$Switch), {
+            label: "Show extent",
+            alignIndicator: "right",
+            checked: showExtent,
+            onChange () {
+                setShowExtent(!showExtent);
+            }
+        }), 
+    ]);
+}
+function $b8c84b63e75fe4f2$var$formatSize(size) {
+    if (size > 1000000) return $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$UnitNumber, {
+        value: size / 1000000,
+        unit: "Mb"
+    });
+    if (size > 1000) return $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$UnitNumber, {
+        value: size / 1000,
+        unit: "Kb"
+    });
+    return `${size} bytes`;
+}
+function $b8c84b63e75fe4f2$var$UnitNumber({ value: value , unit: unit , precision: precision = 1  }) {
+    return $b8c84b63e75fe4f2$var$h("span.unit-number", [
+        $b8c84b63e75fe4f2$var$h("span.number", value.toFixed(precision)),
+        $b8c84b63e75fe4f2$var$h("span.unit", unit), 
+    ]);
+}
+function $b8c84b63e75fe4f2$export$43277c51a01761c1({ features: features , focusedSource: focusedSource = null , focusedSourceTitle: focusedSourceTitle = null ,  }) {
+    if (features == null) return null;
+    let focusedSourcePanel = null;
+    let filteredFeatures = features;
+    let title = "Features";
+    if (focusedSource != null) {
+        title = "Basemap features";
+        focusedSourcePanel = $b8c84b63e75fe4f2$var$h((0, $d570ac304373e71c$export$40e646e38e6ed100), {
+            title: "Macrostrat features",
+            className: "macrostrat-features",
+            expanded: true
+        }, [
+            $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$LoadingAwareFeatureSet, {
+                features: features,
+                sourceID: focusedSource
+            }), 
+        ]);
+        filteredFeatures = features.filter((d)=>d.source != focusedSource);
+    }
+    return $b8c84b63e75fe4f2$var$h("div.feature-panel", [
+        focusedSourcePanel,
+        $b8c84b63e75fe4f2$var$h((0, $d570ac304373e71c$export$40e646e38e6ed100), {
+            title: title,
+            className: "basemap-features",
+            expanded: focusedSource == null
+        }, [
+            $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$Features, {
+                features: filteredFeatures
+            }), 
+        ]), 
+    ]);
+}
+function $b8c84b63e75fe4f2$var$Features({ features: features1  }) {
+    /** Group features by source and sourceLayer */ if (features1 == null) return null;
+    const groups = (0, $Zz0sd$group)(features1, (d)=>`${d.source} - ${d.sourceLayer}`);
+    return $b8c84b63e75fe4f2$var$h("div.features", Array.from(groups).map(([key, features])=>{
+        return $b8c84b63e75fe4f2$var$h("div.feature-group", [
+            $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$FeatureHeader, {
+                feature: features[0]
+            }),
+            features.map((feature, i)=>$b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$export$dc87b4d46cea200d, {
+                    key: i,
+                    feature: feature
+                })), 
+        ]);
+    }));
+}
+
+
+let $a281a0612311d660$export$dce4b6e67bb5f25a;
+(function(MacrostratVectorTileset1) {
+    MacrostratVectorTileset1["Carto"] = "carto";
+    MacrostratVectorTileset1["CartoSlim"] = "carto-slim";
+    MacrostratVectorTileset1["IGCPOrogens"] = "igcp-orogens";
+})($a281a0612311d660$export$dce4b6e67bb5f25a || ($a281a0612311d660$export$dce4b6e67bb5f25a = {}));
+let $a281a0612311d660$export$cc7c195070dfb906;
+(function(MacrostratRasterTileset1) {
+    MacrostratRasterTileset1["Carto"] = "carto";
+    MacrostratRasterTileset1["Emphasized"] = "emphasized";
+})($a281a0612311d660$export$cc7c195070dfb906 || ($a281a0612311d660$export$cc7c195070dfb906 = {}));
+const $a281a0612311d660$export$dda1d9f60106f0e9 = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($bfe9593b6c29b10b$exports))));
+function $a281a0612311d660$export$2391061fbdfb71ef({ title: title = "Map inspector" , headerElement: headerElement = null , transformRequest: transformRequest = null , mapPosition: mapPosition = null , mapboxToken: mapboxToken = null , overlayStyle: overlayStyle = null , children: children , style: style , focusedSource: focusedSource = null , focusedSourceTitle: focusedSourceTitle = null , projection: projection = null  }) {
+    /* We apply a custom style to the panel container when we are interacting
+    with the search bar, so that we can block map interactions until search
+    bar focus is lost.
+    We also apply a custom style when the infodrawer is open so we can hide
+    the search bar on mobile platforms
+  */ const dark = (0, $Zz0sd$useDarkMode)();
+    const isEnabled = dark?.isEnabled;
+    if (mapboxToken != null) (0, $Zz0sd$mapboxgl).accessToken = mapboxToken;
+    style ??= isEnabled ? "mapbox://styles/mapbox/dark-v10" : "mapbox://styles/mapbox/light-v10";
+    const [isOpen, setOpen] = (0, $Zz0sd$useState)(false);
+    const [state, setState] = (0, $Zz0sd$useStoredState)("macrostrat:dev-map-page", {
+        showTileExtent: false,
+        xRay: false
+    });
+    const { showTileExtent: showTileExtent , xRay: xRay  } = state;
+    const [actualStyle, setActualStyle] = (0, $Zz0sd$useState)(style);
+    (0, $Zz0sd$useEffect)(()=>{
+        (0, $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6)(style, overlayStyle, {
+            mapboxToken: mapboxToken,
+            inDarkMode: isEnabled,
+            xRay: xRay
+        }).then(setActualStyle);
+    }, [
+        style,
+        xRay,
+        mapboxToken,
+        isEnabled,
+        overlayStyle
+    ]);
+    const [inspectPosition, setInspectPosition] = (0, $Zz0sd$useState)(null);
+    const [data, setData] = (0, $Zz0sd$useState)(null);
+    const onSelectPosition = (0, $Zz0sd$useCallback)((position)=>{
+        setInspectPosition(position);
+    }, []);
+    let detailElement = null;
+    if (inspectPosition != null) detailElement = $a281a0612311d660$export$dda1d9f60106f0e9((0, $f50c3537aaff0cff$export$aa4baff5242ea6e1), {
+        onClose () {
+            setInspectPosition(null);
+        },
+        position: inspectPosition
+    }, [
+        $a281a0612311d660$export$dda1d9f60106f0e9((0, $b8c84b63e75fe4f2$export$43c75dec9d0b96c), {
+            feature: data?.[0] ?? null,
+            showExtent: showTileExtent,
+            setShowExtent () {
+                setState({
+                    ...state,
+                    showTileExtent: !showTileExtent
+                });
+            }
+        }),
+        $a281a0612311d660$export$dda1d9f60106f0e9((0, $b8c84b63e75fe4f2$export$43277c51a01761c1), {
+            features: data,
+            focusedSource: focusedSource,
+            focusedSourceTitle: focusedSourceTitle
+        }), 
+    ]);
+    let tile = null;
+    if (showTileExtent && data?.[0] != null) {
+        let f = data[0];
+        tile = {
+            x: f._x,
+            y: f._y,
+            z: f._z
+        };
+    }
+    console.log("Style", actualStyle);
+    return $a281a0612311d660$export$dda1d9f60106f0e9((0, $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290), {
+        navbar: $a281a0612311d660$export$dda1d9f60106f0e9((0, $6e914c81c8e053da$export$a8cc0062d02a3841), [
+            headerElement ?? $a281a0612311d660$export$dda1d9f60106f0e9("h2", title),
+            $a281a0612311d660$export$dda1d9f60106f0e9((0, $Zz0sd$Spacer)),
+            $a281a0612311d660$export$dda1d9f60106f0e9((0, $6e914c81c8e053da$export$9e3bae3c08bde368), {
+                active: isOpen,
+                onClick: ()=>setOpen(!isOpen)
+            }), 
+        ]),
+        contextPanel: $a281a0612311d660$export$dda1d9f60106f0e9((0, $4bdfa9cd8240b2fd$export$ec68dd77edbe678b), [
+            $a281a0612311d660$export$dda1d9f60106f0e9((0, $Zz0sd$Switch), {
+                checked: xRay,
+                label: "X-ray mode",
+                onChange () {
+                    setState({
+                        ...state,
+                        xRay: !xRay
+                    });
+                }
+            }),
+            children, 
+        ]),
+        detailPanel: detailElement,
+        contextPanelOpen: isOpen
+    }, $a281a0612311d660$export$dda1d9f60106f0e9((0, $9e150e311a3261e9$export$ab1e7a67d6ec5ad8), {
+        style: actualStyle,
+        transformRequest: transformRequest,
+        mapPosition: mapPosition,
+        projection: "globe"
+    }, [
+        $a281a0612311d660$export$dda1d9f60106f0e9((0, $b8c84b63e75fe4f2$export$214daccdda0f4ac6), {
+            selectedLocation: inspectPosition,
+            setFeatures: setData
+        }),
+        $a281a0612311d660$export$dda1d9f60106f0e9((0, $4bc3dd5f0732eed3$export$5c90a91c7455938c), {
+            position: inspectPosition,
+            setPosition: onSelectPosition
+        }),
+        $a281a0612311d660$export$dda1d9f60106f0e9((0, $1d4d29ef2725aa16$export$86c09739b12f23cd), {
+            tile: tile,
+            color: isEnabled ? "white" : "black"
+        }), 
+    ]));
+}
+
+
+
+
+
+$parcel$exportWildcard($b6d2ac1192949c28$exports, $a281a0612311d660$exports);
+$parcel$exportWildcard($b6d2ac1192949c28$exports, $1d4d29ef2725aa16$exports);
+$parcel$exportWildcard($b6d2ac1192949c28$exports, $b8c84b63e75fe4f2$exports);
+$parcel$exportWildcard($b6d2ac1192949c28$exports, $64ee2eed3ed5ffbc$exports);
+
+
+
+
+
+
+
+
+
+
+
+export {$6e914c81c8e053da$export$4ec83e90d030b2f3 as LoadingButton, $6e914c81c8e053da$export$9e3bae3c08bde368 as MapLoadingButton, $6e914c81c8e053da$export$a8cc0062d02a3841 as FloatingNavbar, $f50c3537aaff0cff$export$83f9a19cf91c2d06 as InfoDrawerContainer, $f50c3537aaff0cff$export$aa4baff5242ea6e1 as LocationPanel, $a281a0612311d660$export$dce4b6e67bb5f25a as MacrostratVectorTileset, $a281a0612311d660$export$cc7c195070dfb906 as MacrostratRasterTileset, $a281a0612311d660$export$dda1d9f60106f0e9 as h, $a281a0612311d660$export$2391061fbdfb71ef as DevMapPage, $1d4d29ef2725aa16$export$86c09739b12f23cd as TileExtentLayer, $b8c84b63e75fe4f2$export$dc87b4d46cea200d as FeatureRecord, $b8c84b63e75fe4f2$export$214daccdda0f4ac6 as FeatureSelectionHandler, $b8c84b63e75fe4f2$export$43c75dec9d0b96c as TileInfo, $b8c84b63e75fe4f2$export$43277c51a01761c1 as FeaturePanel, $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d as buildXRayStyle, $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6 as buildInspectorStyle, $4bdfa9cd8240b2fd$export$57b87f3e07d4bb90 as MapInterface, $4bdfa9cd8240b2fd$export$ec68dd77edbe678b as PanelCard, $4bdfa9cd8240b2fd$export$fa395a37c3898ae3 as MapStyledContainer, $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290 as MapAreaContainer, $9e150e311a3261e9$export$ab1e7a67d6ec5ad8 as MapView, $9e150e311a3261e9$export$cee395a8a2a00b29 as MapTerrainManager, $91d5aa004eeb2226$export$db1a2e058a06fb5c as MapBottomControls, $4bc3dd5f0732eed3$export$31b2e088aff2dc5d as MapResizeManager, $4bc3dd5f0732eed3$export$2ab96428dea558d6 as MapPaddingManager, $4bc3dd5f0732eed3$export$f6eeee399afc4e9a as MapMovedReporter, $4bc3dd5f0732eed3$export$e57f9eaa51773f82 as MapLoadingReporter, $4bc3dd5f0732eed3$export$5c90a91c7455938c as MapMarker, $82fe09613877ffc2$export$bb78f9f01775eef1 as getMapPadding, $82fe09613877ffc2$export$278090850f6b3a9f as useMapMarker, $4fae2d573d730db8$export$716098b85fd0efdf as ValueWithUnit, $4fae2d573d730db8$export$af8082af0bea3eb1 as DegreeCoord, $4fae2d573d730db8$export$f195b3550849e560 as LngLatCoords, $4fae2d573d730db8$export$58bfb4f6ec5aa58d as Elevation, $d570ac304373e71c$export$cea00a9d724d5a32 as ExpansionPanelSummary, $d570ac304373e71c$export$39c134eb0b07cf0e as InfoPanelSection, $d570ac304373e71c$export$40e646e38e6ed100 as ExpansionPanel, $d570ac304373e71c$export$d7160281aff7c3b8 as SubExpansionPanel, $d570ac304373e71c$export$44ad9ff780615135 as ExpandableDetailsPanel, $d570ac304373e71c$export$263416b670b3f129 as ExpansionBody};
+//# sourceMappingURL=index.js.map