npm - @macrostrat/map-interface - Versions diffs - 1.0.9 → 1.0.10 - Mend

@macrostrat/map-interface 1.0.9 → 1.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/CHANGELOG.md +7 -0
package/package.json +4 -2
package/src/container.ts +3 -3
package/src/context-panel/index.ts +52 -9
package/src/context-panel/main.module.sass +10 -2
package/src/dev/map-page.ts +9 -6
package/src/helpers.ts +20 -2
package/src/main.module.sass +6 -1
package/dist/main.cjs +0 -1917
package/dist/main.cjs.map +0 -1
package/dist/main.css +0 -951
package/dist/main.css.map +0 -1
package/dist/module.css +0 -951
package/dist/module.css.map +0 -1
package/dist/module.mjs +0 -1908
package/dist/module.mjs.map +0 -1
package/dist/types.d.ts +0 -260
package/dist/types.d.ts.map +0 -1

package/dist/module.mjs DELETED Viewed

@@ -1,1908 +0,0 @@
-import "./module.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, {addClassNames as $Zz0sd$addClassNames} from "@macrostrat/hyper";
-import {useMapStatus as $Zz0sd$useMapStatus, useFocusState as $Zz0sd$useFocusState, isCentered as $Zz0sd$isCentered, LocationFocusButton as $Zz0sd$LocationFocusButton, ZoomControl as $Zz0sd$ZoomControl, MapboxMapProvider as $Zz0sd$MapboxMapProvider, useMapPosition as $Zz0sd$useMapPosition, MapControlWrapper as $Zz0sd$MapControlWrapper, ThreeDControl as $Zz0sd$ThreeDControl, CompassControl as $Zz0sd$CompassControl, GlobeControl as $Zz0sd$GlobeControl, useMapRef as $Zz0sd$useMapRef, useMapEaseTo as $Zz0sd$useMapEaseTo, 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, DevToolsButtonSlot as $Zz0sd$DevToolsButtonSlot, JSONView as $Zz0sd$JSONView, usePrevious as $Zz0sd$usePrevious} from "@macrostrat/ui-components";
-import {formatCoordForZoomLevel as $Zz0sd$formatCoordForZoomLevel, normalizeLng as $Zz0sd$normalizeLng, metersToFeet as $Zz0sd$metersToFeet, 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 {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 {asChromaColor as $Zz0sd$asChromaColor, toRGBAString as $Zz0sd$toRGBAString} from "@macrostrat/color-utils";
-import {useTransition as $Zz0sd$useTransition} from "transition-hook";
-import {debounce as $Zz0sd$debounce} from "underscore";
-import $Zz0sd$useresizeobserver from "use-resize-observer";
-import "mapbox-gl/dist/mapbox-gl.css";
-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' || Object.prototype.hasOwnProperty.call(dest, 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, "loading-button", () => $fbe402416678c280$export$fcaa8d3bc8e9cf1e, (v) => $fbe402416678c280$export$fcaa8d3bc8e9cf1e = v);
-$parcel$export($fbe402416678c280$exports, "navbar-holder", () => $fbe402416678c280$export$d8779dd86528d602, (v) => $fbe402416678c280$export$d8779dd86528d602 = v);
-$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);
-var $fbe402416678c280$export$fcaa8d3bc8e9cf1e;
-var $fbe402416678c280$export$d8779dd86528d602;
-var $fbe402416678c280$export$2ac23befe9d406ee;
-var $fbe402416678c280$export$3a39e67bbbcbd4ae;
-var $fbe402416678c280$export$764ade2d69041360;
-$fbe402416678c280$export$fcaa8d3bc8e9cf1e = `_8hZKsW_loading-button`;
-$fbe402416678c280$export$d8779dd86528d602 = `_8hZKsW_navbar-holder`;
-$fbe402416678c280$export$2ac23befe9d406ee = `_8hZKsW_searchbar`;
-$fbe402416678c280$export$3a39e67bbbcbd4ae = `_8hZKsW_searchbar-holder`;
-$fbe402416678c280$export$764ade2d69041360 = `_8hZKsW_status-tongue`;
-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), {
-        className: "loading-button",
-        icon: isLoading ? $6e914c81c8e053da$var$spinnerElement : icon,
-        large: false,
-        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, "BaseInfoDrawer", () => $f50c3537aaff0cff$export$a5ddcc2a88716895);
-$parcel$export($f50c3537aaff0cff$exports, "LocationPanel", () => $f50c3537aaff0cff$export$aa4baff5242ea6e1);
-var $29ab0212ea6844d0$exports = {};
-$parcel$export($29ab0212ea6844d0$exports, "copy-link-button", () => $29ab0212ea6844d0$export$d1352d0c31a65024, (v) => $29ab0212ea6844d0$export$d1352d0c31a65024 = v);
-$parcel$export($29ab0212ea6844d0$exports, "infodrawer", () => $29ab0212ea6844d0$export$b5017f7ff265217d, (v) => $29ab0212ea6844d0$export$b5017f7ff265217d = v);
-$parcel$export($29ab0212ea6844d0$exports, "infodrawer-body", () => $29ab0212ea6844d0$export$310e8f86a84c074f, (v) => $29ab0212ea6844d0$export$310e8f86a84c074f = v);
-$parcel$export($29ab0212ea6844d0$exports, "infodrawer-contents", () => $29ab0212ea6844d0$export$69ed3ba502fbf15b, (v) => $29ab0212ea6844d0$export$69ed3ba502fbf15b = v);
-$parcel$export($29ab0212ea6844d0$exports, "infodrawer-header-item", () => $29ab0212ea6844d0$export$333d72514239bce8, (v) => $29ab0212ea6844d0$export$333d72514239bce8 = 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, "position-controls", () => $29ab0212ea6844d0$export$dfae07a3bf0fbd6, (v) => $29ab0212ea6844d0$export$dfae07a3bf0fbd6 = v);
-$parcel$export($29ab0212ea6844d0$exports, "spacer", () => $29ab0212ea6844d0$export$8cc075c801fd6817, (v) => $29ab0212ea6844d0$export$8cc075c801fd6817 = v);
-var $29ab0212ea6844d0$export$d1352d0c31a65024;
-var $29ab0212ea6844d0$export$b5017f7ff265217d;
-var $29ab0212ea6844d0$export$310e8f86a84c074f;
-var $29ab0212ea6844d0$export$69ed3ba502fbf15b;
-var $29ab0212ea6844d0$export$333d72514239bce8;
-var $29ab0212ea6844d0$export$f750577db09821ce;
-var $29ab0212ea6844d0$export$46c1c92549715335;
-var $29ab0212ea6844d0$export$d821beb98a87c6d7;
-var $29ab0212ea6844d0$export$dfae07a3bf0fbd6;
-var $29ab0212ea6844d0$export$8cc075c801fd6817;
-$29ab0212ea6844d0$export$d1352d0c31a65024 = `VPa3-W_copy-link-button`;
-$29ab0212ea6844d0$export$b5017f7ff265217d = `VPa3-W_infodrawer`;
-$29ab0212ea6844d0$export$310e8f86a84c074f = `VPa3-W_infodrawer-body`;
-$29ab0212ea6844d0$export$69ed3ba502fbf15b = `VPa3-W_infodrawer-contents`;
-$29ab0212ea6844d0$export$333d72514239bce8 = `VPa3-W_infodrawer-header-item`;
-$29ab0212ea6844d0$export$f750577db09821ce = `VPa3-W_left-icon`;
-$29ab0212ea6844d0$export$46c1c92549715335 = `VPa3-W_loading`;
-$29ab0212ea6844d0$export$d821beb98a87c6d7 = `VPa3-W_location-panel-header`;
-$29ab0212ea6844d0$export$dfae07a3bf0fbd6 = `VPa3-W_position-controls`;
-$29ab0212ea6844d0$export$8cc075c801fd6817 = `VPa3-W_spacer`;
-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);
-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);
-    }
-}
-var $bb5f34705d9c44bc$exports = {};
-$parcel$export($bb5f34705d9c44bc$exports, "applyMapPositionToHash", () => $bb5f34705d9c44bc$export$8391d1abb505ffb3);
-$parcel$export($bb5f34705d9c44bc$exports, "getMapPositionForHash", () => $bb5f34705d9c44bc$export$80abf1cbcc3918e4);
-function $bb5f34705d9c44bc$export$8391d1abb505ffb3(args, mapPosition) {
-    const pos = mapPosition?.camera;
-    if (pos == null) return;
-    const zoom = mapPosition.target?.zoom;
-    args.x = (0, $Zz0sd$formatCoordForZoomLevel)(pos.lng, zoom);
-    args.y = (0, $Zz0sd$formatCoordForZoomLevel)(pos.lat, zoom);
-    if (pos.bearing == 0 && pos.pitch == 0 && zoom != null) args.z = (0, $3e1bd09be8f70c4c$export$e54bbd2c33d17485)(zoom);
-    else if (pos.altitude != null) {
-        if (pos.altitude > 5000) args.z = (0, $3e1bd09be8f70c4c$export$4c173b1b2f78faf7)(pos.altitude / 1000) + "km";
-        else args.z = (0, $3e1bd09be8f70c4c$export$bc135f63e2f56fd4)(pos.altitude) + "m";
-    }
-    if (pos.bearing != 0) {
-        let az = pos.bearing;
-        if (az < 0) az += 360;
-        args.a = (0, $3e1bd09be8f70c4c$export$bc135f63e2f56fd4)(az);
-    }
-    if (pos.pitch != 0) args.e = (0, $3e1bd09be8f70c4c$export$bc135f63e2f56fd4)(pos.pitch);
-}
-function $bb5f34705d9c44bc$var$_fmt(x) {
-    if (Array.isArray(x)) x = x[0];
-    return parseFloat(x.toString());
-}
-function $bb5f34705d9c44bc$export$80abf1cbcc3918e4(hashData, centerPosition) {
-    const { x: x = centerPosition?.lng ?? 0, y: y = centerPosition?.lat ?? 0, z: // Different default for zoom depending on whether we have a marker
-    z = centerPosition != null ? 7 : 2, a: a = 0, e: e = 0 } = hashData;
-    const lng = $bb5f34705d9c44bc$var$_fmt(x);
-    const lat = $bb5f34705d9c44bc$var$_fmt(y);
-    let altitude = null;
-    let zoom = null;
-    const _z = z.toString();
-    if (_z.endsWith("km")) altitude = $bb5f34705d9c44bc$var$_fmt(_z.substring(0, _z.length - 2)) * 1000;
-    else if (_z.endsWith("m")) altitude = $bb5f34705d9c44bc$var$_fmt(_z.substring(0, _z.length - 1));
-    else zoom = $bb5f34705d9c44bc$var$_fmt(z);
-    const bearing = $bb5f34705d9c44bc$var$_fmt(a);
-    const pitch = $bb5f34705d9c44bc$var$_fmt(e);
-    let target = undefined;
-    if (bearing == 0 && pitch == 0 && zoom != null) target = {
-        lat: lat,
-        lng: lng,
-        zoom: zoom
-    };
-    return {
-        camera: {
-            lng: $bb5f34705d9c44bc$var$_fmt(x),
-            lat: $bb5f34705d9c44bc$var$_fmt(y),
-            altitude: altitude,
-            bearing: $bb5f34705d9c44bc$var$_fmt(a),
-            pitch: $bb5f34705d9c44bc$var$_fmt(e)
-        },
-        target: target
-    };
-}
-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, $Zz0sd$formatCoordForZoomLevel)(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, $Zz0sd$normalizeLng)(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, $Zz0sd$metersToFeet)(elevation),
-                unit: "ft"
-            }),
-            ")"
-        ])
-    ]);
-}
-$parcel$exportWildcard($4fae2d573d730db8$exports, $bb5f34705d9c44bc$exports);
-const $427faf94283514d4$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($29ab0212ea6844d0$exports))));
-function $427faf94283514d4$var$PositionButton({ position: position, showCopyLink: showCopyLink = false }) {
-    const focusState = (0, $Zz0sd$useFocusState)(position);
-    const copyLinkIsVisible = (0, $Zz0sd$isCentered)(focusState) && showCopyLink;
-    return $427faf94283514d4$var$h("div.position-controls", [
-        $427faf94283514d4$var$h((0, $Zz0sd$LocationFocusButton), {
-            location: position,
-            focusState: focusState
-        }, []),
-        $427faf94283514d4$var$h.if(copyLinkIsVisible)($427faf94283514d4$var$CopyLinkButton, {
-            itemName: "position"
-        })
-    ]);
-}
-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, showCopyPositionButton: showCopyPositionButton } = props;
-    return $427faf94283514d4$var$h("header.location-panel-header", [
-        $427faf94283514d4$var$h($427faf94283514d4$var$PositionButton, {
-            position: position,
-            showCopyLink: showCopyPositionButton
-        }),
-        $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$a5ddcc2a88716895(props) {
-    const { className: className, headerElement: headerElement = null, title: title, onClose: onClose, children: children, ...rest } = props;
-    const header = headerElement ?? $f50c3537aaff0cff$var$h((0, $427faf94283514d4$export$e9ff14c4822c2e8c), {
-        onClose: onClose,
-        ...rest
-    }, [
-        title == null ? null : $f50c3537aaff0cff$var$h("h3", [
-            title
-        ])
-    ]);
-    return $f50c3537aaff0cff$var$h($f50c3537aaff0cff$export$83f9a19cf91c2d06, {
-        className: className
-    }, [
-        header,
-        $f50c3537aaff0cff$var$h("div.infodrawer-body", $f50c3537aaff0cff$var$h("div.infodrawer-contents", $f50c3537aaff0cff$var$h((0, $Zz0sd$ErrorBoundary), null, children)))
-    ]);
-}
-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$a5ddcc2a88716895, {
-        className: cls,
-        ...rest
-    }, children);
-}
-var $b6d2ac1192949c28$exports = {};
-var $a281a0612311d660$exports = {};
-$parcel$export($a281a0612311d660$exports, "h", () => $a281a0612311d660$export$dda1d9f60106f0e9);
-$parcel$export($a281a0612311d660$exports, "MapInspector", () => $a281a0612311d660$export$c5febf3ae8816972);
-$parcel$export($a281a0612311d660$exports, "DevMapPage", () => $a281a0612311d660$export$2391061fbdfb71ef);
-// Import other components
-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$asChromaColor)(color);
-    const xRayColor = (opacity = 1, darken = 0)=>{
-        if (!inDarkMode) return (0, $Zz0sd$toRGBAString)(c.darken(2 - darken).alpha(opacity));
-        return (0, $Zz0sd$toRGBAString)(c.alpha(opacity).darken(darken));
-    };
-    if (layer.type == "background") return null;
-    let newLayer = {
-        ...layer
-    };
-    console.log(xRayColor(0.5));
-    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, "PanelCard", () => $4bdfa9cd8240b2fd$export$ec68dd77edbe678b);
-$parcel$export($4bdfa9cd8240b2fd$exports, "DetailPanelStyle", () => $4bdfa9cd8240b2fd$export$612ca936d3ed4784);
-$parcel$export($4bdfa9cd8240b2fd$exports, "MapStyledContainer", () => $4bdfa9cd8240b2fd$export$fa395a37c3898ae3);
-$parcel$export($4bdfa9cd8240b2fd$exports, "MapAreaContainer", () => $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290);
-var $1f5c274a1b8d54c3$exports = {};
-$parcel$export($1f5c274a1b8d54c3$exports, "map-container", () => $1f5c274a1b8d54c3$export$d7f2c44afcf5df56, (v) => $1f5c274a1b8d54c3$export$d7f2c44afcf5df56 = v);
-$parcel$export($1f5c274a1b8d54c3$exports, "show-panel-outlines", () => $1f5c274a1b8d54c3$export$e163bcc0a29d66c, (v) => $1f5c274a1b8d54c3$export$e163bcc0a29d66c = v);
-$parcel$export($1f5c274a1b8d54c3$exports, "map-view-container", () => $1f5c274a1b8d54c3$export$11aa7dc57218208d, (v) => $1f5c274a1b8d54c3$export$11aa7dc57218208d = 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, "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, "detail-panel-fixed", () => $1f5c274a1b8d54c3$export$4a4f34b86d8e6504, (v) => $1f5c274a1b8d54c3$export$4a4f34b86d8e6504 = v);
-$parcel$export($1f5c274a1b8d54c3$exports, "detail-panel-holder", () => $1f5c274a1b8d54c3$export$f553ebb4e6df6c5f, (v) => $1f5c274a1b8d54c3$export$f553ebb4e6df6c5f = v);
-$parcel$export($1f5c274a1b8d54c3$exports, "map-control-stack", () => $1f5c274a1b8d54c3$export$c163dab1f00a51cb, (v) => $1f5c274a1b8d54c3$export$c163dab1f00a51cb = v);
-$parcel$export($1f5c274a1b8d54c3$exports, "main-row", () => $1f5c274a1b8d54c3$export$bc4885f800420ea3, (v) => $1f5c274a1b8d54c3$export$bc4885f800420ea3 = v);
-$parcel$export($1f5c274a1b8d54c3$exports, "map-ui", () => $1f5c274a1b8d54c3$export$7d4a718201bc0bd1, (v) => $1f5c274a1b8d54c3$export$7d4a718201bc0bd1 = v);
-$parcel$export($1f5c274a1b8d54c3$exports, "mapbox-map", () => $1f5c274a1b8d54c3$export$d0dcaf774d09fc4c, (v) => $1f5c274a1b8d54c3$export$d0dcaf774d09fc4c = 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, "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, "bp5-button-group", () => $1f5c274a1b8d54c3$export$6fe71a6d4f52db2a, (v) => $1f5c274a1b8d54c3$export$6fe71a6d4f52db2a = v);
-$parcel$export($1f5c274a1b8d54c3$exports, "detail-panel-container", () => $1f5c274a1b8d54c3$export$aa8359f513bf67ff, (v) => $1f5c274a1b8d54c3$export$aa8359f513bf67ff = v);
-$parcel$export($1f5c274a1b8d54c3$exports, "map-right-controls", () => $1f5c274a1b8d54c3$export$98a77ae0c82023e7, (v) => $1f5c274a1b8d54c3$export$98a77ae0c82023e7 = v);
-$parcel$export($1f5c274a1b8d54c3$exports, "map-controls", () => $1f5c274a1b8d54c3$export$802dc54769b48aa7, (v) => $1f5c274a1b8d54c3$export$802dc54769b48aa7 = 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, "adaptive-width", () => $1f5c274a1b8d54c3$export$4db621d3143ef457, (v) => $1f5c274a1b8d54c3$export$4db621d3143ef457 = v);
-$parcel$export($1f5c274a1b8d54c3$exports, "context-panel-holder", () => $1f5c274a1b8d54c3$export$1113ec858cdbc244, (v) => $1f5c274a1b8d54c3$export$1113ec858cdbc244 = 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);
-$parcel$export($1f5c274a1b8d54c3$exports, "detail-panel-floating", () => $1f5c274a1b8d54c3$export$50b37414f37debaa, (v) => $1f5c274a1b8d54c3$export$50b37414f37debaa = 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);
-var $1f5c274a1b8d54c3$export$d7f2c44afcf5df56;
-var $1f5c274a1b8d54c3$export$e163bcc0a29d66c;
-var $1f5c274a1b8d54c3$export$11aa7dc57218208d;
-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$62a60ea2feb29c53;
-var $1f5c274a1b8d54c3$export$61e54aa1efb913ad;
-var $1f5c274a1b8d54c3$export$4a4f34b86d8e6504;
-var $1f5c274a1b8d54c3$export$f553ebb4e6df6c5f;
-var $1f5c274a1b8d54c3$export$c163dab1f00a51cb;
-var $1f5c274a1b8d54c3$export$bc4885f800420ea3;
-var $1f5c274a1b8d54c3$export$7d4a718201bc0bd1;
-var $1f5c274a1b8d54c3$export$d0dcaf774d09fc4c;
-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$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$6fe71a6d4f52db2a;
-var $1f5c274a1b8d54c3$export$aa8359f513bf67ff;
-var $1f5c274a1b8d54c3$export$98a77ae0c82023e7;
-var $1f5c274a1b8d54c3$export$802dc54769b48aa7;
-var $1f5c274a1b8d54c3$export$b56f659d649f0d92;
-var $1f5c274a1b8d54c3$export$e017ebf46ba443ed;
-var $1f5c274a1b8d54c3$export$69fa1b5d46c139b9;
-var $1f5c274a1b8d54c3$export$c6930745f2610de0;
-var $1f5c274a1b8d54c3$export$4db621d3143ef457;
-var $1f5c274a1b8d54c3$export$1113ec858cdbc244;
-var $1f5c274a1b8d54c3$export$90f42dafd5c24d2d;
-var $1f5c274a1b8d54c3$export$9ea3835d1b44cc08;
-var $1f5c274a1b8d54c3$export$50b37414f37debaa;
-var $1f5c274a1b8d54c3$export$419647d5ce4279cb;
-var $1f5c274a1b8d54c3$export$1d0f1d0b062c3bee;
-var $1f5c274a1b8d54c3$export$b4dbb67ffc3cc7a9;
-$1f5c274a1b8d54c3$export$d7f2c44afcf5df56 = "map-container_4c0a66";
-$1f5c274a1b8d54c3$export$e163bcc0a29d66c = "show-panel-outlines_4c0a66";
-$1f5c274a1b8d54c3$export$11aa7dc57218208d = "map-view-container_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$62a60ea2feb29c53 = "detail-panel-open_4c0a66";
-$1f5c274a1b8d54c3$export$61e54aa1efb913ad = "zoom-control_4c0a66";
-$1f5c274a1b8d54c3$export$4a4f34b86d8e6504 = "detail-panel-fixed_4c0a66";
-$1f5c274a1b8d54c3$export$f553ebb4e6df6c5f = "detail-panel-holder_4c0a66";
-$1f5c274a1b8d54c3$export$c163dab1f00a51cb = "map-control-stack_4c0a66";
-$1f5c274a1b8d54c3$export$bc4885f800420ea3 = "main-row_4c0a66";
-$1f5c274a1b8d54c3$export$7d4a718201bc0bd1 = "map-ui_4c0a66";
-$1f5c274a1b8d54c3$export$d0dcaf774d09fc4c = "mapbox-map_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$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$6fe71a6d4f52db2a = "bp5-button-group_4c0a66";
-$1f5c274a1b8d54c3$export$aa8359f513bf67ff = "detail-panel-container_4c0a66";
-$1f5c274a1b8d54c3$export$98a77ae0c82023e7 = "map-right-controls_4c0a66";
-$1f5c274a1b8d54c3$export$802dc54769b48aa7 = "map-controls_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$4db621d3143ef457 = "adaptive-width_4c0a66";
-$1f5c274a1b8d54c3$export$1113ec858cdbc244 = "context-panel-holder_4c0a66";
-$1f5c274a1b8d54c3$export$90f42dafd5c24d2d = "context-panel-from_4c0a66";
-$1f5c274a1b8d54c3$export$9ea3835d1b44cc08 = "context-panel-enter_4c0a66";
-$1f5c274a1b8d54c3$export$50b37414f37debaa = "detail-panel-floating_4c0a66";
-$1f5c274a1b8d54c3$export$419647d5ce4279cb = "detail-panel-from_4c0a66";
-$1f5c274a1b8d54c3$export$1d0f1d0b062c3bee = "detail-panel-leave_4c0a66";
-$1f5c274a1b8d54c3$export$b4dbb67ffc3cc7a9 = "context-panel_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({ children: children }) {
-    const { isInitialized: isInitialized } = (0, $Zz0sd$useMapStatus)();
-    if (!isInitialized) return null;
-    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"
-        }),
-        // If we have global development tools enabled, show the button
-        $91d5aa004eeb2226$var$h((0, $Zz0sd$DevToolsButtonSlot), {
-            className: "map-control"
-        }),
-        children
-    ]);
-}
-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)
-    });
-var $4bdfa9cd8240b2fd$export$612ca936d3ed4784;
-(function(DetailPanelStyle) {
-    DetailPanelStyle["FIXED"] = "fixed";
-    DetailPanelStyle["FLOATING"] = "floating";
-})($4bdfa9cd8240b2fd$export$612ca936d3ed4784 || ($4bdfa9cd8240b2fd$export$612ca936d3ed4784 = {}));
-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, detailPanelStyle: detailPanelStyle = "floating", fitViewport: fitViewport = true, showPanelOutlines: showPanelOutlines = false, preventMapInteraction: preventMapInteraction = false, ...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 mainUIClassNames = (0, $Zz0sd$classnames)("map-container", className, `detail-panel-${detailPanelStyle}`, `context-panel-${contextPanelTrans.stage}`, `map-context-${contextPanelTrans.stage}`, `detail-panel-${detailPanelTrans.stage}`, `map-detail-${detailPanelTrans.stage}`, {
-        "detail-panel-open": _detailPanelOpen,
-        "map-context-open": contextPanelOpen,
-        "show-panel-outlines": showPanelOutlines,
-        "fit-viewport": fitViewport
-    });
-    const mapControlsExt = $4bdfa9cd8240b2fd$var$h([
-        $4bdfa9cd8240b2fd$var$h((0, $Zz0sd$ZoomControl), {
-            className: "zoom-control"
-        }),
-        $4bdfa9cd8240b2fd$var$h("div.spacer"),
-        mapControls
-    ]);
-    const detailStackExt = $4bdfa9cd8240b2fd$var$h("div.detail-stack.infodrawer-container", detailStackProps, [
-        $4bdfa9cd8240b2fd$var$h("div.detail-panel-holder", null, detailPanel),
-        $4bdfa9cd8240b2fd$var$h.if(detailPanelStyle == "floating")([
-            mapControlsExt
-        ])
-    ]);
-    return $4bdfa9cd8240b2fd$var$h($4bdfa9cd8240b2fd$export$fa395a37c3898ae3, {
-        className: mainUIClassNames
-    }, [
-        $4bdfa9cd8240b2fd$var$h("div.main-row", [
-            $4bdfa9cd8240b2fd$var$h("div.map-ui", {
-                ...rest
-            }, [
-                $4bdfa9cd8240b2fd$var$h($4bdfa9cd8240b2fd$var$ContextStack, {
-                    navbar: navbar,
-                    ...contextStackProps
-                }, [
-                    $4bdfa9cd8240b2fd$var$h.if(contextPanelTrans.shouldMount)([
-                        contextPanel
-                    ])
-                ]),
-                //h(MapView),
-                children ?? mainPanel,
-                $4bdfa9cd8240b2fd$var$h.if(detailPanelStyle == "floating")([
-                    detailStackExt
-                ]),
-                $4bdfa9cd8240b2fd$var$h.if(detailPanelStyle == "fixed")("div.map-control-stack", mapControlsExt)
-            ]),
-            $4bdfa9cd8240b2fd$var$h.if(detailPanelStyle == "fixed")([
-                detailStackExt
-            ])
-        ]),
-        $4bdfa9cd8240b2fd$var$h("div.bottom", null, bottomPanel)
-    ]);
-}
-function $4bdfa9cd8240b2fd$var$ContextStack(props) {
-    const { adaptiveWidth: adaptiveWidth, navbar: navbar, children: children, ...rest } = props;
-    const props1 = (0, $Zz0sd$addClassNames)(rest, {
-        "adaptive-width": adaptiveWidth
-    });
-    return $4bdfa9cd8240b2fd$var$h("div.context-stack", props1, [
-        navbar,
-        $4bdfa9cd8240b2fd$var$h("div.context-panel-holder", null, children),
-        $4bdfa9cd8240b2fd$var$h("div.spacer")
-    ]);
-}
-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 = (0, $Zz0sd$useMapPosition)();
-    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();
-        }
-    });
-    // Ideally, we would not have to do this when we know the infobox is loaded
-    (0, $Zz0sd$useMapEaseTo)({
-        center: infoMarkerPosition,
-        padding: 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: mapIsLoading }) {
-    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,
-        mapIsLoading
-    ]);
-    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);
-// We should merge this with code in @macrostrat/mapbox-react/src/terrain.ts:
-function $286fbb15f2139dc1$export$b730542ee281c4b1(map, shouldEnable, sourceID = null) {
-    if (!map.style?._loaded) {
-        map.once("style.load", ()=>{
-            $286fbb15f2139dc1$export$b730542ee281c4b1(map, shouldEnable, sourceID);
-        });
-        return;
-    }
-    const currentTerrainSource = $286fbb15f2139dc1$var$getTerrainSourceID(map);
-    let demSourceID = sourceID ?? currentTerrainSource ?? "mapbox-dem";
-    console.log("Enabling 3D terrain with source", demSourceID);
-    // 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
-    });
-    console.log(map.getTerrain());
-}
-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($1f5c274a1b8d54c3$exports))));
-function $9e150e311a3261e9$var$defaultInitializeMap(container, args = {}) {
-    const { mapPosition: mapPosition, ...rest } = args;
-    console.log("Initializing map (default)", args);
-    const map = new (0, $Zz0sd$mapboxgl).Map({
-        container: container,
-        maxZoom: 18,
-        //maxTileCacheSize: 0,
-        logoPosition: "bottom-left",
-        trackResize: true,
-        antialias: true,
-        optimizeForTerrain: true,
-        ...rest
-    });
-    // set initial map position
-    if (mapPosition != null) (0, $Zz0sd$setMapPosition)(map, mapPosition);
-    //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, mapPosition: mapPosition = $9e150e311a3261e9$var$defaultMapPosition, initializeMap: initializeMap = $9e150e311a3261e9$var$defaultInitializeMap, children: children, mapboxToken: mapboxToken, accessToken: // Deprecated
-    accessToken, infoMarkerPosition: infoMarkerPosition, transformRequest: transformRequest, projection: projection, onMapLoaded: onMapLoaded = null, onStyleLoaded: onStyleLoaded = null, onMapMoved: onMapMoved = null, ...rest } = props;
-    if (enableTerrain) terrainSourceID ??= "mapbox-3d-dem";
-    const _mapboxToken = mapboxToken ?? accessToken;
-    if (_mapboxToken != null) (0, $Zz0sd$mapboxgl).accessToken = _mapboxToken;
-    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)(()=>{
-        console.log("Map updated", mapRef.current);
-    }, [
-        mapRef.current
-    ]);
-    (0, $Zz0sd$useEffect)(()=>{
-        if (style == null) return;
-        if (mapRef.current != null) {
-            console.log("Setting style", style);
-            mapRef.current.setStyle(style);
-            return;
-        }
-        const map = initializeMap(ref.current, {
-            style: style,
-            projection: projection,
-            mapPosition: mapPosition,
-            ...rest
-        });
-        map.setPadding((0, $82fe09613877ffc2$export$bb78f9f01775eef1)(ref, parentRef), {
-            animate: false
-        });
-        map.on("style.load", ()=>{
-            onStyleLoaded?.(map);
-            dispatch({
-                type: "set-style-loaded",
-                payload: true
-            });
-        });
-        onMapLoaded?.(map);
-        dispatch({
-            type: "set-map",
-            payload: map
-        });
-    }, [
-        style
-    ]);
-    // Map style updating
-    // useEffect(() => {
-    //   if (mapRef?.current == null || style == null) return;
-    //   mapRef?.current?.setStyle(style);
-    // }, [mapRef.current, style]);
-    // Set map position if it changes
-    // useEffect(() => {
-    //   const map = mapRef.current;
-    //   if (map == null || mapPosition == null) return;
-    //   setMapPosition(map, mapPosition);
-    // }, [mapPosition]);
-    const _computedMapPosition = (0, $Zz0sd$useMapPosition)();
-    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), {
-            onMapMoved: onMapMoved
-        }),
-        $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 map = (0, $Zz0sd$useMapRef)();
-    (0, $Zz0sd$useMapConditionalStyle)(map, tile, styleCallback);
-    return null;
-}
-var $b8c84b63e75fe4f2$exports = {};
-$parcel$export($b8c84b63e75fe4f2$exports, "FeatureProperties", () => $b8c84b63e75fe4f2$export$2906e7f4b228efe9);
-$parcel$export($b8c84b63e75fe4f2$exports, "FeatureRecord", () => $b8c84b63e75fe4f2$export$dc87b4d46cea200d);
-$parcel$export($b8c84b63e75fe4f2$exports, "FeatureSelectionHandler", () => $b8c84b63e75fe4f2$export$214daccdda0f4ac6);
-$parcel$export($b8c84b63e75fe4f2$exports, "Features", () => $b8c84b63e75fe4f2$export$617d79dae526d2cf);
-$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);
-$parcel$export($d570ac304373e71c$exports, "PanelSubhead", () => $72e497a412b1da0a$export$ed081779ec3709aa);
-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, "info-panel-section", () => $3388ecc062e0c521$export$198bd65f1c7a5309, (v) => $3388ecc062e0c521$export$198bd65f1c7a5309 = 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$198bd65f1c7a5309;
-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$198bd65f1c7a5309 = "info-panel-section_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$export$2906e7f4b228efe9({ data: data, ...rest }) {
-    return $b8c84b63e75fe4f2$var$h("div.feature-properties", [
-        $b8c84b63e75fe4f2$var$h((0, $Zz0sd$JSONView), {
-            data: data,
-            hideRoot: true,
-            ...rest
-        })
-    ]);
-}
-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)($b8c84b63e75fe4f2$export$2906e7f4b228efe9, {
-            data: props
-        })
-    ]);
-}
-function $b8c84b63e75fe4f2$export$214daccdda0f4ac6({ selectedLocation: selectedLocation, setFeatures: setFeatures, radius: radius = 2 }) {
-    const mapRef = (0, $Zz0sd$useMapRef)();
-    const { isLoading: isLoading } = (0, $Zz0sd$useMapStatus)();
-    const prevLocation = (0, $Zz0sd$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,
-        prevLocation?.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 [isLoaded, 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 (!isLoaded) return $b8c84b63e75fe4f2$var$h((0, $Zz0sd$Spinner));
-    return $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$export$617d79dae526d2cf, {
-        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$FeatureGroups, {
-                features: filteredFeatures
-            })
-        ])
-    ]);
-}
-function $b8c84b63e75fe4f2$var$FeatureGroups({ features: features }) {
-    /** Group features by source and sourceLayer */ if (features == null) return null;
-    const groups = (0, $Zz0sd$group)(features, (d)=>`${d.source} - ${d.sourceLayer}`);
-    return $b8c84b63e75fe4f2$var$h("div.feature-groups", Array.from(groups).map(([key, features])=>{
-        return $b8c84b63e75fe4f2$var$h("div.feature-group", [
-            $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$FeatureHeader, {
-                feature: features[0]
-            }),
-            $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$export$617d79dae526d2cf, {
-                features: features
-            })
-        ]);
-    }));
-}
-function $b8c84b63e75fe4f2$export$617d79dae526d2cf({ features: features }) {
-    return $b8c84b63e75fe4f2$var$h("div.features", features.map((feature, i)=>$b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$export$dc87b4d46cea200d, {
-            key: i,
-            feature: feature
-        })));
-}
-const $a281a0612311d660$export$dda1d9f60106f0e9 = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($bfe9593b6c29b10b$exports))));
-function $a281a0612311d660$export$c5febf3ae8816972({ 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, fitViewport: fitViewport = true, 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);
-    console.log("actualStyle", actualStyle);
-    (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
-        };
-    }
-    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,
-        fitViewport: fitViewport
-    }, $a281a0612311d660$export$dda1d9f60106f0e9((0, $9e150e311a3261e9$export$ab1e7a67d6ec5ad8), {
-        style: actualStyle,
-        transformRequest: transformRequest,
-        mapPosition: mapPosition,
-        projection: {
-            name: "globe"
-        },
-        mapboxToken: mapboxToken
-    }, [
-        $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"
-        })
-    ]));
-}
-const $a281a0612311d660$export$2391061fbdfb71ef = $a281a0612311d660$export$c5febf3ae8816972;
-$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$a5ddcc2a88716895 as BaseInfoDrawer, $f50c3537aaff0cff$export$aa4baff5242ea6e1 as LocationPanel, $a281a0612311d660$export$dda1d9f60106f0e9 as h, $a281a0612311d660$export$c5febf3ae8816972 as MapInspector, $a281a0612311d660$export$2391061fbdfb71ef as DevMapPage, $1d4d29ef2725aa16$export$86c09739b12f23cd as TileExtentLayer, $b8c84b63e75fe4f2$export$2906e7f4b228efe9 as FeatureProperties, $b8c84b63e75fe4f2$export$dc87b4d46cea200d as FeatureRecord, $b8c84b63e75fe4f2$export$214daccdda0f4ac6 as FeatureSelectionHandler, $b8c84b63e75fe4f2$export$617d79dae526d2cf as Features, $b8c84b63e75fe4f2$export$43c75dec9d0b96c as TileInfo, $b8c84b63e75fe4f2$export$43277c51a01761c1 as FeaturePanel, $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d as buildXRayStyle, $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6 as buildInspectorStyle, $4bdfa9cd8240b2fd$export$ec68dd77edbe678b as PanelCard, $4bdfa9cd8240b2fd$export$612ca936d3ed4784 as DetailPanelStyle, $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, $bb5f34705d9c44bc$export$8391d1abb505ffb3 as applyMapPositionToHash, $bb5f34705d9c44bc$export$80abf1cbcc3918e4 as getMapPositionForHash, $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, $72e497a412b1da0a$export$ed081779ec3709aa as PanelSubhead};
-//# sourceMappingURL=module.mjs.map