@macrostrat/map-interface 1.2.3 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/{container.b61e4d0f.js → container.fc5b1a23.js} +4 -4
  3. package/dist/cjs/{container.b61e4d0f.js.map → container.fc5b1a23.js.map} +1 -1
  4. package/dist/cjs/{context-panel.8c4b009c.js → context-panel.3061a63e.js} +2 -2
  5. package/dist/cjs/{context-panel.8c4b009c.js.map → context-panel.3061a63e.js.map} +1 -1
  6. package/dist/cjs/{controls.7ce3e95c.js → controls.9d7ddc44.js} +3 -3
  7. package/dist/cjs/{controls.7ce3e95c.js.map → controls.9d7ddc44.js.map} +1 -1
  8. package/dist/cjs/{dev.8ee72000.js → dev.079a11ee.js} +2 -2
  9. package/dist/cjs/{dev.8ee72000.js.map → dev.079a11ee.js.map} +1 -1
  10. package/dist/cjs/{header.b86c0710.js → header.356d9f4c.js} +3 -3
  11. package/dist/cjs/header.356d9f4c.js.map +1 -0
  12. package/dist/cjs/{helpers.0f72ddaf.js → helpers.5a745a3a.js} +21 -3
  13. package/dist/cjs/helpers.5a745a3a.js.map +1 -0
  14. package/dist/cjs/index.js +8 -8
  15. package/dist/cjs/{location-info.92e70042.js → location-info.99003993.js} +13 -3
  16. package/dist/cjs/location-info.99003993.js.map +1 -0
  17. package/dist/cjs/{location-panel.6a4dc310.js → location-panel.c5a55484.js} +4 -4
  18. package/dist/cjs/{location-panel.6a4dc310.js.map → location-panel.c5a55484.js.map} +1 -1
  19. package/dist/cjs/main.module.0bbfa859.js.map +1 -1
  20. package/dist/cjs/{main.module.3dbc089f.css → main.module.13eb33f8.css} +10 -1
  21. package/dist/cjs/main.module.13eb33f8.css.map +1 -0
  22. package/dist/cjs/{main.module.f085a193.css → main.module.16d04f5b.css} +19 -8
  23. package/dist/cjs/main.module.16d04f5b.css.map +1 -0
  24. package/dist/cjs/{main.module.62939ea7.js → main.module.e392b038.js} +4 -1
  25. package/dist/cjs/main.module.e392b038.js.map +1 -0
  26. package/dist/cjs/{main.module.92978d8b.css → main.module.e872989b.css} +2 -2
  27. package/dist/cjs/{main.module.92978d8b.css.map → main.module.e872989b.css.map} +1 -1
  28. package/dist/cjs/main.module.e958948e.js.map +1 -1
  29. package/dist/cjs/{map-page.cde24ee5.js → map-page.3c65558b.js} +9 -8
  30. package/dist/cjs/map-page.3c65558b.js.map +1 -0
  31. package/dist/cjs/{map-view.12e9ea3e.js → map-view.e031052e.js} +64 -36
  32. package/dist/cjs/map-view.e031052e.js.map +1 -0
  33. package/dist/esm/{container.2ebe27af.js → container.1c2aa81d.js} +5 -5
  34. package/dist/esm/{container.2ebe27af.js.map → container.1c2aa81d.js.map} +1 -1
  35. package/dist/esm/{context-panel.c288c5cd.js → context-panel.5dae1a8c.js} +2 -2
  36. package/dist/esm/{context-panel.c288c5cd.js.map → context-panel.5dae1a8c.js.map} +1 -1
  37. package/dist/esm/{controls.f757ce16.js → controls.8efb9074.js} +4 -4
  38. package/dist/esm/{controls.f757ce16.js.map → controls.8efb9074.js.map} +1 -1
  39. package/dist/esm/{dev.58b994e7.js → dev.3d88888b.js} +2 -2
  40. package/dist/esm/{dev.58b994e7.js.map → dev.3d88888b.js.map} +1 -1
  41. package/dist/esm/{header.b4aa864a.js → header.a3da6906.js} +3 -3
  42. package/dist/esm/header.a3da6906.js.map +1 -0
  43. package/dist/esm/{helpers.fb1d7227.js → helpers.d32a342a.js} +20 -4
  44. package/dist/esm/helpers.d32a342a.js.map +1 -0
  45. package/dist/esm/index.d.ts +29 -14
  46. package/dist/esm/index.d.ts.map +1 -1
  47. package/dist/esm/index.js +9 -9
  48. package/dist/esm/{location-info.5543bb05.js → location-info.4b39fdfc.js} +13 -3
  49. package/dist/esm/location-info.4b39fdfc.js.map +1 -0
  50. package/dist/esm/{location-panel.f22673f5.js → location-panel.c9942d88.js} +4 -4
  51. package/dist/esm/{location-panel.f22673f5.js.map → location-panel.c9942d88.js.map} +1 -1
  52. package/dist/esm/main.module.303f6d99.js.map +1 -1
  53. package/dist/esm/{main.module.f70e002b.js → main.module.504d756b.js} +4 -1
  54. package/dist/esm/main.module.504d756b.js.map +1 -0
  55. package/dist/esm/main.module.9c57cc95.js.map +1 -1
  56. package/dist/esm/{map-page.f9f59ea0.js → map-page.660a1723.js} +9 -8
  57. package/dist/esm/map-page.660a1723.js.map +1 -0
  58. package/dist/esm/{map-view.4f256782.js → map-view.d1c5b113.js} +68 -40
  59. package/dist/esm/map-view.d1c5b113.js.map +1 -0
  60. package/dist/node/container.ab523076.js +2 -0
  61. package/dist/node/{container.abd6f0d2.js.map → container.ab523076.js.map} +1 -1
  62. package/dist/node/{context-panel.7c2f42c9.js → context-panel.0ae29ecf.js} +2 -2
  63. package/dist/node/{context-panel.7c2f42c9.js.map → context-panel.0ae29ecf.js.map} +1 -1
  64. package/dist/node/{controls.ffb44307.js → controls.511f309b.js} +2 -2
  65. package/dist/node/{controls.ffb44307.js.map → controls.511f309b.js.map} +1 -1
  66. package/dist/node/{dev.3cbf6106.js → dev.709287ba.js} +2 -2
  67. package/dist/node/{dev.3cbf6106.js.map → dev.709287ba.js.map} +1 -1
  68. package/dist/node/header.98a4cf12.js +2 -0
  69. package/dist/node/{header.4b58753a.js.map → header.98a4cf12.js.map} +1 -1
  70. package/dist/node/helpers.6bda171f.js.map +1 -1
  71. package/dist/node/index.js +1 -1
  72. package/dist/node/index.js.map +1 -1
  73. package/dist/node/location-info.db66c3fb.js +2 -0
  74. package/dist/node/location-info.db66c3fb.js.map +1 -0
  75. package/dist/node/{location-panel.c39983e3.js → location-panel.dd1d2b37.js} +2 -2
  76. package/dist/node/{location-panel.c39983e3.js.map → location-panel.dd1d2b37.js.map} +1 -1
  77. package/dist/node/{main.module.ba3f4a78.css → main.module.3943144e.css} +2 -2
  78. package/dist/node/main.module.3943144e.css.map +1 -0
  79. package/dist/node/main.module.7c928a6f.js +2 -0
  80. package/dist/node/main.module.7c928a6f.js.map +1 -0
  81. package/dist/node/{main.module.61b261c8.css → main.module.8a9943af.css} +2 -2
  82. package/dist/node/main.module.8a9943af.css.map +1 -0
  83. package/dist/node/main.module.91a06e96.css +2 -0
  84. package/dist/node/main.module.91a06e96.css.map +1 -0
  85. package/dist/node/{map-page.f99c4a48.js → map-page.a9602658.js} +2 -2
  86. package/dist/node/map-page.a9602658.js.map +1 -0
  87. package/dist/node/{map-view.77013338.js → map-view.663640da.js} +2 -2
  88. package/dist/node/map-view.663640da.js.map +1 -0
  89. package/package.json +5 -5
  90. package/src/context-panel/main.module.sass +1 -1
  91. package/src/dev/map-page.ts +2 -10
  92. package/src/helpers.ts +31 -4
  93. package/src/location-info/index.ts +15 -6
  94. package/src/location-panel/header.ts +5 -3
  95. package/src/location-panel/main.module.sass +5 -0
  96. package/src/main.module.sass +15 -8
  97. package/src/map-view.ts +92 -45
  98. package/dist/cjs/header.b86c0710.js.map +0 -1
  99. package/dist/cjs/helpers.0f72ddaf.js.map +0 -1
  100. package/dist/cjs/location-info.92e70042.js.map +0 -1
  101. package/dist/cjs/main.module.3dbc089f.css.map +0 -1
  102. package/dist/cjs/main.module.62939ea7.js.map +0 -1
  103. package/dist/cjs/main.module.f085a193.css.map +0 -1
  104. package/dist/cjs/map-page.cde24ee5.js.map +0 -1
  105. package/dist/cjs/map-view.12e9ea3e.js.map +0 -1
  106. package/dist/esm/header.b4aa864a.js.map +0 -1
  107. package/dist/esm/helpers.fb1d7227.js.map +0 -1
  108. package/dist/esm/location-info.5543bb05.js.map +0 -1
  109. package/dist/esm/main.module.f70e002b.js.map +0 -1
  110. package/dist/esm/map-page.f9f59ea0.js.map +0 -1
  111. package/dist/esm/map-view.4f256782.js.map +0 -1
  112. package/dist/node/container.abd6f0d2.js +0 -2
  113. package/dist/node/header.4b58753a.js +0 -2
  114. package/dist/node/location-info.9f59aad3.js +0 -2
  115. package/dist/node/location-info.9f59aad3.js.map +0 -1
  116. package/dist/node/main.module.24615279.js +0 -2
  117. package/dist/node/main.module.24615279.js.map +0 -1
  118. package/dist/node/main.module.61b261c8.css.map +0 -1
  119. package/dist/node/main.module.89f269c7.css +0 -2
  120. package/dist/node/main.module.89f269c7.css.map +0 -1
  121. package/dist/node/main.module.ba3f4a78.css.map +0 -1
  122. package/dist/node/map-page.f99c4a48.js.map +0 -1
  123. package/dist/node/map-view.77013338.js.map +0 -1
@@ -1,2 +1,2 @@
1
- require("./header.4b58753a.js"),require("./main.module.ba3f4a78.css"),require("./main.module.3a8fef67.js"),require("./container.abd6f0d2.js");var e=require("@macrostrat/hyper");function r(e){return e&&e.__esModule?e.default:e}require("classnames"),require("@macrostrat/ui-components");var i=globalThis,n={},a={},t=i.parcelRequire94c2;null==t&&((t=function(e){if(e in n)return n[e].exports;if(e in a){var r=a[e];delete a[e];var i={id:e,exports:{}};return n[e]=i,r.call(i.exports,i,i.exports),i.exports}var t=Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}).register=function(e,r){a[e]=r},i.parcelRequire94c2=t),t.register,new URL("header.4b58753a.js","file:"+__filename).toString();var c=t("2UJTP");new URL("container.abd6f0d2.js","file:"+__filename).toString(),r(e).styled(r(c));
2
- //# sourceMappingURL=location-panel.c39983e3.js.map
1
+ require("./header.98a4cf12.js"),require("./main.module.3943144e.css"),require("./main.module.3a8fef67.js"),require("./container.ab523076.js");var e=require("@macrostrat/hyper");function r(e){return e&&e.__esModule?e.default:e}require("classnames"),require("@macrostrat/ui-components");var i=globalThis,n={},a={},t=i.parcelRequire94c2;null==t&&((t=function(e){if(e in n)return n[e].exports;if(e in a){var r=a[e];delete a[e];var i={id:e,exports:{}};return n[e]=i,r.call(i.exports,i,i.exports),i.exports}var t=Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}).register=function(e,r){a[e]=r},i.parcelRequire94c2=t),t.register,new URL("header.98a4cf12.js","file:"+__filename).toString();var c=t("2UJTP");new URL("container.ab523076.js","file:"+__filename).toString(),r(e).styled(r(c));
2
+ //# sourceMappingURL=location-panel.dd1d2b37.js.map
@@ -1 +1 @@
1
- {"mappings":"A,Q,yC,Q,+C,Q,8C,Q,4C,I,E,Q,qB,S,E,C,E,O,G,E,U,C,E,O,C,C,C,Q,c,Q,6B,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,CEAiB,IAAA,IAAoB,sCAAA,QAAA,YAAuC,QAAQ,G,I,E,E,SCAnE,IAAA,IAAoB,yCAAA,QAAA,YAA0C,QAAQ,GFQ7E,AAAA,AAAA,EAAA,GAAM,MAAM,CAAC,EAAA","sources":["<anon>","packages/map-interface/src/location-panel/index.ts","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-6eff41384e4a05ae.js","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-1fa26f28051dce2d.js"],"sourcesContent":["require(\"./header.4b58753a.js\");\nrequire(\"./main.module.ba3f4a78.css\");\nrequire(\"./main.module.3a8fef67.js\");\nrequire(\"./container.abd6f0d2.js\");\nvar $eV7Yx$macrostrathyper = require(\"@macrostrat/hyper\");\nvar $eV7Yx$classnames = require(\"classnames\");\nvar $eV7Yx$macrostratuicomponents = require(\"@macrostrat/ui-components\");\n\n\nfunction $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\n var $parcel$global = globalThis;\n \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequire94c2\"];\n\nif (parcelRequire == null) {\n parcelRequire = function(id) {\n if (id in $parcel$modules) {\n return $parcel$modules[id].exports;\n }\n if (id in $parcel$inits) {\n var init = $parcel$inits[id];\n delete $parcel$inits[id];\n var module = {id: id, exports: {}};\n $parcel$modules[id] = module;\n init.call(module.exports, module, module.exports);\n return module.exports;\n }\n var err = new Error(\"Cannot find module '\" + id + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n };\n\n parcelRequire.register = function register(id, init) {\n $parcel$inits[id] = init;\n };\n\n $parcel$global[\"parcelRequire94c2\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\nvar $3661f7ed1614b54b$exports = {};\n$3661f7ed1614b54b$exports = new URL(\"header.4b58753a.js\", \"file:\" + __filename).toString();\n\n\n\n\nvar $2UJTP = parcelRequire(\"2UJTP\");\n\nvar $821c0ad2f6c90b1b$exports = {};\n$821c0ad2f6c90b1b$exports = new URL(\"container.abd6f0d2.js\", \"file:\" + __filename).toString();\n\n\nconst $6b3ac418f085f13e$var$h = (0, ($parcel$interopDefault($eV7Yx$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($2UJTP))));\nfunction $6b3ac418f085f13e$export$83f9a19cf91c2d06(props) {\n const className = (0, ($parcel$interopDefault($eV7Yx$classnames)))(\"infodrawer\", props.className);\n return $6b3ac418f085f13e$var$h((0, $821c0ad2f6c90b1b$exports.PanelCard), {\n ...props,\n className: className\n });\n}\nfunction $6b3ac418f085f13e$export$a5ddcc2a88716895(props) {\n const { className: className, headerElement: headerElement = null, title: title, onClose: onClose, children: children, contentContainer: contentContainer = \"div.infodrawer-contents\", ...rest } = props;\n const header = headerElement ?? $6b3ac418f085f13e$var$h((0, $3661f7ed1614b54b$exports.InfoDrawerHeader), {\n onClose: onClose,\n ...rest\n }, [\n title == null ? null : $6b3ac418f085f13e$var$h(\"h3\", [\n title\n ])\n ]);\n return $6b3ac418f085f13e$var$h($6b3ac418f085f13e$export$83f9a19cf91c2d06, {\n className: className\n }, [\n header,\n $6b3ac418f085f13e$var$h(\"div.infodrawer-body\", $6b3ac418f085f13e$var$h((0, $eV7Yx$macrostratuicomponents.ErrorBoundary), $6b3ac418f085f13e$var$h(contentContainer, children)))\n ]);\n}\nconst $6b3ac418f085f13e$export$e54a7f2505304e20 = $6b3ac418f085f13e$export$a5ddcc2a88716895;\nfunction $6b3ac418f085f13e$export$aa4baff5242ea6e1(props) {\n const { children: children, className: className, loading: loading = false, ...rest } = props;\n const cls = (0, ($parcel$interopDefault($eV7Yx$classnames)))(\"location-panel\", className, {\n loading: loading\n });\n return $6b3ac418f085f13e$var$h($6b3ac418f085f13e$export$a5ddcc2a88716895, {\n className: cls,\n ...rest\n }, children);\n}\n\n\n//# sourceMappingURL=location-panel.c39983e3.js.map\n","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","module.exports = new __parcel__URL__(\"header.4b58753a.js\").toString();","module.exports = new __parcel__URL__(\"container.abd6f0d2.js\").toString();"],"names":["require","$eV7Yx$macrostrathyper","$parcel$interopDefault","a","__esModule","default","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","URL","__filename","toString","$2UJTP","styled"],"version":3,"file":"location-panel.c39983e3.js.map","sourceRoot":"../../../../"}
1
+ {"mappings":"A,Q,yC,Q,+C,Q,8C,Q,4C,I,E,Q,qB,S,E,C,E,O,G,E,U,C,E,O,C,C,C,Q,c,Q,6B,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,CEAiB,IAAA,IAAoB,sCAAA,QAAA,YAAuC,QAAQ,G,I,E,E,SCAnE,IAAA,IAAoB,yCAAA,QAAA,YAA0C,QAAQ,GFQ7E,AAAA,AAAA,EAAA,GAAM,MAAM,CAAC,EAAA","sources":["<anon>","packages/map-interface/src/location-panel/index.ts","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-6eff41384e4a05ae.js","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-1fa26f28051dce2d.js"],"sourcesContent":["require(\"./header.98a4cf12.js\");\nrequire(\"./main.module.3943144e.css\");\nrequire(\"./main.module.3a8fef67.js\");\nrequire(\"./container.ab523076.js\");\nvar $eV7Yx$macrostrathyper = require(\"@macrostrat/hyper\");\nvar $eV7Yx$classnames = require(\"classnames\");\nvar $eV7Yx$macrostratuicomponents = require(\"@macrostrat/ui-components\");\n\n\nfunction $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\n var $parcel$global = globalThis;\n \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequire94c2\"];\n\nif (parcelRequire == null) {\n parcelRequire = function(id) {\n if (id in $parcel$modules) {\n return $parcel$modules[id].exports;\n }\n if (id in $parcel$inits) {\n var init = $parcel$inits[id];\n delete $parcel$inits[id];\n var module = {id: id, exports: {}};\n $parcel$modules[id] = module;\n init.call(module.exports, module, module.exports);\n return module.exports;\n }\n var err = new Error(\"Cannot find module '\" + id + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n };\n\n parcelRequire.register = function register(id, init) {\n $parcel$inits[id] = init;\n };\n\n $parcel$global[\"parcelRequire94c2\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\nvar $3661f7ed1614b54b$exports = {};\n$3661f7ed1614b54b$exports = new URL(\"header.98a4cf12.js\", \"file:\" + __filename).toString();\n\n\n\n\nvar $2UJTP = parcelRequire(\"2UJTP\");\n\nvar $821c0ad2f6c90b1b$exports = {};\n$821c0ad2f6c90b1b$exports = new URL(\"container.ab523076.js\", \"file:\" + __filename).toString();\n\n\nconst $6b3ac418f085f13e$var$h = (0, ($parcel$interopDefault($eV7Yx$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($2UJTP))));\nfunction $6b3ac418f085f13e$export$83f9a19cf91c2d06(props) {\n const className = (0, ($parcel$interopDefault($eV7Yx$classnames)))(\"infodrawer\", props.className);\n return $6b3ac418f085f13e$var$h((0, $821c0ad2f6c90b1b$exports.PanelCard), {\n ...props,\n className: className\n });\n}\nfunction $6b3ac418f085f13e$export$a5ddcc2a88716895(props) {\n const { className: className, headerElement: headerElement = null, title: title, onClose: onClose, children: children, contentContainer: contentContainer = \"div.infodrawer-contents\", ...rest } = props;\n const header = headerElement ?? $6b3ac418f085f13e$var$h((0, $3661f7ed1614b54b$exports.InfoDrawerHeader), {\n onClose: onClose,\n ...rest\n }, [\n title == null ? null : $6b3ac418f085f13e$var$h(\"h3\", [\n title\n ])\n ]);\n return $6b3ac418f085f13e$var$h($6b3ac418f085f13e$export$83f9a19cf91c2d06, {\n className: className\n }, [\n header,\n $6b3ac418f085f13e$var$h(\"div.infodrawer-body\", $6b3ac418f085f13e$var$h((0, $eV7Yx$macrostratuicomponents.ErrorBoundary), $6b3ac418f085f13e$var$h(contentContainer, children)))\n ]);\n}\nconst $6b3ac418f085f13e$export$e54a7f2505304e20 = $6b3ac418f085f13e$export$a5ddcc2a88716895;\nfunction $6b3ac418f085f13e$export$aa4baff5242ea6e1(props) {\n const { children: children, className: className, loading: loading = false, ...rest } = props;\n const cls = (0, ($parcel$interopDefault($eV7Yx$classnames)))(\"location-panel\", className, {\n loading: loading\n });\n return $6b3ac418f085f13e$var$h($6b3ac418f085f13e$export$a5ddcc2a88716895, {\n className: cls,\n ...rest\n }, children);\n}\n\n\n//# sourceMappingURL=location-panel.dd1d2b37.js.map\n","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","module.exports = new __parcel__URL__(\"header.98a4cf12.js\").toString();","module.exports = new __parcel__URL__(\"container.ab523076.js\").toString();"],"names":["require","$eV7Yx$macrostrathyper","$parcel$interopDefault","a","__esModule","default","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","URL","__filename","toString","$2UJTP","styled"],"version":3,"file":"location-panel.dd1d2b37.js.map","sourceRoot":"../../../../"}
@@ -1,2 +1,2 @@
1
- .VPa3-W_copy-link-button.bp5-minimal.bp5-button{color:var(--text-subtle-color)}.VPa3-W_copy-link-button.bp5-minimal.bp5-button svg{fill:var(--text-subtle-color)}.VPa3-W_location-panel-header{align-items:center;gap:var(--panel-header-gap,.5rem);min-height:var(--panel-header-height,40px);border-bottom:1px solid var(--panel-rule-color);flex-direction:row;padding:5px;display:flex}.VPa3-W_location-panel-header.VPa3-W_fixed-height{height:var(--panel-header-height,40px)}.VPa3-W_location-panel-header .VPa3-W_spacer{margin-right:calc(-1*var(--panel-header-gap,.5rem));flex-grow:1}.VPa3-W_location-panel-header .VPa3-W_left-icon{padding:7px}.VPa3-W_location-panel-header .VPa3-W_position-controls .bp5-button{font-size:12px!important}.VPa3-W_location-panel-header h1,.VPa3-W_location-panel-header h2,.VPa3-W_location-panel-header h3,.VPa3-W_location-panel-header h4,.VPa3-W_location-panel-header h5,.VPa3-W_location-panel-header h6,.VPa3-W_location-panel-header p{text-overflow:ellipsis;margin:0;font-size:16px;overflow:hidden}.VPa3-W_location-panel-header h1:first-child,.VPa3-W_location-panel-header h2:first-child,.VPa3-W_location-panel-header h3:first-child,.VPa3-W_location-panel-header h4:first-child,.VPa3-W_location-panel-header h5:first-child,.VPa3-W_location-panel-header h6:first-child,.VPa3-W_location-panel-header p:first-child{margin-left:10px}.VPa3-W_infodrawer-header-item{font-size:12px}.VPa3-W_infodrawer-header-item .secondary{color:var(--text-subtle-color);font-size:.9em}.VPa3-W_infodrawer{pointer-events:all;background-color:var(--panel-background-color);flex-direction:column;max-width:100%;height:fit-content;max-height:100%;display:flex;overflow-y:hidden}.VPa3-W_infodrawer.bp5-card{background-color:var(--panel-background-color);padding:0}.VPa3-W_infodrawer.VPa3-W_loading .VPa3-W_infodrawer-body{min-height:70px;overflow-y:hidden}.VPa3-W_infodrawer-contents{padding:0 1em}.VPa3-W_infodrawer-contents>:first-child{margin-top:1rem}.VPa3-W_infodrawer-contents>:last-child{margin-bottom:1rem}.VPa3-W_infodrawer-body{flex-shrink:1;min-height:0;transition:min-height .5s;position:relative;overflow-y:scroll}@media screen and (width<=768px){.VPa3-W_infodrawer{border-radius:var(--panel-border-radius,0px)}}
2
- /*# sourceMappingURL=main.module.ba3f4a78.css.map */
1
+ .VPa3-W_copy-link-button.bp5-minimal.bp5-button{color:var(--text-subtle-color)}.VPa3-W_copy-link-button.bp5-minimal.bp5-button svg{fill:var(--text-subtle-color)}.VPa3-W_location-panel-header{align-items:center;gap:var(--panel-header-gap,.5rem);min-height:var(--panel-header-height,40px);border-bottom:1px solid var(--panel-rule-color);flex-direction:row;padding:5px;display:flex}.VPa3-W_location-panel-header.VPa3-W_fixed-height{height:var(--panel-header-height,40px)}.VPa3-W_location-panel-header .VPa3-W_spacer{margin-right:calc(-1*var(--panel-header-gap,.5rem));flex-grow:1}.VPa3-W_location-panel-header .VPa3-W_left-icon{padding:7px}.VPa3-W_location-panel-header .VPa3-W_position-controls .bp5-button{font-size:12px!important}.VPa3-W_location-panel-header h1,.VPa3-W_location-panel-header h2,.VPa3-W_location-panel-header h3,.VPa3-W_location-panel-header h4,.VPa3-W_location-panel-header h5,.VPa3-W_location-panel-header h6,.VPa3-W_location-panel-header p{text-overflow:ellipsis;margin:0;font-size:16px;overflow:hidden}.VPa3-W_location-panel-header h1:first-child,.VPa3-W_location-panel-header h2:first-child,.VPa3-W_location-panel-header h3:first-child,.VPa3-W_location-panel-header h4:first-child,.VPa3-W_location-panel-header h5:first-child,.VPa3-W_location-panel-header h6:first-child,.VPa3-W_location-panel-header p:first-child{margin-left:10px}.VPa3-W_infodrawer-header-item{font-size:12px}.VPa3-W_infodrawer-header-item .secondary{color:var(--text-subtle-color);font-size:.9em}.VPa3-W_infodrawer{pointer-events:all;background-color:var(--panel-background-color);--panel-padding:0;flex-direction:column;max-width:100%;height:fit-content;max-height:100%;display:flex;overflow-y:hidden}.VPa3-W_infodrawer.bp5-card{background-color:var(--panel-background-color);padding:0}.VPa3-W_infodrawer.VPa3-W_loading .VPa3-W_infodrawer-body{min-height:70px;overflow-y:hidden}.VPa3-W_infodrawer-contents{padding:0 1em}.VPa3-W_infodrawer-contents>:first-child{margin-top:1rem}.VPa3-W_infodrawer-contents>div:first-child{margin-top:0}.VPa3-W_infodrawer-contents>:last-child{margin-bottom:1rem}.VPa3-W_infodrawer-contents>div:last-child{margin-bottom:0}.VPa3-W_infodrawer-body{flex-shrink:1;min-height:0;transition:min-height .5s;position:relative;overflow-y:scroll}@media screen and (width<=768px){.VPa3-W_infodrawer{border-radius:var(--panel-border-radius,0px)}}
2
+ /*# sourceMappingURL=main.module.3943144e.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"ACAA,+EAGE,kFAGF,0NAQE,yFAGA,6GAKA,4DAGA,6FAIA,qSAKE,2UAGJ,8CAGE,wFAIF,8MAWE,qFAME,4FAKJ,0CAEE,yDAEA,yDAEA,2DAEA,2DAIF,iHAQA,iCACE","sources":["main.module.3943144e.css","packages/map-interface/src/location-panel/main.module.sass"],"sourcesContent":[".VPa3-W_copy-link-button.bp5-minimal.bp5-button {\n color: var(--text-subtle-color);\n}\n\n.VPa3-W_copy-link-button.bp5-minimal.bp5-button svg {\n fill: var(--text-subtle-color);\n}\n\n.VPa3-W_location-panel-header {\n align-items: center;\n gap: var(--panel-header-gap, .5rem);\n min-height: var(--panel-header-height, 40px);\n border-bottom: 1px solid var(--panel-rule-color);\n flex-direction: row;\n padding: 5px;\n display: flex;\n}\n\n.VPa3-W_location-panel-header.VPa3-W_fixed-height {\n height: var(--panel-header-height, 40px);\n}\n\n.VPa3-W_location-panel-header .VPa3-W_spacer {\n margin-right: calc(-1 * var(--panel-header-gap, .5rem));\n flex-grow: 1;\n}\n\n.VPa3-W_location-panel-header .VPa3-W_left-icon {\n padding: 7px;\n}\n\n.VPa3-W_location-panel-header .VPa3-W_position-controls .bp5-button {\n font-size: 12px !important;\n}\n\n.VPa3-W_location-panel-header h1, .VPa3-W_location-panel-header h2, .VPa3-W_location-panel-header h3, .VPa3-W_location-panel-header h4, .VPa3-W_location-panel-header h5, .VPa3-W_location-panel-header h6, .VPa3-W_location-panel-header p {\n text-overflow: ellipsis;\n margin: 0;\n font-size: 16px;\n overflow: hidden;\n}\n\n.VPa3-W_location-panel-header h1:first-child, .VPa3-W_location-panel-header h2:first-child, .VPa3-W_location-panel-header h3:first-child, .VPa3-W_location-panel-header h4:first-child, .VPa3-W_location-panel-header h5:first-child, .VPa3-W_location-panel-header h6:first-child, .VPa3-W_location-panel-header p:first-child {\n margin-left: 10px;\n}\n\n.VPa3-W_infodrawer-header-item {\n font-size: 12px;\n}\n\n.VPa3-W_infodrawer-header-item .secondary {\n color: var(--text-subtle-color);\n font-size: .9em;\n}\n\n.VPa3-W_infodrawer {\n pointer-events: all;\n background-color: var(--panel-background-color);\n --panel-padding: 0;\n flex-direction: column;\n max-width: 100%;\n height: fit-content;\n max-height: 100%;\n display: flex;\n overflow-y: hidden;\n}\n\n.VPa3-W_infodrawer.bp5-card {\n background-color: var(--panel-background-color);\n padding: 0;\n}\n\n.VPa3-W_infodrawer.VPa3-W_loading .VPa3-W_infodrawer-body {\n min-height: 70px;\n overflow-y: hidden;\n}\n\n.VPa3-W_infodrawer-contents {\n padding: 0 1em;\n}\n\n.VPa3-W_infodrawer-contents > :first-child {\n margin-top: 1rem;\n}\n\n.VPa3-W_infodrawer-contents > div:first-child {\n margin-top: 0;\n}\n\n.VPa3-W_infodrawer-contents > :last-child {\n margin-bottom: 1rem;\n}\n\n.VPa3-W_infodrawer-contents > div:last-child {\n margin-bottom: 0;\n}\n\n.VPa3-W_infodrawer-body {\n flex-shrink: 1;\n min-height: 0;\n transition: min-height .5s;\n position: relative;\n overflow-y: scroll;\n}\n\n@media screen and (width <= 768px) {\n .VPa3-W_infodrawer {\n border-radius: var(--panel-border-radius, 0px);\n }\n}\n/*# sourceMappingURL=main.module.3943144e.css.map */\n",".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.3943144e.css.map","sourceRoot":"../../../../"}
@@ -0,0 +1,2 @@
1
+ var e,o,a,t,l,r,p,n,c,d,m,s,u,x,i,_,b,h,g,w,f,v,k,z,j,y,O,P,q,A,B,C,D,E,F,G,H,I,J,K,L,M,N,Q,R,S,T,U,V,W,X,Y,Z,$;function ee(e,o,a,t){Object.defineProperty(e,o,{get:a,set:t,enumerable:!0,configurable:!0})}ee(module.exports,"map-container",()=>e,o=>e=o),ee(module.exports,"show-panel-outlines",()=>o,e=>o=e),ee(module.exports,"map-view-container",()=>a,e=>a=e),ee(module.exports,"fit-viewport",()=>t,e=>t=e),ee(module.exports,"compass-control",()=>l,e=>l=e),ee(module.exports,"map-is-rotated",()=>r,e=>r=e),ee(module.exports,"map-3d-control",()=>p,e=>p=e),ee(module.exports,"map-3d-available",()=>n,e=>n=e),ee(module.exports,"globe-control",()=>c,e=>c=e),ee(module.exports,"map-is-global",()=>d,e=>d=e),ee(module.exports,"detail-panel-open",()=>m,e=>m=e),ee(module.exports,"zoom-control",()=>s,e=>s=e),ee(module.exports,"detail-panel-fixed",()=>u,e=>u=e),ee(module.exports,"detail-panel-holder",()=>x,e=>x=e),ee(module.exports,"map-control-stack",()=>i,e=>i=e),ee(module.exports,"main-row",()=>_,e=>_=e),ee(module.exports,"map-ui",()=>b,e=>b=e),ee(module.exports,"standalone",()=>h,e=>h=e),ee(module.exports,"mapbox-map",()=>g,e=>g=e),ee(module.exports,"context-panel-holder",()=>w,e=>w=e),ee(module.exports,"panel-card",()=>f,e=>f=e),ee(module.exports,"context-stack",()=>v,e=>v=e),ee(module.exports,"searchbar",()=>k,e=>k=e),ee(module.exports,"detail-stack",()=>z,e=>z=e),ee(module.exports,"panel-container",()=>j,e=>j=e),ee(module.exports,"panel-title",()=>y,e=>y=e),ee(module.exports,"spacer",()=>O,e=>O=e),ee(module.exports,"searchbar-holder",()=>P,e=>P=e),ee(module.exports,"right-panel",()=>q,e=>q=e),ee(module.exports,"buttons",()=>A,e=>A=e),ee(module.exports,"tab-button",()=>B,e=>B=e),ee(module.exports,"menu-card",()=>C,e=>C=e),ee(module.exports,"narrow-card",()=>D,e=>D=e),ee(module.exports,"panel-header",()=>E,e=>E=e),ee(module.exports,"minimal",()=>F,e=>F=e),ee(module.exports,"context-panel-leave",()=>G,e=>G=e),ee(module.exports,"narrow-enter",()=>H,e=>H=e),ee(module.exports,"menu-group",()=>I,e=>I=e),ee(module.exports,"menu-content",()=>J,e=>J=e),ee(module.exports,"bp5-button-group",()=>K,e=>K=e),ee(module.exports,"detail-panel-container",()=>L,e=>L=e),ee(module.exports,"map-right-controls",()=>M,e=>M=e),ee(module.exports,"map-controls",()=>N,e=>N=e),ee(module.exports,"map-scale-control",()=>Q,e=>Q=e),ee(module.exports,"detail-panel-enter",()=>R,e=>R=e),ee(module.exports,"infodrawer-stack",()=>S,e=>S=e),ee(module.exports,"detail-panel",()=>T,e=>T=e),ee(module.exports,"adaptive-width",()=>U,e=>U=e),ee(module.exports,"context-panel-from",()=>V,e=>V=e),ee(module.exports,"context-panel-enter",()=>W,e=>W=e),ee(module.exports,"detail-panel-floating",()=>X,e=>X=e),ee(module.exports,"detail-panel-from",()=>Y,e=>Y=e),ee(module.exports,"detail-panel-leave",()=>Z,e=>Z=e),ee(module.exports,"context-panel",()=>$,e=>$=e),e="map-container_4c0a66",o="show-panel-outlines_4c0a66",a="map-view-container_4c0a66",t="fit-viewport_4c0a66",l="compass-control_4c0a66",r="map-is-rotated_4c0a66",p="map-3d-control_4c0a66",n="map-3d-available_4c0a66",c="globe-control_4c0a66",d="map-is-global_4c0a66",m="detail-panel-open_4c0a66",s="zoom-control_4c0a66",u="detail-panel-fixed_4c0a66",x="detail-panel-holder_4c0a66",i="map-control-stack_4c0a66",_="main-row_4c0a66",b="map-ui_4c0a66",h="standalone_4c0a66",g="mapbox-map_4c0a66",w="context-panel-holder_4c0a66",f="panel-card_4c0a66",v="context-stack_4c0a66",k="searchbar_4c0a66",z="detail-stack_4c0a66",j="panel-container_4c0a66",y="panel-title_4c0a66",O="spacer_4c0a66",P="searchbar-holder_4c0a66",q="right-panel_4c0a66",A="buttons_4c0a66",B="tab-button_4c0a66",C="menu-card_4c0a66",D="narrow-card_4c0a66",E="panel-header_4c0a66",F="minimal_4c0a66",G="context-panel-leave_4c0a66",H="narrow-enter_4c0a66",I="menu-group_4c0a66",J="menu-content_4c0a66",K="bp5-button-group_4c0a66",L="detail-panel-container_4c0a66",M="map-right-controls_4c0a66",N="map-controls_4c0a66",Q="map-scale-control_4c0a66",R="detail-panel-enter_4c0a66",S="infodrawer-stack_4c0a66",T="detail-panel_4c0a66",U="adaptive-width_4c0a66",V="context-panel-from_4c0a66",W="context-panel-enter_4c0a66",X="detail-panel-floating_4c0a66",Y="detail-panel-from_4c0a66",Z="detail-panel-leave_4c0a66",$="context-panel_4c0a66";
2
+ //# sourceMappingURL=main.module.7c928a6f.js.map
@@ -0,0 +1 @@
1
+ {"mappings":"ICAA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,E,S,G,C,C,C,C,C,C,C,E,O,c,C,E,E,C,I,E,I,E,W,C,E,a,C,C,E,C,G,O,O,C,gB,I,E,A,G,E,G,G,O,O,C,sB,I,E,A,G,E,G,G,O,O,C,qB,I,E,A,G,E,G,G,O,O,C,e,I,E,A,G,E,G,G,O,O,C,kB,I,E,A,G,E,G,G,O,O,C,iB,I,E,A,G,E,G,G,O,O,C,iB,I,E,A,G,E,G,G,O,O,C,mB,I,E,A,G,E,G,G,O,O,C,gB,I,E,A,G,E,G,G,O,O,C,gB,I,E,A,G,E,G,G,O,O,C,oB,I,E,A,G,E,G,G,O,O,C,e,I,E,A,G,E,G,G,O,O,C,qB,I,E,A,G,E,G,G,O,O,C,sB,I,E,A,G,E,G,G,O,O,C,oB,I,E,A,G,E,G,G,O,O,C,W,I,E,A,G,E,G,G,O,O,C,S,I,E,A,G,E,G,G,O,O,C,a,I,E,A,G,E,G,G,O,O,C,a,I,E,A,G,E,G,G,O,O,C,uB,I,E,A,G,E,G,G,O,O,C,a,I,E,A,G,E,G,G,O,O,C,gB,I,E,A,G,E,G,G,O,O,C,Y,I,E,A,G,E,G,G,O,O,C,e,I,E,A,G,E,G,G,O,O,C,kB,I,E,A,G,E,G,G,O,O,C,c,I,E,A,G,E,G,G,O,O,C,S,I,E,A,G,E,G,G,O,O,C,mB,I,E,A,G,E,G,G,O,O,C,c,I,E,A,G,E,G,G,O,O,C,U,I,E,A,G,E,G,G,O,O,C,a,I,E,A,G,E,G,G,O,O,C,Y,I,E,A,G,E,G,G,O,O,C,c,I,E,A,G,E,G,G,O,O,C,e,I,E,A,G,E,G,G,O,O,C,U,I,E,A,G,E,G,G,O,O,C,sB,I,E,A,G,E,G,G,O,O,C,e,I,E,A,G,E,G,G,O,O,C,a,I,E,A,G,E,G,G,O,O,C,e,I,E,A,G,E,G,G,O,O,C,mB,I,E,A,G,E,G,G,O,O,C,yB,I,E,A,G,E,G,G,O,O,C,qB,I,E,A,G,E,G,G,O,O,C,e,I,E,A,G,E,G,G,O,O,C,oB,I,E,A,G,E,G,G,O,O,C,qB,I,E,A,G,E,G,G,O,O,C,mB,I,E,A,G,E,G,G,O,O,C,e,I,E,A,G,E,G,G,O,O,C,iB,I,E,A,G,E,G,G,O,O,C,qB,I,E,A,G,E,G,G,O,O,C,sB,I,E,A,G,E,G,G,O,O,C,wB,I,E,A,G,E,G,G,O,O,C,oB,I,E,A,G,E,G,G,O,O,C,qB,I,E,A,G,E,G,G,O,O,C,gB,I,E,A,G,E,GArDA,EAAkC,uBAClC,EAAwC,6BACxC,EAAuC,4BACvC,EAAiC,sBACjC,EAAoC,yBACpC,EAAmC,wBACnC,EAAmC,wBACnC,EAAqC,0BACrC,EAAkC,uBAClC,EAAkC,uBAClC,EAAsC,2BACtC,EAAiC,sBACjC,EAAuC,4BACvC,EAAwC,6BACxC,EAAsC,2BACtC,EAA6B,kBAC7B,EAA2B,gBAC3B,EAA+B,oBAC/B,EAA+B,oBAC/B,EAAyC,8BACzC,EAA+B,oBAC/B,EAAkC,uBAClC,EAA8B,mBAC9B,EAAiC,sBACjC,EAAoC,yBACpC,EAAgC,qBAChC,EAA2B,gBAC3B,EAAqC,0BACrC,EAAgC,qBAChC,EAA4B,iBAC5B,EAA+B,oBAC/B,EAA8B,mBAC9B,EAAgC,qBAChC,EAAiC,sBACjC,EAA4B,iBAC5B,EAAwC,6BACxC,EAAiC,sBACjC,EAA+B,oBAC/B,EAAiC,sBACjC,EAAqC,0BACrC,EAA2C,gCAC3C,EAAuC,4BACvC,EAAiC,sBACjC,EAAsC,2BACtC,EAAuC,4BACvC,EAAqC,0BACrC,EAAiC,sBACjC,EAAmC,wBACnC,EAAuC,4BACvC,EAAwC,6BACxC,EAA0C,+BAC1C,EAAsC,2BACtC,EAAuC,4BACvC,EAAkC","sources":["<anon>","packages/map-interface/src/main.module.sass"],"sourcesContent":["\nfunction $parcel$export(e, n, v, s) {\n Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});\n}\n\n$parcel$export(module.exports, \"map-container\", () => $508cda6802bfa872$export$d7f2c44afcf5df56, (v) => $508cda6802bfa872$export$d7f2c44afcf5df56 = v);\n$parcel$export(module.exports, \"show-panel-outlines\", () => $508cda6802bfa872$export$e163bcc0a29d66c, (v) => $508cda6802bfa872$export$e163bcc0a29d66c = v);\n$parcel$export(module.exports, \"map-view-container\", () => $508cda6802bfa872$export$11aa7dc57218208d, (v) => $508cda6802bfa872$export$11aa7dc57218208d = v);\n$parcel$export(module.exports, \"fit-viewport\", () => $508cda6802bfa872$export$2a73fca7b70dce31, (v) => $508cda6802bfa872$export$2a73fca7b70dce31 = v);\n$parcel$export(module.exports, \"compass-control\", () => $508cda6802bfa872$export$cc73204c64cc0950, (v) => $508cda6802bfa872$export$cc73204c64cc0950 = v);\n$parcel$export(module.exports, \"map-is-rotated\", () => $508cda6802bfa872$export$d2972e7dfac51dc2, (v) => $508cda6802bfa872$export$d2972e7dfac51dc2 = v);\n$parcel$export(module.exports, \"map-3d-control\", () => $508cda6802bfa872$export$142b9410c523ef40, (v) => $508cda6802bfa872$export$142b9410c523ef40 = v);\n$parcel$export(module.exports, \"map-3d-available\", () => $508cda6802bfa872$export$6bc2d6545947abbc, (v) => $508cda6802bfa872$export$6bc2d6545947abbc = v);\n$parcel$export(module.exports, \"globe-control\", () => $508cda6802bfa872$export$b06313b17bd37b68, (v) => $508cda6802bfa872$export$b06313b17bd37b68 = v);\n$parcel$export(module.exports, \"map-is-global\", () => $508cda6802bfa872$export$ea9cfbb56edd0e47, (v) => $508cda6802bfa872$export$ea9cfbb56edd0e47 = v);\n$parcel$export(module.exports, \"detail-panel-open\", () => $508cda6802bfa872$export$62a60ea2feb29c53, (v) => $508cda6802bfa872$export$62a60ea2feb29c53 = v);\n$parcel$export(module.exports, \"zoom-control\", () => $508cda6802bfa872$export$61e54aa1efb913ad, (v) => $508cda6802bfa872$export$61e54aa1efb913ad = v);\n$parcel$export(module.exports, \"detail-panel-fixed\", () => $508cda6802bfa872$export$4a4f34b86d8e6504, (v) => $508cda6802bfa872$export$4a4f34b86d8e6504 = v);\n$parcel$export(module.exports, \"detail-panel-holder\", () => $508cda6802bfa872$export$f553ebb4e6df6c5f, (v) => $508cda6802bfa872$export$f553ebb4e6df6c5f = v);\n$parcel$export(module.exports, \"map-control-stack\", () => $508cda6802bfa872$export$c163dab1f00a51cb, (v) => $508cda6802bfa872$export$c163dab1f00a51cb = v);\n$parcel$export(module.exports, \"main-row\", () => $508cda6802bfa872$export$bc4885f800420ea3, (v) => $508cda6802bfa872$export$bc4885f800420ea3 = v);\n$parcel$export(module.exports, \"map-ui\", () => $508cda6802bfa872$export$7d4a718201bc0bd1, (v) => $508cda6802bfa872$export$7d4a718201bc0bd1 = v);\n$parcel$export(module.exports, \"standalone\", () => $508cda6802bfa872$export$983430b50142290b, (v) => $508cda6802bfa872$export$983430b50142290b = v);\n$parcel$export(module.exports, \"mapbox-map\", () => $508cda6802bfa872$export$d0dcaf774d09fc4c, (v) => $508cda6802bfa872$export$d0dcaf774d09fc4c = v);\n$parcel$export(module.exports, \"context-panel-holder\", () => $508cda6802bfa872$export$1113ec858cdbc244, (v) => $508cda6802bfa872$export$1113ec858cdbc244 = v);\n$parcel$export(module.exports, \"panel-card\", () => $508cda6802bfa872$export$8eff531ff0f1cffe, (v) => $508cda6802bfa872$export$8eff531ff0f1cffe = v);\n$parcel$export(module.exports, \"context-stack\", () => $508cda6802bfa872$export$a15c1c170cdda69a, (v) => $508cda6802bfa872$export$a15c1c170cdda69a = v);\n$parcel$export(module.exports, \"searchbar\", () => $508cda6802bfa872$export$2ac23befe9d406ee, (v) => $508cda6802bfa872$export$2ac23befe9d406ee = v);\n$parcel$export(module.exports, \"detail-stack\", () => $508cda6802bfa872$export$bb1d4538b98f1621, (v) => $508cda6802bfa872$export$bb1d4538b98f1621 = v);\n$parcel$export(module.exports, \"panel-container\", () => $508cda6802bfa872$export$9dd9a0eceddf6af6, (v) => $508cda6802bfa872$export$9dd9a0eceddf6af6 = v);\n$parcel$export(module.exports, \"panel-title\", () => $508cda6802bfa872$export$9672a0c48c9048ad, (v) => $508cda6802bfa872$export$9672a0c48c9048ad = v);\n$parcel$export(module.exports, \"spacer\", () => $508cda6802bfa872$export$8cc075c801fd6817, (v) => $508cda6802bfa872$export$8cc075c801fd6817 = v);\n$parcel$export(module.exports, \"searchbar-holder\", () => $508cda6802bfa872$export$3a39e67bbbcbd4ae, (v) => $508cda6802bfa872$export$3a39e67bbbcbd4ae = v);\n$parcel$export(module.exports, \"right-panel\", () => $508cda6802bfa872$export$3332ecdf6c5467a, (v) => $508cda6802bfa872$export$3332ecdf6c5467a = v);\n$parcel$export(module.exports, \"buttons\", () => $508cda6802bfa872$export$bbea856fdb3e3c5f, (v) => $508cda6802bfa872$export$bbea856fdb3e3c5f = v);\n$parcel$export(module.exports, \"tab-button\", () => $508cda6802bfa872$export$76800529067ae833, (v) => $508cda6802bfa872$export$76800529067ae833 = v);\n$parcel$export(module.exports, \"menu-card\", () => $508cda6802bfa872$export$d94de0bab38fd59, (v) => $508cda6802bfa872$export$d94de0bab38fd59 = v);\n$parcel$export(module.exports, \"narrow-card\", () => $508cda6802bfa872$export$9769f988dc28baf, (v) => $508cda6802bfa872$export$9769f988dc28baf = v);\n$parcel$export(module.exports, \"panel-header\", () => $508cda6802bfa872$export$90b77e3be608e918, (v) => $508cda6802bfa872$export$90b77e3be608e918 = v);\n$parcel$export(module.exports, \"minimal\", () => $508cda6802bfa872$export$10c083462c34aef3, (v) => $508cda6802bfa872$export$10c083462c34aef3 = v);\n$parcel$export(module.exports, \"context-panel-leave\", () => $508cda6802bfa872$export$f3ad069e7751fe80, (v) => $508cda6802bfa872$export$f3ad069e7751fe80 = v);\n$parcel$export(module.exports, \"narrow-enter\", () => $508cda6802bfa872$export$c20b2d766062840f, (v) => $508cda6802bfa872$export$c20b2d766062840f = v);\n$parcel$export(module.exports, \"menu-group\", () => $508cda6802bfa872$export$3a4b737893473805, (v) => $508cda6802bfa872$export$3a4b737893473805 = v);\n$parcel$export(module.exports, \"menu-content\", () => $508cda6802bfa872$export$3eeb6f640f2fe17b, (v) => $508cda6802bfa872$export$3eeb6f640f2fe17b = v);\n$parcel$export(module.exports, \"bp5-button-group\", () => $508cda6802bfa872$export$6fe71a6d4f52db2a, (v) => $508cda6802bfa872$export$6fe71a6d4f52db2a = v);\n$parcel$export(module.exports, \"detail-panel-container\", () => $508cda6802bfa872$export$aa8359f513bf67ff, (v) => $508cda6802bfa872$export$aa8359f513bf67ff = v);\n$parcel$export(module.exports, \"map-right-controls\", () => $508cda6802bfa872$export$98a77ae0c82023e7, (v) => $508cda6802bfa872$export$98a77ae0c82023e7 = v);\n$parcel$export(module.exports, \"map-controls\", () => $508cda6802bfa872$export$802dc54769b48aa7, (v) => $508cda6802bfa872$export$802dc54769b48aa7 = v);\n$parcel$export(module.exports, \"map-scale-control\", () => $508cda6802bfa872$export$b56f659d649f0d92, (v) => $508cda6802bfa872$export$b56f659d649f0d92 = v);\n$parcel$export(module.exports, \"detail-panel-enter\", () => $508cda6802bfa872$export$e017ebf46ba443ed, (v) => $508cda6802bfa872$export$e017ebf46ba443ed = v);\n$parcel$export(module.exports, \"infodrawer-stack\", () => $508cda6802bfa872$export$69fa1b5d46c139b9, (v) => $508cda6802bfa872$export$69fa1b5d46c139b9 = v);\n$parcel$export(module.exports, \"detail-panel\", () => $508cda6802bfa872$export$c6930745f2610de0, (v) => $508cda6802bfa872$export$c6930745f2610de0 = v);\n$parcel$export(module.exports, \"adaptive-width\", () => $508cda6802bfa872$export$4db621d3143ef457, (v) => $508cda6802bfa872$export$4db621d3143ef457 = v);\n$parcel$export(module.exports, \"context-panel-from\", () => $508cda6802bfa872$export$90f42dafd5c24d2d, (v) => $508cda6802bfa872$export$90f42dafd5c24d2d = v);\n$parcel$export(module.exports, \"context-panel-enter\", () => $508cda6802bfa872$export$9ea3835d1b44cc08, (v) => $508cda6802bfa872$export$9ea3835d1b44cc08 = v);\n$parcel$export(module.exports, \"detail-panel-floating\", () => $508cda6802bfa872$export$50b37414f37debaa, (v) => $508cda6802bfa872$export$50b37414f37debaa = v);\n$parcel$export(module.exports, \"detail-panel-from\", () => $508cda6802bfa872$export$419647d5ce4279cb, (v) => $508cda6802bfa872$export$419647d5ce4279cb = v);\n$parcel$export(module.exports, \"detail-panel-leave\", () => $508cda6802bfa872$export$1d0f1d0b062c3bee, (v) => $508cda6802bfa872$export$1d0f1d0b062c3bee = v);\n$parcel$export(module.exports, \"context-panel\", () => $508cda6802bfa872$export$b4dbb67ffc3cc7a9, (v) => $508cda6802bfa872$export$b4dbb67ffc3cc7a9 = v);\nvar $508cda6802bfa872$export$d7f2c44afcf5df56;\nvar $508cda6802bfa872$export$e163bcc0a29d66c;\nvar $508cda6802bfa872$export$11aa7dc57218208d;\nvar $508cda6802bfa872$export$2a73fca7b70dce31;\nvar $508cda6802bfa872$export$cc73204c64cc0950;\nvar $508cda6802bfa872$export$d2972e7dfac51dc2;\nvar $508cda6802bfa872$export$142b9410c523ef40;\nvar $508cda6802bfa872$export$6bc2d6545947abbc;\nvar $508cda6802bfa872$export$b06313b17bd37b68;\nvar $508cda6802bfa872$export$ea9cfbb56edd0e47;\nvar $508cda6802bfa872$export$62a60ea2feb29c53;\nvar $508cda6802bfa872$export$61e54aa1efb913ad;\nvar $508cda6802bfa872$export$4a4f34b86d8e6504;\nvar $508cda6802bfa872$export$f553ebb4e6df6c5f;\nvar $508cda6802bfa872$export$c163dab1f00a51cb;\nvar $508cda6802bfa872$export$bc4885f800420ea3;\nvar $508cda6802bfa872$export$7d4a718201bc0bd1;\nvar $508cda6802bfa872$export$983430b50142290b;\nvar $508cda6802bfa872$export$d0dcaf774d09fc4c;\nvar $508cda6802bfa872$export$1113ec858cdbc244;\nvar $508cda6802bfa872$export$8eff531ff0f1cffe;\nvar $508cda6802bfa872$export$a15c1c170cdda69a;\nvar $508cda6802bfa872$export$2ac23befe9d406ee;\nvar $508cda6802bfa872$export$bb1d4538b98f1621;\nvar $508cda6802bfa872$export$9dd9a0eceddf6af6;\nvar $508cda6802bfa872$export$9672a0c48c9048ad;\nvar $508cda6802bfa872$export$8cc075c801fd6817;\nvar $508cda6802bfa872$export$3a39e67bbbcbd4ae;\nvar $508cda6802bfa872$export$3332ecdf6c5467a;\nvar $508cda6802bfa872$export$bbea856fdb3e3c5f;\nvar $508cda6802bfa872$export$76800529067ae833;\nvar $508cda6802bfa872$export$d94de0bab38fd59;\nvar $508cda6802bfa872$export$9769f988dc28baf;\nvar $508cda6802bfa872$export$90b77e3be608e918;\nvar $508cda6802bfa872$export$10c083462c34aef3;\nvar $508cda6802bfa872$export$f3ad069e7751fe80;\nvar $508cda6802bfa872$export$c20b2d766062840f;\nvar $508cda6802bfa872$export$3a4b737893473805;\nvar $508cda6802bfa872$export$3eeb6f640f2fe17b;\nvar $508cda6802bfa872$export$6fe71a6d4f52db2a;\nvar $508cda6802bfa872$export$aa8359f513bf67ff;\nvar $508cda6802bfa872$export$98a77ae0c82023e7;\nvar $508cda6802bfa872$export$802dc54769b48aa7;\nvar $508cda6802bfa872$export$b56f659d649f0d92;\nvar $508cda6802bfa872$export$e017ebf46ba443ed;\nvar $508cda6802bfa872$export$69fa1b5d46c139b9;\nvar $508cda6802bfa872$export$c6930745f2610de0;\nvar $508cda6802bfa872$export$4db621d3143ef457;\nvar $508cda6802bfa872$export$90f42dafd5c24d2d;\nvar $508cda6802bfa872$export$9ea3835d1b44cc08;\nvar $508cda6802bfa872$export$50b37414f37debaa;\nvar $508cda6802bfa872$export$419647d5ce4279cb;\nvar $508cda6802bfa872$export$1d0f1d0b062c3bee;\nvar $508cda6802bfa872$export$b4dbb67ffc3cc7a9;\n$508cda6802bfa872$export$d7f2c44afcf5df56 = \"map-container_4c0a66\";\n$508cda6802bfa872$export$e163bcc0a29d66c = \"show-panel-outlines_4c0a66\";\n$508cda6802bfa872$export$11aa7dc57218208d = \"map-view-container_4c0a66\";\n$508cda6802bfa872$export$2a73fca7b70dce31 = \"fit-viewport_4c0a66\";\n$508cda6802bfa872$export$cc73204c64cc0950 = \"compass-control_4c0a66\";\n$508cda6802bfa872$export$d2972e7dfac51dc2 = \"map-is-rotated_4c0a66\";\n$508cda6802bfa872$export$142b9410c523ef40 = \"map-3d-control_4c0a66\";\n$508cda6802bfa872$export$6bc2d6545947abbc = \"map-3d-available_4c0a66\";\n$508cda6802bfa872$export$b06313b17bd37b68 = \"globe-control_4c0a66\";\n$508cda6802bfa872$export$ea9cfbb56edd0e47 = \"map-is-global_4c0a66\";\n$508cda6802bfa872$export$62a60ea2feb29c53 = \"detail-panel-open_4c0a66\";\n$508cda6802bfa872$export$61e54aa1efb913ad = \"zoom-control_4c0a66\";\n$508cda6802bfa872$export$4a4f34b86d8e6504 = \"detail-panel-fixed_4c0a66\";\n$508cda6802bfa872$export$f553ebb4e6df6c5f = \"detail-panel-holder_4c0a66\";\n$508cda6802bfa872$export$c163dab1f00a51cb = \"map-control-stack_4c0a66\";\n$508cda6802bfa872$export$bc4885f800420ea3 = \"main-row_4c0a66\";\n$508cda6802bfa872$export$7d4a718201bc0bd1 = \"map-ui_4c0a66\";\n$508cda6802bfa872$export$983430b50142290b = \"standalone_4c0a66\";\n$508cda6802bfa872$export$d0dcaf774d09fc4c = \"mapbox-map_4c0a66\";\n$508cda6802bfa872$export$1113ec858cdbc244 = \"context-panel-holder_4c0a66\";\n$508cda6802bfa872$export$8eff531ff0f1cffe = \"panel-card_4c0a66\";\n$508cda6802bfa872$export$a15c1c170cdda69a = \"context-stack_4c0a66\";\n$508cda6802bfa872$export$2ac23befe9d406ee = \"searchbar_4c0a66\";\n$508cda6802bfa872$export$bb1d4538b98f1621 = \"detail-stack_4c0a66\";\n$508cda6802bfa872$export$9dd9a0eceddf6af6 = \"panel-container_4c0a66\";\n$508cda6802bfa872$export$9672a0c48c9048ad = \"panel-title_4c0a66\";\n$508cda6802bfa872$export$8cc075c801fd6817 = \"spacer_4c0a66\";\n$508cda6802bfa872$export$3a39e67bbbcbd4ae = \"searchbar-holder_4c0a66\";\n$508cda6802bfa872$export$3332ecdf6c5467a = \"right-panel_4c0a66\";\n$508cda6802bfa872$export$bbea856fdb3e3c5f = \"buttons_4c0a66\";\n$508cda6802bfa872$export$76800529067ae833 = \"tab-button_4c0a66\";\n$508cda6802bfa872$export$d94de0bab38fd59 = \"menu-card_4c0a66\";\n$508cda6802bfa872$export$9769f988dc28baf = \"narrow-card_4c0a66\";\n$508cda6802bfa872$export$90b77e3be608e918 = \"panel-header_4c0a66\";\n$508cda6802bfa872$export$10c083462c34aef3 = \"minimal_4c0a66\";\n$508cda6802bfa872$export$f3ad069e7751fe80 = \"context-panel-leave_4c0a66\";\n$508cda6802bfa872$export$c20b2d766062840f = \"narrow-enter_4c0a66\";\n$508cda6802bfa872$export$3a4b737893473805 = \"menu-group_4c0a66\";\n$508cda6802bfa872$export$3eeb6f640f2fe17b = \"menu-content_4c0a66\";\n$508cda6802bfa872$export$6fe71a6d4f52db2a = \"bp5-button-group_4c0a66\";\n$508cda6802bfa872$export$aa8359f513bf67ff = \"detail-panel-container_4c0a66\";\n$508cda6802bfa872$export$98a77ae0c82023e7 = \"map-right-controls_4c0a66\";\n$508cda6802bfa872$export$802dc54769b48aa7 = \"map-controls_4c0a66\";\n$508cda6802bfa872$export$b56f659d649f0d92 = \"map-scale-control_4c0a66\";\n$508cda6802bfa872$export$e017ebf46ba443ed = \"detail-panel-enter_4c0a66\";\n$508cda6802bfa872$export$69fa1b5d46c139b9 = \"infodrawer-stack_4c0a66\";\n$508cda6802bfa872$export$c6930745f2610de0 = \"detail-panel_4c0a66\";\n$508cda6802bfa872$export$4db621d3143ef457 = \"adaptive-width_4c0a66\";\n$508cda6802bfa872$export$90f42dafd5c24d2d = \"context-panel-from_4c0a66\";\n$508cda6802bfa872$export$9ea3835d1b44cc08 = \"context-panel-enter_4c0a66\";\n$508cda6802bfa872$export$50b37414f37debaa = \"detail-panel-floating_4c0a66\";\n$508cda6802bfa872$export$419647d5ce4279cb = \"detail-panel-from_4c0a66\";\n$508cda6802bfa872$export$1d0f1d0b062c3bee = \"detail-panel-leave_4c0a66\";\n$508cda6802bfa872$export$b4dbb67ffc3cc7a9 = \"context-panel_4c0a66\";\n\n\n//# sourceMappingURL=main.module.7c928a6f.js.map\n",null],"names":["$508cda6802bfa872$export$d7f2c44afcf5df56","$508cda6802bfa872$export$e163bcc0a29d66c","$508cda6802bfa872$export$11aa7dc57218208d","$508cda6802bfa872$export$2a73fca7b70dce31","$508cda6802bfa872$export$cc73204c64cc0950","$508cda6802bfa872$export$d2972e7dfac51dc2","$508cda6802bfa872$export$142b9410c523ef40","$508cda6802bfa872$export$6bc2d6545947abbc","$508cda6802bfa872$export$b06313b17bd37b68","$508cda6802bfa872$export$ea9cfbb56edd0e47","$508cda6802bfa872$export$62a60ea2feb29c53","$508cda6802bfa872$export$61e54aa1efb913ad","$508cda6802bfa872$export$4a4f34b86d8e6504","$508cda6802bfa872$export$f553ebb4e6df6c5f","$508cda6802bfa872$export$c163dab1f00a51cb","$508cda6802bfa872$export$bc4885f800420ea3","$508cda6802bfa872$export$7d4a718201bc0bd1","$508cda6802bfa872$export$983430b50142290b","$508cda6802bfa872$export$d0dcaf774d09fc4c","$508cda6802bfa872$export$1113ec858cdbc244","$508cda6802bfa872$export$8eff531ff0f1cffe","$508cda6802bfa872$export$a15c1c170cdda69a","$508cda6802bfa872$export$2ac23befe9d406ee","$508cda6802bfa872$export$bb1d4538b98f1621","$508cda6802bfa872$export$9dd9a0eceddf6af6","$508cda6802bfa872$export$9672a0c48c9048ad","$508cda6802bfa872$export$8cc075c801fd6817","$508cda6802bfa872$export$3a39e67bbbcbd4ae","$508cda6802bfa872$export$3332ecdf6c5467a","$508cda6802bfa872$export$bbea856fdb3e3c5f","$508cda6802bfa872$export$76800529067ae833","$508cda6802bfa872$export$d94de0bab38fd59","$508cda6802bfa872$export$9769f988dc28baf","$508cda6802bfa872$export$90b77e3be608e918","$508cda6802bfa872$export$10c083462c34aef3","$508cda6802bfa872$export$f3ad069e7751fe80","$508cda6802bfa872$export$c20b2d766062840f","$508cda6802bfa872$export$3a4b737893473805","$508cda6802bfa872$export$3eeb6f640f2fe17b","$508cda6802bfa872$export$6fe71a6d4f52db2a","$508cda6802bfa872$export$aa8359f513bf67ff","$508cda6802bfa872$export$98a77ae0c82023e7","$508cda6802bfa872$export$802dc54769b48aa7","$508cda6802bfa872$export$b56f659d649f0d92","$508cda6802bfa872$export$e017ebf46ba443ed","$508cda6802bfa872$export$69fa1b5d46c139b9","$508cda6802bfa872$export$c6930745f2610de0","$508cda6802bfa872$export$4db621d3143ef457","$508cda6802bfa872$export$90f42dafd5c24d2d","$508cda6802bfa872$export$9ea3835d1b44cc08","$508cda6802bfa872$export$50b37414f37debaa","$508cda6802bfa872$export$419647d5ce4279cb","$508cda6802bfa872$export$1d0f1d0b062c3bee","$508cda6802bfa872$export$b4dbb67ffc3cc7a9","$parcel$export","e","n","v","s","Object","defineProperty","get","set","enumerable","configurable","module","exports"],"version":3,"file":"main.module.7c928a6f.js.map","sourceRoot":"../../../../"}
@@ -1,2 +1,2 @@
1
- ._8hZKsW_searchbar-holder{flex-direction:column;margin:0;transition:margin .3s;display:flex}._8hZKsW_searchbar-holder ._8hZKsW_navbar-holder{flex-direction:row;display:flex}._8hZKsW_searchbar-holder ._8hZKsW_searchbar{background-color:var(--panel-background-color);border-radius:var(--map-panel-border-radius,5px);width:100%;padding:var(--navbar-padding,10px);flex-direction:row;align-items:center;gap:5px;display:flex}._8hZKsW_searchbar-holder ._8hZKsW_searchbar .bp5-input-group{cursor:text;flex-grow:1}._8hZKsW_navbar{min-height:50px}.bp5-navbar>._8hZKsW_loading-button{width:40px;height:40px}._8hZKsW_status-tongue{background-color:var(--panel-background-color);margin:-12px 5px 0;padding:12px 0 0;overflow:hidden}@media screen and (width<=768px){._8hZKsW_status-tongue{border-radius:0;max-width:100vw;margin:-3px 0 0}}
2
- /*# sourceMappingURL=main.module.61b261c8.css.map */
1
+ ._8hZKsW_searchbar-holder{flex-direction:column;margin:0;transition:margin .3s;display:flex}._8hZKsW_searchbar-holder ._8hZKsW_navbar-holder{flex-direction:row;display:flex}._8hZKsW_searchbar-holder ._8hZKsW_searchbar{background-color:var(--panel-background-color);border-radius:var(--map-panel-border-radius,5px);width:100%;padding:var(--navbar-padding,10px);flex-direction:row;align-items:center;gap:5px;display:flex}._8hZKsW_searchbar-holder ._8hZKsW_searchbar .bp5-input-group{cursor:text;flex-grow:1}._8hZKsW_navbar{min-height:50px}.bp5-navbar>._8hZKsW_loading-button{width:40px;height:40px}._8hZKsW_status-tongue.bp5-card{background-color:var(--panel-background-color);margin:-12px 5px 0;padding:12px 0 0;overflow:hidden}@media screen and (width<=768px){._8hZKsW_status-tongue{border-radius:0;max-width:100vw;margin:-3px 0 0}}
2
+ /*# sourceMappingURL=main.module.8a9943af.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"ACAA,4FAME,iFAIA,sPAUE,sFAIJ,gCAGA,2DAIA,mIASA,iCACE","sources":["main.module.8a9943af.css","packages/map-interface/src/context-panel/main.module.sass"],"sourcesContent":["._8hZKsW_searchbar-holder {\n flex-direction: column;\n margin: 0;\n transition: margin .3s;\n display: flex;\n}\n\n._8hZKsW_searchbar-holder ._8hZKsW_navbar-holder {\n flex-direction: row;\n display: flex;\n}\n\n._8hZKsW_searchbar-holder ._8hZKsW_searchbar {\n background-color: var(--panel-background-color);\n border-radius: var(--map-panel-border-radius, 5px);\n width: 100%;\n padding: var(--navbar-padding, 10px);\n flex-direction: row;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n._8hZKsW_searchbar-holder ._8hZKsW_searchbar .bp5-input-group {\n cursor: text;\n flex-grow: 1;\n}\n\n._8hZKsW_navbar {\n min-height: 50px;\n}\n\n.bp5-navbar > ._8hZKsW_loading-button {\n width: 40px;\n height: 40px;\n}\n\n._8hZKsW_status-tongue.bp5-card {\n background-color: var(--panel-background-color);\n margin: -12px 5px 0;\n padding: 12px 0 0;\n overflow: hidden;\n}\n\n@media screen and (width <= 768px) {\n ._8hZKsW_status-tongue {\n border-radius: 0;\n max-width: 100vw;\n margin: -3px 0 0;\n }\n}\n/*# sourceMappingURL=main.module.8a9943af.css.map */\n",".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.8a9943af.css.map","sourceRoot":"../../../../"}
@@ -0,0 +1,2 @@
1
+ .map-container_4c0a66{--map-panel-border-radius:4px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.map-container_4c0a66.show-panel-outlines_4c0a66 .map-view-container_4c0a66{outline:2px dotted #1e90ff}.map-container_4c0a66.fit-viewport_4c0a66{width:100vw;height:100vh;max-height:-webkit-fill-available}.map-container_4c0a66 .compass-control_4c0a66{display:none}.map-container_4c0a66.map-is-rotated_4c0a66 .compass-control_4c0a66{display:block}.map-container_4c0a66 .map-3d-control_4c0a66{display:none}.map-container_4c0a66.map-3d-available_4c0a66 .map-3d-control_4c0a66{display:block}.map-container_4c0a66.map-is-rotated_4c0a66.map-3d-available_4c0a66 .map-3d-control_4c0a66,.map-container_4c0a66 .globe-control_4c0a66{display:none}.map-container_4c0a66 .globe-control_4c0a66 svg{color:var(--secondary-color)}.map-container_4c0a66.map-is-global_4c0a66 .globe-control_4c0a66{display:block}.map-container_4c0a66.detail-panel-open_4c0a66 .zoom-control_4c0a66{opacity:0;display:none}.map-container_4c0a66.detail-panel-fixed_4c0a66 .detail-panel-holder_4c0a66>*{border-radius:unset}.detail-panel-holder_4c0a66{flex-direction:column;min-height:0;display:flex}.detail-panel-holder_4c0a66>*{flex:1}.map-control-stack_4c0a66{pointer-events:none;flex-direction:column;width:30em;margin-left:-30em;display:flex}.main-row_4c0a66{flex-direction:row;flex:1;min-height:0;max-height:100%;display:flex;position:relative}.map-ui_4c0a66{height:100%;max-height:100%;box-shadow:0 0 10px 4px var(--card-shadow-color);flex-direction:column;flex:1;display:flex;position:relative}.map-view-container_4c0a66.standalone_4c0a66{width:100%;height:100%}.mapbox-map_4c0a66{position:absolute;inset:0}.mapbox-map_4c0a66.mapboxgl-map{position:absolute}.mapbox-map_4c0a66 .mapboxgl-canvas,.mapbox-map_4c0a66 .mapboxgl-canvas-container{position:relative;top:0;left:0}.context-panel-holder_4c0a66>.bp5-card{background-color:var(--panel-background-color);padding:10px}.panel-card_4c0a66,.panel-card_4c0a66.bp5-card{padding:var(--panel-padding,10px);background-color:var(--panel-background-color);border-radius:var(--map-panel-border-radius);overflow:hidden}.panel-card_4c0a66>:last-child,.panel-card_4c0a66.bp5-card>:last-child{margin-bottom:0}.bp5-dark .panel-card_4c0a66{background-color:var(--panel-background-color)}.context-stack_4c0a66>div{flex-shrink:1}.context-stack_4c0a66>.searchbar_4c0a66{flex:0}.context-stack_4c0a66,.detail-stack_4c0a66{z-index:10;max-height:100%}.panel-container_4c0a66{flex-direction:column;display:flex}.panel-container_4c0a66>div{pointer-events:all}.panel-title_4c0a66{font-size:16px}.spacer_4c0a66{pointer-events:none;flex-grow:1}.map-view-container_4c0a66{flex-grow:1;position:relative;overflow:hidden}.searchbar-holder_4c0a66{margin-bottom:.5em}.right-panel_4c0a66{width:24em}.buttons_4c0a66{flex-direction:row;flex:1;min-width:0;display:flex}.tab-button_4c0a66{text-align:right;flex-shrink:1;min-width:40px;overflow:hidden}.tab-button_4c0a66 .bp5-button-text{transition:all .2s .1s}.menu-card_4c0a66.narrow-card_4c0a66 .panel-header_4c0a66:not(.minimal_4c0a66) .tab-button_4c0a66.bp5-active~.tab-button_4c0a66 .bp5-button-text{opacity:0;width:0;margin-left:-7px}.context-panel-leave_4c0a66 .menu-card_4c0a66 .panel-header_4c0a66 .tab-button_4c0a66 .bp5-button-text{opacity:0;width:0}.narrow-card_4c0a66.narrow-enter_4c0a66 .panel-header_4c0a66 .buttons_4c0a66{margin-right:-500px}.panel-header_4c0a66.minimal_4c0a66 .tab-button_4c0a66:not(:hover):not(.bp5-active){width:30px;min-width:30px;padding-left:0;padding-right:0}.panel-header_4c0a66.minimal_4c0a66 .tab-button_4c0a66:not(:hover) .bp5-button-text{opacity:0;width:0;margin-left:-7px}.menu-group_4c0a66{margin-top:.2em;margin-bottom:.5em}.menu-card_4c0a66 .bp5-text ul,.menu-card_4c0a66 .text-panel ul{padding-left:1em}.menu-content_4c0a66{flex-direction:column;margin-bottom:-8px;display:flex}.menu-content_4c0a66 .bp5-button-group_4c0a66{margin-bottom:4px}.menu-content_4c0a66 hr{width:100%}.mapbox-map .mapbox-compass,.mapbox-map .mapbox-3d{display:none}.mapboxgl-ctrl.mapbox-3d.mapbox-control{width:unset}.mapboxgl-ctrl.mapbox-3d.mapbox-control button{width:unset;padding-inline:4px}.mapboxgl-canvas-container{width:100%;height:100%}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:var(--translucent-panel-background-color)!important}.mapboxgl-ctrl.mapboxgl-ctrl-attrib a{color:var(--text-color)}.mapboxgl-marker svg path{fill:var(--panel-background-color)!important}.mapboxgl-marker svg circle{fill:var(--secondary-color)!important}.mapbox-control.mapbox-zoom{background:var(--translucent-panel-background-inner)}.mapbox-control.mapbox-zoom svg{fill:var(--text-color)!important}.mapboxgl-ctrl-logo{transform:scale(.9)translate(-8px,2px)}.bp5-dark .mapboxgl-ctrl-group{background-color:var(--panel-background-color)}.bp5-dark .mapboxgl-ctrl-logo{filter:invert()}.mapboxgl-ctrl-group button+button{border-top:1px solid var(--panel-rule-color)!important}.bp5-dark .mapboxgl-ctrl-group .mapboxgl-ctrl-icon{filter:invert(40%)}.bp5-dark .mapboxgl-ctrl-group .mapboxgl-ctrl-icon:hover{filter:invert(50%)}.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{filter:invert(40%)}.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon:hover{filter:invert(50%)}.detail-stack_4c0a66{position:relative}.detail-panel-container_4c0a66,.map-right-controls_4c0a66{flex:1}.zoom-control_4c0a66{width:30px;transition:opacity 1s ease-in-out;position:absolute;top:0;right:0}.map-controls_4c0a66{flex-direction:row;justify-content:right;gap:.5em;margin-bottom:0;display:flex}.map-controls_4c0a66 .map-control>.bp5-button{padding:0;transform:translate(-3.5px,-3.5px);width:22px!important}.map-controls_4c0a66 .mapbox-control,.map-controls_4c0a66 .map-control-wrapper,.map-controls_4c0a66 .map-control{background-color:var(--panel-background-color);height:22px;max-height:22px;box-shadow:0 0 0 1px var(--card-shadow-color);border-radius:4px}.map-controls_4c0a66 .mapbox-control button,.map-controls_4c0a66 .map-control-wrapper button,.map-controls_4c0a66 .map-control button{background-position:50%;width:22px;max-width:22px;height:22px;max-height:22px;padding:0}.map-controls_4c0a66 .map-scale-control_4c0a66{box-shadow:none;background:0 0;padding-top:8px}.map-controls_4c0a66 .map-scale-control_4c0a66 .mapboxgl-ctrl-scale{background-color:var(--translucent-panel-background-color);border-color:var(--secondary-text-color);color:var(--secondary-text-color)}@media only screen and (width<=768px){.map-container_4c0a66.detail-panel-enter_4c0a66 .context-stack_4c0a66{visibility:hidden;height:0;transition:height .5s ease-in-out}.detail-stack_4c0a66{height:fit-content;position:inherit;max-height:70%}.infodrawer-stack_4c0a66{max-height:70%}.infodrawer-stack_4c0a66.exit-active{max-height:0}.mapbox-control.mapbox-zoom{display:none}.map-controls_4c0a66{position:absolute;top:-60px;right:10px}.detail-panel_4c0a66{border-radius:0}}@media screen and (width>=768px){.map-view-container_4c0a66:not(.standalone_4c0a66){position:unset}.map-ui_4c0a66{flex-direction:row;gap:.5em;min-height:80px;padding:1em 1em 2em}.context-stack_4c0a66{max-width:var(--map-context-stack-max-width,34em);min-width:14em;width:var(--map-context-stack-width,16em);flex-direction:column;margin-right:.5em;padding-bottom:.5em;transition:width .3s;display:flex}.context-stack_4c0a66.adaptive-width_4c0a66{width:var(--map-context-stack-width,none);max-width:var(--map-context-stack-max-width,none);transition:width .3s}.context-stack_4c0a66 .bp5-navbar h1,.context-stack_4c0a66 .bp5-navbar h2,.context-stack_4c0a66 .bp5-navbar h3{margin:0}.context-stack_4c0a66>.spacer_4c0a66{flex-grow:0}.context-panel-holder_4c0a66{min-height:0;position:relative}.context-panel-holder_4c0a66>div{max-height:100%}.detail-stack_4c0a66{width:var(--map-detail-stack-width,30em);flex-direction:column;display:flex}.context-stack_4c0a66,.detail-stack_4c0a66{pointer-events:none;z-index:10}.context-stack_4c0a66>div,.detail-stack_4c0a66>div{pointer-events:all;margin-bottom:.5em}.context-stack_4c0a66>div:last-child,.detail-stack_4c0a66>div:last-child{margin-bottom:0}.context-stack_4c0a66>div.spacer_4c0a66,.detail-stack_4c0a66>div.spacer_4c0a66{pointer-events:none}.context-stack_4c0a66 .context-stack_4c0a66 .spacer_4c0a66,.detail-stack_4c0a66 .context-stack_4c0a66 .spacer_4c0a66{min-height:1em}}.map-container_4c0a66 .context-panel-holder_4c0a66{pointer-events:none;flex:1}.map-container_4c0a66 .context-panel-holder_4c0a66>div{pointer-events:all;transition:opacity .8s}.map-container_4c0a66.context-panel-from_4c0a66 .context-panel-holder_4c0a66>div{opacity:0}.map-container_4c0a66.context-panel-enter_4c0a66 .context-panel-holder_4c0a66>div{opacity:1}.map-container_4c0a66.context-panel-leave_4c0a66 .context-panel-holder_4c0a66>div,.map-container_4c0a66.detail-panel-floating_4c0a66.detail-panel-from_4c0a66 .detail-panel-holder_4c0a66{opacity:0}.map-container_4c0a66.detail-panel-floating_4c0a66.detail-panel-enter_4c0a66 .detail-panel-holder_4c0a66{opacity:1}.map-container_4c0a66.detail-panel-floating_4c0a66.detail-panel-leave_4c0a66 .detail-panel-holder_4c0a66{opacity:0}.map-container_4c0a66.detail-panel-floating_4c0a66 .detail-panel_4c0a66{transition:opacity .8s,height .8s,max-height .8s}.map-container_4c0a66.detail-panel-fixed_4c0a66 .map-ui_4c0a66,.map-container_4c0a66.detail-panel-fixed_4c0a66 .detail-stack_4c0a66{transition:margin-right .8s}.map-container_4c0a66.detail-panel-fixed_4c0a66.detail-panel-from_4c0a66 .detail-panel-holder_4c0a66{margin-right:calc(-1*var(--map-detail-stack-width,30em))}.map-container_4c0a66.detail-panel-fixed_4c0a66.detail-panel-enter_4c0a66 .detail-panel-holder_4c0a66{margin-right:0}.map-container_4c0a66.detail-panel-fixed_4c0a66.detail-panel-leave_4c0a66 .detail-panel-holder_4c0a66{margin-right:calc(-1*var(--map-detail-stack-width,30em))}@media only screen and (width<=768px){.map-container_4c0a66 .detail-stack_4c0a66{transition:opacity .8s,height .8s,max-height .8s}.map-container_4c0a66.detail-panel-from_4c0a66 .detail-stack_4c0a66{height:0;max-height:0}.map-container_4c0a66.detail-panel-leave_4c0a66 .detail-stack_4c0a66{max-height:0}.map-container_4c0a66.context-panel-from_4c0a66 .context-panel_4c0a66{height:0;max-height:0}.map-container_4c0a66.context-panel-leave_4c0a66 .context-stack_4c0a66 .context-panel-holder_4c0a66{flex:0}.map-container_4c0a66.context-panel-leave_4c0a66 .context-stack_4c0a66 .spacer_4c0a66{flex:1}}@media only screen and (width>=768px){.map-container_4c0a66.detail-panel-leave_4c0a66 .map-view-container_4c0a66{margin-right:-14em}.map-container_4c0a66.map-is-global_4c0a66.detail-panel-leave_4c0a66 .map-view-container_4c0a66{margin-right:-30em}.map-container_4c0a66.map-is-global_4c0a66.context-panel-leave_4c0a66 .map-view-container_4c0a66{margin-left:-16em}}
2
+ /*# sourceMappingURL=main.module.91a06e96.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"ACAA,gJAUI,uGAGF,qGAOA,2DAIE,kFAGF,0DAGA,mFAGA,oJAME,6EAGF,+EAIE,2FAME,kG,4E,qC,8GAiBJ,uGAOA,wJAYF,oE,6CAUE,kDAGA,iH,mGAWE,6L,uFAQF,4EAGA,wCAGE,+CAEJ,sEAKI,2D,+CAKJ,mC,+CAOE,yE,4C,+BASA,mEAKA,iF,2D,oLAYA,yHAGF,iGAGE,6I,uH,sD,iF,2EAsBA,gE,mCAKA,gE,oDAKA,8EAEF,kDAIA,yGAGE,8DAGE,uEAGA,kEAIA,iFAGF,iEAGA,2D,8EAME,8CAGA,0FAGA,sEAGA,4EAGA,gEAGA,sEAGA,uCAGA,iEAIE,kG,oGAcJ,gH,4P,8NAqBA,8F,0MAaF,sCAAA,mIAME,wEAGF,wCAIE,kDAGA,yC,4D,sC,iCAyBF,kEAGI,+EAMA,+N,6J,wH,iDAoBJ,4DAOE,iDAIA,iG,0EASE,yFAIA,yFAIA,mGAGE,qIAQF,8EAIA,iGAIE,2FAGF,4F,oMASE,mHAGA,mHAGA,yHAGF,gKAQA,8JAGA,qH,+J,sCAQF,4FAGA,0FAOI,kFAGA,4F,2G,8FAaF,sCACE,8FAGA,mHAGA","sources":["main.module.91a06e96.css","packages/map-interface/src/main.module.sass"],"sourcesContent":[".map-container_4c0a66 {\n --map-panel-border-radius: 4px;\n flex-direction: column;\n width: 100%;\n height: 100%;\n display: flex;\n position: relative;\n overflow: hidden;\n}\n\n.map-container_4c0a66.show-panel-outlines_4c0a66 .map-view-container_4c0a66 {\n outline: 2px dotted #1e90ff;\n}\n\n.map-container_4c0a66.fit-viewport_4c0a66 {\n width: 100vw;\n height: 100vh;\n max-height: -webkit-fill-available;\n}\n\n.map-container_4c0a66 .compass-control_4c0a66 {\n display: none;\n}\n\n.map-container_4c0a66.map-is-rotated_4c0a66 .compass-control_4c0a66 {\n display: block;\n}\n\n.map-container_4c0a66 .map-3d-control_4c0a66 {\n display: none;\n}\n\n.map-container_4c0a66.map-3d-available_4c0a66 .map-3d-control_4c0a66 {\n display: block;\n}\n\n.map-container_4c0a66.map-is-rotated_4c0a66.map-3d-available_4c0a66 .map-3d-control_4c0a66, .map-container_4c0a66 .globe-control_4c0a66 {\n display: none;\n}\n\n.map-container_4c0a66 .globe-control_4c0a66 svg {\n color: var(--secondary-color);\n}\n\n.map-container_4c0a66.map-is-global_4c0a66 .globe-control_4c0a66 {\n display: block;\n}\n\n.map-container_4c0a66.detail-panel-open_4c0a66 .zoom-control_4c0a66 {\n opacity: 0;\n display: none;\n}\n\n.map-container_4c0a66.detail-panel-fixed_4c0a66 .detail-panel-holder_4c0a66 > * {\n border-radius: unset;\n}\n\n.detail-panel-holder_4c0a66 {\n flex-direction: column;\n min-height: 0;\n display: flex;\n}\n\n.detail-panel-holder_4c0a66 > * {\n flex: 1;\n}\n\n.map-control-stack_4c0a66 {\n pointer-events: none;\n flex-direction: column;\n width: 30em;\n margin-left: -30em;\n display: flex;\n}\n\n.main-row_4c0a66 {\n flex-direction: row;\n flex: 1;\n min-height: 0;\n max-height: 100%;\n display: flex;\n position: relative;\n}\n\n.map-ui_4c0a66 {\n height: 100%;\n max-height: 100%;\n box-shadow: 0 0 10px 4px var(--card-shadow-color);\n flex-direction: column;\n flex: 1;\n display: flex;\n position: relative;\n}\n\n.map-view-container_4c0a66.standalone_4c0a66 {\n width: 100%;\n height: 100%;\n}\n\n.mapbox-map_4c0a66 {\n position: absolute;\n inset: 0;\n}\n\n.mapbox-map_4c0a66.mapboxgl-map {\n position: absolute;\n}\n\n.mapbox-map_4c0a66 .mapboxgl-canvas, .mapbox-map_4c0a66 .mapboxgl-canvas-container {\n position: relative;\n top: 0;\n left: 0;\n}\n\n.context-panel-holder_4c0a66 > .bp5-card {\n background-color: var(--panel-background-color);\n padding: 10px;\n}\n\n.panel-card_4c0a66, .panel-card_4c0a66.bp5-card {\n padding: var(--panel-padding, 10px);\n background-color: var(--panel-background-color);\n border-radius: var(--map-panel-border-radius);\n overflow: hidden;\n}\n\n.panel-card_4c0a66 > :last-child, .panel-card_4c0a66.bp5-card > :last-child {\n margin-bottom: 0;\n}\n\n.bp5-dark .panel-card_4c0a66 {\n background-color: var(--panel-background-color);\n}\n\n.context-stack_4c0a66 > div {\n flex-shrink: 1;\n}\n\n.context-stack_4c0a66 > .searchbar_4c0a66 {\n flex: 0;\n}\n\n.context-stack_4c0a66, .detail-stack_4c0a66 {\n z-index: 10;\n max-height: 100%;\n}\n\n.panel-container_4c0a66 {\n flex-direction: column;\n display: flex;\n}\n\n.panel-container_4c0a66 > div {\n pointer-events: all;\n}\n\n.panel-title_4c0a66 {\n font-size: 16px;\n}\n\n.spacer_4c0a66 {\n pointer-events: none;\n flex-grow: 1;\n}\n\n.map-view-container_4c0a66 {\n flex-grow: 1;\n position: relative;\n overflow: hidden;\n}\n\n.searchbar-holder_4c0a66 {\n margin-bottom: .5em;\n}\n\n.right-panel_4c0a66 {\n width: 24em;\n}\n\n.buttons_4c0a66 {\n flex-direction: row;\n flex: 1;\n min-width: 0;\n display: flex;\n}\n\n.tab-button_4c0a66 {\n text-align: right;\n flex-shrink: 1;\n min-width: 40px;\n overflow: hidden;\n}\n\n.tab-button_4c0a66 .bp5-button-text {\n transition: all .2s .1s;\n}\n\n.menu-card_4c0a66.narrow-card_4c0a66 .panel-header_4c0a66:not(.minimal_4c0a66) .tab-button_4c0a66.bp5-active ~ .tab-button_4c0a66 .bp5-button-text {\n opacity: 0;\n width: 0;\n margin-left: -7px;\n}\n\n.context-panel-leave_4c0a66 .menu-card_4c0a66 .panel-header_4c0a66 .tab-button_4c0a66 .bp5-button-text {\n opacity: 0;\n width: 0;\n}\n\n.narrow-card_4c0a66.narrow-enter_4c0a66 .panel-header_4c0a66 .buttons_4c0a66 {\n margin-right: -500px;\n}\n\n.panel-header_4c0a66.minimal_4c0a66 .tab-button_4c0a66:not(:hover):not(.bp5-active) {\n width: 30px;\n min-width: 30px;\n padding-left: 0;\n padding-right: 0;\n}\n\n.panel-header_4c0a66.minimal_4c0a66 .tab-button_4c0a66:not(:hover) .bp5-button-text {\n opacity: 0;\n width: 0;\n margin-left: -7px;\n}\n\n.menu-group_4c0a66 {\n margin-top: .2em;\n margin-bottom: .5em;\n}\n\n.menu-card_4c0a66 .bp5-text ul, .menu-card_4c0a66 .text-panel ul {\n padding-left: 1em;\n}\n\n.menu-content_4c0a66 {\n flex-direction: column;\n margin-bottom: -8px;\n display: flex;\n}\n\n.menu-content_4c0a66 .bp5-button-group_4c0a66 {\n margin-bottom: 4px;\n}\n\n.menu-content_4c0a66 hr {\n width: 100%;\n}\n\n.mapbox-map .mapbox-compass, .mapbox-map .mapbox-3d {\n display: none;\n}\n\n.mapboxgl-ctrl.mapbox-3d.mapbox-control {\n width: unset;\n}\n\n.mapboxgl-ctrl.mapbox-3d.mapbox-control button {\n width: unset;\n padding-inline: 4px;\n}\n\n.mapboxgl-canvas-container {\n width: 100%;\n height: 100%;\n}\n\n.mapboxgl-ctrl.mapboxgl-ctrl-attrib {\n background-color: var(--translucent-panel-background-color) !important;\n}\n\n.mapboxgl-ctrl.mapboxgl-ctrl-attrib a {\n color: var(--text-color);\n}\n\n.mapboxgl-marker svg path {\n fill: var(--panel-background-color) !important;\n}\n\n.mapboxgl-marker svg circle {\n fill: var(--secondary-color) !important;\n}\n\n.mapbox-control.mapbox-zoom {\n background: var(--translucent-panel-background-inner);\n}\n\n.mapbox-control.mapbox-zoom svg {\n fill: var(--text-color) !important;\n}\n\n.mapboxgl-ctrl-logo {\n transform: scale(.9)translate(-8px, 2px);\n}\n\n.bp5-dark .mapboxgl-ctrl-group {\n background-color: var(--panel-background-color);\n}\n\n.bp5-dark .mapboxgl-ctrl-logo {\n filter: invert();\n}\n\n.mapboxgl-ctrl-group button + button {\n border-top: 1px solid var(--panel-rule-color) !important;\n}\n\n.bp5-dark .mapboxgl-ctrl-group .mapboxgl-ctrl-icon {\n filter: invert(40%);\n}\n\n.bp5-dark .mapboxgl-ctrl-group .mapboxgl-ctrl-icon:hover {\n filter: invert(50%);\n}\n\n.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {\n filter: invert(40%);\n}\n\n.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon:hover {\n filter: invert(50%);\n}\n\n.detail-stack_4c0a66 {\n position: relative;\n}\n\n.detail-panel-container_4c0a66, .map-right-controls_4c0a66 {\n flex: 1;\n}\n\n.zoom-control_4c0a66 {\n width: 30px;\n transition: opacity 1s ease-in-out;\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.map-controls_4c0a66 {\n flex-direction: row;\n justify-content: right;\n gap: .5em;\n margin-bottom: 0;\n display: flex;\n}\n\n.map-controls_4c0a66 .map-control > .bp5-button {\n padding: 0;\n transform: translate(-3.5px, -3.5px);\n width: 22px !important;\n}\n\n.map-controls_4c0a66 .mapbox-control, .map-controls_4c0a66 .map-control-wrapper, .map-controls_4c0a66 .map-control {\n background-color: var(--panel-background-color);\n height: 22px;\n max-height: 22px;\n box-shadow: 0 0 0 1px var(--card-shadow-color);\n border-radius: 4px;\n}\n\n.map-controls_4c0a66 .mapbox-control button, .map-controls_4c0a66 .map-control-wrapper button, .map-controls_4c0a66 .map-control button {\n background-position: center;\n width: 22px;\n max-width: 22px;\n height: 22px;\n max-height: 22px;\n padding: 0;\n}\n\n.map-controls_4c0a66 .map-scale-control_4c0a66 {\n box-shadow: none;\n background: none;\n padding-top: 8px;\n}\n\n.map-controls_4c0a66 .map-scale-control_4c0a66 .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\n@media only screen and (width <= 768px) {\n .map-container_4c0a66.detail-panel-enter_4c0a66 .context-stack_4c0a66 {\n visibility: hidden;\n height: 0;\n transition: height .5s ease-in-out;\n }\n\n .detail-stack_4c0a66 {\n height: fit-content;\n position: inherit;\n max-height: 70%;\n }\n\n .infodrawer-stack_4c0a66 {\n max-height: 70%;\n }\n\n .infodrawer-stack_4c0a66.exit-active {\n max-height: 0;\n }\n\n .mapbox-control.mapbox-zoom {\n display: none;\n }\n\n .map-controls_4c0a66 {\n position: absolute;\n top: -60px;\n right: 10px;\n }\n\n .detail-panel_4c0a66 {\n border-radius: 0;\n }\n}\n\n@media screen and (width >= 768px) {\n .map-view-container_4c0a66:not(.standalone_4c0a66) {\n position: unset;\n }\n\n .map-ui_4c0a66 {\n flex-direction: row;\n gap: .5em;\n min-height: 80px;\n padding: 1em 1em 2em;\n }\n\n .context-stack_4c0a66 {\n max-width: var(--map-context-stack-max-width, 34em);\n min-width: 14em;\n width: var(--map-context-stack-width, 16em);\n flex-direction: column;\n margin-right: .5em;\n padding-bottom: .5em;\n transition: width .3s;\n display: flex;\n }\n\n .context-stack_4c0a66.adaptive-width_4c0a66 {\n width: var(--map-context-stack-width, none);\n max-width: var(--map-context-stack-max-width, none);\n transition: width .3s;\n }\n\n .context-stack_4c0a66 .bp5-navbar h1, .context-stack_4c0a66 .bp5-navbar h2, .context-stack_4c0a66 .bp5-navbar h3 {\n margin: 0;\n }\n\n .context-stack_4c0a66 > .spacer_4c0a66 {\n flex-grow: 0;\n }\n\n .context-panel-holder_4c0a66 {\n min-height: 0;\n position: relative;\n }\n\n .context-panel-holder_4c0a66 > div {\n max-height: 100%;\n }\n\n .detail-stack_4c0a66 {\n width: var(--map-detail-stack-width, 30em);\n flex-direction: column;\n display: flex;\n }\n\n .context-stack_4c0a66, .detail-stack_4c0a66 {\n pointer-events: none;\n z-index: 10;\n }\n\n .context-stack_4c0a66 > div, .detail-stack_4c0a66 > div {\n pointer-events: all;\n margin-bottom: .5em;\n }\n\n .context-stack_4c0a66 > div:last-child, .detail-stack_4c0a66 > div:last-child {\n margin-bottom: 0;\n }\n\n .context-stack_4c0a66 > div.spacer_4c0a66, .detail-stack_4c0a66 > div.spacer_4c0a66 {\n pointer-events: none;\n }\n\n .context-stack_4c0a66 .context-stack_4c0a66 .spacer_4c0a66, .detail-stack_4c0a66 .context-stack_4c0a66 .spacer_4c0a66 {\n min-height: 1em;\n }\n}\n\n.map-container_4c0a66 .context-panel-holder_4c0a66 {\n pointer-events: none;\n flex: 1;\n}\n\n.map-container_4c0a66 .context-panel-holder_4c0a66 > div {\n pointer-events: all;\n transition: opacity .8s;\n}\n\n.map-container_4c0a66.context-panel-from_4c0a66 .context-panel-holder_4c0a66 > div {\n opacity: 0;\n}\n\n.map-container_4c0a66.context-panel-enter_4c0a66 .context-panel-holder_4c0a66 > div {\n opacity: 1;\n}\n\n.map-container_4c0a66.context-panel-leave_4c0a66 .context-panel-holder_4c0a66 > div, .map-container_4c0a66.detail-panel-floating_4c0a66.detail-panel-from_4c0a66 .detail-panel-holder_4c0a66 {\n opacity: 0;\n}\n\n.map-container_4c0a66.detail-panel-floating_4c0a66.detail-panel-enter_4c0a66 .detail-panel-holder_4c0a66 {\n opacity: 1;\n}\n\n.map-container_4c0a66.detail-panel-floating_4c0a66.detail-panel-leave_4c0a66 .detail-panel-holder_4c0a66 {\n opacity: 0;\n}\n\n.map-container_4c0a66.detail-panel-floating_4c0a66 .detail-panel_4c0a66 {\n transition: opacity .8s, height .8s, max-height .8s;\n}\n\n.map-container_4c0a66.detail-panel-fixed_4c0a66 .map-ui_4c0a66, .map-container_4c0a66.detail-panel-fixed_4c0a66 .detail-stack_4c0a66 {\n transition: margin-right .8s;\n}\n\n.map-container_4c0a66.detail-panel-fixed_4c0a66.detail-panel-from_4c0a66 .detail-panel-holder_4c0a66 {\n margin-right: calc(-1 * var(--map-detail-stack-width, 30em));\n}\n\n.map-container_4c0a66.detail-panel-fixed_4c0a66.detail-panel-enter_4c0a66 .detail-panel-holder_4c0a66 {\n margin-right: 0;\n}\n\n.map-container_4c0a66.detail-panel-fixed_4c0a66.detail-panel-leave_4c0a66 .detail-panel-holder_4c0a66 {\n margin-right: calc(-1 * var(--map-detail-stack-width, 30em));\n}\n\n@media only screen and (width <= 768px) {\n .map-container_4c0a66 .detail-stack_4c0a66 {\n transition: opacity .8s, height .8s, max-height .8s;\n }\n\n .map-container_4c0a66.detail-panel-from_4c0a66 .detail-stack_4c0a66 {\n height: 0;\n max-height: 0;\n }\n\n .map-container_4c0a66.detail-panel-leave_4c0a66 .detail-stack_4c0a66 {\n max-height: 0;\n }\n\n .map-container_4c0a66.context-panel-from_4c0a66 .context-panel_4c0a66 {\n height: 0;\n max-height: 0;\n }\n\n .map-container_4c0a66.context-panel-leave_4c0a66 .context-stack_4c0a66 .context-panel-holder_4c0a66 {\n flex: 0;\n }\n\n .map-container_4c0a66.context-panel-leave_4c0a66 .context-stack_4c0a66 .spacer_4c0a66 {\n flex: 1;\n }\n}\n\n@media only screen and (width >= 768px) {\n .map-container_4c0a66.detail-panel-leave_4c0a66 .map-view-container_4c0a66 {\n margin-right: -14em;\n }\n\n .map-container_4c0a66.map-is-global_4c0a66.detail-panel-leave_4c0a66 .map-view-container_4c0a66 {\n margin-right: -30em;\n }\n\n .map-container_4c0a66.map-is-global_4c0a66.context-panel-leave_4c0a66 .map-view-container_4c0a66 {\n margin-left: -16em;\n }\n}\n/*# sourceMappingURL=main.module.91a06e96.css.map */\n",".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.91a06e96.css.map","sourceRoot":"../../../../"}
@@ -1,2 +1,2 @@
1
- require("./xray.bce11e7b.js"),require("./container.abd6f0d2.js"),require("./context-panel.7c2f42c9.js"),require("./helpers.6bda171f.js"),require("./location-panel.c39983e3.js"),require("./map-view.77013338.js"),require("./main.module.434acaf9.js"),require("./main.module.29a15f3d.css"),require("./tile-extent.28db5d2c.js"),require("./vector-tile-features.b5a23b71.js"),require("@blueprintjs/core");var e=require("@macrostrat/hyper");function r(e){return e&&e.__esModule?e.default:e}require("@macrostrat/ui-components"),require("mapbox-gl"),require("react");var i=globalThis,t={},a={},_=i.parcelRequire94c2;null==_&&((_=function(e){if(e in t)return t[e].exports;if(e in a){var r=a[e];delete a[e];var i={id:e,exports:{}};return t[e]=i,r.call(i.exports,i,i.exports),i.exports}var _=Error("Cannot find module '"+e+"'");throw _.code="MODULE_NOT_FOUND",_}).register=function(e,r){a[e]=r},i.parcelRequire94c2=_),_.register,new URL("xray.bce11e7b.js","file:"+__filename).toString(),_("lw3Ik"),_("d7LVS"),new URL("helpers.6bda171f.js","file:"+__filename).toString(),_("6t6Bb"),new URL("map-view.77013338.js","file:"+__filename).toString();var n={};n=new URL("main.module.434acaf9.js","file:"+__filename).toString(),new URL("tile-extent.28db5d2c.js","file:"+__filename).toString(),new URL("vector-tile-features.b5a23b71.js","file:"+__filename).toString(),r(e).styled(r(n));
2
- //# sourceMappingURL=map-page.f99c4a48.js.map
1
+ require("./xray.bce11e7b.js"),require("./container.ab523076.js"),require("./context-panel.0ae29ecf.js"),require("./helpers.6bda171f.js"),require("./location-panel.dd1d2b37.js"),require("./map-view.663640da.js"),require("./main.module.434acaf9.js"),require("./main.module.29a15f3d.css"),require("./tile-extent.28db5d2c.js"),require("./vector-tile-features.b5a23b71.js"),require("@blueprintjs/core");var e=require("@macrostrat/hyper");function r(e){return e&&e.__esModule?e.default:e}require("@macrostrat/ui-components"),require("mapbox-gl"),require("react");var i=globalThis,t={},a={},_=i.parcelRequire94c2;null==_&&((_=function(e){if(e in t)return t[e].exports;if(e in a){var r=a[e];delete a[e];var i={id:e,exports:{}};return t[e]=i,r.call(i.exports,i,i.exports),i.exports}var _=Error("Cannot find module '"+e+"'");throw _.code="MODULE_NOT_FOUND",_}).register=function(e,r){a[e]=r},i.parcelRequire94c2=_),_.register,new URL("xray.bce11e7b.js","file:"+__filename).toString(),_("lw3Ik"),_("d7LVS"),new URL("helpers.6bda171f.js","file:"+__filename).toString(),_("6t6Bb"),new URL("map-view.663640da.js","file:"+__filename).toString();var n={};n=new URL("main.module.434acaf9.js","file:"+__filename).toString(),new URL("tile-extent.28db5d2c.js","file:"+__filename).toString(),new URL("vector-tile-features.b5a23b71.js","file:"+__filename).toString(),r(e).styled(r(n));
2
+ //# sourceMappingURL=map-page.a9602658.js.map
@@ -0,0 +1 @@
1
+ {"mappings":"A,Q,uC,Q,4C,Q,gD,Q,0C,Q,iD,Q,2C,Q,8C,Q,+C,Q,8C,Q,uD,Q,qB,I,E,Q,qB,S,E,C,E,O,G,E,U,C,E,O,C,C,C,Q,6B,Q,a,Q,S,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,CEAiB,IAAA,IAAoB,oCAAA,QAAA,YAAqC,QAAQ,G,E,S,E,SCAjE,IAAA,IAAoB,uCAAA,QAAA,YAAwC,QAAQ,G,E,SCApE,IAAA,IAAoB,wCAAA,QAAA,YAAyC,QAAQ,G,I,E,C,ECAtF,EAAiB,IAAA,IAAoB,2CAAA,QAAA,YAA4C,QAAQ,GCAxE,IAAA,IAAoB,2CAAA,QAAA,YAA4C,QAAQ,GCAxE,IAAA,IAAoB,oDAAA,QAAA,YAAqD,QAAQ,GNqBjF,AAAA,AAAA,EAAA,GAAM,MAAM,CAAC,EAAA","sources":["<anon>","packages/map-interface/src/dev/map-page.ts","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-a961be11262bcae8.js","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-41182315a502ff81.js","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-85b6c739a2ea044e.js","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-9c60d954890f9a97.js","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-335ad8f486a76563.js","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-06c74e0074b0dd5f.js"],"sourcesContent":["require(\"./xray.bce11e7b.js\");\nrequire(\"./container.ab523076.js\");\nrequire(\"./context-panel.0ae29ecf.js\");\nrequire(\"./helpers.6bda171f.js\");\nrequire(\"./location-panel.dd1d2b37.js\");\nrequire(\"./map-view.663640da.js\");\nrequire(\"./main.module.434acaf9.js\");\nrequire(\"./main.module.29a15f3d.css\");\nrequire(\"./tile-extent.28db5d2c.js\");\nrequire(\"./vector-tile-features.b5a23b71.js\");\nvar $8RvAA$blueprintjscore = require(\"@blueprintjs/core\");\nvar $8RvAA$macrostrathyper = require(\"@macrostrat/hyper\");\nvar $8RvAA$macrostratuicomponents = require(\"@macrostrat/ui-components\");\nvar $8RvAA$mapboxgl = require(\"mapbox-gl\");\nvar $8RvAA$react = require(\"react\");\n\n\nfunction $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\n var $parcel$global = globalThis;\n \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequire94c2\"];\n\nif (parcelRequire == null) {\n parcelRequire = function(id) {\n if (id in $parcel$modules) {\n return $parcel$modules[id].exports;\n }\n if (id in $parcel$inits) {\n var init = $parcel$inits[id];\n delete $parcel$inits[id];\n var module = {id: id, exports: {}};\n $parcel$modules[id] = module;\n init.call(module.exports, module, module.exports);\n return module.exports;\n }\n var err = new Error(\"Cannot find module '\" + id + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n };\n\n parcelRequire.register = function register(id, init) {\n $parcel$inits[id] = init;\n };\n\n $parcel$global[\"parcelRequire94c2\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n// Import other components\n\n\n\n\n\nvar $5d4b13314cc5f40a$exports = {};\n$5d4b13314cc5f40a$exports = new URL(\"xray.bce11e7b.js\", \"file:\" + __filename).toString();\n\n\n\nvar $lw3Ik = parcelRequire(\"lw3Ik\");\n\nvar $d7LVS = parcelRequire(\"d7LVS\");\nvar $bc8852ff0f65ac49$exports = {};\n$bc8852ff0f65ac49$exports = new URL(\"helpers.6bda171f.js\", \"file:\" + __filename).toString();\n\n\n\nvar $6t6Bb = parcelRequire(\"6t6Bb\");\nvar $8037001667fd73db$exports = {};\n$8037001667fd73db$exports = new URL(\"map-view.663640da.js\", \"file:\" + __filename).toString();\n\n\nvar $406e8a286e0e74e0$exports = {};\n$406e8a286e0e74e0$exports = new URL(\"main.module.434acaf9.js\", \"file:\" + __filename).toString();\n\n\nvar $245830e409df02af$exports = {};\n$245830e409df02af$exports = new URL(\"tile-extent.28db5d2c.js\", \"file:\" + __filename).toString();\n\n\nvar $7bbdc1ecf93d3670$exports = {};\n$7bbdc1ecf93d3670$exports = new URL(\"vector-tile-features.b5a23b71.js\", \"file:\" + __filename).toString();\n\n\nconst $0bad82db04876d25$export$dda1d9f60106f0e9 = (0, ($parcel$interopDefault($8RvAA$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($406e8a286e0e74e0$exports))));\nfunction $0bad82db04876d25$export$eab3034e57b46e26({ title: title = \"Map inspector\", headerElement: headerElement = null, transformRequest: transformRequest = null, mapPosition: mapPosition = null, mapboxToken: mapboxToken = null, overlayStyle: overlayStyle = null, controls: controls = null, children: children = null, style: style, bounds: bounds = null, focusedSource: focusedSource = null, focusedSourceTitle: focusedSourceTitle = null, fitViewport: fitViewport = true, styleType: styleType = \"macrostrat\" }) {\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 */ const dark = (0, $8RvAA$macrostratuicomponents.useDarkMode)();\n const isEnabled = dark?.isEnabled;\n if (mapboxToken != null) (0, ($parcel$interopDefault($8RvAA$mapboxgl))).accessToken = mapboxToken;\n style ?? (style = (0, $bc8852ff0f65ac49$exports.useBasicMapStyle)({\n styleType: styleType\n }));\n const [isOpen, setOpen] = (0, $8RvAA$react.useState)(false);\n const [state, setState] = (0, $8RvAA$macrostratuicomponents.useStoredState)(\"macrostrat:dev-map-page\", {\n showTileExtent: false,\n xRay: false\n });\n const { showTileExtent: showTileExtent, xRay: xRay } = state;\n const [actualStyle, setActualStyle] = (0, $8RvAA$react.useState)(null);\n (0, $8RvAA$react.useEffect)(()=>{\n (0, $5d4b13314cc5f40a$exports.buildInspectorStyle)(style, overlayStyle, {\n mapboxToken: mapboxToken,\n inDarkMode: isEnabled,\n xRay: xRay\n }).then(setActualStyle);\n }, [\n style,\n xRay,\n mapboxToken,\n isEnabled,\n overlayStyle\n ]);\n const [inspectPosition, setInspectPosition] = (0, $8RvAA$react.useState)(null);\n const [data, setData] = (0, $8RvAA$react.useState)(null);\n const onSelectPosition = (0, $8RvAA$react.useCallback)((position)=>{\n setInspectPosition(position);\n }, []);\n let detailElement = null;\n if (inspectPosition != null) detailElement = $0bad82db04876d25$export$dda1d9f60106f0e9((0, $6t6Bb.LocationPanel), {\n onClose () {\n setInspectPosition(null);\n },\n position: inspectPosition\n }, [\n $0bad82db04876d25$export$dda1d9f60106f0e9((0, $7bbdc1ecf93d3670$exports.TileInfo), {\n feature: data?.[0] ?? null,\n showExtent: showTileExtent,\n setShowExtent () {\n setState({\n ...state,\n showTileExtent: !showTileExtent\n });\n }\n }),\n $0bad82db04876d25$export$dda1d9f60106f0e9((0, $7bbdc1ecf93d3670$exports.FeaturePanel), {\n features: data,\n focusedSource: focusedSource,\n focusedSourceTitle: focusedSourceTitle\n })\n ]);\n let tile = null;\n if (showTileExtent && data?.[0] != null) {\n let f = data[0];\n tile = {\n x: f._x,\n y: f._y,\n z: f._z\n };\n }\n return $0bad82db04876d25$export$dda1d9f60106f0e9((0, $lw3Ik.MapAreaContainer), {\n navbar: $0bad82db04876d25$export$dda1d9f60106f0e9((0, $d7LVS.FloatingNavbar), {\n rightElement: $0bad82db04876d25$export$dda1d9f60106f0e9((0, $d7LVS.MapLoadingButton), {\n large: true,\n active: isOpen,\n onClick: ()=>setOpen(!isOpen),\n style: {\n marginRight: \"-5px\"\n }\n }),\n headerElement: headerElement,\n title: title\n }),\n contextPanel: $0bad82db04876d25$export$dda1d9f60106f0e9((0, $lw3Ik.PanelCard), [\n controls,\n $0bad82db04876d25$export$dda1d9f60106f0e9((0, $8RvAA$blueprintjscore.Switch), {\n checked: xRay,\n label: \"X-ray mode\",\n onChange () {\n setState({\n ...state,\n xRay: !xRay\n });\n }\n })\n ]),\n detailPanel: detailElement,\n contextPanelOpen: isOpen,\n fitViewport: fitViewport\n }, $0bad82db04876d25$export$dda1d9f60106f0e9((0, $8037001667fd73db$exports.MapView), {\n style: actualStyle,\n transformRequest: transformRequest,\n mapPosition: mapPosition,\n projection: {\n name: \"globe\"\n },\n mapboxToken: mapboxToken,\n bounds: bounds\n }, [\n $0bad82db04876d25$export$dda1d9f60106f0e9((0, $7bbdc1ecf93d3670$exports.FeatureSelectionHandler), {\n selectedLocation: inspectPosition,\n setFeatures: setData\n }),\n $0bad82db04876d25$export$dda1d9f60106f0e9((0, $bc8852ff0f65ac49$exports.MapMarker), {\n position: inspectPosition,\n setPosition: onSelectPosition\n }),\n $0bad82db04876d25$export$dda1d9f60106f0e9((0, $245830e409df02af$exports.TileExtentLayer), {\n tile: tile,\n color: isEnabled ? \"white\" : \"black\"\n }),\n children\n ]));\n}\nfunction $0bad82db04876d25$var$MapInspector(props) {\n const { children: children, controls: controls, ...rest } = props;\n /** Compatibility wrapper for MapInspectorV2 */ // React warning about this legacy usage\n console.warn(\"MapInspector is deprecated. Use MapInspectorV2 instead\");\n return $0bad82db04876d25$export$dda1d9f60106f0e9($0bad82db04876d25$export$eab3034e57b46e26, {\n ...rest,\n controls: [\n children,\n controls\n ]\n });\n}\nconst $0bad82db04876d25$export$2391061fbdfb71ef = $0bad82db04876d25$var$MapInspector;\n\n\n//# sourceMappingURL=map-page.a9602658.js.map\n","// 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","module.exports = new __parcel__URL__(\"xray.bce11e7b.js\").toString();","module.exports = new __parcel__URL__(\"helpers.6bda171f.js\").toString();","module.exports = new __parcel__URL__(\"map-view.663640da.js\").toString();","module.exports = new __parcel__URL__(\"main.module.434acaf9.js\").toString();","module.exports = new __parcel__URL__(\"tile-extent.28db5d2c.js\").toString();","module.exports = new __parcel__URL__(\"vector-tile-features.b5a23b71.js\").toString();"],"names":["require","$8RvAA$macrostrathyper","$parcel$interopDefault","a","__esModule","default","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","URL","__filename","toString","$406e8a286e0e74e0$exports","styled"],"version":3,"file":"map-page.a9602658.js.map","sourceRoot":"../../../../"}
@@ -1,2 +1,2 @@
1
- require("./main.module.24615279.js"),require("./main.module.89f269c7.css"),require("./helpers.6bda171f.js"),require("./utils.dd92f725.js");var r=require("@macrostrat/hyper");function e(r){return r&&r.__esModule?r.default:r}require("@macrostrat/mapbox-react"),require("@macrostrat/mapbox-utils"),require("classnames"),require("mapbox-gl"),require("react"),require("mapbox-gl/dist/mapbox-gl.css"),require("@macrostrat/ui-components");var a=globalThis,i={},t={},s=a.parcelRequire94c2;null==s&&((s=function(r){if(r in i)return i[r].exports;if(r in t){var e=t[r];delete t[r];var a={id:r,exports:{}};return i[r]=a,e.call(a.exports,a,a.exports),a.exports}var s=Error("Cannot find module '"+r+"'");throw s.code="MODULE_NOT_FOUND",s}).register=function(r,e){t[r]=e},a.parcelRequire94c2=s),s.register;var u=s("6ULxP");s("7CmOU"),s("R3my3"),e(r).styled(e(u));
2
- //# sourceMappingURL=map-view.77013338.js.map
1
+ require("./main.module.7c928a6f.js"),require("./main.module.91a06e96.css"),require("./helpers.6bda171f.js"),require("./utils.dd92f725.js");var r=require("@macrostrat/hyper");function e(r){return r&&r.__esModule?r.default:r}require("@macrostrat/mapbox-react"),require("@macrostrat/mapbox-utils"),require("classnames"),require("mapbox-gl"),require("react"),require("mapbox-gl/dist/mapbox-gl.css"),require("@macrostrat/ui-components");var a=globalThis,i={},t={},s=a.parcelRequire94c2;null==s&&((s=function(r){if(r in i)return i[r].exports;if(r in t){var e=t[r];delete t[r];var a={id:r,exports:{}};return i[r]=a,e.call(a.exports,a,a.exports),a.exports}var s=Error("Cannot find module '"+r+"'");throw s.code="MODULE_NOT_FOUND",s}).register=function(r,e){t[r]=e},a.parcelRequire94c2=s),s.register;var u=s("6ULxP");s("7CmOU"),s("R3my3"),e(r).styled(e(u));
2
+ //# sourceMappingURL=map-view.663640da.js.map
@@ -0,0 +1 @@
1
+ {"mappings":"A,Q,8C,Q,+C,Q,0C,Q,wC,I,E,Q,qB,S,E,C,E,O,G,E,U,C,E,O,C,C,C,Q,4B,Q,4B,Q,c,Q,a,Q,S,Q,gC,Q,6B,I,E,W,E,C,E,E,C,E,E,E,iB,A,O,I,A,C,E,S,C,E,G,K,E,O,C,C,E,C,O,C,G,K,E,C,I,E,C,C,E,A,Q,C,C,E,C,I,E,C,G,E,Q,C,C,E,O,C,C,E,C,E,E,I,C,E,O,C,E,E,O,E,E,O,A,C,I,E,A,M,uB,E,I,O,E,I,C,mB,C,C,E,Q,C,S,C,C,C,E,C,C,E,C,C,E,E,iB,C,G,E,Q,C,I,E,E,S,E,S,E,SC+BU,AAAA,AAAA,EAAA,GAAM,MAAM,CAAC,EAAA","sources":["<anon>","packages/map-interface/src/map-view.ts"],"sourcesContent":["require(\"./main.module.7c928a6f.js\");\nrequire(\"./main.module.91a06e96.css\");\nrequire(\"./helpers.6bda171f.js\");\nrequire(\"./utils.dd92f725.js\");\nvar $iE1eH$macrostrathyper = require(\"@macrostrat/hyper\");\nvar $iE1eH$macrostratmapboxreact = require(\"@macrostrat/mapbox-react\");\nvar $iE1eH$macrostratmapboxutils = require(\"@macrostrat/mapbox-utils\");\nvar $iE1eH$classnames = require(\"classnames\");\nvar $iE1eH$mapboxgl = require(\"mapbox-gl\");\nvar $iE1eH$react = require(\"react\");\nrequire(\"mapbox-gl/dist/mapbox-gl.css\");\nvar $iE1eH$macrostratuicomponents = require(\"@macrostrat/ui-components\");\n\n\nfunction $parcel$interopDefault(a) {\n return a && a.__esModule ? a.default : a;\n}\n\n var $parcel$global = globalThis;\n \nvar $parcel$modules = {};\nvar $parcel$inits = {};\n\nvar parcelRequire = $parcel$global[\"parcelRequire94c2\"];\n\nif (parcelRequire == null) {\n parcelRequire = function(id) {\n if (id in $parcel$modules) {\n return $parcel$modules[id].exports;\n }\n if (id in $parcel$inits) {\n var init = $parcel$inits[id];\n delete $parcel$inits[id];\n var module = {id: id, exports: {}};\n $parcel$modules[id] = module;\n init.call(module.exports, module, module.exports);\n return module.exports;\n }\n var err = new Error(\"Cannot find module '\" + id + \"'\");\n err.code = 'MODULE_NOT_FOUND';\n throw err;\n };\n\n parcelRequire.register = function register(id, init) {\n $parcel$inits[id] = init;\n };\n\n $parcel$global[\"parcelRequire94c2\"] = parcelRequire;\n}\n\nvar parcelRegister = parcelRequire.register;\n\n\n\n\n\n\n\nvar $6ULxP = parcelRequire(\"6ULxP\");\n\nvar $7CmOU = parcelRequire(\"7CmOU\");\n\n\nvar $R3my3 = parcelRequire(\"R3my3\");\n\nconst $8c5236898eee97dc$var$h = (0, ($parcel$interopDefault($iE1eH$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($6ULxP))));\nfunction $8c5236898eee97dc$var$defaultInitializeMap(container, args = {}) {\n const { mapPosition: mapPosition, ...rest } = args;\n const map = new (0, ($parcel$interopDefault($iE1eH$mapboxgl))).Map({\n container: container,\n maxZoom: 18,\n logoPosition: \"bottom-left\",\n trackResize: true,\n antialias: true,\n optimizeForTerrain: true,\n ...rest\n });\n let _mapPosition = mapPosition;\n if (_mapPosition == null && rest.center == null && rest.bounds == null) // If no map positioning information is provided, we use the default\n _mapPosition = $8c5236898eee97dc$var$defaultMapPosition;\n // set initial map position\n if (_mapPosition != null) (0, $iE1eH$macrostratmapboxutils.setMapPosition)(map, _mapPosition);\n return map;\n}\nconst $8c5236898eee97dc$var$defaultMapPosition = {\n camera: {\n lat: 34,\n lng: -120,\n altitude: 300000\n }\n};\nfunction $8c5236898eee97dc$export$ab1e7a67d6ec5ad8(props) {\n let { terrainSourceID: terrainSourceID } = props;\n const { enableTerrain: enableTerrain = true, style: style, mapPosition: mapPosition, initializeMap: initializeMap = $8c5236898eee97dc$var$defaultInitializeMap, children: children, mapboxToken: mapboxToken, accessToken: // Deprecated\n 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;\n if (enableTerrain) terrainSourceID ?? (terrainSourceID = \"mapbox-3d-dem\");\n const _mapboxToken = mapboxToken ?? accessToken;\n if (_mapboxToken != null) (0, ($parcel$interopDefault($iE1eH$mapboxgl))).accessToken = _mapboxToken;\n const dispatch = (0, $iE1eH$macrostratmapboxreact.useMapDispatch)();\n let mapRef = (0, $iE1eH$macrostratmapboxreact.useMapRef)();\n const ref = (0, $iE1eH$react.useRef)();\n const parentRef = (0, $iE1eH$react.useRef)();\n const [baseStyle, setBaseStyle] = (0, $iE1eH$react.useState)(null);\n const isStyleLoaded = (0, $iE1eH$macrostratmapboxreact.useMapStatus)((state)=>state.isStyleLoaded);\n (0, $iE1eH$react.useEffect)(()=>{\n /** Manager to update map style */ if (baseStyle == null) return;\n let map = mapRef.current;\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 */ // We either get the map position directly from the map or from props\n const estMapPosition = map == null ? mapPosition : (0, $iE1eH$macrostratmapboxutils.getMapPosition)(map);\n const { mapUse3D: mapUse3D } = (0, $iE1eH$macrostratmapboxutils.mapViewInfo)(estMapPosition);\n let newStyle = baseStyle;\n const overlayStyles = props.overlayStyles ?? [];\n if (overlayStyles.length > 0) newStyle = (0, $iE1eH$macrostratmapboxutils.mergeStyles)(newStyle, ...overlayStyles);\n if (mapUse3D) {\n // We can update the style with terrain layers immediately\n const terrainStyle = (0, $iE1eH$macrostratmapboxreact.getTerrainLayerForStyle)(newStyle, terrainSourceID);\n newStyle = (0, $iE1eH$macrostratmapboxutils.mergeStyles)(newStyle, terrainStyle);\n }\n if (transformStyle != null) newStyle = transformStyle(newStyle);\n if (map != null) {\n console.log(\"Setting style\", newStyle);\n dispatch({\n type: \"set-style-loaded\",\n payload: false\n });\n map.setStyle(newStyle);\n } else {\n console.log(\"Initializing map\", newStyle);\n const map = initializeMap(ref.current, {\n style: newStyle,\n projection: projection,\n mapPosition: mapPosition,\n transformRequest: transformRequest,\n ...rest\n });\n dispatch({\n type: \"set-map\",\n payload: map\n });\n map.setPadding((0, $R3my3.getMapPadding)(ref, parentRef), {\n animate: false\n });\n onMapLoaded?.(map);\n }\n }, [\n baseStyle,\n overlayStyles,\n 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 */ (0, $iE1eH$react.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({\n type: \"set-style-loaded\",\n payload: true\n });\n onStyleLoaded?.(map);\n clearInterval(interval);\n }\n }, 50);\n return ()=>clearInterval(interval);\n }, [\n isStyleLoaded\n ]);\n (0, $iE1eH$macrostratuicomponents.useAsyncEffect)(async ()=>{\n /** Manager to update map style */ let newStyle;\n if (typeof style === \"string\") newStyle = await (0, $iE1eH$macrostratmapboxutils.getMapboxStyle)(style, {\n access_token: (0, ($parcel$interopDefault($iE1eH$mapboxgl))).accessToken\n });\n else newStyle = style;\n setBaseStyle(newStyle);\n }, [\n style\n ]);\n const _computedMapPosition = (0, $iE1eH$macrostratmapboxreact.useMapPosition)();\n const { mapUse3D: mapUse3D, mapIsRotated: mapIsRotated } = (0, $iE1eH$macrostratmapboxutils.mapViewInfo)(_computedMapPosition);\n // Get map projection\n const _projection = mapRef.current?.getProjection()?.name ?? \"mercator\";\n const className = (0, ($parcel$interopDefault($iE1eH$classnames)))({\n \"is-rotated\": mapIsRotated ?? false,\n \"is-3d-available\": mapUse3D ?? false\n }, `${_projection}-projection`);\n const parentClassName = (0, ($parcel$interopDefault($iE1eH$classnames)))({\n standalone: standalone\n });\n return $8c5236898eee97dc$var$h(\"div.map-view-container.main-view\", {\n ref: parentRef,\n className: parentClassName\n }, [\n $8c5236898eee97dc$var$h(\"div.mapbox-map#map\", {\n ref: ref,\n className: className\n }),\n $8c5236898eee97dc$var$h((0, $7CmOU.MapLoadingReporter), {\n ignoredSources: [\n \"elevationMarker\",\n \"crossSectionEndpoints\"\n ]\n }),\n $8c5236898eee97dc$var$h((0, $7CmOU.MapMovedReporter), {\n onMapMoved: onMapMoved\n }),\n $8c5236898eee97dc$var$h((0, $7CmOU.MapResizeManager), {\n containerRef: ref\n }),\n $8c5236898eee97dc$var$h((0, $7CmOU.MapPaddingManager), {\n containerRef: ref,\n parentRef: parentRef,\n infoMarkerPosition: infoMarkerPosition\n }),\n $8c5236898eee97dc$var$h($8c5236898eee97dc$export$cee395a8a2a00b29, {\n mapUse3D: mapUse3D,\n terrainSourceID: terrainSourceID,\n style: style\n }),\n children\n ]);\n}\nfunction $8c5236898eee97dc$export$cee395a8a2a00b29({ mapUse3D: mapUse3D, terrainSourceID: terrainSourceID, style: style }) {\n (0, $iE1eH$macrostratmapboxreact.use3DTerrain)(mapUse3D, terrainSourceID);\n return null;\n}\n\n\n//# sourceMappingURL=map-view.663640da.js.map\n","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":["require","$iE1eH$macrostrathyper","$parcel$interopDefault","a","__esModule","default","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$6ULxP","styled"],"version":3,"file":"map-view.663640da.js.map","sourceRoot":"../../../../"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@macrostrat/map-interface",
3
- "version": "1.2.3",
3
+ "version": "1.3.0",
4
4
  "description": "Map interface for Macrostrat",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -9,11 +9,11 @@
9
9
  "node": "dist/node/index.js",
10
10
  "dependencies": {
11
11
  "@blueprintjs/core": "^5.0.0",
12
- "@macrostrat/color-utils": "^1.0.1",
12
+ "@macrostrat/color-utils": "^1.1.0",
13
13
  "@macrostrat/hyper": "^3.0.6",
14
- "@macrostrat/mapbox-react": "^2.5.1",
15
- "@macrostrat/mapbox-utils": "^1.4.0",
16
- "@macrostrat/ui-components": "^4.1.3",
14
+ "@macrostrat/mapbox-react": "^2.6.0",
15
+ "@macrostrat/mapbox-utils": "^1.5.0",
16
+ "@macrostrat/ui-components": "^4.2.0",
17
17
  "@mapbox/tilebelt": "^2.0.0",
18
18
  "classnames": "^2.5.1",
19
19
  "d3-array": "^3.2.4",
@@ -29,7 +29,7 @@
29
29
  width: 40px
30
30
  height: 40px
31
31
 
32
- .status-tongue
32
+ .status-tongue:global(.bp5-card)
33
33
  background-color: var(--panel-background-color)
34
34
  margin: 5px
35
35
  margin-bottom: 0
@@ -7,7 +7,7 @@ import { useCallback, useState, useEffect } from "react";
7
7
  import { buildInspectorStyle } from "./xray";
8
8
  import { MapAreaContainer, PanelCard } from "../container";
9
9
  import { FloatingNavbar, MapLoadingButton } from "../context-panel";
10
- import { MapMarker } from "../helpers";
10
+ import { MapMarker, useBasicMapStyle } from "../helpers";
11
11
  import { LocationPanel } from "../location-panel";
12
12
  import { MapView } from "../map-view";
13
13
  import styles from "./main.module.sass";
@@ -67,15 +67,7 @@ export function MapInspectorV2({
67
67
  mapboxgl.accessToken = mapboxToken;
68
68
  }
69
69
 
70
- if (styleType == "macrostrat") {
71
- style ??= isEnabled
72
- ? "mapbox://styles/jczaplewski/cl5uoqzzq003614o6url9ou9z?optimize=true"
73
- : "mapbox://styles/jczaplewski/clatdbkw4002q14lov8zx0bm0?optimize=true";
74
- } else {
75
- style ??= isEnabled
76
- ? "mapbox://styles/mapbox/dark-v10"
77
- : "mapbox://styles/mapbox/light-v10";
78
- }
70
+ style ??= useBasicMapStyle({ styleType });
79
71
 
80
72
  const [isOpen, setOpen] = useState(false);
81
73
 
package/src/helpers.ts CHANGED
@@ -184,9 +184,36 @@ export function MapMarker({ position, setPosition, centerMarker = true }) {
184
184
  return null;
185
185
  }
186
186
 
187
- export function useBasicStylePair() {
187
+ export function useBasicMapStyle(
188
+ opts: {
189
+ styleType?: "macrostrat" | "standard";
190
+ } = {}
191
+ ) {
192
+ const { styleType } = opts;
188
193
  const inDarkMode = useInDarkMode();
189
- return inDarkMode
190
- ? "mapbox://styles/mapbox/dark-v10"
191
- : "mapbox://styles/mapbox/light-v10";
194
+
195
+ const props = useMemo(() => {
196
+ return { styleType, inDarkMode };
197
+ }, [styleType, inDarkMode]);
198
+
199
+ return getBasicMapStyle(props);
200
+ }
201
+
202
+ export function getBasicMapStyle(opts: {
203
+ styleType?: "macrostrat" | "standard";
204
+ inDarkMode?: boolean;
205
+ }) {
206
+ const { styleType = "macrostrat", inDarkMode = false } = opts ?? {};
207
+
208
+ if (styleType == "macrostrat") {
209
+ return inDarkMode
210
+ ? "mapbox://styles/jczaplewski/cl5uoqzzq003614o6url9ou9z?optimize=true"
211
+ : "mapbox://styles/jczaplewski/clatdbkw4002q14lov8zx0bm0?optimize=true";
212
+ } else {
213
+ return inDarkMode
214
+ ? "mapbox://styles/mapbox/dark-v10"
215
+ : "mapbox://styles/mapbox/light-v10";
216
+ }
192
217
  }
218
+
219
+ export const useBasicStylePair = useBasicMapStyle;
@@ -5,6 +5,7 @@ import {
5
5
  normalizeLng,
6
6
  } from "@macrostrat/mapbox-utils";
7
7
  import { formatValue } from "./utils";
8
+ import { LngLat } from "mapbox-gl";
8
9
 
9
10
  export * from "./hash-string";
10
11
 
@@ -29,12 +30,12 @@ export function DegreeCoord(props) {
29
30
 
30
31
  export interface LngLatProps {
31
32
  /** Map position */
32
- position: [number, number] | { lat: number; lng: number };
33
+ position: mapboxgl.LngLatLike | null;
33
34
  className?: string;
34
35
  /** Zoom level (used to infer coordinate rounding if provided) */
35
- zoom?: number | null;
36
+ zoom?: number;
36
37
  /** Number of decimal places to round coordinates to */
37
- precision: number | null;
38
+ precision?: number;
38
39
  /** Function to format coordinates */
39
40
  format?: (val: number, precision: number) => string;
40
41
  }
@@ -46,11 +47,19 @@ export function LngLatCoords(props: LngLatProps) {
46
47
  if (position == null) {
47
48
  return null;
48
49
  }
49
- let lat, lng;
50
+
51
+ let lat: number;
52
+ let lng: number;
50
53
  if (Array.isArray(position)) {
51
54
  [lng, lat] = position;
52
- } else {
53
- ({ lat, lng } = position);
55
+ } else if (position instanceof LngLat) {
56
+ [lng, lat] = position.toArray();
57
+ } else if ("lng" in position) {
58
+ lat = position.lat;
59
+ lng = position.lng;
60
+ } else if ("lon" in position) {
61
+ lat = position.lat;
62
+ lng = position.lon;
54
63
  }
55
64
 
56
65
  if (zoom != null && format == null && precision == null) {
@@ -9,6 +9,8 @@ import {
9
9
  isCentered,
10
10
  } from "@macrostrat/mapbox-react";
11
11
  import classNames from "classnames";
12
+ import type { ReactNode } from "react";
13
+ import type { LngLatBounds, LngLatLike } from "mapbox-gl";
12
14
 
13
15
  const h = hyper.styled(styles);
14
16
 
@@ -70,13 +72,13 @@ function CopyLinkButton({ itemName, children, onClick, ...rest }) {
70
72
 
71
73
  export interface InfoDrawerHeaderProps {
72
74
  onClose?: () => void;
73
- position?: mapboxgl.LngLat;
75
+ position?: LngLatLike;
74
76
  zoom?: number;
75
77
  elevation?: number;
76
78
  showCopyPositionButton?: boolean;
77
- bounds?: mapboxgl.LngLatBounds;
79
+ bounds?: LngLatBounds;
78
80
  fixedHeight?: boolean;
79
- children?: React.ReactNode;
81
+ children?: ReactNode;
80
82
  className?: string;
81
83
  }
82
84
 
@@ -51,6 +51,7 @@
51
51
  flex-direction: column
52
52
  overflow-y: hidden
53
53
  background-color: var(--panel-background-color)
54
+ --panel-padding: 0
54
55
 
55
56
  &:global(.bp5-card)
56
57
  padding: 0
@@ -67,8 +68,12 @@
67
68
  padding: 0 1em
68
69
  &>:first-child
69
70
  margin-top: 1rem
71
+ &>div:first-child
72
+ margin-top: 0
70
73
  &>:last-child
71
74
  margin-bottom: 1rem
75
+ &>div:last-child
76
+ margin-bottom: 0
72
77
 
73
78
  // The scrollable body of the infodrawer
74
79
  .infodrawer-body