@macrostrat/map-interface 1.6.0 → 2.0.0

package/dist/cjs/map-interface.8d67cc21.js

@@ -1,100 +0,0 @@
-var $73aabf7647b274a0$exports = require("./map-interface.46d1c77b.js");
-require("./map-interface.368b346c.css");
-var $ae0016a490fce4b5$exports = require("./map-interface.f9611285.js");
-var $5sLQy$macrostrathyper = require("@macrostrat/hyper");
-var $5sLQy$macrostratuicomponents = require("@macrostrat/ui-components");
-var $5sLQy$chromajs = require("chroma-js");
-
-
-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});
-}
-
-$parcel$export(module.exports, "AgeChip", () => $4f556f7b511fe929$export$f5b61c7108f98cd5);
-$parcel$export(module.exports, "AttrChip", () => $4f556f7b511fe929$export$bde077e6dcba34d5);
-
-
-
-
-
-const $4f556f7b511fe929$var$h = (0, ($parcel$interopDefault($5sLQy$macrostrathyper))).styled((0, ($parcel$interopDefault($ae0016a490fce4b5$exports))));
-function $4f556f7b511fe929$var$getColor(color, darkenAmount) {
-    try {
-        return (0, ($parcel$interopDefault($5sLQy$chromajs)))(color).darken(darkenAmount).hex();
-    } catch (err) {
-        return color;
-    }
-}
-function $4f556f7b511fe929$export$3e199285d30e2209(props) {
-    const { interval: interval, className: className, intervalURL: intervalURL } = props;
-    const darkMode = (0, $5sLQy$macrostratuicomponents.useDarkMode)();
-    const darkenAmount = darkMode.isEnabled ? 2 : 0;
-    return $4f556f7b511fe929$var$h("a.chip-link", {
-        href: `${intervalURL}/${interval.int_id}`
-    }, $4f556f7b511fe929$var$h("div.chip.age-chip", {
-        className: className,
-        style: {
-            backgroundColor: $4f556f7b511fe929$var$getColor(interval.color, darkenAmount)
-        }
-    }, [
-        $4f556f7b511fe929$var$h("div.age-chip-interval", interval.int_name),
-        $4f556f7b511fe929$var$h("div.age-chip-age", [
-            $4f556f7b511fe929$var$h($4f556f7b511fe929$var$Age, {
-                age: interval.b_age
-            }),
-            " - ",
-            $4f556f7b511fe929$var$h($4f556f7b511fe929$var$Age, {
-                age: interval.t_age
-            })
-        ])
-    ]));
-}
-function $4f556f7b511fe929$var$Age({ age: age }) {
-    return $4f556f7b511fe929$var$h("span.age", [
-        age,
-        $4f556f7b511fe929$var$h("span.age-chip-ma", [
-            "Ma"
-        ])
-    ]);
-}
-function $4f556f7b511fe929$export$f5b61c7108f98cd5(props) {
-    const { t_int: t_int, b_int: b_int, intervalURL: intervalURL } = props;
-    return $4f556f7b511fe929$var$h("div.age-chip-container", [
-        $4f556f7b511fe929$var$h($4f556f7b511fe929$export$3e199285d30e2209, {
-            interval: b_int,
-            intervalURL: intervalURL
-        }),
-        $4f556f7b511fe929$var$h.if(b_int.int_id != props.t_int.int_id)($4f556f7b511fe929$export$3e199285d30e2209, {
-            interval: t_int,
-            className: "age-chip-t-int",
-            intervalURL: intervalURL
-        })
-    ]);
-}
-function $4f556f7b511fe929$export$bde077e6dcba34d5(props) {
-    const { fill: fill = null, color: color, name: name, className: className, emphasized: emphasized = true, style: style } = props;
-    // Deactivated for now
-    // if (fill) {
-    //   styles["backgroundImage"] = `url('dist/img/geologic-patterns/${fill}.png')`;
-    // }
-    return $4f556f7b511fe929$var$h("div.lith-chip", {
-        style: style,
-        className: className
-    }, [
-        $4f556f7b511fe929$var$h("div.lith-chip-inner.chip", {
-            style: {
-                backgroundColor: (0, $73aabf7647b274a0$exports.hexToRgb)(color, 0.6)
-            },
-            className: emphasized ? "emphasized" : null
-        }, [
-            name
-        ])
-    ]);
-}
-
-
-//# sourceMappingURL=map-interface.8d67cc21.js.map

package/dist/cjs/map-interface.8d67cc21.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,0BAAI,CAAA,GAAA,gDAAI,EAAE,MAAM,CAAC,CAAA,GAAA,mDAAK;AAE5B,SAAS,+BAAS,KAAK,EAAE,YAAY;IACnC,IAAI;QACF,OAAO,CAAA,GAAA,yCAAK,EAAE,OAAO,MAAM,CAAC,cAAc,GAAG;IAC/C,EAAE,OAAO,KAAK;QACZ,OAAO;IACT;AACF;AAEA,SAAS,0CAAa,KAAK;IACzB,MAAM,YAAE,QAAQ,aAAE,SAAS,eAAE,WAAW,EAAE,GAAG;IAC7C,MAAM,WAAW,CAAA,GAAA,yCAAU;IAC3B,MAAM,eAAe,SAAS,SAAS,GAAG,IAAI;IAE9C,OAAO,wBACL,eACA;QACE,MAAM,GAAG,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE;IAC3C,GACA,wBACE,qBACA;mBACE;QACA,OAAO;YACL,iBAAiB,+BAAS,SAAS,KAAK,EAAE;QAC5C;IACF,GACA;QACE,wBAAE,yBAAyB,SAAS,QAAQ;QAC5C,wBAAE,oBAAoB;YACpB,wBAAE,2BAAK;gBAAE,KAAK,SAAS,KAAK;YAAC;YAC7B;YACA,wBAAE,2BAAK;gBAAE,KAAK,SAAS,KAAK;YAAC;SAC9B;KACF;AAGP;AAEA,SAAS,0BAAI,OAAE,GAAG,EAAE;IAClB,OAAO,wBAAE,YAAY;QAAC;QAAK,wBAAE,oBAAoB;YAAC;SAAK;KAAE;AAC3D;AAEA,SAAS,0CAAQ,KAAK;IACpB,MAAM,SAAE,KAAK,SAAE,KAAK,eAAE,WAAW,EAAE,GAAG;IAEtC,OAAO,wBAAE,0BAA0B;QACjC,wBAAE,2CAAc;YAAE,UAAU;yBAAO;QAAY;QAC/C,wBAAE,EAAE,CAAC,MAAM,MAAM,IAAI,MAAM,KAAK,CAAC,MAAM,EAAE,2CAAc;YACrD,UAAU;YACV,WAAW;yBACX;QACF;KACD;AACH;AAEA,SAAS,0CAAS,KAAK;IACrB,MAAM,QACJ,OAAO,aACP,KAAK,QACL,IAAI,aACJ,SAAS,cACT,aAAa,aACb,KAAK,EACN,GAAG;IAEJ,sBAAsB;IACtB,cAAc;IACd,iFAAiF;IACjF,IAAI;IACJ,OAAO,wBAAE,iBAAiB;eAAE;mBAAO;IAAU,GAAG;QAC9C,wBACE,4BACA;YACE,OAAO;gBAAE,iBAAiB,CAAA,GAAA,kCAAO,EAAE,OAAO;YAAK;YAC/C,WAAW,aAAa,eAAe;QACzC,GACA;YAAC;SAAK;KAET;AACH","sources":["packages/map-interface/src/location-details/info-blocks.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport { hexToRgb } from \"./utils\";\nimport styles from \"./info-blocks.module.styl\";\nimport { useDarkMode } from \"@macrostrat/ui-components\";\nimport chroma from \"chroma-js\";\n\nconst h = hyper.styled(styles);\n\nfunction getColor(color, darkenAmount) {\n  try {\n    return chroma(color).darken(darkenAmount).hex();\n  } catch (err) {\n    return color;\n  }\n}\n\nfunction IntervalChip(props) {\n  const { interval, className, intervalURL } = props;\n  const darkMode = useDarkMode();\n  const darkenAmount = darkMode.isEnabled ? 2 : 0;\n\n  return h(\n    \"a.chip-link\",\n    {\n      href: `${intervalURL}/${interval.int_id}`,\n    },\n    h(\n      \"div.chip.age-chip\",\n      {\n        className,\n        style: {\n          backgroundColor: getColor(interval.color, darkenAmount),\n        },\n      },\n      [\n        h(\"div.age-chip-interval\", interval.int_name),\n        h(\"div.age-chip-age\", [\n          h(Age, { age: interval.b_age }),\n          \" - \",\n          h(Age, { age: interval.t_age }),\n        ]),\n      ],\n    ),\n  );\n}\n\nfunction Age({ age }) {\n  return h(\"span.age\", [age, h(\"span.age-chip-ma\", [\"Ma\"])]);\n}\n\nfunction AgeChip(props) {\n  const { t_int, b_int, intervalURL } = props;\n\n  return h(\"div.age-chip-container\", [\n    h(IntervalChip, { interval: b_int, intervalURL }),\n    h.if(b_int.int_id != props.t_int.int_id)(IntervalChip, {\n      interval: t_int,\n      className: \"age-chip-t-int\",\n      intervalURL,\n    }),\n  ]);\n}\n\nfunction AttrChip(props) {\n  const {\n    fill = null,\n    color,\n    name,\n    className,\n    emphasized = true,\n    style,\n  } = props;\n\n  // Deactivated for now\n  // if (fill) {\n  //   styles[\"backgroundImage\"] = `url('dist/img/geologic-patterns/${fill}.png')`;\n  // }\n  return h(\"div.lith-chip\", { style, className }, [\n    h(\n      \"div.lith-chip-inner.chip\",\n      {\n        style: { backgroundColor: hexToRgb(color, 0.6) },\n        className: emphasized ? \"emphasized\" : null,\n      },\n      [name],\n    ),\n  ]);\n}\n\nexport { AgeChip, AttrChip, IntervalChip };\n"],"names":[],"version":3,"file":"map-interface.8d67cc21.js.map"}

package/dist/cjs/map-interface.99a048dc.js

@@ -1,79 +0,0 @@
-var $35f1bc0112883d51$exports = require("./map-interface.a9fe0f5d.js");
-require("./map-interface.4a401c1f.css");
-var $9ks7g$react = require("react");
-var $9ks7g$mapboxgl = require("mapbox-gl");
-var $9ks7g$macrostrathyper = require("@macrostrat/hyper");
-var $9ks7g$macrostratmapboxreact = require("@macrostrat/mapbox-react");
-var $9ks7g$macrostratuicomponents = require("@macrostrat/ui-components");
-
-
-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});
-}
-
-$parcel$export(module.exports, "MapBottomControls", () => $f333fe6f49373ca9$export$db1a2e058a06fb5c);
-
-
-
-
-
-
-const $f333fe6f49373ca9$var$h = (0, ($parcel$interopDefault($9ks7g$macrostrathyper))).styled((0, ($parcel$interopDefault($35f1bc0112883d51$exports))));
-function $f333fe6f49373ca9$var$ScaleControl(props) {
-    const optionsRef = (0, $9ks7g$react.useRef)({
-        maxWidth: 200,
-        unit: "metric"
-    });
-    return $f333fe6f49373ca9$var$h((0, $9ks7g$macrostratmapboxreact.MapControlWrapper), {
-        className: "map-scale-control",
-        control: (0, $9ks7g$mapboxgl.ScaleControl),
-        options: optionsRef.current,
-        ...props
-    });
-}
-function $f333fe6f49373ca9$var$GeolocationControl(props) {
-    const optionsRef = (0, $9ks7g$react.useRef)({
-        showAccuracyCircle: true,
-        showUserLocation: true,
-        trackUserLocation: true,
-        positionOptions: {
-            enableHighAccuracy: true
-        }
-    });
-    return $f333fe6f49373ca9$var$h((0, $9ks7g$macrostratmapboxreact.MapControlWrapper), {
-        control: (0, $9ks7g$mapboxgl.GeolocateControl),
-        options: optionsRef.current,
-        ...props
-    });
-}
-function $f333fe6f49373ca9$export$db1a2e058a06fb5c({ children: children }) {
-    const { isInitialized: isInitialized } = (0, $9ks7g$macrostratmapboxreact.useMapStatus)();
-    if (!isInitialized) return null;
-    return $f333fe6f49373ca9$var$h("div.map-controls", [
-        $f333fe6f49373ca9$var$h($f333fe6f49373ca9$var$ScaleControl),
-        $f333fe6f49373ca9$var$h((0, $9ks7g$macrostratmapboxreact.ThreeDControl), {
-            className: "map-3d-control"
-        }),
-        $f333fe6f49373ca9$var$h((0, $9ks7g$macrostratmapboxreact.CompassControl), {
-            className: "compass-control"
-        }),
-        $f333fe6f49373ca9$var$h((0, $9ks7g$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, $9ks7g$macrostratuicomponents.DevToolsButtonSlot), {
-            className: "map-control"
-        }),
-        children
-    ]);
-}
-
-
-//# sourceMappingURL=map-interface.99a048dc.js.map

package/dist/cjs/map-interface.99a048dc.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,0BAAI,CAAA,GAAA,gDAAI,EAAE,MAAM,CAAC,CAAA,GAAA,mDAAK;AAE5B,SAAS,mCAAa,KAAK;IACzB,MAAM,aAAa,CAAA,GAAA,mBAAK,EAAE;QACxB,UAAU;QACV,MAAM;IACR;IACA,OAAO,wBAAE,CAAA,GAAA,8CAAgB,GAAG;QAC1B,WAAW;QACX,SAAS,CAAA,GAAA,4BAAe;QACxB,SAAS,WAAW,OAAO;QAC3B,GAAG,KAAK;IACV;AACF;AAEA,SAAS,yCAAmB,KAAK;IAC/B,MAAM,aAAa,CAAA,GAAA,mBAAK,EAAE;QACxB,oBAAoB;QACpB,kBAAkB;QAClB,mBAAmB;QACnB,iBAAiB;YACf,oBAAoB;QACtB;IACF;IACA,OAAO,wBAAE,CAAA,GAAA,8CAAgB,GAAG;QAC1B,SAAS,CAAA,GAAA,gCAAe;QACxB,SAAS,WAAW,OAAO;QAC3B,GAAG,KAAK;IACV;AACF;AAEO,SAAS,0CAAkB,YAAE,QAAQ,EAAE;IAC5C,MAAM,iBAAE,aAAa,EAAE,GAAG,CAAA,GAAA,yCAAW;IAErC,IAAI,CAAC,eACH,OAAO;IAGT,OAAO,wBAAE,oBAAoB;QAC3B,wBAAE;QACF,wBAAE,CAAA,GAAA,0CAAY,GAAG;YAAE,WAAW;QAAiB;QAC/C,wBAAE,CAAA,GAAA,2CAAa,GAAG;YAAE,WAAW;QAAkB;QACjD,wBAAE,CAAA,GAAA,yCAAW,GAAG;YAAE,WAAW;QAAgB;QAC7C,wBAAE,0CAAoB;YAAE,WAAW;QAAsB;QACzD,+DAA+D;QAC/D,wBAAE,CAAA,GAAA,gDAAiB,GAAG;YAAE,WAAW;QAAc;QACjD;KACD;AACH","sources":["packages/map-interface/src/controls.ts"],"sourcesContent":["import { useRef } from \"react\";\nimport { GeolocateControl } from \"mapbox-gl\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport {\n  CompassControl,\n  GlobeControl,\n  ThreeDControl,\n  MapControlWrapper,\n  useMapStatus,\n} from \"@macrostrat/mapbox-react\";\nimport { ScaleControl as BaseScaleControl } from \"mapbox-gl\";\nimport { DevToolsButtonSlot } from \"@macrostrat/ui-components\";\n\nconst h = hyper.styled(styles);\n\nfunction ScaleControl(props) {\n  const optionsRef = useRef({\n    maxWidth: 200,\n    unit: \"metric\",\n  });\n  return h(MapControlWrapper, {\n    className: \"map-scale-control\",\n    control: BaseScaleControl,\n    options: optionsRef.current,\n    ...props,\n  });\n}\n\nfunction GeolocationControl(props) {\n  const optionsRef = useRef({\n    showAccuracyCircle: true,\n    showUserLocation: true,\n    trackUserLocation: true,\n    positionOptions: {\n      enableHighAccuracy: true,\n    },\n  });\n  return h(MapControlWrapper, {\n    control: GeolocateControl,\n    options: optionsRef.current,\n    ...props,\n  });\n}\n\nexport function MapBottomControls({ children }) {\n  const { isInitialized } = useMapStatus();\n\n  if (!isInitialized) {\n    return null;\n  }\n\n  return h(\"div.map-controls\", [\n    h(ScaleControl),\n    h(ThreeDControl, { className: \"map-3d-control\" }),\n    h(CompassControl, { className: \"compass-control\" }),\n    h(GlobeControl, { className: \"globe-control\" }),\n    h(GeolocationControl, { className: \"geolocation-control\" }),\n    // If we have global development tools enabled, show the button\n    h(DevToolsButtonSlot, { className: \"map-control\" }),\n    children,\n  ]);\n}\n"],"names":[],"version":3,"file":"map-interface.99a048dc.js.map"}

package/dist/cjs/map-interface.a3c2552f.js

@@ -1,33 +0,0 @@
-var $6f5ca387ac26c0b5$exports = require("./map-interface.a960d638.js");
-var $abbe8d0af34cbbed$exports = require("./map-interface.f8826069.js");
-var $db14eb7a5c07abdb$exports = require("./map-interface.e9bcd5c0.js");
-var $8646508ae99a5857$exports = require("./map-interface.4c5addca.js");
-
-
-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;
-}
-
-
-
-
-$parcel$exportWildcard(module.exports, $6f5ca387ac26c0b5$exports);
-$parcel$exportWildcard(module.exports, $abbe8d0af34cbbed$exports);
-$parcel$exportWildcard(module.exports, $db14eb7a5c07abdb$exports);
-$parcel$exportWildcard(module.exports, $8646508ae99a5857$exports);
-
-
-//# sourceMappingURL=map-interface.a3c2552f.js.map

package/dist/cjs/map-interface.a3c2552f.js.map

@@ -1 +0,0 @@
-{"mappings":"","sources":["packages/map-interface/src/dev/index.ts"],"sourcesContent":["export * from \"./map-page\";\nexport * from \"./tile-extent\";\nexport * from \"./vector-tile-features\";\nexport * from \"./xray\";\n"],"names":[],"version":3,"file":"map-interface.a3c2552f.js.map"}

package/dist/cjs/map-interface.a960d638.js

@@ -1,185 +0,0 @@
-var $8646508ae99a5857$exports = require("./map-interface.4c5addca.js");
-var $c3311f59335df34d$exports = require("./map-interface.bda26b27.js");
-var $fce5fc950d1fe35b$exports = require("./map-interface.0e252a74.js");
-var $2611a7b4364593e5$exports = require("./map-interface.cf6c9a68.js");
-var $2bc7c1e4e7da7fdf$exports = require("./map-interface.67001b26.js");
-var $493deb9ab6b848e3$exports = require("./map-interface.7bdbe4b6.js");
-var $33088e8384af337c$exports = require("./map-interface.abe5fe65.js");
-require("./map-interface.26497065.css");
-var $abbe8d0af34cbbed$exports = require("./map-interface.f8826069.js");
-var $db14eb7a5c07abdb$exports = require("./map-interface.e9bcd5c0.js");
-var $g1A1s$blueprintjscore = require("@blueprintjs/core");
-var $g1A1s$macrostrathyper = require("@macrostrat/hyper");
-var $g1A1s$macrostratuicomponents = require("@macrostrat/ui-components");
-var $g1A1s$mapboxgl = require("mapbox-gl");
-var $g1A1s$react = require("react");
-
-
-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});
-}
-
-$parcel$export(module.exports, "h", () => $6f5ca387ac26c0b5$export$dda1d9f60106f0e9);
-$parcel$export(module.exports, "MapInspectorV2", () => $6f5ca387ac26c0b5$export$eab3034e57b46e26);
-$parcel$export(module.exports, "DevMapPage", () => $6f5ca387ac26c0b5$export$2391061fbdfb71ef);
-// Import other components
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const $6f5ca387ac26c0b5$export$dda1d9f60106f0e9 = (0, ($parcel$interopDefault($g1A1s$macrostrathyper))).styled((0, ($parcel$interopDefault($33088e8384af337c$exports))));
-function $6f5ca387ac26c0b5$export$eab3034e57b46e26({ title: title = "Map inspector", headerElement: headerElement = null, transformRequest: transformRequest = null, mapPosition: mapPosition = null, mapboxToken: mapboxToken = null, overlayStyle: overlayStyle = null, controls: controls = null, children: children = null, style: style, bounds: bounds = null, focusedSource: focusedSource = null, focusedSourceTitle: focusedSourceTitle = null, fitViewport: fitViewport = true, styleType: styleType = "macrostrat", ...rest }) {
-    /* 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, $g1A1s$macrostratuicomponents.useDarkMode)();
-    const isEnabled = dark?.isEnabled;
-    if (mapboxToken != null) (0, ($parcel$interopDefault($g1A1s$mapboxgl))).accessToken = mapboxToken;
-    const basicStyle = (0, $2611a7b4364593e5$exports.useBasicMapStyle)({
-        styleType: styleType
-    });
-    style ??= basicStyle;
-    const [isOpen, setOpen] = (0, $g1A1s$react.useState)(false);
-    const [state, setState] = (0, $g1A1s$macrostratuicomponents.useStoredState)("macrostrat:dev-map-page", {
-        showTileExtent: false,
-        xRay: false
-    });
-    const { showTileExtent: showTileExtent, xRay: xRay } = state;
-    const [actualStyle, setActualStyle] = (0, $g1A1s$react.useState)(null);
-    (0, $g1A1s$react.useEffect)(()=>{
-        (0, $8646508ae99a5857$exports.buildInspectorStyle)(style, overlayStyle, {
-            mapboxToken: mapboxToken,
-            inDarkMode: isEnabled,
-            xRay: xRay
-        }).then(setActualStyle);
-    }, [
-        style,
-        xRay,
-        mapboxToken,
-        isEnabled,
-        overlayStyle
-    ]);
-    const [inspectPosition, setInspectPosition] = (0, $g1A1s$react.useState)(null);
-    const [data, setData] = (0, $g1A1s$react.useState)(null);
-    const onSelectPosition = (0, $g1A1s$react.useCallback)((position)=>{
-        setInspectPosition(position);
-    }, []);
-    let detailElement = null;
-    if (inspectPosition != null) detailElement = $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $2bc7c1e4e7da7fdf$exports.LocationPanel), {
-        onClose () {
-            setInspectPosition(null);
-        },
-        position: inspectPosition
-    }, [
-        $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $db14eb7a5c07abdb$exports.TileInfo), {
-            feature: data?.[0] ?? null,
-            showExtent: showTileExtent,
-            setShowExtent () {
-                setState({
-                    ...state,
-                    showTileExtent: !showTileExtent
-                });
-            }
-        }),
-        $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $db14eb7a5c07abdb$exports.FeaturePanel), {
-            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$exports.MapAreaContainer), {
-        navbar: $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $fce5fc950d1fe35b$exports.FloatingNavbar), {
-            rightElement: $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $fce5fc950d1fe35b$exports.MapLoadingButton), {
-                large: true,
-                active: isOpen,
-                onClick: ()=>setOpen(!isOpen),
-                style: {
-                    marginRight: "-5px"
-                }
-            }),
-            headerElement: headerElement,
-            title: title
-        }),
-        contextPanel: $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $c3311f59335df34d$exports.PanelCard), [
-            controls,
-            $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $g1A1s$blueprintjscore.Switch), {
-                checked: xRay,
-                label: "X-ray mode",
-                onChange () {
-                    setState({
-                        ...state,
-                        xRay: !xRay
-                    });
-                }
-            })
-        ]),
-        detailPanel: detailElement,
-        contextPanelOpen: isOpen,
-        fitViewport: fitViewport
-    }, $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $493deb9ab6b848e3$exports.MapView), {
-        style: actualStyle,
-        transformRequest: transformRequest,
-        mapPosition: mapPosition,
-        projection: {
-            name: "globe"
-        },
-        mapboxToken: mapboxToken,
-        bounds: bounds,
-        ...rest
-    }, [
-        $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $db14eb7a5c07abdb$exports.FeatureSelectionHandler), {
-            selectedLocation: inspectPosition,
-            setFeatures: setData
-        }),
-        $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $2611a7b4364593e5$exports.MapMarker), {
-            position: inspectPosition,
-            setPosition: onSelectPosition
-        }),
-        $6f5ca387ac26c0b5$export$dda1d9f60106f0e9((0, $abbe8d0af34cbbed$exports.TileExtentLayer), {
-            tile: tile,
-            color: isEnabled ? "white" : "black"
-        }),
-        children
-    ]));
-}
-function $6f5ca387ac26c0b5$var$MapInspector(props) {
-    const { children: children, controls: controls, ...rest } = props;
-    /** Compatibility wrapper for MapInspectorV2 */ // React warning about this legacy usage
-    console.warn("MapInspector is deprecated. Use MapInspectorV2 instead");
-    return $6f5ca387ac26c0b5$export$dda1d9f60106f0e9($6f5ca387ac26c0b5$export$eab3034e57b46e26, {
-        ...rest,
-        controls: [
-            children,
-            controls
-        ]
-    });
-}
-const $6f5ca387ac26c0b5$export$2391061fbdfb71ef = $6f5ca387ac26c0b5$var$MapInspector;
-
-
-//# sourceMappingURL=map-interface.a960d638.js.map

package/dist/cjs/map-interface.a960d638.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0BAA0B;;;;;;;;;;;;;;;AAsBnB,MAAM,4CAAI,CAAA,GAAA,gDAAI,EAAE,MAAM,CAAC,CAAA,GAAA,mDAAK;AAqB5B,SAAS,0CAAe,SAC7B,QAAQ,gCACR,gBAAgB,wBAChB,mBAAmB,mBACnB,cAAc,mBACd,cAAc,oBACd,eAAe,gBACf,WAAW,gBACX,WAAW,aACX,KAAK,UACL,SAAS,qBACT,gBAAgB,0BAChB,qBAAqB,mBACrB,cAAc,iBACd,YAAY,cACZ,GAAG,MACe;IAClB;;;;;EAKA,GAEA,MAAM,OAAO,CAAA,GAAA,yCAAU;IACvB,MAAM,YAAY,MAAM;IAExB,IAAI,eAAe,MACjB,CAAA,GAAA,yCAAO,EAAE,WAAW,GAAG;IAGzB,MAAM,aAAa,CAAA,GAAA,0CAAe,EAAE;mBAAE;IAAU;IAChD,UAAU;IAEV,MAAM,CAAC,QAAQ,QAAQ,GAAG,CAAA,GAAA,qBAAO,EAAE;IAEnC,MAAM,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,4CAAa,EAAE,2BAA2B;QAClE,gBAAgB;QAChB,MAAM;IACR;IACA,MAAM,kBAAE,cAAc,QAAE,IAAI,EAAE,GAAG;IAEjC,MAAM,CAAC,aAAa,eAAe,GAAG,CAAA,GAAA,qBAAO,EAAE;IAE/C,CAAA,GAAA,sBAAQ,EAAE;QACR,CAAA,GAAA,6CAAkB,EAAE,OAAO,cAAc;yBACvC;YACA,YAAY;kBACZ;QACF,GAAG,IAAI,CAAC;IACV,GAAG;QAAC;QAAO;QAAM;QAAa;QAAW;KAAa;IAEtD,MAAM,CAAC,iBAAiB,mBAAmB,GACzC,CAAA,GAAA,qBAAO,EAA0B;IAEnC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAA,GAAA,qBAAO,EAAE;IAEjC,MAAM,mBAAmB,CAAA,GAAA,wBAAU,EAAE,CAAC;QACpC,mBAAmB;IACrB,GAAG,EAAE;IAEL,IAAI,gBAAgB;IACpB,IAAI,mBAAmB,MACrB,gBAAgB,0CACd,CAAA,GAAA,uCAAY,GACZ;QACE;YACE,mBAAmB;QACrB;QACA,UAAU;IACZ,GACA;QACE,0CAAE,CAAA,GAAA,kCAAO,GAAG;YACV,SAAS,MAAM,CAAC,EAAE,IAAI;YACtB,YAAY;YACZ;gBACE,SAAS;oBAAE,GAAG,KAAK;oBAAE,gBAAgB,CAAC;gBAAe;YACvD;QACF;QACA,0CAAE,CAAA,GAAA,sCAAW,GAAG;YAAE,UAAU;2BAAM;gCAAe;QAAmB;KACrE;IAIL,IAAI,OAAO;IACX,IAAI,kBAAkB,MAAM,CAAC,EAAE,IAAI,MAAM;QACvC,IAAI,IAAI,IAAI,CAAC,EAAE;QACf,OAAO;YAAE,GAAG,EAAE,EAAE;YAAE,GAAG,EAAE,EAAE;YAAE,GAAG,EAAE,EAAE;QAAC;IACrC;IAEA,OAAO,0CACL,CAAA,GAAA,0CAAe,GACf;QACE,QAAQ,0CAAE,CAAA,GAAA,wCAAa,GAAG;YACxB,cAAc,0CAAE,CAAA,GAAA,0CAAe,GAAG;gBAChC,OAAO;gBACP,QAAQ;gBACR,SAAS,IAAM,QAAQ,CAAC;gBACxB,OAAO;oBACL,aAAa;gBACf;YACF;2BACA;mBACA;QACF;QACA,cAAc,0CAAE,CAAA,GAAA,mCAAQ,GAAG;YACzB;YACA,0CAAE,CAAA,GAAA,6BAAK,GAAG;gBACR,SAAS;gBACT,OAAO;gBACP;oBACE,SAAS;wBAAE,GAAG,KAAK;wBAAE,MAAM,CAAC;oBAAK;gBACnC;YACF;SACD;QACD,aAAa;QACb,kBAAkB;qBAClB;IACF,GACA,0CACE,CAAA,GAAA,iCAAM,GACN;QACE,OAAO;0BACP;qBACA;QACA,YAAY;YAAE,MAAM;QAAQ;qBAC5B;gBACA;QACA,GAAG,IAAI;IACT,GACA;QACE,0CAAE,CAAA,GAAA,iDAAsB,GAAG;YACzB,kBAAkB;YAClB,aAAa;QACf;QACA,0CAAE,CAAA,GAAA,mCAAQ,GAAG;YACX,UAAU;YACV,aAAa;QACf;QACA,0CAAE,CAAA,GAAA,yCAAc,GAAG;kBAAE;YAAM,OAAO,YAAY,UAAU;QAAQ;QAChE;KACD;AAGP;AAEA,SAAS,mCAAa,KAAK;IACzB,MAAM,YAAE,QAAQ,YAAE,QAAQ,EAAE,GAAG,MAAM,GAAG;IACxC,6CAA6C,GAC7C,wCAAwC;IACxC,QAAQ,IAAI,CAAC;IAEb,OAAO,0CAAE,2CAAgB;QACvB,GAAG,IAAI;QACP,UAAU;YAAC;YAAU;SAAS;IAChC;AACF;AAGO,MAAM,4CAAa","sources":["packages/map-interface/src/dev/map-page.ts"],"sourcesContent":["// Import other components\nimport { Switch } from \"@blueprintjs/core\";\nimport hyper from \"@macrostrat/hyper\";\nimport { useDarkMode, useStoredState } from \"@macrostrat/ui-components\";\nimport mapboxgl from \"mapbox-gl\";\nimport React from \"react\";\nimport { useCallback, useState, useEffect } from \"react\";\nimport { buildInspectorStyle } from \"./xray\";\nimport { MapAreaContainer, PanelCard } from \"../container\";\nimport { FloatingNavbar, MapLoadingButton } from \"../context-panel\";\nimport { MapMarker, useBasicMapStyle } from \"../helpers\";\nimport { LocationPanel } from \"../location-panel\";\nimport { MapView, MapViewProps } from \"../map-view\";\nimport styles from \"./main.module.sass\";\nimport { TileExtentLayer } from \"./tile-extent\";\nimport {\n  FeaturePanel,\n  FeatureSelectionHandler,\n  TileInfo,\n} from \"./vector-tile-features\";\nimport { MapPosition } from \"@macrostrat/mapbox-utils\";\n\nexport const h = hyper.styled(styles);\n\ninterface MapInspectorProps extends MapViewProps {\n  headerElement?: React.ReactNode;\n  transformRequest?: mapboxgl.RequestTransformFunction;\n  title?: string;\n  style?: mapboxgl.StyleSpecification | string;\n  controls?: React.ReactNode;\n  children?: React.ReactNode;\n  mapboxToken?: string;\n  overlayStyle?: mapboxgl.StyleSpecification | string;\n  focusedSource?: string;\n  focusedSourceTitle?: string;\n  projection?: string;\n  mapPosition?: MapPosition;\n  bounds?: [number, number, number, number];\n  fitViewport?: boolean;\n  styleType?: \"standard\" | \"macrostrat\";\n  enableTerrain?: boolean;\n}\n\nexport function MapInspectorV2({\n  title = \"Map inspector\",\n  headerElement = null,\n  transformRequest = null,\n  mapPosition = null,\n  mapboxToken = null,\n  overlayStyle = null,\n  controls = null,\n  children = null,\n  style,\n  bounds = null,\n  focusedSource = null,\n  focusedSourceTitle = null,\n  fitViewport = true,\n  styleType = \"macrostrat\",\n  ...rest\n}: MapInspectorProps) {\n  /* We apply a custom style to the panel container when we are interacting\n    with the search bar, so that we can block map interactions until search\n    bar focus is lost.\n    We also apply a custom style when the infodrawer is open so we can hide\n    the search bar on mobile platforms\n  */\n\n  const dark = useDarkMode();\n  const isEnabled = dark?.isEnabled;\n\n  if (mapboxToken != null) {\n    mapboxgl.accessToken = mapboxToken;\n  }\n\n  const basicStyle = useBasicMapStyle({ styleType });\n  style ??= basicStyle;\n\n  const [isOpen, setOpen] = useState(false);\n\n  const [state, setState] = useStoredState(\"macrostrat:dev-map-page\", {\n    showTileExtent: false,\n    xRay: false,\n  });\n  const { showTileExtent, xRay } = state;\n\n  const [actualStyle, setActualStyle] = useState(null);\n\n  useEffect(() => {\n    buildInspectorStyle(style, overlayStyle, {\n      mapboxToken,\n      inDarkMode: isEnabled,\n      xRay,\n    }).then(setActualStyle);\n  }, [style, xRay, mapboxToken, isEnabled, overlayStyle]);\n\n  const [inspectPosition, setInspectPosition] =\n    useState<mapboxgl.LngLat | null>(null);\n\n  const [data, setData] = useState(null);\n\n  const onSelectPosition = useCallback((position: mapboxgl.LngLat) => {\n    setInspectPosition(position);\n  }, []);\n\n  let detailElement = null;\n  if (inspectPosition != null) {\n    detailElement = h(\n      LocationPanel,\n      {\n        onClose() {\n          setInspectPosition(null);\n        },\n        position: inspectPosition,\n      },\n      [\n        h(TileInfo, {\n          feature: data?.[0] ?? null,\n          showExtent: showTileExtent,\n          setShowExtent() {\n            setState({ ...state, showTileExtent: !showTileExtent });\n          },\n        }),\n        h(FeaturePanel, { features: data, focusedSource, focusedSourceTitle }),\n      ],\n    );\n  }\n\n  let tile = null;\n  if (showTileExtent && data?.[0] != null) {\n    let f = data[0];\n    tile = { x: f._x, y: f._y, z: f._z };\n  }\n\n  return h(\n    MapAreaContainer,\n    {\n      navbar: h(FloatingNavbar, {\n        rightElement: h(MapLoadingButton, {\n          large: true,\n          active: isOpen,\n          onClick: () => setOpen(!isOpen),\n          style: {\n            marginRight: \"-5px\",\n          },\n        }),\n        headerElement,\n        title,\n      }),\n      contextPanel: h(PanelCard, [\n        controls,\n        h(Switch, {\n          checked: xRay,\n          label: \"X-ray mode\",\n          onChange() {\n            setState({ ...state, xRay: !xRay });\n          },\n        }),\n      ]),\n      detailPanel: detailElement,\n      contextPanelOpen: isOpen,\n      fitViewport,\n    },\n    h(\n      MapView,\n      {\n        style: actualStyle,\n        transformRequest,\n        mapPosition,\n        projection: { name: \"globe\" },\n        mapboxToken,\n        bounds,\n        ...rest,\n      },\n      [\n        h(FeatureSelectionHandler, {\n          selectedLocation: inspectPosition,\n          setFeatures: setData,\n        }),\n        h(MapMarker, {\n          position: inspectPosition,\n          setPosition: onSelectPosition,\n        }),\n        h(TileExtentLayer, { tile, color: isEnabled ? \"white\" : \"black\" }),\n        children,\n      ],\n    ),\n  );\n}\n\nfunction MapInspector(props) {\n  const { children, controls, ...rest } = props;\n  /** Compatibility wrapper for MapInspectorV2 */\n  // React warning about this legacy usage\n  console.warn(\"MapInspector is deprecated. Use MapInspectorV2 instead\");\n\n  return h(MapInspectorV2, {\n    ...rest,\n    controls: [children, controls],\n  });\n}\n\n// Legacy export\nexport const DevMapPage = MapInspector;\n"],"names":[],"version":3,"file":"map-interface.a960d638.js.map"}

package/dist/cjs/map-interface.a9fe0f5d.js

@@ -1,170 +0,0 @@
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "map-container", () => $35f1bc0112883d51$export$d7f2c44afcf5df56, (v) => $35f1bc0112883d51$export$d7f2c44afcf5df56 = v);
-$parcel$export(module.exports, "show-panel-outlines", () => $35f1bc0112883d51$export$e163bcc0a29d66c, (v) => $35f1bc0112883d51$export$e163bcc0a29d66c = v);
-$parcel$export(module.exports, "map-view-container", () => $35f1bc0112883d51$export$11aa7dc57218208d, (v) => $35f1bc0112883d51$export$11aa7dc57218208d = v);
-$parcel$export(module.exports, "fit-viewport", () => $35f1bc0112883d51$export$2a73fca7b70dce31, (v) => $35f1bc0112883d51$export$2a73fca7b70dce31 = v);
-$parcel$export(module.exports, "compass-control", () => $35f1bc0112883d51$export$cc73204c64cc0950, (v) => $35f1bc0112883d51$export$cc73204c64cc0950 = v);
-$parcel$export(module.exports, "map-is-rotated", () => $35f1bc0112883d51$export$d2972e7dfac51dc2, (v) => $35f1bc0112883d51$export$d2972e7dfac51dc2 = v);
-$parcel$export(module.exports, "map-3d-control", () => $35f1bc0112883d51$export$142b9410c523ef40, (v) => $35f1bc0112883d51$export$142b9410c523ef40 = v);
-$parcel$export(module.exports, "map-3d-available", () => $35f1bc0112883d51$export$6bc2d6545947abbc, (v) => $35f1bc0112883d51$export$6bc2d6545947abbc = v);
-$parcel$export(module.exports, "globe-control", () => $35f1bc0112883d51$export$b06313b17bd37b68, (v) => $35f1bc0112883d51$export$b06313b17bd37b68 = v);
-$parcel$export(module.exports, "map-is-global", () => $35f1bc0112883d51$export$ea9cfbb56edd0e47, (v) => $35f1bc0112883d51$export$ea9cfbb56edd0e47 = v);
-$parcel$export(module.exports, "detail-panel-open", () => $35f1bc0112883d51$export$62a60ea2feb29c53, (v) => $35f1bc0112883d51$export$62a60ea2feb29c53 = v);
-$parcel$export(module.exports, "zoom-control", () => $35f1bc0112883d51$export$61e54aa1efb913ad, (v) => $35f1bc0112883d51$export$61e54aa1efb913ad = v);
-$parcel$export(module.exports, "detail-panel-fixed", () => $35f1bc0112883d51$export$4a4f34b86d8e6504, (v) => $35f1bc0112883d51$export$4a4f34b86d8e6504 = v);
-$parcel$export(module.exports, "detail-panel-holder", () => $35f1bc0112883d51$export$f553ebb4e6df6c5f, (v) => $35f1bc0112883d51$export$f553ebb4e6df6c5f = v);
-$parcel$export(module.exports, "map-control-stack", () => $35f1bc0112883d51$export$c163dab1f00a51cb, (v) => $35f1bc0112883d51$export$c163dab1f00a51cb = v);
-$parcel$export(module.exports, "main-row", () => $35f1bc0112883d51$export$bc4885f800420ea3, (v) => $35f1bc0112883d51$export$bc4885f800420ea3 = v);
-$parcel$export(module.exports, "map-ui", () => $35f1bc0112883d51$export$7d4a718201bc0bd1, (v) => $35f1bc0112883d51$export$7d4a718201bc0bd1 = v);
-$parcel$export(module.exports, "standalone", () => $35f1bc0112883d51$export$983430b50142290b, (v) => $35f1bc0112883d51$export$983430b50142290b = v);
-$parcel$export(module.exports, "mapbox-map", () => $35f1bc0112883d51$export$d0dcaf774d09fc4c, (v) => $35f1bc0112883d51$export$d0dcaf774d09fc4c = v);
-$parcel$export(module.exports, "context-panel-holder", () => $35f1bc0112883d51$export$1113ec858cdbc244, (v) => $35f1bc0112883d51$export$1113ec858cdbc244 = v);
-$parcel$export(module.exports, "panel-card", () => $35f1bc0112883d51$export$8eff531ff0f1cffe, (v) => $35f1bc0112883d51$export$8eff531ff0f1cffe = v);
-$parcel$export(module.exports, "context-stack", () => $35f1bc0112883d51$export$a15c1c170cdda69a, (v) => $35f1bc0112883d51$export$a15c1c170cdda69a = v);
-$parcel$export(module.exports, "searchbar", () => $35f1bc0112883d51$export$2ac23befe9d406ee, (v) => $35f1bc0112883d51$export$2ac23befe9d406ee = v);
-$parcel$export(module.exports, "detail-stack", () => $35f1bc0112883d51$export$bb1d4538b98f1621, (v) => $35f1bc0112883d51$export$bb1d4538b98f1621 = v);
-$parcel$export(module.exports, "panel-container", () => $35f1bc0112883d51$export$9dd9a0eceddf6af6, (v) => $35f1bc0112883d51$export$9dd9a0eceddf6af6 = v);
-$parcel$export(module.exports, "panel-title", () => $35f1bc0112883d51$export$9672a0c48c9048ad, (v) => $35f1bc0112883d51$export$9672a0c48c9048ad = v);
-$parcel$export(module.exports, "spacer", () => $35f1bc0112883d51$export$8cc075c801fd6817, (v) => $35f1bc0112883d51$export$8cc075c801fd6817 = v);
-$parcel$export(module.exports, "searchbar-holder", () => $35f1bc0112883d51$export$3a39e67bbbcbd4ae, (v) => $35f1bc0112883d51$export$3a39e67bbbcbd4ae = v);
-$parcel$export(module.exports, "right-panel", () => $35f1bc0112883d51$export$3332ecdf6c5467a, (v) => $35f1bc0112883d51$export$3332ecdf6c5467a = v);
-$parcel$export(module.exports, "buttons", () => $35f1bc0112883d51$export$bbea856fdb3e3c5f, (v) => $35f1bc0112883d51$export$bbea856fdb3e3c5f = v);
-$parcel$export(module.exports, "tab-button", () => $35f1bc0112883d51$export$76800529067ae833, (v) => $35f1bc0112883d51$export$76800529067ae833 = v);
-$parcel$export(module.exports, "menu-card", () => $35f1bc0112883d51$export$d94de0bab38fd59, (v) => $35f1bc0112883d51$export$d94de0bab38fd59 = v);
-$parcel$export(module.exports, "narrow-card", () => $35f1bc0112883d51$export$9769f988dc28baf, (v) => $35f1bc0112883d51$export$9769f988dc28baf = v);
-$parcel$export(module.exports, "panel-header", () => $35f1bc0112883d51$export$90b77e3be608e918, (v) => $35f1bc0112883d51$export$90b77e3be608e918 = v);
-$parcel$export(module.exports, "minimal", () => $35f1bc0112883d51$export$10c083462c34aef3, (v) => $35f1bc0112883d51$export$10c083462c34aef3 = v);
-$parcel$export(module.exports, "context-panel-leave", () => $35f1bc0112883d51$export$f3ad069e7751fe80, (v) => $35f1bc0112883d51$export$f3ad069e7751fe80 = v);
-$parcel$export(module.exports, "narrow-enter", () => $35f1bc0112883d51$export$c20b2d766062840f, (v) => $35f1bc0112883d51$export$c20b2d766062840f = v);
-$parcel$export(module.exports, "menu-group", () => $35f1bc0112883d51$export$3a4b737893473805, (v) => $35f1bc0112883d51$export$3a4b737893473805 = v);
-$parcel$export(module.exports, "menu-content", () => $35f1bc0112883d51$export$3eeb6f640f2fe17b, (v) => $35f1bc0112883d51$export$3eeb6f640f2fe17b = v);
-$parcel$export(module.exports, "bp5-button-group", () => $35f1bc0112883d51$export$6fe71a6d4f52db2a, (v) => $35f1bc0112883d51$export$6fe71a6d4f52db2a = v);
-$parcel$export(module.exports, "detail-panel-container", () => $35f1bc0112883d51$export$aa8359f513bf67ff, (v) => $35f1bc0112883d51$export$aa8359f513bf67ff = v);
-$parcel$export(module.exports, "map-right-controls", () => $35f1bc0112883d51$export$98a77ae0c82023e7, (v) => $35f1bc0112883d51$export$98a77ae0c82023e7 = v);
-$parcel$export(module.exports, "map-controls", () => $35f1bc0112883d51$export$802dc54769b48aa7, (v) => $35f1bc0112883d51$export$802dc54769b48aa7 = v);
-$parcel$export(module.exports, "map-scale-control", () => $35f1bc0112883d51$export$b56f659d649f0d92, (v) => $35f1bc0112883d51$export$b56f659d649f0d92 = v);
-$parcel$export(module.exports, "detail-panel-enter", () => $35f1bc0112883d51$export$e017ebf46ba443ed, (v) => $35f1bc0112883d51$export$e017ebf46ba443ed = v);
-$parcel$export(module.exports, "infodrawer-stack", () => $35f1bc0112883d51$export$69fa1b5d46c139b9, (v) => $35f1bc0112883d51$export$69fa1b5d46c139b9 = v);
-$parcel$export(module.exports, "detail-panel", () => $35f1bc0112883d51$export$c6930745f2610de0, (v) => $35f1bc0112883d51$export$c6930745f2610de0 = v);
-$parcel$export(module.exports, "adaptive-width", () => $35f1bc0112883d51$export$4db621d3143ef457, (v) => $35f1bc0112883d51$export$4db621d3143ef457 = v);
-$parcel$export(module.exports, "context-panel-from", () => $35f1bc0112883d51$export$90f42dafd5c24d2d, (v) => $35f1bc0112883d51$export$90f42dafd5c24d2d = v);
-$parcel$export(module.exports, "context-panel-enter", () => $35f1bc0112883d51$export$9ea3835d1b44cc08, (v) => $35f1bc0112883d51$export$9ea3835d1b44cc08 = v);
-$parcel$export(module.exports, "detail-panel-floating", () => $35f1bc0112883d51$export$50b37414f37debaa, (v) => $35f1bc0112883d51$export$50b37414f37debaa = v);
-$parcel$export(module.exports, "detail-panel-from", () => $35f1bc0112883d51$export$419647d5ce4279cb, (v) => $35f1bc0112883d51$export$419647d5ce4279cb = v);
-$parcel$export(module.exports, "detail-panel-leave", () => $35f1bc0112883d51$export$1d0f1d0b062c3bee, (v) => $35f1bc0112883d51$export$1d0f1d0b062c3bee = v);
-$parcel$export(module.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$983430b50142290b;
-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$983430b50142290b = "standalone_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";
-
-
-//# sourceMappingURL=map-interface.a9fe0f5d.js.map

package/dist/cjs/map-interface.a9fe0f5d.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AArDA,4CAAkC;AAClC,2CAAwC;AACxC,4CAAuC;AACvC,4CAAiC;AACjC,4CAAoC;AACpC,4CAAmC;AACnC,4CAAmC;AACnC,4CAAqC;AACrC,4CAAkC;AAClC,4CAAkC;AAClC,4CAAsC;AACtC,4CAAiC;AACjC,4CAAuC;AACvC,4CAAwC;AACxC,4CAAsC;AACtC,4CAA6B;AAC7B,4CAA2B;AAC3B,4CAA+B;AAC/B,4CAA+B;AAC/B,4CAAyC;AACzC,4CAA+B;AAC/B,4CAAkC;AAClC,4CAA8B;AAC9B,4CAAiC;AACjC,4CAAoC;AACpC,4CAAgC;AAChC,4CAA2B;AAC3B,4CAAqC;AACrC,2CAAgC;AAChC,4CAA4B;AAC5B,4CAA+B;AAC/B,2CAA8B;AAC9B,2CAAgC;AAChC,4CAAiC;AACjC,4CAA4B;AAC5B,4CAAwC;AACxC,4CAAiC;AACjC,4CAA+B;AAC/B,4CAAiC;AACjC,4CAAqC;AACrC,4CAA2C;AAC3C,4CAAuC;AACvC,4CAAiC;AACjC,4CAAsC;AACtC,4CAAuC;AACvC,4CAAqC;AACrC,4CAAiC;AACjC,4CAAmC;AACnC,4CAAuC;AACvC,4CAAwC;AACxC,4CAA0C;AAC1C,4CAAsC;AACtC,4CAAuC;AACvC,4CAAkC","sources":["packages/map-interface/src/main.module.sass"],"sourcesContent":[".map-container\n  display: flex\n  flex-direction: column\n  position: relative\n  width: 100%\n  height: 100%\n  overflow: hidden\n  --map-panel-border-radius: 4px\n\n  &.show-panel-outlines\n    .map-view-container\n      outline: 2px dotted dodgerblue\n\n  &.fit-viewport\n    height: 100vh\n    width: 100vw\n    /* mobile viewport bug fix */\n    max-height: -webkit-fill-available\n\n  // Compass display\n  .compass-control\n    display: none\n\n  &.map-is-rotated\n    .compass-control\n      display: block\n\n  .map-3d-control\n    display: none\n\n  &.map-3d-available .map-3d-control\n    display: block\n\n  &.map-is-rotated.map-3d-available .map-3d-control\n    display: none\n\n  .globe-control\n    display: none\n\n    svg\n      color: var(--secondary-color)\n\n  &.map-is-global .globe-control\n    display: block\n\n  &.detail-panel-open\n    .zoom-control\n      opacity: 0\n      display: none\n\n  &.detail-panel-fixed\n    .detail-panel-holder\n      & > *\n        border-radius: unset\n\n.detail-panel-holder\n  display: flex\n  flex-direction: column\n  min-height: 0\n\n  & > *\n    flex: 1\n\n\n.map-control-stack\n  display: flex\n  flex-direction: column\n  width: 30em\n  margin-left: -30em\n  pointer-events: none\n\n.main-row\n  flex: 1\n  display: flex\n  flex-direction: row\n  position: relative\n  max-height: 100%\n  min-height: 0\n\n.map-ui\n  flex: 1\n  position: relative\n  display: flex\n  flex-direction: column\n  max-height: 100%\n  height: 100%\n  box-shadow: 0 0 10px 4px var(--card-shadow-color)\n\n.map-view-container\n  flex-grow: 1\n  position: relative\n  overflow: hidden\n  &.standalone\n    height: 100%\n    width: 100%\n\n.mapbox-map\n  position: absolute\n  top: 0\n  bottom: 0\n  left: 0\n  right: 0\n\n  &:global(.mapboxgl-map)\n    // override the default mapbox position: relative in all cases\n    position: absolute\n\n\n  /** These styles seem to help with weird map zooming behavior */\n  :global(.mapboxgl-canvas), :global(.mapboxgl-canvas-container)\n    position: relative\n    left: 0\n    top: 0\n\n\n.context-panel-holder > :global(.bp5-card)\n  padding: 10px\n  background-color: var(--panel-background-color)\n\n.panel-card, .panel-card:global(.bp5-card)\n  padding: var(--panel-padding, 10px)\n  background-color: var(--panel-background-color)\n  overflow: hidden\n  border-radius: var(--map-panel-border-radius)\n\n  & > :last-child\n    margin-bottom: 0\n\n:global(.bp5-dark) .panel-card\n  background-color: var(--panel-background-color)\n\n.context-stack\n  & > div\n    flex-shrink: 1\n\n  & > .searchbar\n    flex: 0\n\n.context-stack,\n.detail-stack\n  z-index: 10\n  max-height: 100%\n\n.panel-container\n  display: flex\n  flex-direction: column\n\n  & > div\n    pointer-events: all\n\n.panel-title\n  font-size: 16px\n\n.spacer\n  flex-grow: 1\n  pointer-events: none\n\n.map-view-container\n  flex-grow: 1\n  position: relative\n  overflow: hidden\n\n.searchbar-holder\n  margin-bottom: 0.5em\n\n.right-panel\n  width: 24em\n\n.buttons\n  display: flex\n  flex-direction: row\n  flex: 1\n  min-width: 0\n\n.tab-button\n  flex-shrink: 1\n  min-width: 40px\n  overflow: hidden\n  text-align: right\n\n  & :global(.bp5-button-text)\n    transition: all 0.2s\n    transition-delay: 0.1s\n\n  .menu-card.narrow-card .panel-header:not(.minimal) &:global(.bp5-active) ~ & :global(.bp5-button-text)\n    width: 0\n    opacity: 0\n    margin-left: -7px\n\n  .context-panel-leave .menu-card .panel-header & :global(.bp5-button-text)\n    opacity: 0\n    width: 0\n\n.narrow-card.narrow-enter .panel-header .buttons\n  margin-right: -500px\n\n.panel-header.minimal .tab-button:not(:hover):not(:global(.bp5-active))\n  padding-left: 0\n  padding-right: 0\n  min-width: 30px\n  width: 30px\n\n.panel-header.minimal .tab-button:not(:hover) :global(.bp5-button-text)\n  width: 0\n  opacity: 0\n  margin-left: -7px\n\n.menu-group\n  margin-bottom: 0.5em\n  margin-top: 0.2em\n\n.menu-card :global .bp5-text ul,\n.menu-card :global .text-panel ul\n  padding-left: 1em\n\n.menu-content\n  display: flex\n  flex-direction: column\n  margin-bottom: -8px\n\n  & .bp5-button-group\n    margin-bottom: 4px\n\n  & hr\n    width: 100%\n\n:global\n  .mapbox-map\n    .mapbox-compass, .mapbox-3d\n      display: none\n\n  .mapboxgl-ctrl.mapbox-3d.mapbox-control\n    width: unset\n\n  .mapboxgl-ctrl.mapbox-3d.mapbox-control button\n    width: unset\n    padding-inline: 4px\n\n  .mapboxgl-canvas-container\n    width: 100%\n    height: 100%\n\n  .mapboxgl-ctrl.mapboxgl-ctrl-attrib\n    background-color: var(--translucent-panel-background-color) !important\n\n  .mapboxgl-ctrl.mapboxgl-ctrl-attrib a\n    color: var(--text-color)\n\n  .mapboxgl-marker svg path\n    fill: var(--panel-background-color) !important\n\n  .mapboxgl-marker svg circle\n    fill: var(--secondary-color) !important\n\n  .mapbox-control.mapbox-zoom\n    background: var(--translucent-panel-background-inner)\n\n  .mapbox-control.mapbox-zoom svg\n    fill: var(--text-color) !important\n\n  .mapboxgl-ctrl-logo\n    transform: scale(0.9) translate(-8px, 2px)\n\n  .bp5-dark\n    .mapboxgl-ctrl-group\n      background-color: var(--panel-background-color)\n\n    .mapboxgl-ctrl-logo\n      filter: invert(100%)\n\n  .mapboxgl-ctrl-group button + button\n    border-top: 1px solid var(--panel-rule-color) !important\n\n  .bp5-dark .mapboxgl-ctrl-group .mapboxgl-ctrl-icon\n    filter: invert(40%)\n\n  .bp5-dark .mapboxgl-ctrl-group .mapboxgl-ctrl-icon:hover\n    filter: invert(50%)\n\n  .mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon\n    filter: invert(40%)\n\n  .mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon:hover\n    filter: invert(50%)\n\n.detail-stack\n  position: relative\n\n.detail-panel-container, .map-right-controls\n  flex: 1\n\n\n.zoom-control\n  transition: opacity 1s ease-in-out\n  width: 30px\n  position: absolute\n  top: 0\n  right: 0\n\n.map-controls\n  display: flex\n  flex-direction: row\n  justify-content: right\n  margin-bottom: 0\n  gap: 0.5em\n\n  :global(.map-control)\n    & > :global(.bp5-button)\n      padding: 0\n      transform: translate(-3.5px, -3.5px)\n      width: 22px !important\n\n\n.map-controls :global(.mapbox-control),\n.map-controls :global(.map-control-wrapper),\n.map-controls :global(.map-control)\n  max-height: 22px\n  height: 22px\n  border-radius: 4px\n  background-color: var(--panel-background-color)\n  box-shadow: 0 0 0 1px var(--card-shadow-color)\n\n.map-controls :global(.mapbox-control) button,\n.map-controls :global(.map-control-wrapper) button,\n.map-controls :global(.map-control) button\n  max-height: 22px\n  height: 22px\n  width: 22px\n  max-width: 22px\n  background-position: center center\n  padding: 0\n//background-color: var(--panel-background-color)\n//color: var(--text-color)\n\n//.map-controls :global(.mapbox-control) button:hover,\n//.map-controls :global(.map-control-wrapper) button:hover,\n//.map-controls .map-control button:hover\n//  background-color: var(--panel-background-color) !important\n\n.map-controls .map-scale-control\n  background: none\n  box-shadow: none\n  padding-top: 8px\n\n  :global(.mapboxgl-ctrl-scale)\n    background-color: var(--translucent-panel-background-color)\n    border-color: var(--secondary-text-color)\n    color: var(--secondary-text-color)\n\n// .map-container.detail-panel-fixed\n//   right: 30em\n\n/* For mobile phones, we want to make the most of screen space,\n which in some cases means adding complications to the basic page. */\n@media only screen and (max-width: 768px)\n  .map-container.detail-panel-enter .context-stack\n    height: 0\n    visibility: hidden\n    transition: height 0.5s ease-in-out\n\n  .detail-stack\n    height: fit-content\n    position: inherit\n    max-height: 70%\n\n  .infodrawer-stack\n    max-height: 70%\n\n    &:global(.exit-active)\n      max-height: 0\n\n  :global(.mapbox-control.mapbox-zoom)\n    display: none\n\n  .map-controls\n    position: absolute\n    top: -60px\n    right: 10px\n\n  .detail-panel\n    border-radius: 0px\n\n\n/* Desktop styling is necessarily much more complicated than mobile\n to handle a two-column layout. */\n@media screen and (min-width: 768px)\n  /* Make map fill page rather than containing div,\n   by unsetting map position */\n  // We should move this to another file.\n\n  .map-view-container:not(.standalone)\n    position: unset\n\n\n  .map-ui\n    flex-direction: row\n    padding: 1em 1em 2em\n    min-height: 80px\n    gap: 0.5em\n\n  .context-stack\n    max-width: var(--map-context-stack-max-width, 34em)\n    min-width: 14em\n    transition: width 300ms ease\n    padding-bottom: 0.5em\n    width: var(--map-context-stack-width, 16em)\n    margin-right: 0.5em\n    display: flex\n    flex-direction: column\n\n\n    &.adaptive-width\n      width: var(--map-context-stack-width, none)\n      max-width: var(--map-context-stack-max-width, none)\n      transition: width 300ms ease\n\n    :global(.bp5-navbar)\n      //height: unset\n      //padding: 5px\n      h1, h2, h3\n        margin: 0\n\n    & > .spacer\n      flex-grow: 0\n\n  .context-panel-holder\n    min-height: 0\n    position: relative\n\n    & > div\n      max-height: 100%\n\n  .detail-stack\n    width: var(--map-detail-stack-width, 30em)\n    display: flex\n    flex-direction: column\n\n  .context-stack, .detail-stack\n    pointer-events: none\n    z-index: 10\n\n    & > div\n      pointer-events: all\n      margin-bottom: 0.5em\n\n      &:last-child\n        margin-bottom: 0\n\n      &.spacer\n        pointer-events: none\n\n    .context-stack .spacer\n      min-height: 1em\n\n/** CSS Transitions **/\n\n.map-container\n  // Context panel\n  .context-panel-holder\n    pointer-events: none\n    flex: 1\n\n    & > div\n      pointer-events: all\n      transition: opacity 0.8s ease\n  //, height 0.8s ease, max-height 0.8s ease, padding 0.8s ease\n\n  &.context-panel-from .context-panel-holder > div\n    opacity: 0\n\n  &.context-panel-enter .context-panel-holder > div\n    opacity: 1\n\n  &.context-panel-leave .context-panel-holder > div\n    opacity: 0\n\n  // Detail panel (floating)\n  &.detail-panel-floating\n    // We assume that the relevant panel is the first child of the stack.\n    &.detail-panel-from .detail-panel-holder\n      opacity: 0\n\n    &.detail-panel-enter .detail-panel-holder\n      opacity: 1\n\n    &.detail-panel-leave .detail-panel-holder\n      opacity: 0\n\n    .detail-panel\n      transition: opacity 0.8s ease, height 0.8s ease, max-height 0.8s ease\n\n  // TODO: these styles have not been evaluated for mobile\n  &.detail-panel-fixed\n    .map-ui\n      transition: margin-right 0.8s ease\n\n    .detail-stack\n      transition: margin-right 0.8s ease\n\n    &.detail-panel-from .detail-panel-holder\n      margin-right: calc(-1 * var(--map-detail-stack-width, 30em))\n\n    &.detail-panel-enter .detail-panel-holder\n      margin-right: 0\n\n    &.detail-panel-leave .detail-panel-holder\n      margin-right: calc(-1 * var(--map-detail-stack-width, 30em))\n\n\n// The max-height transition is a bit jerky because of panel padding.\n// We could probably fix this by pulling the panel container itself into\n// the class.\n//max-height: 0\n//padding: 0i\n\n@media only screen and (max-width: 768px)\n  .map-container .detail-stack\n    transition: opacity 0.8s ease, height 0.8s ease, max-height 0.8s ease\n\n  .map-container.detail-panel-from .detail-stack\n    max-height: 0\n    height: 0\n\n  .map-container.detail-panel-leave .detail-stack\n    max-height: 0\n\n  .map-container.context-panel-from .context-panel\n    max-height: 0\n    height: 0\n\n  .map-container.context-panel-leave\n    .context-stack\n      .context-panel-holder\n        flex: 0\n\n      .spacer\n        flex: 1\n\n\n// Shift UI around to center elements if we're in the global view\n@media only screen and (min-width: 768px)\n  .map-container.detail-panel-leave .map-view-container\n    margin-right: -14em\n\n  .map-container.map-is-global.detail-panel-leave .map-view-container\n    margin-right: -30em\n\n  .map-container.map-is-global.context-panel-leave .map-view-container\n    margin-left: -16em\n"],"names":[],"version":3,"file":"map-interface.a9fe0f5d.js.map"}