@macrostrat/map-interface 1.1.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (133) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/container.72611900.js +134 -0
  3. package/dist/cjs/container.72611900.js.map +1 -0
  4. package/dist/cjs/context-panel.8c4b009c.js +88 -0
  5. package/dist/cjs/context-panel.8c4b009c.js.map +1 -0
  6. package/dist/cjs/controls.7ce3e95c.js +79 -0
  7. package/dist/cjs/controls.7ce3e95c.js.map +1 -0
  8. package/dist/cjs/dev.7499151f.js +33 -0
  9. package/dist/cjs/dev.7499151f.js.map +1 -0
  10. package/dist/cjs/expansion-panel.08532cee.js +134 -0
  11. package/dist/cjs/expansion-panel.08532cee.js.map +1 -0
  12. package/dist/cjs/hash-string.62e84f08.js +67 -0
  13. package/dist/cjs/hash-string.62e84f08.js.map +1 -0
  14. package/dist/cjs/header.58c5c012.js +104 -0
  15. package/dist/cjs/header.58c5c012.js.map +1 -0
  16. package/dist/cjs/headers.20eae5f7.js +29 -0
  17. package/dist/cjs/headers.20eae5f7.js.map +1 -0
  18. package/dist/cjs/helpers.0f72ddaf.js +190 -0
  19. package/dist/cjs/helpers.0f72ddaf.js.map +1 -0
  20. package/dist/cjs/index.js +51 -0
  21. package/dist/cjs/index.js.map +1 -0
  22. package/dist/cjs/location-info.92e70042.js +119 -0
  23. package/dist/cjs/location-info.92e70042.js.map +1 -0
  24. package/dist/cjs/location-panel.c95f5e96.js +66 -0
  25. package/dist/cjs/location-panel.c95f5e96.js.map +1 -0
  26. package/dist/cjs/main.module.02c4de16.css +86 -0
  27. package/dist/cjs/main.module.02c4de16.css.map +1 -0
  28. package/dist/cjs/main.module.3f2b7c9f.js +38 -0
  29. package/dist/cjs/main.module.3f2b7c9f.js.map +1 -0
  30. package/dist/cjs/main.module.4ecbaaa5.js +62 -0
  31. package/dist/cjs/main.module.4ecbaaa5.js.map +1 -0
  32. package/dist/cjs/main.module.62939ea7.js +167 -0
  33. package/dist/cjs/main.module.62939ea7.js.map +1 -0
  34. package/dist/cjs/main.module.92978d8b.css +52 -0
  35. package/dist/cjs/main.module.92978d8b.css.map +1 -0
  36. package/dist/cjs/main.module.becc2fe7.css +92 -0
  37. package/dist/cjs/main.module.becc2fe7.css.map +1 -0
  38. package/dist/cjs/main.module.ccec47df.js +50 -0
  39. package/dist/cjs/main.module.ccec47df.js.map +1 -0
  40. package/dist/cjs/main.module.e958948e.js +26 -0
  41. package/dist/cjs/main.module.e958948e.js.map +1 -0
  42. package/dist/{index.css → cjs/main.module.f085a193.css} +9 -397
  43. package/dist/cjs/main.module.f085a193.css.map +1 -0
  44. package/dist/cjs/main.module.ff1b1aca.css +179 -0
  45. package/dist/cjs/main.module.ff1b1aca.css.map +1 -0
  46. package/dist/cjs/map-page.190b6723.js +182 -0
  47. package/dist/cjs/map-page.190b6723.js.map +1 -0
  48. package/dist/cjs/map-view.93363b41.js +167 -0
  49. package/dist/cjs/map-view.93363b41.js.map +1 -0
  50. package/dist/cjs/terrain.90f76b4e.js +59 -0
  51. package/dist/cjs/terrain.90f76b4e.js.map +1 -0
  52. package/dist/cjs/tile-extent.06a4b2ed.js +51 -0
  53. package/dist/cjs/tile-extent.06a4b2ed.js.map +1 -0
  54. package/dist/cjs/utils.09cef979.js +36 -0
  55. package/dist/cjs/utils.09cef979.js.map +1 -0
  56. package/dist/cjs/utils.26f02633.js +46 -0
  57. package/dist/cjs/utils.26f02633.js.map +1 -0
  58. package/dist/cjs/vector-tile-features.456f887b.js +268 -0
  59. package/dist/cjs/vector-tile-features.456f887b.js.map +1 -0
  60. package/dist/cjs/xray.a23f8660.js +89 -0
  61. package/dist/cjs/xray.a23f8660.js.map +1 -0
  62. package/dist/esm/container.16bde261.js +126 -0
  63. package/dist/esm/container.16bde261.js.map +1 -0
  64. package/dist/esm/context-panel.c288c5cd.js +81 -0
  65. package/dist/esm/context-panel.c288c5cd.js.map +1 -0
  66. package/dist/esm/controls.f757ce16.js +74 -0
  67. package/dist/esm/controls.f757ce16.js.map +1 -0
  68. package/dist/esm/dev.ccb6e774.js +13 -0
  69. package/dist/esm/dev.ccb6e774.js.map +1 -0
  70. package/dist/esm/expansion-panel.feff0e62.js +123 -0
  71. package/dist/esm/expansion-panel.feff0e62.js.map +1 -0
  72. package/dist/esm/hash-string.836601b2.js +61 -0
  73. package/dist/esm/hash-string.836601b2.js.map +1 -0
  74. package/dist/esm/header.0f535ab1.js +99 -0
  75. package/dist/esm/header.0f535ab1.js.map +1 -0
  76. package/dist/esm/headers.b25ff414.js +24 -0
  77. package/dist/esm/headers.b25ff414.js.map +1 -0
  78. package/dist/esm/helpers.fb1d7227.js +176 -0
  79. package/dist/esm/helpers.fb1d7227.js.map +1 -0
  80. package/dist/{types.d.ts → esm/index.d.ts} +102 -51
  81. package/dist/esm/index.d.ts.map +1 -0
  82. package/dist/esm/index.js +25 -0
  83. package/dist/esm/index.js.map +1 -0
  84. package/dist/esm/location-info.5543bb05.js +89 -0
  85. package/dist/esm/location-info.5543bb05.js.map +1 -0
  86. package/dist/esm/location-panel.0b1f4ed2.js +58 -0
  87. package/dist/esm/location-panel.0b1f4ed2.js.map +1 -0
  88. package/dist/esm/main.module.5eb366de.js +52 -0
  89. package/dist/esm/main.module.5eb366de.js.map +1 -0
  90. package/dist/esm/main.module.67a908da.js +40 -0
  91. package/dist/esm/main.module.67a908da.js.map +1 -0
  92. package/dist/esm/main.module.89579666.js +64 -0
  93. package/dist/esm/main.module.89579666.js.map +1 -0
  94. package/dist/esm/main.module.9c57cc95.js +28 -0
  95. package/dist/esm/main.module.9c57cc95.js.map +1 -0
  96. package/dist/esm/main.module.f70e002b.js +169 -0
  97. package/dist/esm/main.module.f70e002b.js.map +1 -0
  98. package/dist/esm/map-page.b953c404.js +175 -0
  99. package/dist/esm/map-page.b953c404.js.map +1 -0
  100. package/dist/esm/map-view.a3fe6257.js +161 -0
  101. package/dist/esm/map-view.a3fe6257.js.map +1 -0
  102. package/dist/esm/terrain.f65cf7c5.js +54 -0
  103. package/dist/esm/terrain.f65cf7c5.js.map +1 -0
  104. package/dist/esm/tile-extent.ca526996.js +46 -0
  105. package/dist/esm/tile-extent.ca526996.js.map +1 -0
  106. package/dist/esm/utils.122d1f2d.js +28 -0
  107. package/dist/esm/utils.122d1f2d.js.map +1 -0
  108. package/dist/esm/utils.d40349f0.js +40 -0
  109. package/dist/esm/utils.d40349f0.js.map +1 -0
  110. package/dist/esm/vector-tile-features.e1a24df0.js +258 -0
  111. package/dist/esm/vector-tile-features.e1a24df0.js.map +1 -0
  112. package/dist/esm/xray.c0663c25.js +83 -0
  113. package/dist/esm/xray.c0663c25.js.map +1 -0
  114. package/package.json +19 -36
  115. package/src/container.ts +29 -21
  116. package/src/context-panel/index.ts +4 -4
  117. package/src/context-panel/main.module.sass +1 -1
  118. package/src/dev/main.module.sass +16 -0
  119. package/src/dev/map-page.ts +19 -4
  120. package/src/dev/vector-tile-features.ts +44 -13
  121. package/src/location-panel/header.ts +27 -8
  122. package/src/location-panel/index.ts +4 -2
  123. package/src/location-panel/main.module.sass +7 -0
  124. package/src/main.module.sass +4 -1
  125. package/src/map-view/index.ts +1 -1
  126. package/dist/index.cjs.css +0 -961
  127. package/dist/index.cjs.css.map +0 -1
  128. package/dist/index.cjs.js +0 -1954
  129. package/dist/index.cjs.js.map +0 -1
  130. package/dist/index.css.map +0 -1
  131. package/dist/index.js +0 -1945
  132. package/dist/index.js.map +0 -1
  133. package/dist/types.d.ts.map +0 -1
package/dist/index.js DELETED
@@ -1,1945 +0,0 @@
1
- import "./index.css";
2
- import {Spinner as $Zz0sd$Spinner, Button as $Zz0sd$Button, Text as $Zz0sd$Text, Navbar as $Zz0sd$Navbar, Card as $Zz0sd$Card, Icon as $Zz0sd$Icon, Switch as $Zz0sd$Switch, Collapse as $Zz0sd$Collapse} from "@blueprintjs/core";
3
- import $Zz0sd$macrostrathyper, {addClassNames as $Zz0sd$addClassNames} from "@macrostrat/hyper";
4
- import {useMapStatus as $Zz0sd$useMapStatus, useFocusState as $Zz0sd$useFocusState, isCentered as $Zz0sd$isCentered, LocationFocusButton as $Zz0sd$LocationFocusButton, ZoomControl as $Zz0sd$ZoomControl, MapboxMapProvider as $Zz0sd$MapboxMapProvider, useMapPosition as $Zz0sd$useMapPosition, MapControlWrapper as $Zz0sd$MapControlWrapper, ThreeDControl as $Zz0sd$ThreeDControl, CompassControl as $Zz0sd$CompassControl, GlobeControl as $Zz0sd$GlobeControl, useMapRef as $Zz0sd$useMapRef, useMapEaseTo as $Zz0sd$useMapEaseTo, useMapDispatch as $Zz0sd$useMapDispatch, useMapInitialized as $Zz0sd$useMapInitialized, useMapConditionalStyle as $Zz0sd$useMapConditionalStyle} from "@macrostrat/mapbox-react";
5
- import {Spacer as $Zz0sd$Spacer, ErrorBoundary as $Zz0sd$ErrorBoundary, useToaster as $Zz0sd$useToaster, useDarkMode as $Zz0sd$useDarkMode, useStoredState as $Zz0sd$useStoredState, ToasterContext as $Zz0sd$ToasterContext, DevToolsButtonSlot as $Zz0sd$DevToolsButtonSlot, useInDarkMode as $Zz0sd$useInDarkMode, JSONView as $Zz0sd$JSONView, usePrevious as $Zz0sd$usePrevious} from "@macrostrat/ui-components";
6
- import $Zz0sd$classnames from "classnames";
7
- import {formatCoordForZoomLevel as $Zz0sd$formatCoordForZoomLevel, normalizeLng as $Zz0sd$normalizeLng, metersToFeet as $Zz0sd$metersToFeet, getMapboxStyle as $Zz0sd$getMapboxStyle, mergeStyles as $Zz0sd$mergeStyles, mapViewInfo as $Zz0sd$mapViewInfo, getMapPosition as $Zz0sd$getMapPosition, setMapPosition as $Zz0sd$setMapPosition} from "@macrostrat/mapbox-utils";
8
- import {format as $Zz0sd$format} from "d3-format";
9
- import $Zz0sd$mapboxgl, {ScaleControl as $Zz0sd$ScaleControl, GeolocateControl as $Zz0sd$GeolocateControl, Marker as $Zz0sd$Marker} from "mapbox-gl";
10
- import {useState as $Zz0sd$useState, useEffect as $Zz0sd$useEffect, useCallback as $Zz0sd$useCallback, useRef as $Zz0sd$useRef, useMemo as $Zz0sd$useMemo} from "react";
11
- import {asChromaColor as $Zz0sd$asChromaColor, toRGBAString as $Zz0sd$toRGBAString} from "@macrostrat/color-utils";
12
- import {useTransition as $Zz0sd$useTransition} from "transition-hook";
13
- import {debounce as $Zz0sd$debounce} from "underscore";
14
- import $Zz0sd$useresizeobserver from "use-resize-observer";
15
- import "mapbox-gl/dist/mapbox-gl.css";
16
- import {tileToGeoJSON as $Zz0sd$tileToGeoJSON} from "@mapbox/tilebelt";
17
- import {group as $Zz0sd$group} from "d3-array";
18
-
19
-
20
- function $parcel$interopDefault(a) {
21
- return a && a.__esModule ? a.default : a;
22
- }
23
-
24
- function $parcel$export(e, n, v, s) {
25
- Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
26
- }
27
-
28
- function $parcel$exportWildcard(dest, source) {
29
- Object.keys(source).forEach(function(key) {
30
- if (key === 'default' || key === '__esModule' || Object.prototype.hasOwnProperty.call(dest, key)) {
31
- return;
32
- }
33
-
34
- Object.defineProperty(dest, key, {
35
- enumerable: true,
36
- get: function get() {
37
- return source[key];
38
- }
39
- });
40
- });
41
-
42
- return dest;
43
- }
44
- var $6e914c81c8e053da$exports = {};
45
-
46
- $parcel$export($6e914c81c8e053da$exports, "LoadingButton", () => $6e914c81c8e053da$export$4ec83e90d030b2f3);
47
- $parcel$export($6e914c81c8e053da$exports, "MapLoadingButton", () => $6e914c81c8e053da$export$9e3bae3c08bde368);
48
- $parcel$export($6e914c81c8e053da$exports, "FloatingNavbar", () => $6e914c81c8e053da$export$a8cc0062d02a3841);
49
-
50
-
51
- var $fbe402416678c280$exports = {};
52
-
53
- $parcel$export($fbe402416678c280$exports, "loading-button", () => $fbe402416678c280$export$fcaa8d3bc8e9cf1e, (v) => $fbe402416678c280$export$fcaa8d3bc8e9cf1e = v);
54
- $parcel$export($fbe402416678c280$exports, "navbar", () => $fbe402416678c280$export$58733aaf927c3bbe, (v) => $fbe402416678c280$export$58733aaf927c3bbe = v);
55
- $parcel$export($fbe402416678c280$exports, "navbar-holder", () => $fbe402416678c280$export$d8779dd86528d602, (v) => $fbe402416678c280$export$d8779dd86528d602 = v);
56
- $parcel$export($fbe402416678c280$exports, "searchbar", () => $fbe402416678c280$export$2ac23befe9d406ee, (v) => $fbe402416678c280$export$2ac23befe9d406ee = v);
57
- $parcel$export($fbe402416678c280$exports, "searchbar-holder", () => $fbe402416678c280$export$3a39e67bbbcbd4ae, (v) => $fbe402416678c280$export$3a39e67bbbcbd4ae = v);
58
- $parcel$export($fbe402416678c280$exports, "status-tongue", () => $fbe402416678c280$export$764ade2d69041360, (v) => $fbe402416678c280$export$764ade2d69041360 = v);
59
- var $fbe402416678c280$export$fcaa8d3bc8e9cf1e;
60
- var $fbe402416678c280$export$58733aaf927c3bbe;
61
- var $fbe402416678c280$export$d8779dd86528d602;
62
- var $fbe402416678c280$export$2ac23befe9d406ee;
63
- var $fbe402416678c280$export$3a39e67bbbcbd4ae;
64
- var $fbe402416678c280$export$764ade2d69041360;
65
- $fbe402416678c280$export$fcaa8d3bc8e9cf1e = `_8hZKsW_loading-button`;
66
- $fbe402416678c280$export$58733aaf927c3bbe = `_8hZKsW_navbar`;
67
- $fbe402416678c280$export$d8779dd86528d602 = `_8hZKsW_navbar-holder`;
68
- $fbe402416678c280$export$2ac23befe9d406ee = `_8hZKsW_searchbar`;
69
- $fbe402416678c280$export$3a39e67bbbcbd4ae = `_8hZKsW_searchbar-holder`;
70
- $fbe402416678c280$export$764ade2d69041360 = `_8hZKsW_status-tongue`;
71
-
72
-
73
-
74
-
75
- const $6e914c81c8e053da$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($fbe402416678c280$exports))));
76
- const $6e914c81c8e053da$var$spinnerElement = $6e914c81c8e053da$var$h((0, $Zz0sd$Spinner), {
77
- size: 16
78
- });
79
- function $6e914c81c8e053da$export$4ec83e90d030b2f3({ isLoading: isLoading = false, onClick: onClick, active: active = false, large: large = false, icon: icon = "menu", style: style }) {
80
- return $6e914c81c8e053da$var$h((0, $Zz0sd$Button), {
81
- className: "loading-button",
82
- icon: isLoading ? $6e914c81c8e053da$var$spinnerElement : icon,
83
- large: large,
84
- minimal: true,
85
- onClick: onClick,
86
- active: active && !isLoading,
87
- style: style
88
- });
89
- }
90
- function $6e914c81c8e053da$export$9e3bae3c08bde368(props) {
91
- const isLoading = (0, $Zz0sd$useMapStatus)((s)=>s.isLoading);
92
- return $6e914c81c8e053da$var$h($6e914c81c8e053da$export$4ec83e90d030b2f3, {
93
- ...props,
94
- isLoading: isLoading
95
- });
96
- }
97
- function $6e914c81c8e053da$export$a8cc0062d02a3841({ className: className, children: children, headerElement: headerElement = null, title: title = null, statusElement: statusElement = null, rightElement: rightElement = null, height: height, width: width, style: style = {} }) {
98
- let _rightElement = null;
99
- if (rightElement != null) _rightElement = $6e914c81c8e053da$var$h("div.right-element", rightElement);
100
- let _headerElement = headerElement;
101
- if (title != null && _headerElement == null) {
102
- if (typeof title === "string") _headerElement = $6e914c81c8e053da$var$h((0, $Zz0sd$Text), {
103
- tagName: "h2",
104
- ellipsize: true
105
- }, title);
106
- else _headerElement = title;
107
- }
108
- if (_headerElement != null) _headerElement = $6e914c81c8e053da$var$h([
109
- _headerElement,
110
- $6e914c81c8e053da$var$h((0, $Zz0sd$Spacer))
111
- ]);
112
- return $6e914c81c8e053da$var$h("div.searchbar-holder", {
113
- className: className,
114
- style: {
115
- width: width
116
- }
117
- }, [
118
- $6e914c81c8e053da$var$h("div.navbar-holder", [
119
- $6e914c81c8e053da$var$h((0, $Zz0sd$Navbar), {
120
- className: "searchbar navbar panel",
121
- style: {
122
- height: height,
123
- ...style
124
- }
125
- }, [
126
- _headerElement,
127
- children,
128
- _rightElement
129
- ])
130
- ]),
131
- $6e914c81c8e053da$var$h.if(statusElement != null)((0, $Zz0sd$Card), {
132
- className: "status-tongue"
133
- }, statusElement)
134
- ]);
135
- }
136
-
137
-
138
- var $f50c3537aaff0cff$exports = {};
139
-
140
- $parcel$export($f50c3537aaff0cff$exports, "InfoDrawerContainer", () => $f50c3537aaff0cff$export$83f9a19cf91c2d06);
141
- $parcel$export($f50c3537aaff0cff$exports, "BaseInfoDrawer", () => $f50c3537aaff0cff$export$a5ddcc2a88716895);
142
- $parcel$export($f50c3537aaff0cff$exports, "LocationPanel", () => $f50c3537aaff0cff$export$aa4baff5242ea6e1);
143
-
144
-
145
-
146
-
147
- var $29ab0212ea6844d0$exports = {};
148
-
149
- $parcel$export($29ab0212ea6844d0$exports, "copy-link-button", () => $29ab0212ea6844d0$export$d1352d0c31a65024, (v) => $29ab0212ea6844d0$export$d1352d0c31a65024 = v);
150
- $parcel$export($29ab0212ea6844d0$exports, "infodrawer", () => $29ab0212ea6844d0$export$b5017f7ff265217d, (v) => $29ab0212ea6844d0$export$b5017f7ff265217d = v);
151
- $parcel$export($29ab0212ea6844d0$exports, "infodrawer-body", () => $29ab0212ea6844d0$export$310e8f86a84c074f, (v) => $29ab0212ea6844d0$export$310e8f86a84c074f = v);
152
- $parcel$export($29ab0212ea6844d0$exports, "infodrawer-contents", () => $29ab0212ea6844d0$export$69ed3ba502fbf15b, (v) => $29ab0212ea6844d0$export$69ed3ba502fbf15b = v);
153
- $parcel$export($29ab0212ea6844d0$exports, "infodrawer-header-item", () => $29ab0212ea6844d0$export$333d72514239bce8, (v) => $29ab0212ea6844d0$export$333d72514239bce8 = v);
154
- $parcel$export($29ab0212ea6844d0$exports, "left-icon", () => $29ab0212ea6844d0$export$f750577db09821ce, (v) => $29ab0212ea6844d0$export$f750577db09821ce = v);
155
- $parcel$export($29ab0212ea6844d0$exports, "loading", () => $29ab0212ea6844d0$export$46c1c92549715335, (v) => $29ab0212ea6844d0$export$46c1c92549715335 = v);
156
- $parcel$export($29ab0212ea6844d0$exports, "location-panel-header", () => $29ab0212ea6844d0$export$d821beb98a87c6d7, (v) => $29ab0212ea6844d0$export$d821beb98a87c6d7 = v);
157
- $parcel$export($29ab0212ea6844d0$exports, "position-controls", () => $29ab0212ea6844d0$export$dfae07a3bf0fbd6, (v) => $29ab0212ea6844d0$export$dfae07a3bf0fbd6 = v);
158
- $parcel$export($29ab0212ea6844d0$exports, "spacer", () => $29ab0212ea6844d0$export$8cc075c801fd6817, (v) => $29ab0212ea6844d0$export$8cc075c801fd6817 = v);
159
- var $29ab0212ea6844d0$export$d1352d0c31a65024;
160
- var $29ab0212ea6844d0$export$b5017f7ff265217d;
161
- var $29ab0212ea6844d0$export$310e8f86a84c074f;
162
- var $29ab0212ea6844d0$export$69ed3ba502fbf15b;
163
- var $29ab0212ea6844d0$export$333d72514239bce8;
164
- var $29ab0212ea6844d0$export$f750577db09821ce;
165
- var $29ab0212ea6844d0$export$46c1c92549715335;
166
- var $29ab0212ea6844d0$export$d821beb98a87c6d7;
167
- var $29ab0212ea6844d0$export$dfae07a3bf0fbd6;
168
- var $29ab0212ea6844d0$export$8cc075c801fd6817;
169
- $29ab0212ea6844d0$export$d1352d0c31a65024 = `VPa3-W_copy-link-button`;
170
- $29ab0212ea6844d0$export$b5017f7ff265217d = `VPa3-W_infodrawer`;
171
- $29ab0212ea6844d0$export$310e8f86a84c074f = `VPa3-W_infodrawer-body`;
172
- $29ab0212ea6844d0$export$69ed3ba502fbf15b = `VPa3-W_infodrawer-contents`;
173
- $29ab0212ea6844d0$export$333d72514239bce8 = `VPa3-W_infodrawer-header-item`;
174
- $29ab0212ea6844d0$export$f750577db09821ce = `VPa3-W_left-icon`;
175
- $29ab0212ea6844d0$export$46c1c92549715335 = `VPa3-W_loading`;
176
- $29ab0212ea6844d0$export$d821beb98a87c6d7 = `VPa3-W_location-panel-header`;
177
- $29ab0212ea6844d0$export$dfae07a3bf0fbd6 = `VPa3-W_position-controls`;
178
- $29ab0212ea6844d0$export$8cc075c801fd6817 = `VPa3-W_spacer`;
179
-
180
-
181
-
182
- var $4fae2d573d730db8$exports = {};
183
-
184
- $parcel$export($4fae2d573d730db8$exports, "ValueWithUnit", () => $4fae2d573d730db8$export$716098b85fd0efdf);
185
- $parcel$export($4fae2d573d730db8$exports, "DegreeCoord", () => $4fae2d573d730db8$export$af8082af0bea3eb1);
186
- $parcel$export($4fae2d573d730db8$exports, "LngLatCoords", () => $4fae2d573d730db8$export$f195b3550849e560);
187
- $parcel$export($4fae2d573d730db8$exports, "Elevation", () => $4fae2d573d730db8$export$58bfb4f6ec5aa58d);
188
-
189
-
190
-
191
- const $3e1bd09be8f70c4c$export$97c1b10e131a836d = (0, $Zz0sd$format)(".4~f");
192
- const $3e1bd09be8f70c4c$export$b1cb0f7fb990b3ea = (0, $Zz0sd$format)(".3~f");
193
- const $3e1bd09be8f70c4c$export$4c173b1b2f78faf7 = (0, $Zz0sd$format)(".2~f");
194
- const $3e1bd09be8f70c4c$export$e54bbd2c33d17485 = (0, $Zz0sd$format)(".1~f");
195
- const $3e1bd09be8f70c4c$export$bc135f63e2f56fd4 = (0, $Zz0sd$format)(".0f");
196
- function $3e1bd09be8f70c4c$export$7c4d25c0c3217d8c(val, precision = 0) {
197
- switch(precision){
198
- case 4:
199
- return $3e1bd09be8f70c4c$export$97c1b10e131a836d(val);
200
- case 3:
201
- return $3e1bd09be8f70c4c$export$b1cb0f7fb990b3ea(val);
202
- case 2:
203
- return $3e1bd09be8f70c4c$export$4c173b1b2f78faf7(val);
204
- case 1:
205
- return $3e1bd09be8f70c4c$export$e54bbd2c33d17485(val);
206
- case 0:
207
- return $3e1bd09be8f70c4c$export$bc135f63e2f56fd4(val);
208
- default:
209
- return $3e1bd09be8f70c4c$export$97c1b10e131a836d(val);
210
- }
211
- }
212
-
213
-
214
- var $bb5f34705d9c44bc$exports = {};
215
-
216
- $parcel$export($bb5f34705d9c44bc$exports, "applyMapPositionToHash", () => $bb5f34705d9c44bc$export$8391d1abb505ffb3);
217
- $parcel$export($bb5f34705d9c44bc$exports, "getMapPositionForHash", () => $bb5f34705d9c44bc$export$80abf1cbcc3918e4);
218
-
219
-
220
- function $bb5f34705d9c44bc$export$8391d1abb505ffb3(args, mapPosition) {
221
- const pos = mapPosition?.camera;
222
- if (pos == null) return;
223
- const zoom = mapPosition.target?.zoom;
224
- args.x = (0, $Zz0sd$formatCoordForZoomLevel)(pos.lng, zoom);
225
- args.y = (0, $Zz0sd$formatCoordForZoomLevel)(pos.lat, zoom);
226
- if (pos.bearing == 0 && pos.pitch == 0 && zoom != null) args.z = (0, $3e1bd09be8f70c4c$export$e54bbd2c33d17485)(zoom);
227
- else if (pos.altitude != null) {
228
- if (pos.altitude > 5000) args.z = (0, $3e1bd09be8f70c4c$export$4c173b1b2f78faf7)(pos.altitude / 1000) + "km";
229
- else args.z = (0, $3e1bd09be8f70c4c$export$bc135f63e2f56fd4)(pos.altitude) + "m";
230
- }
231
- if (pos.bearing != 0) {
232
- let az = pos.bearing;
233
- if (az < 0) az += 360;
234
- args.a = (0, $3e1bd09be8f70c4c$export$bc135f63e2f56fd4)(az);
235
- }
236
- if (pos.pitch != 0) args.e = (0, $3e1bd09be8f70c4c$export$bc135f63e2f56fd4)(pos.pitch);
237
- }
238
- function $bb5f34705d9c44bc$var$_fmt(x) {
239
- if (Array.isArray(x)) x = x[0];
240
- return parseFloat(x.toString());
241
- }
242
- function $bb5f34705d9c44bc$export$80abf1cbcc3918e4(hashData, centerPosition) {
243
- const { x: x = centerPosition?.lng ?? 0, y: y = centerPosition?.lat ?? 0, z: // Different default for zoom depending on whether we have a marker
244
- z = centerPosition != null ? 7 : 2, a: a = 0, e: e = 0 } = hashData;
245
- const lng = $bb5f34705d9c44bc$var$_fmt(x);
246
- const lat = $bb5f34705d9c44bc$var$_fmt(y);
247
- let altitude = null;
248
- let zoom = null;
249
- const _z = z.toString();
250
- if (_z.endsWith("km")) altitude = $bb5f34705d9c44bc$var$_fmt(_z.substring(0, _z.length - 2)) * 1000;
251
- else if (_z.endsWith("m")) altitude = $bb5f34705d9c44bc$var$_fmt(_z.substring(0, _z.length - 1));
252
- else zoom = $bb5f34705d9c44bc$var$_fmt(z);
253
- const bearing = $bb5f34705d9c44bc$var$_fmt(a);
254
- const pitch = $bb5f34705d9c44bc$var$_fmt(e);
255
- let target = undefined;
256
- if (bearing == 0 && pitch == 0 && zoom != null) target = {
257
- lat: lat,
258
- lng: lng,
259
- zoom: zoom
260
- };
261
- return {
262
- camera: {
263
- lng: $bb5f34705d9c44bc$var$_fmt(x),
264
- lat: $bb5f34705d9c44bc$var$_fmt(y),
265
- altitude: altitude,
266
- bearing: $bb5f34705d9c44bc$var$_fmt(a),
267
- pitch: $bb5f34705d9c44bc$var$_fmt(e)
268
- },
269
- target: target
270
- };
271
- }
272
-
273
-
274
- function $4fae2d573d730db8$export$716098b85fd0efdf(props) {
275
- const { value: value, unit: unit } = props;
276
- return (0, $Zz0sd$macrostrathyper)("span.value-with-unit", [
277
- (0, $Zz0sd$macrostrathyper)("span.value", [
278
- value
279
- ]),
280
- (0, $Zz0sd$macrostrathyper)("span.spacer", [
281
- " "
282
- ]),
283
- (0, $Zz0sd$macrostrathyper)("span.unit", [
284
- unit
285
- ])
286
- ]);
287
- }
288
- function $4fae2d573d730db8$export$af8082af0bea3eb1(props) {
289
- const { value: value, labels: labels, precision: precision = 3, format: format = (0, $3e1bd09be8f70c4c$export$7c4d25c0c3217d8c) } = props;
290
- const direction = value < 0 ? labels[1] : labels[0];
291
- return (0, $Zz0sd$macrostrathyper)($4fae2d573d730db8$export$716098b85fd0efdf, {
292
- value: format(Math.abs(value), precision) + "\xb0",
293
- unit: direction
294
- });
295
- }
296
- function $4fae2d573d730db8$export$f195b3550849e560(props) {
297
- /** Formatted geographic coordinates */ const { position: position, className: className, precision: precision, zoom: zoom } = props;
298
- let { format: format } = props;
299
- if (position == null) return null;
300
- let lat, lng;
301
- if (Array.isArray(position)) [lng, lat] = position;
302
- else ({ lat: lat, lng: lng } = position);
303
- if (zoom != null && format == null && precision == null) format = (val, _)=>(0, $Zz0sd$formatCoordForZoomLevel)(val, zoom);
304
- return (0, $Zz0sd$macrostrathyper)("div.lnglat-container", {
305
- className: className
306
- }, [
307
- (0, $Zz0sd$macrostrathyper)("span.lnglat", [
308
- (0, $Zz0sd$macrostrathyper)($4fae2d573d730db8$export$af8082af0bea3eb1, {
309
- value: lat,
310
- labels: [
311
- "N",
312
- "S"
313
- ],
314
- precision: precision,
315
- format: format
316
- }),
317
- ", ",
318
- (0, $Zz0sd$macrostrathyper)($4fae2d573d730db8$export$af8082af0bea3eb1, {
319
- value: (0, $Zz0sd$normalizeLng)(lng),
320
- labels: [
321
- "E",
322
- "W"
323
- ],
324
- precision: precision,
325
- format: format
326
- })
327
- ])
328
- ]);
329
- }
330
- function $4fae2d573d730db8$export$58bfb4f6ec5aa58d(props) {
331
- /** Renders an elevation value in meters and a parenthetical conversion to feet. */ const { elevation: elevation, className: className, includeFeet: includeFeet = true } = props;
332
- if (elevation == null) return null;
333
- return (0, $Zz0sd$macrostrathyper)("div.elevation", {
334
- className: className
335
- }, [
336
- (0, $Zz0sd$macrostrathyper)($4fae2d573d730db8$export$716098b85fd0efdf, {
337
- value: elevation,
338
- unit: "m"
339
- }),
340
- (0, $Zz0sd$macrostrathyper).if(includeFeet)("span.secondary", [
341
- " (",
342
- (0, $Zz0sd$macrostrathyper)($4fae2d573d730db8$export$716098b85fd0efdf, {
343
- value: (0, $Zz0sd$metersToFeet)(elevation),
344
- unit: "ft"
345
- }),
346
- ")"
347
- ])
348
- ]);
349
- }
350
- $parcel$exportWildcard($4fae2d573d730db8$exports, $bb5f34705d9c44bc$exports);
351
-
352
-
353
-
354
- const $427faf94283514d4$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($29ab0212ea6844d0$exports))));
355
- function $427faf94283514d4$var$PositionButton({ position: position, showCopyLink: showCopyLink = false }) {
356
- const focusState = (0, $Zz0sd$useFocusState)(position);
357
- const copyLinkIsVisible = (0, $Zz0sd$isCentered)(focusState) && showCopyLink;
358
- return $427faf94283514d4$var$h("div.position-controls", [
359
- $427faf94283514d4$var$h((0, $Zz0sd$LocationFocusButton), {
360
- location: position,
361
- focusState: focusState
362
- }, []),
363
- $427faf94283514d4$var$h.if(copyLinkIsVisible)($427faf94283514d4$var$CopyLinkButton, {
364
- itemName: "position"
365
- })
366
- ]);
367
- }
368
- function $427faf94283514d4$var$CopyLinkButton({ itemName: itemName, children: children, onClick: onClick, ...rest }) {
369
- const toaster = (0, $Zz0sd$useToaster)();
370
- let message = `Copied link`;
371
- if (itemName != null) message += ` to ${itemName}`;
372
- message += "!";
373
- return $427faf94283514d4$var$h((0, $Zz0sd$Button), {
374
- className: "copy-link-button",
375
- rightIcon: $427faf94283514d4$var$h((0, $Zz0sd$Icon), {
376
- icon: "link",
377
- size: 12
378
- }),
379
- minimal: true,
380
- small: true,
381
- onClick () {
382
- navigator.clipboard.writeText(window.location.href).then(()=>{
383
- toaster?.show({
384
- message: message,
385
- intent: "success",
386
- icon: "clipboard",
387
- timeout: 1000
388
- });
389
- onClick?.();
390
- }, ()=>{
391
- toaster?.show({
392
- message: "Failed to copy link",
393
- intent: "danger",
394
- icon: "error",
395
- timeout: 1000
396
- });
397
- });
398
- },
399
- ...rest
400
- }, children ?? "Copy link");
401
- }
402
- function $427faf94283514d4$export$e9ff14c4822c2e8c(props) {
403
- const { onClose: onClose, position: position, zoom: zoom = 7, elevation: elevation, showCopyPositionButton: showCopyPositionButton } = props;
404
- return $427faf94283514d4$var$h("header.location-panel-header", [
405
- $427faf94283514d4$var$h($427faf94283514d4$var$PositionButton, {
406
- position: position,
407
- showCopyLink: showCopyPositionButton
408
- }),
409
- $427faf94283514d4$var$h("div.spacer"),
410
- $427faf94283514d4$var$h((0, $4fae2d573d730db8$export$f195b3550849e560), {
411
- position: position,
412
- zoom: zoom,
413
- className: "infodrawer-header-item"
414
- }),
415
- $427faf94283514d4$var$h.if(elevation != null)((0, $4fae2d573d730db8$export$58bfb4f6ec5aa58d), {
416
- elevation: elevation,
417
- className: "infodrawer-header-item"
418
- }),
419
- $427faf94283514d4$var$h((0, $Zz0sd$Button), {
420
- minimal: true,
421
- icon: "cross",
422
- onClick: onClose
423
- })
424
- ]);
425
- }
426
-
427
-
428
-
429
-
430
-
431
- const $f50c3537aaff0cff$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($29ab0212ea6844d0$exports))));
432
- function $f50c3537aaff0cff$export$83f9a19cf91c2d06(props) {
433
- const className = (0, $Zz0sd$classnames)("infodrawer", props.className);
434
- return $f50c3537aaff0cff$var$h((0, $Zz0sd$Card), {
435
- ...props,
436
- className: className
437
- });
438
- }
439
- function $f50c3537aaff0cff$export$a5ddcc2a88716895(props) {
440
- const { className: className, headerElement: headerElement = null, title: title, onClose: onClose, children: children, ...rest } = props;
441
- const header = headerElement ?? $f50c3537aaff0cff$var$h((0, $427faf94283514d4$export$e9ff14c4822c2e8c), {
442
- onClose: onClose,
443
- ...rest
444
- }, [
445
- title == null ? null : $f50c3537aaff0cff$var$h("h3", [
446
- title
447
- ])
448
- ]);
449
- return $f50c3537aaff0cff$var$h($f50c3537aaff0cff$export$83f9a19cf91c2d06, {
450
- className: className
451
- }, [
452
- header,
453
- $f50c3537aaff0cff$var$h("div.infodrawer-body", $f50c3537aaff0cff$var$h("div.infodrawer-contents", $f50c3537aaff0cff$var$h((0, $Zz0sd$ErrorBoundary), null, children)))
454
- ]);
455
- }
456
- function $f50c3537aaff0cff$export$aa4baff5242ea6e1(props) {
457
- const { children: children, className: className, loading: loading = false, ...rest } = props;
458
- const cls = (0, $Zz0sd$classnames)("location-panel", className, {
459
- loading: loading
460
- });
461
- return $f50c3537aaff0cff$var$h($f50c3537aaff0cff$export$a5ddcc2a88716895, {
462
- className: cls,
463
- ...rest
464
- }, children);
465
- }
466
-
467
-
468
- var $b6d2ac1192949c28$exports = {};
469
- var $a281a0612311d660$exports = {};
470
-
471
- $parcel$export($a281a0612311d660$exports, "h", () => $a281a0612311d660$export$dda1d9f60106f0e9);
472
- $parcel$export($a281a0612311d660$exports, "MapInspector", () => $a281a0612311d660$export$c5febf3ae8816972);
473
- $parcel$export($a281a0612311d660$exports, "DevMapPage", () => $a281a0612311d660$export$2391061fbdfb71ef);
474
- // Import other components
475
-
476
-
477
-
478
-
479
-
480
- var $64ee2eed3ed5ffbc$exports = {};
481
-
482
- $parcel$export($64ee2eed3ed5ffbc$exports, "buildXRayStyle", () => $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d);
483
- $parcel$export($64ee2eed3ed5ffbc$exports, "buildInspectorStyle", () => $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6);
484
-
485
-
486
- async function $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d(baseStyle, params = null) {
487
- const { inDarkMode: inDarkMode = false, color: color = "rgb(74, 242, 161)", mapboxToken: mapboxToken, xRaySources: xRaySources } = params;
488
- const style = await (0, $Zz0sd$getMapboxStyle)(baseStyle, {
489
- access_token: mapboxToken
490
- });
491
- const sources = xRaySources ?? Object.keys(style.sources);
492
- let layers = [];
493
- for (let layer of style.layers){
494
- if (!sources.includes(layer.source)) {
495
- layers.push(layer);
496
- continue;
497
- }
498
- let newLayer = $64ee2eed3ed5ffbc$var$transformMapboxLayer(layer, color, inDarkMode);
499
- if (newLayer != null) layers.push(newLayer);
500
- }
501
- return {
502
- ...style,
503
- layers: layers
504
- };
505
- }
506
- function $64ee2eed3ed5ffbc$var$transformMapboxLayer(layer, color, inDarkMode) {
507
- const c = (0, $Zz0sd$asChromaColor)(color);
508
- const xRayColor = (opacity = 1, darken = 0)=>{
509
- if (!inDarkMode) return (0, $Zz0sd$toRGBAString)(c.darken(2 - darken).alpha(opacity));
510
- return (0, $Zz0sd$toRGBAString)(c.alpha(opacity).darken(darken));
511
- };
512
- if (layer.type == "background") return null;
513
- let newLayer = {
514
- ...layer
515
- };
516
- console.log(xRayColor(0.5));
517
- if (layer.type == "fill") newLayer.paint = {
518
- "fill-color": xRayColor(0.1),
519
- "fill-outline-color": xRayColor(0.5)
520
- };
521
- else if (layer.type == "line") newLayer.paint = {
522
- "line-color": xRayColor(0.5, 0),
523
- "line-width": 1.5
524
- };
525
- else if (layer.type == "symbol") newLayer.paint = {
526
- "text-color": xRayColor(1, -0.5),
527
- "text-halo-color": "#000"
528
- };
529
- else if (layer.type == "circle") newLayer.paint = {
530
- "circle-color": xRayColor(0.5, 0),
531
- "circle-stroke-color": xRayColor(0.5, 1),
532
- "circle-radius": 2
533
- };
534
- return newLayer;
535
- }
536
- async function $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6(baseStyle, overlayStyle = null, params = {}) {
537
- const { mapboxToken: mapboxToken, xRay: xRay = false, xRaySources: _xRaySources, ...rest } = params;
538
- let xRaySources = _xRaySources;
539
- let style = await (0, $Zz0sd$getMapboxStyle)(baseStyle, {
540
- access_token: mapboxToken
541
- });
542
- if (overlayStyle != null) {
543
- const overlay = await (0, $Zz0sd$getMapboxStyle)(overlayStyle, {
544
- access_token: mapboxToken
545
- });
546
- style = (0, $Zz0sd$mergeStyles)(style, overlay);
547
- xRaySources ??= Object.keys(overlay.sources);
548
- }
549
- if (xRay) {
550
- // If we haven't specified sources, then we'll use all of them
551
- xRaySources ??= Object.keys(style.sources);
552
- style = await $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d(style, {
553
- ...rest,
554
- mapboxToken: mapboxToken,
555
- xRaySources: xRaySources
556
- });
557
- }
558
- return style;
559
- }
560
-
561
-
562
- var $4bdfa9cd8240b2fd$exports = {};
563
-
564
- $parcel$export($4bdfa9cd8240b2fd$exports, "PanelCard", () => $4bdfa9cd8240b2fd$export$ec68dd77edbe678b);
565
- $parcel$export($4bdfa9cd8240b2fd$exports, "DetailPanelStyle", () => $4bdfa9cd8240b2fd$export$612ca936d3ed4784);
566
- $parcel$export($4bdfa9cd8240b2fd$exports, "MapAreaContainer", () => $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290);
567
- $parcel$export($4bdfa9cd8240b2fd$exports, "MapStyledContainer", () => $4bdfa9cd8240b2fd$export$fa395a37c3898ae3);
568
-
569
- var $1f5c274a1b8d54c3$exports = {};
570
-
571
- $parcel$export($1f5c274a1b8d54c3$exports, "map-container", () => $1f5c274a1b8d54c3$export$d7f2c44afcf5df56, (v) => $1f5c274a1b8d54c3$export$d7f2c44afcf5df56 = v);
572
- $parcel$export($1f5c274a1b8d54c3$exports, "show-panel-outlines", () => $1f5c274a1b8d54c3$export$e163bcc0a29d66c, (v) => $1f5c274a1b8d54c3$export$e163bcc0a29d66c = v);
573
- $parcel$export($1f5c274a1b8d54c3$exports, "map-view-container", () => $1f5c274a1b8d54c3$export$11aa7dc57218208d, (v) => $1f5c274a1b8d54c3$export$11aa7dc57218208d = v);
574
- $parcel$export($1f5c274a1b8d54c3$exports, "fit-viewport", () => $1f5c274a1b8d54c3$export$2a73fca7b70dce31, (v) => $1f5c274a1b8d54c3$export$2a73fca7b70dce31 = v);
575
- $parcel$export($1f5c274a1b8d54c3$exports, "compass-control", () => $1f5c274a1b8d54c3$export$cc73204c64cc0950, (v) => $1f5c274a1b8d54c3$export$cc73204c64cc0950 = v);
576
- $parcel$export($1f5c274a1b8d54c3$exports, "map-is-rotated", () => $1f5c274a1b8d54c3$export$d2972e7dfac51dc2, (v) => $1f5c274a1b8d54c3$export$d2972e7dfac51dc2 = v);
577
- $parcel$export($1f5c274a1b8d54c3$exports, "map-3d-control", () => $1f5c274a1b8d54c3$export$142b9410c523ef40, (v) => $1f5c274a1b8d54c3$export$142b9410c523ef40 = v);
578
- $parcel$export($1f5c274a1b8d54c3$exports, "map-3d-available", () => $1f5c274a1b8d54c3$export$6bc2d6545947abbc, (v) => $1f5c274a1b8d54c3$export$6bc2d6545947abbc = v);
579
- $parcel$export($1f5c274a1b8d54c3$exports, "globe-control", () => $1f5c274a1b8d54c3$export$b06313b17bd37b68, (v) => $1f5c274a1b8d54c3$export$b06313b17bd37b68 = v);
580
- $parcel$export($1f5c274a1b8d54c3$exports, "map-is-global", () => $1f5c274a1b8d54c3$export$ea9cfbb56edd0e47, (v) => $1f5c274a1b8d54c3$export$ea9cfbb56edd0e47 = v);
581
- $parcel$export($1f5c274a1b8d54c3$exports, "detail-panel-open", () => $1f5c274a1b8d54c3$export$62a60ea2feb29c53, (v) => $1f5c274a1b8d54c3$export$62a60ea2feb29c53 = v);
582
- $parcel$export($1f5c274a1b8d54c3$exports, "zoom-control", () => $1f5c274a1b8d54c3$export$61e54aa1efb913ad, (v) => $1f5c274a1b8d54c3$export$61e54aa1efb913ad = v);
583
- $parcel$export($1f5c274a1b8d54c3$exports, "detail-panel-fixed", () => $1f5c274a1b8d54c3$export$4a4f34b86d8e6504, (v) => $1f5c274a1b8d54c3$export$4a4f34b86d8e6504 = v);
584
- $parcel$export($1f5c274a1b8d54c3$exports, "detail-panel-holder", () => $1f5c274a1b8d54c3$export$f553ebb4e6df6c5f, (v) => $1f5c274a1b8d54c3$export$f553ebb4e6df6c5f = v);
585
- $parcel$export($1f5c274a1b8d54c3$exports, "map-control-stack", () => $1f5c274a1b8d54c3$export$c163dab1f00a51cb, (v) => $1f5c274a1b8d54c3$export$c163dab1f00a51cb = v);
586
- $parcel$export($1f5c274a1b8d54c3$exports, "main-row", () => $1f5c274a1b8d54c3$export$bc4885f800420ea3, (v) => $1f5c274a1b8d54c3$export$bc4885f800420ea3 = v);
587
- $parcel$export($1f5c274a1b8d54c3$exports, "map-ui", () => $1f5c274a1b8d54c3$export$7d4a718201bc0bd1, (v) => $1f5c274a1b8d54c3$export$7d4a718201bc0bd1 = v);
588
- $parcel$export($1f5c274a1b8d54c3$exports, "mapbox-map", () => $1f5c274a1b8d54c3$export$d0dcaf774d09fc4c, (v) => $1f5c274a1b8d54c3$export$d0dcaf774d09fc4c = v);
589
- $parcel$export($1f5c274a1b8d54c3$exports, "context-panel-holder", () => $1f5c274a1b8d54c3$export$1113ec858cdbc244, (v) => $1f5c274a1b8d54c3$export$1113ec858cdbc244 = v);
590
- $parcel$export($1f5c274a1b8d54c3$exports, "panel-card", () => $1f5c274a1b8d54c3$export$8eff531ff0f1cffe, (v) => $1f5c274a1b8d54c3$export$8eff531ff0f1cffe = v);
591
- $parcel$export($1f5c274a1b8d54c3$exports, "context-stack", () => $1f5c274a1b8d54c3$export$a15c1c170cdda69a, (v) => $1f5c274a1b8d54c3$export$a15c1c170cdda69a = v);
592
- $parcel$export($1f5c274a1b8d54c3$exports, "searchbar", () => $1f5c274a1b8d54c3$export$2ac23befe9d406ee, (v) => $1f5c274a1b8d54c3$export$2ac23befe9d406ee = v);
593
- $parcel$export($1f5c274a1b8d54c3$exports, "detail-stack", () => $1f5c274a1b8d54c3$export$bb1d4538b98f1621, (v) => $1f5c274a1b8d54c3$export$bb1d4538b98f1621 = v);
594
- $parcel$export($1f5c274a1b8d54c3$exports, "panel-container", () => $1f5c274a1b8d54c3$export$9dd9a0eceddf6af6, (v) => $1f5c274a1b8d54c3$export$9dd9a0eceddf6af6 = v);
595
- $parcel$export($1f5c274a1b8d54c3$exports, "panel-title", () => $1f5c274a1b8d54c3$export$9672a0c48c9048ad, (v) => $1f5c274a1b8d54c3$export$9672a0c48c9048ad = v);
596
- $parcel$export($1f5c274a1b8d54c3$exports, "spacer", () => $1f5c274a1b8d54c3$export$8cc075c801fd6817, (v) => $1f5c274a1b8d54c3$export$8cc075c801fd6817 = v);
597
- $parcel$export($1f5c274a1b8d54c3$exports, "searchbar-holder", () => $1f5c274a1b8d54c3$export$3a39e67bbbcbd4ae, (v) => $1f5c274a1b8d54c3$export$3a39e67bbbcbd4ae = v);
598
- $parcel$export($1f5c274a1b8d54c3$exports, "right-panel", () => $1f5c274a1b8d54c3$export$3332ecdf6c5467a, (v) => $1f5c274a1b8d54c3$export$3332ecdf6c5467a = v);
599
- $parcel$export($1f5c274a1b8d54c3$exports, "buttons", () => $1f5c274a1b8d54c3$export$bbea856fdb3e3c5f, (v) => $1f5c274a1b8d54c3$export$bbea856fdb3e3c5f = v);
600
- $parcel$export($1f5c274a1b8d54c3$exports, "tab-button", () => $1f5c274a1b8d54c3$export$76800529067ae833, (v) => $1f5c274a1b8d54c3$export$76800529067ae833 = v);
601
- $parcel$export($1f5c274a1b8d54c3$exports, "menu-card", () => $1f5c274a1b8d54c3$export$d94de0bab38fd59, (v) => $1f5c274a1b8d54c3$export$d94de0bab38fd59 = v);
602
- $parcel$export($1f5c274a1b8d54c3$exports, "narrow-card", () => $1f5c274a1b8d54c3$export$9769f988dc28baf, (v) => $1f5c274a1b8d54c3$export$9769f988dc28baf = v);
603
- $parcel$export($1f5c274a1b8d54c3$exports, "panel-header", () => $1f5c274a1b8d54c3$export$90b77e3be608e918, (v) => $1f5c274a1b8d54c3$export$90b77e3be608e918 = v);
604
- $parcel$export($1f5c274a1b8d54c3$exports, "minimal", () => $1f5c274a1b8d54c3$export$10c083462c34aef3, (v) => $1f5c274a1b8d54c3$export$10c083462c34aef3 = v);
605
- $parcel$export($1f5c274a1b8d54c3$exports, "context-panel-leave", () => $1f5c274a1b8d54c3$export$f3ad069e7751fe80, (v) => $1f5c274a1b8d54c3$export$f3ad069e7751fe80 = v);
606
- $parcel$export($1f5c274a1b8d54c3$exports, "narrow-enter", () => $1f5c274a1b8d54c3$export$c20b2d766062840f, (v) => $1f5c274a1b8d54c3$export$c20b2d766062840f = v);
607
- $parcel$export($1f5c274a1b8d54c3$exports, "menu-group", () => $1f5c274a1b8d54c3$export$3a4b737893473805, (v) => $1f5c274a1b8d54c3$export$3a4b737893473805 = v);
608
- $parcel$export($1f5c274a1b8d54c3$exports, "menu-content", () => $1f5c274a1b8d54c3$export$3eeb6f640f2fe17b, (v) => $1f5c274a1b8d54c3$export$3eeb6f640f2fe17b = v);
609
- $parcel$export($1f5c274a1b8d54c3$exports, "bp5-button-group", () => $1f5c274a1b8d54c3$export$6fe71a6d4f52db2a, (v) => $1f5c274a1b8d54c3$export$6fe71a6d4f52db2a = v);
610
- $parcel$export($1f5c274a1b8d54c3$exports, "detail-panel-container", () => $1f5c274a1b8d54c3$export$aa8359f513bf67ff, (v) => $1f5c274a1b8d54c3$export$aa8359f513bf67ff = v);
611
- $parcel$export($1f5c274a1b8d54c3$exports, "map-right-controls", () => $1f5c274a1b8d54c3$export$98a77ae0c82023e7, (v) => $1f5c274a1b8d54c3$export$98a77ae0c82023e7 = v);
612
- $parcel$export($1f5c274a1b8d54c3$exports, "map-controls", () => $1f5c274a1b8d54c3$export$802dc54769b48aa7, (v) => $1f5c274a1b8d54c3$export$802dc54769b48aa7 = v);
613
- $parcel$export($1f5c274a1b8d54c3$exports, "map-scale-control", () => $1f5c274a1b8d54c3$export$b56f659d649f0d92, (v) => $1f5c274a1b8d54c3$export$b56f659d649f0d92 = v);
614
- $parcel$export($1f5c274a1b8d54c3$exports, "detail-panel-enter", () => $1f5c274a1b8d54c3$export$e017ebf46ba443ed, (v) => $1f5c274a1b8d54c3$export$e017ebf46ba443ed = v);
615
- $parcel$export($1f5c274a1b8d54c3$exports, "infodrawer-stack", () => $1f5c274a1b8d54c3$export$69fa1b5d46c139b9, (v) => $1f5c274a1b8d54c3$export$69fa1b5d46c139b9 = v);
616
- $parcel$export($1f5c274a1b8d54c3$exports, "detail-panel", () => $1f5c274a1b8d54c3$export$c6930745f2610de0, (v) => $1f5c274a1b8d54c3$export$c6930745f2610de0 = v);
617
- $parcel$export($1f5c274a1b8d54c3$exports, "adaptive-width", () => $1f5c274a1b8d54c3$export$4db621d3143ef457, (v) => $1f5c274a1b8d54c3$export$4db621d3143ef457 = v);
618
- $parcel$export($1f5c274a1b8d54c3$exports, "context-panel-from", () => $1f5c274a1b8d54c3$export$90f42dafd5c24d2d, (v) => $1f5c274a1b8d54c3$export$90f42dafd5c24d2d = v);
619
- $parcel$export($1f5c274a1b8d54c3$exports, "context-panel-enter", () => $1f5c274a1b8d54c3$export$9ea3835d1b44cc08, (v) => $1f5c274a1b8d54c3$export$9ea3835d1b44cc08 = v);
620
- $parcel$export($1f5c274a1b8d54c3$exports, "detail-panel-floating", () => $1f5c274a1b8d54c3$export$50b37414f37debaa, (v) => $1f5c274a1b8d54c3$export$50b37414f37debaa = v);
621
- $parcel$export($1f5c274a1b8d54c3$exports, "detail-panel-from", () => $1f5c274a1b8d54c3$export$419647d5ce4279cb, (v) => $1f5c274a1b8d54c3$export$419647d5ce4279cb = v);
622
- $parcel$export($1f5c274a1b8d54c3$exports, "detail-panel-leave", () => $1f5c274a1b8d54c3$export$1d0f1d0b062c3bee, (v) => $1f5c274a1b8d54c3$export$1d0f1d0b062c3bee = v);
623
- $parcel$export($1f5c274a1b8d54c3$exports, "context-panel", () => $1f5c274a1b8d54c3$export$b4dbb67ffc3cc7a9, (v) => $1f5c274a1b8d54c3$export$b4dbb67ffc3cc7a9 = v);
624
- var $1f5c274a1b8d54c3$export$d7f2c44afcf5df56;
625
- var $1f5c274a1b8d54c3$export$e163bcc0a29d66c;
626
- var $1f5c274a1b8d54c3$export$11aa7dc57218208d;
627
- var $1f5c274a1b8d54c3$export$2a73fca7b70dce31;
628
- var $1f5c274a1b8d54c3$export$cc73204c64cc0950;
629
- var $1f5c274a1b8d54c3$export$d2972e7dfac51dc2;
630
- var $1f5c274a1b8d54c3$export$142b9410c523ef40;
631
- var $1f5c274a1b8d54c3$export$6bc2d6545947abbc;
632
- var $1f5c274a1b8d54c3$export$b06313b17bd37b68;
633
- var $1f5c274a1b8d54c3$export$ea9cfbb56edd0e47;
634
- var $1f5c274a1b8d54c3$export$62a60ea2feb29c53;
635
- var $1f5c274a1b8d54c3$export$61e54aa1efb913ad;
636
- var $1f5c274a1b8d54c3$export$4a4f34b86d8e6504;
637
- var $1f5c274a1b8d54c3$export$f553ebb4e6df6c5f;
638
- var $1f5c274a1b8d54c3$export$c163dab1f00a51cb;
639
- var $1f5c274a1b8d54c3$export$bc4885f800420ea3;
640
- var $1f5c274a1b8d54c3$export$7d4a718201bc0bd1;
641
- var $1f5c274a1b8d54c3$export$d0dcaf774d09fc4c;
642
- var $1f5c274a1b8d54c3$export$1113ec858cdbc244;
643
- var $1f5c274a1b8d54c3$export$8eff531ff0f1cffe;
644
- var $1f5c274a1b8d54c3$export$a15c1c170cdda69a;
645
- var $1f5c274a1b8d54c3$export$2ac23befe9d406ee;
646
- var $1f5c274a1b8d54c3$export$bb1d4538b98f1621;
647
- var $1f5c274a1b8d54c3$export$9dd9a0eceddf6af6;
648
- var $1f5c274a1b8d54c3$export$9672a0c48c9048ad;
649
- var $1f5c274a1b8d54c3$export$8cc075c801fd6817;
650
- var $1f5c274a1b8d54c3$export$3a39e67bbbcbd4ae;
651
- var $1f5c274a1b8d54c3$export$3332ecdf6c5467a;
652
- var $1f5c274a1b8d54c3$export$bbea856fdb3e3c5f;
653
- var $1f5c274a1b8d54c3$export$76800529067ae833;
654
- var $1f5c274a1b8d54c3$export$d94de0bab38fd59;
655
- var $1f5c274a1b8d54c3$export$9769f988dc28baf;
656
- var $1f5c274a1b8d54c3$export$90b77e3be608e918;
657
- var $1f5c274a1b8d54c3$export$10c083462c34aef3;
658
- var $1f5c274a1b8d54c3$export$f3ad069e7751fe80;
659
- var $1f5c274a1b8d54c3$export$c20b2d766062840f;
660
- var $1f5c274a1b8d54c3$export$3a4b737893473805;
661
- var $1f5c274a1b8d54c3$export$3eeb6f640f2fe17b;
662
- var $1f5c274a1b8d54c3$export$6fe71a6d4f52db2a;
663
- var $1f5c274a1b8d54c3$export$aa8359f513bf67ff;
664
- var $1f5c274a1b8d54c3$export$98a77ae0c82023e7;
665
- var $1f5c274a1b8d54c3$export$802dc54769b48aa7;
666
- var $1f5c274a1b8d54c3$export$b56f659d649f0d92;
667
- var $1f5c274a1b8d54c3$export$e017ebf46ba443ed;
668
- var $1f5c274a1b8d54c3$export$69fa1b5d46c139b9;
669
- var $1f5c274a1b8d54c3$export$c6930745f2610de0;
670
- var $1f5c274a1b8d54c3$export$4db621d3143ef457;
671
- var $1f5c274a1b8d54c3$export$90f42dafd5c24d2d;
672
- var $1f5c274a1b8d54c3$export$9ea3835d1b44cc08;
673
- var $1f5c274a1b8d54c3$export$50b37414f37debaa;
674
- var $1f5c274a1b8d54c3$export$419647d5ce4279cb;
675
- var $1f5c274a1b8d54c3$export$1d0f1d0b062c3bee;
676
- var $1f5c274a1b8d54c3$export$b4dbb67ffc3cc7a9;
677
- $1f5c274a1b8d54c3$export$d7f2c44afcf5df56 = "map-container_4c0a66";
678
- $1f5c274a1b8d54c3$export$e163bcc0a29d66c = "show-panel-outlines_4c0a66";
679
- $1f5c274a1b8d54c3$export$11aa7dc57218208d = "map-view-container_4c0a66";
680
- $1f5c274a1b8d54c3$export$2a73fca7b70dce31 = "fit-viewport_4c0a66";
681
- $1f5c274a1b8d54c3$export$cc73204c64cc0950 = "compass-control_4c0a66";
682
- $1f5c274a1b8d54c3$export$d2972e7dfac51dc2 = "map-is-rotated_4c0a66";
683
- $1f5c274a1b8d54c3$export$142b9410c523ef40 = "map-3d-control_4c0a66";
684
- $1f5c274a1b8d54c3$export$6bc2d6545947abbc = "map-3d-available_4c0a66";
685
- $1f5c274a1b8d54c3$export$b06313b17bd37b68 = "globe-control_4c0a66";
686
- $1f5c274a1b8d54c3$export$ea9cfbb56edd0e47 = "map-is-global_4c0a66";
687
- $1f5c274a1b8d54c3$export$62a60ea2feb29c53 = "detail-panel-open_4c0a66";
688
- $1f5c274a1b8d54c3$export$61e54aa1efb913ad = "zoom-control_4c0a66";
689
- $1f5c274a1b8d54c3$export$4a4f34b86d8e6504 = "detail-panel-fixed_4c0a66";
690
- $1f5c274a1b8d54c3$export$f553ebb4e6df6c5f = "detail-panel-holder_4c0a66";
691
- $1f5c274a1b8d54c3$export$c163dab1f00a51cb = "map-control-stack_4c0a66";
692
- $1f5c274a1b8d54c3$export$bc4885f800420ea3 = "main-row_4c0a66";
693
- $1f5c274a1b8d54c3$export$7d4a718201bc0bd1 = "map-ui_4c0a66";
694
- $1f5c274a1b8d54c3$export$d0dcaf774d09fc4c = "mapbox-map_4c0a66";
695
- $1f5c274a1b8d54c3$export$1113ec858cdbc244 = "context-panel-holder_4c0a66";
696
- $1f5c274a1b8d54c3$export$8eff531ff0f1cffe = "panel-card_4c0a66";
697
- $1f5c274a1b8d54c3$export$a15c1c170cdda69a = "context-stack_4c0a66";
698
- $1f5c274a1b8d54c3$export$2ac23befe9d406ee = "searchbar_4c0a66";
699
- $1f5c274a1b8d54c3$export$bb1d4538b98f1621 = "detail-stack_4c0a66";
700
- $1f5c274a1b8d54c3$export$9dd9a0eceddf6af6 = "panel-container_4c0a66";
701
- $1f5c274a1b8d54c3$export$9672a0c48c9048ad = "panel-title_4c0a66";
702
- $1f5c274a1b8d54c3$export$8cc075c801fd6817 = "spacer_4c0a66";
703
- $1f5c274a1b8d54c3$export$3a39e67bbbcbd4ae = "searchbar-holder_4c0a66";
704
- $1f5c274a1b8d54c3$export$3332ecdf6c5467a = "right-panel_4c0a66";
705
- $1f5c274a1b8d54c3$export$bbea856fdb3e3c5f = "buttons_4c0a66";
706
- $1f5c274a1b8d54c3$export$76800529067ae833 = "tab-button_4c0a66";
707
- $1f5c274a1b8d54c3$export$d94de0bab38fd59 = "menu-card_4c0a66";
708
- $1f5c274a1b8d54c3$export$9769f988dc28baf = "narrow-card_4c0a66";
709
- $1f5c274a1b8d54c3$export$90b77e3be608e918 = "panel-header_4c0a66";
710
- $1f5c274a1b8d54c3$export$10c083462c34aef3 = "minimal_4c0a66";
711
- $1f5c274a1b8d54c3$export$f3ad069e7751fe80 = "context-panel-leave_4c0a66";
712
- $1f5c274a1b8d54c3$export$c20b2d766062840f = "narrow-enter_4c0a66";
713
- $1f5c274a1b8d54c3$export$3a4b737893473805 = "menu-group_4c0a66";
714
- $1f5c274a1b8d54c3$export$3eeb6f640f2fe17b = "menu-content_4c0a66";
715
- $1f5c274a1b8d54c3$export$6fe71a6d4f52db2a = "bp5-button-group_4c0a66";
716
- $1f5c274a1b8d54c3$export$aa8359f513bf67ff = "detail-panel-container_4c0a66";
717
- $1f5c274a1b8d54c3$export$98a77ae0c82023e7 = "map-right-controls_4c0a66";
718
- $1f5c274a1b8d54c3$export$802dc54769b48aa7 = "map-controls_4c0a66";
719
- $1f5c274a1b8d54c3$export$b56f659d649f0d92 = "map-scale-control_4c0a66";
720
- $1f5c274a1b8d54c3$export$e017ebf46ba443ed = "detail-panel-enter_4c0a66";
721
- $1f5c274a1b8d54c3$export$69fa1b5d46c139b9 = "infodrawer-stack_4c0a66";
722
- $1f5c274a1b8d54c3$export$c6930745f2610de0 = "detail-panel_4c0a66";
723
- $1f5c274a1b8d54c3$export$4db621d3143ef457 = "adaptive-width_4c0a66";
724
- $1f5c274a1b8d54c3$export$90f42dafd5c24d2d = "context-panel-from_4c0a66";
725
- $1f5c274a1b8d54c3$export$9ea3835d1b44cc08 = "context-panel-enter_4c0a66";
726
- $1f5c274a1b8d54c3$export$50b37414f37debaa = "detail-panel-floating_4c0a66";
727
- $1f5c274a1b8d54c3$export$419647d5ce4279cb = "detail-panel-from_4c0a66";
728
- $1f5c274a1b8d54c3$export$1d0f1d0b062c3bee = "detail-panel-leave_4c0a66";
729
- $1f5c274a1b8d54c3$export$b4dbb67ffc3cc7a9 = "context-panel_4c0a66";
730
-
731
-
732
-
733
-
734
-
735
-
736
- var $91d5aa004eeb2226$exports = {};
737
-
738
- $parcel$export($91d5aa004eeb2226$exports, "MapBottomControls", () => $91d5aa004eeb2226$export$db1a2e058a06fb5c);
739
-
740
-
741
-
742
-
743
-
744
-
745
- const $91d5aa004eeb2226$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($1f5c274a1b8d54c3$exports))));
746
- function $91d5aa004eeb2226$var$ScaleControl(props) {
747
- const optionsRef = (0, $Zz0sd$useRef)({
748
- maxWidth: 200,
749
- unit: "metric"
750
- });
751
- return $91d5aa004eeb2226$var$h((0, $Zz0sd$MapControlWrapper), {
752
- className: "map-scale-control",
753
- control: (0, $Zz0sd$ScaleControl),
754
- options: optionsRef.current,
755
- ...props
756
- });
757
- }
758
- function $91d5aa004eeb2226$var$GeolocationControl(props) {
759
- const optionsRef = (0, $Zz0sd$useRef)({
760
- showAccuracyCircle: true,
761
- showUserLocation: true,
762
- trackUserLocation: true,
763
- positionOptions: {
764
- enableHighAccuracy: true
765
- }
766
- });
767
- return $91d5aa004eeb2226$var$h((0, $Zz0sd$MapControlWrapper), {
768
- control: (0, $Zz0sd$GeolocateControl),
769
- options: optionsRef.current,
770
- ...props
771
- });
772
- }
773
- function $91d5aa004eeb2226$export$db1a2e058a06fb5c({ children: children }) {
774
- const { isInitialized: isInitialized } = (0, $Zz0sd$useMapStatus)();
775
- if (!isInitialized) return null;
776
- return $91d5aa004eeb2226$var$h("div.map-controls", [
777
- $91d5aa004eeb2226$var$h($91d5aa004eeb2226$var$ScaleControl),
778
- $91d5aa004eeb2226$var$h((0, $Zz0sd$ThreeDControl), {
779
- className: "map-3d-control"
780
- }),
781
- $91d5aa004eeb2226$var$h((0, $Zz0sd$CompassControl), {
782
- className: "compass-control"
783
- }),
784
- $91d5aa004eeb2226$var$h((0, $Zz0sd$GlobeControl), {
785
- className: "globe-control"
786
- }),
787
- $91d5aa004eeb2226$var$h($91d5aa004eeb2226$var$GeolocationControl, {
788
- className: "geolocation-control"
789
- }),
790
- // If we have global development tools enabled, show the button
791
- $91d5aa004eeb2226$var$h((0, $Zz0sd$DevToolsButtonSlot), {
792
- className: "map-control"
793
- }),
794
- children
795
- ]);
796
- }
797
-
798
-
799
-
800
-
801
- const $4bdfa9cd8240b2fd$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($1f5c274a1b8d54c3$exports))));
802
- const $4bdfa9cd8240b2fd$export$ec68dd77edbe678b = (props)=>$4bdfa9cd8240b2fd$var$h((0, $Zz0sd$Card), {
803
- ...props,
804
- className: (0, $Zz0sd$classnames)("panel-card", props.className)
805
- });
806
- var $4bdfa9cd8240b2fd$export$612ca936d3ed4784;
807
- (function(DetailPanelStyle) {
808
- DetailPanelStyle["FIXED"] = "fixed";
809
- DetailPanelStyle["FLOATING"] = "floating";
810
- })($4bdfa9cd8240b2fd$export$612ca936d3ed4784 || ($4bdfa9cd8240b2fd$export$612ca936d3ed4784 = {}));
811
- const $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290 = (props)=>$4bdfa9cd8240b2fd$var$h($4bdfa9cd8240b2fd$var$MapProviders, $4bdfa9cd8240b2fd$var$h($4bdfa9cd8240b2fd$var$_MapAreaContainer, props));
812
- function $4bdfa9cd8240b2fd$var$_MapAreaContainer({ children: children, className: className, navbar: navbar, contextPanel: contextPanel = null, detailPanel: detailPanel = null, detailPanelOpen: detailPanelOpen, contextPanelOpen: contextPanelOpen = true, bottomPanel: bottomPanel = null, mainPanel: mainPanel, mapControls: mapControls = $4bdfa9cd8240b2fd$var$h((0, $91d5aa004eeb2226$export$db1a2e058a06fb5c)), contextStackProps: contextStackProps = null, detailStackProps: detailStackProps = null, detailPanelStyle: detailPanelStyle = "floating", fitViewport: fitViewport = true, showPanelOutlines: showPanelOutlines = false, preventMapInteraction: preventMapInteraction = false, ...rest }) {
813
- const _detailPanelOpen = detailPanelOpen ?? detailPanel != null;
814
- const contextPanelTrans = (0, $Zz0sd$useTransition)(contextPanelOpen, 800);
815
- const detailPanelTrans = (0, $Zz0sd$useTransition)(_detailPanelOpen, 800);
816
- /*- We apply a custom style to the panel container when we are interacting
817
- with the search bar, so that we can block map interactions until search
818
- bar focus is lost.
819
- - We also apply a custom style when the infodrawer is open so we can hide
820
- the search bar on mobile platforms
821
- - These styles are doubly applied so we can have both namespaced and
822
- outside-accessible styles for each case.
823
- */ const mainUIClassNames = (0, $Zz0sd$classnames)("map-container", className, `detail-panel-${detailPanelStyle}`, `context-panel-${contextPanelTrans.stage}`, `map-context-${contextPanelTrans.stage}`, `detail-panel-${detailPanelTrans.stage}`, `map-detail-${detailPanelTrans.stage}`, {
824
- "detail-panel-open": _detailPanelOpen,
825
- "map-context-open": contextPanelOpen,
826
- "show-panel-outlines": showPanelOutlines,
827
- "fit-viewport": fitViewport
828
- });
829
- const mapControlsExt = $4bdfa9cd8240b2fd$var$h([
830
- $4bdfa9cd8240b2fd$var$h((0, $Zz0sd$ZoomControl), {
831
- className: "zoom-control"
832
- }),
833
- $4bdfa9cd8240b2fd$var$h("div.spacer"),
834
- mapControls
835
- ]);
836
- const detailStackExt = $4bdfa9cd8240b2fd$var$h("div.detail-stack.infodrawer-container", detailStackProps, [
837
- $4bdfa9cd8240b2fd$var$h("div.detail-panel-holder", null, detailPanel),
838
- $4bdfa9cd8240b2fd$var$h.if(detailPanelStyle == "floating")([
839
- mapControlsExt
840
- ])
841
- ]);
842
- return $4bdfa9cd8240b2fd$var$h($4bdfa9cd8240b2fd$export$fa395a37c3898ae3, {
843
- className: mainUIClassNames
844
- }, [
845
- $4bdfa9cd8240b2fd$var$h("div.main-row", [
846
- $4bdfa9cd8240b2fd$var$h("div.map-ui", {
847
- ...rest
848
- }, [
849
- $4bdfa9cd8240b2fd$var$h($4bdfa9cd8240b2fd$var$ContextStack, {
850
- navbar: navbar,
851
- ...contextStackProps
852
- }, [
853
- $4bdfa9cd8240b2fd$var$h.if(contextPanelTrans.shouldMount)([
854
- contextPanel
855
- ])
856
- ]),
857
- //h(MapView),
858
- children ?? mainPanel,
859
- $4bdfa9cd8240b2fd$var$h.if(detailPanelStyle == "floating")([
860
- detailStackExt
861
- ]),
862
- $4bdfa9cd8240b2fd$var$h.if(detailPanelStyle == "fixed")("div.map-control-stack", mapControlsExt)
863
- ]),
864
- $4bdfa9cd8240b2fd$var$h.if(detailPanelStyle == "fixed")([
865
- detailStackExt
866
- ])
867
- ]),
868
- $4bdfa9cd8240b2fd$var$h("div.bottom", null, bottomPanel)
869
- ]);
870
- }
871
- function $4bdfa9cd8240b2fd$var$ContextStack(props) {
872
- const { adaptiveWidth: adaptiveWidth, navbar: navbar, children: children, ...rest } = props;
873
- const props1 = (0, $Zz0sd$addClassNames)(rest, {
874
- "adaptive-width": adaptiveWidth
875
- });
876
- return $4bdfa9cd8240b2fd$var$h("div.context-stack", props1, [
877
- navbar,
878
- $4bdfa9cd8240b2fd$var$h("div.context-panel-holder", null, children),
879
- $4bdfa9cd8240b2fd$var$h("div.spacer")
880
- ]);
881
- }
882
- const $4bdfa9cd8240b2fd$var$MapProviders = ({ children: children })=>$4bdfa9cd8240b2fd$var$h((0, $Zz0sd$ToasterContext), $4bdfa9cd8240b2fd$var$h((0, $Zz0sd$MapboxMapProvider), children));
883
- function $4bdfa9cd8240b2fd$export$fa395a37c3898ae3({ className: className, children: children }) {
884
- const mapPosition = (0, $Zz0sd$useMapPosition)();
885
- if (mapPosition != null) {
886
- const { mapIsRotated: mapIsRotated, mapUse3D: mapUse3D, mapIsGlobal: mapIsGlobal } = (0, $Zz0sd$mapViewInfo)(mapPosition);
887
- className = (0, $Zz0sd$classnames)(className, {
888
- "map-is-rotated": mapIsRotated,
889
- "map-3d-available": mapUse3D,
890
- "map-is-global": mapIsGlobal
891
- });
892
- }
893
- return $4bdfa9cd8240b2fd$var$h("div", {
894
- className: className
895
- }, children);
896
- } //const _MapPage = compose(HotkeysProvider, MapPage);
897
-
898
-
899
-
900
- var $4bc3dd5f0732eed3$exports = {};
901
-
902
- $parcel$export($4bc3dd5f0732eed3$exports, "MapResizeManager", () => $4bc3dd5f0732eed3$export$31b2e088aff2dc5d);
903
- $parcel$export($4bc3dd5f0732eed3$exports, "MapPaddingManager", () => $4bc3dd5f0732eed3$export$2ab96428dea558d6);
904
- $parcel$export($4bc3dd5f0732eed3$exports, "MapMovedReporter", () => $4bc3dd5f0732eed3$export$f6eeee399afc4e9a);
905
- $parcel$export($4bc3dd5f0732eed3$exports, "MapLoadingReporter", () => $4bc3dd5f0732eed3$export$e57f9eaa51773f82);
906
- $parcel$export($4bc3dd5f0732eed3$exports, "MapMarker", () => $4bc3dd5f0732eed3$export$5c90a91c7455938c);
907
- $parcel$export($4bc3dd5f0732eed3$exports, "useBasicStylePair", () => $4bc3dd5f0732eed3$export$566518253d2584f8);
908
-
909
-
910
-
911
-
912
-
913
- var $82fe09613877ffc2$exports = {};
914
-
915
- $parcel$export($82fe09613877ffc2$exports, "getMapPadding", () => $82fe09613877ffc2$export$bb78f9f01775eef1);
916
- $parcel$export($82fe09613877ffc2$exports, "useMapMarker", () => $82fe09613877ffc2$export$278090850f6b3a9f);
917
-
918
-
919
- function $82fe09613877ffc2$var$calcMapPadding(rect, childRect) {
920
- return {
921
- left: Math.max(rect.left - childRect.left, 0),
922
- top: Math.max(rect.top - childRect.top, 0),
923
- right: Math.max(childRect.right - rect.right, 0),
924
- bottom: Math.max(childRect.bottom - rect.bottom, 0)
925
- };
926
- }
927
- function $82fe09613877ffc2$export$bb78f9f01775eef1(ref, parentRef) {
928
- const rect = parentRef.current?.getBoundingClientRect();
929
- const childRect = ref.current?.getBoundingClientRect();
930
- if (rect == null || childRect == null) return;
931
- return $82fe09613877ffc2$var$calcMapPadding(rect, childRect);
932
- }
933
- function $82fe09613877ffc2$export$278090850f6b3a9f(mapRef, markerRef, markerPosition) {
934
- (0, $Zz0sd$useEffect)(()=>{
935
- const map = mapRef.current;
936
- if (map == null) return;
937
- if (markerPosition == null) {
938
- markerRef.current?.remove();
939
- return;
940
- }
941
- const marker = markerRef.current ?? new (0, $Zz0sd$Marker)();
942
- marker.setLngLat(markerPosition).addTo(map);
943
- markerRef.current = marker;
944
- return ()=>marker.remove();
945
- }, [
946
- mapRef.current,
947
- markerPosition
948
- ]);
949
- }
950
-
951
-
952
-
953
- function $4bc3dd5f0732eed3$export$31b2e088aff2dc5d({ containerRef: containerRef }) {
954
- const mapRef = (0, $Zz0sd$useMapRef)();
955
- const debouncedResize = (0, $Zz0sd$useRef)((0, $Zz0sd$debounce)(()=>{
956
- mapRef.current?.resize();
957
- }, 100));
958
- (0, $Zz0sd$useresizeobserver)({
959
- ref: containerRef,
960
- onResize: debouncedResize.current
961
- });
962
- return null;
963
- }
964
- function $4bc3dd5f0732eed3$export$2ab96428dea558d6({ containerRef: containerRef, parentRef: parentRef, infoMarkerPosition: infoMarkerPosition, debounceTime: debounceTime = 200 }) {
965
- const mapRef = (0, $Zz0sd$useMapRef)();
966
- const [padding, setPadding] = (0, $Zz0sd$useState)((0, $82fe09613877ffc2$export$bb78f9f01775eef1)(containerRef, parentRef));
967
- const _updateMapPadding = (0, $Zz0sd$useCallback)(()=>{
968
- const newPadding = (0, $82fe09613877ffc2$export$bb78f9f01775eef1)(containerRef, parentRef);
969
- setPadding(newPadding);
970
- }, [
971
- containerRef.current,
972
- parentRef.current
973
- ]);
974
- const updateMapPadding = (0, $Zz0sd$useMemo)(()=>(0, $Zz0sd$debounce)(_updateMapPadding, debounceTime), [
975
- _updateMapPadding,
976
- debounceTime
977
- ]);
978
- (0, $Zz0sd$useEffect)(()=>{
979
- const map = mapRef.current;
980
- if (map == null) return;
981
- // Update map padding on load
982
- updateMapPadding();
983
- }, [
984
- mapRef.current
985
- ]);
986
- (0, $Zz0sd$useresizeobserver)({
987
- ref: parentRef,
988
- onResize (sz) {
989
- updateMapPadding();
990
- },
991
- round (n) {
992
- return Math.round(n);
993
- }
994
- });
995
- // Ideally, we would not have to do this when we know the infobox is loaded
996
- (0, $Zz0sd$useMapEaseTo)({
997
- center: infoMarkerPosition,
998
- padding: padding
999
- });
1000
- return null;
1001
- }
1002
- function $4bc3dd5f0732eed3$export$f6eeee399afc4e9a({ onMapMoved: onMapMoved = null }) {
1003
- const mapRef = (0, $Zz0sd$useMapRef)();
1004
- const dispatch = (0, $Zz0sd$useMapDispatch)();
1005
- const isInitialized = (0, $Zz0sd$useMapInitialized)();
1006
- const mapMovedCallback = (0, $Zz0sd$useCallback)(()=>{
1007
- const map = mapRef.current;
1008
- if (map == null) return;
1009
- const mapPosition = (0, $Zz0sd$getMapPosition)(map);
1010
- dispatch({
1011
- type: "map-moved",
1012
- payload: mapPosition
1013
- });
1014
- onMapMoved?.(mapPosition, map);
1015
- }, [
1016
- onMapMoved,
1017
- dispatch,
1018
- isInitialized
1019
- ]);
1020
- (0, $Zz0sd$useEffect)(()=>{
1021
- // Get the current value of the map. Useful for gradually moving away
1022
- // from class component
1023
- const map = mapRef.current;
1024
- if (map == null) return;
1025
- // Update the URI when the map moves
1026
- mapMovedCallback();
1027
- const cb = (0, $Zz0sd$debounce)(mapMovedCallback, 100);
1028
- map.on("moveend", cb);
1029
- return ()=>{
1030
- map?.off("moveend", cb);
1031
- };
1032
- }, [
1033
- mapMovedCallback
1034
- ]);
1035
- return null;
1036
- }
1037
- function $4bc3dd5f0732eed3$export$e57f9eaa51773f82({ ignoredSources: ignoredSources, onMapLoading: onMapLoading = null, onMapIdle: onMapIdle = null, mapIsLoading: mapIsLoading }) {
1038
- const mapRef = (0, $Zz0sd$useMapRef)();
1039
- const loadingRef = (0, $Zz0sd$useRef)(false);
1040
- const dispatch = (0, $Zz0sd$useMapDispatch)();
1041
- const isInitialized = (0, $Zz0sd$useMapInitialized)();
1042
- (0, $Zz0sd$useEffect)(()=>{
1043
- const map = mapRef.current;
1044
- const mapIsLoading = loadingRef.current;
1045
- if (map == null) return;
1046
- let didSendLoading = false;
1047
- const loadingCallback = (evt)=>{
1048
- if (ignoredSources.includes(evt.sourceId) || mapIsLoading) return;
1049
- if (didSendLoading) return;
1050
- onMapLoading?.(evt);
1051
- dispatch({
1052
- type: "set-loading",
1053
- payload: true
1054
- });
1055
- loadingRef.current = true;
1056
- didSendLoading = true;
1057
- };
1058
- const idleCallback = (evt)=>{
1059
- if (!mapIsLoading) return;
1060
- dispatch({
1061
- type: "set-loading",
1062
- payload: false
1063
- });
1064
- loadingRef.current = false;
1065
- onMapIdle?.(evt);
1066
- };
1067
- map.on("sourcedataloading", loadingCallback);
1068
- map.on("idle", idleCallback);
1069
- return ()=>{
1070
- map?.off("sourcedataloading", loadingCallback);
1071
- map?.off("idle", idleCallback);
1072
- };
1073
- }, [
1074
- ignoredSources,
1075
- mapIsLoading,
1076
- isInitialized
1077
- ]);
1078
- return null;
1079
- }
1080
- function $4bc3dd5f0732eed3$export$5c90a91c7455938c({ position: position, setPosition: setPosition, centerMarker: centerMarker = true }) {
1081
- const mapRef = (0, $Zz0sd$useMapRef)();
1082
- const markerRef = (0, $Zz0sd$useRef)(null);
1083
- const isInitialized = (0, $Zz0sd$useMapInitialized)();
1084
- (0, $82fe09613877ffc2$export$278090850f6b3a9f)(mapRef, markerRef, position);
1085
- (0, $Zz0sd$useEffect)(()=>{
1086
- const map = mapRef.current;
1087
- if (map == null || setPosition == null) return;
1088
- const handleMapClick = (event)=>{
1089
- setPosition(event.lngLat, event, mapRef.current);
1090
- // We should integrate this with the "easeToCenter" hook
1091
- if (centerMarker) mapRef.current?.flyTo({
1092
- center: event.lngLat,
1093
- duration: 800
1094
- });
1095
- };
1096
- map.on("click", handleMapClick);
1097
- return ()=>{
1098
- map?.off("click", handleMapClick);
1099
- };
1100
- }, [
1101
- setPosition,
1102
- isInitialized
1103
- ]);
1104
- return null;
1105
- }
1106
- function $4bc3dd5f0732eed3$export$566518253d2584f8() {
1107
- const inDarkMode = (0, $Zz0sd$useInDarkMode)();
1108
- return inDarkMode ? "mapbox://styles/mapbox/dark-v10" : "mapbox://styles/mapbox/light-v10";
1109
- }
1110
-
1111
-
1112
-
1113
- var $9e150e311a3261e9$exports = {};
1114
-
1115
- $parcel$export($9e150e311a3261e9$exports, "MapView", () => $9e150e311a3261e9$export$ab1e7a67d6ec5ad8);
1116
- $parcel$export($9e150e311a3261e9$exports, "MapTerrainManager", () => $9e150e311a3261e9$export$cee395a8a2a00b29);
1117
-
1118
-
1119
-
1120
-
1121
-
1122
-
1123
-
1124
- // We should merge this with code in @macrostrat/mapbox-react/src/terrain.ts:
1125
- function $286fbb15f2139dc1$export$b730542ee281c4b1(map, shouldEnable, sourceID = null) {
1126
- if (!map.style?._loaded) {
1127
- map.once("style.load", ()=>{
1128
- $286fbb15f2139dc1$export$b730542ee281c4b1(map, shouldEnable, sourceID);
1129
- });
1130
- return;
1131
- }
1132
- const currentTerrainSource = $286fbb15f2139dc1$var$getTerrainSourceID(map);
1133
- let demSourceID = sourceID ?? currentTerrainSource ?? "mapbox-dem";
1134
- console.log("Enabling 3D terrain with source", demSourceID);
1135
- // Enable or disable terrain depending on our current desires...
1136
- const currentTerrain = map.getTerrain();
1137
- if (!shouldEnable) {
1138
- if (currentTerrain != null) map.setTerrain(null);
1139
- return;
1140
- }
1141
- if (currentTerrain != null) return;
1142
- // Add a DEM source if one is not found already.
1143
- if (map.getSource(demSourceID) == null) map.addSource(demSourceID, {
1144
- type: "raster-dem",
1145
- url: "mapbox://mapbox.mapbox-terrain-dem-v1",
1146
- tileSize: 512,
1147
- maxzoom: 14
1148
- });
1149
- // add a sky layer that will show when the map is highly pitched
1150
- if (map.getLayer("sky") == null) map.addLayer({
1151
- id: "sky",
1152
- type: "sky",
1153
- paint: {
1154
- "sky-type": "atmosphere",
1155
- "sky-atmosphere-sun": [
1156
- 0.0,
1157
- 0.0
1158
- ],
1159
- "sky-atmosphere-sun-intensity": 15
1160
- }
1161
- });
1162
- map.setTerrain({
1163
- source: demSourceID,
1164
- exaggeration: 1
1165
- });
1166
- console.log(map.getTerrain());
1167
- }
1168
- function $286fbb15f2139dc1$var$getTerrainSourceID(map) {
1169
- for (const [key, source] of Object.entries(map.getStyle().sources)){
1170
- if (source.type == "raster-dem") return key;
1171
- }
1172
- return null;
1173
- }
1174
-
1175
-
1176
-
1177
-
1178
-
1179
- const $9e150e311a3261e9$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($1f5c274a1b8d54c3$exports))));
1180
- function $9e150e311a3261e9$var$defaultInitializeMap(container, args = {}) {
1181
- const { mapPosition: mapPosition, ...rest } = args;
1182
- console.log("Initializing map (default)", args);
1183
- const map = new (0, $Zz0sd$mapboxgl).Map({
1184
- container: container,
1185
- maxZoom: 18,
1186
- //maxTileCacheSize: 0,
1187
- logoPosition: "bottom-left",
1188
- trackResize: true,
1189
- antialias: true,
1190
- optimizeForTerrain: true,
1191
- ...rest
1192
- });
1193
- // set initial map position
1194
- if (mapPosition != null) (0, $Zz0sd$setMapPosition)(map, mapPosition);
1195
- //setMapPosition(map, mapPosition);
1196
- return map;
1197
- }
1198
- const $9e150e311a3261e9$var$defaultMapPosition = {
1199
- camera: {
1200
- lat: 34,
1201
- lng: -120,
1202
- altitude: 300000
1203
- }
1204
- };
1205
- function $9e150e311a3261e9$export$ab1e7a67d6ec5ad8(props) {
1206
- let { terrainSourceID: terrainSourceID } = props;
1207
- const { enableTerrain: enableTerrain = true, style: style, mapPosition: mapPosition = $9e150e311a3261e9$var$defaultMapPosition, initializeMap: initializeMap = $9e150e311a3261e9$var$defaultInitializeMap, children: children, mapboxToken: mapboxToken, accessToken: // Deprecated
1208
- accessToken, infoMarkerPosition: infoMarkerPosition, transformRequest: transformRequest, projection: projection, onMapLoaded: onMapLoaded = null, onStyleLoaded: onStyleLoaded = null, onMapMoved: onMapMoved = null, ...rest } = props;
1209
- if (enableTerrain) terrainSourceID ??= "mapbox-3d-dem";
1210
- const _mapboxToken = mapboxToken ?? accessToken;
1211
- if (_mapboxToken != null) (0, $Zz0sd$mapboxgl).accessToken = _mapboxToken;
1212
- const dispatch = (0, $Zz0sd$useMapDispatch)();
1213
- let mapRef = (0, $Zz0sd$useMapRef)();
1214
- const ref = (0, $Zz0sd$useRef)();
1215
- const parentRef = (0, $Zz0sd$useRef)();
1216
- (0, $Zz0sd$useEffect)(()=>{
1217
- if (style == null) return;
1218
- let map = mapRef.current;
1219
- if (map != null) {
1220
- console.log("Setting style", style);
1221
- map.setStyle(style);
1222
- } else {
1223
- console.log("Initializing map", style);
1224
- const map = initializeMap(ref.current, {
1225
- style: style,
1226
- projection: projection,
1227
- mapPosition: mapPosition,
1228
- ...rest
1229
- });
1230
- dispatch({
1231
- type: "set-map",
1232
- payload: map
1233
- });
1234
- map.setPadding((0, $82fe09613877ffc2$export$bb78f9f01775eef1)(ref, parentRef), {
1235
- animate: false
1236
- });
1237
- onMapLoaded?.(map);
1238
- }
1239
- const loadCallback = ()=>{
1240
- onStyleLoaded?.(map);
1241
- dispatch({
1242
- type: "set-style-loaded",
1243
- payload: true
1244
- });
1245
- };
1246
- map = mapRef.current;
1247
- if (map.isStyleLoaded()) // Catch a race condition where the style is loaded before the callback is set
1248
- loadCallback();
1249
- map.on("style.load", loadCallback);
1250
- return ()=>{
1251
- map.off("style.load", loadCallback);
1252
- };
1253
- }, [
1254
- style
1255
- ]);
1256
- const _computedMapPosition = (0, $Zz0sd$useMapPosition)();
1257
- const { mapUse3D: mapUse3D, mapIsRotated: mapIsRotated } = (0, $Zz0sd$mapViewInfo)(_computedMapPosition);
1258
- // Get map projection
1259
- const _projection = mapRef.current?.getProjection()?.name ?? "mercator";
1260
- const className = (0, $Zz0sd$classnames)({
1261
- "is-rotated": mapIsRotated ?? false,
1262
- "is-3d-available": mapUse3D ?? false
1263
- }, `${_projection}-projection`);
1264
- return $9e150e311a3261e9$var$h("div.map-view-container.main-view", {
1265
- ref: parentRef
1266
- }, [
1267
- $9e150e311a3261e9$var$h("div.mapbox-map#map", {
1268
- ref: ref,
1269
- className: className
1270
- }),
1271
- $9e150e311a3261e9$var$h((0, $4bc3dd5f0732eed3$export$e57f9eaa51773f82), {
1272
- ignoredSources: [
1273
- "elevationMarker",
1274
- "crossSectionEndpoints"
1275
- ]
1276
- }),
1277
- $9e150e311a3261e9$var$h((0, $4bc3dd5f0732eed3$export$f6eeee399afc4e9a), {
1278
- onMapMoved: onMapMoved
1279
- }),
1280
- $9e150e311a3261e9$var$h((0, $4bc3dd5f0732eed3$export$31b2e088aff2dc5d), {
1281
- containerRef: ref
1282
- }),
1283
- $9e150e311a3261e9$var$h((0, $4bc3dd5f0732eed3$export$2ab96428dea558d6), {
1284
- containerRef: ref,
1285
- parentRef: parentRef,
1286
- infoMarkerPosition: infoMarkerPosition
1287
- }),
1288
- $9e150e311a3261e9$var$h($9e150e311a3261e9$export$cee395a8a2a00b29, {
1289
- mapUse3D: mapUse3D,
1290
- terrainSourceID: terrainSourceID
1291
- }),
1292
- children
1293
- ]);
1294
- }
1295
- function $9e150e311a3261e9$export$cee395a8a2a00b29({ mapUse3D: mapUse3D, terrainSourceID: terrainSourceID }) {
1296
- const mapRef = (0, $Zz0sd$useMapRef)();
1297
- (0, $Zz0sd$useEffect)(()=>{
1298
- const map = mapRef.current;
1299
- if (map == null) return;
1300
- (0, $286fbb15f2139dc1$export$b730542ee281c4b1)(map, mapUse3D, terrainSourceID);
1301
- }, [
1302
- mapRef.current,
1303
- mapUse3D
1304
- ]);
1305
- return null;
1306
- }
1307
-
1308
-
1309
- var $bfe9593b6c29b10b$exports = {};
1310
-
1311
- $parcel$export($bfe9593b6c29b10b$exports, "feature-panel", () => $bfe9593b6c29b10b$export$d27ce8c17b289f33, (v) => $bfe9593b6c29b10b$export$d27ce8c17b289f33 = v);
1312
- $parcel$export($bfe9593b6c29b10b$exports, "key-value", () => $bfe9593b6c29b10b$export$6025d8aaa4edba3b, (v) => $bfe9593b6c29b10b$export$6025d8aaa4edba3b = v);
1313
- $parcel$export($bfe9593b6c29b10b$exports, "key", () => $bfe9593b6c29b10b$export$df61b30b684217c0, (v) => $bfe9593b6c29b10b$export$df61b30b684217c0 = v);
1314
- $parcel$export($bfe9593b6c29b10b$exports, "value", () => $bfe9593b6c29b10b$export$2ab9a8f9f1186f14, (v) => $bfe9593b6c29b10b$export$2ab9a8f9f1186f14 = v);
1315
- $parcel$export($bfe9593b6c29b10b$exports, "feature-properties", () => $bfe9593b6c29b10b$export$4f7f4a0a9b87a0a1, (v) => $bfe9593b6c29b10b$export$4f7f4a0a9b87a0a1 = v);
1316
- $parcel$export($bfe9593b6c29b10b$exports, "feature-header", () => $bfe9593b6c29b10b$export$435bd1864bef6e22, (v) => $bfe9593b6c29b10b$export$435bd1864bef6e22 = v);
1317
- $parcel$export($bfe9593b6c29b10b$exports, "feature-group", () => $bfe9593b6c29b10b$export$a1386d43b662271, (v) => $bfe9593b6c29b10b$export$a1386d43b662271 = v);
1318
- $parcel$export($bfe9593b6c29b10b$exports, "tile-info", () => $bfe9593b6c29b10b$export$1ea80fe0e5d4f6be, (v) => $bfe9593b6c29b10b$export$1ea80fe0e5d4f6be = v);
1319
- $parcel$export($bfe9593b6c29b10b$exports, "opacity-slider", () => $bfe9593b6c29b10b$export$802c81ec652235aa, (v) => $bfe9593b6c29b10b$export$802c81ec652235aa = v);
1320
- $parcel$export($bfe9593b6c29b10b$exports, "unit-number", () => $bfe9593b6c29b10b$export$ce32b714ddd6b59, (v) => $bfe9593b6c29b10b$export$ce32b714ddd6b59 = v);
1321
- $parcel$export($bfe9593b6c29b10b$exports, "unit", () => $bfe9593b6c29b10b$export$523c0b569236b342, (v) => $bfe9593b6c29b10b$export$523c0b569236b342 = v);
1322
- $parcel$export($bfe9593b6c29b10b$exports, "page", () => $bfe9593b6c29b10b$export$523fb3936f49e028, (v) => $bfe9593b6c29b10b$export$523fb3936f49e028 = v);
1323
- $parcel$export($bfe9593b6c29b10b$exports, "dev-index-page", () => $bfe9593b6c29b10b$export$ee954d6f5e1b21cc, (v) => $bfe9593b6c29b10b$export$ee954d6f5e1b21cc = v);
1324
- var $bfe9593b6c29b10b$export$d27ce8c17b289f33;
1325
- var $bfe9593b6c29b10b$export$6025d8aaa4edba3b;
1326
- var $bfe9593b6c29b10b$export$df61b30b684217c0;
1327
- var $bfe9593b6c29b10b$export$2ab9a8f9f1186f14;
1328
- var $bfe9593b6c29b10b$export$4f7f4a0a9b87a0a1;
1329
- var $bfe9593b6c29b10b$export$435bd1864bef6e22;
1330
- var $bfe9593b6c29b10b$export$a1386d43b662271;
1331
- var $bfe9593b6c29b10b$export$1ea80fe0e5d4f6be;
1332
- var $bfe9593b6c29b10b$export$802c81ec652235aa;
1333
- var $bfe9593b6c29b10b$export$ce32b714ddd6b59;
1334
- var $bfe9593b6c29b10b$export$523c0b569236b342;
1335
- var $bfe9593b6c29b10b$export$523fb3936f49e028;
1336
- var $bfe9593b6c29b10b$export$ee954d6f5e1b21cc;
1337
- $bfe9593b6c29b10b$export$d27ce8c17b289f33 = "feature-panel_48e225";
1338
- $bfe9593b6c29b10b$export$6025d8aaa4edba3b = "key-value_48e225";
1339
- $bfe9593b6c29b10b$export$df61b30b684217c0 = "key_48e225";
1340
- $bfe9593b6c29b10b$export$2ab9a8f9f1186f14 = "value_48e225";
1341
- $bfe9593b6c29b10b$export$4f7f4a0a9b87a0a1 = "feature-properties_48e225";
1342
- $bfe9593b6c29b10b$export$435bd1864bef6e22 = "feature-header_48e225";
1343
- $bfe9593b6c29b10b$export$a1386d43b662271 = "feature-group_48e225";
1344
- $bfe9593b6c29b10b$export$1ea80fe0e5d4f6be = "tile-info_48e225";
1345
- $bfe9593b6c29b10b$export$802c81ec652235aa = "opacity-slider_48e225";
1346
- $bfe9593b6c29b10b$export$ce32b714ddd6b59 = "unit-number_48e225";
1347
- $bfe9593b6c29b10b$export$523c0b569236b342 = "unit_48e225";
1348
- $bfe9593b6c29b10b$export$523fb3936f49e028 = "page_48e225";
1349
- $bfe9593b6c29b10b$export$ee954d6f5e1b21cc = "dev-index-page_48e225";
1350
-
1351
-
1352
- var $1d4d29ef2725aa16$exports = {};
1353
-
1354
- $parcel$export($1d4d29ef2725aa16$exports, "TileExtentLayer", () => $1d4d29ef2725aa16$export$86c09739b12f23cd);
1355
-
1356
-
1357
-
1358
- function $1d4d29ef2725aa16$export$86c09739b12f23cd({ tile: tile, color: color = "red" }) {
1359
- const styleCallback = (0, $Zz0sd$useCallback)((map, val)=>{
1360
- const style = map.getStyle();
1361
- if (style.layers == null) return;
1362
- style.layers = style.layers.filter((l)=>l.id != "tile-extent");
1363
- if (val == null) return map.setStyle(style);
1364
- const { x: x, y: y, z: z } = val;
1365
- const extent = (0, $Zz0sd$tileToGeoJSON)([
1366
- x,
1367
- y,
1368
- z
1369
- ]);
1370
- const source = {
1371
- type: "geojson",
1372
- data: extent
1373
- };
1374
- const layer = {
1375
- id: "tile-extent",
1376
- type: "line",
1377
- source: "tile-extent",
1378
- paint: {
1379
- "line-color": color,
1380
- "line-width": 2
1381
- }
1382
- };
1383
- style.sources["tile-extent"] = source;
1384
- style.layers.push(layer);
1385
- map.setStyle(style);
1386
- }, [
1387
- color
1388
- ]);
1389
- const map = (0, $Zz0sd$useMapRef)();
1390
- (0, $Zz0sd$useMapConditionalStyle)(map, tile, styleCallback);
1391
- return null;
1392
- }
1393
-
1394
-
1395
- var $b8c84b63e75fe4f2$exports = {};
1396
-
1397
- $parcel$export($b8c84b63e75fe4f2$exports, "FeatureProperties", () => $b8c84b63e75fe4f2$export$2906e7f4b228efe9);
1398
- $parcel$export($b8c84b63e75fe4f2$exports, "FeatureRecord", () => $b8c84b63e75fe4f2$export$dc87b4d46cea200d);
1399
- $parcel$export($b8c84b63e75fe4f2$exports, "FeatureSelectionHandler", () => $b8c84b63e75fe4f2$export$214daccdda0f4ac6);
1400
- $parcel$export($b8c84b63e75fe4f2$exports, "Features", () => $b8c84b63e75fe4f2$export$617d79dae526d2cf);
1401
- $parcel$export($b8c84b63e75fe4f2$exports, "TileInfo", () => $b8c84b63e75fe4f2$export$43c75dec9d0b96c);
1402
- $parcel$export($b8c84b63e75fe4f2$exports, "FeaturePanel", () => $b8c84b63e75fe4f2$export$43277c51a01761c1);
1403
-
1404
-
1405
-
1406
-
1407
-
1408
-
1409
-
1410
- var $d570ac304373e71c$exports = {};
1411
-
1412
- $parcel$export($d570ac304373e71c$exports, "ExpansionPanelSummary", () => $d570ac304373e71c$export$cea00a9d724d5a32);
1413
- $parcel$export($d570ac304373e71c$exports, "InfoPanelSection", () => $d570ac304373e71c$export$39c134eb0b07cf0e);
1414
- $parcel$export($d570ac304373e71c$exports, "ExpansionPanel", () => $d570ac304373e71c$export$40e646e38e6ed100);
1415
- $parcel$export($d570ac304373e71c$exports, "SubExpansionPanel", () => $d570ac304373e71c$export$d7160281aff7c3b8);
1416
- $parcel$export($d570ac304373e71c$exports, "ExpandableDetailsPanel", () => $d570ac304373e71c$export$44ad9ff780615135);
1417
- $parcel$export($d570ac304373e71c$exports, "ExpansionBody", () => $d570ac304373e71c$export$263416b670b3f129);
1418
- $parcel$export($d570ac304373e71c$exports, "PanelSubhead", () => $72e497a412b1da0a$export$ed081779ec3709aa);
1419
-
1420
-
1421
-
1422
- var $3388ecc062e0c521$exports = {};
1423
-
1424
- $parcel$export($3388ecc062e0c521$exports, "panel-subhead", () => $3388ecc062e0c521$export$bb6008c7ec506dc5, (v) => $3388ecc062e0c521$export$bb6008c7ec506dc5 = v);
1425
- $parcel$export($3388ecc062e0c521$exports, "title", () => $3388ecc062e0c521$export$fb184b623420d9be, (v) => $3388ecc062e0c521$export$fb184b623420d9be = v);
1426
- $parcel$export($3388ecc062e0c521$exports, "info-panel-section", () => $3388ecc062e0c521$export$198bd65f1c7a5309, (v) => $3388ecc062e0c521$export$198bd65f1c7a5309 = v);
1427
- $parcel$export($3388ecc062e0c521$exports, "expansion-panel", () => $3388ecc062e0c521$export$1db06abc8684077f, (v) => $3388ecc062e0c521$export$1db06abc8684077f = v);
1428
- $parcel$export($3388ecc062e0c521$exports, "sub-expansion-panel", () => $3388ecc062e0c521$export$e1943f56d410f24c, (v) => $3388ecc062e0c521$export$e1943f56d410f24c = v);
1429
- $parcel$export($3388ecc062e0c521$exports, "expansion-panel-header", () => $3388ecc062e0c521$export$771f363b9f663d2c, (v) => $3388ecc062e0c521$export$771f363b9f663d2c = v);
1430
- $parcel$export($3388ecc062e0c521$exports, "expansion-summary-title-help", () => $3388ecc062e0c521$export$47b2fa26e88e0093, (v) => $3388ecc062e0c521$export$47b2fa26e88e0093 = v);
1431
- $parcel$export($3388ecc062e0c521$exports, "expansion-children", () => $3388ecc062e0c521$export$d8457cb7ae0c47fd, (v) => $3388ecc062e0c521$export$d8457cb7ae0c47fd = v);
1432
- $parcel$export($3388ecc062e0c521$exports, "expansion-panel-subtext", () => $3388ecc062e0c521$export$f3447611ed163f53, (v) => $3388ecc062e0c521$export$f3447611ed163f53 = v);
1433
- $parcel$export($3388ecc062e0c521$exports, "expandable-details-main", () => $3388ecc062e0c521$export$561f0c2134cd9732, (v) => $3388ecc062e0c521$export$561f0c2134cd9732 = v);
1434
- $parcel$export($3388ecc062e0c521$exports, "expandable-details-header", () => $3388ecc062e0c521$export$ec357a59e90ee7ee, (v) => $3388ecc062e0c521$export$ec357a59e90ee7ee = v);
1435
- $parcel$export($3388ecc062e0c521$exports, "expandable-details-children", () => $3388ecc062e0c521$export$ae8d16cb87fbdc31, (v) => $3388ecc062e0c521$export$ae8d16cb87fbdc31 = v);
1436
- $parcel$export($3388ecc062e0c521$exports, "expandable-details-toggle", () => $3388ecc062e0c521$export$1089a6d45649b54c, (v) => $3388ecc062e0c521$export$1089a6d45649b54c = v);
1437
- $parcel$export($3388ecc062e0c521$exports, "expandable-details", () => $3388ecc062e0c521$export$20a01d7b55fba18b, (v) => $3388ecc062e0c521$export$20a01d7b55fba18b = v);
1438
- $parcel$export($3388ecc062e0c521$exports, "macrostrat-unit", () => $3388ecc062e0c521$export$fcdb9e479e3129ed, (v) => $3388ecc062e0c521$export$fcdb9e479e3129ed = v);
1439
- $parcel$export($3388ecc062e0c521$exports, "expansion-body", () => $3388ecc062e0c521$export$2d112e83849a3cf7, (v) => $3388ecc062e0c521$export$2d112e83849a3cf7 = v);
1440
- $parcel$export($3388ecc062e0c521$exports, "expansion-panel-detail-header", () => $3388ecc062e0c521$export$854d9fad3b5263eb, (v) => $3388ecc062e0c521$export$854d9fad3b5263eb = v);
1441
- $parcel$export($3388ecc062e0c521$exports, "expansion-panel-detail-body", () => $3388ecc062e0c521$export$494f9067c39d24ef, (v) => $3388ecc062e0c521$export$494f9067c39d24ef = v);
1442
- var $3388ecc062e0c521$export$bb6008c7ec506dc5;
1443
- var $3388ecc062e0c521$export$fb184b623420d9be;
1444
- var $3388ecc062e0c521$export$198bd65f1c7a5309;
1445
- var $3388ecc062e0c521$export$1db06abc8684077f;
1446
- var $3388ecc062e0c521$export$e1943f56d410f24c;
1447
- var $3388ecc062e0c521$export$771f363b9f663d2c;
1448
- var $3388ecc062e0c521$export$47b2fa26e88e0093;
1449
- var $3388ecc062e0c521$export$d8457cb7ae0c47fd;
1450
- var $3388ecc062e0c521$export$f3447611ed163f53;
1451
- var $3388ecc062e0c521$export$561f0c2134cd9732;
1452
- var $3388ecc062e0c521$export$ec357a59e90ee7ee;
1453
- var $3388ecc062e0c521$export$ae8d16cb87fbdc31;
1454
- var $3388ecc062e0c521$export$1089a6d45649b54c;
1455
- var $3388ecc062e0c521$export$20a01d7b55fba18b;
1456
- var $3388ecc062e0c521$export$fcdb9e479e3129ed;
1457
- var $3388ecc062e0c521$export$2d112e83849a3cf7;
1458
- var $3388ecc062e0c521$export$854d9fad3b5263eb;
1459
- var $3388ecc062e0c521$export$494f9067c39d24ef;
1460
- $3388ecc062e0c521$export$bb6008c7ec506dc5 = "panel-subhead_1340c8";
1461
- $3388ecc062e0c521$export$fb184b623420d9be = "title_1340c8";
1462
- $3388ecc062e0c521$export$198bd65f1c7a5309 = "info-panel-section_1340c8";
1463
- $3388ecc062e0c521$export$1db06abc8684077f = "expansion-panel_1340c8";
1464
- $3388ecc062e0c521$export$e1943f56d410f24c = "sub-expansion-panel_1340c8";
1465
- $3388ecc062e0c521$export$771f363b9f663d2c = "expansion-panel-header_1340c8";
1466
- $3388ecc062e0c521$export$47b2fa26e88e0093 = "expansion-summary-title-help_1340c8";
1467
- $3388ecc062e0c521$export$d8457cb7ae0c47fd = "expansion-children_1340c8";
1468
- $3388ecc062e0c521$export$f3447611ed163f53 = "expansion-panel-subtext_1340c8";
1469
- $3388ecc062e0c521$export$561f0c2134cd9732 = "expandable-details-main_1340c8";
1470
- $3388ecc062e0c521$export$ec357a59e90ee7ee = "expandable-details-header_1340c8";
1471
- $3388ecc062e0c521$export$ae8d16cb87fbdc31 = "expandable-details-children_1340c8";
1472
- $3388ecc062e0c521$export$1089a6d45649b54c = "expandable-details-toggle_1340c8";
1473
- $3388ecc062e0c521$export$20a01d7b55fba18b = "expandable-details_1340c8";
1474
- $3388ecc062e0c521$export$fcdb9e479e3129ed = "macrostrat-unit_1340c8";
1475
- $3388ecc062e0c521$export$2d112e83849a3cf7 = "expansion-body_1340c8";
1476
- $3388ecc062e0c521$export$854d9fad3b5263eb = "expansion-panel-detail-header_1340c8";
1477
- $3388ecc062e0c521$export$494f9067c39d24ef = "expansion-panel-detail-body_1340c8";
1478
-
1479
-
1480
-
1481
-
1482
-
1483
- const $72e497a412b1da0a$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($3388ecc062e0c521$exports))));
1484
- function $72e497a412b1da0a$export$ed081779ec3709aa(props) {
1485
- const { title: title, component: component = "h3", children: children, ...rest } = props;
1486
- return $72e497a412b1da0a$var$h("div.panel-subhead", rest, [
1487
- $72e497a412b1da0a$var$h(component, {
1488
- className: "title"
1489
- }, title),
1490
- children
1491
- ]);
1492
- }
1493
-
1494
-
1495
- const $d570ac304373e71c$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($3388ecc062e0c521$exports))));
1496
- function $d570ac304373e71c$export$cea00a9d724d5a32(props) {
1497
- const { expanded: expanded, children: children, onChange: onChange, className: className, title: title, titleComponent: titleComponent } = props;
1498
- const icon = expanded ? "chevron-up" : "chevron-down";
1499
- return $d570ac304373e71c$var$h((0, $72e497a412b1da0a$export$ed081779ec3709aa), {
1500
- className: (0, $Zz0sd$classnames)("expansion-panel-header", className),
1501
- onClick: onChange,
1502
- title: title,
1503
- component: titleComponent
1504
- }, [
1505
- children,
1506
- $d570ac304373e71c$var$h((0, $Zz0sd$Icon), {
1507
- icon: icon
1508
- })
1509
- ]);
1510
- }
1511
- function $d570ac304373e71c$var$ExpansionPanelBase(props) {
1512
- let { title: title, titleComponent: titleComponent = "h3", children: children, expanded: expanded, helpText: helpText, onChange: onChange = ()=>{}, sideComponent: sideComponent = null, className: className } = props;
1513
- const [isOpen, setOpen] = (0, $Zz0sd$useState)(expanded || false);
1514
- const onChange_ = ()=>{
1515
- onChange();
1516
- setOpen(!isOpen);
1517
- };
1518
- return $d570ac304373e71c$var$h("div.expansion-panel-base", {
1519
- className: (0, $Zz0sd$classnames)(className, {
1520
- expanded: isOpen,
1521
- collapsed: !isOpen
1522
- })
1523
- }, [
1524
- $d570ac304373e71c$var$h($d570ac304373e71c$export$cea00a9d724d5a32, {
1525
- onChange: onChange_,
1526
- expanded: isOpen,
1527
- title: title,
1528
- titleComponent: titleComponent
1529
- }, $d570ac304373e71c$var$h("div.expansion-summary-title-help", [
1530
- $d570ac304373e71c$var$h("span.expansion-panel-subtext", helpText),
1531
- " ",
1532
- sideComponent
1533
- ])),
1534
- $d570ac304373e71c$var$h((0, $Zz0sd$Collapse), {
1535
- isOpen: isOpen
1536
- }, $d570ac304373e71c$var$h("div.expansion-children", null, children))
1537
- ]);
1538
- }
1539
- function $d570ac304373e71c$export$39c134eb0b07cf0e(props) {
1540
- let { title: title, children: children, className: className, headerElement: headerElement = null } = props;
1541
- return $d570ac304373e71c$var$h("div.info-panel-section", {
1542
- className: className
1543
- }, [
1544
- $d570ac304373e71c$var$h("div.panel-subhead", null, headerElement ?? $d570ac304373e71c$var$h("h3", title)),
1545
- $d570ac304373e71c$var$h("div.panel-content", null, children)
1546
- ]);
1547
- }
1548
- function $d570ac304373e71c$export$40e646e38e6ed100(props) {
1549
- return $d570ac304373e71c$var$h($d570ac304373e71c$var$ExpansionPanelBase, {
1550
- ...props,
1551
- className: "expansion-panel"
1552
- });
1553
- }
1554
- function $d570ac304373e71c$export$d7160281aff7c3b8(props) {
1555
- return $d570ac304373e71c$var$h($d570ac304373e71c$var$ExpansionPanelBase, {
1556
- ...props,
1557
- className: "expansion-panel sub-expansion-panel",
1558
- titleComponent: "h4"
1559
- });
1560
- }
1561
- function $d570ac304373e71c$export$44ad9ff780615135(props) {
1562
- let { title: title, children: children, value: value, headerElement: headerElement, className: className } = props;
1563
- const [isOpen, setIsOpen] = (0, $Zz0sd$useState)(false);
1564
- headerElement ??= $d570ac304373e71c$var$h([
1565
- $d570ac304373e71c$var$h("div.title", title),
1566
- value
1567
- ]);
1568
- return $d570ac304373e71c$var$h("div.expandable-details", {
1569
- className: className
1570
- }, [
1571
- $d570ac304373e71c$var$h("div.expandable-details-main", [
1572
- $d570ac304373e71c$var$h("div.expandable-details-header", headerElement),
1573
- $d570ac304373e71c$var$h("div.expandable-details-toggle", [
1574
- $d570ac304373e71c$var$h((0, $Zz0sd$Button), {
1575
- small: true,
1576
- minimal: true,
1577
- active: isOpen,
1578
- onClick: ()=>setIsOpen(!isOpen),
1579
- icon: "more"
1580
- })
1581
- ])
1582
- ]),
1583
- $d570ac304373e71c$var$h((0, $Zz0sd$Collapse), {
1584
- isOpen: isOpen
1585
- }, $d570ac304373e71c$var$h("div.expandable-details-children", null, children))
1586
- ]);
1587
- }
1588
- function $d570ac304373e71c$export$263416b670b3f129({ title: title, className: className, children: children }) {
1589
- return $d570ac304373e71c$var$h("div.expansion-body", {
1590
- className: className
1591
- }, [
1592
- $d570ac304373e71c$var$h("div.expansion-panel-detail-header", title),
1593
- $d570ac304373e71c$var$h("div.expansion-panel-detail-body", null, children)
1594
- ]);
1595
- }
1596
-
1597
-
1598
- const $b8c84b63e75fe4f2$var$h = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($bfe9593b6c29b10b$exports))));
1599
- function $b8c84b63e75fe4f2$export$2906e7f4b228efe9({ data: data, ...rest }) {
1600
- return $b8c84b63e75fe4f2$var$h("div.feature-properties", [
1601
- $b8c84b63e75fe4f2$var$h((0, $Zz0sd$JSONView), {
1602
- data: data,
1603
- hideRoot: true,
1604
- ...rest
1605
- })
1606
- ]);
1607
- }
1608
- function $b8c84b63e75fe4f2$export$dc87b4d46cea200d({ feature: feature }) {
1609
- const props = feature.properties;
1610
- return $b8c84b63e75fe4f2$var$h("div.feature-record", [
1611
- $b8c84b63e75fe4f2$var$h.if(Object.keys(props).length > 0)($b8c84b63e75fe4f2$export$2906e7f4b228efe9, {
1612
- data: props
1613
- })
1614
- ]);
1615
- }
1616
- function $b8c84b63e75fe4f2$export$214daccdda0f4ac6({ selectedLocation: selectedLocation, setFeatures: setFeatures, radius: radius = 2 }) {
1617
- const mapRef = (0, $Zz0sd$useMapRef)();
1618
- const { isLoading: isLoading } = (0, $Zz0sd$useMapStatus)();
1619
- const prevLocation = (0, $Zz0sd$usePrevious)(selectedLocation);
1620
- (0, $Zz0sd$useEffect)(()=>{
1621
- const map = mapRef?.current;
1622
- if (map == null) return;
1623
- if (selectedLocation == null) {
1624
- setFeatures(null);
1625
- return;
1626
- }
1627
- // Don't update if the location hasn't changed
1628
- if (selectedLocation == prevLocation) return;
1629
- const r = radius;
1630
- const pt = map.project(selectedLocation);
1631
- const bbox = [
1632
- [
1633
- pt.x - r,
1634
- pt.y - r
1635
- ],
1636
- [
1637
- pt.x + r,
1638
- pt.y + r
1639
- ]
1640
- ];
1641
- const features = map.queryRenderedFeatures(bbox);
1642
- setFeatures(features);
1643
- }, [
1644
- mapRef.current,
1645
- prevLocation?.current,
1646
- selectedLocation,
1647
- isLoading
1648
- ]);
1649
- return null;
1650
- }
1651
- function $b8c84b63e75fe4f2$var$FeatureHeader({ feature: feature }) {
1652
- return $b8c84b63e75fe4f2$var$h("div.feature-header", [
1653
- $b8c84b63e75fe4f2$var$h("h3", [
1654
- $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$KeyValue, {
1655
- label: "Source",
1656
- value: feature.source
1657
- }),
1658
- $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$KeyValue, {
1659
- label: "Source layer",
1660
- value: feature.sourceLayer
1661
- })
1662
- ])
1663
- ]);
1664
- }
1665
- function $b8c84b63e75fe4f2$var$KeyValue({ label: label, value: value }) {
1666
- return $b8c84b63e75fe4f2$var$h("span.key-value", [
1667
- $b8c84b63e75fe4f2$var$h("span.key", label),
1668
- $b8c84b63e75fe4f2$var$h("code.value", value)
1669
- ]);
1670
- }
1671
- function $b8c84b63e75fe4f2$var$LoadingAwareFeatureSet({ features: features, sourceID: sourceID }) {
1672
- const map = (0, $Zz0sd$useMapRef)();
1673
- if (map?.current == null) return null;
1674
- const [isLoaded, setIsLoaded] = (0, $Zz0sd$useState)(false);
1675
- const sourceFeatures = features.filter((d)=>d.source == "burwell");
1676
- (0, $Zz0sd$useEffect)(()=>{
1677
- if (sourceFeatures.length > 0) {
1678
- setIsLoaded(true);
1679
- return;
1680
- }
1681
- const isLoaded = map.current.isSourceLoaded(sourceID);
1682
- setIsLoaded(isLoaded);
1683
- if (!isLoaded) map.current.once("sourcedata", (e)=>{
1684
- if (e.sourceId == sourceID) setIsLoaded(true);
1685
- });
1686
- }, [
1687
- map.current,
1688
- sourceID,
1689
- sourceFeatures.length
1690
- ]);
1691
- if (!isLoaded) return $b8c84b63e75fe4f2$var$h((0, $Zz0sd$Spinner));
1692
- return $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$export$617d79dae526d2cf, {
1693
- features: sourceFeatures
1694
- });
1695
- }
1696
- function $b8c84b63e75fe4f2$export$43c75dec9d0b96c({ feature: feature, showExtent: showExtent, setShowExtent: setShowExtent }) {
1697
- if (feature == null) return null;
1698
- const size = feature._vectorTileFeature._pbf.length;
1699
- return $b8c84b63e75fe4f2$var$h("div.tile-info", [
1700
- $b8c84b63e75fe4f2$var$h("h3", "Tile"),
1701
- $b8c84b63e75fe4f2$var$h("div.tile-index", [
1702
- $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$KeyValue, {
1703
- label: "x",
1704
- value: feature._x
1705
- }),
1706
- $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$KeyValue, {
1707
- label: "y",
1708
- value: feature._y
1709
- }),
1710
- $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$KeyValue, {
1711
- label: "z",
1712
- value: feature._z
1713
- })
1714
- ]),
1715
- $b8c84b63e75fe4f2$var$h("div.spacer"),
1716
- $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$KeyValue, {
1717
- label: "Size",
1718
- value: $b8c84b63e75fe4f2$var$formatSize(size)
1719
- }),
1720
- $b8c84b63e75fe4f2$var$h((0, $Zz0sd$Switch), {
1721
- label: "Show extent",
1722
- alignIndicator: "right",
1723
- checked: showExtent,
1724
- onChange () {
1725
- setShowExtent(!showExtent);
1726
- }
1727
- })
1728
- ]);
1729
- }
1730
- function $b8c84b63e75fe4f2$var$formatSize(size) {
1731
- if (size > 1000000) return $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$UnitNumber, {
1732
- value: size / 1000000,
1733
- unit: "Mb"
1734
- });
1735
- if (size > 1000) return $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$UnitNumber, {
1736
- value: size / 1000,
1737
- unit: "Kb"
1738
- });
1739
- return `${size} bytes`;
1740
- }
1741
- function $b8c84b63e75fe4f2$var$UnitNumber({ value: value, unit: unit, precision: precision = 1 }) {
1742
- return $b8c84b63e75fe4f2$var$h("span.unit-number", [
1743
- $b8c84b63e75fe4f2$var$h("span.number", value.toFixed(precision)),
1744
- $b8c84b63e75fe4f2$var$h("span.unit", unit)
1745
- ]);
1746
- }
1747
- function $b8c84b63e75fe4f2$export$43277c51a01761c1({ features: features, focusedSource: focusedSource = null, focusedSourceTitle: focusedSourceTitle = null }) {
1748
- if (features == null) return null;
1749
- let focusedSourcePanel = null;
1750
- let filteredFeatures = features;
1751
- let title = "Features";
1752
- if (focusedSource != null) {
1753
- title = "Basemap features";
1754
- focusedSourcePanel = $b8c84b63e75fe4f2$var$h((0, $d570ac304373e71c$export$40e646e38e6ed100), {
1755
- title: "Macrostrat features",
1756
- className: "macrostrat-features",
1757
- expanded: true
1758
- }, [
1759
- $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$LoadingAwareFeatureSet, {
1760
- features: features,
1761
- sourceID: focusedSource
1762
- })
1763
- ]);
1764
- filteredFeatures = features.filter((d)=>d.source != focusedSource);
1765
- }
1766
- return $b8c84b63e75fe4f2$var$h("div.feature-panel", [
1767
- focusedSourcePanel,
1768
- $b8c84b63e75fe4f2$var$h((0, $d570ac304373e71c$export$40e646e38e6ed100), {
1769
- title: title,
1770
- className: "basemap-features",
1771
- expanded: focusedSource == null
1772
- }, [
1773
- $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$FeatureGroups, {
1774
- features: filteredFeatures
1775
- })
1776
- ])
1777
- ]);
1778
- }
1779
- function $b8c84b63e75fe4f2$var$FeatureGroups({ features: features }) {
1780
- /** Group features by source and sourceLayer */ if (features == null) return null;
1781
- const groups = (0, $Zz0sd$group)(features, (d)=>`${d.source} - ${d.sourceLayer}`);
1782
- return $b8c84b63e75fe4f2$var$h("div.feature-groups", Array.from(groups).map(([key, features])=>{
1783
- return $b8c84b63e75fe4f2$var$h("div.feature-group", [
1784
- $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$var$FeatureHeader, {
1785
- feature: features[0]
1786
- }),
1787
- $b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$export$617d79dae526d2cf, {
1788
- features: features
1789
- })
1790
- ]);
1791
- }));
1792
- }
1793
- function $b8c84b63e75fe4f2$export$617d79dae526d2cf({ features: features }) {
1794
- return $b8c84b63e75fe4f2$var$h("div.features", features.map((feature, i)=>$b8c84b63e75fe4f2$var$h($b8c84b63e75fe4f2$export$dc87b4d46cea200d, {
1795
- key: i,
1796
- feature: feature
1797
- })));
1798
- }
1799
-
1800
-
1801
- const $a281a0612311d660$export$dda1d9f60106f0e9 = (0, $Zz0sd$macrostrathyper).styled((0, (/*@__PURE__*/$parcel$interopDefault($bfe9593b6c29b10b$exports))));
1802
- function $a281a0612311d660$export$c5febf3ae8816972({ title: title = "Map inspector", headerElement: headerElement = null, transformRequest: transformRequest = null, mapPosition: mapPosition = null, mapboxToken: mapboxToken = null, overlayStyle: overlayStyle = null, children: children, style: style, bounds: bounds = null, focusedSource: focusedSource = null, focusedSourceTitle: focusedSourceTitle = null, fitViewport: fitViewport = true, styleType: styleType = "macrostrat" }) {
1803
- /* We apply a custom style to the panel container when we are interacting
1804
- with the search bar, so that we can block map interactions until search
1805
- bar focus is lost.
1806
- We also apply a custom style when the infodrawer is open so we can hide
1807
- the search bar on mobile platforms
1808
- */ const dark = (0, $Zz0sd$useDarkMode)();
1809
- const isEnabled = dark?.isEnabled;
1810
- if (mapboxToken != null) (0, $Zz0sd$mapboxgl).accessToken = mapboxToken;
1811
- if (styleType == "macrostrat") style ??= isEnabled ? "mapbox://styles/jczaplewski/cl5uoqzzq003614o6url9ou9z?optimize=true" : "mapbox://styles/jczaplewski/clatdbkw4002q14lov8zx0bm0?optimize=true";
1812
- else style ??= isEnabled ? "mapbox://styles/mapbox/dark-v10" : "mapbox://styles/mapbox/light-v10";
1813
- const [isOpen, setOpen] = (0, $Zz0sd$useState)(false);
1814
- const [state, setState] = (0, $Zz0sd$useStoredState)("macrostrat:dev-map-page", {
1815
- showTileExtent: false,
1816
- xRay: false
1817
- });
1818
- const { showTileExtent: showTileExtent, xRay: xRay } = state;
1819
- const [actualStyle, setActualStyle] = (0, $Zz0sd$useState)(null);
1820
- (0, $Zz0sd$useEffect)(()=>{
1821
- (0, $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6)(style, overlayStyle, {
1822
- mapboxToken: mapboxToken,
1823
- inDarkMode: isEnabled,
1824
- xRay: xRay
1825
- }).then(setActualStyle);
1826
- }, [
1827
- style,
1828
- xRay,
1829
- mapboxToken,
1830
- isEnabled,
1831
- overlayStyle
1832
- ]);
1833
- const [inspectPosition, setInspectPosition] = (0, $Zz0sd$useState)(null);
1834
- const [data, setData] = (0, $Zz0sd$useState)(null);
1835
- const onSelectPosition = (0, $Zz0sd$useCallback)((position)=>{
1836
- setInspectPosition(position);
1837
- }, []);
1838
- let detailElement = null;
1839
- if (inspectPosition != null) detailElement = $a281a0612311d660$export$dda1d9f60106f0e9((0, $f50c3537aaff0cff$export$aa4baff5242ea6e1), {
1840
- onClose () {
1841
- setInspectPosition(null);
1842
- },
1843
- position: inspectPosition
1844
- }, [
1845
- $a281a0612311d660$export$dda1d9f60106f0e9((0, $b8c84b63e75fe4f2$export$43c75dec9d0b96c), {
1846
- feature: data?.[0] ?? null,
1847
- showExtent: showTileExtent,
1848
- setShowExtent () {
1849
- setState({
1850
- ...state,
1851
- showTileExtent: !showTileExtent
1852
- });
1853
- }
1854
- }),
1855
- $a281a0612311d660$export$dda1d9f60106f0e9((0, $b8c84b63e75fe4f2$export$43277c51a01761c1), {
1856
- features: data,
1857
- focusedSource: focusedSource,
1858
- focusedSourceTitle: focusedSourceTitle
1859
- })
1860
- ]);
1861
- let tile = null;
1862
- if (showTileExtent && data?.[0] != null) {
1863
- let f = data[0];
1864
- tile = {
1865
- x: f._x,
1866
- y: f._y,
1867
- z: f._z
1868
- };
1869
- }
1870
- return $a281a0612311d660$export$dda1d9f60106f0e9((0, $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290), {
1871
- navbar: $a281a0612311d660$export$dda1d9f60106f0e9((0, $6e914c81c8e053da$export$a8cc0062d02a3841), {
1872
- rightElement: $a281a0612311d660$export$dda1d9f60106f0e9((0, $6e914c81c8e053da$export$9e3bae3c08bde368), {
1873
- large: true,
1874
- active: isOpen,
1875
- onClick: ()=>setOpen(!isOpen),
1876
- style: {
1877
- marginRight: "-5px"
1878
- }
1879
- }),
1880
- headerElement: headerElement,
1881
- title: title
1882
- }),
1883
- contextPanel: $a281a0612311d660$export$dda1d9f60106f0e9((0, $4bdfa9cd8240b2fd$export$ec68dd77edbe678b), [
1884
- children,
1885
- $a281a0612311d660$export$dda1d9f60106f0e9((0, $Zz0sd$Switch), {
1886
- checked: xRay,
1887
- label: "X-ray mode",
1888
- onChange () {
1889
- setState({
1890
- ...state,
1891
- xRay: !xRay
1892
- });
1893
- }
1894
- })
1895
- ]),
1896
- detailPanel: detailElement,
1897
- contextPanelOpen: isOpen,
1898
- fitViewport: fitViewport
1899
- }, $a281a0612311d660$export$dda1d9f60106f0e9((0, $9e150e311a3261e9$export$ab1e7a67d6ec5ad8), {
1900
- style: actualStyle,
1901
- transformRequest: transformRequest,
1902
- mapPosition: mapPosition,
1903
- projection: {
1904
- name: "globe"
1905
- },
1906
- mapboxToken: mapboxToken,
1907
- bounds: bounds
1908
- }, [
1909
- $a281a0612311d660$export$dda1d9f60106f0e9((0, $b8c84b63e75fe4f2$export$214daccdda0f4ac6), {
1910
- selectedLocation: inspectPosition,
1911
- setFeatures: setData
1912
- }),
1913
- $a281a0612311d660$export$dda1d9f60106f0e9((0, $4bc3dd5f0732eed3$export$5c90a91c7455938c), {
1914
- position: inspectPosition,
1915
- setPosition: onSelectPosition
1916
- }),
1917
- $a281a0612311d660$export$dda1d9f60106f0e9((0, $1d4d29ef2725aa16$export$86c09739b12f23cd), {
1918
- tile: tile,
1919
- color: isEnabled ? "white" : "black"
1920
- })
1921
- ]));
1922
- }
1923
- const $a281a0612311d660$export$2391061fbdfb71ef = $a281a0612311d660$export$c5febf3ae8816972;
1924
-
1925
-
1926
-
1927
-
1928
-
1929
- $parcel$exportWildcard($b6d2ac1192949c28$exports, $a281a0612311d660$exports);
1930
- $parcel$exportWildcard($b6d2ac1192949c28$exports, $1d4d29ef2725aa16$exports);
1931
- $parcel$exportWildcard($b6d2ac1192949c28$exports, $b8c84b63e75fe4f2$exports);
1932
- $parcel$exportWildcard($b6d2ac1192949c28$exports, $64ee2eed3ed5ffbc$exports);
1933
-
1934
-
1935
-
1936
-
1937
-
1938
-
1939
-
1940
-
1941
-
1942
-
1943
-
1944
- export {$6e914c81c8e053da$export$4ec83e90d030b2f3 as LoadingButton, $6e914c81c8e053da$export$9e3bae3c08bde368 as MapLoadingButton, $6e914c81c8e053da$export$a8cc0062d02a3841 as FloatingNavbar, $f50c3537aaff0cff$export$83f9a19cf91c2d06 as InfoDrawerContainer, $f50c3537aaff0cff$export$a5ddcc2a88716895 as BaseInfoDrawer, $f50c3537aaff0cff$export$aa4baff5242ea6e1 as LocationPanel, $a281a0612311d660$export$dda1d9f60106f0e9 as h, $a281a0612311d660$export$c5febf3ae8816972 as MapInspector, $a281a0612311d660$export$2391061fbdfb71ef as DevMapPage, $1d4d29ef2725aa16$export$86c09739b12f23cd as TileExtentLayer, $b8c84b63e75fe4f2$export$2906e7f4b228efe9 as FeatureProperties, $b8c84b63e75fe4f2$export$dc87b4d46cea200d as FeatureRecord, $b8c84b63e75fe4f2$export$214daccdda0f4ac6 as FeatureSelectionHandler, $b8c84b63e75fe4f2$export$617d79dae526d2cf as Features, $b8c84b63e75fe4f2$export$43c75dec9d0b96c as TileInfo, $b8c84b63e75fe4f2$export$43277c51a01761c1 as FeaturePanel, $64ee2eed3ed5ffbc$export$eff5fb2e10d05b1d as buildXRayStyle, $64ee2eed3ed5ffbc$export$e739dc8dfc0db9a6 as buildInspectorStyle, $4bdfa9cd8240b2fd$export$ec68dd77edbe678b as PanelCard, $4bdfa9cd8240b2fd$export$612ca936d3ed4784 as DetailPanelStyle, $4bdfa9cd8240b2fd$export$9fa5da0bcfd0a290 as MapAreaContainer, $4bdfa9cd8240b2fd$export$fa395a37c3898ae3 as MapStyledContainer, $9e150e311a3261e9$export$ab1e7a67d6ec5ad8 as MapView, $9e150e311a3261e9$export$cee395a8a2a00b29 as MapTerrainManager, $91d5aa004eeb2226$export$db1a2e058a06fb5c as MapBottomControls, $4bc3dd5f0732eed3$export$31b2e088aff2dc5d as MapResizeManager, $4bc3dd5f0732eed3$export$2ab96428dea558d6 as MapPaddingManager, $4bc3dd5f0732eed3$export$f6eeee399afc4e9a as MapMovedReporter, $4bc3dd5f0732eed3$export$e57f9eaa51773f82 as MapLoadingReporter, $4bc3dd5f0732eed3$export$5c90a91c7455938c as MapMarker, $4bc3dd5f0732eed3$export$566518253d2584f8 as useBasicStylePair, $82fe09613877ffc2$export$bb78f9f01775eef1 as getMapPadding, $82fe09613877ffc2$export$278090850f6b3a9f as useMapMarker, $4fae2d573d730db8$export$716098b85fd0efdf as ValueWithUnit, $4fae2d573d730db8$export$af8082af0bea3eb1 as DegreeCoord, $4fae2d573d730db8$export$f195b3550849e560 as LngLatCoords, $4fae2d573d730db8$export$58bfb4f6ec5aa58d as Elevation, $bb5f34705d9c44bc$export$8391d1abb505ffb3 as applyMapPositionToHash, $bb5f34705d9c44bc$export$80abf1cbcc3918e4 as getMapPositionForHash, $d570ac304373e71c$export$cea00a9d724d5a32 as ExpansionPanelSummary, $d570ac304373e71c$export$39c134eb0b07cf0e as InfoPanelSection, $d570ac304373e71c$export$40e646e38e6ed100 as ExpansionPanel, $d570ac304373e71c$export$d7160281aff7c3b8 as SubExpansionPanel, $d570ac304373e71c$export$44ad9ff780615135 as ExpandableDetailsPanel, $d570ac304373e71c$export$263416b670b3f129 as ExpansionBody, $72e497a412b1da0a$export$ed081779ec3709aa as PanelSubhead};
1945
- //# sourceMappingURL=index.js.map