@macrostrat/map-interface 1.5.7 → 2.0.0

package/dist/cjs/map-interface.7bdbe4b6.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/map-interface/src/map-view.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport {\n  useMapRef,\n  useMapDispatch,\n  use3DTerrain,\n  getTerrainLayerForStyle,\n  useMapStatus,\n} from \"@macrostrat/mapbox-react\";\nimport React from \"react\";\nimport {\n  mapViewInfo,\n  MapPosition,\n  setMapPosition,\n  getMapPosition,\n  getMapboxStyle,\n  mergeStyles,\n} from \"@macrostrat/mapbox-utils\";\nimport classNames from \"classnames\";\nimport mapboxgl from \"mapbox-gl\";\nimport { useEffect, useRef, useState } from \"react\";\nimport styles from \"./main.module.sass\";\nimport {\n  MapLoadingReporter,\n  MapMovedReporter,\n  MapPaddingManager,\n  MapResizeManager,\n} from \"./helpers\";\nimport \"mapbox-gl/dist/mapbox-gl.css\";\nimport { getMapPadding } from \"./utils\";\nimport { useAsyncEffect } from \"@macrostrat/ui-components\";\n\nconst h = hyper.styled(styles);\n\ntype MapboxCoreOptions = Omit<mapboxgl.MapboxOptions, \"container\">;\n\nexport interface MapViewProps extends MapboxCoreOptions {\n  showLineSymbols?: boolean;\n  children?: React.ReactNode;\n  mapboxToken?: string;\n  // Deprecated\n  accessToken?: string;\n  terrainSourceID?: string;\n  enableTerrain?: boolean;\n  infoMarkerPosition?: mapboxgl.LngLatLike;\n  mapPosition?: MapPosition;\n  initializeMap?: (\n    container: HTMLElement,\n    args: MapboxOptionsExt,\n  ) => mapboxgl.Map;\n  onMapLoaded?: (map: mapboxgl.Map) => void;\n  onStyleLoaded?: (map: mapboxgl.Map) => void;\n  onMapMoved?: (mapPosition: MapPosition, map: mapboxgl.Map) => void;\n  /** This map sets its own viewport, rather than being positioned by a parent.\n   * This is a hack to ensure that the map can overflow its \"safe area\" when false */\n  standalone?: boolean;\n  /** Overlay styles to apply to the map: a list of mapbox style objects or fragments to\n   * overlay on top of the main map style at runtime */\n  overlayStyles?: Partial<mapboxgl.StyleSpecification>[];\n  /** A function to transform the map style before it is loaded */\n  transformStyle?: (\n    style: mapboxgl.StyleSpecification,\n  ) => mapboxgl.StyleSpecification;\n  loadingIgnoredSources?: string[];\n  id?: string;\n  className?: string;\n}\n\nexport interface MapboxOptionsExt extends MapboxCoreOptions {\n  mapPosition?: MapPosition;\n}\n\nfunction defaultInitializeMap(container, args: MapboxOptionsExt = {}) {\n  const { mapPosition, ...rest } = args;\n\n  const map = new mapboxgl.Map({\n    container,\n    maxZoom: 18,\n    logoPosition: \"bottom-left\",\n    trackResize: false,\n    antialias: true,\n    // This is a legacy option for Mapbox GL v2\n    // @ts-ignore\n    optimizeForTerrain: true,\n    ...rest,\n  });\n\n  let _mapPosition = mapPosition;\n  if (_mapPosition == null && rest.center == null && rest.bounds == null) {\n    // If no map positioning information is provided, we use the default\n    _mapPosition = defaultMapPosition;\n  }\n\n  // set initial map position\n  if (_mapPosition != null) {\n    setMapPosition(map, _mapPosition);\n  }\n\n  return map;\n}\n\nconst defaultMapPosition: MapPosition = {\n  camera: {\n    lat: 34,\n    lng: -120,\n    altitude: 300000,\n  },\n};\n\nexport function MapView(props: MapViewProps) {\n  let { terrainSourceID } = props;\n  const {\n    enableTerrain = true,\n    style,\n    mapPosition,\n    initializeMap = defaultInitializeMap,\n    children,\n    mapboxToken,\n    // Deprecated\n    accessToken,\n    infoMarkerPosition,\n    transformRequest,\n    projection,\n    onMapLoaded = null,\n    onStyleLoaded = null,\n    onMapMoved = null,\n    standalone = false,\n    overlayStyles,\n    transformStyle,\n    trackResize = true,\n    loadingIgnoredSources = [\"elevationMarker\", \"crossSectionEndpoints\"],\n    id = \"map\",\n    className,\n    ...rest\n  } = props;\n  if (enableTerrain) {\n    terrainSourceID ??= \"mapbox-3d-dem\";\n  }\n\n  useEffect(() => {\n    if (id != null) {\n      console.warn(\n        \"Setting a specific element ID for the map is deprecated. Please use className instead.\",\n      );\n    }\n  }, [id]);\n\n  const _mapboxToken = mapboxToken ?? accessToken;\n\n  if (_mapboxToken != null) {\n    mapboxgl.accessToken = _mapboxToken;\n  }\n\n  const dispatch = useMapDispatch();\n  let mapRef = useMapRef();\n  const ref = useRef<HTMLDivElement>();\n  const parentRef = useRef<HTMLDivElement>();\n\n  const [baseStyle, setBaseStyle] = useState<mapboxgl.Style>(null);\n\n  const estMapPosition: MapPosition | null =\n    mapRef.current == null ? mapPosition : getMapPosition(mapRef.current);\n  const { mapUse3D, mapIsRotated } = mapViewInfo(estMapPosition);\n  const is3DAvailable = (mapUse3D ?? false) && enableTerrain;\n\n  useEffect(() => {\n    /** Manager to update map style */\n    if (baseStyle == null) return;\n    let map = mapRef.current;\n\n    let newStyle: mapboxgl.StyleSpecification = baseStyle;\n\n    const overlayStyles = props.overlayStyles ?? [];\n\n    if (overlayStyles.length > 0) {\n      newStyle = mergeStyles(newStyle, ...overlayStyles);\n    }\n\n    /** If we can, we try to update the map style with terrain information\n     * immediately, before the style is loaded. This allows us to avoid a\n     * flash of the map without terrain.\n     *\n     * To do this, we need to estimate the map position before load, which\n     * doesn't always work.\n     */\n    if (is3DAvailable) {\n      // We can update the style with terrain layers immediately\n      const terrainStyle = getTerrainLayerForStyle(newStyle, terrainSourceID);\n      newStyle = mergeStyles(newStyle, terrainStyle);\n    }\n\n    if (transformStyle != null) {\n      newStyle = transformStyle(newStyle);\n    }\n\n    if (map != null) {\n      dispatch({ type: \"set-style-loaded\", payload: false });\n      map.setStyle(newStyle);\n    } else {\n      const map = initializeMap(ref.current, {\n        style: newStyle,\n        projection,\n        mapPosition,\n        transformRequest,\n        ...rest,\n      });\n      dispatch({ type: \"set-map\", payload: map });\n      map.setPadding(getMapPadding(ref, parentRef), { animate: false });\n      onMapLoaded?.(map);\n    }\n  }, [baseStyle, overlayStyles, transformStyle]);\n\n  useAsyncEffect(async () => {\n    /** Manager to update map style */\n    let newStyle: mapboxgl.StyleSpecification;\n    if (typeof style === \"string\") {\n      newStyle = await getMapboxStyle(style, {\n        access_token: mapboxgl.accessToken,\n      });\n    } else {\n      newStyle = style;\n    }\n    setBaseStyle(newStyle);\n  }, [style]);\n\n  // Get map projection\n  const _projection = mapRef.current?.getProjection()?.name ?? \"mercator\";\n\n  const mapClassName = classNames(\n    {\n      \"is-rotated\": mapIsRotated ?? false,\n      \"is-3d-available\": is3DAvailable,\n    },\n    `${_projection}-projection`,\n  );\n\n  const parentClassName = classNames(\n    {\n      standalone,\n    },\n    className,\n  );\n\n  return h(\n    \"div.map-view-container.main-view\",\n    { ref: parentRef, className: parentClassName },\n    [\n      h(\"div.mapbox-map.map-view\", { ref, className: mapClassName, id }),\n      h(MapLoadingReporter, {\n        ignoredSources: loadingIgnoredSources,\n      }),\n      h(StyleLoadedReporter, { onStyleLoaded }),\n      h(MapMovedReporter, { onMapMoved }),\n      // Subsitute for trackResize: true that allows map resizing to\n      // be tied to a specific ref component\n      h.if(trackResize)(MapResizeManager, { containerRef: ref }),\n      h(MapPaddingManager, {\n        containerRef: ref,\n        parentRef,\n        infoMarkerPosition,\n      }),\n      h(MapTerrainManager, { mapUse3D: is3DAvailable, terrainSourceID, style }),\n      children,\n    ],\n  );\n}\n\nfunction StyleLoadedReporter({ onStyleLoaded = null }) {\n  /** Check back every 0.1 seconds to see if the map has loaded.\n   * We do it this way because mapboxgl loading events are unreliable */\n  const isStyleLoaded = useMapStatus((state) => state.isStyleLoaded);\n  const mapRef = useMapRef();\n  const dispatch = useMapDispatch();\n\n  useEffect(() => {\n    if (isStyleLoaded) return;\n    const interval = setInterval(() => {\n      const map = mapRef.current;\n      if (map == null) return;\n      if (map.isStyleLoaded()) {\n        // Wait a tick before setting the style loaded state\n        dispatch({ type: \"set-style-loaded\", payload: true });\n        onStyleLoaded?.(map);\n        clearInterval(interval);\n      }\n    }, 50);\n    return () => clearInterval(interval);\n  }, [isStyleLoaded]);\n\n  return null;\n}\n\nexport function MapTerrainManager({\n  mapUse3D,\n  terrainSourceID,\n  style,\n}: {\n  mapUse3D?: boolean;\n  terrainSourceID?: string;\n  style?: mapboxgl.StyleSpecification | string;\n}) {\n  use3DTerrain(mapUse3D, terrainSourceID);\n\n  return null;\n}\n"],"names":[],"version":3,"file":"map-interface.7bdbe4b6.js.map"}

package/dist/cjs/map-interface.860fcb7e.js

@@ -1,67 +0,0 @@
-var $bf943af2b72f182b$exports = require("./map-interface.dfaad4a1.js");
-var $aMvpk$macrostratmapboxutils = require("@macrostrat/mapbox-utils");
-
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "applyMapPositionToHash", () => $370ea7ef3413c03a$export$8391d1abb505ffb3);
-$parcel$export(module.exports, "getMapPositionForHash", () => $370ea7ef3413c03a$export$80abf1cbcc3918e4);
-
-
-function $370ea7ef3413c03a$export$8391d1abb505ffb3(args, mapPosition) {
-    const pos = mapPosition?.camera;
-    if (pos == null) return;
-    const zoom = mapPosition.target?.zoom;
-    args.x = (0, $aMvpk$macrostratmapboxutils.formatCoordForZoomLevel)(pos.lng, zoom);
-    args.y = (0, $aMvpk$macrostratmapboxutils.formatCoordForZoomLevel)(pos.lat, zoom);
-    if (pos.bearing == 0 && pos.pitch == 0 && zoom != null) args.z = (0, $bf943af2b72f182b$exports.fmt1)(zoom);
-    else if (pos.altitude != null) {
-        if (pos.altitude > 5000) args.z = (0, $bf943af2b72f182b$exports.fmt2)(pos.altitude / 1000) + "km";
-        else args.z = (0, $bf943af2b72f182b$exports.fmtInt)(pos.altitude) + "m";
-    }
-    if (pos.bearing != 0) {
-        let az = pos.bearing;
-        if (az < 0) az += 360;
-        args.a = (0, $bf943af2b72f182b$exports.fmtInt)(az);
-    }
-    if (pos.pitch != 0) args.e = (0, $bf943af2b72f182b$exports.fmtInt)(pos.pitch);
-}
-function $370ea7ef3413c03a$var$_fmt(x) {
-    if (Array.isArray(x)) x = x[0];
-    return parseFloat(x.toString());
-}
-function $370ea7ef3413c03a$export$80abf1cbcc3918e4(hashData, centerPosition) {
-    const { x: x = centerPosition?.lng ?? 0, y: y = centerPosition?.lat ?? 0, z: // Different default for zoom depending on whether we have a marker
-    z = centerPosition != null ? 7 : 2, a: a = 0, e: e = 0 } = hashData;
-    const lng = $370ea7ef3413c03a$var$_fmt(x);
-    const lat = $370ea7ef3413c03a$var$_fmt(y);
-    let altitude = null;
-    let zoom = null;
-    const _z = z.toString();
-    if (_z.endsWith("km")) altitude = $370ea7ef3413c03a$var$_fmt(_z.substring(0, _z.length - 2)) * 1000;
-    else if (_z.endsWith("m")) altitude = $370ea7ef3413c03a$var$_fmt(_z.substring(0, _z.length - 1));
-    else zoom = $370ea7ef3413c03a$var$_fmt(z);
-    const bearing = $370ea7ef3413c03a$var$_fmt(a);
-    const pitch = $370ea7ef3413c03a$var$_fmt(e);
-    let target = undefined;
-    if (bearing == 0 && pitch == 0 && zoom != null) target = {
-        lat: lat,
-        lng: lng,
-        zoom: zoom
-    };
-    return {
-        camera: {
-            lng: $370ea7ef3413c03a$var$_fmt(x),
-            lat: $370ea7ef3413c03a$var$_fmt(y),
-            altitude: altitude,
-            bearing: $370ea7ef3413c03a$var$_fmt(a),
-            pitch: $370ea7ef3413c03a$var$_fmt(e)
-        },
-        target: target
-    };
-}
-
-
-//# sourceMappingURL=map-interface.860fcb7e.js.map

package/dist/cjs/map-interface.860fcb7e.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;AAgBO,SAAS,0CACd,IAAwB,EACxB,WAA+B;IAE/B,MAAM,MAAM,aAAa;IACzB,IAAI,OAAO,MAAM;IACjB,MAAM,OAAO,YAAY,MAAM,EAAE;IAEjC,KAAK,CAAC,GAAG,CAAA,GAAA,oDAAsB,EAAE,IAAI,GAAG,EAAE;IAC1C,KAAK,CAAC,GAAG,CAAA,GAAA,oDAAsB,EAAE,IAAI,GAAG,EAAE;IAE1C,IAAI,IAAI,OAAO,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,QAAQ,MAChD,KAAK,CAAC,GAAG,CAAA,GAAA,8BAAG,EAAE;SACT,IAAI,IAAI,QAAQ,IAAI;QACzB,IAAI,IAAI,QAAQ,GAAG,MACjB,KAAK,CAAC,GAAG,CAAA,GAAA,8BAAG,EAAE,IAAI,QAAQ,GAAG,QAAQ;aAErC,KAAK,CAAC,GAAG,CAAA,GAAA,gCAAK,EAAE,IAAI,QAAQ,IAAI;;IAGpC,IAAI,IAAI,OAAO,IAAI,GAAG;QACpB,IAAI,KAAK,IAAI,OAAO;QACpB,IAAI,KAAK,GAAG,MAAM;QAClB,KAAK,CAAC,GAAG,CAAA,GAAA,gCAAK,EAAE;IAClB;IACA,IAAI,IAAI,KAAK,IAAI,GACf,KAAK,CAAC,GAAG,CAAA,GAAA,gCAAK,EAAE,IAAI,KAAK;AAE7B;AAEA,SAAS,2BAAK,CAA6B;IACzC,IAAI,MAAM,OAAO,CAAC,IAChB,IAAI,CAAC,CAAC,EAAE;IAEV,OAAO,WAAW,EAAE,QAAQ;AAC9B;AAEO,SAAS,0CACd,QAA6B,EAC7B,cAA6B;IAE7B,MAAM,KACJ,IAAI,gBAAgB,OAAO,MAC3B,IAAI,gBAAgB,OAAO,MAC3B,mEAAmE;IACnE,IAAI,kBAAkB,OAAO,IAAI,MACjC,IAAI,MACJ,IAAI,GACL,GAAG;IAEJ,MAAM,MAAM,2BAAK;IACjB,MAAM,MAAM,2BAAK;IAEjB,IAAI,WAAW;IACf,IAAI,OAAO;IACX,MAAM,KAAK,EAAE,QAAQ;IACrB,IAAI,GAAG,QAAQ,CAAC,OACd,WAAW,2BAAK,GAAG,SAAS,CAAC,GAAG,GAAG,MAAM,GAAG,MAAM;SAC7C,IAAI,GAAG,QAAQ,CAAC,MACrB,WAAW,2BAAK,GAAG,SAAS,CAAC,GAAG,GAAG,MAAM,GAAG;SAE5C,OAAO,2BAAK;IAEd,MAAM,UAAU,2BAAK;IACrB,MAAM,QAAQ,2BAAK;IAEnB,IAAI,SAAS;IACb,IAAI,WAAW,KAAK,SAAS,KAAK,QAAQ,MACxC,SAAS;aACP;aACA;cACA;IACF;IAGF,OAAO;QACL,QAAQ;YACN,KAAK,2BAAK;YACV,KAAK,2BAAK;sBACV;YACA,SAAS,2BAAK;YACd,OAAO,2BAAK;QACd;gBACA;IACF;AACF","sources":["packages/map-interface/src/location-info/hash-string.ts"],"sourcesContent":["import {\n  LatLng,\n  MapPosition,\n  formatCoordForZoomLevel,\n} from \"@macrostrat/mapbox-utils\";\nimport { ParsedQuery } from \"query-string\";\nimport { fmt1, fmt2, fmtInt } from \"./utils\";\n\ninterface LocationHashParams {\n  x?: string;\n  y?: string;\n  z?: string;\n  a?: string;\n  e?: string;\n}\n\nexport function applyMapPositionToHash(\n  args: LocationHashParams,\n  mapPosition: MapPosition | null,\n) {\n  const pos = mapPosition?.camera;\n  if (pos == null) return;\n  const zoom = mapPosition.target?.zoom;\n\n  args.x = formatCoordForZoomLevel(pos.lng, zoom);\n  args.y = formatCoordForZoomLevel(pos.lat, zoom);\n\n  if (pos.bearing == 0 && pos.pitch == 0 && zoom != null) {\n    args.z = fmt1(zoom);\n  } else if (pos.altitude != null) {\n    if (pos.altitude > 5000) {\n      args.z = fmt2(pos.altitude / 1000) + \"km\";\n    } else {\n      args.z = fmtInt(pos.altitude) + \"m\";\n    }\n  }\n  if (pos.bearing != 0) {\n    let az = pos.bearing;\n    if (az < 0) az += 360;\n    args.a = fmtInt(az);\n  }\n  if (pos.pitch != 0) {\n    args.e = fmtInt(pos.pitch);\n  }\n}\n\nfunction _fmt(x: string | number | string[]) {\n  if (Array.isArray(x)) {\n    x = x[0];\n  }\n  return parseFloat(x.toString());\n}\n\nexport function getMapPositionForHash(\n  hashData: ParsedQuery<string>,\n  centerPosition: LatLng | null,\n): MapPosition {\n  const {\n    x = centerPosition?.lng ?? 0,\n    y = centerPosition?.lat ?? 0,\n    // Different default for zoom depending on whether we have a marker\n    z = centerPosition != null ? 7 : 2,\n    a = 0,\n    e = 0,\n  } = hashData;\n\n  const lng = _fmt(x);\n  const lat = _fmt(y);\n\n  let altitude = null;\n  let zoom = null;\n  const _z = z.toString();\n  if (_z.endsWith(\"km\")) {\n    altitude = _fmt(_z.substring(0, _z.length - 2)) * 1000;\n  } else if (_z.endsWith(\"m\")) {\n    altitude = _fmt(_z.substring(0, _z.length - 1));\n  } else {\n    zoom = _fmt(z);\n  }\n  const bearing = _fmt(a);\n  const pitch = _fmt(e);\n\n  let target = undefined;\n  if (bearing == 0 && pitch == 0 && zoom != null) {\n    target = {\n      lat,\n      lng,\n      zoom,\n    };\n  }\n\n  return {\n    camera: {\n      lng: _fmt(x),\n      lat: _fmt(y),\n      altitude,\n      bearing: _fmt(a),\n      pitch: _fmt(e),\n    },\n    target,\n  };\n}\n"],"names":[],"version":3,"file":"map-interface.860fcb7e.js.map"}

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.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"}

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

@@ -1,50 +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, "feature-panel", () => $33088e8384af337c$export$d27ce8c17b289f33, (v) => $33088e8384af337c$export$d27ce8c17b289f33 = v);
-$parcel$export(module.exports, "key-value", () => $33088e8384af337c$export$6025d8aaa4edba3b, (v) => $33088e8384af337c$export$6025d8aaa4edba3b = v);
-$parcel$export(module.exports, "key", () => $33088e8384af337c$export$df61b30b684217c0, (v) => $33088e8384af337c$export$df61b30b684217c0 = v);
-$parcel$export(module.exports, "value", () => $33088e8384af337c$export$2ab9a8f9f1186f14, (v) => $33088e8384af337c$export$2ab9a8f9f1186f14 = v);
-$parcel$export(module.exports, "feature-properties", () => $33088e8384af337c$export$4f7f4a0a9b87a0a1, (v) => $33088e8384af337c$export$4f7f4a0a9b87a0a1 = v);
-$parcel$export(module.exports, "controls", () => $33088e8384af337c$export$cc1adf6fb659c762, (v) => $33088e8384af337c$export$cc1adf6fb659c762 = v);
-$parcel$export(module.exports, "feature-header", () => $33088e8384af337c$export$435bd1864bef6e22, (v) => $33088e8384af337c$export$435bd1864bef6e22 = v);
-$parcel$export(module.exports, "feature-group", () => $33088e8384af337c$export$a1386d43b662271, (v) => $33088e8384af337c$export$a1386d43b662271 = v);
-$parcel$export(module.exports, "tile-info", () => $33088e8384af337c$export$1ea80fe0e5d4f6be, (v) => $33088e8384af337c$export$1ea80fe0e5d4f6be = v);
-$parcel$export(module.exports, "opacity-slider", () => $33088e8384af337c$export$802c81ec652235aa, (v) => $33088e8384af337c$export$802c81ec652235aa = v);
-$parcel$export(module.exports, "unit-number", () => $33088e8384af337c$export$ce32b714ddd6b59, (v) => $33088e8384af337c$export$ce32b714ddd6b59 = v);
-$parcel$export(module.exports, "unit", () => $33088e8384af337c$export$523c0b569236b342, (v) => $33088e8384af337c$export$523c0b569236b342 = v);
-$parcel$export(module.exports, "page", () => $33088e8384af337c$export$523fb3936f49e028, (v) => $33088e8384af337c$export$523fb3936f49e028 = v);
-$parcel$export(module.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$cc1adf6fb659c762;
-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$cc1adf6fb659c762 = "controls_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";
-
-
-//# sourceMappingURL=map-interface.abe5fe65.js.map

package/dist/cjs/map-interface.abe5fe65.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;AAbA,4CAAkC;AAClC,4CAA8B;AAC9B,4CAAwB;AACxB,4CAA0B;AAC1B,4CAAuC;AACvC,4CAA6B;AAC7B,4CAAmC;AACnC,2CAAkC;AAClC,4CAA8B;AAC9B,4CAAmC;AACnC,2CAAgC;AAChC,4CAAyB;AACzB,4CAAyB;AACzB,4CAAmC","sources":["packages/map-interface/src/dev/main.module.sass"],"sourcesContent":[".feature-panel\n  position: relative\n  margin: 0 -1em\n\n.key-value\n  display: inline-block\n  margin-right: 1em\n\n  .key\n    font-weight: bold\n    font-size: 0.9em\n\n    &:after\n      content: ': '\n\n  .value\n    font-size: 0.9em\n\n.feature-properties\n  position: relative\n\n  &:before\n    content: \"–\"\n    position: absolute\n    top: 4px\n    left: 0\n\n  .controls\n    display: flex\n    flex-direction: row\n    align-items: flex-end\n    position: absolute\n    top: 0\n    right: 0\n    gap: 0.5em\n\n.feature-header h3\n  margin-bottom: 0\n  margin-top: 0.5em\n\n.feature-group\n  border-bottom: 1px solid var(--panel-rule-inner)\n  margin-bottom: 0.5em\n\n  &:last-child\n    border-bottom: none\n\n.tile-info\n  display: flex\n  flex-direction: row\n  align-items: baseline\n\n  h3\n    margin-right: 0.5em\n\n.opacity-slider\n  margin: 0 1em 0.5em\n\n  :global\n    .bp5-slider-handle .bp5-slider-label\n      background-color: var(--secondary-color)\n      color: var(--text-color)\n\n.unit-number\n  .unit\n    font-size: 0.9em\n    margin-left: 0.2em\n    font-weight: bold\n\n.page\n  margin: 2em auto\n  max-width: 50em\n\n.dev-index-page\n  overflow-y: scroll\n"],"names":[],"version":3,"file":"map-interface.abe5fe65.js.map"}