@macrostrat/map-interface 1.2.1 → 1.2.2

package/dist/node/{dev.15b4cdb0.js.map → dev.ee1e89e9.js.map}

@@ -1 +1 @@
-{"mappings":"A,Q,2C,Q,8C,Q,uD,Q,uC,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,wCAAA,QAAA,YAAyC,QAAQ,G,E,S,E,S,E","sources":["<anon>","packages/map-interface/src/dev/index.ts","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-f14b5173fc324a77.js"],"sourcesContent":["require(\"./map-page.0b19d49e.js\");\nrequire(\"./tile-extent.28db5d2c.js\");\nrequire(\"./vector-tile-features.c02e240c.js\");\nrequire(\"./xray.bce11e7b.js\");\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;\nvar $dc6a786c8b10a4e8$exports = {};\n$dc6a786c8b10a4e8$exports = new URL(\"map-page.0b19d49e.js\", \"file:\" + __filename).toString();\n\n\nparcelRequire(\"2DICz\");\nparcelRequire(\"gnyJS\");\nparcelRequire(\"2mAQJ\");\n\n\n//# sourceMappingURL=dev.15b4cdb0.js.map\n","export * from \"./map-page\";\nexport * from \"./tile-extent\";\nexport * from \"./vector-tile-features\";\nexport * from \"./xray\";\n","module.exports = new __parcel__URL__(\"map-page.0b19d49e.js\").toString();"],"names":["require","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","URL","__filename","toString"],"version":3,"file":"dev.15b4cdb0.js.map","sourceRoot":"../../../../"}
+{"mappings":"A,Q,2C,Q,8C,Q,uD,Q,uC,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,wCAAA,QAAA,YAAyC,QAAQ,G,E,S,E,S,E","sources":["<anon>","packages/map-interface/src/dev/index.ts","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-f14b5173fc324a77.js"],"sourcesContent":["require(\"./map-page.cb4c713e.js\");\nrequire(\"./tile-extent.28db5d2c.js\");\nrequire(\"./vector-tile-features.b5a23b71.js\");\nrequire(\"./xray.bce11e7b.js\");\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;\nvar $dc6a786c8b10a4e8$exports = {};\n$dc6a786c8b10a4e8$exports = new URL(\"map-page.cb4c713e.js\", \"file:\" + __filename).toString();\n\n\nparcelRequire(\"2DICz\");\nparcelRequire(\"gnyJS\");\nparcelRequire(\"2mAQJ\");\n\n\n//# sourceMappingURL=dev.ee1e89e9.js.map\n","export * from \"./map-page\";\nexport * from \"./tile-extent\";\nexport * from \"./vector-tile-features\";\nexport * from \"./xray\";\n","module.exports = new __parcel__URL__(\"map-page.cb4c713e.js\").toString();"],"names":["require","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","URL","__filename","toString"],"version":3,"file":"dev.ee1e89e9.js.map","sourceRoot":"../../../../"}

package/dist/node/expansion-panel.62240ee3.js

@@ -0,0 +1,2 @@
+require("./main.module.5d5ab665.js"),require("./main.module.2d51c752.css"),require("./headers.2581f6d9.js"),require("react"),require("@blueprintjs/core");var e=require("@macrostrat/hyper");function r(e){return e&&e.__esModule?e.default:e}require("classnames");var a={};a=new URL("main.module.5d5ab665.js","file:"+__filename).toString(),new URL("headers.2581f6d9.js","file:"+__filename).toString(),r(e).styled(r(a));
+//# sourceMappingURL=expansion-panel.62240ee3.js.map

package/dist/node/expansion-panel.62240ee3.js.map

@@ -0,0 +1 @@
+{"mappings":"A,Q,8C,Q,+C,Q,0C,Q,S,Q,qB,I,E,Q,qB,S,E,C,E,O,G,E,U,C,E,O,C,C,C,Q,c,I,E,C,EEAA,EAAiB,IAAA,IAAoB,2CAAA,QAAA,YAA4C,QAAQ,GCAxE,IAAA,IAAoB,uCAAA,QAAA,YAAwC,QAAQ,GFQ3E,AAAA,AAAA,EAAA,GAAM,MAAM,CAAC,EAAA","sources":["<anon>","packages/map-interface/src/expansion-panel/index.ts","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-7acf631d60d17746.js","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-c25cf7ef94cb29eb.js"],"sourcesContent":["require(\"./main.module.5d5ab665.js\");\nrequire(\"./main.module.2d51c752.css\");\nrequire(\"./headers.2581f6d9.js\");\nvar $i8XZZ$react = require(\"react\");\nvar $i8XZZ$blueprintjscore = require(\"@blueprintjs/core\");\nvar $i8XZZ$macrostrathyper = require(\"@macrostrat/hyper\");\nvar $i8XZZ$classnames = require(\"classnames\");\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\n\n\nvar $2f4ada350b141b39$exports = {};\n$2f4ada350b141b39$exports = new URL(\"main.module.5d5ab665.js\", \"file:\" + __filename).toString();\n\n\n\nvar $33bf588cfa90d114$exports = {};\n$33bf588cfa90d114$exports = new URL(\"headers.2581f6d9.js\", \"file:\" + __filename).toString();\n\n\nconst $15797e7a878e886f$var$h = (0, ($parcel$interopDefault($i8XZZ$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($2f4ada350b141b39$exports))));\nfunction $15797e7a878e886f$export$cea00a9d724d5a32(props) {\n    const { expanded: expanded, children: children, onChange: onChange, className: className, title: title, titleComponent: titleComponent } = props;\n    const icon = expanded ? \"chevron-up\" : \"chevron-down\";\n    return $15797e7a878e886f$var$h((0, $33bf588cfa90d114$exports.PanelSubhead), {\n        className: (0, ($parcel$interopDefault($i8XZZ$classnames)))(\"expansion-panel-header\", className),\n        onClick: onChange,\n        title: title,\n        component: titleComponent\n    }, [\n        children,\n        $15797e7a878e886f$var$h((0, $i8XZZ$blueprintjscore.Icon), {\n            icon: icon,\n            className: \"expansion-panel-icon\"\n        })\n    ]);\n}\nfunction $15797e7a878e886f$var$ExpansionPanelBase(props) {\n    let { title: title, titleComponent: titleComponent = \"h3\", children: children, expanded: expanded, helpText: helpText, onChange: onChange = ()=>{}, sideComponent: sideComponent = null, className: className } = props;\n    const [isOpen, setOpen] = (0, $i8XZZ$react.useState)(expanded || false);\n    const onChange_ = ()=>{\n        onChange();\n        setOpen(!isOpen);\n    };\n    return $15797e7a878e886f$var$h(\"div.expansion-panel-base\", {\n        className: (0, ($parcel$interopDefault($i8XZZ$classnames)))(className, {\n            expanded: isOpen,\n            collapsed: !isOpen\n        })\n    }, [\n        $15797e7a878e886f$var$h($15797e7a878e886f$export$cea00a9d724d5a32, {\n            onChange: onChange_,\n            expanded: isOpen,\n            title: title,\n            titleComponent: titleComponent\n        }, $15797e7a878e886f$var$h(\"div.expansion-summary-title-help\", [\n            $15797e7a878e886f$var$h(\"span.expansion-panel-subtext\", helpText),\n            \" \",\n            sideComponent\n        ])),\n        $15797e7a878e886f$var$h((0, $i8XZZ$blueprintjscore.Collapse), {\n            isOpen: isOpen\n        }, $15797e7a878e886f$var$h(\"div.expansion-children\", null, children))\n    ]);\n}\nfunction $15797e7a878e886f$export$39c134eb0b07cf0e(props) {\n    let { title: title, children: children, className: className, headerElement: headerElement = null } = props;\n    return $15797e7a878e886f$var$h(\"div.info-panel-section\", {\n        className: className\n    }, [\n        $15797e7a878e886f$var$h(\"div.panel-subhead\", null, headerElement ?? $15797e7a878e886f$var$h(\"h3\", title)),\n        $15797e7a878e886f$var$h(\"div.panel-content\", null, children)\n    ]);\n}\nfunction $15797e7a878e886f$export$40e646e38e6ed100(props) {\n    return $15797e7a878e886f$var$h($15797e7a878e886f$var$ExpansionPanelBase, {\n        ...props,\n        className: \"expansion-panel\"\n    });\n}\nfunction $15797e7a878e886f$export$d7160281aff7c3b8(props) {\n    return $15797e7a878e886f$var$h($15797e7a878e886f$var$ExpansionPanelBase, {\n        ...props,\n        className: \"expansion-panel sub-expansion-panel\",\n        titleComponent: \"h4\"\n    });\n}\nfunction $15797e7a878e886f$export$44ad9ff780615135(props) {\n    let { title: title, children: children, value: value, headerElement: headerElement, className: className } = props;\n    const [isOpen, setIsOpen] = (0, $i8XZZ$react.useState)(false);\n    headerElement ?? (headerElement = $15797e7a878e886f$var$h([\n        $15797e7a878e886f$var$h(\"div.title\", title),\n        value\n    ]));\n    return $15797e7a878e886f$var$h(\"div.expandable-details\", {\n        className: className\n    }, [\n        $15797e7a878e886f$var$h(\"div.expandable-details-main\", [\n            $15797e7a878e886f$var$h(\"div.expandable-details-header\", headerElement),\n            $15797e7a878e886f$var$h(\"div.expandable-details-toggle\", [\n                $15797e7a878e886f$var$h((0, $i8XZZ$blueprintjscore.Button), {\n                    small: true,\n                    minimal: true,\n                    active: isOpen,\n                    onClick: ()=>setIsOpen(!isOpen),\n                    icon: \"more\"\n                })\n            ])\n        ]),\n        $15797e7a878e886f$var$h((0, $i8XZZ$blueprintjscore.Collapse), {\n            isOpen: isOpen\n        }, $15797e7a878e886f$var$h(\"div.expandable-details-children\", null, children))\n    ]);\n}\nfunction $15797e7a878e886f$export$263416b670b3f129({ title: title, className: className, children: children }) {\n    return $15797e7a878e886f$var$h(\"div.expansion-body\", {\n        className: className\n    }, [\n        $15797e7a878e886f$var$h(\"div.expansion-panel-detail-header\", title),\n        $15797e7a878e886f$var$h(\"div.expansion-panel-detail-body\", null, children)\n    ]);\n}\n\n\n//# sourceMappingURL=expansion-panel.62240ee3.js.map\n","import { useState } from \"react\";\nimport { Collapse, Icon } from \"@blueprintjs/core\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport classNames from \"classnames\";\nimport { Button } from \"@blueprintjs/core\";\nimport { PanelSubhead } from \"./headers\";\n\nconst h = hyper.styled(styles);\n\nfunction ExpansionPanelSummary(props) {\n  const { expanded, children, onChange, className, title, titleComponent } =\n    props;\n  const icon = expanded ? \"chevron-up\" : \"chevron-down\";\n  return h(\n    PanelSubhead,\n    {\n      className: classNames(\"expansion-panel-header\", className),\n      onClick: onChange,\n      title,\n      component: titleComponent,\n    },\n    [children, h(Icon, { icon, className: \"expansion-panel-icon\" })]\n  );\n}\n\nfunction ExpansionPanelBase(props) {\n  let {\n    title,\n    titleComponent = \"h3\",\n    children,\n    expanded,\n    helpText,\n    onChange = () => {},\n    sideComponent = null,\n    className,\n  } = props;\n  const [isOpen, setOpen] = useState(expanded || false);\n\n  const onChange_ = () => {\n    onChange();\n    setOpen(!isOpen);\n  };\n\n  return h(\n    \"div.expansion-panel-base\",\n    {\n      className: classNames(className, {\n        expanded: isOpen,\n        collapsed: !isOpen,\n      }),\n    },\n    [\n      h(\n        ExpansionPanelSummary,\n        {\n          onChange: onChange_,\n          expanded: isOpen,\n          title,\n          titleComponent,\n        },\n        h(\"div.expansion-summary-title-help\", [\n          h(\"span.expansion-panel-subtext\", helpText),\n          \" \",\n          sideComponent,\n        ])\n      ),\n      h(Collapse, { isOpen }, h(\"div.expansion-children\", null, children)),\n    ]\n  );\n}\n\nexport function InfoPanelSection(props) {\n  let { title, children, className, headerElement = null } = props;\n  return h(\"div.info-panel-section\", { className }, [\n    h(\"div.panel-subhead\", null, headerElement ?? h(\"h3\", title)),\n    h(\"div.panel-content\", null, children),\n  ]);\n}\n\nfunction ExpansionPanel(props) {\n  return h(ExpansionPanelBase, {\n    ...props,\n    className: \"expansion-panel\",\n  });\n}\n\nfunction SubExpansionPanel(props) {\n  return h(ExpansionPanelBase, {\n    ...props,\n    className: \"expansion-panel sub-expansion-panel\",\n    titleComponent: \"h4\",\n  });\n}\n\nfunction ExpandableDetailsPanel(props) {\n  let { title, children, value, headerElement, className } = props;\n  const [isOpen, setIsOpen] = useState(false);\n  headerElement ??= h([h(\"div.title\", title), value]);\n  return h(\"div.expandable-details\", { className }, [\n    h(\"div.expandable-details-main\", [\n      h(\"div.expandable-details-header\", headerElement),\n      h(\"div.expandable-details-toggle\", [\n        h(Button, {\n          small: true,\n          minimal: true,\n          active: isOpen,\n          onClick: () => setIsOpen(!isOpen),\n          icon: \"more\",\n        }),\n      ]),\n    ]),\n    h(\n      Collapse,\n      { isOpen },\n      h(\"div.expandable-details-children\", null, children)\n    ),\n  ]);\n}\n\nfunction ExpansionBody({ title, className, children }) {\n  return h(\"div.expansion-body\", { className }, [\n    h(\"div.expansion-panel-detail-header\", title),\n    h(\"div.expansion-panel-detail-body\", null, children),\n  ]);\n}\n\nexport {\n  ExpansionPanel,\n  ExpansionPanelSummary,\n  ExpandableDetailsPanel,\n  SubExpansionPanel,\n  ExpansionBody,\n  PanelSubhead,\n};\n","module.exports = new __parcel__URL__(\"main.module.5d5ab665.js\").toString();","module.exports = new __parcel__URL__(\"headers.2581f6d9.js\").toString();"],"names":["require","$i8XZZ$macrostrathyper","$parcel$interopDefault","a","__esModule","default","$2f4ada350b141b39$exports","URL","__filename","toString","styled"],"version":3,"file":"expansion-panel.62240ee3.js.map","sourceRoot":"../../../../"}

package/dist/node/header.4b58753a.js

@@ -0,0 +1,2 @@
+require("./main.module.ba3f4a78.css"),require("./main.module.3a8fef67.js"),require("./location-info.9f59aad3.js"),require("@blueprintjs/core");var e=require("@macrostrat/hyper");function r(e){return e&&e.__esModule?e.default:e}require("@macrostrat/ui-components"),require("@macrostrat/mapbox-react"),require("classnames");var a={};a=new URL("main.module.ba3f4a78.css","file:"+__filename).toString(),new URL("location-info.9f59aad3.js","file:"+__filename).toString(),r(e).styled(r(a));
+//# sourceMappingURL=header.4b58753a.js.map

package/dist/node/header.4b58753a.js.map

@@ -0,0 +1 @@
+{"mappings":"A,Q,+C,Q,8C,Q,gD,Q,qB,I,E,Q,qB,S,E,C,E,O,G,E,U,C,E,O,C,C,C,Q,6B,Q,4B,Q,c,I,E,C,EEAA,EAAiB,IAAA,IAAoB,4CAAA,QAAA,YAA6C,QAAQ,GCAzE,IAAA,IAAoB,6CAAA,QAAA,YAA8C,QAAQ,GFYjF,AAAA,AAAA,EAAA,GAAM,MAAM,CAAC,EAAA","sources":["<anon>","packages/map-interface/src/location-panel/header.ts","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-6d6e92b02eb73299.js","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-c5bf3b5be72c4e09.js"],"sourcesContent":["require(\"./main.module.ba3f4a78.css\");\nrequire(\"./main.module.3a8fef67.js\");\nrequire(\"./location-info.9f59aad3.js\");\nvar $9HnAS$blueprintjscore = require(\"@blueprintjs/core\");\nvar $9HnAS$macrostrathyper = require(\"@macrostrat/hyper\");\nvar $9HnAS$macrostratuicomponents = require(\"@macrostrat/ui-components\");\nvar $9HnAS$macrostratmapboxreact = require(\"@macrostrat/mapbox-react\");\nvar $9HnAS$classnames = require(\"classnames\");\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\n\nvar $b3d3cdac95f8f8a9$exports = {};\n$b3d3cdac95f8f8a9$exports = new URL(\"main.module.ba3f4a78.css\", \"file:\" + __filename).toString();\n\n\n\nvar $7d4f3c2ee54a88a2$exports = {};\n$7d4f3c2ee54a88a2$exports = new URL(\"location-info.9f59aad3.js\", \"file:\" + __filename).toString();\n\n\n\n\nconst $1a913554a5c0869b$var$h = (0, ($parcel$interopDefault($9HnAS$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($b3d3cdac95f8f8a9$exports))));\nfunction $1a913554a5c0869b$var$PositionButton({ position: position, bounds: bounds, showCopyLink: showCopyLink = false }) {\n    const focusState = (0, $9HnAS$macrostratmapboxreact.useFocusState)(position);\n    const copyLinkIsVisible = (0, $9HnAS$macrostratmapboxreact.isCentered)(focusState) && showCopyLink;\n    return $1a913554a5c0869b$var$h(\"div.position-controls\", [\n        $1a913554a5c0869b$var$h((0, $9HnAS$macrostratmapboxreact.LocationFocusButton), {\n            location: position,\n            bounds: bounds,\n            focusState: focusState\n        }, []),\n        $1a913554a5c0869b$var$h.if(copyLinkIsVisible && position != null)($1a913554a5c0869b$var$CopyLinkButton, {\n            itemName: \"position\"\n        })\n    ]);\n}\nfunction $1a913554a5c0869b$var$CopyLinkButton({ itemName: itemName, children: children, onClick: onClick, ...rest }) {\n    const toaster = (0, $9HnAS$macrostratuicomponents.useToaster)();\n    let message = `Copied link`;\n    if (itemName != null) message += ` to ${itemName}`;\n    message += \"!\";\n    return $1a913554a5c0869b$var$h((0, $9HnAS$blueprintjscore.Button), {\n        className: \"copy-link-button\",\n        rightIcon: $1a913554a5c0869b$var$h((0, $9HnAS$blueprintjscore.Icon), {\n            icon: \"link\",\n            size: 12\n        }),\n        minimal: true,\n        small: true,\n        onClick () {\n            navigator.clipboard.writeText(window.location.href).then(()=>{\n                toaster?.show({\n                    message: message,\n                    intent: \"success\",\n                    icon: \"clipboard\",\n                    timeout: 1000\n                });\n                onClick?.();\n            }, ()=>{\n                toaster?.show({\n                    message: \"Failed to copy link\",\n                    intent: \"danger\",\n                    icon: \"error\",\n                    timeout: 1000\n                });\n            });\n        },\n        ...rest\n    }, children ?? \"Copy link\");\n}\nfunction $1a913554a5c0869b$export$e9ff14c4822c2e8c(props) {\n    const { onClose: onClose, position: position, bounds: bounds, zoom: zoom = 7, elevation: elevation, showCopyPositionButton: showCopyPositionButton, fixedHeight: fixedHeight = false, children: children, className: className } = props;\n    let leftButton = null;\n    if (bounds != null || position != null) leftButton = $1a913554a5c0869b$var$h($1a913554a5c0869b$var$PositionButton, {\n        position: position,\n        bounds: bounds,\n        showCopyLink: showCopyPositionButton\n    });\n    return $1a913554a5c0869b$var$h(\"header.location-panel-header\", {\n        className: (0, ($parcel$interopDefault($9HnAS$classnames)))(className, {\n            \"fixed-height\": fixedHeight\n        })\n    }, [\n        leftButton,\n        children,\n        $1a913554a5c0869b$var$h(\"div.spacer\"),\n        $1a913554a5c0869b$var$h.if(position != null)((0, $7d4f3c2ee54a88a2$exports.LngLatCoords), {\n            position: position,\n            zoom: zoom,\n            className: \"infodrawer-header-item\"\n        }),\n        $1a913554a5c0869b$var$h.if(elevation != null)((0, $7d4f3c2ee54a88a2$exports.Elevation), {\n            elevation: elevation,\n            className: \"infodrawer-header-item\"\n        }),\n        $1a913554a5c0869b$var$h.if(onClose != null)((0, $9HnAS$blueprintjscore.Button), {\n            minimal: true,\n            icon: \"cross\",\n            onClick: onClose\n        })\n    ]);\n}\n\n\n//# sourceMappingURL=header.4b58753a.js.map\n","import { Icon, Button } from \"@blueprintjs/core\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport { useToaster } from \"@macrostrat/ui-components\";\nimport { LngLatCoords, Elevation } from \"../location-info\";\nimport {\n  LocationFocusButton,\n  useFocusState,\n  isCentered,\n} from \"@macrostrat/mapbox-react\";\nimport classNames from \"classnames\";\n\nconst h = hyper.styled(styles);\n\nfunction PositionButton({ position, bounds, showCopyLink = false }) {\n  const focusState = useFocusState(position);\n\n  const copyLinkIsVisible = isCentered(focusState) && showCopyLink;\n\n  return h(\"div.position-controls\", [\n    h(LocationFocusButton, { location: position, bounds, focusState }, []),\n    h.if(copyLinkIsVisible && position != null)(CopyLinkButton, {\n      itemName: \"position\",\n    }),\n  ]);\n}\n\nfunction CopyLinkButton({ itemName, children, onClick, ...rest }) {\n  const toaster = useToaster();\n\n  let message = `Copied link`;\n  if (itemName != null) {\n    message += ` to ${itemName}`;\n  }\n  message += \"!\";\n\n  return h(\n    Button,\n    {\n      className: \"copy-link-button\",\n      rightIcon: h(Icon, { icon: \"link\", size: 12 }),\n      minimal: true,\n      small: true,\n      onClick() {\n        navigator.clipboard.writeText(window.location.href).then(\n          () => {\n            toaster?.show({\n              message,\n              intent: \"success\",\n              icon: \"clipboard\",\n              timeout: 1000,\n            });\n            onClick?.();\n          },\n          () => {\n            toaster?.show({\n              message: \"Failed to copy link\",\n              intent: \"danger\",\n              icon: \"error\",\n              timeout: 1000,\n            });\n          }\n        );\n      },\n      ...rest,\n    },\n    children ?? \"Copy link\"\n  );\n}\n\nexport interface InfoDrawerHeaderProps {\n  onClose?: () => void;\n  position?: mapboxgl.LngLat;\n  zoom?: number;\n  elevation?: number;\n  showCopyPositionButton?: boolean;\n  bounds?: mapboxgl.LngLatBounds;\n  fixedHeight?: boolean;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport function InfoDrawerHeader(props: InfoDrawerHeaderProps) {\n  const {\n    onClose,\n    position,\n    bounds,\n    zoom = 7,\n    elevation,\n    showCopyPositionButton,\n    fixedHeight = false,\n    children,\n    className,\n  } = props;\n\n  let leftButton = null;\n  if (bounds != null || position != null) {\n    leftButton = h(PositionButton, {\n      position,\n      bounds,\n      showCopyLink: showCopyPositionButton,\n    });\n  }\n\n  return h(\n    \"header.location-panel-header\",\n    {\n      className: classNames(className, { \"fixed-height\": fixedHeight }),\n    },\n    [\n      leftButton,\n      children,\n      h(\"div.spacer\"),\n      h.if(position != null)(LngLatCoords, {\n        position,\n        zoom,\n        className: \"infodrawer-header-item\",\n      }),\n      h.if(elevation != null)(Elevation, {\n        elevation,\n        className: \"infodrawer-header-item\",\n      }),\n      h.if(onClose != null)(Button, {\n        minimal: true,\n        icon: \"cross\",\n        onClick: onClose,\n      }),\n    ]\n  );\n}\n","module.exports = new __parcel__URL__(\"main.module.ba3f4a78.css\").toString();","module.exports = new __parcel__URL__(\"location-info.9f59aad3.js\").toString();"],"names":["require","$9HnAS$macrostrathyper","$parcel$interopDefault","a","__esModule","default","$b3d3cdac95f8f8a9$exports","URL","__filename","toString","styled"],"version":3,"file":"header.4b58753a.js.map","sourceRoot":"../../../../"}

package/dist/node/{headers.0d494ac2.js → headers.2581f6d9.js}

@@ -1,2 +1,2 @@
-require("./main.module.78d7f40f.js"),require("./main.module.f0530add.css");var e=require("@macrostrat/hyper");function r(e){return e&&e.__esModule?e.default:e}var a=globalThis,t={},i={},o=a.parcelRequire94c2;null==o&&((o=function(e){if(e in t)return t[e].exports;if(e in i){var r=i[e];delete i[e];var a={id:e,exports:{}};return t[e]=a,r.call(a.exports,a,a.exports),a.exports}var o=Error("Cannot find module '"+e+"'");throw o.code="MODULE_NOT_FOUND",o}).register=function(e,r){i[e]=r},a.parcelRequire94c2=o),o.register;var n=o("cqd1X");r(e).styled(r(n));
-//# sourceMappingURL=headers.0d494ac2.js.map
+require("./main.module.5d5ab665.js"),require("./main.module.2d51c752.css");var e=require("@macrostrat/hyper");function r(e){return e&&e.__esModule?e.default:e}var a=globalThis,t={},i={},o=a.parcelRequire94c2;null==o&&((o=function(e){if(e in t)return t[e].exports;if(e in i){var r=i[e];delete i[e];var a={id:e,exports:{}};return t[e]=a,r.call(a.exports,a,a.exports),a.exports}var o=Error("Cannot find module '"+e+"'");throw o.code="MODULE_NOT_FOUND",o}).register=function(e,r){i[e]=r},a.parcelRequire94c2=o),o.register;var n=o("cqd1X");r(e).styled(r(n));
+//# sourceMappingURL=headers.2581f6d9.js.map

package/dist/node/{headers.0d494ac2.js.map → headers.2581f6d9.js.map}

@@ -1 +1 @@
-{"mappings":"A,Q,8C,Q,+C,I,E,Q,qB,S,E,C,E,O,G,E,U,C,E,O,C,C,C,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,SCGU,AAAA,AAAA,EAAA,GAAM,MAAM,CAAC,EAAA","sources":["<anon>","packages/map-interface/src/expansion-panel/headers.ts"],"sourcesContent":["require(\"./main.module.78d7f40f.js\");\nrequire(\"./main.module.f0530add.css\");\nvar $jDAbm$macrostrathyper = require(\"@macrostrat/hyper\");\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\nvar $cqd1X = parcelRequire(\"cqd1X\");\nconst $a249c14db18784e8$var$h = (0, ($parcel$interopDefault($jDAbm$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($cqd1X))));\nfunction $a249c14db18784e8$export$ed081779ec3709aa(props) {\n    const { title: title, component: component = \"h3\", children: children, ...rest } = props;\n    return $a249c14db18784e8$var$h(\"div.panel-subhead\", rest, [\n        $a249c14db18784e8$var$h(component, {\n            className: \"title\"\n        }, title),\n        children\n    ]);\n}\n\n\n//# sourceMappingURL=headers.0d494ac2.js.map\n","import hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\n\nconst h = hyper.styled(styles);\n\nexport function PanelSubhead(props) {\n  const { title, component = \"h3\", children, ...rest } = props;\n  return h(\"div.panel-subhead\", rest, [\n    h(\n      component,\n      {\n        className: \"title\",\n      },\n      title\n    ),\n    children,\n  ]);\n}\n"],"names":["require","$jDAbm$macrostrathyper","$parcel$interopDefault","a","__esModule","default","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$cqd1X","styled"],"version":3,"file":"headers.0d494ac2.js.map","sourceRoot":"../../../../"}
+{"mappings":"A,Q,8C,Q,+C,I,E,Q,qB,S,E,C,E,O,G,E,U,C,E,O,C,C,C,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,SCGU,AAAA,AAAA,EAAA,GAAM,MAAM,CAAC,EAAA","sources":["<anon>","packages/map-interface/src/expansion-panel/headers.ts"],"sourcesContent":["require(\"./main.module.5d5ab665.js\");\nrequire(\"./main.module.2d51c752.css\");\nvar $jDAbm$macrostrathyper = require(\"@macrostrat/hyper\");\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\nvar $cqd1X = parcelRequire(\"cqd1X\");\nconst $a249c14db18784e8$var$h = (0, ($parcel$interopDefault($jDAbm$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($cqd1X))));\nfunction $a249c14db18784e8$export$ed081779ec3709aa(props) {\n    const { title: title, component: component = \"h3\", children: children, ...rest } = props;\n    return $a249c14db18784e8$var$h(\"div.panel-subhead\", rest, [\n        $a249c14db18784e8$var$h(component, {\n            className: \"title\"\n        }, title),\n        children\n    ]);\n}\n\n\n//# sourceMappingURL=headers.2581f6d9.js.map\n","import hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\n\nconst h = hyper.styled(styles);\n\nexport function PanelSubhead(props) {\n  const { title, component = \"h3\", children, ...rest } = props;\n  return h(\"div.panel-subhead\", rest, [\n    h(\n      component,\n      {\n        className: \"title\",\n      },\n      title\n    ),\n    children,\n  ]);\n}\n"],"names":["require","$jDAbm$macrostrathyper","$parcel$interopDefault","a","__esModule","default","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$cqd1X","styled"],"version":3,"file":"headers.2581f6d9.js.map","sourceRoot":"../../../../"}

package/dist/node/index.js

@@ -1,2 +1,2 @@
-require("./context-panel.7c2f42c9.js"),require("./location-panel.d22d21fa.js"),require("./dev.15b4cdb0.js"),require("./container.abd6f0d2.js"),require("./map-view.c6746dca.js"),require("./controls.ffb44307.js"),require("./helpers.6bda171f.js"),require("./utils.dd92f725.js"),require("./location-info.9f59aad3.js"),require("./expansion-panel.1553938f.js");var e=globalThis,r={},a={},i=e.parcelRequire94c2;null==i&&((i=function(e){if(e in r)return r[e].exports;if(e in a){var i=a[e];delete a[e];var n={id:e,exports:{}};return r[e]=n,i.call(n.exports,n,n.exports),n.exports}var _=Error("Cannot find module '"+e+"'");throw _.code="MODULE_NOT_FOUND",_}).register=function(e,r){a[e]=r},e.parcelRequire94c2=i),i.register,new URL("context-panel.7c2f42c9.js","file:"+__filename).toString(),new URL("location-panel.d22d21fa.js","file:"+__filename).toString(),new URL("dev.15b4cdb0.js","file:"+__filename).toString(),i("lw3Ik"),i("5bvtL"),i("cL8YF"),i("7CmOU"),i("R3my3"),i("66CcX"),i("e9x7B");
+require("./context-panel.7c2f42c9.js"),require("./location-panel.c39983e3.js"),require("./dev.ee1e89e9.js"),require("./container.abd6f0d2.js"),require("./map-view.c6746dca.js"),require("./controls.ffb44307.js"),require("./helpers.6bda171f.js"),require("./utils.dd92f725.js"),require("./location-info.9f59aad3.js"),require("./expansion-panel.62240ee3.js");var e=globalThis,r={},a={},i=e.parcelRequire94c2;null==i&&((i=function(e){if(e in r)return r[e].exports;if(e in a){var i=a[e];delete a[e];var n={id:e,exports:{}};return r[e]=n,i.call(n.exports,n,n.exports),n.exports}var _=Error("Cannot find module '"+e+"'");throw _.code="MODULE_NOT_FOUND",_}).register=function(e,r){a[e]=r},e.parcelRequire94c2=i),i.register,new URL("context-panel.7c2f42c9.js","file:"+__filename).toString(),new URL("location-panel.c39983e3.js","file:"+__filename).toString(),new URL("dev.ee1e89e9.js","file:"+__filename).toString(),i("lw3Ik"),i("5bvtL"),i("cL8YF"),i("7CmOU"),i("R3my3"),i("66CcX"),i("e9x7B");
 //# sourceMappingURL=index.js.map

package/dist/node/index.js.map

@@ -1 +1 @@
-{"mappings":"A,Q,gD,Q,iD,Q,sC,Q,4C,Q,2C,Q,2C,Q,0C,Q,wC,Q,gD,Q,kD,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,6CAAA,QAAA,YAA8C,QAAQ,GCA1E,IAAA,IAAoB,8CAAA,QAAA,YAA+C,QAAQ,GCA3E,IAAA,IAAoB,mCAAA,QAAA,YAAoC,QAAQ,G,E,S,E,S,E,S,E,S,E,S,E,S,E","sources":["<anon>","packages/map-interface/src/index.ts","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-236b755256a6c7a4.js","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-6b95ac51dd58ea56.js","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-d1ee864570c44cc4.js"],"sourcesContent":["require(\"./context-panel.7c2f42c9.js\");\nrequire(\"./location-panel.d22d21fa.js\");\nrequire(\"./dev.15b4cdb0.js\");\nrequire(\"./container.abd6f0d2.js\");\nrequire(\"./map-view.c6746dca.js\");\nrequire(\"./controls.ffb44307.js\");\nrequire(\"./helpers.6bda171f.js\");\nrequire(\"./utils.dd92f725.js\");\nrequire(\"./location-info.9f59aad3.js\");\nrequire(\"./expansion-panel.1553938f.js\");\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;\nvar $98cdcb2099c80b13$exports = {};\n$98cdcb2099c80b13$exports = new URL(\"context-panel.7c2f42c9.js\", \"file:\" + __filename).toString();\n\n\nvar $8b2849cf2ef954b4$exports = {};\n$8b2849cf2ef954b4$exports = new URL(\"location-panel.d22d21fa.js\", \"file:\" + __filename).toString();\n\n\nvar $4aea815117692f31$exports = {};\n$4aea815117692f31$exports = new URL(\"dev.15b4cdb0.js\", \"file:\" + __filename).toString();\n\n\nparcelRequire(\"lw3Ik\");\nparcelRequire(\"5bvtL\");\nparcelRequire(\"cL8YF\");\nparcelRequire(\"7CmOU\");\nparcelRequire(\"R3my3\");\nparcelRequire(\"66CcX\");\nparcelRequire(\"e9x7B\");\n\n\n//# sourceMappingURL=index.js.map\n","export * from \"./context-panel\";\nexport * from \"./location-panel\";\nexport * from \"./dev\";\nexport * from \"./container\";\nexport * from \"./map-view\";\nexport * from \"./controls\";\nexport * from \"./helpers\";\nexport * from \"./utils\";\nexport * from \"./location-info\";\nexport * from \"./expansion-panel\";\n","module.exports = new __parcel__URL__(\"context-panel.7c2f42c9.js\").toString();","module.exports = new __parcel__URL__(\"location-panel.d22d21fa.js\").toString();","module.exports = new __parcel__URL__(\"dev.15b4cdb0.js\").toString();"],"names":["require","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","URL","__filename","toString"],"version":3,"file":"index.js.map","sourceRoot":"../../../../"}
+{"mappings":"A,Q,gD,Q,iD,Q,sC,Q,4C,Q,2C,Q,2C,Q,0C,Q,wC,Q,gD,Q,kD,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,6CAAA,QAAA,YAA8C,QAAQ,GCA1E,IAAA,IAAoB,8CAAA,QAAA,YAA+C,QAAQ,GCA3E,IAAA,IAAoB,mCAAA,QAAA,YAAoC,QAAQ,G,E,S,E,S,E,S,E,S,E,S,E,S,E","sources":["<anon>","packages/map-interface/src/index.ts","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-236b755256a6c7a4.js","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-6b95ac51dd58ea56.js","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-d1ee864570c44cc4.js"],"sourcesContent":["require(\"./context-panel.7c2f42c9.js\");\nrequire(\"./location-panel.c39983e3.js\");\nrequire(\"./dev.ee1e89e9.js\");\nrequire(\"./container.abd6f0d2.js\");\nrequire(\"./map-view.c6746dca.js\");\nrequire(\"./controls.ffb44307.js\");\nrequire(\"./helpers.6bda171f.js\");\nrequire(\"./utils.dd92f725.js\");\nrequire(\"./location-info.9f59aad3.js\");\nrequire(\"./expansion-panel.62240ee3.js\");\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;\nvar $98cdcb2099c80b13$exports = {};\n$98cdcb2099c80b13$exports = new URL(\"context-panel.7c2f42c9.js\", \"file:\" + __filename).toString();\n\n\nvar $8b2849cf2ef954b4$exports = {};\n$8b2849cf2ef954b4$exports = new URL(\"location-panel.c39983e3.js\", \"file:\" + __filename).toString();\n\n\nvar $4aea815117692f31$exports = {};\n$4aea815117692f31$exports = new URL(\"dev.ee1e89e9.js\", \"file:\" + __filename).toString();\n\n\nparcelRequire(\"lw3Ik\");\nparcelRequire(\"5bvtL\");\nparcelRequire(\"cL8YF\");\nparcelRequire(\"7CmOU\");\nparcelRequire(\"R3my3\");\nparcelRequire(\"66CcX\");\nparcelRequire(\"e9x7B\");\n\n\n//# sourceMappingURL=index.js.map\n","export * from \"./context-panel\";\nexport * from \"./location-panel\";\nexport * from \"./dev\";\nexport * from \"./container\";\nexport * from \"./map-view\";\nexport * from \"./controls\";\nexport * from \"./helpers\";\nexport * from \"./utils\";\nexport * from \"./location-info\";\nexport * from \"./expansion-panel\";\n","module.exports = new __parcel__URL__(\"context-panel.7c2f42c9.js\").toString();","module.exports = new __parcel__URL__(\"location-panel.c39983e3.js\").toString();","module.exports = new __parcel__URL__(\"dev.ee1e89e9.js\").toString();"],"names":["require","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","URL","__filename","toString"],"version":3,"file":"index.js.map","sourceRoot":"../../../../"}

package/dist/node/{location-panel.d22d21fa.js → location-panel.c39983e3.js}

@@ -1,2 +1,2 @@
-require("./header.5f15d599.js"),require("./main.module.2cc98713.css"),require("./main.module.d4e98e60.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.5f15d599.js","file:"+__filename).toString();var c=t("2UJTP");new URL("container.abd6f0d2.js","file:"+__filename).toString(),r(e).styled(r(c));
-//# sourceMappingURL=location-panel.d22d21fa.js.map
+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));
+//# sourceMappingURL=location-panel.c39983e3.js.map

package/dist/node/location-panel.c39983e3.js.map

@@ -0,0 +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":"../../../../"}

package/dist/node/main.module.2d51c752.css

@@ -0,0 +1,2 @@
+.panel-subhead_1340c8{border:1px solid var(--panel-rule-color);border-bottom:1px solid var(--panel-rule-color);background-color:var(--accent-color);z-index:1;align-items:center;gap:var(--panel-header-gap,.5rem);min-height:var(--panel-header-height,40px);flex-direction:row;padding:0 1rem;display:flex;position:sticky;top:-1px}.panel-subhead_1340c8 h1,.panel-subhead_1340c8 h2,.panel-subhead_1340c8 h3,.panel-subhead_1340c8 h4{margin:0;font-family:Montserrat,sans-serif;font-weight:700}.panel-subhead_1340c8 h4{font-weight:600}.panel-subhead_1340c8 .title_1340c8{flex-grow:1}.panel-subhead_1340c8 .expansion-panel-icon_1340c8{margin-right:-.35em}.info-panel-section_1340c8>.panel-subhead_1340c8{margin:-1px calc(var(--panel-padding-h)*-1)0}.expansion-panel_1340c8{flex-wrap:wrap;margin-top:-1px;padding:0}.sub-expansion-panel_1340c8{margin:-1px calc(var(--panel-padding-h)*-.5)0;overflow:hidden}.sub-expansion-panel_1340c8:first-child .expansion-panel-header_1340c8{border-top-width:0}.sub-expansion-panel_1340c8 .panel-subhead_1340c8{border-top:none;border-bottom:none}.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8{background-color:var(--accent-secondary-color);cursor:pointer;padding:0 1rem}.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8:hover{background-color:var(--accent-secondary-hover-color)}.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h2,.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h3,.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h4{border-bottom:1px solid var(--tertiary-border-color);border-top:1px solid var(--tertiary-border-color);align-items:center;font-weight:500}.expansion-summary-title-help_1340c8,.expansion-summary-title-help_1340c8 .bp5-icon{margin-left:5px}.expansion-panel-header_1340c8{cursor:pointer}.expansion-panel-header_1340c8:hover{background-color:var(--accent-hover-color)}.expansion-panel-header_1340c8 .bp5-icon{transform:translateY(3px)}.expansion-children_1340c8{padding:0 1rem}.expansion-children_1340c8 .expansion-panel_1340c8{margin-left:-1rem;margin-right:-1rem}.expansion-children_1340c8 .expansion-panel_1340c8:first-child{margin-top:0}.expansion-children_1340c8>:first-child{margin-top:1rem}.expansion-children_1340c8>:last-child{margin-bottom:1rem}.expansion-panel-subtext_1340c8{font-size:85%;font-weight:400}.expansion-panel-root{padding-left:15px!important}.expansion-panel-detail{padding:0!important;display:block!important}.expansion-panel-detail-sub{display:block!important}.expandable-details-main_1340c8{flex-direction:row;justify-content:space-between;align-items:center;margin:3px 0;display:flex}.expandable-details-header_1340c8{flex-direction:row;flex-grow:1;align-items:baseline;display:inline-flex}.expandable-details-children_1340c8{position:relative}.expandable-details-toggle_1340c8 .bp5-button{font-size:10px}.expandable-details_1340c8.macrostrat-unit_1340c8 .title_1340c8:after{content:none}.expandable-details_1340c8 .title_1340c8{margin-right:1em}.expandable-details_1340c8 .title_1340c8:after{content:":"}.expansion-body_1340c8{background-color:var(--tertiary-background);border-radius:4px;align-items:baseline;width:100%;margin-bottom:6px;padding:2px 6px;display:inline-block;box-shadow:0 1px 2px 1px #0003}.expansion-panel-detail-header_1340c8{color:var(--secondary-color);margin-right:1em;font-size:90%;font-style:italic;display:inline}.expansion-panel-detail-header_1340c8:after{content:":"}.expansion-panel-detail-body_1340c8{display:inline}
+/*# sourceMappingURL=main.module.2d51c752.css.map */

package/dist/node/main.module.2d51c752.css.map

@@ -0,0 +1 @@
+{"mappings":"ACCA,sUAaE,+JAIA,yCAEA,gDAGA,uE,8F,iEAaA,0FAMA,0FAGE,qFAGA,wIAKA,sHAGA,oUAKE,oG,8C,gFASJ,mEAEE,0CAEA,wFAGF,4EAEE,wDAEA,0DAEF,8DAGE,kDAIJ,oE,oD,8H,0GAoBE,sD,6DAKA,mF,0DAKA,2DAGA,2MASE,mIAOF,wDAGA","sources":["main.module.2d51c752.css","packages/map-interface/src/expansion-panel/main.module.sass"],"sourcesContent":[".panel-subhead_1340c8 {\n  border: 1px solid var(--panel-rule-color);\n  border-bottom: 1px solid var(--panel-rule-color);\n  background-color: var(--accent-color);\n  z-index: 1;\n  align-items: center;\n  gap: var(--panel-header-gap, .5rem);\n  min-height: var(--panel-header-height, 40px);\n  flex-direction: row;\n  padding: 0 1rem;\n  display: flex;\n  position: sticky;\n  top: -1px;\n}\n\n.panel-subhead_1340c8 h1, .panel-subhead_1340c8 h2, .panel-subhead_1340c8 h3, .panel-subhead_1340c8 h4 {\n  margin: 0;\n  font-family: Montserrat, sans-serif;\n  font-weight: 700;\n}\n\n.panel-subhead_1340c8 h4 {\n  font-weight: 600;\n}\n\n.panel-subhead_1340c8 .title_1340c8 {\n  flex-grow: 1;\n}\n\n.panel-subhead_1340c8 .expansion-panel-icon_1340c8 {\n  margin-right: -.35em;\n}\n\n.info-panel-section_1340c8 > .panel-subhead_1340c8 {\n  margin: -1px calc(var(--panel-padding-h) * -1) 0;\n}\n\n.expansion-panel_1340c8 {\n  flex-wrap: wrap;\n  margin-top: -1px;\n  padding: 0;\n}\n\n.sub-expansion-panel_1340c8 {\n  margin: -1px calc(var(--panel-padding-h) * -.5) 0;\n  overflow: hidden;\n}\n\n.sub-expansion-panel_1340c8:first-child .expansion-panel-header_1340c8 {\n  border-top-width: 0;\n}\n\n.sub-expansion-panel_1340c8 .panel-subhead_1340c8 {\n  border-top: none;\n  border-bottom: none;\n}\n\n.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 {\n  background-color: var(--accent-secondary-color);\n  cursor: pointer;\n  padding: 0 1rem;\n}\n\n.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8:hover {\n  background-color: var(--accent-secondary-hover-color);\n}\n\n.sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h2, .sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h3, .sub-expansion-panel_1340c8 .expansion-panel-header_1340c8 h4 {\n  border-bottom: 1px solid var(--tertiary-border-color);\n  border-top: 1px solid var(--tertiary-border-color);\n  align-items: center;\n  font-weight: 500;\n}\n\n.expansion-summary-title-help_1340c8, .expansion-summary-title-help_1340c8 .bp5-icon {\n  margin-left: 5px;\n}\n\n.expansion-panel-header_1340c8 {\n  cursor: pointer;\n}\n\n.expansion-panel-header_1340c8:hover {\n  background-color: var(--accent-hover-color);\n}\n\n.expansion-panel-header_1340c8 .bp5-icon {\n  transform: translate(0, 3px);\n}\n\n.expansion-children_1340c8 {\n  padding: 0 1rem;\n}\n\n.expansion-children_1340c8 .expansion-panel_1340c8 {\n  margin-left: -1rem;\n  margin-right: -1rem;\n}\n\n.expansion-children_1340c8 .expansion-panel_1340c8:first-child {\n  margin-top: 0;\n}\n\n.expansion-children_1340c8 > :first-child {\n  margin-top: 1rem;\n}\n\n.expansion-children_1340c8 > :last-child {\n  margin-bottom: 1rem;\n}\n\n.expansion-panel-subtext_1340c8 {\n  font-size: 85%;\n  font-weight: 400;\n}\n\n.expansion-panel-root {\n  padding-left: 15px !important;\n}\n\n.expansion-panel-detail {\n  padding: 0 !important;\n  display: block !important;\n}\n\n.expansion-panel-detail-sub {\n  display: block !important;\n}\n\n.expandable-details-main_1340c8 {\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  margin: 3px 0;\n  display: flex;\n}\n\n.expandable-details-header_1340c8 {\n  flex-direction: row;\n  flex-grow: 1;\n  align-items: baseline;\n  display: inline-flex;\n}\n\n.expandable-details-children_1340c8 {\n  position: relative;\n}\n\n.expandable-details-toggle_1340c8 .bp5-button {\n  font-size: 10px;\n}\n\n.expandable-details_1340c8.macrostrat-unit_1340c8 .title_1340c8:after {\n  content: none;\n}\n\n.expandable-details_1340c8 .title_1340c8 {\n  margin-right: 1em;\n}\n\n.expandable-details_1340c8 .title_1340c8:after {\n  content: \":\";\n}\n\n.expansion-body_1340c8 {\n  background-color: var(--tertiary-background);\n  border-radius: 4px;\n  align-items: baseline;\n  width: 100%;\n  margin-bottom: 6px;\n  padding: 2px 6px;\n  display: inline-block;\n  box-shadow: 0 1px 2px 1px #0003;\n}\n\n.expansion-panel-detail-header_1340c8 {\n  color: var(--secondary-color);\n  margin-right: 1em;\n  font-size: 90%;\n  font-style: italic;\n  display: inline;\n}\n\n.expansion-panel-detail-header_1340c8:after {\n  content: \":\";\n}\n\n.expansion-panel-detail-body_1340c8 {\n  display: inline;\n}\n/*# sourceMappingURL=main.module.2d51c752.css.map */\n","\n.panel-subhead\n  padding: 0 1rem\n  border: 1px solid var(--panel-rule-color)\n  border-bottom: 1px solid var(--panel-rule-color)\n  background-color: var(--accent-color)\n  display: flex\n  flex-direction: row\n  align-items: center\n  z-index: 1\n  gap: var(--panel-header-gap, 0.5rem)\n  top: -1px\n  position: sticky\n  min-height: var(--panel-header-height, 40px)\n  h1, h2, h3, h4\n    font-family: Montserrat,sans-serif\n    font-weight: 700\n    margin: 0\n  h4\n    font-weight: 600\n  .title\n    flex-grow: 1\n\n  .expansion-panel-icon\n    margin-right: -0.35em\n\n// :global(.bp5-dark) .panel-subhead\n//   margin 0 1px\n\n.info-panel-section\n  &>.panel-subhead\n    margin: -1px calc(var(--panel-padding-h) * -1) 0\n\n.expansion-panel\n  padding: 0\n  flex-wrap: wrap\n  margin-top: -1px\n  // &.collapsed\n  //   .expansion-panel-header\n  //     border-bottom-width: 0;\n\n.sub-expansion-panel\n  margin: -1px calc(var(--panel-padding-h) * -0.5) 0\n  overflow: hidden\n  &:first-child\n    .expansion-panel-header\n      border-top-width: 0\n  .panel-subhead\n    border-top: none\n    border-bottom: none\n\n  .expansion-panel-header\n    background-color: var(--accent-secondary-color)\n    cursor: pointer\n    padding: 0 1rem\n\n    &:hover\n      background-color: var(--accent-secondary-hover-color)\n    h2, h3, h4\n      font-weight: 500\n      border-bottom: 1px solid var(--tertiary-border-color)\n      border-top: 1px solid var(--tertiary-border-color)\n      align-items: center\n\n.expansion-summary-title-help\n  margin-left: 5px\n  :global(.bp5-icon)\n    margin-left: 5px\n\n.expansion-panel-header\n  cursor: pointer\n  &:hover\n    background-color: var(--accent-hover-color)\n  :global(.bp5-icon)\n    transform: translate(0,3px)\n\n.expansion-children\n  padding: 0 1rem\n  .expansion-panel\n    margin-left: -1rem\n    margin-right: -1rem\n    &:first-child\n      margin-top: 0\n  &>:first-child\n    margin-top: 1rem\n  &>:last-child\n    margin-bottom: 1rem\n\n\n\n.expansion-panel-subtext\n  font-size: 85%\n  font-weight: 400\n\n:global\n  .expansion-panel-root\n    padding-left: 15px !important\n\n  .expansion-panel-detail\n    display: block !important\n    padding: 0 !important\n\n  .expansion-panel-detail-sub\n    display: block !important\n\n// New expandable panel for details\n.expandable-details-main\n  display: flex\n  flex-direction: row\n  align-items: center\n  justify-content: space-between\n  margin: 3px 0\n\n.expandable-details-header\n  display: inline-flex\n  flex-direction: row\n  align-items: baseline\n  flex-grow: 1\n\n.expandable-details-children\n  position: relative\n\n.expandable-details-toggle\n  :global(.bp5-button)\n    font-size: 10px\n\n.expandable-details\n  &.macrostrat-unit\n    .title:after\n      content: none\n  .title\n    margin-right: 1em\n    &:after\n      content: \":\"\n\n.expansion-body\n  display: inline-block\n  //flex-direction row\n  align-items: baseline\n  background-color: var(--tertiary-background)\n  padding: 2px 6px\n  border-radius: 4px\n  width: 100%\n  box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2)\n  margin-bottom: 6px\n\n.expansion-panel-detail-header\n  font-size: 90%\n  font-style: italic\n  margin-right: 1em\n  display: inline\n  color: var(--secondary-color)\n  &:after\n    content: \":\"\n\n.expansion-panel-detail-body\n  display: inline\n"],"names":[],"version":3,"file":"main.module.2d51c752.css.map","sourceRoot":"../../../../"}

package/dist/node/main.module.3a8fef67.js

@@ -0,0 +1,2 @@
+var e,o,r,t,a,n,d,i,l,p,s;function u(e,o,r,t){Object.defineProperty(e,o,{get:r,set:t,enumerable:!0,configurable:!0})}u(module.exports,"copy-link-button",()=>e,o=>e=o),u(module.exports,"fixed-height",()=>o,e=>o=e),u(module.exports,"infodrawer",()=>r,e=>r=e),u(module.exports,"infodrawer-body",()=>t,e=>t=e),u(module.exports,"infodrawer-contents",()=>a,e=>a=e),u(module.exports,"infodrawer-header-item",()=>n,e=>n=e),u(module.exports,"left-icon",()=>d,e=>d=e),u(module.exports,"loading",()=>i,e=>i=e),u(module.exports,"location-panel-header",()=>l,e=>l=e),u(module.exports,"position-controls",()=>p,e=>p=e),u(module.exports,"spacer",()=>s,e=>s=e),e="VPa3-W_copy-link-button",o="VPa3-W_fixed-height",r="VPa3-W_infodrawer",t="VPa3-W_infodrawer-body",a="VPa3-W_infodrawer-contents",n="VPa3-W_infodrawer-header-item",d="VPa3-W_left-icon",i="VPa3-W_loading",l="VPa3-W_location-panel-header",p="VPa3-W_position-controls",s="VPa3-W_spacer";
+//# sourceMappingURL=main.module.3a8fef67.js.map

package/dist/node/main.module.3a8fef67.js.map

@@ -0,0 +1 @@
+{"mappings":"ICAA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,E,S,E,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,E,O,O,C,mB,I,E,A,G,E,G,E,O,O,C,e,I,E,A,G,E,G,E,O,O,C,a,I,E,A,G,E,G,E,O,O,C,kB,I,E,A,G,E,G,E,O,O,C,sB,I,E,A,G,E,G,E,O,O,C,yB,I,E,A,G,E,G,E,O,O,C,Y,I,E,A,G,E,G,E,O,O,C,U,I,E,A,G,E,G,E,O,O,C,wB,I,E,A,G,E,G,E,O,O,C,oB,I,E,A,G,E,G,E,O,O,C,S,I,E,A,G,E,GAVA,EAAqC,0BACrC,EAAiC,sBACjC,EAA+B,oBAC/B,EAAoC,yBACpC,EAAwC,6BACxC,EAA2C,gCAC3C,EAA8B,mBAC9B,EAA4B,iBAC5B,EAA0C,+BAC1C,EAAsC,2BACtC,EAA2B","sources":["<anon>","packages/map-interface/src/location-panel/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, \"copy-link-button\", () => $21f46a627a0c0fff$export$d1352d0c31a65024, (v) => $21f46a627a0c0fff$export$d1352d0c31a65024 = v);\n$parcel$export(module.exports, \"fixed-height\", () => $21f46a627a0c0fff$export$72a4dfebf360a7ad, (v) => $21f46a627a0c0fff$export$72a4dfebf360a7ad = v);\n$parcel$export(module.exports, \"infodrawer\", () => $21f46a627a0c0fff$export$b5017f7ff265217d, (v) => $21f46a627a0c0fff$export$b5017f7ff265217d = v);\n$parcel$export(module.exports, \"infodrawer-body\", () => $21f46a627a0c0fff$export$310e8f86a84c074f, (v) => $21f46a627a0c0fff$export$310e8f86a84c074f = v);\n$parcel$export(module.exports, \"infodrawer-contents\", () => $21f46a627a0c0fff$export$69ed3ba502fbf15b, (v) => $21f46a627a0c0fff$export$69ed3ba502fbf15b = v);\n$parcel$export(module.exports, \"infodrawer-header-item\", () => $21f46a627a0c0fff$export$333d72514239bce8, (v) => $21f46a627a0c0fff$export$333d72514239bce8 = v);\n$parcel$export(module.exports, \"left-icon\", () => $21f46a627a0c0fff$export$f750577db09821ce, (v) => $21f46a627a0c0fff$export$f750577db09821ce = v);\n$parcel$export(module.exports, \"loading\", () => $21f46a627a0c0fff$export$46c1c92549715335, (v) => $21f46a627a0c0fff$export$46c1c92549715335 = v);\n$parcel$export(module.exports, \"location-panel-header\", () => $21f46a627a0c0fff$export$d821beb98a87c6d7, (v) => $21f46a627a0c0fff$export$d821beb98a87c6d7 = v);\n$parcel$export(module.exports, \"position-controls\", () => $21f46a627a0c0fff$export$dfae07a3bf0fbd6, (v) => $21f46a627a0c0fff$export$dfae07a3bf0fbd6 = v);\n$parcel$export(module.exports, \"spacer\", () => $21f46a627a0c0fff$export$8cc075c801fd6817, (v) => $21f46a627a0c0fff$export$8cc075c801fd6817 = v);\nvar $21f46a627a0c0fff$export$d1352d0c31a65024;\nvar $21f46a627a0c0fff$export$72a4dfebf360a7ad;\nvar $21f46a627a0c0fff$export$b5017f7ff265217d;\nvar $21f46a627a0c0fff$export$310e8f86a84c074f;\nvar $21f46a627a0c0fff$export$69ed3ba502fbf15b;\nvar $21f46a627a0c0fff$export$333d72514239bce8;\nvar $21f46a627a0c0fff$export$f750577db09821ce;\nvar $21f46a627a0c0fff$export$46c1c92549715335;\nvar $21f46a627a0c0fff$export$d821beb98a87c6d7;\nvar $21f46a627a0c0fff$export$dfae07a3bf0fbd6;\nvar $21f46a627a0c0fff$export$8cc075c801fd6817;\n$21f46a627a0c0fff$export$d1352d0c31a65024 = `VPa3-W_copy-link-button`;\n$21f46a627a0c0fff$export$72a4dfebf360a7ad = `VPa3-W_fixed-height`;\n$21f46a627a0c0fff$export$b5017f7ff265217d = `VPa3-W_infodrawer`;\n$21f46a627a0c0fff$export$310e8f86a84c074f = `VPa3-W_infodrawer-body`;\n$21f46a627a0c0fff$export$69ed3ba502fbf15b = `VPa3-W_infodrawer-contents`;\n$21f46a627a0c0fff$export$333d72514239bce8 = `VPa3-W_infodrawer-header-item`;\n$21f46a627a0c0fff$export$f750577db09821ce = `VPa3-W_left-icon`;\n$21f46a627a0c0fff$export$46c1c92549715335 = `VPa3-W_loading`;\n$21f46a627a0c0fff$export$d821beb98a87c6d7 = `VPa3-W_location-panel-header`;\n$21f46a627a0c0fff$export$dfae07a3bf0fbd6 = `VPa3-W_position-controls`;\n$21f46a627a0c0fff$export$8cc075c801fd6817 = `VPa3-W_spacer`;\n\n\n//# sourceMappingURL=main.module.3a8fef67.js.map\n",null],"names":["$21f46a627a0c0fff$export$d1352d0c31a65024","$21f46a627a0c0fff$export$72a4dfebf360a7ad","$21f46a627a0c0fff$export$b5017f7ff265217d","$21f46a627a0c0fff$export$310e8f86a84c074f","$21f46a627a0c0fff$export$69ed3ba502fbf15b","$21f46a627a0c0fff$export$333d72514239bce8","$21f46a627a0c0fff$export$f750577db09821ce","$21f46a627a0c0fff$export$46c1c92549715335","$21f46a627a0c0fff$export$d821beb98a87c6d7","$21f46a627a0c0fff$export$dfae07a3bf0fbd6","$21f46a627a0c0fff$export$8cc075c801fd6817","$parcel$export","e","n","v","s","Object","defineProperty","get","set","enumerable","configurable","module","exports"],"version":3,"file":"main.module.3a8fef67.js.map","sourceRoot":"../../../../"}

package/dist/node/main.module.5d5ab665.js

@@ -0,0 +1,2 @@
+var e,a,n,l,o,p,s,d,t,i,x,r,c,u,m,b,_,h,y;function g(e,a,n,l){Object.defineProperty(e,a,{get:n,set:l,enumerable:!0,configurable:!0})}g(module.exports,"panel-subhead",()=>e,a=>e=a),g(module.exports,"title",()=>a,e=>a=e),g(module.exports,"expansion-panel-icon",()=>n,e=>n=e),g(module.exports,"info-panel-section",()=>l,e=>l=e),g(module.exports,"expansion-panel",()=>o,e=>o=e),g(module.exports,"sub-expansion-panel",()=>p,e=>p=e),g(module.exports,"expansion-panel-header",()=>s,e=>s=e),g(module.exports,"expansion-summary-title-help",()=>d,e=>d=e),g(module.exports,"expansion-children",()=>t,e=>t=e),g(module.exports,"expansion-panel-subtext",()=>i,e=>i=e),g(module.exports,"expandable-details-main",()=>x,e=>x=e),g(module.exports,"expandable-details-header",()=>r,e=>r=e),g(module.exports,"expandable-details-children",()=>c,e=>c=e),g(module.exports,"expandable-details-toggle",()=>u,e=>u=e),g(module.exports,"expandable-details",()=>m,e=>m=e),g(module.exports,"macrostrat-unit",()=>b,e=>b=e),g(module.exports,"expansion-body",()=>_,e=>_=e),g(module.exports,"expansion-panel-detail-header",()=>h,e=>h=e),g(module.exports,"expansion-panel-detail-body",()=>y,e=>y=e),e="panel-subhead_1340c8",a="title_1340c8",n="expansion-panel-icon_1340c8",l="info-panel-section_1340c8",o="expansion-panel_1340c8",p="sub-expansion-panel_1340c8",s="expansion-panel-header_1340c8",d="expansion-summary-title-help_1340c8",t="expansion-children_1340c8",i="expansion-panel-subtext_1340c8",x="expandable-details-main_1340c8",r="expandable-details-header_1340c8",c="expandable-details-children_1340c8",u="expandable-details-toggle_1340c8",m="expandable-details_1340c8",b="macrostrat-unit_1340c8",_="expansion-body_1340c8",h="expansion-panel-detail-header_1340c8",y="expansion-panel-detail-body_1340c8";
+//# sourceMappingURL=main.module.5d5ab665.js.map

package/dist/node/main.module.5d5ab665.js.map

@@ -0,0 +1 @@
+{"mappings":"ICAA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,E,S,E,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,E,O,O,C,gB,I,E,A,G,E,G,E,O,O,C,Q,I,E,A,G,E,G,E,O,O,C,uB,I,E,A,G,E,G,E,O,O,C,qB,I,E,A,G,E,G,E,O,O,C,kB,I,E,A,G,E,G,E,O,O,C,sB,I,E,A,G,E,G,E,O,O,C,yB,I,E,A,G,E,G,E,O,O,C,+B,I,E,A,G,E,G,E,O,O,C,qB,I,E,A,G,E,G,E,O,O,C,0B,I,E,A,G,E,G,E,O,O,C,0B,I,E,A,G,E,G,E,O,O,C,4B,I,E,A,G,E,G,E,O,O,C,8B,I,E,A,G,E,G,E,O,O,C,4B,I,E,A,G,E,G,E,O,O,C,qB,I,E,A,G,E,G,E,O,O,C,kB,I,E,A,G,E,G,E,O,O,C,iB,I,E,A,G,E,G,E,O,O,C,gC,I,E,A,G,E,G,E,O,O,C,8B,I,E,A,G,E,GAlBA,EAAkC,uBAClC,EAA0B,eAC1B,EAAyC,8BACzC,EAAuC,4BACvC,EAAoC,yBACpC,EAAwC,6BACxC,EAA2C,gCAC3C,EAAiD,sCACjD,EAAuC,4BACvC,EAA4C,iCAC5C,EAA4C,iCAC5C,EAA8C,mCAC9C,EAAgD,qCAChD,EAA8C,mCAC9C,EAAuC,4BACvC,EAAoC,yBACpC,EAAmC,wBACnC,EAAkD,uCAClD,EAAgD","sources":["<anon>","packages/map-interface/src/expansion-panel/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, \"panel-subhead\", () => $90b20554cfc8cdc8$export$bb6008c7ec506dc5, (v) => $90b20554cfc8cdc8$export$bb6008c7ec506dc5 = v);\n$parcel$export(module.exports, \"title\", () => $90b20554cfc8cdc8$export$fb184b623420d9be, (v) => $90b20554cfc8cdc8$export$fb184b623420d9be = v);\n$parcel$export(module.exports, \"expansion-panel-icon\", () => $90b20554cfc8cdc8$export$671c97197a62283c, (v) => $90b20554cfc8cdc8$export$671c97197a62283c = v);\n$parcel$export(module.exports, \"info-panel-section\", () => $90b20554cfc8cdc8$export$198bd65f1c7a5309, (v) => $90b20554cfc8cdc8$export$198bd65f1c7a5309 = v);\n$parcel$export(module.exports, \"expansion-panel\", () => $90b20554cfc8cdc8$export$1db06abc8684077f, (v) => $90b20554cfc8cdc8$export$1db06abc8684077f = v);\n$parcel$export(module.exports, \"sub-expansion-panel\", () => $90b20554cfc8cdc8$export$e1943f56d410f24c, (v) => $90b20554cfc8cdc8$export$e1943f56d410f24c = v);\n$parcel$export(module.exports, \"expansion-panel-header\", () => $90b20554cfc8cdc8$export$771f363b9f663d2c, (v) => $90b20554cfc8cdc8$export$771f363b9f663d2c = v);\n$parcel$export(module.exports, \"expansion-summary-title-help\", () => $90b20554cfc8cdc8$export$47b2fa26e88e0093, (v) => $90b20554cfc8cdc8$export$47b2fa26e88e0093 = v);\n$parcel$export(module.exports, \"expansion-children\", () => $90b20554cfc8cdc8$export$d8457cb7ae0c47fd, (v) => $90b20554cfc8cdc8$export$d8457cb7ae0c47fd = v);\n$parcel$export(module.exports, \"expansion-panel-subtext\", () => $90b20554cfc8cdc8$export$f3447611ed163f53, (v) => $90b20554cfc8cdc8$export$f3447611ed163f53 = v);\n$parcel$export(module.exports, \"expandable-details-main\", () => $90b20554cfc8cdc8$export$561f0c2134cd9732, (v) => $90b20554cfc8cdc8$export$561f0c2134cd9732 = v);\n$parcel$export(module.exports, \"expandable-details-header\", () => $90b20554cfc8cdc8$export$ec357a59e90ee7ee, (v) => $90b20554cfc8cdc8$export$ec357a59e90ee7ee = v);\n$parcel$export(module.exports, \"expandable-details-children\", () => $90b20554cfc8cdc8$export$ae8d16cb87fbdc31, (v) => $90b20554cfc8cdc8$export$ae8d16cb87fbdc31 = v);\n$parcel$export(module.exports, \"expandable-details-toggle\", () => $90b20554cfc8cdc8$export$1089a6d45649b54c, (v) => $90b20554cfc8cdc8$export$1089a6d45649b54c = v);\n$parcel$export(module.exports, \"expandable-details\", () => $90b20554cfc8cdc8$export$20a01d7b55fba18b, (v) => $90b20554cfc8cdc8$export$20a01d7b55fba18b = v);\n$parcel$export(module.exports, \"macrostrat-unit\", () => $90b20554cfc8cdc8$export$fcdb9e479e3129ed, (v) => $90b20554cfc8cdc8$export$fcdb9e479e3129ed = v);\n$parcel$export(module.exports, \"expansion-body\", () => $90b20554cfc8cdc8$export$2d112e83849a3cf7, (v) => $90b20554cfc8cdc8$export$2d112e83849a3cf7 = v);\n$parcel$export(module.exports, \"expansion-panel-detail-header\", () => $90b20554cfc8cdc8$export$854d9fad3b5263eb, (v) => $90b20554cfc8cdc8$export$854d9fad3b5263eb = v);\n$parcel$export(module.exports, \"expansion-panel-detail-body\", () => $90b20554cfc8cdc8$export$494f9067c39d24ef, (v) => $90b20554cfc8cdc8$export$494f9067c39d24ef = v);\nvar $90b20554cfc8cdc8$export$bb6008c7ec506dc5;\nvar $90b20554cfc8cdc8$export$fb184b623420d9be;\nvar $90b20554cfc8cdc8$export$671c97197a62283c;\nvar $90b20554cfc8cdc8$export$198bd65f1c7a5309;\nvar $90b20554cfc8cdc8$export$1db06abc8684077f;\nvar $90b20554cfc8cdc8$export$e1943f56d410f24c;\nvar $90b20554cfc8cdc8$export$771f363b9f663d2c;\nvar $90b20554cfc8cdc8$export$47b2fa26e88e0093;\nvar $90b20554cfc8cdc8$export$d8457cb7ae0c47fd;\nvar $90b20554cfc8cdc8$export$f3447611ed163f53;\nvar $90b20554cfc8cdc8$export$561f0c2134cd9732;\nvar $90b20554cfc8cdc8$export$ec357a59e90ee7ee;\nvar $90b20554cfc8cdc8$export$ae8d16cb87fbdc31;\nvar $90b20554cfc8cdc8$export$1089a6d45649b54c;\nvar $90b20554cfc8cdc8$export$20a01d7b55fba18b;\nvar $90b20554cfc8cdc8$export$fcdb9e479e3129ed;\nvar $90b20554cfc8cdc8$export$2d112e83849a3cf7;\nvar $90b20554cfc8cdc8$export$854d9fad3b5263eb;\nvar $90b20554cfc8cdc8$export$494f9067c39d24ef;\n$90b20554cfc8cdc8$export$bb6008c7ec506dc5 = \"panel-subhead_1340c8\";\n$90b20554cfc8cdc8$export$fb184b623420d9be = \"title_1340c8\";\n$90b20554cfc8cdc8$export$671c97197a62283c = \"expansion-panel-icon_1340c8\";\n$90b20554cfc8cdc8$export$198bd65f1c7a5309 = \"info-panel-section_1340c8\";\n$90b20554cfc8cdc8$export$1db06abc8684077f = \"expansion-panel_1340c8\";\n$90b20554cfc8cdc8$export$e1943f56d410f24c = \"sub-expansion-panel_1340c8\";\n$90b20554cfc8cdc8$export$771f363b9f663d2c = \"expansion-panel-header_1340c8\";\n$90b20554cfc8cdc8$export$47b2fa26e88e0093 = \"expansion-summary-title-help_1340c8\";\n$90b20554cfc8cdc8$export$d8457cb7ae0c47fd = \"expansion-children_1340c8\";\n$90b20554cfc8cdc8$export$f3447611ed163f53 = \"expansion-panel-subtext_1340c8\";\n$90b20554cfc8cdc8$export$561f0c2134cd9732 = \"expandable-details-main_1340c8\";\n$90b20554cfc8cdc8$export$ec357a59e90ee7ee = \"expandable-details-header_1340c8\";\n$90b20554cfc8cdc8$export$ae8d16cb87fbdc31 = \"expandable-details-children_1340c8\";\n$90b20554cfc8cdc8$export$1089a6d45649b54c = \"expandable-details-toggle_1340c8\";\n$90b20554cfc8cdc8$export$20a01d7b55fba18b = \"expandable-details_1340c8\";\n$90b20554cfc8cdc8$export$fcdb9e479e3129ed = \"macrostrat-unit_1340c8\";\n$90b20554cfc8cdc8$export$2d112e83849a3cf7 = \"expansion-body_1340c8\";\n$90b20554cfc8cdc8$export$854d9fad3b5263eb = \"expansion-panel-detail-header_1340c8\";\n$90b20554cfc8cdc8$export$494f9067c39d24ef = \"expansion-panel-detail-body_1340c8\";\n\n\n//# sourceMappingURL=main.module.5d5ab665.js.map\n",null],"names":["$90b20554cfc8cdc8$export$bb6008c7ec506dc5","$90b20554cfc8cdc8$export$fb184b623420d9be","$90b20554cfc8cdc8$export$671c97197a62283c","$90b20554cfc8cdc8$export$198bd65f1c7a5309","$90b20554cfc8cdc8$export$1db06abc8684077f","$90b20554cfc8cdc8$export$e1943f56d410f24c","$90b20554cfc8cdc8$export$771f363b9f663d2c","$90b20554cfc8cdc8$export$47b2fa26e88e0093","$90b20554cfc8cdc8$export$d8457cb7ae0c47fd","$90b20554cfc8cdc8$export$f3447611ed163f53","$90b20554cfc8cdc8$export$561f0c2134cd9732","$90b20554cfc8cdc8$export$ec357a59e90ee7ee","$90b20554cfc8cdc8$export$ae8d16cb87fbdc31","$90b20554cfc8cdc8$export$1089a6d45649b54c","$90b20554cfc8cdc8$export$20a01d7b55fba18b","$90b20554cfc8cdc8$export$fcdb9e479e3129ed","$90b20554cfc8cdc8$export$2d112e83849a3cf7","$90b20554cfc8cdc8$export$854d9fad3b5263eb","$90b20554cfc8cdc8$export$494f9067c39d24ef","$parcel$export","e","n","v","s","Object","defineProperty","get","set","enumerable","configurable","module","exports"],"version":3,"file":"main.module.5d5ab665.js.map","sourceRoot":"../../../../"}

package/dist/node/main.module.ba3f4a78.css

@@ -0,0 +1,2 @@
+.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)}}
+/*# sourceMappingURL=main.module.ba3f4a78.css.map */

package/dist/node/main.module.ba3f4a78.css.map

@@ -0,0 +1 @@
+{"mappings":"ACAA,+EAGE,kFAGF,0NAQE,yFAGA,6GAKA,4DAGA,6FAIA,qSAKE,2UAGJ,8CAGE,wFAIF,4LAUE,qFAME,4FAKJ,0CAEE,yDAEA,2DAIF,iHAQA,iCACE","sources":["main.module.ba3f4a78.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  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 > :last-child {\n  margin-bottom: 1rem;\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.ba3f4a78.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\n  &:global(.bp5-card)\n    padding: 0\n    background-color: var(--panel-background-color)\n\n\n  &.loading\n    .infodrawer-body\n      overflow-y: hidden\n      min-height: 70px\n\n\n.infodrawer-contents\n  padding: 0 1em\n  &>:first-child\n    margin-top: 1rem\n  &>:last-child\n    margin-bottom: 1rem\n\n// The scrollable body of the infodrawer\n.infodrawer-body\n  flex-shrink: 1\n  min-height: 0\n  transition: min-height 0.5s ease\n  overflow-y: scroll\n  position: relative\n\n// TODO: remove this when we have a better way to handle card media queries\n@media screen and (max-width: 768px)\n  .infodrawer\n    border-radius: var(--panel-border-radius, 0px)\n"],"names":[],"version":3,"file":"main.module.ba3f4a78.css.map","sourceRoot":"../../../../"}

package/dist/node/{map-page.0b19d49e.js → map-page.cb4c713e.js}

@@ -1,2 +1,2 @@
-require("./xray.bce11e7b.js"),require("./container.abd6f0d2.js"),require("./context-panel.7c2f42c9.js"),require("./helpers.6bda171f.js"),require("./location-panel.d22d21fa.js"),require("./map-view.c6746dca.js"),require("./main.module.434acaf9.js"),require("./main.module.29a15f3d.css"),require("./tile-extent.28db5d2c.js"),require("./vector-tile-features.c02e240c.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.c6746dca.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.c02e240c.js","file:"+__filename).toString(),r(e).styled(r(n));
-//# sourceMappingURL=map-page.0b19d49e.js.map
+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.c6746dca.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.c6746dca.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));
+//# sourceMappingURL=map-page.cb4c713e.js.map

package/dist/node/{map-page.0b19d49e.js.map → map-page.cb4c713e.js.map}

@@ -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-cc631282222aa35e.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.abd6f0d2.js\");\nrequire(\"./context-panel.7c2f42c9.js\");\nrequire(\"./helpers.6bda171f.js\");\nrequire(\"./location-panel.d22d21fa.js\");\nrequire(\"./map-view.c6746dca.js\");\nrequire(\"./main.module.434acaf9.js\");\nrequire(\"./main.module.29a15f3d.css\");\nrequire(\"./tile-extent.28db5d2c.js\");\nrequire(\"./vector-tile-features.c02e240c.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 $ae364d0ef73620ae$exports = {};\n$ae364d0ef73620ae$exports = new URL(\"map-view.c6746dca.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.c02e240c.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    if (styleType == \"macrostrat\") style ?? (style = isEnabled ? \"mapbox://styles/jczaplewski/cl5uoqzzq003614o6url9ou9z?optimize=true\" : \"mapbox://styles/jczaplewski/clatdbkw4002q14lov8zx0bm0?optimize=true\");\n    else style ?? (style = isEnabled ? \"mapbox://styles/mapbox/dark-v10\" : \"mapbox://styles/mapbox/light-v10\");\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, $ae364d0ef73620ae$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.0b19d49e.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 } 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  if (styleType == \"macrostrat\") {\n    style ??= isEnabled\n      ? \"mapbox://styles/jczaplewski/cl5uoqzzq003614o6url9ou9z?optimize=true\"\n      : \"mapbox://styles/jczaplewski/clatdbkw4002q14lov8zx0bm0?optimize=true\";\n  } else {\n    style ??= isEnabled\n      ? \"mapbox://styles/mapbox/dark-v10\"\n      : \"mapbox://styles/mapbox/light-v10\";\n  }\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.c6746dca.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.c02e240c.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.0b19d49e.js.map","sourceRoot":"../../../../"}
+{"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-cc631282222aa35e.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.abd6f0d2.js\");\nrequire(\"./context-panel.7c2f42c9.js\");\nrequire(\"./helpers.6bda171f.js\");\nrequire(\"./location-panel.c39983e3.js\");\nrequire(\"./map-view.c6746dca.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 $ae364d0ef73620ae$exports = {};\n$ae364d0ef73620ae$exports = new URL(\"map-view.c6746dca.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    if (styleType == \"macrostrat\") style ?? (style = isEnabled ? \"mapbox://styles/jczaplewski/cl5uoqzzq003614o6url9ou9z?optimize=true\" : \"mapbox://styles/jczaplewski/clatdbkw4002q14lov8zx0bm0?optimize=true\");\n    else style ?? (style = isEnabled ? \"mapbox://styles/mapbox/dark-v10\" : \"mapbox://styles/mapbox/light-v10\");\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, $ae364d0ef73620ae$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.cb4c713e.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 } 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  if (styleType == \"macrostrat\") {\n    style ??= isEnabled\n      ? \"mapbox://styles/jczaplewski/cl5uoqzzq003614o6url9ou9z?optimize=true\"\n      : \"mapbox://styles/jczaplewski/clatdbkw4002q14lov8zx0bm0?optimize=true\";\n  } else {\n    style ??= isEnabled\n      ? \"mapbox://styles/mapbox/dark-v10\"\n      : \"mapbox://styles/mapbox/light-v10\";\n  }\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.c6746dca.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.cb4c713e.js.map","sourceRoot":"../../../../"}

package/dist/node/{vector-tile-features.c02e240c.js → vector-tile-features.b5a23b71.js}

@@ -1,2 +1,2 @@
-require("./main.module.434acaf9.js"),require("./main.module.29a15f3d.css"),require("./expansion-panel.1553938f.js"),require("@blueprintjs/core"),require("@macrostrat/mapbox-react");var e=require("@macrostrat/hyper");function r(e){return e&&e.__esModule?e.default:e}require("react"),require("@macrostrat/ui-components"),require("d3-array");var i=globalThis,a={},t={},n=i.parcelRequire94c2;null==n&&((n=function(e){if(e in a)return a[e].exports;if(e in t){var r=t[e];delete t[e];var i={id:e,exports:{}};return a[e]=i,r.call(i.exports,i,i.exports),i.exports}var n=Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}).register=function(e,r){t[e]=r},i.parcelRequire94c2=n),n.register;var o=n("7gWgo");new URL("expansion-panel.1553938f.js","file:"+__filename).toString(),r(e).styled(r(o));
-//# sourceMappingURL=vector-tile-features.c02e240c.js.map
+require("./main.module.434acaf9.js"),require("./main.module.29a15f3d.css"),require("./expansion-panel.62240ee3.js"),require("@blueprintjs/core"),require("@macrostrat/mapbox-react");var e=require("@macrostrat/hyper");function r(e){return e&&e.__esModule?e.default:e}require("react"),require("@macrostrat/ui-components"),require("d3-array");var i=globalThis,a={},t={},n=i.parcelRequire94c2;null==n&&((n=function(e){if(e in a)return a[e].exports;if(e in t){var r=t[e];delete t[e];var i={id:e,exports:{}};return a[e]=i,r.call(i.exports,i,i.exports),i.exports}var n=Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}).register=function(e,r){t[e]=r},i.parcelRequire94c2=n),n.register;var o=n("7gWgo");new URL("expansion-panel.62240ee3.js","file:"+__filename).toString(),r(e).styled(r(o));
+//# sourceMappingURL=vector-tile-features.b5a23b71.js.map

package/dist/node/{vector-tile-features.c02e240c.js.map → vector-tile-features.b5a23b71.js.map}

@@ -1 +1 @@
-{"mappings":"A,Q,8C,Q,+C,Q,kD,Q,qB,Q,4B,I,E,Q,qB,S,E,C,E,O,G,E,U,C,E,O,C,C,C,Q,S,Q,6B,Q,Y,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,SEAiB,IAAA,IAAoB,+CAAA,QAAA,YAAgD,QAAQ,GDUnF,AAAA,AAAA,EAAA,GAAM,MAAM,CAAC,EAAA","sources":["<anon>","packages/map-interface/src/dev/vector-tile-features.ts","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-1865b63dee819005.js"],"sourcesContent":["require(\"./main.module.434acaf9.js\");\nrequire(\"./main.module.29a15f3d.css\");\nrequire(\"./expansion-panel.1553938f.js\");\nvar $aOXfC$blueprintjscore = require(\"@blueprintjs/core\");\nvar $aOXfC$macrostratmapboxreact = require(\"@macrostrat/mapbox-react\");\nvar $aOXfC$macrostrathyper = require(\"@macrostrat/hyper\");\nvar $aOXfC$react = require(\"react\");\nvar $aOXfC$macrostratuicomponents = require(\"@macrostrat/ui-components\");\nvar $aOXfC$d3array = require(\"d3-array\");\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\nvar $7gWgo = parcelRequire(\"7gWgo\");\n\n\n\nvar $1b9f6bceeea1f7c0$exports = {};\n$1b9f6bceeea1f7c0$exports = new URL(\"expansion-panel.1553938f.js\", \"file:\" + __filename).toString();\n\n\nconst $24508fe2b4ce0838$var$h = (0, ($parcel$interopDefault($aOXfC$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($7gWgo))));\nfunction $24508fe2b4ce0838$export$2906e7f4b228efe9({ data: data, ...rest }) {\n    // Instead of managing hover state with CSS, we use a state variable,\n    // so that the button re-renders when the state changes\n    const [showControls, setShowControls] = (0, $aOXfC$react.useState)(false);\n    const onMouseEnter = (0, $aOXfC$react.useCallback)(()=>setShowControls(true), []);\n    const onMouseLeave = (0, $aOXfC$react.useCallback)(()=>setShowControls(false), []);\n    return $24508fe2b4ce0838$var$h(\"div.feature-properties\", {\n        onMouseEnter: onMouseEnter,\n        onMouseLeave: onMouseLeave\n    }, [\n        $24508fe2b4ce0838$var$h.if(showControls)(\"div.controls\", $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$CopyJSONButton, {\n            data: data\n        })),\n        $24508fe2b4ce0838$var$h((0, $aOXfC$macrostratuicomponents.JSONView), {\n            data: data,\n            hideRoot: true,\n            ...rest\n        })\n    ]);\n}\nfunction $24508fe2b4ce0838$export$dc87b4d46cea200d({ feature: feature }) {\n    const props = feature.properties;\n    return $24508fe2b4ce0838$var$h(\"div.feature-record\", [\n        $24508fe2b4ce0838$var$h.if(Object.keys(props).length > 0)($24508fe2b4ce0838$export$2906e7f4b228efe9, {\n            data: props\n        })\n    ]);\n}\nfunction $24508fe2b4ce0838$var$CopyJSONButton({ data: data }) {\n    const [copied, setCopied] = (0, $aOXfC$react.useState)(false);\n    return $24508fe2b4ce0838$var$h((0, $aOXfC$blueprintjscore.Button), {\n        icon: copied ? \"tick\" : \"clipboard\",\n        intent: copied ? (0, $aOXfC$blueprintjscore.Intent).SUCCESS : (0, $aOXfC$blueprintjscore.Intent).NONE,\n        minimal: true,\n        small: true,\n        onClick () {\n            navigator.clipboard.writeText(JSON.stringify(data, null, 2));\n            setCopied(true);\n        }\n    });\n}\nfunction $24508fe2b4ce0838$export$214daccdda0f4ac6({ selectedLocation: selectedLocation, setFeatures: setFeatures, radius: radius = 2 }) {\n    const mapRef = (0, $aOXfC$macrostratmapboxreact.useMapRef)();\n    const isLoading = (0, $aOXfC$macrostratmapboxreact.useMapStatus)((s)=>s.isLoading);\n    const isInitialized = (0, $aOXfC$macrostratmapboxreact.useMapStatus)((s)=>s.isInitialized);\n    const prevLocation = (0, $aOXfC$react.useRef)(null);\n    const prevFeatures = (0, $aOXfC$react.useRef)([]);\n    (0, $aOXfC$react.useEffect)(()=>{\n        const map = mapRef?.current;\n        if (map == null) return;\n        if (selectedLocation == null) {\n            setFeatures(null);\n            return;\n        }\n        if (!isInitialized) return;\n        const hasPreviouslyLoadedFeatures = prevFeatures.current.length > 0;\n        const locationMemo = JSON.stringify(selectedLocation);\n        if (locationMemo == prevLocation.current && hasPreviouslyLoadedFeatures) return;\n        prevLocation.current = locationMemo;\n        // Don't update if the location hasn't changed\n        //if (selectedLocation == prevLocation) return;\n        const r = radius;\n        const pt = map.project(selectedLocation);\n        const bbox = [\n            [\n                pt.x - r,\n                pt.y - r\n            ],\n            [\n                pt.x + r,\n                pt.y + r\n            ]\n        ];\n        const features = map.queryRenderedFeatures(bbox);\n        prevFeatures.current = features ?? [];\n        setFeatures(features);\n    }, [\n        isInitialized,\n        selectedLocation,\n        isLoading\n    ]);\n    return null;\n}\nfunction $24508fe2b4ce0838$var$FeatureHeader({ feature: feature }) {\n    return $24508fe2b4ce0838$var$h(\"div.feature-header\", [\n        $24508fe2b4ce0838$var$h(\"h3\", [\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$KeyValue, {\n                label: \"Source\",\n                value: feature.source\n            }),\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$KeyValue, {\n                label: \"Source layer\",\n                value: feature.sourceLayer\n            })\n        ])\n    ]);\n}\nfunction $24508fe2b4ce0838$var$KeyValue({ label: label, value: value }) {\n    return $24508fe2b4ce0838$var$h(\"span.key-value\", [\n        $24508fe2b4ce0838$var$h(\"span.key\", label),\n        $24508fe2b4ce0838$var$h(\"code.value\", value)\n    ]);\n}\nfunction $24508fe2b4ce0838$var$LoadingAwareFeatureSet({ features: features, sourceID: sourceID }) {\n    const map = (0, $aOXfC$macrostratmapboxreact.useMapRef)();\n    if (map?.current == null) return null;\n    const [isLoaded, setIsLoaded] = (0, $aOXfC$react.useState)(false);\n    const sourceFeatures = features.filter((d)=>d.source == \"burwell\");\n    (0, $aOXfC$react.useEffect)(()=>{\n        if (sourceFeatures.length > 0) {\n            setIsLoaded(true);\n            return;\n        }\n        const isLoaded = map.current.isSourceLoaded(sourceID);\n        setIsLoaded(isLoaded);\n        if (!isLoaded) map.current.once(\"sourcedata\", (e)=>{\n            if (e.sourceId == sourceID) setIsLoaded(true);\n        });\n    }, [\n        map.current,\n        sourceID,\n        sourceFeatures.length\n    ]);\n    if (!isLoaded) return $24508fe2b4ce0838$var$h((0, $aOXfC$blueprintjscore.Spinner));\n    return $24508fe2b4ce0838$var$h($24508fe2b4ce0838$export$617d79dae526d2cf, {\n        features: sourceFeatures\n    });\n}\nfunction $24508fe2b4ce0838$export$43c75dec9d0b96c({ feature: feature, showExtent: showExtent, setShowExtent: setShowExtent }) {\n    if (feature == null) return null;\n    const size = feature._vectorTileFeature._pbf.length;\n    return $24508fe2b4ce0838$var$h(\"div.tile-info\", [\n        $24508fe2b4ce0838$var$h(\"h3\", \"Tile\"),\n        $24508fe2b4ce0838$var$h(\"div.tile-index\", [\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$KeyValue, {\n                label: \"x\",\n                value: feature._x\n            }),\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$KeyValue, {\n                label: \"y\",\n                value: feature._y\n            }),\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$KeyValue, {\n                label: \"z\",\n                value: feature._z\n            })\n        ]),\n        $24508fe2b4ce0838$var$h(\"div.spacer\"),\n        $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$KeyValue, {\n            label: \"Size\",\n            value: $24508fe2b4ce0838$var$formatSize(size)\n        }),\n        $24508fe2b4ce0838$var$h((0, $aOXfC$blueprintjscore.Switch), {\n            label: \"Show extent\",\n            alignIndicator: \"right\",\n            checked: showExtent,\n            onChange () {\n                setShowExtent(!showExtent);\n            }\n        })\n    ]);\n}\nfunction $24508fe2b4ce0838$var$formatSize(size) {\n    if (size > 1000000) return $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$UnitNumber, {\n        value: size / 1000000,\n        unit: \"Mb\"\n    });\n    if (size > 1000) return $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$UnitNumber, {\n        value: size / 1000,\n        unit: \"Kb\"\n    });\n    return `${size} bytes`;\n}\nfunction $24508fe2b4ce0838$var$UnitNumber({ value: value, unit: unit, precision: precision = 1 }) {\n    return $24508fe2b4ce0838$var$h(\"span.unit-number\", [\n        $24508fe2b4ce0838$var$h(\"span.number\", value.toFixed(precision)),\n        $24508fe2b4ce0838$var$h(\"span.unit\", unit)\n    ]);\n}\nfunction $24508fe2b4ce0838$export$43277c51a01761c1({ features: features, focusedSource: focusedSource = null }) {\n    if (features == null) return null;\n    let focusedSourcePanel = null;\n    let filteredFeatures = features;\n    let title = \"Features\";\n    if (focusedSource != null) {\n        title = \"Basemap features\";\n        focusedSourcePanel = $24508fe2b4ce0838$var$h((0, $1b9f6bceeea1f7c0$exports.ExpansionPanel), {\n            title: \"Macrostrat features\",\n            className: \"macrostrat-features\",\n            expanded: true\n        }, [\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$LoadingAwareFeatureSet, {\n                features: features,\n                sourceID: focusedSource\n            })\n        ]);\n        filteredFeatures = features.filter((d)=>d.source != focusedSource);\n    }\n    return $24508fe2b4ce0838$var$h(\"div.feature-panel\", [\n        focusedSourcePanel,\n        $24508fe2b4ce0838$var$h((0, $1b9f6bceeea1f7c0$exports.ExpansionPanel), {\n            title: title,\n            className: \"basemap-features\",\n            expanded: focusedSource == null\n        }, [\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$FeatureGroups, {\n                features: filteredFeatures\n            })\n        ])\n    ]);\n}\nfunction $24508fe2b4ce0838$var$FeatureGroups({ features: features }) {\n    /** Group features by source and sourceLayer */ if (features == null) return null;\n    const groups = (0, $aOXfC$d3array.group)(features, (d)=>`${d.source} - ${d.sourceLayer}`);\n    return $24508fe2b4ce0838$var$h(\"div.feature-groups\", Array.from(groups).map(([key, features])=>{\n        return $24508fe2b4ce0838$var$h(\"div.feature-group\", [\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$FeatureHeader, {\n                feature: features[0]\n            }),\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$export$617d79dae526d2cf, {\n                features: features\n            })\n        ]);\n    }));\n}\nfunction $24508fe2b4ce0838$export$617d79dae526d2cf({ features: features }) {\n    return $24508fe2b4ce0838$var$h(\"div.features\", features.map((feature, i)=>$24508fe2b4ce0838$var$h($24508fe2b4ce0838$export$dc87b4d46cea200d, {\n            key: i,\n            feature: feature\n        })));\n}\n\n\n//# sourceMappingURL=vector-tile-features.c02e240c.js.map\n","import { Spinner, Switch, Button, Intent } from \"@blueprintjs/core\";\nimport { useMapRef, useMapStatus } from \"@macrostrat/mapbox-react\";\nimport mapboxgl from \"mapbox-gl\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { JSONView } from \"@macrostrat/ui-components\";\nimport { group } from \"d3-array\";\nimport { ExpansionPanel } from \"../expansion-panel\";\n\nconst h = hyper.styled(styles);\n\nexport function FeatureProperties({ data, ...rest }) {\n  // Instead of managing hover state with CSS, we use a state variable,\n  // so that the button re-renders when the state changes\n  const [showControls, setShowControls] = useState(false);\n  const onMouseEnter = useCallback(() => setShowControls(true), []);\n  const onMouseLeave = useCallback(() => setShowControls(false), []);\n\n  return h(\"div.feature-properties\", { onMouseEnter, onMouseLeave }, [\n    h.if(showControls)(\"div.controls\", h(CopyJSONButton, { data })),\n    h(JSONView, {\n      data,\n      hideRoot: true,\n      ...rest,\n    }),\n  ]);\n}\n\nexport function FeatureRecord({ feature }) {\n  const props = feature.properties;\n  return h(\"div.feature-record\", [\n    h.if(Object.keys(props).length > 0)(FeatureProperties, { data: props }),\n  ]);\n}\n\nfunction CopyJSONButton({ data }) {\n  const [copied, setCopied] = useState(false);\n  return h(Button, {\n    icon: copied ? \"tick\" : \"clipboard\",\n    intent: copied ? Intent.SUCCESS : Intent.NONE,\n    minimal: true,\n    small: true,\n    onClick() {\n      navigator.clipboard.writeText(JSON.stringify(data, null, 2));\n      setCopied(true);\n    },\n  });\n}\n\n/** This component wraps queryRenderedFeatures to get features at a given location */\nexport function FeatureSelectionHandler({\n  selectedLocation,\n  setFeatures,\n  radius = 2,\n}: {\n  selectedLocation: mapboxgl.LngLat;\n  setFeatures: (features: mapboxgl.MapboxGeoJSONFeature[]) => void;\n  radius?: number;\n}) {\n  const mapRef = useMapRef();\n  const isLoading = useMapStatus((s) => s.isLoading);\n  const isInitialized = useMapStatus((s) => s.isInitialized);\n  const prevLocation = useRef(null);\n  const prevFeatures = useRef([]);\n\n  useEffect(() => {\n    const map = mapRef?.current;\n    if (map == null) return;\n    if (selectedLocation == null) {\n      setFeatures(null);\n      return;\n    }\n\n    if (!isInitialized) return;\n\n    const hasPreviouslyLoadedFeatures = prevFeatures.current.length > 0;\n\n    const locationMemo = JSON.stringify(selectedLocation);\n    if (locationMemo == prevLocation.current && hasPreviouslyLoadedFeatures)\n      return;\n\n    prevLocation.current = locationMemo;\n\n    // Don't update if the location hasn't changed\n    //if (selectedLocation == prevLocation) return;\n\n    const r = radius;\n    const pt = map.project(selectedLocation);\n\n    const bbox: [mapboxgl.PointLike, mapboxgl.PointLike] = [\n      [pt.x - r, pt.y - r],\n      [pt.x + r, pt.y + r],\n    ];\n    const features = map.queryRenderedFeatures(bbox);\n    prevFeatures.current = features ?? [];\n    setFeatures(features);\n  }, [isInitialized, selectedLocation, isLoading]);\n\n  return null;\n}\n\nfunction FeatureHeader({ feature }) {\n  return h(\"div.feature-header\", [\n    h(\"h3\", [\n      h(KeyValue, { label: \"Source\", value: feature.source }),\n      h(KeyValue, { label: \"Source layer\", value: feature.sourceLayer }),\n    ]),\n  ]);\n}\n\nfunction KeyValue({ label, value }) {\n  return h(\"span.key-value\", [h(\"span.key\", label), h(\"code.value\", value)]);\n}\n\nfunction LoadingAwareFeatureSet({ features, sourceID }) {\n  const map = useMapRef();\n  if (map?.current == null) return null;\n  const [isLoaded, setIsLoaded] = useState(false);\n\n  const sourceFeatures = features.filter((d) => d.source == \"burwell\");\n\n  useEffect(() => {\n    if (sourceFeatures.length > 0) {\n      setIsLoaded(true);\n      return;\n    }\n\n    const isLoaded = map.current.isSourceLoaded(sourceID);\n    setIsLoaded(isLoaded);\n    if (!isLoaded) {\n      map.current.once(\"sourcedata\", (e) => {\n        if (e.sourceId == sourceID) {\n          setIsLoaded(true);\n        }\n      });\n    }\n  }, [map.current, sourceID, sourceFeatures.length]);\n\n  if (!isLoaded) return h(Spinner);\n  return h(Features, { features: sourceFeatures });\n}\n\nexport function TileInfo({ feature, showExtent, setShowExtent }) {\n  if (feature == null) return null;\n  const size = feature._vectorTileFeature._pbf.length;\n  return h(\"div.tile-info\", [\n    h(\"h3\", \"Tile\"),\n    h(\"div.tile-index\", [\n      h(KeyValue, { label: \"x\", value: feature._x }),\n      h(KeyValue, { label: \"y\", value: feature._y }),\n      h(KeyValue, { label: \"z\", value: feature._z }),\n    ]),\n    h(\"div.spacer\"),\n    h(KeyValue, { label: \"Size\", value: formatSize(size) }),\n    h(Switch, {\n      label: \"Show extent\",\n      alignIndicator: \"right\",\n      checked: showExtent,\n      onChange() {\n        setShowExtent(!showExtent);\n      },\n    }),\n  ]);\n}\n\nfunction formatSize(size: number) {\n  if (size > 1000000)\n    return h(UnitNumber, { value: size / 1000000, unit: \"Mb\" });\n  if (size > 1000) return h(UnitNumber, { value: size / 1000, unit: \"Kb\" });\n  return `${size} bytes`;\n}\n\nfunction UnitNumber({ value, unit, precision = 1 }) {\n  return h(\"span.unit-number\", [\n    h(\"span.number\", value.toFixed(precision)),\n    h(\"span.unit\", unit),\n  ]);\n}\n\nexport function FeaturePanel({ features, focusedSource = null }) {\n  if (features == null) return null;\n\n  let focusedSourcePanel = null;\n  let filteredFeatures = features;\n  let title = \"Features\";\n\n  if (focusedSource != null) {\n    title = \"Basemap features\";\n    focusedSourcePanel = h(\n      ExpansionPanel,\n      {\n        title: \"Macrostrat features\",\n        className: \"macrostrat-features\",\n        expanded: true,\n      },\n      [\n        h(LoadingAwareFeatureSet, {\n          features,\n          sourceID: focusedSource,\n        }),\n      ]\n    );\n    filteredFeatures = features.filter((d) => d.source != focusedSource);\n  }\n\n  return h(\"div.feature-panel\", [\n    focusedSourcePanel,\n    h(\n      ExpansionPanel,\n      { title, className: \"basemap-features\", expanded: focusedSource == null },\n      [\n        h(FeatureGroups, {\n          features: filteredFeatures,\n        }),\n      ]\n    ),\n  ]);\n}\n\nfunction FeatureGroups({ features }) {\n  /** Group features by source and sourceLayer */\n  if (features == null) return null;\n\n  const groups = group(features, (d) => `${d.source} - ${d.sourceLayer}`);\n\n  return h(\n    \"div.feature-groups\",\n    Array.from(groups).map(([key, features]) => {\n      return h(\"div.feature-group\", [\n        h(FeatureHeader, { feature: features[0] }),\n        h(Features, { features }),\n      ]);\n    })\n  );\n}\n\nexport function Features({ features }) {\n  return h(\n    \"div.features\",\n    features.map((feature, i) => h(FeatureRecord, { key: i, feature }))\n  );\n}\n","module.exports = new __parcel__URL__(\"expansion-panel.1553938f.js\").toString();"],"names":["require","$aOXfC$macrostrathyper","$parcel$interopDefault","a","__esModule","default","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$7gWgo","URL","__filename","toString","styled"],"version":3,"file":"vector-tile-features.c02e240c.js.map","sourceRoot":"../../../../"}
+{"mappings":"A,Q,8C,Q,+C,Q,kD,Q,qB,Q,4B,I,E,Q,qB,S,E,C,E,O,G,E,U,C,E,O,C,C,C,Q,S,Q,6B,Q,Y,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,SEAiB,IAAA,IAAoB,+CAAA,QAAA,YAAgD,QAAQ,GDUnF,AAAA,AAAA,EAAA,GAAM,MAAM,CAAC,EAAA","sources":["<anon>","packages/map-interface/src/dev/vector-tile-features.ts","../../../../.yarn/berry/cache/@parcel-runtime-js-npm-2.13.3-f44fec8492-10c0.zip/node_modules/@parcel/runtime-js/lib/runtime-1865b63dee819005.js"],"sourcesContent":["require(\"./main.module.434acaf9.js\");\nrequire(\"./main.module.29a15f3d.css\");\nrequire(\"./expansion-panel.62240ee3.js\");\nvar $aOXfC$blueprintjscore = require(\"@blueprintjs/core\");\nvar $aOXfC$macrostratmapboxreact = require(\"@macrostrat/mapbox-react\");\nvar $aOXfC$macrostrathyper = require(\"@macrostrat/hyper\");\nvar $aOXfC$react = require(\"react\");\nvar $aOXfC$macrostratuicomponents = require(\"@macrostrat/ui-components\");\nvar $aOXfC$d3array = require(\"d3-array\");\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\nvar $7gWgo = parcelRequire(\"7gWgo\");\n\n\n\nvar $1b9f6bceeea1f7c0$exports = {};\n$1b9f6bceeea1f7c0$exports = new URL(\"expansion-panel.62240ee3.js\", \"file:\" + __filename).toString();\n\n\nconst $24508fe2b4ce0838$var$h = (0, ($parcel$interopDefault($aOXfC$macrostrathyper))).styled((0, (/*@__PURE__*/$parcel$interopDefault($7gWgo))));\nfunction $24508fe2b4ce0838$export$2906e7f4b228efe9({ data: data, ...rest }) {\n    // Instead of managing hover state with CSS, we use a state variable,\n    // so that the button re-renders when the state changes\n    const [showControls, setShowControls] = (0, $aOXfC$react.useState)(false);\n    const onMouseEnter = (0, $aOXfC$react.useCallback)(()=>setShowControls(true), []);\n    const onMouseLeave = (0, $aOXfC$react.useCallback)(()=>setShowControls(false), []);\n    return $24508fe2b4ce0838$var$h(\"div.feature-properties\", {\n        onMouseEnter: onMouseEnter,\n        onMouseLeave: onMouseLeave\n    }, [\n        $24508fe2b4ce0838$var$h.if(showControls)(\"div.controls\", $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$CopyJSONButton, {\n            data: data\n        })),\n        $24508fe2b4ce0838$var$h((0, $aOXfC$macrostratuicomponents.JSONView), {\n            data: data,\n            hideRoot: true,\n            ...rest\n        })\n    ]);\n}\nfunction $24508fe2b4ce0838$export$dc87b4d46cea200d({ feature: feature }) {\n    const props = feature.properties;\n    return $24508fe2b4ce0838$var$h(\"div.feature-record\", [\n        $24508fe2b4ce0838$var$h.if(Object.keys(props).length > 0)($24508fe2b4ce0838$export$2906e7f4b228efe9, {\n            data: props\n        })\n    ]);\n}\nfunction $24508fe2b4ce0838$var$CopyJSONButton({ data: data }) {\n    const [copied, setCopied] = (0, $aOXfC$react.useState)(false);\n    return $24508fe2b4ce0838$var$h((0, $aOXfC$blueprintjscore.Button), {\n        icon: copied ? \"tick\" : \"clipboard\",\n        intent: copied ? (0, $aOXfC$blueprintjscore.Intent).SUCCESS : (0, $aOXfC$blueprintjscore.Intent).NONE,\n        minimal: true,\n        small: true,\n        onClick () {\n            navigator.clipboard.writeText(JSON.stringify(data, null, 2));\n            setCopied(true);\n        }\n    });\n}\nfunction $24508fe2b4ce0838$export$214daccdda0f4ac6({ selectedLocation: selectedLocation, setFeatures: setFeatures, radius: radius = 2 }) {\n    const mapRef = (0, $aOXfC$macrostratmapboxreact.useMapRef)();\n    const isLoading = (0, $aOXfC$macrostratmapboxreact.useMapStatus)((s)=>s.isLoading);\n    const isInitialized = (0, $aOXfC$macrostratmapboxreact.useMapStatus)((s)=>s.isInitialized);\n    const prevLocation = (0, $aOXfC$react.useRef)(null);\n    const prevFeatures = (0, $aOXfC$react.useRef)([]);\n    (0, $aOXfC$react.useEffect)(()=>{\n        const map = mapRef?.current;\n        if (map == null) return;\n        if (selectedLocation == null) {\n            setFeatures(null);\n            return;\n        }\n        if (!isInitialized) return;\n        const hasPreviouslyLoadedFeatures = prevFeatures.current.length > 0;\n        const locationMemo = JSON.stringify(selectedLocation);\n        if (locationMemo == prevLocation.current && hasPreviouslyLoadedFeatures) return;\n        prevLocation.current = locationMemo;\n        // Don't update if the location hasn't changed\n        //if (selectedLocation == prevLocation) return;\n        const r = radius;\n        const pt = map.project(selectedLocation);\n        const bbox = [\n            [\n                pt.x - r,\n                pt.y - r\n            ],\n            [\n                pt.x + r,\n                pt.y + r\n            ]\n        ];\n        const features = map.queryRenderedFeatures(bbox);\n        prevFeatures.current = features ?? [];\n        setFeatures(features);\n    }, [\n        isInitialized,\n        selectedLocation,\n        isLoading\n    ]);\n    return null;\n}\nfunction $24508fe2b4ce0838$var$FeatureHeader({ feature: feature }) {\n    return $24508fe2b4ce0838$var$h(\"div.feature-header\", [\n        $24508fe2b4ce0838$var$h(\"h3\", [\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$KeyValue, {\n                label: \"Source\",\n                value: feature.source\n            }),\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$KeyValue, {\n                label: \"Source layer\",\n                value: feature.sourceLayer\n            })\n        ])\n    ]);\n}\nfunction $24508fe2b4ce0838$var$KeyValue({ label: label, value: value }) {\n    return $24508fe2b4ce0838$var$h(\"span.key-value\", [\n        $24508fe2b4ce0838$var$h(\"span.key\", label),\n        $24508fe2b4ce0838$var$h(\"code.value\", value)\n    ]);\n}\nfunction $24508fe2b4ce0838$var$LoadingAwareFeatureSet({ features: features, sourceID: sourceID }) {\n    const map = (0, $aOXfC$macrostratmapboxreact.useMapRef)();\n    if (map?.current == null) return null;\n    const [isLoaded, setIsLoaded] = (0, $aOXfC$react.useState)(false);\n    const sourceFeatures = features.filter((d)=>d.source == \"burwell\");\n    (0, $aOXfC$react.useEffect)(()=>{\n        if (sourceFeatures.length > 0) {\n            setIsLoaded(true);\n            return;\n        }\n        const isLoaded = map.current.isSourceLoaded(sourceID);\n        setIsLoaded(isLoaded);\n        if (!isLoaded) map.current.once(\"sourcedata\", (e)=>{\n            if (e.sourceId == sourceID) setIsLoaded(true);\n        });\n    }, [\n        map.current,\n        sourceID,\n        sourceFeatures.length\n    ]);\n    if (!isLoaded) return $24508fe2b4ce0838$var$h((0, $aOXfC$blueprintjscore.Spinner));\n    return $24508fe2b4ce0838$var$h($24508fe2b4ce0838$export$617d79dae526d2cf, {\n        features: sourceFeatures\n    });\n}\nfunction $24508fe2b4ce0838$export$43c75dec9d0b96c({ feature: feature, showExtent: showExtent, setShowExtent: setShowExtent }) {\n    if (feature == null) return null;\n    const size = feature._vectorTileFeature._pbf.length;\n    return $24508fe2b4ce0838$var$h(\"div.tile-info\", [\n        $24508fe2b4ce0838$var$h(\"h3\", \"Tile\"),\n        $24508fe2b4ce0838$var$h(\"div.tile-index\", [\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$KeyValue, {\n                label: \"x\",\n                value: feature._x\n            }),\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$KeyValue, {\n                label: \"y\",\n                value: feature._y\n            }),\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$KeyValue, {\n                label: \"z\",\n                value: feature._z\n            })\n        ]),\n        $24508fe2b4ce0838$var$h(\"div.spacer\"),\n        $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$KeyValue, {\n            label: \"Size\",\n            value: $24508fe2b4ce0838$var$formatSize(size)\n        }),\n        $24508fe2b4ce0838$var$h((0, $aOXfC$blueprintjscore.Switch), {\n            label: \"Show extent\",\n            alignIndicator: \"right\",\n            checked: showExtent,\n            onChange () {\n                setShowExtent(!showExtent);\n            }\n        })\n    ]);\n}\nfunction $24508fe2b4ce0838$var$formatSize(size) {\n    if (size > 1000000) return $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$UnitNumber, {\n        value: size / 1000000,\n        unit: \"Mb\"\n    });\n    if (size > 1000) return $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$UnitNumber, {\n        value: size / 1000,\n        unit: \"Kb\"\n    });\n    return `${size} bytes`;\n}\nfunction $24508fe2b4ce0838$var$UnitNumber({ value: value, unit: unit, precision: precision = 1 }) {\n    return $24508fe2b4ce0838$var$h(\"span.unit-number\", [\n        $24508fe2b4ce0838$var$h(\"span.number\", value.toFixed(precision)),\n        $24508fe2b4ce0838$var$h(\"span.unit\", unit)\n    ]);\n}\nfunction $24508fe2b4ce0838$export$43277c51a01761c1({ features: features, focusedSource: focusedSource = null }) {\n    if (features == null) return null;\n    let focusedSourcePanel = null;\n    let filteredFeatures = features;\n    let title = \"Features\";\n    if (focusedSource != null) {\n        title = \"Basemap features\";\n        focusedSourcePanel = $24508fe2b4ce0838$var$h((0, $1b9f6bceeea1f7c0$exports.ExpansionPanel), {\n            title: \"Macrostrat features\",\n            className: \"macrostrat-features\",\n            expanded: true\n        }, [\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$LoadingAwareFeatureSet, {\n                features: features,\n                sourceID: focusedSource\n            })\n        ]);\n        filteredFeatures = features.filter((d)=>d.source != focusedSource);\n    }\n    return $24508fe2b4ce0838$var$h(\"div.feature-panel\", [\n        focusedSourcePanel,\n        $24508fe2b4ce0838$var$h((0, $1b9f6bceeea1f7c0$exports.ExpansionPanel), {\n            title: title,\n            className: \"basemap-features\",\n            expanded: focusedSource == null\n        }, [\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$FeatureGroups, {\n                features: filteredFeatures\n            })\n        ])\n    ]);\n}\nfunction $24508fe2b4ce0838$var$FeatureGroups({ features: features }) {\n    /** Group features by source and sourceLayer */ if (features == null) return null;\n    const groups = (0, $aOXfC$d3array.group)(features, (d)=>`${d.source} - ${d.sourceLayer}`);\n    return $24508fe2b4ce0838$var$h(\"div.feature-groups\", Array.from(groups).map(([key, features])=>{\n        return $24508fe2b4ce0838$var$h(\"div.feature-group\", [\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$var$FeatureHeader, {\n                feature: features[0]\n            }),\n            $24508fe2b4ce0838$var$h($24508fe2b4ce0838$export$617d79dae526d2cf, {\n                features: features\n            })\n        ]);\n    }));\n}\nfunction $24508fe2b4ce0838$export$617d79dae526d2cf({ features: features }) {\n    return $24508fe2b4ce0838$var$h(\"div.features\", features.map((feature, i)=>$24508fe2b4ce0838$var$h($24508fe2b4ce0838$export$dc87b4d46cea200d, {\n            key: i,\n            feature: feature\n        })));\n}\n\n\n//# sourceMappingURL=vector-tile-features.b5a23b71.js.map\n","import { Spinner, Switch, Button, Intent } from \"@blueprintjs/core\";\nimport { useMapRef, useMapStatus } from \"@macrostrat/mapbox-react\";\nimport mapboxgl from \"mapbox-gl\";\nimport hyper from \"@macrostrat/hyper\";\nimport styles from \"./main.module.sass\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { JSONView } from \"@macrostrat/ui-components\";\nimport { group } from \"d3-array\";\nimport { ExpansionPanel } from \"../expansion-panel\";\n\nconst h = hyper.styled(styles);\n\nexport function FeatureProperties({ data, ...rest }) {\n  // Instead of managing hover state with CSS, we use a state variable,\n  // so that the button re-renders when the state changes\n  const [showControls, setShowControls] = useState(false);\n  const onMouseEnter = useCallback(() => setShowControls(true), []);\n  const onMouseLeave = useCallback(() => setShowControls(false), []);\n\n  return h(\"div.feature-properties\", { onMouseEnter, onMouseLeave }, [\n    h.if(showControls)(\"div.controls\", h(CopyJSONButton, { data })),\n    h(JSONView, {\n      data,\n      hideRoot: true,\n      ...rest,\n    }),\n  ]);\n}\n\nexport function FeatureRecord({ feature }) {\n  const props = feature.properties;\n  return h(\"div.feature-record\", [\n    h.if(Object.keys(props).length > 0)(FeatureProperties, { data: props }),\n  ]);\n}\n\nfunction CopyJSONButton({ data }) {\n  const [copied, setCopied] = useState(false);\n  return h(Button, {\n    icon: copied ? \"tick\" : \"clipboard\",\n    intent: copied ? Intent.SUCCESS : Intent.NONE,\n    minimal: true,\n    small: true,\n    onClick() {\n      navigator.clipboard.writeText(JSON.stringify(data, null, 2));\n      setCopied(true);\n    },\n  });\n}\n\n/** This component wraps queryRenderedFeatures to get features at a given location */\nexport function FeatureSelectionHandler({\n  selectedLocation,\n  setFeatures,\n  radius = 2,\n}: {\n  selectedLocation: mapboxgl.LngLat;\n  setFeatures: (features: mapboxgl.MapboxGeoJSONFeature[]) => void;\n  radius?: number;\n}) {\n  const mapRef = useMapRef();\n  const isLoading = useMapStatus((s) => s.isLoading);\n  const isInitialized = useMapStatus((s) => s.isInitialized);\n  const prevLocation = useRef(null);\n  const prevFeatures = useRef([]);\n\n  useEffect(() => {\n    const map = mapRef?.current;\n    if (map == null) return;\n    if (selectedLocation == null) {\n      setFeatures(null);\n      return;\n    }\n\n    if (!isInitialized) return;\n\n    const hasPreviouslyLoadedFeatures = prevFeatures.current.length > 0;\n\n    const locationMemo = JSON.stringify(selectedLocation);\n    if (locationMemo == prevLocation.current && hasPreviouslyLoadedFeatures)\n      return;\n\n    prevLocation.current = locationMemo;\n\n    // Don't update if the location hasn't changed\n    //if (selectedLocation == prevLocation) return;\n\n    const r = radius;\n    const pt = map.project(selectedLocation);\n\n    const bbox: [mapboxgl.PointLike, mapboxgl.PointLike] = [\n      [pt.x - r, pt.y - r],\n      [pt.x + r, pt.y + r],\n    ];\n    const features = map.queryRenderedFeatures(bbox);\n    prevFeatures.current = features ?? [];\n    setFeatures(features);\n  }, [isInitialized, selectedLocation, isLoading]);\n\n  return null;\n}\n\nfunction FeatureHeader({ feature }) {\n  return h(\"div.feature-header\", [\n    h(\"h3\", [\n      h(KeyValue, { label: \"Source\", value: feature.source }),\n      h(KeyValue, { label: \"Source layer\", value: feature.sourceLayer }),\n    ]),\n  ]);\n}\n\nfunction KeyValue({ label, value }) {\n  return h(\"span.key-value\", [h(\"span.key\", label), h(\"code.value\", value)]);\n}\n\nfunction LoadingAwareFeatureSet({ features, sourceID }) {\n  const map = useMapRef();\n  if (map?.current == null) return null;\n  const [isLoaded, setIsLoaded] = useState(false);\n\n  const sourceFeatures = features.filter((d) => d.source == \"burwell\");\n\n  useEffect(() => {\n    if (sourceFeatures.length > 0) {\n      setIsLoaded(true);\n      return;\n    }\n\n    const isLoaded = map.current.isSourceLoaded(sourceID);\n    setIsLoaded(isLoaded);\n    if (!isLoaded) {\n      map.current.once(\"sourcedata\", (e) => {\n        if (e.sourceId == sourceID) {\n          setIsLoaded(true);\n        }\n      });\n    }\n  }, [map.current, sourceID, sourceFeatures.length]);\n\n  if (!isLoaded) return h(Spinner);\n  return h(Features, { features: sourceFeatures });\n}\n\nexport function TileInfo({ feature, showExtent, setShowExtent }) {\n  if (feature == null) return null;\n  const size = feature._vectorTileFeature._pbf.length;\n  return h(\"div.tile-info\", [\n    h(\"h3\", \"Tile\"),\n    h(\"div.tile-index\", [\n      h(KeyValue, { label: \"x\", value: feature._x }),\n      h(KeyValue, { label: \"y\", value: feature._y }),\n      h(KeyValue, { label: \"z\", value: feature._z }),\n    ]),\n    h(\"div.spacer\"),\n    h(KeyValue, { label: \"Size\", value: formatSize(size) }),\n    h(Switch, {\n      label: \"Show extent\",\n      alignIndicator: \"right\",\n      checked: showExtent,\n      onChange() {\n        setShowExtent(!showExtent);\n      },\n    }),\n  ]);\n}\n\nfunction formatSize(size: number) {\n  if (size > 1000000)\n    return h(UnitNumber, { value: size / 1000000, unit: \"Mb\" });\n  if (size > 1000) return h(UnitNumber, { value: size / 1000, unit: \"Kb\" });\n  return `${size} bytes`;\n}\n\nfunction UnitNumber({ value, unit, precision = 1 }) {\n  return h(\"span.unit-number\", [\n    h(\"span.number\", value.toFixed(precision)),\n    h(\"span.unit\", unit),\n  ]);\n}\n\nexport function FeaturePanel({ features, focusedSource = null }) {\n  if (features == null) return null;\n\n  let focusedSourcePanel = null;\n  let filteredFeatures = features;\n  let title = \"Features\";\n\n  if (focusedSource != null) {\n    title = \"Basemap features\";\n    focusedSourcePanel = h(\n      ExpansionPanel,\n      {\n        title: \"Macrostrat features\",\n        className: \"macrostrat-features\",\n        expanded: true,\n      },\n      [\n        h(LoadingAwareFeatureSet, {\n          features,\n          sourceID: focusedSource,\n        }),\n      ]\n    );\n    filteredFeatures = features.filter((d) => d.source != focusedSource);\n  }\n\n  return h(\"div.feature-panel\", [\n    focusedSourcePanel,\n    h(\n      ExpansionPanel,\n      { title, className: \"basemap-features\", expanded: focusedSource == null },\n      [\n        h(FeatureGroups, {\n          features: filteredFeatures,\n        }),\n      ]\n    ),\n  ]);\n}\n\nfunction FeatureGroups({ features }) {\n  /** Group features by source and sourceLayer */\n  if (features == null) return null;\n\n  const groups = group(features, (d) => `${d.source} - ${d.sourceLayer}`);\n\n  return h(\n    \"div.feature-groups\",\n    Array.from(groups).map(([key, features]) => {\n      return h(\"div.feature-group\", [\n        h(FeatureHeader, { feature: features[0] }),\n        h(Features, { features }),\n      ]);\n    })\n  );\n}\n\nexport function Features({ features }) {\n  return h(\n    \"div.features\",\n    features.map((feature, i) => h(FeatureRecord, { key: i, feature }))\n  );\n}\n","module.exports = new __parcel__URL__(\"expansion-panel.62240ee3.js\").toString();"],"names":["require","$aOXfC$macrostrathyper","$parcel$interopDefault","a","__esModule","default","$parcel$global","globalThis","$parcel$modules","$parcel$inits","parcelRequire","id","exports","init","module","call","err","Error","code","register","$7gWgo","URL","__filename","toString","styled"],"version":3,"file":"vector-tile-features.b5a23b71.js.map","sourceRoot":"../../../../"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@macrostrat/map-interface",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "Map interface for Macrostrat",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -13,7 +13,7 @@
     "@macrostrat/hyper": "^3.0.6",
     "@macrostrat/mapbox-react": "^2.5.0",
     "@macrostrat/mapbox-utils": "^1.4.0",
-    "@macrostrat/ui-components": "^4.1.1",
+    "@macrostrat/ui-components": "^4.1.2",
     "@mapbox/tilebelt": "^2.0.0",
     "classnames": "^2.5.1",
     "d3-array": "^3.2.4",

package/src/expansion-panel/index.ts

@@ -20,7 +20,7 @@ function ExpansionPanelSummary(props) {
       title,
       component: titleComponent,
     },
-    [children, h(Icon, { icon })]
+    [children, h(Icon, { icon, className: "expansion-panel-icon" })]
   );
 }