@macrostrat/map-interface 1.0.0 → 1.0.2

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