@macrostrat/map-interface 1.2.4 → 1.3.0

package/dist/esm/index.js

@@ -1,12 +1,12 @@
 import {LoadingButton as $6e914c81c8e053da$export$4ec83e90d030b2f3, MapLoadingButton as $6e914c81c8e053da$export$9e3bae3c08bde368, FloatingNavbar as $6e914c81c8e053da$export$a8cc0062d02a3841} from "./context-panel.5dae1a8c.js";
-import {InfoDrawerContainer as $f50c3537aaff0cff$export$83f9a19cf91c2d06, BaseInfoDrawer as $f50c3537aaff0cff$export$a5ddcc2a88716895, DetailsPanel as $f50c3537aaff0cff$export$e54a7f2505304e20, LocationPanel as $f50c3537aaff0cff$export$aa4baff5242ea6e1} from "./location-panel.c620b13b.js";
-import {h as $a281a0612311d660$export$dda1d9f60106f0e9, MapInspectorV2 as $a281a0612311d660$export$eab3034e57b46e26, DevMapPage as $a281a0612311d660$export$2391061fbdfb71ef, TileExtentLayer as $1d4d29ef2725aa16$export$86c09739b12f23cd, FeatureProperties as $b8c84b63e75fe4f2$export$2906e7f4b228efe9, FeatureRecord as $b8c84b63e75fe4f2$export$dc87b4d46cea200d, FeatureSelectionHandler as $b8c84b63e75fe4f2$export$214daccdda0f4ac6, Features as $b8c84b63e75fe4f2$export$617d79dae526d2cf, TileInfo as $b8c84b63e75fe4f2$export$43c75dec9d0b96c, FeaturePanel as $b8c84b63e75fe4f2$export$43277c51a01761c1, buildXRayStyle as $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d, buildInspectorStyle as $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6} from "./dev.b2d9d35d.js";
-import {PanelCard as $4bdfa9cd8240b2fd$export$ec68dd77edbe678b, DetailPanelStyle as $4bdfa9cd8240b2fd$export$612ca936d3ed4784, MapAreaContainer as $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290, MapStyledContainer as $4bdfa9cd8240b2fd$export$fa395a37c3898ae3} from "./container.bba0b16c.js";
-import {MapView as $0118fc9193bb1bf4$export$ab1e7a67d6ec5ad8, MapTerrainManager as $0118fc9193bb1bf4$export$cee395a8a2a00b29} from "./map-view.1fc6297b.js";
-import {MapBottomControls as $91d5aa004eeb2226$export$db1a2e058a06fb5c} from "./controls.42c750c4.js";
-import {MapResizeManager as $4bc3dd5f0732eed3$export$31b2e088aff2dc5d, MapPaddingManager as $4bc3dd5f0732eed3$export$2ab96428dea558d6, MapMovedReporter as $4bc3dd5f0732eed3$export$f6eeee399afc4e9a, MapLoadingReporter as $4bc3dd5f0732eed3$export$e57f9eaa51773f82, MapMarker as $4bc3dd5f0732eed3$export$5c90a91c7455938c, useBasicStylePair as $4bc3dd5f0732eed3$export$566518253d2584f8} from "./helpers.fb1d7227.js";
+import {InfoDrawerContainer as $f50c3537aaff0cff$export$83f9a19cf91c2d06, BaseInfoDrawer as $f50c3537aaff0cff$export$a5ddcc2a88716895, DetailsPanel as $f50c3537aaff0cff$export$e54a7f2505304e20, LocationPanel as $f50c3537aaff0cff$export$aa4baff5242ea6e1} from "./location-panel.c9942d88.js";
+import {h as $a281a0612311d660$export$dda1d9f60106f0e9, MapInspectorV2 as $a281a0612311d660$export$eab3034e57b46e26, DevMapPage as $a281a0612311d660$export$2391061fbdfb71ef, TileExtentLayer as $1d4d29ef2725aa16$export$86c09739b12f23cd, FeatureProperties as $b8c84b63e75fe4f2$export$2906e7f4b228efe9, FeatureRecord as $b8c84b63e75fe4f2$export$dc87b4d46cea200d, FeatureSelectionHandler as $b8c84b63e75fe4f2$export$214daccdda0f4ac6, Features as $b8c84b63e75fe4f2$export$617d79dae526d2cf, TileInfo as $b8c84b63e75fe4f2$export$43c75dec9d0b96c, FeaturePanel as $b8c84b63e75fe4f2$export$43277c51a01761c1, buildXRayStyle as $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d, buildInspectorStyle as $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6} from "./dev.3d88888b.js";
+import {PanelCard as $4bdfa9cd8240b2fd$export$ec68dd77edbe678b, DetailPanelStyle as $4bdfa9cd8240b2fd$export$612ca936d3ed4784, MapAreaContainer as $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290, MapStyledContainer as $4bdfa9cd8240b2fd$export$fa395a37c3898ae3} from "./container.1c2aa81d.js";
+import {MapView as $0118fc9193bb1bf4$export$ab1e7a67d6ec5ad8, MapTerrainManager as $0118fc9193bb1bf4$export$cee395a8a2a00b29} from "./map-view.d1c5b113.js";
+import {MapBottomControls as $91d5aa004eeb2226$export$db1a2e058a06fb5c} from "./controls.8efb9074.js";
+import {MapResizeManager as $4bc3dd5f0732eed3$export$31b2e088aff2dc5d, MapPaddingManager as $4bc3dd5f0732eed3$export$2ab96428dea558d6, MapMovedReporter as $4bc3dd5f0732eed3$export$f6eeee399afc4e9a, MapLoadingReporter as $4bc3dd5f0732eed3$export$e57f9eaa51773f82, MapMarker as $4bc3dd5f0732eed3$export$5c90a91c7455938c, useBasicMapStyle as $4bc3dd5f0732eed3$export$6daf1520df36ae21, getBasicMapStyle as $4bc3dd5f0732eed3$export$3503bf0b3851527b, useBasicStylePair as $4bc3dd5f0732eed3$export$566518253d2584f8} from "./helpers.d32a342a.js";
 import {getMapPadding as $82fe09613877ffc2$export$bb78f9f01775eef1, useMapMarker as $82fe09613877ffc2$export$278090850f6b3a9f} from "./utils.d40349f0.js";
-import {ValueWithUnit as $4fae2d573d730db8$export$716098b85fd0efdf, DegreeCoord as $4fae2d573d730db8$export$af8082af0bea3eb1, LngLatCoords as $4fae2d573d730db8$export$f195b3550849e560, Elevation as $4fae2d573d730db8$export$58bfb4f6ec5aa58d, applyMapPositionToHash as $bb5f34705d9c44bc$export$8391d1abb505ffb3, getMapPositionForHash as $bb5f34705d9c44bc$export$80abf1cbcc3918e4} from "./location-info.5543bb05.js";
+import {ValueWithUnit as $4fae2d573d730db8$export$716098b85fd0efdf, DegreeCoord as $4fae2d573d730db8$export$af8082af0bea3eb1, LngLatCoords as $4fae2d573d730db8$export$f195b3550849e560, Elevation as $4fae2d573d730db8$export$58bfb4f6ec5aa58d, applyMapPositionToHash as $bb5f34705d9c44bc$export$8391d1abb505ffb3, getMapPositionForHash as $bb5f34705d9c44bc$export$80abf1cbcc3918e4} from "./location-info.4b39fdfc.js";
 import {ExpansionPanelSummary as $d570ac304373e71c$export$cea00a9d724d5a32, InfoPanelSection as $d570ac304373e71c$export$39c134eb0b07cf0e, ExpansionPanel as $d570ac304373e71c$export$40e646e38e6ed100, SubExpansionPanel as $d570ac304373e71c$export$d7160281aff7c3b8, ExpandableDetailsPanel as $d570ac304373e71c$export$44ad9ff780615135, ExpansionBody as $d570ac304373e71c$export$263416b670b3f129, PanelSubhead as $72e497a412b1da0a$export$ed081779ec3709aa} from "./expansion-panel.465b822f.js";
 
 
@@ -21,5 +21,5 @@ import {ExpansionPanelSummary as $d570ac304373e71c$export$cea00a9d724d5a32, Info
 
 
 
-export {$6e914c81c8e053da$export$4ec83e90d030b2f3 as LoadingButton, $6e914c81c8e053da$export$9e3bae3c08bde368 as MapLoadingButton, $6e914c81c8e053da$export$a8cc0062d02a3841 as FloatingNavbar, $f50c3537aaff0cff$export$83f9a19cf91c2d06 as InfoDrawerContainer, $f50c3537aaff0cff$export$a5ddcc2a88716895 as BaseInfoDrawer, $f50c3537aaff0cff$export$e54a7f2505304e20 as DetailsPanel, $f50c3537aaff0cff$export$aa4baff5242ea6e1 as LocationPanel, $a281a0612311d660$export$dda1d9f60106f0e9 as h, $a281a0612311d660$export$eab3034e57b46e26 as MapInspectorV2, $a281a0612311d660$export$2391061fbdfb71ef as DevMapPage, $1d4d29ef2725aa16$export$86c09739b12f23cd as TileExtentLayer, $b8c84b63e75fe4f2$export$2906e7f4b228efe9 as FeatureProperties, $b8c84b63e75fe4f2$export$dc87b4d46cea200d as FeatureRecord, $b8c84b63e75fe4f2$export$214daccdda0f4ac6 as FeatureSelectionHandler, $b8c84b63e75fe4f2$export$617d79dae526d2cf as Features, $b8c84b63e75fe4f2$export$43c75dec9d0b96c as TileInfo, $b8c84b63e75fe4f2$export$43277c51a01761c1 as FeaturePanel, $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d as buildXRayStyle, $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6 as buildInspectorStyle, $4bdfa9cd8240b2fd$export$ec68dd77edbe678b as PanelCard, $4bdfa9cd8240b2fd$export$612ca936d3ed4784 as DetailPanelStyle, $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290 as MapAreaContainer, $4bdfa9cd8240b2fd$export$fa395a37c3898ae3 as MapStyledContainer, $0118fc9193bb1bf4$export$ab1e7a67d6ec5ad8 as MapView, $0118fc9193bb1bf4$export$cee395a8a2a00b29 as MapTerrainManager, $91d5aa004eeb2226$export$db1a2e058a06fb5c as MapBottomControls, $4bc3dd5f0732eed3$export$31b2e088aff2dc5d as MapResizeManager, $4bc3dd5f0732eed3$export$2ab96428dea558d6 as MapPaddingManager, $4bc3dd5f0732eed3$export$f6eeee399afc4e9a as MapMovedReporter, $4bc3dd5f0732eed3$export$e57f9eaa51773f82 as MapLoadingReporter, $4bc3dd5f0732eed3$export$5c90a91c7455938c as MapMarker, $4bc3dd5f0732eed3$export$566518253d2584f8 as useBasicStylePair, $82fe09613877ffc2$export$bb78f9f01775eef1 as getMapPadding, $82fe09613877ffc2$export$278090850f6b3a9f as useMapMarker, $4fae2d573d730db8$export$716098b85fd0efdf as ValueWithUnit, $4fae2d573d730db8$export$af8082af0bea3eb1 as DegreeCoord, $4fae2d573d730db8$export$f195b3550849e560 as LngLatCoords, $4fae2d573d730db8$export$58bfb4f6ec5aa58d as Elevation, $bb5f34705d9c44bc$export$8391d1abb505ffb3 as applyMapPositionToHash, $bb5f34705d9c44bc$export$80abf1cbcc3918e4 as getMapPositionForHash, $d570ac304373e71c$export$cea00a9d724d5a32 as ExpansionPanelSummary, $d570ac304373e71c$export$39c134eb0b07cf0e as InfoPanelSection, $d570ac304373e71c$export$40e646e38e6ed100 as ExpansionPanel, $d570ac304373e71c$export$d7160281aff7c3b8 as SubExpansionPanel, $d570ac304373e71c$export$44ad9ff780615135 as ExpandableDetailsPanel, $d570ac304373e71c$export$263416b670b3f129 as ExpansionBody, $72e497a412b1da0a$export$ed081779ec3709aa as PanelSubhead};
+export {$6e914c81c8e053da$export$4ec83e90d030b2f3 as LoadingButton, $6e914c81c8e053da$export$9e3bae3c08bde368 as MapLoadingButton, $6e914c81c8e053da$export$a8cc0062d02a3841 as FloatingNavbar, $f50c3537aaff0cff$export$83f9a19cf91c2d06 as InfoDrawerContainer, $f50c3537aaff0cff$export$a5ddcc2a88716895 as BaseInfoDrawer, $f50c3537aaff0cff$export$e54a7f2505304e20 as DetailsPanel, $f50c3537aaff0cff$export$aa4baff5242ea6e1 as LocationPanel, $a281a0612311d660$export$dda1d9f60106f0e9 as h, $a281a0612311d660$export$eab3034e57b46e26 as MapInspectorV2, $a281a0612311d660$export$2391061fbdfb71ef as DevMapPage, $1d4d29ef2725aa16$export$86c09739b12f23cd as TileExtentLayer, $b8c84b63e75fe4f2$export$2906e7f4b228efe9 as FeatureProperties, $b8c84b63e75fe4f2$export$dc87b4d46cea200d as FeatureRecord, $b8c84b63e75fe4f2$export$214daccdda0f4ac6 as FeatureSelectionHandler, $b8c84b63e75fe4f2$export$617d79dae526d2cf as Features, $b8c84b63e75fe4f2$export$43c75dec9d0b96c as TileInfo, $b8c84b63e75fe4f2$export$43277c51a01761c1 as FeaturePanel, $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d as buildXRayStyle, $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6 as buildInspectorStyle, $4bdfa9cd8240b2fd$export$ec68dd77edbe678b as PanelCard, $4bdfa9cd8240b2fd$export$612ca936d3ed4784 as DetailPanelStyle, $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290 as MapAreaContainer, $4bdfa9cd8240b2fd$export$fa395a37c3898ae3 as MapStyledContainer, $0118fc9193bb1bf4$export$ab1e7a67d6ec5ad8 as MapView, $0118fc9193bb1bf4$export$cee395a8a2a00b29 as MapTerrainManager, $91d5aa004eeb2226$export$db1a2e058a06fb5c as MapBottomControls, $4bc3dd5f0732eed3$export$31b2e088aff2dc5d as MapResizeManager, $4bc3dd5f0732eed3$export$2ab96428dea558d6 as MapPaddingManager, $4bc3dd5f0732eed3$export$f6eeee399afc4e9a as MapMovedReporter, $4bc3dd5f0732eed3$export$e57f9eaa51773f82 as MapLoadingReporter, $4bc3dd5f0732eed3$export$5c90a91c7455938c as MapMarker, $4bc3dd5f0732eed3$export$6daf1520df36ae21 as useBasicMapStyle, $4bc3dd5f0732eed3$export$3503bf0b3851527b as getBasicMapStyle, $4bc3dd5f0732eed3$export$566518253d2584f8 as useBasicStylePair, $82fe09613877ffc2$export$bb78f9f01775eef1 as getMapPadding, $82fe09613877ffc2$export$278090850f6b3a9f as useMapMarker, $4fae2d573d730db8$export$716098b85fd0efdf as ValueWithUnit, $4fae2d573d730db8$export$af8082af0bea3eb1 as DegreeCoord, $4fae2d573d730db8$export$f195b3550849e560 as LngLatCoords, $4fae2d573d730db8$export$58bfb4f6ec5aa58d as Elevation, $bb5f34705d9c44bc$export$8391d1abb505ffb3 as applyMapPositionToHash, $bb5f34705d9c44bc$export$80abf1cbcc3918e4 as getMapPositionForHash, $d570ac304373e71c$export$cea00a9d724d5a32 as ExpansionPanelSummary, $d570ac304373e71c$export$39c134eb0b07cf0e as InfoPanelSection, $d570ac304373e71c$export$40e646e38e6ed100 as ExpansionPanel, $d570ac304373e71c$export$d7160281aff7c3b8 as SubExpansionPanel, $d570ac304373e71c$export$44ad9ff780615135 as ExpandableDetailsPanel, $d570ac304373e71c$export$263416b670b3f129 as ExpansionBody, $72e497a412b1da0a$export$ed081779ec3709aa as PanelSubhead};
 //# sourceMappingURL=index.js.map

package/dist/esm/{location-info.5543bb05.js → location-info.4b39fdfc.js}

@@ -2,6 +2,8 @@ import {formatValue as $3e1bd09be8f70c4c$export$7c4d25c0c3217d8c} from "./utils.
 import {applyMapPositionToHash as $bb5f34705d9c44bc$export$8391d1abb505ffb3, getMapPositionForHash as $bb5f34705d9c44bc$export$80abf1cbcc3918e4} from "./hash-string.836601b2.js";
 import $2Lirf$macrostrathyper from "@macrostrat/hyper";
 import {formatCoordForZoomLevel as $2Lirf$formatCoordForZoomLevel, normalizeLng as $2Lirf$normalizeLng, metersToFeet as $2Lirf$metersToFeet} from "@macrostrat/mapbox-utils";
+import {LngLat as $2Lirf$LngLat} from "mapbox-gl";
+
 
 
 
@@ -33,9 +35,17 @@ function $4fae2d573d730db8$export$f195b3550849e560(props) {
     /** Formatted geographic coordinates */ const { position: position, className: className, precision: precision, zoom: zoom } = props;
     let { format: format } = props;
     if (position == null) return null;
-    let lat, lng;
+    let lat;
+    let lng;
     if (Array.isArray(position)) [lng, lat] = position;
-    else ({ lat: lat, lng: lng } = position);
+    else if (position instanceof (0, $2Lirf$LngLat)) [lng, lat] = position.toArray();
+    else if ("lng" in position) {
+        lat = position.lat;
+        lng = position.lng;
+    } else if ("lon" in position) {
+        lat = position.lat;
+        lng = position.lon;
+    }
     if (zoom != null && format == null && precision == null) format = (val, _)=>(0, $2Lirf$formatCoordForZoomLevel)(val, zoom);
     return (0, $2Lirf$macrostrathyper)("div.lnglat-container", {
         className: className
@@ -86,4 +96,4 @@ function $4fae2d573d730db8$export$58bfb4f6ec5aa58d(props) {
 
 
 export {$4fae2d573d730db8$export$716098b85fd0efdf as ValueWithUnit, $4fae2d573d730db8$export$af8082af0bea3eb1 as DegreeCoord, $4fae2d573d730db8$export$f195b3550849e560 as LngLatCoords, $4fae2d573d730db8$export$58bfb4f6ec5aa58d as Elevation, $bb5f34705d9c44bc$export$8391d1abb505ffb3 as applyMapPositionToHash, $bb5f34705d9c44bc$export$80abf1cbcc3918e4 as getMapPositionForHash};
-//# sourceMappingURL=location-info.5543bb05.js.map
+//# sourceMappingURL=location-info.4b39fdfc.js.map

package/dist/esm/location-info.4b39fdfc.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAWO,SAAS,0CAAc,KAAK;IACjC,MAAM,SAAE,KAAK,QAAE,IAAI,EAAE,GAAG;IACxB,OAAO,CAAA,GAAA,sBAAA,EAAE,wBAAwB;QAC/B,CAAA,GAAA,sBAAA,EAAE,cAAc;YAAC;SAAM;QACvB,CAAA,GAAA,sBAAA,EAAE,eAAe;YAAC;SAAI;QACtB,CAAA,GAAA,sBAAA,EAAE,aAAa;YAAC;SAAK;KACtB;AACH;AAEO,SAAS,0CAAY,KAAK;IAC/B,MAAM,SAAE,KAAK,UAAE,MAAM,aAAE,YAAY,WAAG,SAAS,CAAA,GAAA,yCAAU,GAAG,GAAG;IAC/D,MAAM,YAAY,QAAQ,IAAI,MAAM,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE;IAEnD,OAAO,CAAA,GAAA,sBAAA,EAAE,2CAAe;QACtB,OAAO,OAAO,KAAK,GAAG,CAAC,QAAQ,aAAa;QAC5C,MAAM;IACR;AACF;AAcO,SAAS,0CAAa,KAAkB;IAC7C,qCAAqC,GACrC,MAAM,YAAE,QAAQ,aAAE,SAAS,aAAE,SAAS,QAAE,IAAI,EAAE,GAAG;IACjD,IAAI,UAAE,MAAM,EAAE,GAAG;IACjB,IAAI,YAAY,MACd,OAAO;IAGT,IAAI;IACJ,IAAI;IACJ,IAAI,MAAM,OAAO,CAAC,WAChB,CAAC,KAAK,IAAI,GAAG;SACR,IAAI,oBAAoB,CAAA,GAAA,aAAK,GAClC,CAAC,KAAK,IAAI,GAAG,SAAS,OAAO;SACxB,IAAI,SAAS,UAAU;QAC5B,MAAM,SAAS,GAAG;QAClB,MAAM,SAAS,GAAG;IACpB,OAAO,IAAI,SAAS,UAAU;QAC5B,MAAM,SAAS,GAAG;QAClB,MAAM,SAAS,GAAG;IACpB;IAEA,IAAI,QAAQ,QAAQ,UAAU,QAAQ,aAAa,MACjD,SAAS,CAAC,KAAK,IAAM,CAAA,GAAA,8BAAsB,EAAE,KAAK;IAGpD,OAAO,CAAA,GAAA,sBAAA,EAAE,wBAAwB;mBAAE;IAAU,GAAG;QAC9C,CAAA,GAAA,sBAAA,EAAE,eAAe;YACf,CAAA,GAAA,sBAAA,EAAE,2CAAa;gBACb,OAAO;gBACP,QAAQ;oBAAC;oBAAK;iBAAI;2BAClB;wBACA;YACF;YACA;YACA,CAAA,GAAA,sBAAA,EAAE,2CAAa;gBACb,OAAO,CAAA,GAAA,mBAAW,EAAE;gBACpB,QAAQ;oBAAC;oBAAK;iBAAI;2BAClB;wBACA;YACF;SACD;KACF;AACH;AAEO,SAAS,0CAAU,KAAK;IAC7B,iFAAiF,GACjF,MAAM,aAAE,SAAS,aAAE,SAAS,eAAE,cAAc,MAAM,GAAG;IACrD,IAAI,aAAa,MAAM,OAAO;IAC9B,OAAO,CAAA,GAAA,sBAAA,EAAE,iBAAiB;mBAAE;IAAU,GAAG;QACvC,CAAA,GAAA,sBAAA,EAAE,2CAAe;YAAE,OAAO;YAAW,MAAM;QAAI;QAC/C,CAAA,GAAA,sBAAA,EAAE,EAAE,CAAC,aAAa,kBAAkB;YAClC;YACA,CAAA,GAAA,sBAAA,EAAE,2CAAe;gBAAE,OAAO,CAAA,GAAA,mBAAW,EAAE;gBAAY,MAAM;YAAK;YAC9D;SACD;KACF;AACH","sources":["packages/map-interface/src/location-info/index.ts"],"sourcesContent":["import h from \"@macrostrat/hyper\";\nimport {\n  formatCoordForZoomLevel,\n  metersToFeet,\n  normalizeLng,\n} from \"@macrostrat/mapbox-utils\";\nimport { formatValue } from \"./utils\";\nimport { LngLat } from \"mapbox-gl\";\n\nexport * from \"./hash-string\";\n\nexport function ValueWithUnit(props) {\n  const { value, unit } = props;\n  return h(\"span.value-with-unit\", [\n    h(\"span.value\", [value]),\n    h(\"span.spacer\", [\" \"]),\n    h(\"span.unit\", [unit]),\n  ]);\n}\n\nexport function DegreeCoord(props) {\n  const { value, labels, precision = 3, format = formatValue } = props;\n  const direction = value < 0 ? labels[1] : labels[0];\n\n  return h(ValueWithUnit, {\n    value: format(Math.abs(value), precision) + \"°\",\n    unit: direction,\n  });\n}\n\nexport interface LngLatProps {\n  /** Map position */\n  position: mapboxgl.LngLatLike | null;\n  className?: string;\n  /** Zoom level (used to infer coordinate rounding if provided) */\n  zoom?: number;\n  /** Number of decimal places to round coordinates to */\n  precision?: number;\n  /** Function to format coordinates */\n  format?: (val: number, precision: number) => string;\n}\n\nexport function LngLatCoords(props: LngLatProps) {\n  /** Formatted geographic coordinates */\n  const { position, className, precision, zoom } = props;\n  let { format } = props;\n  if (position == null) {\n    return null;\n  }\n\n  let lat: number;\n  let lng: number;\n  if (Array.isArray(position)) {\n    [lng, lat] = position;\n  } else if (position instanceof LngLat) {\n    [lng, lat] = position.toArray();\n  } else if (\"lng\" in position) {\n    lat = position.lat;\n    lng = position.lng;\n  } else if (\"lon\" in position) {\n    lat = position.lat;\n    lng = position.lon;\n  }\n\n  if (zoom != null && format == null && precision == null) {\n    format = (val, _) => formatCoordForZoomLevel(val, zoom);\n  }\n\n  return h(\"div.lnglat-container\", { className }, [\n    h(\"span.lnglat\", [\n      h(DegreeCoord, {\n        value: lat,\n        labels: [\"N\", \"S\"],\n        precision,\n        format,\n      }),\n      \", \",\n      h(DegreeCoord, {\n        value: normalizeLng(lng),\n        labels: [\"E\", \"W\"],\n        precision,\n        format,\n      }),\n    ]),\n  ]);\n}\n\nexport function Elevation(props) {\n  /** Renders an elevation value in meters and a parenthetical conversion to feet. */\n  const { elevation, className, includeFeet = true } = props;\n  if (elevation == null) return null;\n  return h(\"div.elevation\", { className }, [\n    h(ValueWithUnit, { value: elevation, unit: \"m\" }),\n    h.if(includeFeet)(\"span.secondary\", [\n      \" (\",\n      h(ValueWithUnit, { value: metersToFeet(elevation), unit: \"ft\" }),\n      \")\",\n    ]),\n  ]);\n}\n"],"names":[],"version":3,"file":"location-info.4b39fdfc.js.map"}

package/dist/esm/{location-panel.c620b13b.js → location-panel.c9942d88.js}

@@ -1,7 +1,7 @@
-import {InfoDrawerHeader as $427faf94283514d4$export$e9ff14c4822c2e8c} from "./header.a73b6e0a.js";
+import {InfoDrawerHeader as $427faf94283514d4$export$e9ff14c4822c2e8c} from "./header.a3da6906.js";
 import "../cjs/main.module.13eb33f8.css";
 import $2cJVU$mainmodule303f6d99js from "./main.module.303f6d99.js";
-import {PanelCard as $4bdfa9cd8240b2fd$export$ec68dd77edbe678b} from "./container.bba0b16c.js";
+import {PanelCard as $4bdfa9cd8240b2fd$export$ec68dd77edbe678b} from "./container.1c2aa81d.js";
 import $2cJVU$macrostrathyper from "@macrostrat/hyper";
 import $2cJVU$classnames from "classnames";
 import {ErrorBoundary as $2cJVU$ErrorBoundary} from "@macrostrat/ui-components";
@@ -55,4 +55,4 @@ function $f50c3537aaff0cff$export$aa4baff5242ea6e1(props) {
 
 
 export {$f50c3537aaff0cff$export$83f9a19cf91c2d06 as InfoDrawerContainer, $f50c3537aaff0cff$export$a5ddcc2a88716895 as BaseInfoDrawer, $f50c3537aaff0cff$export$e54a7f2505304e20 as DetailsPanel, $f50c3537aaff0cff$export$aa4baff5242ea6e1 as LocationPanel};
-//# sourceMappingURL=location-panel.c620b13b.js.map
+//# sourceMappingURL=location-panel.c9942d88.js.map

package/dist/esm/{location-panel.c620b13b.js.map → location-panel.c9942d88.js.map}

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;AAQA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,sEAAK;AAErB,SAAS,0CAAoB,KAAK;IACvC,MAAM,YAAY,CAAA,GAAA,iBAAS,EAAE,cAAc,MAAM,SAAS;IAC1D,OAAO,wBAAE,CAAA,GAAA,yCAAQ,GAAG;QAAE,GAAG,KAAK;mBAAE;IAAU;AAC5C;AAYO,SAAS,0CAAe,KAA0B;IACvD,MAAM,aACJ,SAAS,iBACT,gBAAgB,aAChB,KAAK,WACL,OAAO,YACP,QAAQ,oBACR,mBAAmB,2BACnB,GAAG,MACJ,GAAG;IACJ,MAAM,SACJ,iBACA,wBAAE,CAAA,GAAA,yCAAe,GAAG;iBAAE;QAAS,GAAG,IAAI;IAAC,GAAG;QACxC,SAAS,OAAO,OAAO,wBAAE,MAAM;YAAC;SAAM;KACvC;IACH,OAAO,wBAAE,2CAAqB;mBAAE;IAAU,GAAG;QAC3C;QACA,wBAAE,uBAAuB,wBAAE,CAAA,GAAA,oBAAY,GAAG,wBAAE,kBAAkB;KAC/D;AACH;AAEO,MAAM,4CAAe;AAErB,SAAS,0CAAc,KAAK;IACjC,MAAM,YAAE,QAAQ,aAAE,SAAS,WAAE,UAAU,OAAO,GAAG,MAAM,GAAG;IAC1D,MAAM,MAAM,CAAA,GAAA,iBAAS,EAAE,kBAAkB,WAAW;iBAAE;IAAQ;IAC9D,OAAO,wBAAE,2CAAgB;QAAE,WAAW;QAAK,GAAG,IAAI;IAAC,GAAG;AACxD","sources":["packages/map-interface/src/location-panel/index.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport { InfoDrawerHeader, InfoDrawerHeaderProps } from \"./header\";\nimport classNames from \"classnames\";\nimport styles from \"./main.module.sass\";\nimport { ErrorBoundary } from \"@macrostrat/ui-components\";\nimport { PanelCard } from \"../container\";\nimport { ComponentType } from \"react\";\n\nconst h = hyper.styled(styles);\n\nexport function InfoDrawerContainer(props) {\n  const className = classNames(\"infodrawer\", props.className);\n  return h(PanelCard, { ...props, className });\n}\n\ntype Component = string | ComponentType<any>;\n\ninterface BaseInfoDrawerProps extends InfoDrawerHeaderProps {\n  className?: string;\n  title?: string;\n  headerElement?: JSX.Element;\n  children?: React.ReactNode;\n  contentContainer?: Component;\n}\n\nexport function BaseInfoDrawer(props: BaseInfoDrawerProps) {\n  const {\n    className,\n    headerElement = null,\n    title,\n    onClose,\n    children,\n    contentContainer = \"div.infodrawer-contents\",\n    ...rest\n  } = props;\n  const header =\n    headerElement ??\n    h(InfoDrawerHeader, { onClose, ...rest }, [\n      title == null ? null : h(\"h3\", [title]),\n    ]);\n  return h(InfoDrawerContainer, { className }, [\n    header,\n    h(\"div.infodrawer-body\", h(ErrorBoundary, h(contentContainer, children))),\n  ]);\n}\n\nexport const DetailsPanel = BaseInfoDrawer;\n\nexport function LocationPanel(props) {\n  const { children, className, loading = false, ...rest } = props;\n  const cls = classNames(\"location-panel\", className, { loading });\n  return h(BaseInfoDrawer, { className: cls, ...rest }, children);\n}\n"],"names":[],"version":3,"file":"location-panel.c620b13b.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;AAQA,MAAM,0BAAI,CAAA,GAAA,sBAAI,EAAE,MAAM,CAAC,CAAA,GAAA,sEAAK;AAErB,SAAS,0CAAoB,KAAK;IACvC,MAAM,YAAY,CAAA,GAAA,iBAAS,EAAE,cAAc,MAAM,SAAS;IAC1D,OAAO,wBAAE,CAAA,GAAA,yCAAQ,GAAG;QAAE,GAAG,KAAK;mBAAE;IAAU;AAC5C;AAYO,SAAS,0CAAe,KAA0B;IACvD,MAAM,aACJ,SAAS,iBACT,gBAAgB,aAChB,KAAK,WACL,OAAO,YACP,QAAQ,oBACR,mBAAmB,2BACnB,GAAG,MACJ,GAAG;IACJ,MAAM,SACJ,iBACA,wBAAE,CAAA,GAAA,yCAAe,GAAG;iBAAE;QAAS,GAAG,IAAI;IAAC,GAAG;QACxC,SAAS,OAAO,OAAO,wBAAE,MAAM;YAAC;SAAM;KACvC;IACH,OAAO,wBAAE,2CAAqB;mBAAE;IAAU,GAAG;QAC3C;QACA,wBAAE,uBAAuB,wBAAE,CAAA,GAAA,oBAAY,GAAG,wBAAE,kBAAkB;KAC/D;AACH;AAEO,MAAM,4CAAe;AAErB,SAAS,0CAAc,KAAK;IACjC,MAAM,YAAE,QAAQ,aAAE,SAAS,WAAE,UAAU,OAAO,GAAG,MAAM,GAAG;IAC1D,MAAM,MAAM,CAAA,GAAA,iBAAS,EAAE,kBAAkB,WAAW;iBAAE;IAAQ;IAC9D,OAAO,wBAAE,2CAAgB;QAAE,WAAW;QAAK,GAAG,IAAI;IAAC,GAAG;AACxD","sources":["packages/map-interface/src/location-panel/index.ts"],"sourcesContent":["import hyper from \"@macrostrat/hyper\";\nimport { InfoDrawerHeader, InfoDrawerHeaderProps } from \"./header\";\nimport classNames from \"classnames\";\nimport styles from \"./main.module.sass\";\nimport { ErrorBoundary } from \"@macrostrat/ui-components\";\nimport { PanelCard } from \"../container\";\nimport { ComponentType } from \"react\";\n\nconst h = hyper.styled(styles);\n\nexport function InfoDrawerContainer(props) {\n  const className = classNames(\"infodrawer\", props.className);\n  return h(PanelCard, { ...props, className });\n}\n\ntype Component = string | ComponentType<any>;\n\ninterface BaseInfoDrawerProps extends InfoDrawerHeaderProps {\n  className?: string;\n  title?: string;\n  headerElement?: JSX.Element;\n  children?: React.ReactNode;\n  contentContainer?: Component;\n}\n\nexport function BaseInfoDrawer(props: BaseInfoDrawerProps) {\n  const {\n    className,\n    headerElement = null,\n    title,\n    onClose,\n    children,\n    contentContainer = \"div.infodrawer-contents\",\n    ...rest\n  } = props;\n  const header =\n    headerElement ??\n    h(InfoDrawerHeader, { onClose, ...rest }, [\n      title == null ? null : h(\"h3\", [title]),\n    ]);\n  return h(InfoDrawerContainer, { className }, [\n    header,\n    h(\"div.infodrawer-body\", h(ErrorBoundary, h(contentContainer, children))),\n  ]);\n}\n\nexport const DetailsPanel = BaseInfoDrawer;\n\nexport function LocationPanel(props) {\n  const { children, className, loading = false, ...rest } = props;\n  const cls = classNames(\"location-panel\", className, { loading });\n  return h(BaseInfoDrawer, { className: cls, ...rest }, children);\n}\n"],"names":[],"version":3,"file":"location-panel.c9942d88.js.map"}

package/dist/esm/main.module.303f6d99.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAVA,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAAwC,CAAC,0BAA0B,CAAC;AACpE,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA0C,CAAC,4BAA4B,CAAC;AACxE,2CAAsC,CAAC,wBAAwB,CAAC;AAChE,4CAA2B,CAAC,aAAa,CAAC","sources":["packages/map-interface/src/location-panel/main.module.sass"],"sourcesContent":[".copy-link-button:global(.bp5-minimal.bp5-button)\n  color: var(--text-subtle-color)\n\n  svg\n    fill: var(--text-subtle-color)\n\n.location-panel-header\n  padding: 5px\n  display: flex\n  flex-direction: row\n  align-items: center\n  gap: var(--panel-header-gap, 0.5rem)\n  min-height: var(--panel-header-height, 40px)\n  border-bottom: 1px solid var(--panel-rule-color)\n  &.fixed-height\n    height: var(--panel-header-height, 40px)\n\n  .spacer\n    flex-grow: 1\n    // Ensure the spacer is not extra wide\n    margin-right: calc(-1 * var(--panel-header-gap, 0.5rem))\n\n  .left-icon\n    padding: 7px\n\n  .position-controls :global(.bp5-button)\n    font-size: 12px !important\n\n  // Text elements should\n  h1, h2, h3, h4, h5, h6, p\n    margin: 0\n    font-size: 16px\n    overflow: hidden\n    text-overflow: ellipsis\n    &:first-child\n      margin-left: 10px\n\n.infodrawer-header-item\n  font-size: 12px\n\n  :global(.secondary)\n    font-size: 0.9em\n    color: var(--text-subtle-color)\n\n.infodrawer\n  pointer-events: all\n  max-height: 100%\n  max-width: 100%\n  height: fit-content\n  display: flex\n  flex-direction: column\n  overflow-y: hidden\n  background-color: var(--panel-background-color)\n\n  &:global(.bp5-card)\n    padding: 0\n    background-color: var(--panel-background-color)\n\n\n  &.loading\n    .infodrawer-body\n      overflow-y: hidden\n      min-height: 70px\n\n\n.infodrawer-contents\n  padding: 0 1em\n  &>:first-child\n    margin-top: 1rem\n  &>:last-child\n    margin-bottom: 1rem\n\n// The scrollable body of the infodrawer\n.infodrawer-body\n  flex-shrink: 1\n  min-height: 0\n  transition: min-height 0.5s ease\n  overflow-y: scroll\n  position: relative\n\n// TODO: remove this when we have a better way to handle card media queries\n@media screen and (max-width: 768px)\n  .infodrawer\n    border-radius: var(--panel-border-radius, 0px)\n"],"names":[],"version":3,"file":"main.module.303f6d99.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAVA,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAAwC,CAAC,0BAA0B,CAAC;AACpE,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA0C,CAAC,4BAA4B,CAAC;AACxE,2CAAsC,CAAC,wBAAwB,CAAC;AAChE,4CAA2B,CAAC,aAAa,CAAC","sources":["packages/map-interface/src/location-panel/main.module.sass"],"sourcesContent":[".copy-link-button:global(.bp5-minimal.bp5-button)\n  color: var(--text-subtle-color)\n\n  svg\n    fill: var(--text-subtle-color)\n\n.location-panel-header\n  padding: 5px\n  display: flex\n  flex-direction: row\n  align-items: center\n  gap: var(--panel-header-gap, 0.5rem)\n  min-height: var(--panel-header-height, 40px)\n  border-bottom: 1px solid var(--panel-rule-color)\n  &.fixed-height\n    height: var(--panel-header-height, 40px)\n\n  .spacer\n    flex-grow: 1\n    // Ensure the spacer is not extra wide\n    margin-right: calc(-1 * var(--panel-header-gap, 0.5rem))\n\n  .left-icon\n    padding: 7px\n\n  .position-controls :global(.bp5-button)\n    font-size: 12px !important\n\n  // Text elements should\n  h1, h2, h3, h4, h5, h6, p\n    margin: 0\n    font-size: 16px\n    overflow: hidden\n    text-overflow: ellipsis\n    &:first-child\n      margin-left: 10px\n\n.infodrawer-header-item\n  font-size: 12px\n\n  :global(.secondary)\n    font-size: 0.9em\n    color: var(--text-subtle-color)\n\n.infodrawer\n  pointer-events: all\n  max-height: 100%\n  max-width: 100%\n  height: fit-content\n  display: flex\n  flex-direction: column\n  overflow-y: hidden\n  background-color: var(--panel-background-color)\n  --panel-padding: 0\n\n  &:global(.bp5-card)\n    padding: 0\n    background-color: var(--panel-background-color)\n\n\n  &.loading\n    .infodrawer-body\n      overflow-y: hidden\n      min-height: 70px\n\n\n.infodrawer-contents\n  padding: 0 1em\n  &>:first-child\n    margin-top: 1rem\n  &>div:first-child\n    margin-top: 0\n  &>:last-child\n    margin-bottom: 1rem\n  &>div:last-child\n    margin-bottom: 0\n\n// The scrollable body of the infodrawer\n.infodrawer-body\n  flex-shrink: 1\n  min-height: 0\n  transition: min-height 0.5s ease\n  overflow-y: scroll\n  position: relative\n\n// TODO: remove this when we have a better way to handle card media queries\n@media screen and (max-width: 768px)\n  .infodrawer\n    border-radius: var(--panel-border-radius, 0px)\n"],"names":[],"version":3,"file":"main.module.303f6d99.js.map"}

package/dist/esm/{main.module.f70e002b.js → main.module.504d756b.js}

@@ -21,6 +21,7 @@ $parcel$export($1f5c274a1b8d54c3$exports, "detail-panel-holder", () => $1f5c274a
 $parcel$export($1f5c274a1b8d54c3$exports, "map-control-stack", () => $1f5c274a1b8d54c3$export$c163dab1f00a51cb, (v) => $1f5c274a1b8d54c3$export$c163dab1f00a51cb = v);
 $parcel$export($1f5c274a1b8d54c3$exports, "main-row", () => $1f5c274a1b8d54c3$export$bc4885f800420ea3, (v) => $1f5c274a1b8d54c3$export$bc4885f800420ea3 = v);
 $parcel$export($1f5c274a1b8d54c3$exports, "map-ui", () => $1f5c274a1b8d54c3$export$7d4a718201bc0bd1, (v) => $1f5c274a1b8d54c3$export$7d4a718201bc0bd1 = v);
+$parcel$export($1f5c274a1b8d54c3$exports, "standalone", () => $1f5c274a1b8d54c3$export$983430b50142290b, (v) => $1f5c274a1b8d54c3$export$983430b50142290b = v);
 $parcel$export($1f5c274a1b8d54c3$exports, "mapbox-map", () => $1f5c274a1b8d54c3$export$d0dcaf774d09fc4c, (v) => $1f5c274a1b8d54c3$export$d0dcaf774d09fc4c = v);
 $parcel$export($1f5c274a1b8d54c3$exports, "context-panel-holder", () => $1f5c274a1b8d54c3$export$1113ec858cdbc244, (v) => $1f5c274a1b8d54c3$export$1113ec858cdbc244 = v);
 $parcel$export($1f5c274a1b8d54c3$exports, "panel-card", () => $1f5c274a1b8d54c3$export$8eff531ff0f1cffe, (v) => $1f5c274a1b8d54c3$export$8eff531ff0f1cffe = v);
@@ -74,6 +75,7 @@ var $1f5c274a1b8d54c3$export$f553ebb4e6df6c5f;
 var $1f5c274a1b8d54c3$export$c163dab1f00a51cb;
 var $1f5c274a1b8d54c3$export$bc4885f800420ea3;
 var $1f5c274a1b8d54c3$export$7d4a718201bc0bd1;
+var $1f5c274a1b8d54c3$export$983430b50142290b;
 var $1f5c274a1b8d54c3$export$d0dcaf774d09fc4c;
 var $1f5c274a1b8d54c3$export$1113ec858cdbc244;
 var $1f5c274a1b8d54c3$export$8eff531ff0f1cffe;
@@ -127,6 +129,7 @@ $1f5c274a1b8d54c3$export$f553ebb4e6df6c5f = "detail-panel-holder_4c0a66";
 $1f5c274a1b8d54c3$export$c163dab1f00a51cb = "map-control-stack_4c0a66";
 $1f5c274a1b8d54c3$export$bc4885f800420ea3 = "main-row_4c0a66";
 $1f5c274a1b8d54c3$export$7d4a718201bc0bd1 = "map-ui_4c0a66";
+$1f5c274a1b8d54c3$export$983430b50142290b = "standalone_4c0a66";
 $1f5c274a1b8d54c3$export$d0dcaf774d09fc4c = "mapbox-map_4c0a66";
 $1f5c274a1b8d54c3$export$1113ec858cdbc244 = "context-panel-holder_4c0a66";
 $1f5c274a1b8d54c3$export$8eff531ff0f1cffe = "panel-card_4c0a66";
@@ -166,4 +169,4 @@ $1f5c274a1b8d54c3$export$b4dbb67ffc3cc7a9 = "context-panel_4c0a66";
 
 
 export {$1f5c274a1b8d54c3$exports as default};
-//# sourceMappingURL=main.module.f70e002b.js.map
+//# sourceMappingURL=main.module.504d756b.js.map

package/dist/esm/main.module.504d756b.js.map

@@ -0,0 +1 @@
+{"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":"main.module.504d756b.js.map"}

package/dist/esm/main.module.9c57cc95.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AALA,4CAAmC,CAAC,sBAAsB,CAAC;AAC3D,4CAA2B,CAAC,cAAc,CAAC;AAC3C,4CAAkC,CAAC,qBAAqB,CAAC;AACzD,4CAA8B,CAAC,iBAAiB,CAAC;AACjD,4CAAqC,CAAC,wBAAwB,CAAC;AAC/D,4CAAkC,CAAC,qBAAqB,CAAC","sources":["packages/map-interface/src/context-panel/main.module.sass"],"sourcesContent":[".searchbar-holder\n  transition: margin 300ms\n  display: flex\n  flex-direction: column\n  margin: 0\n\n  .navbar-holder\n    display: flex\n    flex-direction: row\n\n  .searchbar\n    width: 100%\n    background-color: var(--panel-background-color)\n    border-radius: var(--map-panel-border-radius, 5px)\n    padding: var(--navbar-padding, 10px)\n    display: flex\n    flex-direction: row\n    align-items: center\n    gap: 5px\n\n    :global(.bp5-input-group)\n      flex-grow: 1\n      cursor: text\n\n.navbar\n  min-height: 50px\n\n:global(.bp5-navbar) > .loading-button\n  width: 40px\n  height: 40px\n\n.status-tongue\n  background-color: var(--panel-background-color)\n  margin: 5px\n  margin-bottom: 0\n  margin-top: -12px\n  padding: 0\n  padding-top: 12px\n  overflow: hidden\n\n@media screen and (max-width: 768px)\n  .status-tongue\n    max-width: 100vw\n    margin: 0\n    border-radius: 0\n    margin-top: -3px\n"],"names":[],"version":3,"file":"main.module.9c57cc95.js.map"}
+{"mappings":";;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AALA,4CAAmC,CAAC,sBAAsB,CAAC;AAC3D,4CAA2B,CAAC,cAAc,CAAC;AAC3C,4CAAkC,CAAC,qBAAqB,CAAC;AACzD,4CAA8B,CAAC,iBAAiB,CAAC;AACjD,4CAAqC,CAAC,wBAAwB,CAAC;AAC/D,4CAAkC,CAAC,qBAAqB,CAAC","sources":["packages/map-interface/src/context-panel/main.module.sass"],"sourcesContent":[".searchbar-holder\n  transition: margin 300ms\n  display: flex\n  flex-direction: column\n  margin: 0\n\n  .navbar-holder\n    display: flex\n    flex-direction: row\n\n  .searchbar\n    width: 100%\n    background-color: var(--panel-background-color)\n    border-radius: var(--map-panel-border-radius, 5px)\n    padding: var(--navbar-padding, 10px)\n    display: flex\n    flex-direction: row\n    align-items: center\n    gap: 5px\n\n    :global(.bp5-input-group)\n      flex-grow: 1\n      cursor: text\n\n.navbar\n  min-height: 50px\n\n:global(.bp5-navbar) > .loading-button\n  width: 40px\n  height: 40px\n\n.status-tongue:global(.bp5-card)\n  background-color: var(--panel-background-color)\n  margin: 5px\n  margin-bottom: 0\n  margin-top: -12px\n  padding: 0\n  padding-top: 12px\n  overflow: hidden\n\n@media screen and (max-width: 768px)\n  .status-tongue\n    max-width: 100vw\n    margin: 0\n    border-radius: 0\n    margin-top: -3px\n"],"names":[],"version":3,"file":"main.module.9c57cc95.js.map"}

package/dist/esm/{map-page.1da2d70c.js → map-page.660a1723.js}

@@ -1,9 +1,9 @@
 import {buildInspectorStyle as $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6} from "./xray.c0663c25.js";
-import {MapAreaContainer as $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290, PanelCard as $4bdfa9cd8240b2fd$export$ec68dd77edbe678b} from "./container.bba0b16c.js";
+import {MapAreaContainer as $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290, PanelCard as $4bdfa9cd8240b2fd$export$ec68dd77edbe678b} from "./container.1c2aa81d.js";
 import {FloatingNavbar as $6e914c81c8e053da$export$a8cc0062d02a3841, MapLoadingButton as $6e914c81c8e053da$export$9e3bae3c08bde368} from "./context-panel.5dae1a8c.js";
-import {MapMarker as $4bc3dd5f0732eed3$export$5c90a91c7455938c} from "./helpers.fb1d7227.js";
-import {LocationPanel as $f50c3537aaff0cff$export$aa4baff5242ea6e1} from "./location-panel.c620b13b.js";
-import {MapView as $0118fc9193bb1bf4$export$ab1e7a67d6ec5ad8} from "./map-view.1fc6297b.js";
+import {MapMarker as $4bc3dd5f0732eed3$export$5c90a91c7455938c, useBasicMapStyle as $4bc3dd5f0732eed3$export$6daf1520df36ae21} from "./helpers.d32a342a.js";
+import {LocationPanel as $f50c3537aaff0cff$export$aa4baff5242ea6e1} from "./location-panel.c9942d88.js";
+import {MapView as $0118fc9193bb1bf4$export$ab1e7a67d6ec5ad8} from "./map-view.d1c5b113.js";
 import $f1pTx$mainmodule5eb366dejs from "./main.module.5eb366de.js";
 import "../cjs/main.module.becc2fe7.css";
 import {TileExtentLayer as $1d4d29ef2725aa16$export$86c09739b12f23cd} from "./tile-extent.ca526996.js";
@@ -43,8 +43,9 @@ function $a281a0612311d660$export$eab3034e57b46e26({ title: title = "Map inspect
   */ const dark = (0, $f1pTx$useDarkMode)();
     const isEnabled = dark?.isEnabled;
     if (mapboxToken != null) (0, $f1pTx$mapboxgl).accessToken = mapboxToken;
-    if (styleType == "macrostrat") style ??= isEnabled ? "mapbox://styles/jczaplewski/cl5uoqzzq003614o6url9ou9z?optimize=true" : "mapbox://styles/jczaplewski/clatdbkw4002q14lov8zx0bm0?optimize=true";
-    else style ??= isEnabled ? "mapbox://styles/mapbox/dark-v10" : "mapbox://styles/mapbox/light-v10";
+    style ??= (0, $4bc3dd5f0732eed3$export$6daf1520df36ae21)({
+        styleType: styleType
+    });
     const [isOpen, setOpen] = (0, $f1pTx$useState)(false);
     const [state, setState] = (0, $f1pTx$useStoredState)("macrostrat:dev-map-page", {
         showTileExtent: false,
@@ -172,4 +173,4 @@ const $a281a0612311d660$export$2391061fbdfb71ef = $a281a0612311d660$var$MapInspe
 
 
 export {$a281a0612311d660$export$dda1d9f60106f0e9 as h, $a281a0612311d660$export$eab3034e57b46e26 as MapInspectorV2, $a281a0612311d660$export$2391061fbdfb71ef as DevMapPage};
-//# sourceMappingURL=map-page.1da2d70c.js.map
+//# sourceMappingURL=map-page.660a1723.js.map

package/dist/esm/map-page.660a1723.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/map-interface/src/dev/map-page.ts"],"sourcesContent":["// Import other components\nimport { Switch } from \"@blueprintjs/core\";\nimport hyper from \"@macrostrat/hyper\";\nimport { Spacer, useDarkMode, useStoredState } from \"@macrostrat/ui-components\";\nimport mapboxgl from \"mapbox-gl\";\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 } 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\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}: {\n  headerElement?: React.ReactNode;\n  transformRequest?: mapboxgl.TransformRequestFunction;\n  title?: string;\n  style?: mapboxgl.Style | string;\n  controls?: React.ReactNode;\n  children?: React.ReactNode;\n  mapboxToken?: string;\n  overlayStyle?: mapboxgl.Style | 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}) {\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  style ??= useBasicMapStyle({ styleType });\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      },\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-page.660a1723.js.map"}

package/dist/esm/{map-view.1fc6297b.js → map-view.d1c5b113.js}

@@ -1,13 +1,13 @@
-import $jKrEn$mainmodulef70e002bjs from "./main.module.f70e002b.js";
-import "../cjs/main.module.f57e27f2.css";
-import {MapLoadingReporter as $4bc3dd5f0732eed3$export$e57f9eaa51773f82, MapMovedReporter as $4bc3dd5f0732eed3$export$f6eeee399afc4e9a, MapPaddingManager as $4bc3dd5f0732eed3$export$2ab96428dea558d6, MapResizeManager as $4bc3dd5f0732eed3$export$31b2e088aff2dc5d} from "./helpers.fb1d7227.js";
+import $jKrEn$mainmodule504d756bjs from "./main.module.504d756b.js";
+import "../cjs/main.module.16d04f5b.css";
+import {MapLoadingReporter as $4bc3dd5f0732eed3$export$e57f9eaa51773f82, MapMovedReporter as $4bc3dd5f0732eed3$export$f6eeee399afc4e9a, MapResizeManager as $4bc3dd5f0732eed3$export$31b2e088aff2dc5d, MapPaddingManager as $4bc3dd5f0732eed3$export$2ab96428dea558d6} from "./helpers.d32a342a.js";
 import {getMapPadding as $82fe09613877ffc2$export$bb78f9f01775eef1} from "./utils.d40349f0.js";
 import $jKrEn$macrostrathyper from "@macrostrat/hyper";
-import {useMapDispatch as $jKrEn$useMapDispatch, useMapRef as $jKrEn$useMapRef, addTerrainToStyle as $jKrEn$addTerrainToStyle, useMapPosition as $jKrEn$useMapPosition, use3DTerrain as $jKrEn$use3DTerrain} from "@macrostrat/mapbox-react";
-import {setMapPosition as $jKrEn$setMapPosition, getMapPosition as $jKrEn$getMapPosition, mapViewInfo as $jKrEn$mapViewInfo, getMapboxStyle as $jKrEn$getMapboxStyle} from "@macrostrat/mapbox-utils";
+import {useMapDispatch as $jKrEn$useMapDispatch, useMapRef as $jKrEn$useMapRef, useMapStatus as $jKrEn$useMapStatus, getTerrainLayerForStyle as $jKrEn$getTerrainLayerForStyle, useMapPosition as $jKrEn$useMapPosition, use3DTerrain as $jKrEn$use3DTerrain} from "@macrostrat/mapbox-react";
+import {setMapPosition as $jKrEn$setMapPosition, getMapPosition as $jKrEn$getMapPosition, mapViewInfo as $jKrEn$mapViewInfo, mergeStyles as $jKrEn$mergeStyles, getMapboxStyle as $jKrEn$getMapboxStyle} from "@macrostrat/mapbox-utils";
 import $jKrEn$classnames from "classnames";
 import $jKrEn$mapboxgl from "mapbox-gl";
-import {useRef as $jKrEn$useRef} from "react";
+import {useRef as $jKrEn$useRef, useState as $jKrEn$useState, useEffect as $jKrEn$useEffect} from "react";
 import "mapbox-gl/dist/mapbox-gl.css";
 import {useAsyncEffect as $jKrEn$useAsyncEffect} from "@macrostrat/ui-components";
 
@@ -26,23 +26,23 @@ function $parcel$interopDefault(a) {
 
 
 
-const $0118fc9193bb1bf4$var$h = (0, $jKrEn$macrostrathyper).styled((0, ($parcel$interopDefault($jKrEn$mainmodulef70e002bjs))));
+const $0118fc9193bb1bf4$var$h = (0, $jKrEn$macrostrathyper).styled((0, ($parcel$interopDefault($jKrEn$mainmodule504d756bjs))));
 function $0118fc9193bb1bf4$var$defaultInitializeMap(container, args = {}) {
     const { mapPosition: mapPosition, ...rest } = args;
-    console.log("Initializing map (default)", args);
     const map = new (0, $jKrEn$mapboxgl).Map({
         container: container,
         maxZoom: 18,
-        //maxTileCacheSize: 0,
         logoPosition: "bottom-left",
         trackResize: true,
         antialias: true,
         optimizeForTerrain: true,
         ...rest
     });
+    let _mapPosition = mapPosition;
+    if (_mapPosition == null && rest.center == null && rest.bounds == null) // If no map positioning information is provided, we use the default
+    _mapPosition = $0118fc9193bb1bf4$var$defaultMapPosition;
     // set initial map position
-    if (mapPosition != null) (0, $jKrEn$setMapPosition)(map, mapPosition);
-    //setMapPosition(map, mapPosition);
+    if (_mapPosition != null) (0, $jKrEn$setMapPosition)(map, _mapPosition);
     return map;
 }
 const $0118fc9193bb1bf4$var$defaultMapPosition = {
@@ -54,8 +54,8 @@ const $0118fc9193bb1bf4$var$defaultMapPosition = {
 };
 function $0118fc9193bb1bf4$export$ab1e7a67d6ec5ad8(props) {
     let { terrainSourceID: terrainSourceID } = props;
-    const { enableTerrain: enableTerrain = true, style: style, mapPosition: mapPosition = $0118fc9193bb1bf4$var$defaultMapPosition, initializeMap: initializeMap = $0118fc9193bb1bf4$var$defaultInitializeMap, children: children, mapboxToken: mapboxToken, accessToken: // Deprecated
-    accessToken, infoMarkerPosition: infoMarkerPosition, transformRequest: transformRequest, projection: projection, onMapLoaded: onMapLoaded = null, onStyleLoaded: onStyleLoaded = null, onMapMoved: onMapMoved = null, ...rest } = props;
+    const { enableTerrain: enableTerrain = true, style: style, mapPosition: mapPosition, initializeMap: initializeMap = $0118fc9193bb1bf4$var$defaultInitializeMap, children: children, mapboxToken: mapboxToken, accessToken: // Deprecated
+    accessToken, infoMarkerPosition: infoMarkerPosition, transformRequest: transformRequest, projection: projection, onMapLoaded: onMapLoaded = null, onStyleLoaded: onStyleLoaded = null, onMapMoved: onMapMoved = null, standalone: standalone = false, overlayStyles: overlayStyles, transformStyle: transformStyle, ...rest } = props;
     if (enableTerrain) terrainSourceID ??= "mapbox-3d-dem";
     const _mapboxToken = mapboxToken ?? accessToken;
     if (_mapboxToken != null) (0, $jKrEn$mapboxgl).accessToken = _mapboxToken;
@@ -63,8 +63,10 @@ function $0118fc9193bb1bf4$export$ab1e7a67d6ec5ad8(props) {
     let mapRef = (0, $jKrEn$useMapRef)();
     const ref = (0, $jKrEn$useRef)();
     const parentRef = (0, $jKrEn$useRef)();
-    (0, $jKrEn$useAsyncEffect)(async ()=>{
-        /** Manager to update map style */ if (style == null) return;
+    const [baseStyle, setBaseStyle] = (0, $jKrEn$useState)(null);
+    const isStyleLoaded = (0, $jKrEn$useMapStatus)((state)=>state.isStyleLoaded);
+    (0, $jKrEn$useEffect)(()=>{
+        /** Manager to update map style */ if (baseStyle == null) return;
         let map = mapRef.current;
         /** If we can, we try to update the map style with terrain information
      * immediately, before the style is loaded. This allows us to avoid a
@@ -74,17 +76,22 @@ function $0118fc9193bb1bf4$export$ab1e7a67d6ec5ad8(props) {
      * doesn't always work.
      */ // We either get the map position directly from the map or from props
         const estMapPosition = map == null ? mapPosition : (0, $jKrEn$getMapPosition)(map);
-        let newStyle = style;
         const { mapUse3D: mapUse3D } = (0, $jKrEn$mapViewInfo)(estMapPosition);
-        /** If style is a string, we can't update it with terrain layers immediately.
-     * We need to wait for the style to load and then update it.
-     */ if (typeof style === "string") newStyle = await (0, $jKrEn$getMapboxStyle)(style, {
-            access_token: (0, $jKrEn$mapboxgl).accessToken
-        });
-        if (mapUse3D) // We can update the style with terrain layers immediately
-        newStyle = (0, $jKrEn$addTerrainToStyle)(newStyle, terrainSourceID);
+        let newStyle = baseStyle;
+        const overlayStyles = props.overlayStyles ?? [];
+        if (overlayStyles.length > 0) newStyle = (0, $jKrEn$mergeStyles)(newStyle, ...overlayStyles);
+        if (mapUse3D) {
+            // We can update the style with terrain layers immediately
+            const terrainStyle = (0, $jKrEn$getTerrainLayerForStyle)(newStyle, terrainSourceID);
+            newStyle = (0, $jKrEn$mergeStyles)(newStyle, terrainStyle);
+        }
+        if (transformStyle != null) newStyle = transformStyle(newStyle);
         if (map != null) {
             console.log("Setting style", newStyle);
+            dispatch({
+                type: "set-style-loaded",
+                payload: false
+            });
             map.setStyle(newStyle);
         } else {
             console.log("Initializing map", newStyle);
@@ -104,21 +111,38 @@ function $0118fc9193bb1bf4$export$ab1e7a67d6ec5ad8(props) {
             });
             onMapLoaded?.(map);
         }
-        const loadCallback = ()=>{
-            onStyleLoaded?.(map);
-            // Set initial terrain state
-            dispatch({
-                type: "set-style-loaded",
-                payload: true
-            });
-        };
-        map = mapRef.current;
-        if (map.style?._loaded) // Catch a race condition where the style is loaded before the callback is set
-        loadCallback();
-        map.on("style.load", loadCallback);
-        return ()=>{
-            map.off("style.load", loadCallback);
-        };
+    }, [
+        baseStyle,
+        overlayStyles,
+        transformStyle
+    ]);
+    /** Check back every 0.1 seconds to see if the map has loaded.
+   * We do it this way because mapboxgl loading events are unreliable */ (0, $jKrEn$useEffect)(()=>{
+        if (isStyleLoaded) return;
+        const interval = setInterval(()=>{
+            const map = mapRef.current;
+            if (map == null) return;
+            if (map.isStyleLoaded()) {
+                // Wait a tick before setting the style loaded state
+                dispatch({
+                    type: "set-style-loaded",
+                    payload: true
+                });
+                onStyleLoaded?.(map);
+                clearInterval(interval);
+            }
+        }, 50);
+        return ()=>clearInterval(interval);
+    }, [
+        isStyleLoaded
+    ]);
+    (0, $jKrEn$useAsyncEffect)(async ()=>{
+        /** Manager to update map style */ let newStyle;
+        if (typeof style === "string") newStyle = await (0, $jKrEn$getMapboxStyle)(style, {
+            access_token: (0, $jKrEn$mapboxgl).accessToken
+        });
+        else newStyle = style;
+        setBaseStyle(newStyle);
     }, [
         style
     ]);
@@ -130,8 +154,12 @@ function $0118fc9193bb1bf4$export$ab1e7a67d6ec5ad8(props) {
         "is-rotated": mapIsRotated ?? false,
         "is-3d-available": mapUse3D ?? false
     }, `${_projection}-projection`);
+    const parentClassName = (0, $jKrEn$classnames)({
+        standalone: standalone
+    });
     return $0118fc9193bb1bf4$var$h("div.map-view-container.main-view", {
-        ref: parentRef
+        ref: parentRef,
+        className: parentClassName
     }, [
         $0118fc9193bb1bf4$var$h("div.mapbox-map#map", {
             ref: ref,
@@ -169,4 +197,4 @@ function $0118fc9193bb1bf4$export$cee395a8a2a00b29({ mapUse3D: mapUse3D, terrain
 
 
 export {$0118fc9193bb1bf4$export$ab1e7a67d6ec5ad8 as MapView, $0118fc9193bb1bf4$export$cee395a8a2a00b29 as MapTerrainManager};
-//# sourceMappingURL=map-view.1fc6297b.js.map
+//# sourceMappingURL=map-view.d1c5b113.js.map

package/dist/esm/map-view.d1c5b113.js.map

@@ -0,0 +1 @@
+{"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  useMapPosition,\n  use3DTerrain,\n  getTerrainLayerForStyle,\n  useMapStatus,\n} from \"@macrostrat/mapbox-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.Style>[];\n  /** A function to transform the map style before it is loaded */\n  transformStyle?: (style: mapboxgl.Style) => mapboxgl.Style;\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: true,\n    antialias: true,\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    ...rest\n  } = props;\n  if (enableTerrain) {\n    terrainSourceID ??= \"mapbox-3d-dem\";\n  }\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  const isStyleLoaded = useMapStatus((state) => state.isStyleLoaded);\n\n  useEffect(() => {\n    /** Manager to update map style */\n    if (baseStyle == null) return;\n    let map = mapRef.current;\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    // We either get the map position directly from the map or from props\n    const estMapPosition: MapPosition | null =\n      map == null ? mapPosition : getMapPosition(map);\n    const { mapUse3D } = mapViewInfo(estMapPosition);\n\n    let newStyle: mapboxgl.Style = baseStyle;\n\n    const overlayStyles = props.overlayStyles ?? [];\n\n    if (overlayStyles.length > 0) {\n      newStyle = mergeStyles(newStyle, ...overlayStyles);\n    }\n\n    if (mapUse3D) {\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      console.log(\"Setting style\", newStyle);\n      dispatch({ type: \"set-style-loaded\", payload: false });\n      map.setStyle(newStyle);\n    } else {\n      console.log(\"Initializing map\", newStyle);\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  /** 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  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  useAsyncEffect(async () => {\n    /** Manager to update map style */\n    let newStyle: mapboxgl.Style;\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  const _computedMapPosition = useMapPosition();\n  const { mapUse3D, mapIsRotated } = mapViewInfo(_computedMapPosition);\n\n  // Get map projection\n  const _projection = mapRef.current?.getProjection()?.name ?? \"mercator\";\n\n  const className = classNames(\n    {\n      \"is-rotated\": mapIsRotated ?? false,\n      \"is-3d-available\": mapUse3D ?? false,\n    },\n    `${_projection}-projection`\n  );\n\n  const parentClassName = classNames({\n    standalone,\n  });\n\n  return h(\n    \"div.map-view-container.main-view\",\n    { ref: parentRef, className: parentClassName },\n    [\n      h(\"div.mapbox-map#map\", { ref, className }),\n      h(MapLoadingReporter, {\n        ignoredSources: [\"elevationMarker\", \"crossSectionEndpoints\"],\n      }),\n      h(MapMovedReporter, { onMapMoved }),\n      h(MapResizeManager, { containerRef: ref }),\n      h(MapPaddingManager, {\n        containerRef: ref,\n        parentRef,\n        infoMarkerPosition,\n      }),\n      h(MapTerrainManager, { mapUse3D, terrainSourceID, style }),\n      children,\n    ]\n  );\n}\n\nexport function MapTerrainManager({\n  mapUse3D,\n  terrainSourceID,\n  style,\n}: {\n  mapUse3D?: boolean;\n  terrainSourceID?: string;\n  style?: mapboxgl.Style | string;\n}) {\n  use3DTerrain(mapUse3D, terrainSourceID);\n\n  return null;\n}\n"],"names":[],"version":3,"file":"map-view.d1c5b113.js.map"}

package/dist/node/container.ab523076.js

@@ -0,0 +1,2 @@
+require("./main.module.7c928a6f.js"),require("./main.module.91a06e96.css"),require("./controls.511f309b.js");var e=require("@macrostrat/hyper");function r(e){return e&&e.__esModule?e.default:e}require("classnames"),require("transition-hook"),require("@macrostrat/mapbox-react"),require("@macrostrat/ui-components"),require("@macrostrat/mapbox-utils"),require("@blueprintjs/core");var i={};i=new URL("main.module.7c928a6f.js","file:"+__filename).toString(),new URL("controls.511f309b.js","file:"+__filename).toString(),r(e).styled(r(i));
+//# sourceMappingURL=container.ab523076.js.map

package/dist/node/{container.053f798f.js.map → container.ab523076.js.map}

@@ -1 +1 @@
-{"mappings":"A,Q,8C,Q,+C,Q,2C,I,E,Q,qB,S,E,C,E,O,G,E,U,C,E,O,C,C,C,Q,c,Q,mB,Q,4B,Q,6B,Q,4B,Q,qB,I,E,C,EEAA,EAAiB,IAAA,IAAoB,2CAAA,QAAA,YAA4C,QAAQ,GCAxE,IAAA,IAAoB,wCAAA,QAAA,YAAyC,QAAQ,GFiB5E,AAAA,AAAA,EAAA,GAAM,MAAM,CAAC,EAAA","sources":["<anon>","packages/map-interface/src/container.ts","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-d62d2349645b8f4c.js","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-a05b7f3aef7398d8.js"],"sourcesContent":["require(\"./main.module.24615279.js\");\nrequire(\"./main.module.65e40c2e.css\");\nrequire(\"./controls.6ec8e9ac.js\");\nvar $lAyW8$macrostrathyper = require(\"@macrostrat/hyper\");\nvar $lAyW8$classnames = require(\"classnames\");\nvar $lAyW8$transitionhook = require(\"transition-hook\");\nvar $lAyW8$macrostratmapboxreact = require(\"@macrostrat/mapbox-react\");\nvar $lAyW8$macrostratuicomponents = require(\"@macrostrat/ui-components\");\nvar $lAyW8$macrostratmapboxutils = require(\"@macrostrat/mapbox-utils\");\nvar $lAyW8$blueprintjscore = require(\"@blueprintjs/core\");\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nvar $14b8bde8ee648c70$exports = {};\n$14b8bde8ee648c70$exports = new URL(\"main.module.24615279.js\", \"file:\" + __filename).toString();\n\n\n\n\n\n\nvar $df60ba5b782d207f$exports = {};\n$df60ba5b782d207f$exports = new URL(\"controls.6ec8e9ac.js\", \"file:\" + __filename).toString();\n\n\n\n\nconst $4661d95a4b848918$var$h = (0, ($parcel$interopDefault($lAyW8$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($14b8bde8ee648c70$exports))));\nconst $4661d95a4b848918$export$ec68dd77edbe678b = (props)=>$4661d95a4b848918$var$h((0, $lAyW8$blueprintjscore.Card), {\n        ...props,\n        className: (0, ($parcel$interopDefault($lAyW8$classnames)))(\"panel-card\", props.className)\n    });\nvar $4661d95a4b848918$export$612ca936d3ed4784 = /*#__PURE__*/ function(DetailPanelStyle) {\n    DetailPanelStyle[\"FIXED\"] = \"fixed\";\n    DetailPanelStyle[\"FLOATING\"] = \"floating\";\n    return DetailPanelStyle;\n}({});\nconst $4661d95a4b848918$export$9fa5da0bcfd0a290 = (props)=>$4661d95a4b848918$var$h($4661d95a4b848918$var$MapProviders, $4661d95a4b848918$var$h($4661d95a4b848918$var$_MapAreaContainer, props));\nfunction $4661d95a4b848918$var$_MapAreaContainer({ children: children, className: className, navbar: navbar, contextPanel: contextPanel = null, detailPanel: detailPanel = null, detailPanelOpen: detailPanelOpen, contextPanelOpen: contextPanelOpen = true, bottomPanel: bottomPanel = null, mainPanel: mainPanel, mapControls: mapControls = $4661d95a4b848918$var$h((0, $df60ba5b782d207f$exports.MapBottomControls)), contextStackProps: contextStackProps = null, detailStackProps: detailStackProps = null, detailPanelStyle: detailPanelStyle = \"floating\", fitViewport: fitViewport = true, showPanelOutlines: showPanelOutlines = false, preventMapInteraction: preventMapInteraction = false, ...rest }) {\n    const _detailPanelOpen = detailPanelOpen ?? detailPanel != null;\n    const contextPanelTrans = (0, $lAyW8$transitionhook.useTransition)(contextPanelOpen, 800);\n    const detailPanelTrans = (0, $lAyW8$transitionhook.useTransition)(_detailPanelOpen, 800);\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    - These styles are doubly applied so we can have both namespaced and\n      outside-accessible styles for each case.\n  */ const mainUIClassNames = (0, ($parcel$interopDefault($lAyW8$classnames)))(\"map-container\", className, `detail-panel-${detailPanelStyle}`, `context-panel-${contextPanelTrans.stage}`, `map-context-${contextPanelTrans.stage}`, `detail-panel-${detailPanelTrans.stage}`, `map-detail-${detailPanelTrans.stage}`, {\n        \"detail-panel-open\": _detailPanelOpen,\n        \"map-context-open\": contextPanelOpen,\n        \"show-panel-outlines\": showPanelOutlines,\n        \"fit-viewport\": fitViewport\n    });\n    const mapControlsExt = $4661d95a4b848918$var$h([\n        $4661d95a4b848918$var$h((0, $lAyW8$macrostratmapboxreact.ZoomControl), {\n            className: \"zoom-control\"\n        }),\n        $4661d95a4b848918$var$h(\"div.spacer\"),\n        mapControls\n    ]);\n    const detailStackExt = $4661d95a4b848918$var$h(\"div.detail-stack.infodrawer-container\", detailStackProps, [\n        $4661d95a4b848918$var$h(\"div.detail-panel-holder\", null, detailPanel),\n        $4661d95a4b848918$var$h.if(detailPanelStyle == \"floating\")([\n            mapControlsExt\n        ])\n    ]);\n    let contextStack = null;\n    if (navbar != null || contextPanel != null) contextStack = $4661d95a4b848918$var$h($4661d95a4b848918$var$ContextStack, {\n        navbar: navbar,\n        ...contextStackProps\n    }, [\n        $4661d95a4b848918$var$h.if(contextPanelTrans.shouldMount)([\n            contextPanel\n        ])\n    ]);\n    return $4661d95a4b848918$var$h($4661d95a4b848918$export$fa395a37c3898ae3, {\n        className: mainUIClassNames\n    }, [\n        $4661d95a4b848918$var$h(\"div.main-row\", [\n            $4661d95a4b848918$var$h(\"div.map-ui\", {\n                ...rest\n            }, [\n                contextStack,\n                //h(MapView),\n                children ?? mainPanel,\n                $4661d95a4b848918$var$h.if(detailPanelStyle == \"floating\")([\n                    detailStackExt\n                ]),\n                $4661d95a4b848918$var$h.if(detailPanelStyle == \"fixed\")(\"div.map-control-stack\", mapControlsExt)\n            ]),\n            $4661d95a4b848918$var$h.if(detailPanelStyle == \"fixed\")([\n                detailStackExt\n            ])\n        ]),\n        $4661d95a4b848918$var$h(\"div.bottom\", null, bottomPanel)\n    ]);\n}\nfunction $4661d95a4b848918$var$ContextStack(props) {\n    const { adaptiveWidth: adaptiveWidth, navbar: navbar, children: children, ...rest } = props;\n    const props1 = (0, $lAyW8$macrostrathyper.addClassNames)(rest, {\n        \"adaptive-width\": adaptiveWidth\n    });\n    return $4661d95a4b848918$var$h(\"div.context-stack\", props1, [\n        navbar,\n        $4661d95a4b848918$var$h(\"div.context-panel-holder\", null, children),\n        $4661d95a4b848918$var$h(\"div.spacer\")\n    ]);\n}\nconst $4661d95a4b848918$var$MapProviders = ({ children: children })=>$4661d95a4b848918$var$h((0, $lAyW8$macrostratuicomponents.ToasterContext), $4661d95a4b848918$var$h((0, $lAyW8$macrostratmapboxreact.MapboxMapProvider), children));\nfunction $4661d95a4b848918$export$fa395a37c3898ae3({ className: className, children: children }) {\n    const mapPosition = (0, $lAyW8$macrostratmapboxreact.useMapPosition)();\n    if (mapPosition != null) {\n        const { mapIsRotated: mapIsRotated, mapUse3D: mapUse3D, mapIsGlobal: mapIsGlobal } = (0, $lAyW8$macrostratmapboxutils.mapViewInfo)(mapPosition);\n        className = (0, ($parcel$interopDefault($lAyW8$classnames)))(className, {\n            \"map-is-rotated\": mapIsRotated,\n            \"map-3d-available\": mapUse3D,\n            \"map-is-global\": mapIsGlobal\n        });\n    }\n    return $4661d95a4b848918$var$h(\"div\", {\n        className: className\n    }, children);\n} //const _MapPage = compose(HotkeysProvider, MapPage);\n\n\n//# sourceMappingURL=container.053f798f.js.map\n","import hyper, { addClassNames } from \"@macrostrat/hyper\";\nimport { HTMLDivProps } from \"@blueprintjs/core\";\nimport styles from \"./main.module.sass\";\nimport classNames from \"classnames\";\nimport { useTransition } from \"transition-hook\";\nimport {\n  MapboxMapProvider,\n  ZoomControl,\n  useMapPosition,\n} from \"@macrostrat/mapbox-react\";\nimport { ToasterContext } from \"@macrostrat/ui-components\";\nimport { MapBottomControls } from \"./controls\";\nimport { mapViewInfo, MapPosition } from \"@macrostrat/mapbox-utils\";\nimport { Card } from \"@blueprintjs/core\";\n\nimport { ReactNode } from \"react\";\n\nconst h = hyper.styled(styles);\n\ntype AnyElement = React.ReactNode | React.ReactElement | React.ReactFragment;\n\nexport const PanelCard = (props) =>\n  h(Card, { ...props, className: classNames(\"panel-card\", props.className) });\n\ninterface ContextStackProps extends HTMLDivProps {\n  adaptiveWidth: boolean;\n  navbar: AnyElement;\n}\n\nexport enum DetailPanelStyle {\n  FIXED = \"fixed\",\n  FLOATING = \"floating\",\n}\n\nexport const MapAreaContainer = (props) =>\n  h(MapProviders, h(_MapAreaContainer, props));\n\ninterface MapAreaContainerProps {\n  navbar: AnyElement;\n  children?: AnyElement;\n  mapControls?: AnyElement;\n  contextPanel?: AnyElement;\n  contextStack?: AnyElement;\n  mainPanel?: AnyElement;\n  detailPanel?: AnyElement;\n  bottomPanel?: AnyElement;\n  className?: string;\n  detailPanelOpen?: boolean;\n  contextPanelOpen?: boolean;\n  contextStackProps?: ContextStackProps;\n  detailStackProps?: HTMLDivProps;\n  detailPanelStyle: DetailPanelStyle;\n  fitViewport?: boolean;\n  showPanelOutlines?: boolean;\n  preventMapInteraction?: boolean;\n}\n\nfunction _MapAreaContainer({\n  children,\n  className,\n  navbar,\n  contextPanel = null,\n  detailPanel = null,\n  detailPanelOpen,\n  contextPanelOpen = true,\n  bottomPanel = null,\n  mainPanel,\n  mapControls = h(MapBottomControls),\n  contextStackProps = null,\n  detailStackProps = null,\n  detailPanelStyle = DetailPanelStyle.FLOATING,\n  fitViewport = true,\n  showPanelOutlines = false,\n  preventMapInteraction = false,\n  ...rest\n}: MapAreaContainerProps) {\n  const _detailPanelOpen = detailPanelOpen ?? detailPanel != null;\n  const contextPanelTrans = useTransition(contextPanelOpen, 800);\n  const detailPanelTrans = useTransition(_detailPanelOpen, 800);\n\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    - These styles are doubly applied so we can have both namespaced and\n      outside-accessible styles for each case.\n  */\n  const mainUIClassNames = classNames(\n    \"map-container\",\n    className,\n    `detail-panel-${detailPanelStyle}`,\n    `context-panel-${contextPanelTrans.stage}`,\n    `map-context-${contextPanelTrans.stage}`,\n    `detail-panel-${detailPanelTrans.stage}`,\n    `map-detail-${detailPanelTrans.stage}`,\n    {\n      \"detail-panel-open\": _detailPanelOpen,\n      \"map-context-open\": contextPanelOpen,\n      \"show-panel-outlines\": showPanelOutlines,\n      \"fit-viewport\": fitViewport,\n    }\n  );\n\n  const mapControlsExt = h([\n    h(ZoomControl, { className: \"zoom-control\" }),\n    h(\"div.spacer\"),\n    mapControls,\n  ]);\n\n  const detailStackExt = h(\n    \"div.detail-stack.infodrawer-container\",\n    detailStackProps,\n    [\n      h(\"div.detail-panel-holder\", null, detailPanel),\n      h.if(detailPanelStyle == DetailPanelStyle.FLOATING)([mapControlsExt]),\n    ]\n  );\n\n  let contextStack = null;\n  if (navbar != null || contextPanel != null) {\n    contextStack = h(ContextStack, { navbar, ...contextStackProps }, [\n      h.if(contextPanelTrans.shouldMount)([contextPanel]),\n    ]);\n  }\n\n  return h(MapStyledContainer, { className: mainUIClassNames }, [\n    h(\"div.main-row\", [\n      h(\"div.map-ui\", { ...rest }, [\n        contextStack,\n        //h(MapView),\n        children ?? mainPanel,\n        h.if(detailPanelStyle == DetailPanelStyle.FLOATING)([detailStackExt]),\n        h.if(detailPanelStyle == DetailPanelStyle.FIXED)(\n          \"div.map-control-stack\",\n          mapControlsExt\n        ),\n      ]),\n      h.if(detailPanelStyle == DetailPanelStyle.FIXED)([detailStackExt]),\n    ]),\n    h(\"div.bottom\", null, bottomPanel),\n  ]);\n}\n\nfunction ContextStack(props: ContextStackProps) {\n  const { adaptiveWidth, navbar, children, ...rest } = props;\n  const props1 = addClassNames(rest, { \"adaptive-width\": adaptiveWidth });\n  return h(\"div.context-stack\", props1, [\n    navbar,\n    h(\"div.context-panel-holder\", null, children),\n    h(\"div.spacer\"),\n  ]);\n}\n\nconst MapProviders = ({ children }) =>\n  h(ToasterContext, h(MapboxMapProvider, children));\n\ninterface MapContainerProps {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport function MapStyledContainer({ className, children }: MapContainerProps) {\n  const mapPosition = useMapPosition();\n  if (mapPosition != null) {\n    const { mapIsRotated, mapUse3D, mapIsGlobal } = mapViewInfo(mapPosition);\n    className = classNames(className, {\n      \"map-is-rotated\": mapIsRotated,\n      \"map-3d-available\": mapUse3D,\n      \"map-is-global\": mapIsGlobal,\n    });\n  }\n\n  return h(\"div\", { className }, children);\n}\n\n//const _MapPage = compose(HotkeysProvider, MapPage);\n","module.exports = new __parcel__URL__(\"main.module.24615279.js\").toString();","module.exports = new __parcel__URL__(\"controls.6ec8e9ac.js\").toString();"],"names":["require","$lAyW8$macrostrathyper","$parcel$interopDefault","a","__esModule","default","$14b8bde8ee648c70$exports","URL","__filename","toString","styled"],"version":3,"file":"container.053f798f.js.map","sourceRoot":"../../../../"}
+{"mappings":"A,Q,8C,Q,+C,Q,2C,I,E,Q,qB,S,E,C,E,O,G,E,U,C,E,O,C,C,C,Q,c,Q,mB,Q,4B,Q,6B,Q,4B,Q,qB,I,E,C,EEAA,EAAiB,IAAA,IAAoB,2CAAA,QAAA,YAA4C,QAAQ,GCAxE,IAAA,IAAoB,wCAAA,QAAA,YAAyC,QAAQ,GFiB5E,AAAA,AAAA,EAAA,GAAM,MAAM,CAAC,EAAA","sources":["<anon>","packages/map-interface/src/container.ts","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-d62d2349645b8f4c.js","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-a05b7f3aef7398d8.js"],"sourcesContent":["require(\"./main.module.7c928a6f.js\");\nrequire(\"./main.module.91a06e96.css\");\nrequire(\"./controls.511f309b.js\");\nvar $lAyW8$macrostrathyper = require(\"@macrostrat/hyper\");\nvar $lAyW8$classnames = require(\"classnames\");\nvar $lAyW8$transitionhook = require(\"transition-hook\");\nvar $lAyW8$macrostratmapboxreact = require(\"@macrostrat/mapbox-react\");\nvar $lAyW8$macrostratuicomponents = require(\"@macrostrat/ui-components\");\nvar $lAyW8$macrostratmapboxutils = require(\"@macrostrat/mapbox-utils\");\nvar $lAyW8$blueprintjscore = require(\"@blueprintjs/core\");\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nvar $14b8bde8ee648c70$exports = {};\n$14b8bde8ee648c70$exports = new URL(\"main.module.7c928a6f.js\", \"file:\" + __filename).toString();\n\n\n\n\n\n\nvar $df60ba5b782d207f$exports = {};\n$df60ba5b782d207f$exports = new URL(\"controls.511f309b.js\", \"file:\" + __filename).toString();\n\n\n\n\nconst $4661d95a4b848918$var$h = (0, ($parcel$interopDefault($lAyW8$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($14b8bde8ee648c70$exports))));\nconst $4661d95a4b848918$export$ec68dd77edbe678b = (props)=>$4661d95a4b848918$var$h((0, $lAyW8$blueprintjscore.Card), {\n        ...props,\n        className: (0, ($parcel$interopDefault($lAyW8$classnames)))(\"panel-card\", props.className)\n    });\nvar $4661d95a4b848918$export$612ca936d3ed4784 = /*#__PURE__*/ function(DetailPanelStyle) {\n    DetailPanelStyle[\"FIXED\"] = \"fixed\";\n    DetailPanelStyle[\"FLOATING\"] = \"floating\";\n    return DetailPanelStyle;\n}({});\nconst $4661d95a4b848918$export$9fa5da0bcfd0a290 = (props)=>$4661d95a4b848918$var$h($4661d95a4b848918$var$MapProviders, $4661d95a4b848918$var$h($4661d95a4b848918$var$_MapAreaContainer, props));\nfunction $4661d95a4b848918$var$_MapAreaContainer({ children: children, className: className, navbar: navbar, contextPanel: contextPanel = null, detailPanel: detailPanel = null, detailPanelOpen: detailPanelOpen, contextPanelOpen: contextPanelOpen = true, bottomPanel: bottomPanel = null, mainPanel: mainPanel, mapControls: mapControls = $4661d95a4b848918$var$h((0, $df60ba5b782d207f$exports.MapBottomControls)), contextStackProps: contextStackProps = null, detailStackProps: detailStackProps = null, detailPanelStyle: detailPanelStyle = \"floating\", fitViewport: fitViewport = true, showPanelOutlines: showPanelOutlines = false, preventMapInteraction: preventMapInteraction = false, ...rest }) {\n    const _detailPanelOpen = detailPanelOpen ?? detailPanel != null;\n    const contextPanelTrans = (0, $lAyW8$transitionhook.useTransition)(contextPanelOpen, 800);\n    const detailPanelTrans = (0, $lAyW8$transitionhook.useTransition)(_detailPanelOpen, 800);\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    - These styles are doubly applied so we can have both namespaced and\n      outside-accessible styles for each case.\n  */ const mainUIClassNames = (0, ($parcel$interopDefault($lAyW8$classnames)))(\"map-container\", className, `detail-panel-${detailPanelStyle}`, `context-panel-${contextPanelTrans.stage}`, `map-context-${contextPanelTrans.stage}`, `detail-panel-${detailPanelTrans.stage}`, `map-detail-${detailPanelTrans.stage}`, {\n        \"detail-panel-open\": _detailPanelOpen,\n        \"map-context-open\": contextPanelOpen,\n        \"show-panel-outlines\": showPanelOutlines,\n        \"fit-viewport\": fitViewport\n    });\n    const mapControlsExt = $4661d95a4b848918$var$h([\n        $4661d95a4b848918$var$h((0, $lAyW8$macrostratmapboxreact.ZoomControl), {\n            className: \"zoom-control\"\n        }),\n        $4661d95a4b848918$var$h(\"div.spacer\"),\n        mapControls\n    ]);\n    const detailStackExt = $4661d95a4b848918$var$h(\"div.detail-stack.infodrawer-container\", detailStackProps, [\n        $4661d95a4b848918$var$h(\"div.detail-panel-holder\", null, detailPanel),\n        $4661d95a4b848918$var$h.if(detailPanelStyle == \"floating\")([\n            mapControlsExt\n        ])\n    ]);\n    let contextStack = null;\n    if (navbar != null || contextPanel != null) contextStack = $4661d95a4b848918$var$h($4661d95a4b848918$var$ContextStack, {\n        navbar: navbar,\n        ...contextStackProps\n    }, [\n        $4661d95a4b848918$var$h.if(contextPanelTrans.shouldMount)([\n            contextPanel\n        ])\n    ]);\n    return $4661d95a4b848918$var$h($4661d95a4b848918$export$fa395a37c3898ae3, {\n        className: mainUIClassNames\n    }, [\n        $4661d95a4b848918$var$h(\"div.main-row\", [\n            $4661d95a4b848918$var$h(\"div.map-ui\", {\n                ...rest\n            }, [\n                contextStack,\n                //h(MapView),\n                children ?? mainPanel,\n                $4661d95a4b848918$var$h.if(detailPanelStyle == \"floating\")([\n                    detailStackExt\n                ]),\n                $4661d95a4b848918$var$h.if(detailPanelStyle == \"fixed\")(\"div.map-control-stack\", mapControlsExt)\n            ]),\n            $4661d95a4b848918$var$h.if(detailPanelStyle == \"fixed\")([\n                detailStackExt\n            ])\n        ]),\n        $4661d95a4b848918$var$h(\"div.bottom\", null, bottomPanel)\n    ]);\n}\nfunction $4661d95a4b848918$var$ContextStack(props) {\n    const { adaptiveWidth: adaptiveWidth, navbar: navbar, children: children, ...rest } = props;\n    const props1 = (0, $lAyW8$macrostrathyper.addClassNames)(rest, {\n        \"adaptive-width\": adaptiveWidth\n    });\n    return $4661d95a4b848918$var$h(\"div.context-stack\", props1, [\n        navbar,\n        $4661d95a4b848918$var$h(\"div.context-panel-holder\", null, children),\n        $4661d95a4b848918$var$h(\"div.spacer\")\n    ]);\n}\nconst $4661d95a4b848918$var$MapProviders = ({ children: children })=>$4661d95a4b848918$var$h((0, $lAyW8$macrostratuicomponents.ToasterContext), $4661d95a4b848918$var$h((0, $lAyW8$macrostratmapboxreact.MapboxMapProvider), children));\nfunction $4661d95a4b848918$export$fa395a37c3898ae3({ className: className, children: children }) {\n    const mapPosition = (0, $lAyW8$macrostratmapboxreact.useMapPosition)();\n    if (mapPosition != null) {\n        const { mapIsRotated: mapIsRotated, mapUse3D: mapUse3D, mapIsGlobal: mapIsGlobal } = (0, $lAyW8$macrostratmapboxutils.mapViewInfo)(mapPosition);\n        className = (0, ($parcel$interopDefault($lAyW8$classnames)))(className, {\n            \"map-is-rotated\": mapIsRotated,\n            \"map-3d-available\": mapUse3D,\n            \"map-is-global\": mapIsGlobal\n        });\n    }\n    return $4661d95a4b848918$var$h(\"div\", {\n        className: className\n    }, children);\n} //const _MapPage = compose(HotkeysProvider, MapPage);\n\n\n//# sourceMappingURL=container.ab523076.js.map\n","import hyper, { addClassNames } from \"@macrostrat/hyper\";\nimport { HTMLDivProps } from \"@blueprintjs/core\";\nimport styles from \"./main.module.sass\";\nimport classNames from \"classnames\";\nimport { useTransition } from \"transition-hook\";\nimport {\n  MapboxMapProvider,\n  ZoomControl,\n  useMapPosition,\n} from \"@macrostrat/mapbox-react\";\nimport { ToasterContext } from \"@macrostrat/ui-components\";\nimport { MapBottomControls } from \"./controls\";\nimport { mapViewInfo, MapPosition } from \"@macrostrat/mapbox-utils\";\nimport { Card } from \"@blueprintjs/core\";\n\nimport { ReactNode } from \"react\";\n\nconst h = hyper.styled(styles);\n\ntype AnyElement = React.ReactNode | React.ReactElement | React.ReactFragment;\n\nexport const PanelCard = (props) =>\n  h(Card, { ...props, className: classNames(\"panel-card\", props.className) });\n\ninterface ContextStackProps extends HTMLDivProps {\n  adaptiveWidth: boolean;\n  navbar: AnyElement;\n}\n\nexport enum DetailPanelStyle {\n  FIXED = \"fixed\",\n  FLOATING = \"floating\",\n}\n\nexport const MapAreaContainer = (props) =>\n  h(MapProviders, h(_MapAreaContainer, props));\n\ninterface MapAreaContainerProps {\n  navbar: AnyElement;\n  children?: AnyElement;\n  mapControls?: AnyElement;\n  contextPanel?: AnyElement;\n  contextStack?: AnyElement;\n  mainPanel?: AnyElement;\n  detailPanel?: AnyElement;\n  bottomPanel?: AnyElement;\n  className?: string;\n  detailPanelOpen?: boolean;\n  contextPanelOpen?: boolean;\n  contextStackProps?: ContextStackProps;\n  detailStackProps?: HTMLDivProps;\n  detailPanelStyle: DetailPanelStyle;\n  fitViewport?: boolean;\n  showPanelOutlines?: boolean;\n  preventMapInteraction?: boolean;\n}\n\nfunction _MapAreaContainer({\n  children,\n  className,\n  navbar,\n  contextPanel = null,\n  detailPanel = null,\n  detailPanelOpen,\n  contextPanelOpen = true,\n  bottomPanel = null,\n  mainPanel,\n  mapControls = h(MapBottomControls),\n  contextStackProps = null,\n  detailStackProps = null,\n  detailPanelStyle = DetailPanelStyle.FLOATING,\n  fitViewport = true,\n  showPanelOutlines = false,\n  preventMapInteraction = false,\n  ...rest\n}: MapAreaContainerProps) {\n  const _detailPanelOpen = detailPanelOpen ?? detailPanel != null;\n  const contextPanelTrans = useTransition(contextPanelOpen, 800);\n  const detailPanelTrans = useTransition(_detailPanelOpen, 800);\n\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    - These styles are doubly applied so we can have both namespaced and\n      outside-accessible styles for each case.\n  */\n  const mainUIClassNames = classNames(\n    \"map-container\",\n    className,\n    `detail-panel-${detailPanelStyle}`,\n    `context-panel-${contextPanelTrans.stage}`,\n    `map-context-${contextPanelTrans.stage}`,\n    `detail-panel-${detailPanelTrans.stage}`,\n    `map-detail-${detailPanelTrans.stage}`,\n    {\n      \"detail-panel-open\": _detailPanelOpen,\n      \"map-context-open\": contextPanelOpen,\n      \"show-panel-outlines\": showPanelOutlines,\n      \"fit-viewport\": fitViewport,\n    }\n  );\n\n  const mapControlsExt = h([\n    h(ZoomControl, { className: \"zoom-control\" }),\n    h(\"div.spacer\"),\n    mapControls,\n  ]);\n\n  const detailStackExt = h(\n    \"div.detail-stack.infodrawer-container\",\n    detailStackProps,\n    [\n      h(\"div.detail-panel-holder\", null, detailPanel),\n      h.if(detailPanelStyle == DetailPanelStyle.FLOATING)([mapControlsExt]),\n    ]\n  );\n\n  let contextStack = null;\n  if (navbar != null || contextPanel != null) {\n    contextStack = h(ContextStack, { navbar, ...contextStackProps }, [\n      h.if(contextPanelTrans.shouldMount)([contextPanel]),\n    ]);\n  }\n\n  return h(MapStyledContainer, { className: mainUIClassNames }, [\n    h(\"div.main-row\", [\n      h(\"div.map-ui\", { ...rest }, [\n        contextStack,\n        //h(MapView),\n        children ?? mainPanel,\n        h.if(detailPanelStyle == DetailPanelStyle.FLOATING)([detailStackExt]),\n        h.if(detailPanelStyle == DetailPanelStyle.FIXED)(\n          \"div.map-control-stack\",\n          mapControlsExt\n        ),\n      ]),\n      h.if(detailPanelStyle == DetailPanelStyle.FIXED)([detailStackExt]),\n    ]),\n    h(\"div.bottom\", null, bottomPanel),\n  ]);\n}\n\nfunction ContextStack(props: ContextStackProps) {\n  const { adaptiveWidth, navbar, children, ...rest } = props;\n  const props1 = addClassNames(rest, { \"adaptive-width\": adaptiveWidth });\n  return h(\"div.context-stack\", props1, [\n    navbar,\n    h(\"div.context-panel-holder\", null, children),\n    h(\"div.spacer\"),\n  ]);\n}\n\nconst MapProviders = ({ children }) =>\n  h(ToasterContext, h(MapboxMapProvider, children));\n\ninterface MapContainerProps {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport function MapStyledContainer({ className, children }: MapContainerProps) {\n  const mapPosition = useMapPosition();\n  if (mapPosition != null) {\n    const { mapIsRotated, mapUse3D, mapIsGlobal } = mapViewInfo(mapPosition);\n    className = classNames(className, {\n      \"map-is-rotated\": mapIsRotated,\n      \"map-3d-available\": mapUse3D,\n      \"map-is-global\": mapIsGlobal,\n    });\n  }\n\n  return h(\"div\", { className }, children);\n}\n\n//const _MapPage = compose(HotkeysProvider, MapPage);\n","module.exports = new __parcel__URL__(\"main.module.7c928a6f.js\").toString();","module.exports = new __parcel__URL__(\"controls.511f309b.js\").toString();"],"names":["require","$lAyW8$macrostrathyper","$parcel$interopDefault","a","__esModule","default","$14b8bde8ee648c70$exports","URL","__filename","toString","styled"],"version":3,"file":"container.ab523076.js.map","sourceRoot":"../../../../"}

package/dist/node/{controls.6ec8e9ac.js → controls.511f309b.js}

@@ -1,2 +1,2 @@
-require("./main.module.24615279.js"),require("./main.module.65e40c2e.css"),require("react"),require("mapbox-gl");var r=require("@macrostrat/hyper");function e(r){return r&&r.__esModule?r.default:r}require("@macrostrat/mapbox-react"),require("@macrostrat/ui-components");var t=globalThis,a={},i={},o=t.parcelRequire94c2;null==o&&((o=function(r){if(r in a)return a[r].exports;if(r in i){var e=i[r];delete i[r];var t={id:r,exports:{}};return a[r]=t,e.call(t.exports,t,t.exports),t.exports}var o=Error("Cannot find module '"+r+"'");throw o.code="MODULE_NOT_FOUND",o}).register=function(r,e){i[r]=e},t.parcelRequire94c2=o),o.register;var u=o("6ULxP");e(r).styled(e(u));
-//# sourceMappingURL=controls.6ec8e9ac.js.map
+require("./main.module.7c928a6f.js"),require("./main.module.91a06e96.css"),require("react"),require("mapbox-gl");var r=require("@macrostrat/hyper");function e(r){return r&&r.__esModule?r.default:r}require("@macrostrat/mapbox-react"),require("@macrostrat/ui-components");var t=globalThis,a={},i={},o=t.parcelRequire94c2;null==o&&((o=function(r){if(r in a)return a[r].exports;if(r in i){var e=i[r];delete i[r];var t={id:r,exports:{}};return a[r]=t,e.call(t.exports,t,t.exports),t.exports}var o=Error("Cannot find module '"+r+"'");throw o.code="MODULE_NOT_FOUND",o}).register=function(r,e){i[r]=e},t.parcelRequire94c2=o),o.register;var u=o("6ULxP");e(r).styled(e(u));
+//# sourceMappingURL=controls.511f309b.js.map