@macrostrat/map-interface 1.0.12 → 1.2.0

package/dist/index.cjs.js

@@ -1,1965 +0,0 @@
-require("./index.cjs.css");
-var $9B3TU$react = require("react");
-var $9B3TU$blueprintjscore = require("@blueprintjs/core");
-var $9B3TU$macrostrathyper = require("@macrostrat/hyper");
-var $9B3TU$macrostratmapboxreact = require("@macrostrat/mapbox-react");
-var $9B3TU$macrostratuicomponents = require("@macrostrat/ui-components");
-var $9B3TU$classnames = require("classnames");
-var $9B3TU$macrostratmapboxutils = require("@macrostrat/mapbox-utils");
-var $9B3TU$d3format = require("d3-format");
-var $9B3TU$mapboxgl = require("mapbox-gl");
-var $9B3TU$macrostratcolorutils = require("@macrostrat/color-utils");
-var $9B3TU$transitionhook = require("transition-hook");
-var $9B3TU$underscore = require("underscore");
-var $9B3TU$useresizeobserver = require("use-resize-observer");
-require("mapbox-gl/dist/mapbox-gl.css");
-var $9B3TU$mapboxtilebelt = require("@mapbox/tilebelt");
-var $9B3TU$d3array = require("d3-array");
-
-
-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;
-}
-
-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});
-}
-var $fce5fc950d1fe35b$exports = {};
-
-$parcel$export($fce5fc950d1fe35b$exports, "LoadingButton", () => $fce5fc950d1fe35b$export$4ec83e90d030b2f3);
-$parcel$export($fce5fc950d1fe35b$exports, "MapLoadingButton", () => $fce5fc950d1fe35b$export$9e3bae3c08bde368);
-$parcel$export($fce5fc950d1fe35b$exports, "FloatingNavbar", () => $fce5fc950d1fe35b$export$a8cc0062d02a3841);
-
-
-
-var $7a1b0f72a2e7f87d$exports = {};
-
-$parcel$export($7a1b0f72a2e7f87d$exports, "loading-button", () => $7a1b0f72a2e7f87d$export$fcaa8d3bc8e9cf1e, (v) => $7a1b0f72a2e7f87d$export$fcaa8d3bc8e9cf1e = v);
-$parcel$export($7a1b0f72a2e7f87d$exports, "navbar", () => $7a1b0f72a2e7f87d$export$58733aaf927c3bbe, (v) => $7a1b0f72a2e7f87d$export$58733aaf927c3bbe = v);
-$parcel$export($7a1b0f72a2e7f87d$exports, "navbar-holder", () => $7a1b0f72a2e7f87d$export$d8779dd86528d602, (v) => $7a1b0f72a2e7f87d$export$d8779dd86528d602 = v);
-$parcel$export($7a1b0f72a2e7f87d$exports, "searchbar", () => $7a1b0f72a2e7f87d$export$2ac23befe9d406ee, (v) => $7a1b0f72a2e7f87d$export$2ac23befe9d406ee = v);
-$parcel$export($7a1b0f72a2e7f87d$exports, "searchbar-holder", () => $7a1b0f72a2e7f87d$export$3a39e67bbbcbd4ae, (v) => $7a1b0f72a2e7f87d$export$3a39e67bbbcbd4ae = v);
-$parcel$export($7a1b0f72a2e7f87d$exports, "status-tongue", () => $7a1b0f72a2e7f87d$export$764ade2d69041360, (v) => $7a1b0f72a2e7f87d$export$764ade2d69041360 = v);
-var $7a1b0f72a2e7f87d$export$fcaa8d3bc8e9cf1e;
-var $7a1b0f72a2e7f87d$export$58733aaf927c3bbe;
-var $7a1b0f72a2e7f87d$export$d8779dd86528d602;
-var $7a1b0f72a2e7f87d$export$2ac23befe9d406ee;
-var $7a1b0f72a2e7f87d$export$3a39e67bbbcbd4ae;
-var $7a1b0f72a2e7f87d$export$764ade2d69041360;
-$7a1b0f72a2e7f87d$export$fcaa8d3bc8e9cf1e = `_8hZKsW_loading-button`;
-$7a1b0f72a2e7f87d$export$58733aaf927c3bbe = `_8hZKsW_navbar`;
-$7a1b0f72a2e7f87d$export$d8779dd86528d602 = `_8hZKsW_navbar-holder`;
-$7a1b0f72a2e7f87d$export$2ac23befe9d406ee = `_8hZKsW_searchbar`;
-$7a1b0f72a2e7f87d$export$3a39e67bbbcbd4ae = `_8hZKsW_searchbar-holder`;
-$7a1b0f72a2e7f87d$export$764ade2d69041360 = `_8hZKsW_status-tongue`;
-
-
-
-
-const $fce5fc950d1fe35b$var$h = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($7a1b0f72a2e7f87d$exports))));
-const $fce5fc950d1fe35b$var$spinnerElement = $fce5fc950d1fe35b$var$h((0, $9B3TU$blueprintjscore.Spinner), {
-    size: 16
-});
-function $fce5fc950d1fe35b$export$4ec83e90d030b2f3({ isLoading: isLoading = false, onClick: onClick, active: active = false, large: large = false, icon: icon = "menu", style: style }) {
-    return $fce5fc950d1fe35b$var$h((0, $9B3TU$blueprintjscore.Button), {
-        className: "loading-button",
-        icon: isLoading ? $fce5fc950d1fe35b$var$spinnerElement : icon,
-        large: large,
-        minimal: true,
-        onClick: onClick,
-        active: active && !isLoading,
-        style: style
-    });
-}
-function $fce5fc950d1fe35b$export$9e3bae3c08bde368(props) {
-    const { isLoading: isLoading } = (0, $9B3TU$macrostratmapboxreact.useMapStatus)();
-    const mapIsLoading = (0, $9B3TU$react.useMemo)(()=>isLoading, [
-        isLoading
-    ]);
-    return $fce5fc950d1fe35b$var$h($fce5fc950d1fe35b$export$4ec83e90d030b2f3, {
-        ...props,
-        isLoading: mapIsLoading
-    });
-}
-function $fce5fc950d1fe35b$export$a8cc0062d02a3841({ className: className, children: children, headerElement: headerElement = null, title: title = null, statusElement: statusElement = null, rightElement: rightElement = null, height: height, width: width, style: style = {} }) {
-    let _rightElement = null;
-    if (rightElement != null) _rightElement = $fce5fc950d1fe35b$var$h("div.right-element", rightElement);
-    let _headerElement = headerElement;
-    if (title != null && _headerElement == null) {
-        if (typeof title === "string") _headerElement = $fce5fc950d1fe35b$var$h((0, $9B3TU$blueprintjscore.Text), {
-            tagName: "h2",
-            ellipsize: true
-        }, title);
-        else _headerElement = title;
-    }
-    if (_headerElement != null) _headerElement = $fce5fc950d1fe35b$var$h([
-        _headerElement,
-        $fce5fc950d1fe35b$var$h((0, $9B3TU$macrostratuicomponents.Spacer))
-    ]);
-    return $fce5fc950d1fe35b$var$h("div.searchbar-holder", {
-        className: className,
-        style: {
-            width: width
-        }
-    }, [
-        $fce5fc950d1fe35b$var$h("div.navbar-holder", [
-            $fce5fc950d1fe35b$var$h((0, $9B3TU$blueprintjscore.Navbar), {
-                className: "searchbar navbar panel",
-                style: {
-                    height: height,
-                    ...style
-                }
-            }, [
-                _headerElement,
-                children,
-                _rightElement
-            ])
-        ]),
-        $fce5fc950d1fe35b$var$h.if(statusElement != null)((0, $9B3TU$blueprintjscore.Card), {
-            className: "status-tongue"
-        }, statusElement)
-    ]);
-}
-
-
-var $2bc7c1e4e7da7fdf$exports = {};
-
-$parcel$export($2bc7c1e4e7da7fdf$exports, "InfoDrawerContainer", () => $2bc7c1e4e7da7fdf$export$83f9a19cf91c2d06);
-$parcel$export($2bc7c1e4e7da7fdf$exports, "BaseInfoDrawer", () => $2bc7c1e4e7da7fdf$export$a5ddcc2a88716895);
-$parcel$export($2bc7c1e4e7da7fdf$exports, "LocationPanel", () => $2bc7c1e4e7da7fdf$export$aa4baff5242ea6e1);
-
-
-
-
-var $a8d7c4c397e52cf6$exports = {};
-
-$parcel$export($a8d7c4c397e52cf6$exports, "copy-link-button", () => $a8d7c4c397e52cf6$export$d1352d0c31a65024, (v) => $a8d7c4c397e52cf6$export$d1352d0c31a65024 = v);
-$parcel$export($a8d7c4c397e52cf6$exports, "infodrawer", () => $a8d7c4c397e52cf6$export$b5017f7ff265217d, (v) => $a8d7c4c397e52cf6$export$b5017f7ff265217d = v);
-$parcel$export($a8d7c4c397e52cf6$exports, "infodrawer-body", () => $a8d7c4c397e52cf6$export$310e8f86a84c074f, (v) => $a8d7c4c397e52cf6$export$310e8f86a84c074f = v);
-$parcel$export($a8d7c4c397e52cf6$exports, "infodrawer-contents", () => $a8d7c4c397e52cf6$export$69ed3ba502fbf15b, (v) => $a8d7c4c397e52cf6$export$69ed3ba502fbf15b = v);
-$parcel$export($a8d7c4c397e52cf6$exports, "infodrawer-header-item", () => $a8d7c4c397e52cf6$export$333d72514239bce8, (v) => $a8d7c4c397e52cf6$export$333d72514239bce8 = v);
-$parcel$export($a8d7c4c397e52cf6$exports, "left-icon", () => $a8d7c4c397e52cf6$export$f750577db09821ce, (v) => $a8d7c4c397e52cf6$export$f750577db09821ce = v);
-$parcel$export($a8d7c4c397e52cf6$exports, "loading", () => $a8d7c4c397e52cf6$export$46c1c92549715335, (v) => $a8d7c4c397e52cf6$export$46c1c92549715335 = v);
-$parcel$export($a8d7c4c397e52cf6$exports, "location-panel-header", () => $a8d7c4c397e52cf6$export$d821beb98a87c6d7, (v) => $a8d7c4c397e52cf6$export$d821beb98a87c6d7 = v);
-$parcel$export($a8d7c4c397e52cf6$exports, "position-controls", () => $a8d7c4c397e52cf6$export$dfae07a3bf0fbd6, (v) => $a8d7c4c397e52cf6$export$dfae07a3bf0fbd6 = v);
-$parcel$export($a8d7c4c397e52cf6$exports, "spacer", () => $a8d7c4c397e52cf6$export$8cc075c801fd6817, (v) => $a8d7c4c397e52cf6$export$8cc075c801fd6817 = v);
-var $a8d7c4c397e52cf6$export$d1352d0c31a65024;
-var $a8d7c4c397e52cf6$export$b5017f7ff265217d;
-var $a8d7c4c397e52cf6$export$310e8f86a84c074f;
-var $a8d7c4c397e52cf6$export$69ed3ba502fbf15b;
-var $a8d7c4c397e52cf6$export$333d72514239bce8;
-var $a8d7c4c397e52cf6$export$f750577db09821ce;
-var $a8d7c4c397e52cf6$export$46c1c92549715335;
-var $a8d7c4c397e52cf6$export$d821beb98a87c6d7;
-var $a8d7c4c397e52cf6$export$dfae07a3bf0fbd6;
-var $a8d7c4c397e52cf6$export$8cc075c801fd6817;
-$a8d7c4c397e52cf6$export$d1352d0c31a65024 = `VPa3-W_copy-link-button`;
-$a8d7c4c397e52cf6$export$b5017f7ff265217d = `VPa3-W_infodrawer`;
-$a8d7c4c397e52cf6$export$310e8f86a84c074f = `VPa3-W_infodrawer-body`;
-$a8d7c4c397e52cf6$export$69ed3ba502fbf15b = `VPa3-W_infodrawer-contents`;
-$a8d7c4c397e52cf6$export$333d72514239bce8 = `VPa3-W_infodrawer-header-item`;
-$a8d7c4c397e52cf6$export$f750577db09821ce = `VPa3-W_left-icon`;
-$a8d7c4c397e52cf6$export$46c1c92549715335 = `VPa3-W_loading`;
-$a8d7c4c397e52cf6$export$d821beb98a87c6d7 = `VPa3-W_location-panel-header`;
-$a8d7c4c397e52cf6$export$dfae07a3bf0fbd6 = `VPa3-W_position-controls`;
-$a8d7c4c397e52cf6$export$8cc075c801fd6817 = `VPa3-W_spacer`;
-
-
-
-var $860d9939f7032c69$exports = {};
-
-$parcel$export($860d9939f7032c69$exports, "ValueWithUnit", () => $860d9939f7032c69$export$716098b85fd0efdf);
-$parcel$export($860d9939f7032c69$exports, "DegreeCoord", () => $860d9939f7032c69$export$af8082af0bea3eb1);
-$parcel$export($860d9939f7032c69$exports, "LngLatCoords", () => $860d9939f7032c69$export$f195b3550849e560);
-$parcel$export($860d9939f7032c69$exports, "Elevation", () => $860d9939f7032c69$export$58bfb4f6ec5aa58d);
-
-
-
-const $bf943af2b72f182b$export$97c1b10e131a836d = (0, $9B3TU$d3format.format)(".4~f");
-const $bf943af2b72f182b$export$b1cb0f7fb990b3ea = (0, $9B3TU$d3format.format)(".3~f");
-const $bf943af2b72f182b$export$4c173b1b2f78faf7 = (0, $9B3TU$d3format.format)(".2~f");
-const $bf943af2b72f182b$export$e54bbd2c33d17485 = (0, $9B3TU$d3format.format)(".1~f");
-const $bf943af2b72f182b$export$bc135f63e2f56fd4 = (0, $9B3TU$d3format.format)(".0f");
-function $bf943af2b72f182b$export$7c4d25c0c3217d8c(val, precision = 0) {
-    switch(precision){
-        case 4:
-            return $bf943af2b72f182b$export$97c1b10e131a836d(val);
-        case 3:
-            return $bf943af2b72f182b$export$b1cb0f7fb990b3ea(val);
-        case 2:
-            return $bf943af2b72f182b$export$4c173b1b2f78faf7(val);
-        case 1:
-            return $bf943af2b72f182b$export$e54bbd2c33d17485(val);
-        case 0:
-            return $bf943af2b72f182b$export$bc135f63e2f56fd4(val);
-        default:
-            return $bf943af2b72f182b$export$97c1b10e131a836d(val);
-    }
-}
-
-
-var $370ea7ef3413c03a$exports = {};
-
-$parcel$export($370ea7ef3413c03a$exports, "applyMapPositionToHash", () => $370ea7ef3413c03a$export$8391d1abb505ffb3);
-$parcel$export($370ea7ef3413c03a$exports, "getMapPositionForHash", () => $370ea7ef3413c03a$export$80abf1cbcc3918e4);
-
-
-function $370ea7ef3413c03a$export$8391d1abb505ffb3(args, mapPosition) {
-    const pos = mapPosition?.camera;
-    if (pos == null) return;
-    const zoom = mapPosition.target?.zoom;
-    args.x = (0, $9B3TU$macrostratmapboxutils.formatCoordForZoomLevel)(pos.lng, zoom);
-    args.y = (0, $9B3TU$macrostratmapboxutils.formatCoordForZoomLevel)(pos.lat, zoom);
-    if (pos.bearing == 0 && pos.pitch == 0 && zoom != null) args.z = (0, $bf943af2b72f182b$export$e54bbd2c33d17485)(zoom);
-    else if (pos.altitude != null) {
-        if (pos.altitude > 5000) args.z = (0, $bf943af2b72f182b$export$4c173b1b2f78faf7)(pos.altitude / 1000) + "km";
-        else args.z = (0, $bf943af2b72f182b$export$bc135f63e2f56fd4)(pos.altitude) + "m";
-    }
-    if (pos.bearing != 0) {
-        let az = pos.bearing;
-        if (az < 0) az += 360;
-        args.a = (0, $bf943af2b72f182b$export$bc135f63e2f56fd4)(az);
-    }
-    if (pos.pitch != 0) args.e = (0, $bf943af2b72f182b$export$bc135f63e2f56fd4)(pos.pitch);
-}
-function $370ea7ef3413c03a$var$_fmt(x) {
-    if (Array.isArray(x)) x = x[0];
-    return parseFloat(x.toString());
-}
-function $370ea7ef3413c03a$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 = $370ea7ef3413c03a$var$_fmt(x);
-    const lat = $370ea7ef3413c03a$var$_fmt(y);
-    let altitude = null;
-    let zoom = null;
-    const _z = z.toString();
-    if (_z.endsWith("km")) altitude = $370ea7ef3413c03a$var$_fmt(_z.substring(0, _z.length - 2)) * 1000;
-    else if (_z.endsWith("m")) altitude = $370ea7ef3413c03a$var$_fmt(_z.substring(0, _z.length - 1));
-    else zoom = $370ea7ef3413c03a$var$_fmt(z);
-    const bearing = $370ea7ef3413c03a$var$_fmt(a);
-    const pitch = $370ea7ef3413c03a$var$_fmt(e);
-    let target = undefined;
-    if (bearing == 0 && pitch == 0 && zoom != null) target = {
-        lat: lat,
-        lng: lng,
-        zoom: zoom
-    };
-    return {
-        camera: {
-            lng: $370ea7ef3413c03a$var$_fmt(x),
-            lat: $370ea7ef3413c03a$var$_fmt(y),
-            altitude: altitude,
-            bearing: $370ea7ef3413c03a$var$_fmt(a),
-            pitch: $370ea7ef3413c03a$var$_fmt(e)
-        },
-        target: target
-    };
-}
-
-
-function $860d9939f7032c69$export$716098b85fd0efdf(props) {
-    const { value: value, unit: unit } = props;
-    return (0, ($parcel$interopDefault($9B3TU$macrostrathyper)))("span.value-with-unit", [
-        (0, ($parcel$interopDefault($9B3TU$macrostrathyper)))("span.value", [
-            value
-        ]),
-        (0, ($parcel$interopDefault($9B3TU$macrostrathyper)))("span.spacer", [
-            " "
-        ]),
-        (0, ($parcel$interopDefault($9B3TU$macrostrathyper)))("span.unit", [
-            unit
-        ])
-    ]);
-}
-function $860d9939f7032c69$export$af8082af0bea3eb1(props) {
-    const { value: value, labels: labels, precision: precision = 3, format: format = (0, $bf943af2b72f182b$export$7c4d25c0c3217d8c) } = props;
-    const direction = value < 0 ? labels[1] : labels[0];
-    return (0, ($parcel$interopDefault($9B3TU$macrostrathyper)))($860d9939f7032c69$export$716098b85fd0efdf, {
-        value: format(Math.abs(value), precision) + "\xb0",
-        unit: direction
-    });
-}
-function $860d9939f7032c69$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, $9B3TU$macrostratmapboxutils.formatCoordForZoomLevel)(val, zoom);
-    return (0, ($parcel$interopDefault($9B3TU$macrostrathyper)))("div.lnglat-container", {
-        className: className
-    }, [
-        (0, ($parcel$interopDefault($9B3TU$macrostrathyper)))("span.lnglat", [
-            (0, ($parcel$interopDefault($9B3TU$macrostrathyper)))($860d9939f7032c69$export$af8082af0bea3eb1, {
-                value: lat,
-                labels: [
-                    "N",
-                    "S"
-                ],
-                precision: precision,
-                format: format
-            }),
-            ", ",
-            (0, ($parcel$interopDefault($9B3TU$macrostrathyper)))($860d9939f7032c69$export$af8082af0bea3eb1, {
-                value: (0, $9B3TU$macrostratmapboxutils.normalizeLng)(lng),
-                labels: [
-                    "E",
-                    "W"
-                ],
-                precision: precision,
-                format: format
-            })
-        ])
-    ]);
-}
-function $860d9939f7032c69$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, ($parcel$interopDefault($9B3TU$macrostrathyper)))("div.elevation", {
-        className: className
-    }, [
-        (0, ($parcel$interopDefault($9B3TU$macrostrathyper)))($860d9939f7032c69$export$716098b85fd0efdf, {
-            value: elevation,
-            unit: "m"
-        }),
-        (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).if(includeFeet)("span.secondary", [
-            " (",
-            (0, ($parcel$interopDefault($9B3TU$macrostrathyper)))($860d9939f7032c69$export$716098b85fd0efdf, {
-                value: (0, $9B3TU$macrostratmapboxutils.metersToFeet)(elevation),
-                unit: "ft"
-            }),
-            ")"
-        ])
-    ]);
-}
-$parcel$exportWildcard($860d9939f7032c69$exports, $370ea7ef3413c03a$exports);
-
-
-
-const $548387e5996cdbbd$var$h = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($a8d7c4c397e52cf6$exports))));
-function $548387e5996cdbbd$var$PositionButton({ position: position, showCopyLink: showCopyLink = false }) {
-    const focusState = (0, $9B3TU$macrostratmapboxreact.useFocusState)(position);
-    const copyLinkIsVisible = (0, $9B3TU$macrostratmapboxreact.isCentered)(focusState) && showCopyLink;
-    return $548387e5996cdbbd$var$h("div.position-controls", [
-        $548387e5996cdbbd$var$h((0, $9B3TU$macrostratmapboxreact.LocationFocusButton), {
-            location: position,
-            focusState: focusState
-        }, []),
-        $548387e5996cdbbd$var$h.if(copyLinkIsVisible)($548387e5996cdbbd$var$CopyLinkButton, {
-            itemName: "position"
-        })
-    ]);
-}
-function $548387e5996cdbbd$var$CopyLinkButton({ itemName: itemName, children: children, onClick: onClick, ...rest }) {
-    const toaster = (0, $9B3TU$macrostratuicomponents.useToaster)();
-    let message = `Copied link`;
-    if (itemName != null) message += ` to ${itemName}`;
-    message += "!";
-    return $548387e5996cdbbd$var$h((0, $9B3TU$blueprintjscore.Button), {
-        className: "copy-link-button",
-        rightIcon: $548387e5996cdbbd$var$h((0, $9B3TU$blueprintjscore.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 $548387e5996cdbbd$export$e9ff14c4822c2e8c(props) {
-    const { onClose: onClose, position: position, zoom: zoom = 7, elevation: elevation, showCopyPositionButton: showCopyPositionButton } = props;
-    return $548387e5996cdbbd$var$h("header.location-panel-header", [
-        $548387e5996cdbbd$var$h($548387e5996cdbbd$var$PositionButton, {
-            position: position,
-            showCopyLink: showCopyPositionButton
-        }),
-        $548387e5996cdbbd$var$h("div.spacer"),
-        $548387e5996cdbbd$var$h((0, $860d9939f7032c69$export$f195b3550849e560), {
-            position: position,
-            zoom: zoom,
-            className: "infodrawer-header-item"
-        }),
-        $548387e5996cdbbd$var$h.if(elevation != null)((0, $860d9939f7032c69$export$58bfb4f6ec5aa58d), {
-            elevation: elevation,
-            className: "infodrawer-header-item"
-        }),
-        $548387e5996cdbbd$var$h((0, $9B3TU$blueprintjscore.Button), {
-            minimal: true,
-            icon: "cross",
-            onClick: onClose
-        })
-    ]);
-}
-
-
-
-
-
-const $2bc7c1e4e7da7fdf$var$h = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($a8d7c4c397e52cf6$exports))));
-function $2bc7c1e4e7da7fdf$export$83f9a19cf91c2d06(props) {
-    const className = (0, ($parcel$interopDefault($9B3TU$classnames)))("infodrawer", props.className);
-    return $2bc7c1e4e7da7fdf$var$h((0, $9B3TU$blueprintjscore.Card), {
-        ...props,
-        className: className
-    });
-}
-function $2bc7c1e4e7da7fdf$export$a5ddcc2a88716895(props) {
-    const { className: className, headerElement: headerElement = null, title: title, onClose: onClose, children: children, ...rest } = props;
-    const header = headerElement ?? $2bc7c1e4e7da7fdf$var$h((0, $548387e5996cdbbd$export$e9ff14c4822c2e8c), {
-        onClose: onClose,
-        ...rest
-    }, [
-        title == null ? null : $2bc7c1e4e7da7fdf$var$h("h3", [
-            title
-        ])
-    ]);
-    return $2bc7c1e4e7da7fdf$var$h($2bc7c1e4e7da7fdf$export$83f9a19cf91c2d06, {
-        className: className
-    }, [
-        header,
-        $2bc7c1e4e7da7fdf$var$h("div.infodrawer-body", $2bc7c1e4e7da7fdf$var$h("div.infodrawer-contents", $2bc7c1e4e7da7fdf$var$h((0, $9B3TU$macrostratuicomponents.ErrorBoundary), null, children)))
-    ]);
-}
-function $2bc7c1e4e7da7fdf$export$aa4baff5242ea6e1(props) {
-    const { children: children, className: className, loading: loading = false, ...rest } = props;
-    const cls = (0, ($parcel$interopDefault($9B3TU$classnames)))("location-panel", className, {
-        loading: loading
-    });
-    return $2bc7c1e4e7da7fdf$var$h($2bc7c1e4e7da7fdf$export$a5ddcc2a88716895, {
-        className: cls,
-        ...rest
-    }, children);
-}
-
-
-var $9acbb47bf7cb7660$exports = {};
-var $6f5ca387ac26c0b5$exports = {};
-
-$parcel$export($6f5ca387ac26c0b5$exports, "h", () => $6f5ca387ac26c0b5$export$dda1d9f60106f0e9);
-$parcel$export($6f5ca387ac26c0b5$exports, "MapInspector", () => $6f5ca387ac26c0b5$export$c5febf3ae8816972);
-$parcel$export($6f5ca387ac26c0b5$exports, "DevMapPage", () => $6f5ca387ac26c0b5$export$2391061fbdfb71ef);
-// Import other components
-
-
-
-
-
-var $8646508ae99a5857$exports = {};
-
-$parcel$export($8646508ae99a5857$exports, "buildXRayStyle", () => $8646508ae99a5857$export$eff5fb2e10d05b1d);
-$parcel$export($8646508ae99a5857$exports, "buildInspectorStyle", () => $8646508ae99a5857$export$e739dc8dfc0db9a6);
-
-
-async function $8646508ae99a5857$export$eff5fb2e10d05b1d(baseStyle, params = null) {
-    const { inDarkMode: inDarkMode = false, color: color = "rgb(74, 242, 161)", mapboxToken: mapboxToken, xRaySources: xRaySources } = params;
-    const style = await (0, $9B3TU$macrostratmapboxutils.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 = $8646508ae99a5857$var$transformMapboxLayer(layer, color, inDarkMode);
-        if (newLayer != null) layers.push(newLayer);
-    }
-    return {
-        ...style,
-        layers: layers
-    };
-}
-function $8646508ae99a5857$var$transformMapboxLayer(layer, color, inDarkMode) {
-    const c = (0, $9B3TU$macrostratcolorutils.asChromaColor)(color);
-    const xRayColor = (opacity = 1, darken = 0)=>{
-        if (!inDarkMode) return (0, $9B3TU$macrostratcolorutils.toRGBAString)(c.darken(2 - darken).alpha(opacity));
-        return (0, $9B3TU$macrostratcolorutils.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 $8646508ae99a5857$export$e739dc8dfc0db9a6(baseStyle, overlayStyle = null, params = {}) {
-    const { mapboxToken: mapboxToken, xRay: xRay = false, xRaySources: _xRaySources, ...rest } = params;
-    let xRaySources = _xRaySources;
-    let style = await (0, $9B3TU$macrostratmapboxutils.getMapboxStyle)(baseStyle, {
-        access_token: mapboxToken
-    });
-    if (overlayStyle != null) {
-        const overlay = await (0, $9B3TU$macrostratmapboxutils.getMapboxStyle)(overlayStyle, {
-            access_token: mapboxToken
-        });
-        style = (0, $9B3TU$macrostratmapboxutils.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 $8646508ae99a5857$export$eff5fb2e10d05b1d(style, {
-            ...rest,
-            mapboxToken: mapboxToken,
-            xRaySources: xRaySources
-        });
-    }
-    return style;
-}
-
-
-var $c3311f59335df34d$exports = {};
-
-$parcel$export($c3311f59335df34d$exports, "PanelCard", () => $c3311f59335df34d$export$ec68dd77edbe678b);
-$parcel$export($c3311f59335df34d$exports, "DetailPanelStyle", () => $c3311f59335df34d$export$612ca936d3ed4784);
-$parcel$export($c3311f59335df34d$exports, "MapAreaContainer", () => $c3311f59335df34d$export$9fa5da0bcfd0a290);
-$parcel$export($c3311f59335df34d$exports, "MapStyledContainer", () => $c3311f59335df34d$export$fa395a37c3898ae3);
-
-var $35f1bc0112883d51$exports = {};
-
-$parcel$export($35f1bc0112883d51$exports, "map-container", () => $35f1bc0112883d51$export$d7f2c44afcf5df56, (v) => $35f1bc0112883d51$export$d7f2c44afcf5df56 = v);
-$parcel$export($35f1bc0112883d51$exports, "show-panel-outlines", () => $35f1bc0112883d51$export$e163bcc0a29d66c, (v) => $35f1bc0112883d51$export$e163bcc0a29d66c = v);
-$parcel$export($35f1bc0112883d51$exports, "map-view-container", () => $35f1bc0112883d51$export$11aa7dc57218208d, (v) => $35f1bc0112883d51$export$11aa7dc57218208d = v);
-$parcel$export($35f1bc0112883d51$exports, "fit-viewport", () => $35f1bc0112883d51$export$2a73fca7b70dce31, (v) => $35f1bc0112883d51$export$2a73fca7b70dce31 = v);
-$parcel$export($35f1bc0112883d51$exports, "compass-control", () => $35f1bc0112883d51$export$cc73204c64cc0950, (v) => $35f1bc0112883d51$export$cc73204c64cc0950 = v);
-$parcel$export($35f1bc0112883d51$exports, "map-is-rotated", () => $35f1bc0112883d51$export$d2972e7dfac51dc2, (v) => $35f1bc0112883d51$export$d2972e7dfac51dc2 = v);
-$parcel$export($35f1bc0112883d51$exports, "map-3d-control", () => $35f1bc0112883d51$export$142b9410c523ef40, (v) => $35f1bc0112883d51$export$142b9410c523ef40 = v);
-$parcel$export($35f1bc0112883d51$exports, "map-3d-available", () => $35f1bc0112883d51$export$6bc2d6545947abbc, (v) => $35f1bc0112883d51$export$6bc2d6545947abbc = v);
-$parcel$export($35f1bc0112883d51$exports, "globe-control", () => $35f1bc0112883d51$export$b06313b17bd37b68, (v) => $35f1bc0112883d51$export$b06313b17bd37b68 = v);
-$parcel$export($35f1bc0112883d51$exports, "map-is-global", () => $35f1bc0112883d51$export$ea9cfbb56edd0e47, (v) => $35f1bc0112883d51$export$ea9cfbb56edd0e47 = v);
-$parcel$export($35f1bc0112883d51$exports, "detail-panel-open", () => $35f1bc0112883d51$export$62a60ea2feb29c53, (v) => $35f1bc0112883d51$export$62a60ea2feb29c53 = v);
-$parcel$export($35f1bc0112883d51$exports, "zoom-control", () => $35f1bc0112883d51$export$61e54aa1efb913ad, (v) => $35f1bc0112883d51$export$61e54aa1efb913ad = v);
-$parcel$export($35f1bc0112883d51$exports, "detail-panel-fixed", () => $35f1bc0112883d51$export$4a4f34b86d8e6504, (v) => $35f1bc0112883d51$export$4a4f34b86d8e6504 = v);
-$parcel$export($35f1bc0112883d51$exports, "detail-panel-holder", () => $35f1bc0112883d51$export$f553ebb4e6df6c5f, (v) => $35f1bc0112883d51$export$f553ebb4e6df6c5f = v);
-$parcel$export($35f1bc0112883d51$exports, "map-control-stack", () => $35f1bc0112883d51$export$c163dab1f00a51cb, (v) => $35f1bc0112883d51$export$c163dab1f00a51cb = v);
-$parcel$export($35f1bc0112883d51$exports, "main-row", () => $35f1bc0112883d51$export$bc4885f800420ea3, (v) => $35f1bc0112883d51$export$bc4885f800420ea3 = v);
-$parcel$export($35f1bc0112883d51$exports, "map-ui", () => $35f1bc0112883d51$export$7d4a718201bc0bd1, (v) => $35f1bc0112883d51$export$7d4a718201bc0bd1 = v);
-$parcel$export($35f1bc0112883d51$exports, "mapbox-map", () => $35f1bc0112883d51$export$d0dcaf774d09fc4c, (v) => $35f1bc0112883d51$export$d0dcaf774d09fc4c = v);
-$parcel$export($35f1bc0112883d51$exports, "context-panel-holder", () => $35f1bc0112883d51$export$1113ec858cdbc244, (v) => $35f1bc0112883d51$export$1113ec858cdbc244 = v);
-$parcel$export($35f1bc0112883d51$exports, "panel-card", () => $35f1bc0112883d51$export$8eff531ff0f1cffe, (v) => $35f1bc0112883d51$export$8eff531ff0f1cffe = v);
-$parcel$export($35f1bc0112883d51$exports, "context-stack", () => $35f1bc0112883d51$export$a15c1c170cdda69a, (v) => $35f1bc0112883d51$export$a15c1c170cdda69a = v);
-$parcel$export($35f1bc0112883d51$exports, "searchbar", () => $35f1bc0112883d51$export$2ac23befe9d406ee, (v) => $35f1bc0112883d51$export$2ac23befe9d406ee = v);
-$parcel$export($35f1bc0112883d51$exports, "detail-stack", () => $35f1bc0112883d51$export$bb1d4538b98f1621, (v) => $35f1bc0112883d51$export$bb1d4538b98f1621 = v);
-$parcel$export($35f1bc0112883d51$exports, "panel-container", () => $35f1bc0112883d51$export$9dd9a0eceddf6af6, (v) => $35f1bc0112883d51$export$9dd9a0eceddf6af6 = v);
-$parcel$export($35f1bc0112883d51$exports, "panel-title", () => $35f1bc0112883d51$export$9672a0c48c9048ad, (v) => $35f1bc0112883d51$export$9672a0c48c9048ad = v);
-$parcel$export($35f1bc0112883d51$exports, "spacer", () => $35f1bc0112883d51$export$8cc075c801fd6817, (v) => $35f1bc0112883d51$export$8cc075c801fd6817 = v);
-$parcel$export($35f1bc0112883d51$exports, "searchbar-holder", () => $35f1bc0112883d51$export$3a39e67bbbcbd4ae, (v) => $35f1bc0112883d51$export$3a39e67bbbcbd4ae = v);
-$parcel$export($35f1bc0112883d51$exports, "right-panel", () => $35f1bc0112883d51$export$3332ecdf6c5467a, (v) => $35f1bc0112883d51$export$3332ecdf6c5467a = v);
-$parcel$export($35f1bc0112883d51$exports, "buttons", () => $35f1bc0112883d51$export$bbea856fdb3e3c5f, (v) => $35f1bc0112883d51$export$bbea856fdb3e3c5f = v);
-$parcel$export($35f1bc0112883d51$exports, "tab-button", () => $35f1bc0112883d51$export$76800529067ae833, (v) => $35f1bc0112883d51$export$76800529067ae833 = v);
-$parcel$export($35f1bc0112883d51$exports, "menu-card", () => $35f1bc0112883d51$export$d94de0bab38fd59, (v) => $35f1bc0112883d51$export$d94de0bab38fd59 = v);
-$parcel$export($35f1bc0112883d51$exports, "narrow-card", () => $35f1bc0112883d51$export$9769f988dc28baf, (v) => $35f1bc0112883d51$export$9769f988dc28baf = v);
-$parcel$export($35f1bc0112883d51$exports, "panel-header", () => $35f1bc0112883d51$export$90b77e3be608e918, (v) => $35f1bc0112883d51$export$90b77e3be608e918 = v);
-$parcel$export($35f1bc0112883d51$exports, "minimal", () => $35f1bc0112883d51$export$10c083462c34aef3, (v) => $35f1bc0112883d51$export$10c083462c34aef3 = v);
-$parcel$export($35f1bc0112883d51$exports, "context-panel-leave", () => $35f1bc0112883d51$export$f3ad069e7751fe80, (v) => $35f1bc0112883d51$export$f3ad069e7751fe80 = v);
-$parcel$export($35f1bc0112883d51$exports, "narrow-enter", () => $35f1bc0112883d51$export$c20b2d766062840f, (v) => $35f1bc0112883d51$export$c20b2d766062840f = v);
-$parcel$export($35f1bc0112883d51$exports, "menu-group", () => $35f1bc0112883d51$export$3a4b737893473805, (v) => $35f1bc0112883d51$export$3a4b737893473805 = v);
-$parcel$export($35f1bc0112883d51$exports, "menu-content", () => $35f1bc0112883d51$export$3eeb6f640f2fe17b, (v) => $35f1bc0112883d51$export$3eeb6f640f2fe17b = v);
-$parcel$export($35f1bc0112883d51$exports, "bp5-button-group", () => $35f1bc0112883d51$export$6fe71a6d4f52db2a, (v) => $35f1bc0112883d51$export$6fe71a6d4f52db2a = v);
-$parcel$export($35f1bc0112883d51$exports, "detail-panel-container", () => $35f1bc0112883d51$export$aa8359f513bf67ff, (v) => $35f1bc0112883d51$export$aa8359f513bf67ff = v);
-$parcel$export($35f1bc0112883d51$exports, "map-right-controls", () => $35f1bc0112883d51$export$98a77ae0c82023e7, (v) => $35f1bc0112883d51$export$98a77ae0c82023e7 = v);
-$parcel$export($35f1bc0112883d51$exports, "map-controls", () => $35f1bc0112883d51$export$802dc54769b48aa7, (v) => $35f1bc0112883d51$export$802dc54769b48aa7 = v);
-$parcel$export($35f1bc0112883d51$exports, "map-scale-control", () => $35f1bc0112883d51$export$b56f659d649f0d92, (v) => $35f1bc0112883d51$export$b56f659d649f0d92 = v);
-$parcel$export($35f1bc0112883d51$exports, "detail-panel-enter", () => $35f1bc0112883d51$export$e017ebf46ba443ed, (v) => $35f1bc0112883d51$export$e017ebf46ba443ed = v);
-$parcel$export($35f1bc0112883d51$exports, "infodrawer-stack", () => $35f1bc0112883d51$export$69fa1b5d46c139b9, (v) => $35f1bc0112883d51$export$69fa1b5d46c139b9 = v);
-$parcel$export($35f1bc0112883d51$exports, "detail-panel", () => $35f1bc0112883d51$export$c6930745f2610de0, (v) => $35f1bc0112883d51$export$c6930745f2610de0 = v);
-$parcel$export($35f1bc0112883d51$exports, "adaptive-width", () => $35f1bc0112883d51$export$4db621d3143ef457, (v) => $35f1bc0112883d51$export$4db621d3143ef457 = v);
-$parcel$export($35f1bc0112883d51$exports, "context-panel-from", () => $35f1bc0112883d51$export$90f42dafd5c24d2d, (v) => $35f1bc0112883d51$export$90f42dafd5c24d2d = v);
-$parcel$export($35f1bc0112883d51$exports, "context-panel-enter", () => $35f1bc0112883d51$export$9ea3835d1b44cc08, (v) => $35f1bc0112883d51$export$9ea3835d1b44cc08 = v);
-$parcel$export($35f1bc0112883d51$exports, "detail-panel-floating", () => $35f1bc0112883d51$export$50b37414f37debaa, (v) => $35f1bc0112883d51$export$50b37414f37debaa = v);
-$parcel$export($35f1bc0112883d51$exports, "detail-panel-from", () => $35f1bc0112883d51$export$419647d5ce4279cb, (v) => $35f1bc0112883d51$export$419647d5ce4279cb = v);
-$parcel$export($35f1bc0112883d51$exports, "detail-panel-leave", () => $35f1bc0112883d51$export$1d0f1d0b062c3bee, (v) => $35f1bc0112883d51$export$1d0f1d0b062c3bee = v);
-$parcel$export($35f1bc0112883d51$exports, "context-panel", () => $35f1bc0112883d51$export$b4dbb67ffc3cc7a9, (v) => $35f1bc0112883d51$export$b4dbb67ffc3cc7a9 = v);
-var $35f1bc0112883d51$export$d7f2c44afcf5df56;
-var $35f1bc0112883d51$export$e163bcc0a29d66c;
-var $35f1bc0112883d51$export$11aa7dc57218208d;
-var $35f1bc0112883d51$export$2a73fca7b70dce31;
-var $35f1bc0112883d51$export$cc73204c64cc0950;
-var $35f1bc0112883d51$export$d2972e7dfac51dc2;
-var $35f1bc0112883d51$export$142b9410c523ef40;
-var $35f1bc0112883d51$export$6bc2d6545947abbc;
-var $35f1bc0112883d51$export$b06313b17bd37b68;
-var $35f1bc0112883d51$export$ea9cfbb56edd0e47;
-var $35f1bc0112883d51$export$62a60ea2feb29c53;
-var $35f1bc0112883d51$export$61e54aa1efb913ad;
-var $35f1bc0112883d51$export$4a4f34b86d8e6504;
-var $35f1bc0112883d51$export$f553ebb4e6df6c5f;
-var $35f1bc0112883d51$export$c163dab1f00a51cb;
-var $35f1bc0112883d51$export$bc4885f800420ea3;
-var $35f1bc0112883d51$export$7d4a718201bc0bd1;
-var $35f1bc0112883d51$export$d0dcaf774d09fc4c;
-var $35f1bc0112883d51$export$1113ec858cdbc244;
-var $35f1bc0112883d51$export$8eff531ff0f1cffe;
-var $35f1bc0112883d51$export$a15c1c170cdda69a;
-var $35f1bc0112883d51$export$2ac23befe9d406ee;
-var $35f1bc0112883d51$export$bb1d4538b98f1621;
-var $35f1bc0112883d51$export$9dd9a0eceddf6af6;
-var $35f1bc0112883d51$export$9672a0c48c9048ad;
-var $35f1bc0112883d51$export$8cc075c801fd6817;
-var $35f1bc0112883d51$export$3a39e67bbbcbd4ae;
-var $35f1bc0112883d51$export$3332ecdf6c5467a;
-var $35f1bc0112883d51$export$bbea856fdb3e3c5f;
-var $35f1bc0112883d51$export$76800529067ae833;
-var $35f1bc0112883d51$export$d94de0bab38fd59;
-var $35f1bc0112883d51$export$9769f988dc28baf;
-var $35f1bc0112883d51$export$90b77e3be608e918;
-var $35f1bc0112883d51$export$10c083462c34aef3;
-var $35f1bc0112883d51$export$f3ad069e7751fe80;
-var $35f1bc0112883d51$export$c20b2d766062840f;
-var $35f1bc0112883d51$export$3a4b737893473805;
-var $35f1bc0112883d51$export$3eeb6f640f2fe17b;
-var $35f1bc0112883d51$export$6fe71a6d4f52db2a;
-var $35f1bc0112883d51$export$aa8359f513bf67ff;
-var $35f1bc0112883d51$export$98a77ae0c82023e7;
-var $35f1bc0112883d51$export$802dc54769b48aa7;
-var $35f1bc0112883d51$export$b56f659d649f0d92;
-var $35f1bc0112883d51$export$e017ebf46ba443ed;
-var $35f1bc0112883d51$export$69fa1b5d46c139b9;
-var $35f1bc0112883d51$export$c6930745f2610de0;
-var $35f1bc0112883d51$export$4db621d3143ef457;
-var $35f1bc0112883d51$export$90f42dafd5c24d2d;
-var $35f1bc0112883d51$export$9ea3835d1b44cc08;
-var $35f1bc0112883d51$export$50b37414f37debaa;
-var $35f1bc0112883d51$export$419647d5ce4279cb;
-var $35f1bc0112883d51$export$1d0f1d0b062c3bee;
-var $35f1bc0112883d51$export$b4dbb67ffc3cc7a9;
-$35f1bc0112883d51$export$d7f2c44afcf5df56 = "map-container_4c0a66";
-$35f1bc0112883d51$export$e163bcc0a29d66c = "show-panel-outlines_4c0a66";
-$35f1bc0112883d51$export$11aa7dc57218208d = "map-view-container_4c0a66";
-$35f1bc0112883d51$export$2a73fca7b70dce31 = "fit-viewport_4c0a66";
-$35f1bc0112883d51$export$cc73204c64cc0950 = "compass-control_4c0a66";
-$35f1bc0112883d51$export$d2972e7dfac51dc2 = "map-is-rotated_4c0a66";
-$35f1bc0112883d51$export$142b9410c523ef40 = "map-3d-control_4c0a66";
-$35f1bc0112883d51$export$6bc2d6545947abbc = "map-3d-available_4c0a66";
-$35f1bc0112883d51$export$b06313b17bd37b68 = "globe-control_4c0a66";
-$35f1bc0112883d51$export$ea9cfbb56edd0e47 = "map-is-global_4c0a66";
-$35f1bc0112883d51$export$62a60ea2feb29c53 = "detail-panel-open_4c0a66";
-$35f1bc0112883d51$export$61e54aa1efb913ad = "zoom-control_4c0a66";
-$35f1bc0112883d51$export$4a4f34b86d8e6504 = "detail-panel-fixed_4c0a66";
-$35f1bc0112883d51$export$f553ebb4e6df6c5f = "detail-panel-holder_4c0a66";
-$35f1bc0112883d51$export$c163dab1f00a51cb = "map-control-stack_4c0a66";
-$35f1bc0112883d51$export$bc4885f800420ea3 = "main-row_4c0a66";
-$35f1bc0112883d51$export$7d4a718201bc0bd1 = "map-ui_4c0a66";
-$35f1bc0112883d51$export$d0dcaf774d09fc4c = "mapbox-map_4c0a66";
-$35f1bc0112883d51$export$1113ec858cdbc244 = "context-panel-holder_4c0a66";
-$35f1bc0112883d51$export$8eff531ff0f1cffe = "panel-card_4c0a66";
-$35f1bc0112883d51$export$a15c1c170cdda69a = "context-stack_4c0a66";
-$35f1bc0112883d51$export$2ac23befe9d406ee = "searchbar_4c0a66";
-$35f1bc0112883d51$export$bb1d4538b98f1621 = "detail-stack_4c0a66";
-$35f1bc0112883d51$export$9dd9a0eceddf6af6 = "panel-container_4c0a66";
-$35f1bc0112883d51$export$9672a0c48c9048ad = "panel-title_4c0a66";
-$35f1bc0112883d51$export$8cc075c801fd6817 = "spacer_4c0a66";
-$35f1bc0112883d51$export$3a39e67bbbcbd4ae = "searchbar-holder_4c0a66";
-$35f1bc0112883d51$export$3332ecdf6c5467a = "right-panel_4c0a66";
-$35f1bc0112883d51$export$bbea856fdb3e3c5f = "buttons_4c0a66";
-$35f1bc0112883d51$export$76800529067ae833 = "tab-button_4c0a66";
-$35f1bc0112883d51$export$d94de0bab38fd59 = "menu-card_4c0a66";
-$35f1bc0112883d51$export$9769f988dc28baf = "narrow-card_4c0a66";
-$35f1bc0112883d51$export$90b77e3be608e918 = "panel-header_4c0a66";
-$35f1bc0112883d51$export$10c083462c34aef3 = "minimal_4c0a66";
-$35f1bc0112883d51$export$f3ad069e7751fe80 = "context-panel-leave_4c0a66";
-$35f1bc0112883d51$export$c20b2d766062840f = "narrow-enter_4c0a66";
-$35f1bc0112883d51$export$3a4b737893473805 = "menu-group_4c0a66";
-$35f1bc0112883d51$export$3eeb6f640f2fe17b = "menu-content_4c0a66";
-$35f1bc0112883d51$export$6fe71a6d4f52db2a = "bp5-button-group_4c0a66";
-$35f1bc0112883d51$export$aa8359f513bf67ff = "detail-panel-container_4c0a66";
-$35f1bc0112883d51$export$98a77ae0c82023e7 = "map-right-controls_4c0a66";
-$35f1bc0112883d51$export$802dc54769b48aa7 = "map-controls_4c0a66";
-$35f1bc0112883d51$export$b56f659d649f0d92 = "map-scale-control_4c0a66";
-$35f1bc0112883d51$export$e017ebf46ba443ed = "detail-panel-enter_4c0a66";
-$35f1bc0112883d51$export$69fa1b5d46c139b9 = "infodrawer-stack_4c0a66";
-$35f1bc0112883d51$export$c6930745f2610de0 = "detail-panel_4c0a66";
-$35f1bc0112883d51$export$4db621d3143ef457 = "adaptive-width_4c0a66";
-$35f1bc0112883d51$export$90f42dafd5c24d2d = "context-panel-from_4c0a66";
-$35f1bc0112883d51$export$9ea3835d1b44cc08 = "context-panel-enter_4c0a66";
-$35f1bc0112883d51$export$50b37414f37debaa = "detail-panel-floating_4c0a66";
-$35f1bc0112883d51$export$419647d5ce4279cb = "detail-panel-from_4c0a66";
-$35f1bc0112883d51$export$1d0f1d0b062c3bee = "detail-panel-leave_4c0a66";
-$35f1bc0112883d51$export$b4dbb67ffc3cc7a9 = "context-panel_4c0a66";
-
-
-
-
-
-
-var $f333fe6f49373ca9$exports = {};
-
-$parcel$export($f333fe6f49373ca9$exports, "MapBottomControls", () => $f333fe6f49373ca9$export$db1a2e058a06fb5c);
-
-
-
-
-
-
-const $f333fe6f49373ca9$var$h = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($35f1bc0112883d51$exports))));
-function $f333fe6f49373ca9$var$ScaleControl(props) {
-    const optionsRef = (0, $9B3TU$react.useRef)({
-        maxWidth: 200,
-        unit: "metric"
-    });
-    return $f333fe6f49373ca9$var$h((0, $9B3TU$macrostratmapboxreact.MapControlWrapper), {
-        className: "map-scale-control",
-        control: (0, $9B3TU$mapboxgl.ScaleControl),
-        options: optionsRef.current,
-        ...props
-    });
-}
-function $f333fe6f49373ca9$var$GeolocationControl(props) {
-    const optionsRef = (0, $9B3TU$react.useRef)({
-        showAccuracyCircle: true,
-        showUserLocation: true,
-        trackUserLocation: true,
-        positionOptions: {
-            enableHighAccuracy: true
-        }
-    });
-    return $f333fe6f49373ca9$var$h((0, $9B3TU$macrostratmapboxreact.MapControlWrapper), {
-        control: (0, $9B3TU$mapboxgl.GeolocateControl),
-        options: optionsRef.current,
-        ...props
-    });
-}
-function $f333fe6f49373ca9$export$db1a2e058a06fb5c({ children: children }) {
-    const { isInitialized: isInitialized } = (0, $9B3TU$macrostratmapboxreact.useMapStatus)();
-    if (!isInitialized) return null;
-    return $f333fe6f49373ca9$var$h("div.map-controls", [
-        $f333fe6f49373ca9$var$h($f333fe6f49373ca9$var$ScaleControl),
-        $f333fe6f49373ca9$var$h((0, $9B3TU$macrostratmapboxreact.ThreeDControl), {
-            className: "map-3d-control"
-        }),
-        $f333fe6f49373ca9$var$h((0, $9B3TU$macrostratmapboxreact.CompassControl), {
-            className: "compass-control"
-        }),
-        $f333fe6f49373ca9$var$h((0, $9B3TU$macrostratmapboxreact.GlobeControl), {
-            className: "globe-control"
-        }),
-        $f333fe6f49373ca9$var$h($f333fe6f49373ca9$var$GeolocationControl, {
-            className: "geolocation-control"
-        }),
-        // If we have global development tools enabled, show the button
-        $f333fe6f49373ca9$var$h((0, $9B3TU$macrostratuicomponents.DevToolsButtonSlot), {
-            className: "map-control"
-        }),
-        children
-    ]);
-}
-
-
-
-
-const $c3311f59335df34d$var$h = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($35f1bc0112883d51$exports))));
-const $c3311f59335df34d$export$ec68dd77edbe678b = (props)=>$c3311f59335df34d$var$h((0, $9B3TU$blueprintjscore.Card), {
-        ...props,
-        className: (0, ($parcel$interopDefault($9B3TU$classnames)))("panel-card", props.className)
-    });
-var $c3311f59335df34d$export$612ca936d3ed4784;
-(function(DetailPanelStyle) {
-    DetailPanelStyle["FIXED"] = "fixed";
-    DetailPanelStyle["FLOATING"] = "floating";
-})($c3311f59335df34d$export$612ca936d3ed4784 || ($c3311f59335df34d$export$612ca936d3ed4784 = {}));
-const $c3311f59335df34d$export$9fa5da0bcfd0a290 = (props)=>$c3311f59335df34d$var$h($c3311f59335df34d$var$MapProviders, $c3311f59335df34d$var$h($c3311f59335df34d$var$_MapAreaContainer, props));
-function $c3311f59335df34d$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 = $c3311f59335df34d$var$h((0, $f333fe6f49373ca9$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, $9B3TU$transitionhook.useTransition)(contextPanelOpen, 800);
-    const detailPanelTrans = (0, $9B3TU$transitionhook.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, ($parcel$interopDefault($9B3TU$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 = $c3311f59335df34d$var$h([
-        $c3311f59335df34d$var$h((0, $9B3TU$macrostratmapboxreact.ZoomControl), {
-            className: "zoom-control"
-        }),
-        $c3311f59335df34d$var$h("div.spacer"),
-        mapControls
-    ]);
-    const detailStackExt = $c3311f59335df34d$var$h("div.detail-stack.infodrawer-container", detailStackProps, [
-        $c3311f59335df34d$var$h("div.detail-panel-holder", null, detailPanel),
-        $c3311f59335df34d$var$h.if(detailPanelStyle == "floating")([
-            mapControlsExt
-        ])
-    ]);
-    return $c3311f59335df34d$var$h($c3311f59335df34d$export$fa395a37c3898ae3, {
-        className: mainUIClassNames
-    }, [
-        $c3311f59335df34d$var$h("div.main-row", [
-            $c3311f59335df34d$var$h("div.map-ui", {
-                ...rest
-            }, [
-                $c3311f59335df34d$var$h($c3311f59335df34d$var$ContextStack, {
-                    navbar: navbar,
-                    ...contextStackProps
-                }, [
-                    $c3311f59335df34d$var$h.if(contextPanelTrans.shouldMount)([
-                        contextPanel
-                    ])
-                ]),
-                //h(MapView),
-                children ?? mainPanel,
-                $c3311f59335df34d$var$h.if(detailPanelStyle == "floating")([
-                    detailStackExt
-                ]),
-                $c3311f59335df34d$var$h.if(detailPanelStyle == "fixed")("div.map-control-stack", mapControlsExt)
-            ]),
-            $c3311f59335df34d$var$h.if(detailPanelStyle == "fixed")([
-                detailStackExt
-            ])
-        ]),
-        $c3311f59335df34d$var$h("div.bottom", null, bottomPanel)
-    ]);
-}
-function $c3311f59335df34d$var$ContextStack(props) {
-    const { adaptiveWidth: adaptiveWidth, navbar: navbar, children: children, ...rest } = props;
-    const props1 = (0, $9B3TU$macrostrathyper.addClassNames)(rest, {
-        "adaptive-width": adaptiveWidth
-    });
-    return $c3311f59335df34d$var$h("div.context-stack", props1, [
-        navbar,
-        $c3311f59335df34d$var$h("div.context-panel-holder", null, children),
-        $c3311f59335df34d$var$h("div.spacer")
-    ]);
-}
-const $c3311f59335df34d$var$MapProviders = ({ children: children })=>$c3311f59335df34d$var$h((0, $9B3TU$macrostratuicomponents.ToasterContext), $c3311f59335df34d$var$h((0, $9B3TU$macrostratmapboxreact.MapboxMapProvider), children));
-function $c3311f59335df34d$export$fa395a37c3898ae3({ className: className, children: children }) {
-    const mapPosition = (0, $9B3TU$macrostratmapboxreact.useMapPosition)();
-    if (mapPosition != null) {
-        const { mapIsRotated: mapIsRotated, mapUse3D: mapUse3D, mapIsGlobal: mapIsGlobal } = (0, $9B3TU$macrostratmapboxutils.mapViewInfo)(mapPosition);
-        className = (0, ($parcel$interopDefault($9B3TU$classnames)))(className, {
-            "map-is-rotated": mapIsRotated,
-            "map-3d-available": mapUse3D,
-            "map-is-global": mapIsGlobal
-        });
-    }
-    return $c3311f59335df34d$var$h("div", {
-        className: className
-    }, children);
-} //const _MapPage = compose(HotkeysProvider, MapPage);
-
-
-
-var $2611a7b4364593e5$exports = {};
-
-$parcel$export($2611a7b4364593e5$exports, "MapResizeManager", () => $2611a7b4364593e5$export$31b2e088aff2dc5d);
-$parcel$export($2611a7b4364593e5$exports, "MapPaddingManager", () => $2611a7b4364593e5$export$2ab96428dea558d6);
-$parcel$export($2611a7b4364593e5$exports, "MapMovedReporter", () => $2611a7b4364593e5$export$f6eeee399afc4e9a);
-$parcel$export($2611a7b4364593e5$exports, "MapLoadingReporter", () => $2611a7b4364593e5$export$e57f9eaa51773f82);
-$parcel$export($2611a7b4364593e5$exports, "MapMarker", () => $2611a7b4364593e5$export$5c90a91c7455938c);
-$parcel$export($2611a7b4364593e5$exports, "useBasicStylePair", () => $2611a7b4364593e5$export$566518253d2584f8);
-
-
-
-
-
-var $3490fc4f4bda12f7$exports = {};
-
-$parcel$export($3490fc4f4bda12f7$exports, "getMapPadding", () => $3490fc4f4bda12f7$export$bb78f9f01775eef1);
-$parcel$export($3490fc4f4bda12f7$exports, "useMapMarker", () => $3490fc4f4bda12f7$export$278090850f6b3a9f);
-
-
-function $3490fc4f4bda12f7$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 $3490fc4f4bda12f7$export$bb78f9f01775eef1(ref, parentRef) {
-    const rect = parentRef.current?.getBoundingClientRect();
-    const childRect = ref.current?.getBoundingClientRect();
-    if (rect == null || childRect == null) return;
-    return $3490fc4f4bda12f7$var$calcMapPadding(rect, childRect);
-}
-function $3490fc4f4bda12f7$export$278090850f6b3a9f(mapRef, markerRef, markerPosition) {
-    (0, $9B3TU$react.useEffect)(()=>{
-        const map = mapRef.current;
-        if (map == null) return;
-        if (markerPosition == null) {
-            markerRef.current?.remove();
-            return;
-        }
-        const marker = markerRef.current ?? new (0, $9B3TU$mapboxgl.Marker)();
-        marker.setLngLat(markerPosition).addTo(map);
-        markerRef.current = marker;
-        return ()=>marker.remove();
-    }, [
-        mapRef.current,
-        markerPosition
-    ]);
-}
-
-
-
-function $2611a7b4364593e5$export$31b2e088aff2dc5d({ containerRef: containerRef }) {
-    const mapRef = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
-    const debouncedResize = (0, $9B3TU$react.useRef)((0, $9B3TU$underscore.debounce)(()=>{
-        mapRef.current?.resize();
-    }, 100));
-    (0, ($parcel$interopDefault($9B3TU$useresizeobserver)))({
-        ref: containerRef,
-        onResize: debouncedResize.current
-    });
-    return null;
-}
-function $2611a7b4364593e5$export$2ab96428dea558d6({ containerRef: containerRef, parentRef: parentRef, infoMarkerPosition: infoMarkerPosition, debounceTime: debounceTime = 200 }) {
-    const mapRef = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
-    const [padding, setPadding] = (0, $9B3TU$react.useState)((0, $3490fc4f4bda12f7$export$bb78f9f01775eef1)(containerRef, parentRef));
-    const _updateMapPadding = (0, $9B3TU$react.useCallback)(()=>{
-        const newPadding = (0, $3490fc4f4bda12f7$export$bb78f9f01775eef1)(containerRef, parentRef);
-        setPadding(newPadding);
-    }, [
-        containerRef.current,
-        parentRef.current
-    ]);
-    const updateMapPadding = (0, $9B3TU$react.useMemo)(()=>(0, $9B3TU$underscore.debounce)(_updateMapPadding, debounceTime), [
-        _updateMapPadding,
-        debounceTime
-    ]);
-    (0, $9B3TU$react.useEffect)(()=>{
-        const map = mapRef.current;
-        if (map == null) return;
-        // Update map padding on load
-        updateMapPadding();
-    }, [
-        mapRef.current
-    ]);
-    (0, ($parcel$interopDefault($9B3TU$useresizeobserver)))({
-        ref: parentRef,
-        onResize (sz) {
-            updateMapPadding();
-        },
-        round (n) {
-            return Math.round(n);
-        }
-    });
-    // Ideally, we would not have to do this when we know the infobox is loaded
-    (0, $9B3TU$macrostratmapboxreact.useMapEaseTo)({
-        center: infoMarkerPosition,
-        padding: padding
-    });
-    return null;
-}
-function $2611a7b4364593e5$export$f6eeee399afc4e9a({ onMapMoved: onMapMoved = null }) {
-    const mapRef = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
-    const dispatch = (0, $9B3TU$macrostratmapboxreact.useMapDispatch)();
-    const mapMovedCallback = (0, $9B3TU$react.useCallback)(()=>{
-        const map = mapRef.current;
-        if (map == null) return;
-        const mapPosition = (0, $9B3TU$macrostratmapboxutils.getMapPosition)(map);
-        dispatch({
-            type: "map-moved",
-            payload: mapPosition
-        });
-        onMapMoved?.(mapPosition, map);
-    }, [
-        mapRef.current,
-        onMapMoved,
-        dispatch
-    ]);
-    (0, $9B3TU$react.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, $9B3TU$underscore.debounce)(mapMovedCallback, 100);
-        map.on("moveend", cb);
-        return ()=>{
-            map?.off("moveend", cb);
-        };
-    }, [
-        mapMovedCallback
-    ]);
-    return null;
-}
-function $2611a7b4364593e5$export$e57f9eaa51773f82({ ignoredSources: ignoredSources, onMapLoading: onMapLoading = null, onMapIdle: onMapIdle = null, mapIsLoading: mapIsLoading }) {
-    const mapRef = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
-    const loadingRef = (0, $9B3TU$react.useRef)(false);
-    const dispatch = (0, $9B3TU$macrostratmapboxreact.useMapDispatch)();
-    (0, $9B3TU$react.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 $2611a7b4364593e5$export$5c90a91c7455938c({ position: position, setPosition: setPosition, centerMarker: centerMarker = true }) {
-    const mapRef = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
-    const markerRef = (0, $9B3TU$react.useRef)(null);
-    (0, $3490fc4f4bda12f7$export$278090850f6b3a9f)(mapRef, markerRef, position);
-    const handleMapClick = (0, $9B3TU$react.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, $9B3TU$react.useEffect)(()=>{
-        const map = mapRef.current;
-        if (map != null && setPosition != null) map.on("click", handleMapClick);
-        return ()=>{
-            map?.off("click", handleMapClick);
-        };
-    }, [
-        mapRef.current,
-        setPosition
-    ]);
-    return null;
-}
-function $2611a7b4364593e5$export$566518253d2584f8() {
-    const inDarkMode = (0, $9B3TU$macrostratuicomponents.useInDarkMode)();
-    return inDarkMode ? "mapbox://styles/mapbox/dark-v10" : "mapbox://styles/mapbox/light-v10";
-}
-
-
-
-var $12b6032029db16d4$exports = {};
-
-$parcel$export($12b6032029db16d4$exports, "MapView", () => $12b6032029db16d4$export$ab1e7a67d6ec5ad8);
-$parcel$export($12b6032029db16d4$exports, "MapTerrainManager", () => $12b6032029db16d4$export$cee395a8a2a00b29);
-
-
-
-
-
-
-
-// We should merge this with code in @macrostrat/mapbox-react/src/terrain.ts:
-function $ecfbeec2ae4211a4$export$b730542ee281c4b1(map, shouldEnable, sourceID = null) {
-    if (!map.style?._loaded) {
-        map.once("style.load", ()=>{
-            $ecfbeec2ae4211a4$export$b730542ee281c4b1(map, shouldEnable, sourceID);
-        });
-        return;
-    }
-    const currentTerrainSource = $ecfbeec2ae4211a4$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 $ecfbeec2ae4211a4$var$getTerrainSourceID(map) {
-    for (const [key, source] of Object.entries(map.getStyle().sources)){
-        if (source.type == "raster-dem") return key;
-    }
-    return null;
-}
-
-
-
-
-
-const $12b6032029db16d4$var$h = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($35f1bc0112883d51$exports))));
-function $12b6032029db16d4$var$defaultInitializeMap(container, args = {}) {
-    const { mapPosition: mapPosition, ...rest } = args;
-    console.log("Initializing map (default)", args);
-    const map = new (0, ($parcel$interopDefault($9B3TU$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, $9B3TU$macrostratmapboxutils.setMapPosition)(map, mapPosition);
-    //setMapPosition(map, mapPosition);
-    return map;
-}
-const $12b6032029db16d4$var$defaultMapPosition = {
-    camera: {
-        lat: 34,
-        lng: -120,
-        altitude: 300000
-    }
-};
-function $12b6032029db16d4$export$ab1e7a67d6ec5ad8(props) {
-    let { terrainSourceID: terrainSourceID } = props;
-    const { enableTerrain: enableTerrain = true, style: style, mapPosition: mapPosition = $12b6032029db16d4$var$defaultMapPosition, initializeMap: initializeMap = $12b6032029db16d4$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, ($parcel$interopDefault($9B3TU$mapboxgl))).accessToken = _mapboxToken;
-    const dispatch = (0, $9B3TU$macrostratmapboxreact.useMapDispatch)();
-    let mapRef = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
-    const ref = (0, $9B3TU$react.useRef)();
-    const parentRef = (0, $9B3TU$react.useRef)();
-    // Keep track of map position for reloads
-    (0, $9B3TU$react.useEffect)(()=>{
-        console.log("Map updated", mapRef.current);
-    }, [
-        mapRef.current
-    ]);
-    (0, $9B3TU$react.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, $3490fc4f4bda12f7$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, $9B3TU$macrostratmapboxreact.useMapPosition)();
-    const { mapUse3D: mapUse3D, mapIsRotated: mapIsRotated } = (0, $9B3TU$macrostratmapboxutils.mapViewInfo)(_computedMapPosition);
-    // Get map projection
-    const _projection = mapRef.current?.getProjection()?.name ?? "mercator";
-    const className = (0, ($parcel$interopDefault($9B3TU$classnames)))({
-        "is-rotated": mapIsRotated ?? false,
-        "is-3d-available": mapUse3D ?? false
-    }, `${_projection}-projection`);
-    return $12b6032029db16d4$var$h("div.map-view-container.main-view", {
-        ref: parentRef
-    }, [
-        $12b6032029db16d4$var$h("div.mapbox-map#map", {
-            ref: ref,
-            className: className
-        }),
-        $12b6032029db16d4$var$h((0, $2611a7b4364593e5$export$e57f9eaa51773f82), {
-            ignoredSources: [
-                "elevationMarker",
-                "crossSectionEndpoints"
-            ]
-        }),
-        $12b6032029db16d4$var$h((0, $2611a7b4364593e5$export$f6eeee399afc4e9a), {
-            onMapMoved: onMapMoved
-        }),
-        $12b6032029db16d4$var$h((0, $2611a7b4364593e5$export$31b2e088aff2dc5d), {
-            containerRef: ref
-        }),
-        $12b6032029db16d4$var$h((0, $2611a7b4364593e5$export$2ab96428dea558d6), {
-            containerRef: ref,
-            parentRef: parentRef,
-            infoMarkerPosition: infoMarkerPosition
-        }),
-        $12b6032029db16d4$var$h($12b6032029db16d4$export$cee395a8a2a00b29, {
-            mapUse3D: mapUse3D,
-            terrainSourceID: terrainSourceID
-        }),
-        children
-    ]);
-}
-function $12b6032029db16d4$export$cee395a8a2a00b29({ mapUse3D: mapUse3D, terrainSourceID: terrainSourceID }) {
-    const mapRef = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
-    (0, $9B3TU$react.useEffect)(()=>{
-        const map = mapRef.current;
-        if (map == null) return;
-        (0, $ecfbeec2ae4211a4$export$b730542ee281c4b1)(map, mapUse3D, terrainSourceID);
-    }, [
-        mapRef.current,
-        mapUse3D
-    ]);
-    return null;
-}
-
-
-var $33088e8384af337c$exports = {};
-
-$parcel$export($33088e8384af337c$exports, "feature-panel", () => $33088e8384af337c$export$d27ce8c17b289f33, (v) => $33088e8384af337c$export$d27ce8c17b289f33 = v);
-$parcel$export($33088e8384af337c$exports, "key-value", () => $33088e8384af337c$export$6025d8aaa4edba3b, (v) => $33088e8384af337c$export$6025d8aaa4edba3b = v);
-$parcel$export($33088e8384af337c$exports, "key", () => $33088e8384af337c$export$df61b30b684217c0, (v) => $33088e8384af337c$export$df61b30b684217c0 = v);
-$parcel$export($33088e8384af337c$exports, "value", () => $33088e8384af337c$export$2ab9a8f9f1186f14, (v) => $33088e8384af337c$export$2ab9a8f9f1186f14 = v);
-$parcel$export($33088e8384af337c$exports, "feature-properties", () => $33088e8384af337c$export$4f7f4a0a9b87a0a1, (v) => $33088e8384af337c$export$4f7f4a0a9b87a0a1 = v);
-$parcel$export($33088e8384af337c$exports, "feature-header", () => $33088e8384af337c$export$435bd1864bef6e22, (v) => $33088e8384af337c$export$435bd1864bef6e22 = v);
-$parcel$export($33088e8384af337c$exports, "feature-group", () => $33088e8384af337c$export$a1386d43b662271, (v) => $33088e8384af337c$export$a1386d43b662271 = v);
-$parcel$export($33088e8384af337c$exports, "tile-info", () => $33088e8384af337c$export$1ea80fe0e5d4f6be, (v) => $33088e8384af337c$export$1ea80fe0e5d4f6be = v);
-$parcel$export($33088e8384af337c$exports, "opacity-slider", () => $33088e8384af337c$export$802c81ec652235aa, (v) => $33088e8384af337c$export$802c81ec652235aa = v);
-$parcel$export($33088e8384af337c$exports, "unit-number", () => $33088e8384af337c$export$ce32b714ddd6b59, (v) => $33088e8384af337c$export$ce32b714ddd6b59 = v);
-$parcel$export($33088e8384af337c$exports, "unit", () => $33088e8384af337c$export$523c0b569236b342, (v) => $33088e8384af337c$export$523c0b569236b342 = v);
-$parcel$export($33088e8384af337c$exports, "page", () => $33088e8384af337c$export$523fb3936f49e028, (v) => $33088e8384af337c$export$523fb3936f49e028 = v);
-$parcel$export($33088e8384af337c$exports, "dev-index-page", () => $33088e8384af337c$export$ee954d6f5e1b21cc, (v) => $33088e8384af337c$export$ee954d6f5e1b21cc = v);
-var $33088e8384af337c$export$d27ce8c17b289f33;
-var $33088e8384af337c$export$6025d8aaa4edba3b;
-var $33088e8384af337c$export$df61b30b684217c0;
-var $33088e8384af337c$export$2ab9a8f9f1186f14;
-var $33088e8384af337c$export$4f7f4a0a9b87a0a1;
-var $33088e8384af337c$export$435bd1864bef6e22;
-var $33088e8384af337c$export$a1386d43b662271;
-var $33088e8384af337c$export$1ea80fe0e5d4f6be;
-var $33088e8384af337c$export$802c81ec652235aa;
-var $33088e8384af337c$export$ce32b714ddd6b59;
-var $33088e8384af337c$export$523c0b569236b342;
-var $33088e8384af337c$export$523fb3936f49e028;
-var $33088e8384af337c$export$ee954d6f5e1b21cc;
-$33088e8384af337c$export$d27ce8c17b289f33 = "feature-panel_48e225";
-$33088e8384af337c$export$6025d8aaa4edba3b = "key-value_48e225";
-$33088e8384af337c$export$df61b30b684217c0 = "key_48e225";
-$33088e8384af337c$export$2ab9a8f9f1186f14 = "value_48e225";
-$33088e8384af337c$export$4f7f4a0a9b87a0a1 = "feature-properties_48e225";
-$33088e8384af337c$export$435bd1864bef6e22 = "feature-header_48e225";
-$33088e8384af337c$export$a1386d43b662271 = "feature-group_48e225";
-$33088e8384af337c$export$1ea80fe0e5d4f6be = "tile-info_48e225";
-$33088e8384af337c$export$802c81ec652235aa = "opacity-slider_48e225";
-$33088e8384af337c$export$ce32b714ddd6b59 = "unit-number_48e225";
-$33088e8384af337c$export$523c0b569236b342 = "unit_48e225";
-$33088e8384af337c$export$523fb3936f49e028 = "page_48e225";
-$33088e8384af337c$export$ee954d6f5e1b21cc = "dev-index-page_48e225";
-
-
-var $abbe8d0af34cbbed$exports = {};
-
-$parcel$export($abbe8d0af34cbbed$exports, "TileExtentLayer", () => $abbe8d0af34cbbed$export$86c09739b12f23cd);
-
-
-
-function $abbe8d0af34cbbed$export$86c09739b12f23cd({ tile: tile, color: color = "red" }) {
-    const styleCallback = (0, $9B3TU$react.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, $9B3TU$mapboxtilebelt.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, $9B3TU$macrostratmapboxreact.useMapRef)();
-    (0, $9B3TU$macrostratmapboxreact.useMapConditionalStyle)(map, tile, styleCallback);
-    return null;
-}
-
-
-var $db14eb7a5c07abdb$exports = {};
-
-$parcel$export($db14eb7a5c07abdb$exports, "FeatureProperties", () => $db14eb7a5c07abdb$export$2906e7f4b228efe9);
-$parcel$export($db14eb7a5c07abdb$exports, "FeatureRecord", () => $db14eb7a5c07abdb$export$dc87b4d46cea200d);
-$parcel$export($db14eb7a5c07abdb$exports, "FeatureSelectionHandler", () => $db14eb7a5c07abdb$export$214daccdda0f4ac6);
-$parcel$export($db14eb7a5c07abdb$exports, "Features", () => $db14eb7a5c07abdb$export$617d79dae526d2cf);
-$parcel$export($db14eb7a5c07abdb$exports, "TileInfo", () => $db14eb7a5c07abdb$export$43c75dec9d0b96c);
-$parcel$export($db14eb7a5c07abdb$exports, "FeaturePanel", () => $db14eb7a5c07abdb$export$43277c51a01761c1);
-
-
-
-
-
-
-
-var $750d69d73bfbdc9a$exports = {};
-
-$parcel$export($750d69d73bfbdc9a$exports, "ExpansionPanelSummary", () => $750d69d73bfbdc9a$export$cea00a9d724d5a32);
-$parcel$export($750d69d73bfbdc9a$exports, "InfoPanelSection", () => $750d69d73bfbdc9a$export$39c134eb0b07cf0e);
-$parcel$export($750d69d73bfbdc9a$exports, "ExpansionPanel", () => $750d69d73bfbdc9a$export$40e646e38e6ed100);
-$parcel$export($750d69d73bfbdc9a$exports, "SubExpansionPanel", () => $750d69d73bfbdc9a$export$d7160281aff7c3b8);
-$parcel$export($750d69d73bfbdc9a$exports, "ExpandableDetailsPanel", () => $750d69d73bfbdc9a$export$44ad9ff780615135);
-$parcel$export($750d69d73bfbdc9a$exports, "ExpansionBody", () => $750d69d73bfbdc9a$export$263416b670b3f129);
-$parcel$export($750d69d73bfbdc9a$exports, "PanelSubhead", () => $a0970d22776f9f4c$export$ed081779ec3709aa);
-
-
-
-var $b1c160aff794b8f5$exports = {};
-
-$parcel$export($b1c160aff794b8f5$exports, "panel-subhead", () => $b1c160aff794b8f5$export$bb6008c7ec506dc5, (v) => $b1c160aff794b8f5$export$bb6008c7ec506dc5 = v);
-$parcel$export($b1c160aff794b8f5$exports, "title", () => $b1c160aff794b8f5$export$fb184b623420d9be, (v) => $b1c160aff794b8f5$export$fb184b623420d9be = v);
-$parcel$export($b1c160aff794b8f5$exports, "info-panel-section", () => $b1c160aff794b8f5$export$198bd65f1c7a5309, (v) => $b1c160aff794b8f5$export$198bd65f1c7a5309 = v);
-$parcel$export($b1c160aff794b8f5$exports, "expansion-panel", () => $b1c160aff794b8f5$export$1db06abc8684077f, (v) => $b1c160aff794b8f5$export$1db06abc8684077f = v);
-$parcel$export($b1c160aff794b8f5$exports, "sub-expansion-panel", () => $b1c160aff794b8f5$export$e1943f56d410f24c, (v) => $b1c160aff794b8f5$export$e1943f56d410f24c = v);
-$parcel$export($b1c160aff794b8f5$exports, "expansion-panel-header", () => $b1c160aff794b8f5$export$771f363b9f663d2c, (v) => $b1c160aff794b8f5$export$771f363b9f663d2c = v);
-$parcel$export($b1c160aff794b8f5$exports, "expansion-summary-title-help", () => $b1c160aff794b8f5$export$47b2fa26e88e0093, (v) => $b1c160aff794b8f5$export$47b2fa26e88e0093 = v);
-$parcel$export($b1c160aff794b8f5$exports, "expansion-children", () => $b1c160aff794b8f5$export$d8457cb7ae0c47fd, (v) => $b1c160aff794b8f5$export$d8457cb7ae0c47fd = v);
-$parcel$export($b1c160aff794b8f5$exports, "expansion-panel-subtext", () => $b1c160aff794b8f5$export$f3447611ed163f53, (v) => $b1c160aff794b8f5$export$f3447611ed163f53 = v);
-$parcel$export($b1c160aff794b8f5$exports, "expandable-details-main", () => $b1c160aff794b8f5$export$561f0c2134cd9732, (v) => $b1c160aff794b8f5$export$561f0c2134cd9732 = v);
-$parcel$export($b1c160aff794b8f5$exports, "expandable-details-header", () => $b1c160aff794b8f5$export$ec357a59e90ee7ee, (v) => $b1c160aff794b8f5$export$ec357a59e90ee7ee = v);
-$parcel$export($b1c160aff794b8f5$exports, "expandable-details-children", () => $b1c160aff794b8f5$export$ae8d16cb87fbdc31, (v) => $b1c160aff794b8f5$export$ae8d16cb87fbdc31 = v);
-$parcel$export($b1c160aff794b8f5$exports, "expandable-details-toggle", () => $b1c160aff794b8f5$export$1089a6d45649b54c, (v) => $b1c160aff794b8f5$export$1089a6d45649b54c = v);
-$parcel$export($b1c160aff794b8f5$exports, "expandable-details", () => $b1c160aff794b8f5$export$20a01d7b55fba18b, (v) => $b1c160aff794b8f5$export$20a01d7b55fba18b = v);
-$parcel$export($b1c160aff794b8f5$exports, "macrostrat-unit", () => $b1c160aff794b8f5$export$fcdb9e479e3129ed, (v) => $b1c160aff794b8f5$export$fcdb9e479e3129ed = v);
-$parcel$export($b1c160aff794b8f5$exports, "expansion-body", () => $b1c160aff794b8f5$export$2d112e83849a3cf7, (v) => $b1c160aff794b8f5$export$2d112e83849a3cf7 = v);
-$parcel$export($b1c160aff794b8f5$exports, "expansion-panel-detail-header", () => $b1c160aff794b8f5$export$854d9fad3b5263eb, (v) => $b1c160aff794b8f5$export$854d9fad3b5263eb = v);
-$parcel$export($b1c160aff794b8f5$exports, "expansion-panel-detail-body", () => $b1c160aff794b8f5$export$494f9067c39d24ef, (v) => $b1c160aff794b8f5$export$494f9067c39d24ef = v);
-var $b1c160aff794b8f5$export$bb6008c7ec506dc5;
-var $b1c160aff794b8f5$export$fb184b623420d9be;
-var $b1c160aff794b8f5$export$198bd65f1c7a5309;
-var $b1c160aff794b8f5$export$1db06abc8684077f;
-var $b1c160aff794b8f5$export$e1943f56d410f24c;
-var $b1c160aff794b8f5$export$771f363b9f663d2c;
-var $b1c160aff794b8f5$export$47b2fa26e88e0093;
-var $b1c160aff794b8f5$export$d8457cb7ae0c47fd;
-var $b1c160aff794b8f5$export$f3447611ed163f53;
-var $b1c160aff794b8f5$export$561f0c2134cd9732;
-var $b1c160aff794b8f5$export$ec357a59e90ee7ee;
-var $b1c160aff794b8f5$export$ae8d16cb87fbdc31;
-var $b1c160aff794b8f5$export$1089a6d45649b54c;
-var $b1c160aff794b8f5$export$20a01d7b55fba18b;
-var $b1c160aff794b8f5$export$fcdb9e479e3129ed;
-var $b1c160aff794b8f5$export$2d112e83849a3cf7;
-var $b1c160aff794b8f5$export$854d9fad3b5263eb;
-var $b1c160aff794b8f5$export$494f9067c39d24ef;
-$b1c160aff794b8f5$export$bb6008c7ec506dc5 = "panel-subhead_1340c8";
-$b1c160aff794b8f5$export$fb184b623420d9be = "title_1340c8";
-$b1c160aff794b8f5$export$198bd65f1c7a5309 = "info-panel-section_1340c8";
-$b1c160aff794b8f5$export$1db06abc8684077f = "expansion-panel_1340c8";
-$b1c160aff794b8f5$export$e1943f56d410f24c = "sub-expansion-panel_1340c8";
-$b1c160aff794b8f5$export$771f363b9f663d2c = "expansion-panel-header_1340c8";
-$b1c160aff794b8f5$export$47b2fa26e88e0093 = "expansion-summary-title-help_1340c8";
-$b1c160aff794b8f5$export$d8457cb7ae0c47fd = "expansion-children_1340c8";
-$b1c160aff794b8f5$export$f3447611ed163f53 = "expansion-panel-subtext_1340c8";
-$b1c160aff794b8f5$export$561f0c2134cd9732 = "expandable-details-main_1340c8";
-$b1c160aff794b8f5$export$ec357a59e90ee7ee = "expandable-details-header_1340c8";
-$b1c160aff794b8f5$export$ae8d16cb87fbdc31 = "expandable-details-children_1340c8";
-$b1c160aff794b8f5$export$1089a6d45649b54c = "expandable-details-toggle_1340c8";
-$b1c160aff794b8f5$export$20a01d7b55fba18b = "expandable-details_1340c8";
-$b1c160aff794b8f5$export$fcdb9e479e3129ed = "macrostrat-unit_1340c8";
-$b1c160aff794b8f5$export$2d112e83849a3cf7 = "expansion-body_1340c8";
-$b1c160aff794b8f5$export$854d9fad3b5263eb = "expansion-panel-detail-header_1340c8";
-$b1c160aff794b8f5$export$494f9067c39d24ef = "expansion-panel-detail-body_1340c8";
-
-
-
-
-
-const $a0970d22776f9f4c$var$h = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($b1c160aff794b8f5$exports))));
-function $a0970d22776f9f4c$export$ed081779ec3709aa(props) {
-    const { title: title, component: component = "h3", children: children, ...rest } = props;
-    return $a0970d22776f9f4c$var$h("div.panel-subhead", rest, [
-        $a0970d22776f9f4c$var$h(component, {
-            className: "title"
-        }, title),
-        children
-    ]);
-}
-
-
-const $750d69d73bfbdc9a$var$h = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($b1c160aff794b8f5$exports))));
-function $750d69d73bfbdc9a$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 $750d69d73bfbdc9a$var$h((0, $a0970d22776f9f4c$export$ed081779ec3709aa), {
-        className: (0, ($parcel$interopDefault($9B3TU$classnames)))("expansion-panel-header", className),
-        onClick: onChange,
-        title: title,
-        component: titleComponent
-    }, [
-        children,
-        $750d69d73bfbdc9a$var$h((0, $9B3TU$blueprintjscore.Icon), {
-            icon: icon
-        })
-    ]);
-}
-function $750d69d73bfbdc9a$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, $9B3TU$react.useState)(expanded || false);
-    const onChange_ = ()=>{
-        onChange();
-        setOpen(!isOpen);
-    };
-    return $750d69d73bfbdc9a$var$h("div.expansion-panel-base", {
-        className: (0, ($parcel$interopDefault($9B3TU$classnames)))(className, {
-            expanded: isOpen,
-            collapsed: !isOpen
-        })
-    }, [
-        $750d69d73bfbdc9a$var$h($750d69d73bfbdc9a$export$cea00a9d724d5a32, {
-            onChange: onChange_,
-            expanded: isOpen,
-            title: title,
-            titleComponent: titleComponent
-        }, $750d69d73bfbdc9a$var$h("div.expansion-summary-title-help", [
-            $750d69d73bfbdc9a$var$h("span.expansion-panel-subtext", helpText),
-            " ",
-            sideComponent
-        ])),
-        $750d69d73bfbdc9a$var$h((0, $9B3TU$blueprintjscore.Collapse), {
-            isOpen: isOpen
-        }, $750d69d73bfbdc9a$var$h("div.expansion-children", null, children))
-    ]);
-}
-function $750d69d73bfbdc9a$export$39c134eb0b07cf0e(props) {
-    let { title: title, children: children, className: className, headerElement: headerElement = null } = props;
-    return $750d69d73bfbdc9a$var$h("div.info-panel-section", {
-        className: className
-    }, [
-        $750d69d73bfbdc9a$var$h("div.panel-subhead", null, headerElement ?? $750d69d73bfbdc9a$var$h("h3", title)),
-        $750d69d73bfbdc9a$var$h("div.panel-content", null, children)
-    ]);
-}
-function $750d69d73bfbdc9a$export$40e646e38e6ed100(props) {
-    return $750d69d73bfbdc9a$var$h($750d69d73bfbdc9a$var$ExpansionPanelBase, {
-        ...props,
-        className: "expansion-panel"
-    });
-}
-function $750d69d73bfbdc9a$export$d7160281aff7c3b8(props) {
-    return $750d69d73bfbdc9a$var$h($750d69d73bfbdc9a$var$ExpansionPanelBase, {
-        ...props,
-        className: "expansion-panel sub-expansion-panel",
-        titleComponent: "h4"
-    });
-}
-function $750d69d73bfbdc9a$export$44ad9ff780615135(props) {
-    let { title: title, children: children, value: value, headerElement: headerElement, className: className } = props;
-    const [isOpen, setIsOpen] = (0, $9B3TU$react.useState)(false);
-    headerElement ??= $750d69d73bfbdc9a$var$h([
-        $750d69d73bfbdc9a$var$h("div.title", title),
-        value
-    ]);
-    return $750d69d73bfbdc9a$var$h("div.expandable-details", {
-        className: className
-    }, [
-        $750d69d73bfbdc9a$var$h("div.expandable-details-main", [
-            $750d69d73bfbdc9a$var$h("div.expandable-details-header", headerElement),
-            $750d69d73bfbdc9a$var$h("div.expandable-details-toggle", [
-                $750d69d73bfbdc9a$var$h((0, $9B3TU$blueprintjscore.Button), {
-                    small: true,
-                    minimal: true,
-                    active: isOpen,
-                    onClick: ()=>setIsOpen(!isOpen),
-                    icon: "more"
-                })
-            ])
-        ]),
-        $750d69d73bfbdc9a$var$h((0, $9B3TU$blueprintjscore.Collapse), {
-            isOpen: isOpen
-        }, $750d69d73bfbdc9a$var$h("div.expandable-details-children", null, children))
-    ]);
-}
-function $750d69d73bfbdc9a$export$263416b670b3f129({ title: title, className: className, children: children }) {
-    return $750d69d73bfbdc9a$var$h("div.expansion-body", {
-        className: className
-    }, [
-        $750d69d73bfbdc9a$var$h("div.expansion-panel-detail-header", title),
-        $750d69d73bfbdc9a$var$h("div.expansion-panel-detail-body", null, children)
-    ]);
-}
-
-
-const $db14eb7a5c07abdb$var$h = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($33088e8384af337c$exports))));
-function $db14eb7a5c07abdb$export$2906e7f4b228efe9({ data: data, ...rest }) {
-    return $db14eb7a5c07abdb$var$h("div.feature-properties", [
-        $db14eb7a5c07abdb$var$h((0, $9B3TU$macrostratuicomponents.JSONView), {
-            data: data,
-            hideRoot: true,
-            ...rest
-        })
-    ]);
-}
-function $db14eb7a5c07abdb$export$dc87b4d46cea200d({ feature: feature }) {
-    const props = feature.properties;
-    return $db14eb7a5c07abdb$var$h("div.feature-record", [
-        $db14eb7a5c07abdb$var$h.if(Object.keys(props).length > 0)($db14eb7a5c07abdb$export$2906e7f4b228efe9, {
-            data: props
-        })
-    ]);
-}
-function $db14eb7a5c07abdb$export$214daccdda0f4ac6({ selectedLocation: selectedLocation, setFeatures: setFeatures, radius: radius = 2 }) {
-    const mapRef = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
-    const { isLoading: isLoading } = (0, $9B3TU$macrostratmapboxreact.useMapStatus)();
-    const prevLocation = (0, $9B3TU$macrostratuicomponents.usePrevious)(selectedLocation);
-    (0, $9B3TU$react.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 $db14eb7a5c07abdb$var$FeatureHeader({ feature: feature }) {
-    return $db14eb7a5c07abdb$var$h("div.feature-header", [
-        $db14eb7a5c07abdb$var$h("h3", [
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
-                label: "Source",
-                value: feature.source
-            }),
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
-                label: "Source layer",
-                value: feature.sourceLayer
-            })
-        ])
-    ]);
-}
-function $db14eb7a5c07abdb$var$KeyValue({ label: label, value: value }) {
-    return $db14eb7a5c07abdb$var$h("span.key-value", [
-        $db14eb7a5c07abdb$var$h("span.key", label),
-        $db14eb7a5c07abdb$var$h("code.value", value)
-    ]);
-}
-function $db14eb7a5c07abdb$var$LoadingAwareFeatureSet({ features: features, sourceID: sourceID }) {
-    const map = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
-    if (map?.current == null) return null;
-    const [isLoaded, setIsLoaded] = (0, $9B3TU$react.useState)(false);
-    const sourceFeatures = features.filter((d)=>d.source == "burwell");
-    (0, $9B3TU$react.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 $db14eb7a5c07abdb$var$h((0, $9B3TU$blueprintjscore.Spinner));
-    return $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$export$617d79dae526d2cf, {
-        features: sourceFeatures
-    });
-}
-function $db14eb7a5c07abdb$export$43c75dec9d0b96c({ feature: feature, showExtent: showExtent, setShowExtent: setShowExtent }) {
-    if (feature == null) return null;
-    const size = feature._vectorTileFeature._pbf.length;
-    return $db14eb7a5c07abdb$var$h("div.tile-info", [
-        $db14eb7a5c07abdb$var$h("h3", "Tile"),
-        $db14eb7a5c07abdb$var$h("div.tile-index", [
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
-                label: "x",
-                value: feature._x
-            }),
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
-                label: "y",
-                value: feature._y
-            }),
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
-                label: "z",
-                value: feature._z
-            })
-        ]),
-        $db14eb7a5c07abdb$var$h("div.spacer"),
-        $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$KeyValue, {
-            label: "Size",
-            value: $db14eb7a5c07abdb$var$formatSize(size)
-        }),
-        $db14eb7a5c07abdb$var$h((0, $9B3TU$blueprintjscore.Switch), {
-            label: "Show extent",
-            alignIndicator: "right",
-            checked: showExtent,
-            onChange () {
-                setShowExtent(!showExtent);
-            }
-        })
-    ]);
-}
-function $db14eb7a5c07abdb$var$formatSize(size) {
-    if (size > 1000000) return $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$UnitNumber, {
-        value: size / 1000000,
-        unit: "Mb"
-    });
-    if (size > 1000) return $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$UnitNumber, {
-        value: size / 1000,
-        unit: "Kb"
-    });
-    return `${size} bytes`;
-}
-function $db14eb7a5c07abdb$var$UnitNumber({ value: value, unit: unit, precision: precision = 1 }) {
-    return $db14eb7a5c07abdb$var$h("span.unit-number", [
-        $db14eb7a5c07abdb$var$h("span.number", value.toFixed(precision)),
-        $db14eb7a5c07abdb$var$h("span.unit", unit)
-    ]);
-}
-function $db14eb7a5c07abdb$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 = $db14eb7a5c07abdb$var$h((0, $750d69d73bfbdc9a$export$40e646e38e6ed100), {
-            title: "Macrostrat features",
-            className: "macrostrat-features",
-            expanded: true
-        }, [
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$LoadingAwareFeatureSet, {
-                features: features,
-                sourceID: focusedSource
-            })
-        ]);
-        filteredFeatures = features.filter((d)=>d.source != focusedSource);
-    }
-    return $db14eb7a5c07abdb$var$h("div.feature-panel", [
-        focusedSourcePanel,
-        $db14eb7a5c07abdb$var$h((0, $750d69d73bfbdc9a$export$40e646e38e6ed100), {
-            title: title,
-            className: "basemap-features",
-            expanded: focusedSource == null
-        }, [
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$FeatureGroups, {
-                features: filteredFeatures
-            })
-        ])
-    ]);
-}
-function $db14eb7a5c07abdb$var$FeatureGroups({ features: features }) {
-    /** Group features by source and sourceLayer */ if (features == null) return null;
-    const groups = (0, $9B3TU$d3array.group)(features, (d)=>`${d.source} - ${d.sourceLayer}`);
-    return $db14eb7a5c07abdb$var$h("div.feature-groups", Array.from(groups).map(([key, features])=>{
-        return $db14eb7a5c07abdb$var$h("div.feature-group", [
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$var$FeatureHeader, {
-                feature: features[0]
-            }),
-            $db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$export$617d79dae526d2cf, {
-                features: features
-            })
-        ]);
-    }));
-}
-function $db14eb7a5c07abdb$export$617d79dae526d2cf({ features: features }) {
-    return $db14eb7a5c07abdb$var$h("div.features", features.map((feature, i)=>$db14eb7a5c07abdb$var$h($db14eb7a5c07abdb$export$dc87b4d46cea200d, {
-            key: i,
-            feature: feature
-        })));
-}
-
-
-const $6f5ca387ac26c0b5$export$dda1d9f60106f0e9 = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($33088e8384af337c$exports))));
-function $6f5ca387ac26c0b5$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, bounds: bounds = null, focusedSource: focusedSource = null, focusedSourceTitle: focusedSourceTitle = null, fitViewport: fitViewport = true }) {
-    /* 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, $9B3TU$macrostratuicomponents.useDarkMode)();
-    const isEnabled = dark?.isEnabled;
-    if (mapboxToken != null) (0, ($parcel$interopDefault($9B3TU$mapboxgl))).accessToken = mapboxToken;
-    style ??= isEnabled ? "mapbox://styles/mapbox/dark-v10" : "mapbox://styles/mapbox/light-v10";
-    const [isOpen, setOpen] = (0, $9B3TU$react.useState)(false);
-    const [state, setState] = (0, $9B3TU$macrostratuicomponents.useStoredState)("macrostrat:dev-map-page", {
-        showTileExtent: false,
-        xRay: false
-    });
-    const { showTileExtent: showTileExtent, xRay: xRay } = state;
-    const [actualStyle, setActualStyle] = (0, $9B3TU$react.useState)(style);
-    console.log("actualStyle", actualStyle);
-    (0, $9B3TU$react.useEffect)(()=>{
-        (0, $8646508ae99a5857$export$e739dc8dfc0db9a6)(style, overlayStyle, {
-            mapboxToken: mapboxToken,
-            inDarkMode: isEnabled,
-            xRay: xRay
-        }).then(setActualStyle);
-    }, [
-        style,
-        xRay,
-        mapboxToken,
-        isEnabled,
-        overlayStyle
-    ]);
-    const [inspectPosition, setInspectPosition] = (0, $9B3TU$react.useState)(null);
-    const [data, setData] = (0, $9B3TU$react.useState)(null);
-    const onSelectPosition = (0, $9B3TU$react.useCallback)((position)=>{
-        setInspectPosition(position);
-    }, []);
-    let detailElement = null;
-    if (inspectPosition != null) detailElement = $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $2bc7c1e4e7da7fdf$export$aa4baff5242ea6e1), {
-        onClose () {
-            setInspectPosition(null);
-        },
-        position: inspectPosition
-    }, [
-        $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $db14eb7a5c07abdb$export$43c75dec9d0b96c), {
-            feature: data?.[0] ?? null,
-            showExtent: showTileExtent,
-            setShowExtent () {
-                setState({
-                    ...state,
-                    showTileExtent: !showTileExtent
-                });
-            }
-        }),
-        $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $db14eb7a5c07abdb$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 $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $c3311f59335df34d$export$9fa5da0bcfd0a290), {
-        navbar: $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $fce5fc950d1fe35b$export$a8cc0062d02a3841), {
-            rightElement: $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $fce5fc950d1fe35b$export$9e3bae3c08bde368), {
-                large: true,
-                active: isOpen,
-                onClick: ()=>setOpen(!isOpen),
-                style: {
-                    marginRight: "-5px"
-                }
-            }),
-            headerElement: headerElement,
-            title: title
-        }),
-        contextPanel: $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $c3311f59335df34d$export$ec68dd77edbe678b), [
-            $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $9B3TU$blueprintjscore.Switch), {
-                checked: xRay,
-                label: "X-ray mode",
-                onChange () {
-                    setState({
-                        ...state,
-                        xRay: !xRay
-                    });
-                }
-            }),
-            children
-        ]),
-        detailPanel: detailElement,
-        contextPanelOpen: isOpen,
-        fitViewport: fitViewport
-    }, $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $12b6032029db16d4$export$ab1e7a67d6ec5ad8), {
-        style: actualStyle,
-        transformRequest: transformRequest,
-        mapPosition: mapPosition,
-        projection: {
-            name: "globe"
-        },
-        mapboxToken: mapboxToken,
-        bounds: bounds
-    }, [
-        $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $db14eb7a5c07abdb$export$214daccdda0f4ac6), {
-            selectedLocation: inspectPosition,
-            setFeatures: setData
-        }),
-        $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $2611a7b4364593e5$export$5c90a91c7455938c), {
-            position: inspectPosition,
-            setPosition: onSelectPosition
-        }),
-        $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $abbe8d0af34cbbed$export$86c09739b12f23cd), {
-            tile: tile,
-            color: isEnabled ? "white" : "black"
-        })
-    ]));
-}
-const $6f5ca387ac26c0b5$export$2391061fbdfb71ef = $6f5ca387ac26c0b5$export$c5febf3ae8816972;
-
-
-
-
-
-$parcel$exportWildcard($9acbb47bf7cb7660$exports, $6f5ca387ac26c0b5$exports);
-$parcel$exportWildcard($9acbb47bf7cb7660$exports, $abbe8d0af34cbbed$exports);
-$parcel$exportWildcard($9acbb47bf7cb7660$exports, $db14eb7a5c07abdb$exports);
-$parcel$exportWildcard($9acbb47bf7cb7660$exports, $8646508ae99a5857$exports);
-
-
-
-
-
-
-
-
-
-$parcel$exportWildcard(module.exports, $fce5fc950d1fe35b$exports);
-$parcel$exportWildcard(module.exports, $2bc7c1e4e7da7fdf$exports);
-$parcel$exportWildcard(module.exports, $9acbb47bf7cb7660$exports);
-$parcel$exportWildcard(module.exports, $c3311f59335df34d$exports);
-$parcel$exportWildcard(module.exports, $12b6032029db16d4$exports);
-$parcel$exportWildcard(module.exports, $f333fe6f49373ca9$exports);
-$parcel$exportWildcard(module.exports, $2611a7b4364593e5$exports);
-$parcel$exportWildcard(module.exports, $3490fc4f4bda12f7$exports);
-$parcel$exportWildcard(module.exports, $860d9939f7032c69$exports);
-$parcel$exportWildcard(module.exports, $750d69d73bfbdc9a$exports);
-
-
-//# sourceMappingURL=index.cjs.js.map