@macrostrat/map-interface 0.0.12 → 0.2.0

package/dist/index.cjs

@@ -0,0 +1,1783 @@
+require("./index.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$classnames = require("classnames");
+var $9B3TU$macrostratuicomponents = require("@macrostrat/ui-components");
+var $9B3TU$d3format = require("d3-format");
+var $9B3TU$mapboxgl = require("mapbox-gl");
+var $9B3TU$macrostratmapboxutils = require("@macrostrat/mapbox-utils");
+var $9B3TU$chromajs = require("chroma-js");
+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' || dest.hasOwnProperty(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, "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$d8779dd86528d602;
+var $7a1b0f72a2e7f87d$export$2ac23befe9d406ee;
+var $7a1b0f72a2e7f87d$export$3a39e67bbbcbd4ae;
+var $7a1b0f72a2e7f87d$export$764ade2d69041360;
+$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 , icon: icon = "menu" ,  }) {
+    return $fce5fc950d1fe35b$var$h((0, $9B3TU$blueprintjscore.Button), {
+        icon: isLoading ? $fce5fc950d1fe35b$var$spinnerElement : icon,
+        large: true,
+        minimal: true,
+        onClick: onClick,
+        active: active && !isLoading
+    });
+}
+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 , statusElement: statusElement = null  }) {
+    return $fce5fc950d1fe35b$var$h("div.searchbar-holder", {
+        className: className
+    }, [
+        $fce5fc950d1fe35b$var$h("div.navbar-holder", [
+            $fce5fc950d1fe35b$var$h((0, $9B3TU$blueprintjscore.Navbar), {
+                className: "searchbar panel"
+            }, children), 
+        ]),
+        $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, "LocationPanel", () => $2bc7c1e4e7da7fdf$export$aa4baff5242ea6e1);
+
+
+
+
+var $a8d7c4c397e52cf6$exports = {};
+
+$parcel$export($a8d7c4c397e52cf6$exports, "left-icon", () => $a8d7c4c397e52cf6$export$f750577db09821ce, (v) => $a8d7c4c397e52cf6$export$f750577db09821ce = v);
+$parcel$export($a8d7c4c397e52cf6$exports, "infodrawer-header-item", () => $a8d7c4c397e52cf6$export$333d72514239bce8, (v) => $a8d7c4c397e52cf6$export$333d72514239bce8 = v);
+$parcel$export($a8d7c4c397e52cf6$exports, "spacer", () => $a8d7c4c397e52cf6$export$8cc075c801fd6817, (v) => $a8d7c4c397e52cf6$export$8cc075c801fd6817 = v);
+$parcel$export($a8d7c4c397e52cf6$exports, "infodrawer", () => $a8d7c4c397e52cf6$export$b5017f7ff265217d, (v) => $a8d7c4c397e52cf6$export$b5017f7ff265217d = v);
+$parcel$export($a8d7c4c397e52cf6$exports, "copy-link-button", () => $a8d7c4c397e52cf6$export$d1352d0c31a65024, (v) => $a8d7c4c397e52cf6$export$d1352d0c31a65024 = 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, "infodrawer-contents", () => $a8d7c4c397e52cf6$export$69ed3ba502fbf15b, (v) => $a8d7c4c397e52cf6$export$69ed3ba502fbf15b = v);
+$parcel$export($a8d7c4c397e52cf6$exports, "position-controls", () => $a8d7c4c397e52cf6$export$dfae07a3bf0fbd6, (v) => $a8d7c4c397e52cf6$export$dfae07a3bf0fbd6 = v);
+$parcel$export($a8d7c4c397e52cf6$exports, "infodrawer-body", () => $a8d7c4c397e52cf6$export$310e8f86a84c074f, (v) => $a8d7c4c397e52cf6$export$310e8f86a84c074f = v);
+var $a8d7c4c397e52cf6$export$f750577db09821ce;
+var $a8d7c4c397e52cf6$export$333d72514239bce8;
+var $a8d7c4c397e52cf6$export$8cc075c801fd6817;
+var $a8d7c4c397e52cf6$export$b5017f7ff265217d;
+var $a8d7c4c397e52cf6$export$d1352d0c31a65024;
+var $a8d7c4c397e52cf6$export$46c1c92549715335;
+var $a8d7c4c397e52cf6$export$d821beb98a87c6d7;
+var $a8d7c4c397e52cf6$export$69ed3ba502fbf15b;
+var $a8d7c4c397e52cf6$export$dfae07a3bf0fbd6;
+var $a8d7c4c397e52cf6$export$310e8f86a84c074f;
+$a8d7c4c397e52cf6$export$f750577db09821ce = `VPa3-W_left-icon`;
+$a8d7c4c397e52cf6$export$333d72514239bce8 = `VPa3-W_infodrawer-header-item`;
+$a8d7c4c397e52cf6$export$8cc075c801fd6817 = `VPa3-W_spacer`;
+$a8d7c4c397e52cf6$export$b5017f7ff265217d = `VPa3-W_infodrawer`;
+$a8d7c4c397e52cf6$export$d1352d0c31a65024 = `VPa3-W_copy-link-button`;
+$a8d7c4c397e52cf6$export$46c1c92549715335 = `VPa3-W_loading`;
+$a8d7c4c397e52cf6$export$d821beb98a87c6d7 = `VPa3-W_location-panel-header`;
+$a8d7c4c397e52cf6$export$69ed3ba502fbf15b = `VPa3-W_infodrawer-contents`;
+$a8d7c4c397e52cf6$export$dfae07a3bf0fbd6 = `VPa3-W_position-controls`;
+$a8d7c4c397e52cf6$export$310e8f86a84c074f = `VPa3-W_infodrawer-body`;
+
+
+
+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);
+
+
+function $bf943af2b72f182b$export$424827e271c4ba96(val, zoom) {
+    if (zoom < 2) return $bf943af2b72f182b$export$e54bbd2c33d17485(val);
+    else if (zoom < 4) return $bf943af2b72f182b$export$4c173b1b2f78faf7(val);
+    else if (zoom < 7) return $bf943af2b72f182b$export$b1cb0f7fb990b3ea(val);
+    return $bf943af2b72f182b$export$97c1b10e131a836d(val);
+}
+function $bf943af2b72f182b$export$e94ac56c4c53fe58(lng) {
+    // via https://github.com/Leaflet/Leaflet/blob/32c9156cb1d1c9bd53130639ec4d8575fbeef5a6/src/core/Util.js#L87
+    return (((lng - 180) % 360 + 360) % 360 - 180).toFixed(4);
+}
+const $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);
+    }
+}
+function $bf943af2b72f182b$export$d284c26147b5ca34(meters, precision = 0) {
+    return (meters * 3.28084).toFixed(precision);
+}
+
+
+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, $bf943af2b72f182b$export$424827e271c4ba96)(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, $bf943af2b72f182b$export$e94ac56c4c53fe58)(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, $bf943af2b72f182b$export$d284c26147b5ca34)(elevation),
+                unit: "ft"
+            }),
+            ")", 
+        ]), 
+    ]);
+}
+
+
+
+const $548387e5996cdbbd$var$h = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($a8d7c4c397e52cf6$exports))));
+function $548387e5996cdbbd$var$PositionButton({ position: position  }) {
+    const focusState = (0, $9B3TU$macrostratmapboxreact.useFocusState)(position);
+    return $548387e5996cdbbd$var$h("div.position-controls", [
+        $548387e5996cdbbd$var$h((0, $9B3TU$macrostratmapboxreact.LocationFocusButton), {
+            location: position,
+            focusState: focusState
+        }, []),
+        (0, $9B3TU$macrostratmapboxreact.isCentered)(focusState) ? $548387e5996cdbbd$var$h($548387e5996cdbbd$var$CopyLinkButton, {
+            itemName: "position"
+        }) : null, 
+    ]);
+}
+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  } = props;
+    return $548387e5996cdbbd$var$h("header.location-panel-header", [
+        $548387e5996cdbbd$var$h($548387e5996cdbbd$var$PositionButton, {
+            position: position
+        }),
+        $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$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$83f9a19cf91c2d06, {
+        className: cls
+    }, [
+        $2bc7c1e4e7da7fdf$var$h((0, $548387e5996cdbbd$export$e9ff14c4822c2e8c), rest),
+        $2bc7c1e4e7da7fdf$var$h("div.infodrawer-body", $2bc7c1e4e7da7fdf$var$h("div.infodrawer-contents", $2bc7c1e4e7da7fdf$var$h((0, $9B3TU$macrostratuicomponents.ErrorBoundary), null, children))), 
+    ]);
+}
+
+
+var $9acbb47bf7cb7660$exports = {};
+var $6f5ca387ac26c0b5$exports = {};
+
+$parcel$export($6f5ca387ac26c0b5$exports, "MacrostratVectorTileset", () => $6f5ca387ac26c0b5$export$dce4b6e67bb5f25a);
+$parcel$export($6f5ca387ac26c0b5$exports, "MacrostratRasterTileset", () => $6f5ca387ac26c0b5$export$cc7c195070dfb906);
+$parcel$export($6f5ca387ac26c0b5$exports, "h", () => $6f5ca387ac26c0b5$export$dda1d9f60106f0e9);
+$parcel$export($6f5ca387ac26c0b5$exports, "DevMapPage", () => $6f5ca387ac26c0b5$export$2391061fbdfb71ef);
+
+
+
+
+
+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, ($parcel$interopDefault($9B3TU$chromajs)))(color);
+    const xRayColor = (opacity = 1, darken = 0)=>{
+        if (!inDarkMode) return (0, ($parcel$interopDefault($9B3TU$chromajs)))(color).darken(2 - darken).alpha(opacity).css();
+        return c.alpha(opacity).darken(darken).css();
+    };
+    if (layer.type == "background") return null;
+    let newLayer = {
+        ...layer
+    };
+    if (layer.type == "fill") newLayer.paint = {
+        "fill-color": xRayColor(0.1),
+        "fill-outline-color": xRayColor(0.5)
+    };
+    else if (layer.type == "line") newLayer.paint = {
+        "line-color": xRayColor(0.5, 0),
+        "line-width": 1.5
+    };
+    else if (layer.type == "symbol") newLayer.paint = {
+        "text-color": xRayColor(1, -0.5),
+        "text-halo-color": "#000"
+    };
+    else if (layer.type == "circle") newLayer.paint = {
+        "circle-color": xRayColor(0.5, 0),
+        "circle-stroke-color": xRayColor(0.5, 1),
+        "circle-radius": 2
+    };
+    return newLayer;
+}
+async function $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, "MapInterface", () => $c3311f59335df34d$export$57b87f3e07d4bb90);
+$parcel$export($c3311f59335df34d$exports, "PanelCard", () => $c3311f59335df34d$export$ec68dd77edbe678b);
+$parcel$export($c3311f59335df34d$exports, "MapStyledContainer", () => $c3311f59335df34d$export$fa395a37c3898ae3);
+$parcel$export($c3311f59335df34d$exports, "MapAreaContainer", () => $c3311f59335df34d$export$9fa5da0bcfd0a290);
+
+var $35f1bc0112883d51$exports = {};
+
+$parcel$export($35f1bc0112883d51$exports, "map-page", () => $35f1bc0112883d51$export$5ec584901c06c5b9, (v) => $35f1bc0112883d51$export$5ec584901c06c5b9 = 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, "main-ui", () => $35f1bc0112883d51$export$6d74761ad3ff486d, (v) => $35f1bc0112883d51$export$6d74761ad3ff486d = 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, "map-view-container", () => $35f1bc0112883d51$export$11aa7dc57218208d, (v) => $35f1bc0112883d51$export$11aa7dc57218208d = 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, "bp4-button-group", () => $35f1bc0112883d51$export$e7ed5da3d9a53077, (v) => $35f1bc0112883d51$export$e7ed5da3d9a53077 = 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, "searching", () => $35f1bc0112883d51$export$fddadf6320237c22, (v) => $35f1bc0112883d51$export$fddadf6320237c22 = v);
+$parcel$export($35f1bc0112883d51$exports, "map-controls", () => $35f1bc0112883d51$export$802dc54769b48aa7, (v) => $35f1bc0112883d51$export$802dc54769b48aa7 = v);
+$parcel$export($35f1bc0112883d51$exports, "map-control", () => $35f1bc0112883d51$export$521e5bd1ca520342, (v) => $35f1bc0112883d51$export$521e5bd1ca520342 = 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, "context-panel-holder", () => $35f1bc0112883d51$export$1113ec858cdbc244, (v) => $35f1bc0112883d51$export$1113ec858cdbc244 = 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-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, "context-panel", () => $35f1bc0112883d51$export$b4dbb67ffc3cc7a9, (v) => $35f1bc0112883d51$export$b4dbb67ffc3cc7a9 = v);
+var $35f1bc0112883d51$export$5ec584901c06c5b9;
+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$6d74761ad3ff486d;
+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$11aa7dc57218208d;
+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$e7ed5da3d9a53077;
+var $35f1bc0112883d51$export$62a60ea2feb29c53;
+var $35f1bc0112883d51$export$61e54aa1efb913ad;
+var $35f1bc0112883d51$export$fddadf6320237c22;
+var $35f1bc0112883d51$export$802dc54769b48aa7;
+var $35f1bc0112883d51$export$521e5bd1ca520342;
+var $35f1bc0112883d51$export$b56f659d649f0d92;
+var $35f1bc0112883d51$export$e017ebf46ba443ed;
+var $35f1bc0112883d51$export$69fa1b5d46c139b9;
+var $35f1bc0112883d51$export$c6930745f2610de0;
+var $35f1bc0112883d51$export$1113ec858cdbc244;
+var $35f1bc0112883d51$export$419647d5ce4279cb;
+var $35f1bc0112883d51$export$1d0f1d0b062c3bee;
+var $35f1bc0112883d51$export$90f42dafd5c24d2d;
+var $35f1bc0112883d51$export$9ea3835d1b44cc08;
+var $35f1bc0112883d51$export$b4dbb67ffc3cc7a9;
+$35f1bc0112883d51$export$5ec584901c06c5b9 = "map-page_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$6d74761ad3ff486d = "main-ui_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$11aa7dc57218208d = "map-view-container_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$e7ed5da3d9a53077 = "bp4-button-group_4c0a66";
+$35f1bc0112883d51$export$62a60ea2feb29c53 = "detail-panel-open_4c0a66";
+$35f1bc0112883d51$export$61e54aa1efb913ad = "zoom-control_4c0a66";
+$35f1bc0112883d51$export$fddadf6320237c22 = "searching_4c0a66";
+$35f1bc0112883d51$export$802dc54769b48aa7 = "map-controls_4c0a66";
+$35f1bc0112883d51$export$521e5bd1ca520342 = "map-control_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$1113ec858cdbc244 = "context-panel-holder_4c0a66";
+$35f1bc0112883d51$export$419647d5ce4279cb = "detail-panel-from_4c0a66";
+$35f1bc0112883d51$export$1d0f1d0b062c3bee = "detail-panel-leave_4c0a66";
+$35f1bc0112883d51$export$90f42dafd5c24d2d = "context-panel-from_4c0a66";
+$35f1bc0112883d51$export$9ea3835d1b44cc08 = "context-panel-enter_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() {
+    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"
+        }), 
+    ]);
+}
+
+
+
+
+function $c3311f59335df34d$export$57b87f3e07d4bb90() {
+    return $c3311f59335df34d$var$h("div", "Hello world");
+}
+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)
+    });
+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 , mapPosition: mapPosition = null , fitViewport: fitViewport = true , ...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 mainUIClassName = (0, ($parcel$interopDefault($9B3TU$classnames)))({
+        "detail-panel-open": _detailPanelOpen,
+        "map-context-open": contextPanelOpen
+    }, `context-panel-${contextPanelTrans.stage}`, `map-context-${contextPanelTrans.stage}`, `detail-panel-${detailPanelTrans.stage}`, `map-detail-${detailPanelTrans.stage}`);
+    return $c3311f59335df34d$var$h($c3311f59335df34d$export$fa395a37c3898ae3, {
+        className: (0, ($parcel$interopDefault($9B3TU$classnames)))("map-page", className, {
+            "fit-viewport": fitViewport
+        }),
+        mapPosition: mapPosition
+    }, [
+        $c3311f59335df34d$var$h("div.main-ui", {
+            className: mainUIClassName,
+            ...rest
+        }, [
+            $c3311f59335df34d$var$h("div.context-stack", [
+                navbar,
+                $c3311f59335df34d$var$h("div.context-panel-holder", [
+                    $c3311f59335df34d$var$h.if(contextPanelTrans.shouldMount)([
+                        contextPanel
+                    ]), 
+                ]),
+                $c3311f59335df34d$var$h("div.spacer"), 
+            ]),
+            //h(MapView),
+            children ?? mainPanel,
+            $c3311f59335df34d$var$h("div.detail-stack.infodrawer-container", detailStackProps, [
+                detailPanel,
+                $c3311f59335df34d$var$h((0, $9B3TU$macrostratmapboxreact.ZoomControl), {
+                    className: "zoom-control"
+                }),
+                $c3311f59335df34d$var$h("div.spacer"),
+                mapControls, 
+            ]), 
+        ]),
+        $c3311f59335df34d$var$h("div.bottom", null, bottomPanel), 
+    ]);
+}
+const $c3311f59335df34d$var$MapProviders = ({ children: children  })=>$c3311f59335df34d$var$h((0, $9B3TU$macrostratuicomponents.ToasterContext), $c3311f59335df34d$var$h((0, $9B3TU$macrostratmapboxreact.MapboxMapProvider), children));
+const $c3311f59335df34d$export$9fa5da0bcfd0a290 = (props)=>$c3311f59335df34d$var$h($c3311f59335df34d$var$MapProviders, $c3311f59335df34d$var$h($c3311f59335df34d$var$_MapAreaContainer, props));
+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);
+
+
+
+
+
+
+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  }) {
+    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
+    ]);
+    (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();
+        }
+    });
+    (0, $9B3TU$macrostratmapboxreact.useMapEaseToCenter)(infoMarkerPosition, 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: mapIsLoading1 ,  }) {
+    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,
+        mapIsLoading1
+    ]);
+    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;
+}
+
+
+
+var $12b6032029db16d4$exports = {};
+
+$parcel$export($12b6032029db16d4$exports, "MapView", () => $12b6032029db16d4$export$ab1e7a67d6ec5ad8);
+$parcel$export($12b6032029db16d4$exports, "MapTerrainManager", () => $12b6032029db16d4$export$cee395a8a2a00b29);
+
+
+
+
+
+
+var $094b46e231302b09$exports = {};
+
+$parcel$export($094b46e231302b09$exports, "map-view-container", () => $094b46e231302b09$export$11aa7dc57218208d, (v) => $094b46e231302b09$export$11aa7dc57218208d = v);
+$parcel$export($094b46e231302b09$exports, "mapbox-map", () => $094b46e231302b09$export$d0dcaf774d09fc4c, (v) => $094b46e231302b09$export$d0dcaf774d09fc4c = v);
+var $094b46e231302b09$export$11aa7dc57218208d;
+var $094b46e231302b09$export$d0dcaf774d09fc4c;
+$094b46e231302b09$export$11aa7dc57218208d = `-mD4Aa_map-view-container`;
+$094b46e231302b09$export$d0dcaf774d09fc4c = `-mD4Aa_mapbox-map`;
+
+
+
+function $ecfbeec2ae4211a4$export$b730542ee281c4b1(map, shouldEnable, sourceID = null) {
+    let demSourceID = (sourceID ?? $ecfbeec2ae4211a4$var$getTerrainSourceID(map)) ?? "mapbox-dem";
+    console.log("Enabling 3D terrain with source", demSourceID);
+    if (!map.style?._loaded) {
+        map.once("style.load", ()=>{
+            $ecfbeec2ae4211a4$export$b730542ee281c4b1(map, shouldEnable, demSourceID);
+        });
+        return;
+    }
+    // Enable or disable terrain depending on our current desires...
+    const currentTerrain = map.getTerrain();
+    if (!shouldEnable) {
+        if (currentTerrain != null) map.setTerrain(null);
+        return;
+    }
+    if (currentTerrain != null) return;
+    // Add a DEM source if one is not found already.
+    if (map.getSource(demSourceID) == null) map.addSource(demSourceID, {
+        type: "raster-dem",
+        url: "mapbox://mapbox.mapbox-terrain-dem-v1",
+        tileSize: 512,
+        maxzoom: 14
+    });
+    // add a sky layer that will show when the map is highly pitched
+    if (map.getLayer("sky") == null) map.addLayer({
+        id: "sky",
+        type: "sky",
+        paint: {
+            "sky-type": "atmosphere",
+            "sky-atmosphere-sun": [
+                0.0,
+                0.0
+            ],
+            "sky-atmosphere-sun-intensity": 15
+        }
+    });
+    map.setTerrain({
+        source: demSourceID,
+        exaggeration: 1
+    });
+}
+function $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($094b46e231302b09$exports))),
+    ...(0, (/*@__PURE__*/$parcel$interopDefault($35f1bc0112883d51$exports)))
+});
+function $12b6032029db16d4$var$defaultInitializeMap(container, args = {}) {
+    const { mapPosition: mapPosition , ...rest } = 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 , accessToken: accessToken , infoMarkerPosition: infoMarkerPosition , transformRequest: transformRequest , projection: projection , onMapLoaded: onMapLoaded = null , onStyleLoaded: onStyleLoaded = null , ...rest } = props;
+    if (enableTerrain) terrainSourceID ??= "mapbox-3d-dem";
+    if (accessToken != null) (0, ($parcel$interopDefault($9B3TU$mapboxgl))).accessToken = accessToken;
+    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)(()=>{
+        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.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)),
+        $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 map1 = (0, $9B3TU$macrostratmapboxreact.useMapRef)();
+    (0, $9B3TU$macrostratmapboxreact.useMapConditionalStyle)(map1, 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, "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$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$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,
+        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 [isLoaded1, 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 (!isLoaded1) 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: features1  }) {
+    /** Group features by source and sourceLayer */ if (features1 == null) return null;
+    const groups = (0, $9B3TU$d3array.group)(features1, (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
+        })));
+}
+
+
+let $6f5ca387ac26c0b5$export$dce4b6e67bb5f25a;
+(function(MacrostratVectorTileset1) {
+    MacrostratVectorTileset1["Carto"] = "carto";
+    MacrostratVectorTileset1["CartoSlim"] = "carto-slim";
+    MacrostratVectorTileset1["IGCPOrogens"] = "igcp-orogens";
+})($6f5ca387ac26c0b5$export$dce4b6e67bb5f25a || ($6f5ca387ac26c0b5$export$dce4b6e67bb5f25a = {}));
+let $6f5ca387ac26c0b5$export$cc7c195070dfb906;
+(function(MacrostratRasterTileset1) {
+    MacrostratRasterTileset1["Carto"] = "carto";
+    MacrostratRasterTileset1["Emphasized"] = "emphasized";
+})($6f5ca387ac26c0b5$export$cc7c195070dfb906 || ($6f5ca387ac26c0b5$export$cc7c195070dfb906 = {}));
+const $6f5ca387ac26c0b5$export$dda1d9f60106f0e9 = (0, ($parcel$interopDefault($9B3TU$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($33088e8384af337c$exports))));
+function $6f5ca387ac26c0b5$export$2391061fbdfb71ef({ title: title = "Map inspector" , headerElement: headerElement = null , transformRequest: transformRequest = null , mapPosition: mapPosition = null , mapboxToken: mapboxToken = null , overlayStyle: overlayStyle = null , children: children , style: style , focusedSource: focusedSource = null , focusedSourceTitle: focusedSourceTitle = null , projection: projection = null  }) {
+    /* We apply a custom style to the panel container when we are interacting
+    with the search bar, so that we can block map interactions until search
+    bar focus is lost.
+    We also apply a custom style when the infodrawer is open so we can hide
+    the search bar on mobile platforms
+  */ const dark = (0, $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);
+    (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
+        };
+    }
+    console.log("Style", actualStyle);
+    return $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $c3311f59335df34d$export$9fa5da0bcfd0a290), {
+        navbar: $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $fce5fc950d1fe35b$export$a8cc0062d02a3841), [
+            headerElement ?? $6f5ca387ac26c0b5$export$dda1d9f60106f0e9("h2", title),
+            $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $9B3TU$macrostratuicomponents.Spacer)),
+            $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $fce5fc950d1fe35b$export$9e3bae3c08bde368), {
+                active: isOpen,
+                onClick: ()=>setOpen(!isOpen)
+            }), 
+        ]),
+        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
+    }, $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $12b6032029db16d4$export$ab1e7a67d6ec5ad8), {
+        style: actualStyle,
+        transformRequest: transformRequest,
+        mapPosition: mapPosition,
+        projection: "globe"
+    }, [
+        $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"
+        }), 
+    ]));
+}
+
+
+
+
+
+$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.map