@map-colonies/react-components 4.1.2 → 4.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.
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
var tn = Object.defineProperty;
|
|
3
3
|
var nn = (e, n, t) => n in e ? tn(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
|
|
4
4
|
var Z = (e, n, t) => (nn(e, typeof n != "symbol" ? n + "" : n, t), t);
|
|
5
|
-
import { jsx as l, jsxs as B, Fragment as
|
|
5
|
+
import { jsx as l, jsxs as B, Fragment as oe } from "react/jsx-runtime";
|
|
6
6
|
import * as Pt from "react";
|
|
7
7
|
import fe, { useState as A, useEffect as O, useMemo as Fe, forwardRef as rn, createContext as Pe, useRef as Ee, useContext as De, useCallback as pe, useLayoutEffect as on } from "react";
|
|
8
8
|
import { isValid as Ce, isBefore as sn, format as ct, endOfDay as an, isSameDay as dt } from "date-fns";
|
|
@@ -34,7 +34,7 @@ import Wn from "@material-ui/core/CssBaseline";
|
|
|
34
34
|
import Un from "@material-ui/core/ScopedCssBaseline";
|
|
35
35
|
import { createPortal as jn } from "react-dom";
|
|
36
36
|
import { Viewer as Kn, Cesium3DTileset as qn, GeoJsonDataSource as Yn, ImageryLayer as Xn, Entity as Zn, EntityDescription as Bt, PolygonGraphics as Jn, RectangleGraphics as Qn, CustomDataSource as ei, PolylineGraphics as ti } from "resium";
|
|
37
|
-
import * as
|
|
37
|
+
import * as p from "cesium";
|
|
38
38
|
import { ScreenSpaceEventType as ni, Cartesian3 as ge, Math as le, WebMercatorProjection as ii, EventHelper as ri, EllipsoidGeodesic as oi, Cartesian2 as Se, SceneMode as ve, Cartographic as Ge, UrlTemplateImageryProvider as nt, WebMapServiceImageryProvider as it, WebMapTileServiceImageryProvider as rt, Event as si, SingleTileImageryProvider as ai, Rectangle as be, Viewer as li, Matrix4 as ci, OpenStreetMapImageryProvider as di, Color as ui, PolygonHierarchy as hi, PolylineDashMaterialProperty as mi, ConstantProperty as pi, ConstantPositionProperty as gi, BoundingSphere as fi, Ellipsoid as yi, GeographicTilingScheme as vi, Resource as Ei, EllipsoidTerrainProvider as Ci, CesiumTerrainProvider as wi, VerticalOrigin as bi, LabelStyle as Ti } from "cesium";
|
|
39
39
|
import { Math as Vs, sampleTerrainMostDetailed as zs } from "cesium";
|
|
40
40
|
import { get as Q, isNumber as Ne, isEmpty as Je, isArray as _i, find as mt } from "lodash";
|
|
@@ -47,7 +47,7 @@ import Mi, { setCaretPosition as Pi } from "get-input-selection";
|
|
|
47
47
|
import { ChonkyActions as G, FileHelper as Vt, setChonkyDefaults as Di, FullFileBrowser as Ii } from "chonky";
|
|
48
48
|
import { ChonkyIconFA as Ai } from "chonky-icon-fontawesome";
|
|
49
49
|
import ki from "filesize";
|
|
50
|
-
var
|
|
50
|
+
var re = /* @__PURE__ */ ((e) => (e.BOX = "BOX", e.POLYGON = "POLYGON", e.UNKNOWN = "UNKNOWN", e))(re || {}), ce = /* @__PURE__ */ ((e) => (e.HE = "he", e.EN = "en", e.RU = "ru", e))(ce || {}), Qe = /* @__PURE__ */ ((e) => (e.TOP_RIGHT = "TOP_RIGHT", e.BOTTOM_LEFT = "BOTTOM_LEFT", e))(Qe || {});
|
|
51
51
|
const J = {
|
|
52
52
|
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
53
53
|
DATE_PICKER: {
|
|
@@ -118,7 +118,7 @@ const Oi = 2, Ri = 0.5, Ni = Ie(
|
|
|
118
118
|
})
|
|
119
119
|
), Bi = (e) => {
|
|
120
120
|
var U, x, $, R;
|
|
121
|
-
const n = Ni(), t = Ot(), i = zt(t), [o, r] = A(null), [d, u] = A(null), [
|
|
121
|
+
const n = Ni(), t = Ot(), i = zt(t), [o, r] = A(null), [d, u] = A(null), [m, E] = A(J.DATE_RANGE_PICKER.dateFormat), w = e.controlsLayout ?? J.DATE_RANGE_PICKER.controlsLayout, M = e.disableFuture ?? J.DATE_RANGE_PICKER.disableFuture, _ = ((U = e.local) == null ? void 0 : U.startPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.startPlaceHolderText, k = ((x = e.local) == null ? void 0 : x.endPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.endPlaceHolderText, H = (($ = e.local) == null ? void 0 : $.setText) ?? J.DATE_RANGE_PICKER.local.setText, K = (((R = e.local) == null ? void 0 : R.calendarLocale) ?? J.DATE_RANGE_PICKER.local.calendarLocale) === ce.HE ? Dt : It;
|
|
122
122
|
O(() => {
|
|
123
123
|
r(e.from ?? null);
|
|
124
124
|
}, [e.from]), O(() => {
|
|
@@ -139,8 +139,8 @@ const Oi = 2, Ri = 0.5, Ni = Ie(
|
|
|
139
139
|
{
|
|
140
140
|
className: `${n.container} drpContainer`,
|
|
141
141
|
display: "flex",
|
|
142
|
-
flexDirection:
|
|
143
|
-
width:
|
|
142
|
+
flexDirection: w,
|
|
143
|
+
width: w === "column" ? e.contentWidth : "unset",
|
|
144
144
|
children: /* @__PURE__ */ B(At, { utils: kt, locale: K, children: [
|
|
145
145
|
/* @__PURE__ */ l(
|
|
146
146
|
Ye,
|
|
@@ -150,7 +150,7 @@ const Oi = 2, Ri = 0.5, Ni = Ie(
|
|
|
150
150
|
onChange: (V) => r(V),
|
|
151
151
|
value: o,
|
|
152
152
|
disableFuture: M,
|
|
153
|
-
format:
|
|
153
|
+
format: m,
|
|
154
154
|
maxDate: e.maxDate,
|
|
155
155
|
minDate: e.minDate
|
|
156
156
|
}
|
|
@@ -164,7 +164,7 @@ const Oi = 2, Ri = 0.5, Ni = Ie(
|
|
|
164
164
|
onChange: (V) => u(V),
|
|
165
165
|
value: d,
|
|
166
166
|
disableFuture: M,
|
|
167
|
-
format:
|
|
167
|
+
format: m,
|
|
168
168
|
maxDate: e.maxDate,
|
|
169
169
|
minDate: e.minDate
|
|
170
170
|
}
|
|
@@ -188,12 +188,12 @@ const Oi = 2, Ri = 0.5, Ni = Ie(
|
|
|
188
188
|
};
|
|
189
189
|
const Qo = (e) => {
|
|
190
190
|
var x, $;
|
|
191
|
-
const [n, t] = A(null), [i, o] = A(null), [r, d] = A(J.DATE_RANGE_PICKER.dateFormat), [u,
|
|
192
|
-
|
|
193
|
-
},
|
|
194
|
-
R.currentTarget.tagName === "I" ?
|
|
191
|
+
const [n, t] = A(null), [i, o] = A(null), [r, d] = A(J.DATE_RANGE_PICKER.dateFormat), [u, m] = fe.useState(null), E = (R) => {
|
|
192
|
+
m(R.currentTarget);
|
|
193
|
+
}, w = (R) => {
|
|
194
|
+
R.currentTarget.tagName === "I" ? m(R.currentTarget.previousElementSibling) : m(R.currentTarget);
|
|
195
195
|
}, M = () => {
|
|
196
|
-
|
|
196
|
+
m(null);
|
|
197
197
|
}, _ = Boolean(u), k = e.controlsLayout ?? "column";
|
|
198
198
|
O(() => {
|
|
199
199
|
t(e.from ?? null);
|
|
@@ -203,7 +203,7 @@ const Qo = (e) => {
|
|
|
203
203
|
d(e.dateFormat ?? J.DATE_RANGE_PICKER.dateFormat);
|
|
204
204
|
}, [e.dateFormat]);
|
|
205
205
|
const H = ((x = e.local) == null ? void 0 : x.startPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.startPlaceHolderText, j = (($ = e.local) == null ? void 0 : $.endPlaceHolderText) ?? J.DATE_RANGE_PICKER.local.endPlaceHolderText, K = e.renderAsButton === void 0 ? J.DATE_RANGE_PICKER.renderAsButton : e.renderAsButton, F = e.offset === void 0 ? J.DATE_RANGE_PICKER.offset : e.offset, Y = e.disableFuture === void 0 ? J.DATE_RANGE_PICKER.disableFuture : e.disableFuture, U = Fe(() => `${n ? ct(n, r) : H} - ${i ? ct(i, r) : j}`, [n, i, r, H, j]);
|
|
206
|
-
return /* @__PURE__ */ B(
|
|
206
|
+
return /* @__PURE__ */ B(oe, { children: [
|
|
207
207
|
K ? /* @__PURE__ */ l(Me, { style: { width: e.width }, raised: !0, onClick: E, className: "drpOpener", children: U }) : /* @__PURE__ */ l(
|
|
208
208
|
Re,
|
|
209
209
|
{
|
|
@@ -211,11 +211,11 @@ const Qo = (e) => {
|
|
|
211
211
|
readOnly: !0,
|
|
212
212
|
style: { width: e.width },
|
|
213
213
|
value: U,
|
|
214
|
-
onClick:
|
|
214
|
+
onClick: w,
|
|
215
215
|
trailingIcon: {
|
|
216
216
|
icon: "date_range",
|
|
217
217
|
tabIndex: 0,
|
|
218
|
-
onClick:
|
|
218
|
+
onClick: w
|
|
219
219
|
}
|
|
220
220
|
}
|
|
221
221
|
),
|
|
@@ -248,16 +248,16 @@ const Qo = (e) => {
|
|
|
248
248
|
endTimeLabel: r = "",
|
|
249
249
|
endTimeWrapperClassName: d = "",
|
|
250
250
|
timeRangeInputsWrapperClassName: u = "",
|
|
251
|
-
startTimeInputClassName:
|
|
251
|
+
startTimeInputClassName: m = "",
|
|
252
252
|
startTimeLabel: E = "",
|
|
253
|
-
startTimeWrapperClassName:
|
|
253
|
+
startTimeWrapperClassName: w = ""
|
|
254
254
|
}) => /* @__PURE__ */ B("div", { className: `timeRangeWrapper ${u}`, children: [
|
|
255
|
-
/* @__PURE__ */ l("div", { className: `startTimeWrapper ${
|
|
255
|
+
/* @__PURE__ */ l("div", { className: `startTimeWrapper ${w}`, children: /* @__PURE__ */ l(
|
|
256
256
|
Re,
|
|
257
257
|
{
|
|
258
258
|
label: E,
|
|
259
259
|
disabled: n === null,
|
|
260
|
-
className: `timeRangeInput ${
|
|
260
|
+
className: `timeRangeInput ${m}`,
|
|
261
261
|
name: "start-time",
|
|
262
262
|
type: "time",
|
|
263
263
|
value: we(n).format("HH:mm"),
|
|
@@ -306,30 +306,30 @@ const Qo = (e) => {
|
|
|
306
306
|
}, setEndDate: n = () => {
|
|
307
307
|
}, shortcuts: t, dateRange: i, onShortcut: o }) => {
|
|
308
308
|
const [r, d] = A(), u = Fe(
|
|
309
|
-
() => t.map((
|
|
309
|
+
() => t.map((m) => m instanceof Function ? m() : m),
|
|
310
310
|
[t]
|
|
311
311
|
);
|
|
312
312
|
return O(() => {
|
|
313
|
-
for (const
|
|
314
|
-
const E = i.startDate && i.endDate && dt(
|
|
315
|
-
r ?
|
|
313
|
+
for (const m of u) {
|
|
314
|
+
const E = i.startDate && i.endDate && dt(m.startDate, i.startDate) && dt(m.endDate, i.endDate);
|
|
315
|
+
r ? m.id === r && (E || d(void 0)) : E && d(m.id);
|
|
316
316
|
}
|
|
317
|
-
}, [i, r, u]), /* @__PURE__ */ l("div", { className: "shortcutsContainer", children: u.map((
|
|
318
|
-
const
|
|
319
|
-
e(
|
|
317
|
+
}, [i, r, u]), /* @__PURE__ */ l("div", { className: "shortcutsContainer", children: u.map((m, E) => {
|
|
318
|
+
const w = () => {
|
|
319
|
+
e(m.startDate), n(m.endDate);
|
|
320
320
|
};
|
|
321
321
|
return /* @__PURE__ */ l(
|
|
322
322
|
Me,
|
|
323
323
|
{
|
|
324
324
|
type: "button",
|
|
325
|
-
className: `shortcut ${r ===
|
|
325
|
+
className: `shortcut ${r === m.id ? "selected" : ""}`,
|
|
326
326
|
onClick: (M) => {
|
|
327
|
-
|
|
327
|
+
w(), o == null || o({ startDate: m.startDate, endDate: m.endDate });
|
|
328
328
|
},
|
|
329
329
|
outlined: !0,
|
|
330
|
-
children:
|
|
330
|
+
children: m.label
|
|
331
331
|
},
|
|
332
|
-
|
|
332
|
+
m.id + E
|
|
333
333
|
);
|
|
334
334
|
}) });
|
|
335
335
|
}, ts = fe.forwardRef((e, n) => {
|
|
@@ -349,26 +349,26 @@ const Qo = (e) => {
|
|
|
349
349
|
selectsRange: r,
|
|
350
350
|
onChange: d,
|
|
351
351
|
inputName: u,
|
|
352
|
-
showMonthYearDropdown:
|
|
352
|
+
showMonthYearDropdown: m,
|
|
353
353
|
// withTimeRange,
|
|
354
354
|
withShortcuts: E,
|
|
355
|
-
locale:
|
|
355
|
+
locale: w = "en"
|
|
356
356
|
} = e, [M, _] = A(null), [k, H] = A(null), [j, K] = A(!1), F = r ? { startDate: M, endDate: k } : M;
|
|
357
357
|
O(() => {
|
|
358
|
-
|
|
359
|
-
}, [
|
|
358
|
+
w === "he" && In("he", An);
|
|
359
|
+
}, [w]), O(() => {
|
|
360
360
|
var x, $;
|
|
361
361
|
((x = e.startDate) == null ? void 0 : x.toString()) !== (M == null ? void 0 : M.toString()) && _(e.startDate), (($ = e.endDate) == null ? void 0 : $.toString()) !== (k == null ? void 0 : k.toString()) && H(e.endDate);
|
|
362
362
|
}, [e.startDate, e.endDate, M, k]);
|
|
363
363
|
const Y = Fe(() => {
|
|
364
|
-
let x = "pickerContainer" + (
|
|
364
|
+
let x = "pickerContainer" + (w === "he" ? " pickerContainer-rtl" : "");
|
|
365
365
|
return E && r && (x += " pickerContainer-withShortcuts"), x;
|
|
366
|
-
}, [
|
|
366
|
+
}, [w, E, r]), U = m ? {
|
|
367
367
|
showMonthDropdown: !0,
|
|
368
368
|
showYearDropdown: !0,
|
|
369
369
|
dropdownMode: "select"
|
|
370
370
|
} : {};
|
|
371
|
-
return /* @__PURE__ */ l("div", { className: Y, style: { direction:
|
|
371
|
+
return /* @__PURE__ */ l("div", { className: Y, style: { direction: w === "he" ? "rtl" : "ltr" }, children: /* @__PURE__ */ l(
|
|
372
372
|
Dn,
|
|
373
373
|
{
|
|
374
374
|
...e,
|
|
@@ -408,19 +408,19 @@ const ns = (e) => {
|
|
|
408
408
|
format: r = J.DATE_PICKER.dateFormat,
|
|
409
409
|
variant: d = J.DATE_PICKER.variant,
|
|
410
410
|
disableFuture: u = J.DATE_PICKER.disableFuture,
|
|
411
|
-
local:
|
|
411
|
+
local: m,
|
|
412
412
|
onChange: E,
|
|
413
|
-
showTime:
|
|
413
|
+
showTime: w = J.DATE_PICKER.showTime,
|
|
414
414
|
value: M,
|
|
415
415
|
..._
|
|
416
|
-
} = e, { placeHolderText: k = J.DATE_PICKER.local.placeHolderText, calendarLocale: H } =
|
|
416
|
+
} = e, { placeHolderText: k = J.DATE_PICKER.local.placeHolderText, calendarLocale: H } = m ?? {
|
|
417
417
|
placeHolderText: J.DATE_PICKER.local.placeHolderText,
|
|
418
418
|
calendarLocale: ce.EN
|
|
419
419
|
}, j = H === ce.HE ? Dt : It, K = (F) => {
|
|
420
420
|
o(F), E(F);
|
|
421
421
|
};
|
|
422
422
|
return /* @__PURE__ */ l(xt, { theme: t, children: /* @__PURE__ */ B(At, { utils: kt, locale: j, children: [
|
|
423
|
-
|
|
423
|
+
w && /* @__PURE__ */ l(
|
|
424
424
|
Ye,
|
|
425
425
|
{
|
|
426
426
|
variant: d,
|
|
@@ -432,7 +432,7 @@ const ns = (e) => {
|
|
|
432
432
|
..._
|
|
433
433
|
}
|
|
434
434
|
),
|
|
435
|
-
!
|
|
435
|
+
!w && /* @__PURE__ */ l(
|
|
436
436
|
ln,
|
|
437
437
|
{
|
|
438
438
|
variant: d,
|
|
@@ -456,13 +456,13 @@ const ns = (e) => {
|
|
|
456
456
|
}
|
|
457
457
|
})
|
|
458
458
|
), $i = (e) => {
|
|
459
|
-
const n = zi(), [t, i] = fe.useState(null), { isSelectionEnabled: o, onCancelDraw: r, onStartDraw: d, onReset: u } = e,
|
|
460
|
-
i(
|
|
459
|
+
const n = zi(), [t, i] = fe.useState(null), { isSelectionEnabled: o, onCancelDraw: r, onStartDraw: d, onReset: u } = e, m = (w) => {
|
|
460
|
+
i(w.currentTarget);
|
|
461
461
|
}, E = () => {
|
|
462
462
|
i(null);
|
|
463
463
|
};
|
|
464
464
|
return o ? /* @__PURE__ */ l(Ze, { content: "Cancel the ongoing draw", align: "bottomLeft", children: /* @__PURE__ */ l(Me, { className: n.drawingButton, raised: !0, onClick: r, children: "Cancel Draw" }) }) : /* @__PURE__ */ B(ae, { position: "relative", children: [
|
|
465
|
-
/* @__PURE__ */ l(Ze, { content: "draw an Area of interest to limit the search", align: "bottomLeft", children: /* @__PURE__ */ l(Me, { className: n.drawingButton, raised: !0, onClick:
|
|
465
|
+
/* @__PURE__ */ l(Ze, { content: "draw an Area of interest to limit the search", align: "bottomLeft", children: /* @__PURE__ */ l(Me, { className: n.drawingButton, raised: !0, onClick: m, children: "Draw AOI" }) }),
|
|
466
466
|
/* @__PURE__ */ B(
|
|
467
467
|
wn,
|
|
468
468
|
{
|
|
@@ -474,7 +474,7 @@ const ns = (e) => {
|
|
|
474
474
|
$e,
|
|
475
475
|
{
|
|
476
476
|
onClick: () => {
|
|
477
|
-
d(
|
|
477
|
+
d(re.POLYGON), E();
|
|
478
478
|
},
|
|
479
479
|
children: "Polygon"
|
|
480
480
|
}
|
|
@@ -483,7 +483,7 @@ const ns = (e) => {
|
|
|
483
483
|
$e,
|
|
484
484
|
{
|
|
485
485
|
onClick: () => {
|
|
486
|
-
d(
|
|
486
|
+
d(re.BOX), E();
|
|
487
487
|
},
|
|
488
488
|
children: "Box"
|
|
489
489
|
}
|
|
@@ -531,9 +531,9 @@ const et = 5, tt = 2, $t = Pe(null), Wi = $t.Provider, pt = 35, gt = 32, Ui = 10
|
|
|
531
531
|
}, [r, e.center, e.projection]), O(() => {
|
|
532
532
|
r.getView().setZoom(e.zoom ?? Ui);
|
|
533
533
|
}, [r, e.zoom, e.projection]);
|
|
534
|
-
const d = (u,
|
|
535
|
-
|
|
536
|
-
|
|
534
|
+
const d = (u, m) => {
|
|
535
|
+
m.getControls().forEach((w) => {
|
|
536
|
+
w instanceof u && m.removeControl(w);
|
|
537
537
|
});
|
|
538
538
|
};
|
|
539
539
|
return O(() => {
|
|
@@ -601,10 +601,10 @@ const et = 5, tt = 2, $t = Pe(null), Wi = $t.Provider, pt = 35, gt = 32, Ui = 10
|
|
|
601
601
|
/* CIRCLE */
|
|
602
602
|
};
|
|
603
603
|
switch (e) {
|
|
604
|
-
case
|
|
604
|
+
case re.BOX:
|
|
605
605
|
i.geometryFunction = zn();
|
|
606
606
|
break;
|
|
607
|
-
case
|
|
607
|
+
case re.POLYGON:
|
|
608
608
|
i.type = "Polygon";
|
|
609
609
|
break;
|
|
610
610
|
default:
|
|
@@ -613,8 +613,8 @@ const et = 5, tt = 2, $t = Pe(null), Wi = $t.Provider, pt = 35, gt = 32, Ui = 10
|
|
|
613
613
|
const o = new Vn(i);
|
|
614
614
|
t.addInteraction(o);
|
|
615
615
|
const r = (d) => {
|
|
616
|
-
const
|
|
617
|
-
n == null || n(
|
|
616
|
+
const m = new Rt().writeGeometryObject(d.feature.getGeometry());
|
|
617
|
+
n == null || n(m);
|
|
618
618
|
};
|
|
619
619
|
return o.on("drawend", r), () => {
|
|
620
620
|
o.un("drawend", r), t.removeInteraction(o);
|
|
@@ -658,7 +658,7 @@ const ar = (e) => {
|
|
|
658
658
|
}
|
|
659
659
|
})
|
|
660
660
|
), is = (e) => {
|
|
661
|
-
var
|
|
661
|
+
var m;
|
|
662
662
|
const [n, t] = A(), [i, o] = A(), r = cr(), d = (E) => {
|
|
663
663
|
o(E), t(void 0), e.handlePolygonSelected(E);
|
|
664
664
|
}, u = () => {
|
|
@@ -676,7 +676,7 @@ const ar = (e) => {
|
|
|
676
676
|
isSelectionEnabled: n !== void 0
|
|
677
677
|
}
|
|
678
678
|
),
|
|
679
|
-
(
|
|
679
|
+
(m = e.filters) == null ? void 0 : m.map((E, w) => /* @__PURE__ */ l("div", { className: r.filtersMargin, children: E }, w))
|
|
680
680
|
] }),
|
|
681
681
|
/* @__PURE__ */ l(Xe, { color: "red", className: `${r.contentContainer}`, children: e.children })
|
|
682
682
|
] }),
|
|
@@ -684,8 +684,8 @@ const ar = (e) => {
|
|
|
684
684
|
] });
|
|
685
685
|
};
|
|
686
686
|
function dr(e) {
|
|
687
|
-
const { headCells: n, order: t, orderBy: i, onRequestSort: o, isCollapseable: r } = e, d = (u) => (
|
|
688
|
-
o(
|
|
687
|
+
const { headCells: n, order: t, orderBy: i, onRequestSort: o, isCollapseable: r } = e, d = (u) => (m) => {
|
|
688
|
+
o(m, u);
|
|
689
689
|
};
|
|
690
690
|
return /* @__PURE__ */ l($n, { children: /* @__PURE__ */ B(Oe, { children: [
|
|
691
691
|
r && /* @__PURE__ */ l(Te, {}),
|
|
@@ -721,8 +721,8 @@ const ur = Nt(
|
|
|
721
721
|
"KeyboardArrowUp"
|
|
722
722
|
);
|
|
723
723
|
function mr(e) {
|
|
724
|
-
const { cellsMetadata: n, isRowSelected: t, item: i, onRowSelected: o, rowIndex: r, isCollapseable: d, collapsedElement: u } = e, [
|
|
725
|
-
return /* @__PURE__ */ B(
|
|
724
|
+
const { cellsMetadata: n, isRowSelected: t, item: i, onRowSelected: o, rowIndex: r, isCollapseable: d, collapsedElement: u } = e, [m, E] = A(!1), w = n.length;
|
|
725
|
+
return /* @__PURE__ */ B(oe, { children: [
|
|
726
726
|
/* @__PURE__ */ B(Oe, { hover: !0, selected: t, onClick: () => {
|
|
727
727
|
o == null || o(r);
|
|
728
728
|
}, children: [
|
|
@@ -732,9 +732,9 @@ function mr(e) {
|
|
|
732
732
|
"aria-label": "expand row",
|
|
733
733
|
size: "small",
|
|
734
734
|
onClick: (_) => {
|
|
735
|
-
_.stopPropagation(), E(!
|
|
735
|
+
_.stopPropagation(), E(!m);
|
|
736
736
|
},
|
|
737
|
-
children:
|
|
737
|
+
children: m ? /* @__PURE__ */ l(hr, {}) : /* @__PURE__ */ l(ur, {})
|
|
738
738
|
}
|
|
739
739
|
) }),
|
|
740
740
|
n.map((_) => /* @__PURE__ */ l(
|
|
@@ -747,7 +747,7 @@ function mr(e) {
|
|
|
747
747
|
_.id + r.toString()
|
|
748
748
|
))
|
|
749
749
|
] }),
|
|
750
|
-
d && /* @__PURE__ */ l(Oe, { children: /* @__PURE__ */ l(Te, { style: { paddingBottom: 0, paddingTop: 0 }, colSpan:
|
|
750
|
+
d && /* @__PURE__ */ l(Oe, { children: /* @__PURE__ */ l(Te, { style: { paddingBottom: 0, paddingTop: 0 }, colSpan: w + 1, children: /* @__PURE__ */ l(pn, { in: m, unmountOnExit: !0, timeout: "auto", children: u == null ? void 0 : u(i) }) }) })
|
|
751
751
|
] });
|
|
752
752
|
}
|
|
753
753
|
function rs(e) {
|
|
@@ -755,9 +755,9 @@ function rs(e) {
|
|
|
755
755
|
cellsMetadata: r,
|
|
756
756
|
items: d,
|
|
757
757
|
onRequestSort: u,
|
|
758
|
-
onRowSelected:
|
|
758
|
+
onRowSelected: m,
|
|
759
759
|
isCollapseable: E,
|
|
760
|
-
collapsedElement:
|
|
760
|
+
collapsedElement: w,
|
|
761
761
|
isDense: M,
|
|
762
762
|
page: _,
|
|
763
763
|
rowsPerPage: k,
|
|
@@ -788,9 +788,9 @@ function rs(e) {
|
|
|
788
788
|
rowIndex: U,
|
|
789
789
|
isCollapseable: E,
|
|
790
790
|
cellsMetadata: r,
|
|
791
|
-
collapsedElement:
|
|
791
|
+
collapsedElement: w,
|
|
792
792
|
isRowSelected: !1,
|
|
793
|
-
onRowSelected:
|
|
793
|
+
onRowSelected: m
|
|
794
794
|
},
|
|
795
795
|
U
|
|
796
796
|
)),
|
|
@@ -837,22 +837,22 @@ const gr = (e) => {
|
|
|
837
837
|
if (d) {
|
|
838
838
|
const u = r.cartesianToCartographic(d);
|
|
839
839
|
if (t.current) {
|
|
840
|
-
let
|
|
840
|
+
let m = "";
|
|
841
841
|
switch (e.projection) {
|
|
842
842
|
case he.WEB_MERCATOR: {
|
|
843
|
-
const
|
|
844
|
-
|
|
843
|
+
const w = new ii(r).project(u);
|
|
844
|
+
m = `Mercator: ${w.y.toFixed(tt)}m, ${w.x.toFixed(
|
|
845
845
|
tt
|
|
846
846
|
)}m`, t.current.style.width = "220px";
|
|
847
847
|
break;
|
|
848
848
|
}
|
|
849
849
|
case he.WGS84: {
|
|
850
850
|
const E = le.toDegrees(u.longitude).toFixed(et);
|
|
851
|
-
|
|
851
|
+
m = `WGS84: ${le.toDegrees(u.latitude).toFixed(et)}°N ${E}°E`, t.current.style.width = "200px";
|
|
852
852
|
break;
|
|
853
853
|
}
|
|
854
854
|
}
|
|
855
|
-
t.current.innerHTML =
|
|
855
|
+
t.current.innerHTML = m;
|
|
856
856
|
}
|
|
857
857
|
}
|
|
858
858
|
}, [i, t, n, e.projection]), /* @__PURE__ */ l("div", { className: "trackerPosition", ref: t });
|
|
@@ -895,11 +895,11 @@ const Ke = [
|
|
|
895
895
|
barWidth: void 0,
|
|
896
896
|
distanceLabel: void 0,
|
|
897
897
|
lastLegendUpdate: n.lastLegendUpdate
|
|
898
|
-
}, u = new oi(),
|
|
899
|
-
if (
|
|
898
|
+
}, u = new oi(), m = new Date().getTime();
|
|
899
|
+
if (m < d.lastLegendUpdate + 250)
|
|
900
900
|
return;
|
|
901
|
-
d.lastLegendUpdate =
|
|
902
|
-
const E = e.scene.canvas.clientWidth,
|
|
901
|
+
d.lastLegendUpdate = m;
|
|
902
|
+
const E = e.scene.canvas.clientWidth, w = e.scene.canvas.clientHeight, M = e.scene.camera.getPickRay(new Se(E / 2 | 0, w - 1)), _ = e.scene.camera.getPickRay(new Se(1 + E / 2 | 0, w - 1)), k = e.scene.globe, H = k.pick(M, e.scene), j = k.pick(_, e.scene);
|
|
903
903
|
if (!H || !j)
|
|
904
904
|
return;
|
|
905
905
|
const K = k.ellipsoid.cartesianToCartographic(H), F = k.ellipsoid.cartesianToCartographic(j);
|
|
@@ -920,21 +920,21 @@ const Ke = [
|
|
|
920
920
|
lastLegendUpdate: -1
|
|
921
921
|
});
|
|
922
922
|
O(() => {
|
|
923
|
-
const r = (
|
|
923
|
+
const r = (m) => {
|
|
924
924
|
fr(n, t, i, e.locale);
|
|
925
|
-
}, d = new ri(), u = (
|
|
925
|
+
}, d = new ri(), u = (m) => {
|
|
926
926
|
n.scene.globe.tilesLoaded && (r(new MouseEvent("mouse")), d.removeAll());
|
|
927
927
|
};
|
|
928
928
|
return d.add(n.scene.globe.tileLoadProgressEvent, u), n.camera.moveEnd.addEventListener(r), () => {
|
|
929
929
|
try {
|
|
930
930
|
Q(n, "_cesiumWidget") != null && n.camera.moveEnd.removeEventListener(r);
|
|
931
|
-
} catch (
|
|
932
|
-
console.log('CESIUM camera "moveEnd" remove listener failed',
|
|
931
|
+
} catch (m) {
|
|
932
|
+
console.log('CESIUM camera "moveEnd" remove listener failed', m);
|
|
933
933
|
}
|
|
934
934
|
};
|
|
935
935
|
}, [n, e.locale, t]);
|
|
936
936
|
const o = (r) => 5 + (125 - r) / 2;
|
|
937
|
-
return /* @__PURE__ */ l("div", { className: "scalePosition", children: Ne(t.barWidth) && /* @__PURE__ */ B(
|
|
937
|
+
return /* @__PURE__ */ l("div", { className: "scalePosition", children: Ne(t.barWidth) && /* @__PURE__ */ B(oe, { children: [
|
|
938
938
|
/* @__PURE__ */ l("div", { className: "distance-legend-label", children: t.distanceLabel }),
|
|
939
939
|
/* @__PURE__ */ l(
|
|
940
940
|
"div",
|
|
@@ -969,9 +969,9 @@ const yt = (e, n) => {
|
|
|
969
969
|
if (d === null)
|
|
970
970
|
break;
|
|
971
971
|
if (d !== o) {
|
|
972
|
-
let u = r,
|
|
973
|
-
for (;
|
|
974
|
-
r = u + (
|
|
972
|
+
let u = r, m = r + i;
|
|
973
|
+
for (; m - u > e; )
|
|
974
|
+
r = u + (m - u) / 2, yt(r, n) === d ? u = r : m = r;
|
|
975
975
|
t.push({
|
|
976
976
|
level: d,
|
|
977
977
|
height: Math.round(r)
|
|
@@ -984,23 +984,23 @@ const yt = (e, n) => {
|
|
|
984
984
|
return O(() => {
|
|
985
985
|
const r = () => {
|
|
986
986
|
const d = n.camera, u = 0.5;
|
|
987
|
-
let
|
|
987
|
+
let m = 0;
|
|
988
988
|
switch (n.scene.mode) {
|
|
989
989
|
case ne.SCENE3D:
|
|
990
|
-
|
|
990
|
+
m = n.scene.mapProjection.ellipsoid.cartesianToCartographic(d.positionWC).height;
|
|
991
991
|
break;
|
|
992
992
|
case ne.SCENE2D:
|
|
993
|
-
|
|
993
|
+
m = (d.frustum.right - d.frustum.left) * u;
|
|
994
994
|
break;
|
|
995
995
|
case ne.COLUMBUS_VIEW:
|
|
996
|
-
|
|
996
|
+
m = d.position.z;
|
|
997
997
|
break;
|
|
998
998
|
default:
|
|
999
|
-
|
|
999
|
+
m = 0;
|
|
1000
1000
|
break;
|
|
1001
1001
|
}
|
|
1002
1002
|
if (o.length > 0) {
|
|
1003
|
-
const E = o.reduce((
|
|
1003
|
+
const E = o.reduce((w, M) => Math.abs(M.height - m) < Math.abs(w.height - m) ? M : w);
|
|
1004
1004
|
i(E.level);
|
|
1005
1005
|
}
|
|
1006
1006
|
};
|
|
@@ -1020,7 +1020,7 @@ const Cr = -1, wr = (e) => {
|
|
|
1020
1020
|
const n = me(), [t, i] = A(), { sceneModes: o } = e, r = (d) => o.findIndex((u) => u === d) > Cr;
|
|
1021
1021
|
return O(() => {
|
|
1022
1022
|
i(n.scene.mode);
|
|
1023
|
-
}, []), /* @__PURE__ */ B(
|
|
1023
|
+
}, []), /* @__PURE__ */ B(oe, { children: [
|
|
1024
1024
|
r(ne.SCENE3D) && /* @__PURE__ */ l(
|
|
1025
1025
|
_e,
|
|
1026
1026
|
{
|
|
@@ -1061,20 +1061,20 @@ const br = Ie(
|
|
|
1061
1061
|
), Tr = (e) => {
|
|
1062
1062
|
const n = me(), { baseMaps: t } = e, [i, o] = A(" "), [r, d] = A(), u = br();
|
|
1063
1063
|
O(() => {
|
|
1064
|
-
const E = t == null ? void 0 : t.maps.find((
|
|
1064
|
+
const E = t == null ? void 0 : t.maps.find((w) => w.isCurrent);
|
|
1065
1065
|
E && (d(E), o(E.title !== void 0 ? E.title : " "));
|
|
1066
1066
|
}, [t]);
|
|
1067
|
-
const
|
|
1068
|
-
var
|
|
1067
|
+
const m = (E) => {
|
|
1068
|
+
var w, M;
|
|
1069
1069
|
if (t) {
|
|
1070
|
-
(
|
|
1070
|
+
(w = n.layersManager) == null || w.removeBaseMapLayers();
|
|
1071
1071
|
const _ = t.maps.find((k) => k.id === E);
|
|
1072
1072
|
_ && ((M = n.layersManager) == null || M.setBaseMapLayers(_), d(_), t.maps.forEach((k) => {
|
|
1073
1073
|
k.isCurrent = _ === k;
|
|
1074
1074
|
}));
|
|
1075
1075
|
}
|
|
1076
1076
|
};
|
|
1077
|
-
return /* @__PURE__ */ B(
|
|
1077
|
+
return /* @__PURE__ */ B(oe, { children: [
|
|
1078
1078
|
/* @__PURE__ */ l("label", { className: "mapLabel", children: i }),
|
|
1079
1079
|
/* @__PURE__ */ l("ul", { className: "mapSelector", children: t == null ? void 0 : t.maps.map((E) => /* @__PURE__ */ l("li", { className: `mapContainer ${u.mapContainer} ${E === r ? "mapContainerSelected" : ""}`, children: /* @__PURE__ */ l(
|
|
1080
1080
|
"img",
|
|
@@ -1089,24 +1089,24 @@ const br = Ie(
|
|
|
1089
1089
|
o((r == null ? void 0 : r.title) !== void 0 ? r.title : " ");
|
|
1090
1090
|
},
|
|
1091
1091
|
onClick: () => {
|
|
1092
|
-
|
|
1092
|
+
m(E.id);
|
|
1093
1093
|
}
|
|
1094
1094
|
}
|
|
1095
1095
|
) }, E.id)) })
|
|
1096
1096
|
] });
|
|
1097
1097
|
};
|
|
1098
1098
|
const qe = "ic_settings_24px", _r = (e) => {
|
|
1099
|
-
const [n, t] = A(!1), { sceneModes: i, baseMaps: o, locale: r } = e, d = Ee(null), u = Q(r, "MAP_SETTINGS_DIALOG_TITLE") ?? "Map Settings",
|
|
1099
|
+
const [n, t] = A(!1), { sceneModes: i, baseMaps: o, locale: r } = e, d = Ee(null), u = Q(r, "MAP_SETTINGS_DIALOG_TITLE") ?? "Map Settings", m = Q(r, "MAP_SETTINGS_SCENE_MODE_TITLE") ?? "Scene Mode", E = Q(r, "MAP_SETTINGS_BASE_MAP_TITLE") ?? "Base Map";
|
|
1100
1100
|
return O(() => {
|
|
1101
|
-
const
|
|
1101
|
+
const w = (M) => {
|
|
1102
1102
|
var H;
|
|
1103
1103
|
const _ = M.target, k = Q(d, "current");
|
|
1104
|
-
k && !k.contains(_) && _.id !== qe && ((H = _.parentElement) == null ? void 0 : H.id) !== qe && (document.removeEventListener("click",
|
|
1104
|
+
k && !k.contains(_) && _.id !== qe && ((H = _.parentElement) == null ? void 0 : H.id) !== qe && (document.removeEventListener("click", w, !1), t(!1));
|
|
1105
1105
|
};
|
|
1106
|
-
return document.addEventListener("click",
|
|
1107
|
-
document.removeEventListener("click",
|
|
1106
|
+
return document.addEventListener("click", w, !1), () => {
|
|
1107
|
+
document.removeEventListener("click", w, !1);
|
|
1108
1108
|
};
|
|
1109
|
-
}), /* @__PURE__ */ B(
|
|
1109
|
+
}), /* @__PURE__ */ B(oe, { children: [
|
|
1110
1110
|
/* @__PURE__ */ l(
|
|
1111
1111
|
_e,
|
|
1112
1112
|
{
|
|
@@ -1126,9 +1126,9 @@ const qe = "ic_settings_24px", _r = (e) => {
|
|
|
1126
1126
|
children: [
|
|
1127
1127
|
/* @__PURE__ */ l(Tn, { children: u }),
|
|
1128
1128
|
/* @__PURE__ */ B(_n, { children: [
|
|
1129
|
-
/* @__PURE__ */ l("h4", { className: "sectionLabel", children:
|
|
1129
|
+
/* @__PURE__ */ l("h4", { className: "sectionLabel", children: m }),
|
|
1130
1130
|
/* @__PURE__ */ l(ae, { className: "mapScenesContainer", children: /* @__PURE__ */ l(wr, { sceneModes: i }) }),
|
|
1131
|
-
/* @__PURE__ */ l(ae, { className: "baseMapsContainer", children: o && /* @__PURE__ */ B(
|
|
1131
|
+
/* @__PURE__ */ l(ae, { className: "baseMapsContainer", children: o && /* @__PURE__ */ B(oe, { children: [
|
|
1132
1132
|
/* @__PURE__ */ l("h4", { className: "sectionLabel", children: E }),
|
|
1133
1133
|
/* @__PURE__ */ l(Tr, { baseMaps: o })
|
|
1134
1134
|
] }) })
|
|
@@ -1233,26 +1233,26 @@ const Sr = /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", enabl
|
|
|
1233
1233
|
console.error("Could not determine image transparency. Error => ", o), i(o);
|
|
1234
1234
|
}
|
|
1235
1235
|
})), xe = (e, n) => {
|
|
1236
|
-
const { west: t, east: i, north: o, south: r } = e, { west: d, east: u, north:
|
|
1237
|
-
return t >= d && i <= u && o <=
|
|
1236
|
+
const { west: t, east: i, north: o, south: r } = e, { west: d, east: u, north: m, south: E } = n;
|
|
1237
|
+
return t >= d && i <= u && o <= m && r >= E;
|
|
1238
1238
|
}, Ve = 3, Be = "hasTransparency";
|
|
1239
1239
|
function st(e, n, t, i, o) {
|
|
1240
1240
|
return setTimeout(() => {
|
|
1241
1241
|
var u;
|
|
1242
1242
|
const r = (u = this.layerListInstance.find(
|
|
1243
1243
|
/* eslint-disable */
|
|
1244
|
-
(
|
|
1245
|
-
var E,
|
|
1246
|
-
return ((E =
|
|
1244
|
+
(m) => {
|
|
1245
|
+
var E, w;
|
|
1246
|
+
return ((E = m._imageryProvider._resource) == null ? void 0 : E._url) === ((w = this._resource) == null ? void 0 : w._url);
|
|
1247
1247
|
}
|
|
1248
1248
|
/* eslint-enable */
|
|
1249
1249
|
)) == null ? void 0 : u.meta, d = Q(r, Be) === !0;
|
|
1250
|
-
this.tileTransparencyCheckedCounter < Ve && !d && kr(o == null ? void 0 : o.url, this).then((
|
|
1250
|
+
this.tileTransparencyCheckedCounter < Ve && !d && kr(o == null ? void 0 : o.url, this).then((m) => {
|
|
1251
1251
|
var E;
|
|
1252
1252
|
(E = this.mapViewer.layersManager) == null || E.addMetaToLayer(
|
|
1253
|
-
{ [Be]:
|
|
1253
|
+
{ [Be]: m },
|
|
1254
1254
|
/* eslint-disable */
|
|
1255
|
-
(
|
|
1255
|
+
(w) => w._imageryProvider._resource._url === this._resource._url
|
|
1256
1256
|
);
|
|
1257
1257
|
});
|
|
1258
1258
|
}, 0), e(n, t, i, o);
|
|
@@ -1421,19 +1421,19 @@ class Rr {
|
|
|
1421
1421
|
let i;
|
|
1422
1422
|
return t && (i = (o = this.mapViewer.imageryLayers.pickImageryLayers(t, this.mapViewer.scene)) == null ? void 0 : o.filter((r) => !Q(r.meta, "parentBasetMapId"))), i;
|
|
1423
1423
|
}
|
|
1424
|
-
findLayerByPOI(n, t) {
|
|
1424
|
+
findLayerByPOI(n, t, i = !0) {
|
|
1425
1425
|
if (this.layerManagerFootprintMetaFieldPath) {
|
|
1426
|
-
const
|
|
1427
|
-
return this.layers.filter((
|
|
1428
|
-
const
|
|
1429
|
-
return
|
|
1426
|
+
const o = Ir(this.mapViewer, n, t);
|
|
1427
|
+
return this.layers.filter((u) => !Q(u.meta, "parentBasetMapId")).filter((u) => {
|
|
1428
|
+
const m = Q(u.meta, this.layerManagerFootprintMetaFieldPath);
|
|
1429
|
+
return m !== void 0 ? Si(o.geometry, {
|
|
1430
1430
|
type: "Feature",
|
|
1431
1431
|
properties: {},
|
|
1432
|
-
geometry:
|
|
1433
|
-
}) &&
|
|
1434
|
-
}).sort((
|
|
1435
|
-
var
|
|
1436
|
-
return ((
|
|
1432
|
+
geometry: m
|
|
1433
|
+
}) && (i ? u.show : !0) : (console.warn("[LayerManager] [findLayerByPOI] CesiumImageryLayer has no defined footprint", u.meta), !1);
|
|
1434
|
+
}).sort((u, m) => {
|
|
1435
|
+
var E, w;
|
|
1436
|
+
return ((E = m.meta) == null ? void 0 : E.zIndex) - ((w = u.meta) == null ? void 0 : w.zIndex);
|
|
1437
1437
|
});
|
|
1438
1438
|
} else
|
|
1439
1439
|
return console.warn("[LayerManager] [findLayerByPOI]layerManagerFootprintMetaFieldPath is not defined"), [];
|
|
@@ -1468,8 +1468,8 @@ class Rr {
|
|
|
1468
1468
|
this.layers.forEach((u) => {
|
|
1469
1469
|
var E;
|
|
1470
1470
|
if (!Q(u.meta, "parentBasetMapId")) {
|
|
1471
|
-
const
|
|
1472
|
-
u.meta.zIndex =
|
|
1471
|
+
const w = (E = u.meta) == null ? void 0 : E.zIndex;
|
|
1472
|
+
u.meta.zIndex = w >= r && w <= d && w !== t ? w + o : w === t ? i : w;
|
|
1473
1473
|
}
|
|
1474
1474
|
});
|
|
1475
1475
|
}
|
|
@@ -1489,11 +1489,11 @@ class Rr {
|
|
|
1489
1489
|
r.meta = { ...r.meta, relevantToExtent: !0 };
|
|
1490
1490
|
continue;
|
|
1491
1491
|
}
|
|
1492
|
-
const
|
|
1493
|
-
if (r !==
|
|
1492
|
+
const m = this.layers[u], E = ((t = m.meta) == null ? void 0 : t[Be]) === !0;
|
|
1493
|
+
if (r !== m)
|
|
1494
1494
|
if (d instanceof be) {
|
|
1495
1495
|
if (xe(i, r.rectangle))
|
|
1496
|
-
if (xe(i,
|
|
1496
|
+
if (xe(i, m.rectangle) && !E) {
|
|
1497
1497
|
r.meta = {
|
|
1498
1498
|
...r.meta ?? {},
|
|
1499
1499
|
relevantToExtent: !1
|
|
@@ -1504,11 +1504,11 @@ class Rr {
|
|
|
1504
1504
|
...r.meta ?? {},
|
|
1505
1505
|
relevantToExtent: !0
|
|
1506
1506
|
};
|
|
1507
|
-
if (xe(i,
|
|
1507
|
+
if (xe(i, m.rectangle) && !E) {
|
|
1508
1508
|
r.meta = { ...r.meta ?? {}, relevantToExtent: !1 };
|
|
1509
1509
|
break;
|
|
1510
1510
|
}
|
|
1511
|
-
if (xe(r.rectangle,
|
|
1511
|
+
if (xe(r.rectangle, m.rectangle)) {
|
|
1512
1512
|
if (r.meta = {
|
|
1513
1513
|
...r.meta ?? {},
|
|
1514
1514
|
relevantToExtent: E
|
|
@@ -1550,8 +1550,8 @@ const Zt = Pe(null), Br = Zt.Provider, me = () => {
|
|
|
1550
1550
|
throw new Error("map context is null, please check the provider");
|
|
1551
1551
|
return e;
|
|
1552
1552
|
}, ls = (e) => {
|
|
1553
|
-
var S, T,
|
|
1554
|
-
const n = Ee(null), [t, i] = A(), [o, r] = A(), [d, u] = A(), [
|
|
1553
|
+
var S, T, b, L, P, W, q, N;
|
|
1554
|
+
const n = Ee(null), [t, i] = A(), [o, r] = A(), [d, u] = A(), [m, E] = A(), [w, M] = A(), [_, k] = A(), H = Ee(), [j, K] = A(), [F, Y] = A([]), [U, x] = A(), [$, R] = A(!1), V = Ee(), [X, s] = A(void 0), [a, y] = A(!1), [c, f] = A(), h = {
|
|
1555
1555
|
fullscreenButton: !0,
|
|
1556
1556
|
timeline: !1,
|
|
1557
1557
|
animation: !1,
|
|
@@ -1561,8 +1561,8 @@ const Zt = Pe(null), Br = Zt.Provider, me = () => {
|
|
|
1561
1561
|
homeButton: !1,
|
|
1562
1562
|
sceneModePicker: !1,
|
|
1563
1563
|
...e
|
|
1564
|
-
}, v = (D, I, z, de,
|
|
1565
|
-
const ee = t.container, se = ee.clientWidth, Le = ee.clientHeight, Ae = de +
|
|
1564
|
+
}, v = (D, I, z, de, ie) => {
|
|
1565
|
+
const ee = t.container, se = ee.clientWidth, Le = ee.clientHeight, Ae = de + ie;
|
|
1566
1566
|
return {
|
|
1567
1567
|
left: `${se - D < z ? D - (z - (se - D)) : D}px`,
|
|
1568
1568
|
top: `${Le - I < Ae ? I - (Ae - (Le - I)) : I}px`
|
|
@@ -1632,7 +1632,14 @@ const Zt = Pe(null), Br = Zt.Provider, me = () => {
|
|
|
1632
1632
|
t.container.clientWidth / 2,
|
|
1633
1633
|
// eslint-disable-next-line @typescript-eslint/no-magic-numbers
|
|
1634
1634
|
t.container.clientHeight / 2
|
|
1635
|
-
), de = t.scene.camera.getPickRay(z),
|
|
1635
|
+
), de = t.scene.camera.getPickRay(z), ie = t.scene.globe.pick(de, t.scene);
|
|
1636
|
+
if (!ie)
|
|
1637
|
+
return {
|
|
1638
|
+
longitude: 0,
|
|
1639
|
+
latitude: 0,
|
|
1640
|
+
height: 0
|
|
1641
|
+
};
|
|
1642
|
+
const ee = t.scene.globe.ellipsoid.cartesianToCartographic(ie);
|
|
1636
1643
|
return ee !== void 0 ? {
|
|
1637
1644
|
longitude: ke(ee.longitude),
|
|
1638
1645
|
latitude: ke(ee.latitude),
|
|
@@ -1680,19 +1687,19 @@ const Zt = Pe(null), Br = Zt.Provider, me = () => {
|
|
|
1680
1687
|
});
|
|
1681
1688
|
}, [e.zoom, e.center, t]);
|
|
1682
1689
|
const C = pe(() => t && jn(
|
|
1683
|
-
/* @__PURE__ */ B(
|
|
1690
|
+
/* @__PURE__ */ B(oe, { children: [
|
|
1684
1691
|
/* @__PURE__ */ B(ae, { className: "sideToolsContainer", children: [
|
|
1685
1692
|
/* @__PURE__ */ l(_r, { sceneModes: j, baseMaps: U, locale: _ }),
|
|
1686
1693
|
/* @__PURE__ */ l(Lr, { onClick: () => y(!a) })
|
|
1687
1694
|
] }),
|
|
1688
1695
|
/* @__PURE__ */ B(ae, { className: "toolsContainer", children: [
|
|
1689
|
-
d === !0 ? /* @__PURE__ */ l(gr, { projection: o }) : /* @__PURE__ */ l(
|
|
1690
|
-
|
|
1691
|
-
|
|
1696
|
+
d === !0 ? /* @__PURE__ */ l(gr, { projection: o }) : /* @__PURE__ */ l(oe, {}),
|
|
1697
|
+
m === !0 ? /* @__PURE__ */ l(Er, { locale: _ }) : /* @__PURE__ */ l(oe, {}),
|
|
1698
|
+
w === !0 ? /* @__PURE__ */ l(yr, { locale: _ }) : /* @__PURE__ */ l(oe, {})
|
|
1692
1699
|
] })
|
|
1693
1700
|
] }),
|
|
1694
1701
|
document.querySelector(".cesium-viewer")
|
|
1695
|
-
), [U, _, t, o, j, d,
|
|
1702
|
+
), [U, _, t, o, j, d, w, a]);
|
|
1696
1703
|
return /* @__PURE__ */ l(Kn, { className: "viewer", full: !0, ref: n, ...h, children: /* @__PURE__ */ B(Br, { value: t, children: [
|
|
1697
1704
|
/* @__PURE__ */ l(
|
|
1698
1705
|
Dr,
|
|
@@ -1701,14 +1708,14 @@ const Zt = Pe(null), Br = Zt.Provider, me = () => {
|
|
|
1701
1708
|
isOpen: a,
|
|
1702
1709
|
toggleSidebar: () => y(!a),
|
|
1703
1710
|
noLegendsText: (T = e.legends) == null ? void 0 : T.emptyText,
|
|
1704
|
-
legends: ((
|
|
1711
|
+
legends: ((b = e.legends) == null ? void 0 : b.legendsList) ?? F,
|
|
1705
1712
|
actionsTexts: (L = e.legends) == null ? void 0 : L.actionsTexts
|
|
1706
1713
|
}
|
|
1707
1714
|
),
|
|
1708
1715
|
e.children,
|
|
1709
1716
|
C(),
|
|
1710
1717
|
e.imageryContextMenu && $ && X && c && fe.cloneElement(e.imageryContextMenu, {
|
|
1711
|
-
data: (P = t == null ? void 0 : t.layersManager) == null ? void 0 : P.findLayerByPOI(X.x, X.y),
|
|
1718
|
+
data: (P = t == null ? void 0 : t.layersManager) == null ? void 0 : P.findLayerByPOI(X.x, X.y, !1),
|
|
1712
1719
|
position: {
|
|
1713
1720
|
x: X.x,
|
|
1714
1721
|
y: X.y
|
|
@@ -1743,8 +1750,8 @@ const Zt = Pe(null), Br = Zt.Provider, me = () => {
|
|
|
1743
1750
|
i.globe.depthTestAgainstTerrain = !0;
|
|
1744
1751
|
const o = Ge.fromCartesian(t.boundingSphere.center), r = e.heightFromGround ?? Fr;
|
|
1745
1752
|
if (r) {
|
|
1746
|
-
const d = ge.fromRadians(o.longitude, o.latitude, o.height), u = ge.fromRadians(o.longitude, o.latitude, o.height + r),
|
|
1747
|
-
t.modelMatrix = ci.fromTranslation(
|
|
1753
|
+
const d = ge.fromRadians(o.longitude, o.latitude, o.height), u = ge.fromRadians(o.longitude, o.latitude, o.height + r), m = ge.subtract(u, d, new ge());
|
|
1754
|
+
t.modelMatrix = ci.fromTranslation(m);
|
|
1748
1755
|
}
|
|
1749
1756
|
}
|
|
1750
1757
|
}
|
|
@@ -1791,8 +1798,8 @@ const Zt = Pe(null), Br = Zt.Provider, me = () => {
|
|
|
1791
1798
|
return /* @__PURE__ */ l(ze, { ...t, imageryProvider: new di(n) });
|
|
1792
1799
|
}, Hr = (e) => /* @__PURE__ */ l(Zn, { ...e }), gs = (e) => /* @__PURE__ */ l(Bt, { ...e }), Gr = (e) => /* @__PURE__ */ l(Bt, { ...e }), Vr = (e) => /* @__PURE__ */ l(Jn, { ...e }), zr = (e) => /* @__PURE__ */ l(Qn, { ...e }), $r = (e) => /* @__PURE__ */ l(ei, { ...e }), Wr = (e) => /* @__PURE__ */ l(ti, { ...e });
|
|
1793
1800
|
var ye = function() {
|
|
1794
|
-
var e =
|
|
1795
|
-
function i(s, a = new
|
|
1801
|
+
var e = p.Ellipsoid.WGS84, n, t = p.Material.fromType(p.Material.ColorType);
|
|
1802
|
+
function i(s, a = new p.Color(1, 1, 0, 0.5), y = new p.Color(1, 1, 1, 1)) {
|
|
1796
1803
|
this._scene = s.scene, t.uniforms.color = a, n = y, this._tooltip = {
|
|
1797
1804
|
setVisible: () => {
|
|
1798
1805
|
},
|
|
@@ -1801,7 +1808,7 @@ var ye = function() {
|
|
|
1801
1808
|
}, this._surfaces = [], this.initialiseHandlers(), this.enhancePrimitives();
|
|
1802
1809
|
}
|
|
1803
1810
|
i.prototype.initialiseHandlers = function() {
|
|
1804
|
-
var s = this._scene, a = this, y = new
|
|
1811
|
+
var s = this._scene, a = this, y = new p.ScreenSpaceEventHandler(s.canvas);
|
|
1805
1812
|
function c(h, v) {
|
|
1806
1813
|
if (a._handlersMuted != !0) {
|
|
1807
1814
|
var g = s.pick(v);
|
|
@@ -1810,20 +1817,20 @@ var ye = function() {
|
|
|
1810
1817
|
}
|
|
1811
1818
|
y.setInputAction(function(h) {
|
|
1812
1819
|
c("leftClick", h.position);
|
|
1813
|
-
},
|
|
1820
|
+
}, p.ScreenSpaceEventType.LEFT_CLICK), y.setInputAction(function(h) {
|
|
1814
1821
|
c("leftDoubleClick", h.position);
|
|
1815
|
-
},
|
|
1822
|
+
}, p.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
|
|
1816
1823
|
var f;
|
|
1817
1824
|
y.setInputAction(function(h) {
|
|
1818
1825
|
if (a._handlersMuted != !0) {
|
|
1819
1826
|
var v = s.pick(h.endPosition);
|
|
1820
1827
|
f && (!v || f != v.primitive) && (!(f.isDestroyed && f.isDestroyed()) && f.mouseOut(h.endPosition), f = null), v && v.primitive && (v = v.primitive, v.mouseOut && (f = v), v.mouseMove && v.mouseMove(h.endPosition));
|
|
1821
1828
|
}
|
|
1822
|
-
},
|
|
1829
|
+
}, p.ScreenSpaceEventType.MOUSE_MOVE), y.setInputAction(function(h) {
|
|
1823
1830
|
c("leftUp", h.position);
|
|
1824
|
-
},
|
|
1831
|
+
}, p.ScreenSpaceEventType.LEFT_UP), y.setInputAction(function(h) {
|
|
1825
1832
|
c("leftDown", h.position);
|
|
1826
|
-
},
|
|
1833
|
+
}, p.ScreenSpaceEventType.LEFT_DOWN);
|
|
1827
1834
|
}, i.prototype.setListener = function(s, a, y) {
|
|
1828
1835
|
s[a] = y;
|
|
1829
1836
|
}, i.prototype.muteHandlers = function(s) {
|
|
@@ -1851,25 +1858,25 @@ var ye = function() {
|
|
|
1851
1858
|
this._editedSurface && !this._editedSurface.isDestroyed() && this._editedSurface.setEditMode(!1), this._editedSurface = s;
|
|
1852
1859
|
};
|
|
1853
1860
|
var o = {
|
|
1854
|
-
ellipsoid:
|
|
1861
|
+
ellipsoid: p.Ellipsoid.WGS84,
|
|
1855
1862
|
textureRotationAngle: 0,
|
|
1856
1863
|
height: 0,
|
|
1857
1864
|
asynchronous: !0,
|
|
1858
1865
|
show: !0,
|
|
1859
1866
|
debugShowBoundingVolume: !1
|
|
1860
1867
|
}, r = R(o, {
|
|
1861
|
-
appearance: new
|
|
1868
|
+
appearance: new p.EllipsoidSurfaceAppearance({
|
|
1862
1869
|
aboveGround: !1
|
|
1863
1870
|
}),
|
|
1864
1871
|
material: t,
|
|
1865
1872
|
granularity: Math.PI / 180
|
|
1866
|
-
}), d = R(o, {}), u = R(o, {}),
|
|
1873
|
+
}), d = R(o, {}), u = R(o, {}), m = R(o, {}), E = R(r, {
|
|
1867
1874
|
rotation: 0
|
|
1868
|
-
}),
|
|
1875
|
+
}), w = R(o, {
|
|
1869
1876
|
width: 5,
|
|
1870
1877
|
geodesic: !0,
|
|
1871
1878
|
granularity: 1e4,
|
|
1872
|
-
appearance: new
|
|
1879
|
+
appearance: new p.PolylineMaterialAppearance({
|
|
1873
1880
|
aboveGround: !1
|
|
1874
1881
|
}),
|
|
1875
1882
|
material: t
|
|
@@ -1883,33 +1890,33 @@ var ye = function() {
|
|
|
1883
1890
|
}, s.prototype.getAttribute = function(a) {
|
|
1884
1891
|
return this[a];
|
|
1885
1892
|
}, s.prototype.update = function(a, y, c) {
|
|
1886
|
-
if (!
|
|
1887
|
-
throw new
|
|
1888
|
-
if (!
|
|
1889
|
-
throw new
|
|
1893
|
+
if (!p.defined(this.ellipsoid))
|
|
1894
|
+
throw new p.DeveloperError("this.ellipsoid must be defined.");
|
|
1895
|
+
if (!p.defined(this.appearance))
|
|
1896
|
+
throw new p.DeveloperError("this.material must be defined.");
|
|
1890
1897
|
if (this.granularity < 0)
|
|
1891
|
-
throw new
|
|
1892
|
-
if (this.show && !(!this._createPrimitive && !
|
|
1898
|
+
throw new p.DeveloperError("this.granularity and scene2D/scene3D overrides must be greater than zero.");
|
|
1899
|
+
if (this.show && !(!this._createPrimitive && !p.defined(this._primitive))) {
|
|
1893
1900
|
if (this._createPrimitive || this._ellipsoid !== this.ellipsoid || this._granularity !== this.granularity || this._height !== this.height || this._textureRotationAngle !== this.textureRotationAngle || this._id !== this.id) {
|
|
1894
1901
|
var f = this.getGeometry();
|
|
1895
1902
|
if (!f)
|
|
1896
1903
|
return;
|
|
1897
|
-
this._createPrimitive = !1, this._ellipsoid = this.ellipsoid, this._granularity = this.granularity, this._height = this.height, this._textureRotationAngle = this.textureRotationAngle, this._id = this.id, this._primitive = this._primitive && this._primitive.destroy(), this._primitive = new
|
|
1898
|
-
geometryInstances: new
|
|
1904
|
+
this._createPrimitive = !1, this._ellipsoid = this.ellipsoid, this._granularity = this.granularity, this._height = this.height, this._textureRotationAngle = this.textureRotationAngle, this._id = this.id, this._primitive = this._primitive && this._primitive.destroy(), this._primitive = new p.Primitive({
|
|
1905
|
+
geometryInstances: new p.GeometryInstance({
|
|
1899
1906
|
geometry: f,
|
|
1900
1907
|
id: this.id,
|
|
1901
1908
|
pickPrimitive: this
|
|
1902
1909
|
}),
|
|
1903
1910
|
appearance: this.appearance,
|
|
1904
1911
|
asynchronous: this.asynchronous
|
|
1905
|
-
}), this._outlinePolygon = this._outlinePolygon && this._outlinePolygon.destroy(), this.strokeColor && this.getOutlineGeometry && (this._outlinePolygon = new
|
|
1906
|
-
geometryInstances: new
|
|
1912
|
+
}), this._outlinePolygon = this._outlinePolygon && this._outlinePolygon.destroy(), this.strokeColor && this.getOutlineGeometry && (this._outlinePolygon = new p.Primitive({
|
|
1913
|
+
geometryInstances: new p.GeometryInstance({
|
|
1907
1914
|
geometry: this.getOutlineGeometry(),
|
|
1908
1915
|
attributes: {
|
|
1909
|
-
color:
|
|
1916
|
+
color: p.ColorGeometryInstanceAttribute.fromColor(this.strokeColor)
|
|
1910
1917
|
}
|
|
1911
1918
|
}),
|
|
1912
|
-
appearance: new
|
|
1919
|
+
appearance: new p.PerInstanceColorAppearance({
|
|
1913
1920
|
flat: !0,
|
|
1914
1921
|
renderState: {
|
|
1915
1922
|
depthTest: {
|
|
@@ -1928,15 +1935,15 @@ var ye = function() {
|
|
|
1928
1935
|
}, s.prototype.isDestroyed = function() {
|
|
1929
1936
|
return !1;
|
|
1930
1937
|
}, s.prototype.destroy = function() {
|
|
1931
|
-
return this._primitive = this._primitive && this._primitive.destroy(),
|
|
1938
|
+
return this._primitive = this._primitive && this._primitive.destroy(), p.destroyObject(this);
|
|
1932
1939
|
}, s.prototype.setStrokeStyle = function(a, y) {
|
|
1933
1940
|
(!this.strokeColor || !this.strokeColor.equals(a) || this.strokeWidth != y) && (this._createPrimitive = !0, this.strokeColor = a, this.strokeWidth = y);
|
|
1934
1941
|
}, s;
|
|
1935
1942
|
}();
|
|
1936
1943
|
i.ExtentPrimitive = function() {
|
|
1937
1944
|
function s(a) {
|
|
1938
|
-
if (!
|
|
1939
|
-
throw new
|
|
1945
|
+
if (!p.defined(a.extent))
|
|
1946
|
+
throw new p.DeveloperError("Extent is required");
|
|
1940
1947
|
a = R(a, r), this.initialiseOptions(a), this.setExtent(a.extent);
|
|
1941
1948
|
}
|
|
1942
1949
|
return s.prototype = new M(), s.prototype.setExtent = function(a) {
|
|
@@ -1944,17 +1951,17 @@ var ye = function() {
|
|
|
1944
1951
|
}, s.prototype.getExtent = function() {
|
|
1945
1952
|
return this.getAttribute("extent");
|
|
1946
1953
|
}, s.prototype.getGeometry = function() {
|
|
1947
|
-
if (
|
|
1948
|
-
return new
|
|
1954
|
+
if (p.defined(this.extent))
|
|
1955
|
+
return new p.RectangleGeometry({
|
|
1949
1956
|
rectangle: this.extent,
|
|
1950
1957
|
height: this.height,
|
|
1951
|
-
vertexFormat:
|
|
1958
|
+
vertexFormat: p.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
|
|
1952
1959
|
stRotation: this.textureRotationAngle,
|
|
1953
1960
|
ellipsoid: this.ellipsoid,
|
|
1954
1961
|
granularity: this.granularity
|
|
1955
1962
|
});
|
|
1956
1963
|
}, s.prototype.getOutlineGeometry = function() {
|
|
1957
|
-
return new
|
|
1964
|
+
return new p.RectangleOutlineGeometry({
|
|
1958
1965
|
rectangle: this.extent
|
|
1959
1966
|
});
|
|
1960
1967
|
}, s;
|
|
@@ -1967,24 +1974,24 @@ var ye = function() {
|
|
|
1967
1974
|
}, s.prototype.getPositions = function() {
|
|
1968
1975
|
return this.getAttribute("positions");
|
|
1969
1976
|
}, s.prototype.getGeometry = function() {
|
|
1970
|
-
if (!(!
|
|
1971
|
-
return
|
|
1977
|
+
if (!(!p.defined(this.positions) || this.positions.length < 3))
|
|
1978
|
+
return p.PolygonGeometry.fromPositions({
|
|
1972
1979
|
positions: this.positions,
|
|
1973
1980
|
height: this.height,
|
|
1974
|
-
vertexFormat:
|
|
1981
|
+
vertexFormat: p.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
|
|
1975
1982
|
stRotation: this.textureRotationAngle,
|
|
1976
1983
|
ellipsoid: this.ellipsoid,
|
|
1977
1984
|
granularity: this.granularity
|
|
1978
1985
|
});
|
|
1979
1986
|
}, s.prototype.getOutlineGeometry = function() {
|
|
1980
|
-
return
|
|
1987
|
+
return p.PolygonOutlineGeometry.fromPositions({
|
|
1981
1988
|
positions: this.getPositions()
|
|
1982
1989
|
});
|
|
1983
1990
|
}, s;
|
|
1984
1991
|
}(), i.CirclePrimitive = function() {
|
|
1985
1992
|
function s(a) {
|
|
1986
|
-
if (!(
|
|
1987
|
-
throw new
|
|
1993
|
+
if (!(p.defined(a.center) && p.defined(a.radius)))
|
|
1994
|
+
throw new p.DeveloperError("Center and radius are required");
|
|
1988
1995
|
a = R(a, r), this.initialiseOptions(a), this.setRadius(a.radius);
|
|
1989
1996
|
}
|
|
1990
1997
|
return s.prototype = new M(), s.prototype.setCenter = function(a) {
|
|
@@ -1996,26 +2003,26 @@ var ye = function() {
|
|
|
1996
2003
|
}, s.prototype.getRadius = function() {
|
|
1997
2004
|
return this.getAttribute("radius");
|
|
1998
2005
|
}, s.prototype.getGeometry = function() {
|
|
1999
|
-
if (
|
|
2000
|
-
return new
|
|
2006
|
+
if (p.defined(this.center) && p.defined(this.radius))
|
|
2007
|
+
return new p.CircleGeometry({
|
|
2001
2008
|
center: this.center,
|
|
2002
2009
|
radius: this.radius,
|
|
2003
2010
|
height: this.height,
|
|
2004
|
-
vertexFormat:
|
|
2011
|
+
vertexFormat: p.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
|
|
2005
2012
|
stRotation: this.textureRotationAngle,
|
|
2006
2013
|
ellipsoid: this.ellipsoid,
|
|
2007
2014
|
granularity: this.granularity
|
|
2008
2015
|
});
|
|
2009
2016
|
}, s.prototype.getOutlineGeometry = function() {
|
|
2010
|
-
return new
|
|
2017
|
+
return new p.CircleOutlineGeometry({
|
|
2011
2018
|
center: this.getCenter(),
|
|
2012
2019
|
radius: this.getRadius()
|
|
2013
2020
|
});
|
|
2014
2021
|
}, s;
|
|
2015
2022
|
}(), i.EllipsePrimitive = function() {
|
|
2016
2023
|
function s(a) {
|
|
2017
|
-
if (!(
|
|
2018
|
-
throw new
|
|
2024
|
+
if (!(p.defined(a.center) && p.defined(a.semiMajorAxis) && p.defined(a.semiMinorAxis)))
|
|
2025
|
+
throw new p.DeveloperError("Center and semi major and semi minor axis are required");
|
|
2019
2026
|
a = R(a, E), this.initialiseOptions(a);
|
|
2020
2027
|
}
|
|
2021
2028
|
return s.prototype = new M(), s.prototype.setCenter = function(a) {
|
|
@@ -2035,20 +2042,20 @@ var ye = function() {
|
|
|
2035
2042
|
}, s.prototype.getRotation = function() {
|
|
2036
2043
|
return this.getAttribute("rotation");
|
|
2037
2044
|
}, s.prototype.getGeometry = function() {
|
|
2038
|
-
if (
|
|
2039
|
-
return new
|
|
2045
|
+
if (p.defined(this.center) && p.defined(this.semiMajorAxis) && p.defined(this.semiMinorAxis))
|
|
2046
|
+
return new p.EllipseGeometry({
|
|
2040
2047
|
ellipsoid: this.ellipsoid,
|
|
2041
2048
|
center: this.center,
|
|
2042
2049
|
semiMajorAxis: this.semiMajorAxis,
|
|
2043
2050
|
semiMinorAxis: this.semiMinorAxis,
|
|
2044
2051
|
rotation: this.rotation,
|
|
2045
2052
|
height: this.height,
|
|
2046
|
-
vertexFormat:
|
|
2053
|
+
vertexFormat: p.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
|
|
2047
2054
|
stRotation: this.textureRotationAngle,
|
|
2048
2055
|
granularity: this.granularity
|
|
2049
2056
|
});
|
|
2050
2057
|
}, s.prototype.getOutlineGeometry = function() {
|
|
2051
|
-
return new
|
|
2058
|
+
return new p.EllipseOutlineGeometry({
|
|
2052
2059
|
center: this.getCenter(),
|
|
2053
2060
|
semiMajorAxis: this.getSemiMajorAxis(),
|
|
2054
2061
|
semiMinorAxis: this.getSemiMinorAxis(),
|
|
@@ -2057,7 +2064,7 @@ var ye = function() {
|
|
|
2057
2064
|
}, s;
|
|
2058
2065
|
}(), i.PolylinePrimitive = function() {
|
|
2059
2066
|
function s(a) {
|
|
2060
|
-
a = R(a,
|
|
2067
|
+
a = R(a, w), this.initialiseOptions(a);
|
|
2061
2068
|
}
|
|
2062
2069
|
return s.prototype = new M(), s.prototype.setPositions = function(a) {
|
|
2063
2070
|
this.setAttribute("positions", a);
|
|
@@ -2072,12 +2079,12 @@ var ye = function() {
|
|
|
2072
2079
|
}, s.prototype.getGeodesic = function(a) {
|
|
2073
2080
|
return this.getAttribute("geodesic");
|
|
2074
2081
|
}, s.prototype.getGeometry = function() {
|
|
2075
|
-
if (!(!
|
|
2076
|
-
return new
|
|
2082
|
+
if (!(!p.defined(this.positions) || this.positions.length < 2))
|
|
2083
|
+
return new p.PolylineGeometry({
|
|
2077
2084
|
positions: this.positions,
|
|
2078
2085
|
height: this.height,
|
|
2079
2086
|
width: this.width < 1 ? 1 : this.width,
|
|
2080
|
-
vertexFormat:
|
|
2087
|
+
vertexFormat: p.EllipsoidSurfaceAppearance.VERTEX_FORMAT,
|
|
2081
2088
|
ellipsoid: this.ellipsoid
|
|
2082
2089
|
});
|
|
2083
2090
|
}, s;
|
|
@@ -2100,16 +2107,16 @@ var ye = function() {
|
|
|
2100
2107
|
return c.addBillboards(s, y), c;
|
|
2101
2108
|
}, i.BillboardGroup = function(s, a) {
|
|
2102
2109
|
this._drawHelper = s, this._scene = s._scene, this._options = R(a, _);
|
|
2103
|
-
var y = new
|
|
2110
|
+
var y = new p.BillboardCollection();
|
|
2104
2111
|
this._scene.primitives.add(y), this._billboards = y, this._orderedBillboards = [];
|
|
2105
2112
|
}, i.BillboardGroup.prototype.createBillboard = function(s, a) {
|
|
2106
2113
|
var y = this._billboards.add({
|
|
2107
2114
|
show: !0,
|
|
2108
2115
|
position: s,
|
|
2109
|
-
pixelOffset: new
|
|
2110
|
-
eyeOffset: new
|
|
2111
|
-
horizontalOrigin:
|
|
2112
|
-
verticalOrigin:
|
|
2116
|
+
pixelOffset: new p.Cartesian2(this._options.shiftX, this._options.shiftY),
|
|
2117
|
+
eyeOffset: new p.Cartesian3(0, 0, 0),
|
|
2118
|
+
horizontalOrigin: p.HorizontalOrigin.CENTER,
|
|
2119
|
+
verticalOrigin: p.VerticalOrigin.CENTER,
|
|
2113
2120
|
scale: 1,
|
|
2114
2121
|
image: this._options.iconUrl,
|
|
2115
2122
|
color: n
|
|
@@ -2133,15 +2140,15 @@ var ye = function() {
|
|
|
2133
2140
|
a.dragHandlers.onDrag && a.dragHandlers.onDrag(v(), L);
|
|
2134
2141
|
}
|
|
2135
2142
|
function T(L) {
|
|
2136
|
-
|
|
2143
|
+
b.destroy(), h(!0), a.dragHandlers.onDragEnd && a.dragHandlers.onDragEnd(v(), L);
|
|
2137
2144
|
}
|
|
2138
|
-
var
|
|
2139
|
-
|
|
2145
|
+
var b = new p.ScreenSpaceEventHandler(c._scene.canvas);
|
|
2146
|
+
b.setInputAction(function(L) {
|
|
2140
2147
|
var P = c._scene.camera.pickEllipsoid(L.endPosition, e);
|
|
2141
2148
|
P ? S(P) : T(P);
|
|
2142
|
-
},
|
|
2149
|
+
}, p.ScreenSpaceEventType.MOUSE_MOVE), b.setInputAction(function(L) {
|
|
2143
2150
|
T(c._scene.camera.pickEllipsoid(L.position, e));
|
|
2144
|
-
},
|
|
2151
|
+
}, p.ScreenSpaceEventType.LEFT_UP), h(!1), a.dragHandlers.onDragStart && a.dragHandlers.onDragStart(v(), c._scene.camera.pickEllipsoid(C, e));
|
|
2145
2152
|
});
|
|
2146
2153
|
}
|
|
2147
2154
|
a.onDoubleClick && V(y, "leftDoubleClick", function(g) {
|
|
@@ -2182,13 +2189,13 @@ var ye = function() {
|
|
|
2182
2189
|
});
|
|
2183
2190
|
var y = this, c = this._scene;
|
|
2184
2191
|
c.primitives;
|
|
2185
|
-
var f = this._tooltip, h = new i.BillboardGroup(this, a), v = new
|
|
2192
|
+
var f = this._tooltip, h = new i.BillboardGroup(this, a), v = new p.ScreenSpaceEventHandler(c.canvas);
|
|
2186
2193
|
v.setInputAction(function(g) {
|
|
2187
2194
|
if (g.position != null) {
|
|
2188
2195
|
var C = c.camera.pickEllipsoid(g.position, e);
|
|
2189
2196
|
C && (h.addBillboard(C), y.stopDrawing(), a.callback(C));
|
|
2190
2197
|
}
|
|
2191
|
-
},
|
|
2198
|
+
}, p.ScreenSpaceEventType.LEFT_CLICK), v.setInputAction(function(g) {
|
|
2192
2199
|
var C = g.endPosition;
|
|
2193
2200
|
if (C != null) {
|
|
2194
2201
|
var S = c.camera.pickEllipsoid(C, e);
|
|
@@ -2197,12 +2204,12 @@ var ye = function() {
|
|
|
2197
2204
|
"<p>Click to add your marker. Position is: </p>" + U(e.cartesianToCartographic(S))
|
|
2198
2205
|
) : f.showAt(C, "<p>Click on the globe to add your marker.</p>");
|
|
2199
2206
|
}
|
|
2200
|
-
},
|
|
2207
|
+
}, p.ScreenSpaceEventType.MOUSE_MOVE);
|
|
2201
2208
|
}, i.prototype.startDrawingPolygon = function(a) {
|
|
2202
2209
|
var a = R(a, r);
|
|
2203
2210
|
this.startDrawingPolyshape(!0, a);
|
|
2204
2211
|
}, i.prototype.startDrawingPolyline = function(a) {
|
|
2205
|
-
var a = R(a,
|
|
2212
|
+
var a = R(a, w);
|
|
2206
2213
|
this.startDrawingPolyshape(!1, a);
|
|
2207
2214
|
}, i.prototype.startDrawingPolyshape = function(s, a) {
|
|
2208
2215
|
this.startDrawing(function() {
|
|
@@ -2210,14 +2217,14 @@ var ye = function() {
|
|
|
2210
2217
|
});
|
|
2211
2218
|
var y = this, c = this._scene, f = c.primitives, h = this._tooltip, v = s ? 3 : 2, g;
|
|
2212
2219
|
s ? g = new ye.PolygonPrimitive(a) : g = new ye.PolylinePrimitive(a), g.asynchronous = !1, f.add(g);
|
|
2213
|
-
var C = [], S = new i.BillboardGroup(this, _), T = new
|
|
2214
|
-
K(c), T.setInputAction(function(
|
|
2215
|
-
if (
|
|
2216
|
-
var L = c.camera.pickEllipsoid(
|
|
2220
|
+
var C = [], S = new i.BillboardGroup(this, _), T = new p.ScreenSpaceEventHandler(c.canvas);
|
|
2221
|
+
K(c), T.setInputAction(function(b) {
|
|
2222
|
+
if (b.position != null) {
|
|
2223
|
+
var L = c.camera.pickEllipsoid(b.position, e);
|
|
2217
2224
|
L && (C.length == 0 && (C.push(L.clone()), S.addBillboard(C[0])), C.length >= v && (g.positions = C, g._createPrimitive = !0), C.push(L), S.addBillboard(L));
|
|
2218
2225
|
}
|
|
2219
|
-
},
|
|
2220
|
-
var L =
|
|
2226
|
+
}, p.ScreenSpaceEventType.LEFT_CLICK), T.setInputAction(function(b) {
|
|
2227
|
+
var L = b.endPosition;
|
|
2221
2228
|
if (L != null)
|
|
2222
2229
|
if (C.length == 0)
|
|
2223
2230
|
h.showAt(L, "<p>Click to add first point</p>");
|
|
@@ -2228,22 +2235,22 @@ var ye = function() {
|
|
|
2228
2235
|
"<p>Click to add new point (" + C.length + ")</p>" + (C.length > v ? "<p>Double click to finish drawing</p>" : "")
|
|
2229
2236
|
));
|
|
2230
2237
|
}
|
|
2231
|
-
},
|
|
2232
|
-
var L =
|
|
2238
|
+
}, p.ScreenSpaceEventType.MOUSE_MOVE), T.setInputAction(function(b) {
|
|
2239
|
+
var L = b.position;
|
|
2233
2240
|
if (L != null) {
|
|
2234
2241
|
if (C.length < v + 2)
|
|
2235
2242
|
return;
|
|
2236
2243
|
var P = c.camera.pickEllipsoid(L, e);
|
|
2237
2244
|
P && (F(c), y.stopDrawing(), typeof a.callback == "function" && (C.length - 1, a.callback(C)));
|
|
2238
2245
|
}
|
|
2239
|
-
},
|
|
2246
|
+
}, p.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
|
|
2240
2247
|
};
|
|
2241
2248
|
function j(s) {
|
|
2242
2249
|
return e.cartographicArrayToCartesianArray([
|
|
2243
|
-
|
|
2244
|
-
|
|
2245
|
-
|
|
2246
|
-
|
|
2250
|
+
p.Rectangle.northwest(s),
|
|
2251
|
+
p.Rectangle.northeast(s),
|
|
2252
|
+
p.Rectangle.southeast(s),
|
|
2253
|
+
p.Rectangle.southwest(s)
|
|
2247
2254
|
]);
|
|
2248
2255
|
}
|
|
2249
2256
|
function K(s) {
|
|
@@ -2257,19 +2264,19 @@ var ye = function() {
|
|
|
2257
2264
|
this.startDrawing(function() {
|
|
2258
2265
|
g != null && f.remove(g), C != null && C.remove(), S.destroy(), h.setVisible(!1), F(c);
|
|
2259
2266
|
});
|
|
2260
|
-
var y = this, c = this._scene, f = this._scene.primitives, h = this._tooltip, v = null, g = null, C = null, S = new
|
|
2267
|
+
var y = this, c = this._scene, f = this._scene.primitives, h = this._tooltip, v = null, g = null, C = null, S = new p.ScreenSpaceEventHandler(c.canvas);
|
|
2261
2268
|
K(c);
|
|
2262
|
-
function T(
|
|
2269
|
+
function T(b) {
|
|
2263
2270
|
g == null && (g = new ye.ExtentPrimitive({
|
|
2264
|
-
extent:
|
|
2271
|
+
extent: b,
|
|
2265
2272
|
material: a.material
|
|
2266
|
-
}), g.asynchronous = !1, f.add(g)), g.setExtent(
|
|
2267
|
-
var L = j(
|
|
2273
|
+
}), g.asynchronous = !1, f.add(g)), g.setExtent(b);
|
|
2274
|
+
var L = j(b);
|
|
2268
2275
|
C == null ? (C = new i.BillboardGroup(y, _), C.addBillboards(L)) : C.updateBillboardsPositions(L);
|
|
2269
2276
|
}
|
|
2270
|
-
S.setInputAction(function(
|
|
2271
|
-
if (
|
|
2272
|
-
var L = c.camera.pickEllipsoid(
|
|
2277
|
+
S.setInputAction(function(b) {
|
|
2278
|
+
if (b.position != null) {
|
|
2279
|
+
var L = c.camera.pickEllipsoid(b.position, e);
|
|
2273
2280
|
if (L)
|
|
2274
2281
|
if (g == null) {
|
|
2275
2282
|
v = e.cartesianToCartographic(L);
|
|
@@ -2278,8 +2285,8 @@ var ye = function() {
|
|
|
2278
2285
|
} else
|
|
2279
2286
|
y.stopDrawing(), typeof a.callback == "function" && a.callback(Y(v, e.cartesianToCartographic(L)));
|
|
2280
2287
|
}
|
|
2281
|
-
},
|
|
2282
|
-
var L =
|
|
2288
|
+
}, p.ScreenSpaceEventType.LEFT_DOWN), S.setInputAction(function(b) {
|
|
2289
|
+
var L = b.endPosition;
|
|
2283
2290
|
if (L != null)
|
|
2284
2291
|
if (g == null)
|
|
2285
2292
|
h.showAt(L, "<p>Click to start drawing rectangle</p>");
|
|
@@ -2290,13 +2297,13 @@ var ye = function() {
|
|
|
2290
2297
|
T(W), h.showAt(L, "<p>Drag to change rectangle extent</p><p>Click again to finish drawing</p>");
|
|
2291
2298
|
}
|
|
2292
2299
|
}
|
|
2293
|
-
},
|
|
2300
|
+
}, p.ScreenSpaceEventType.MOUSE_MOVE);
|
|
2294
2301
|
}, i.prototype.startDrawingCircle = function(a) {
|
|
2295
2302
|
var a = R(a, r);
|
|
2296
2303
|
this.startDrawing(function() {
|
|
2297
2304
|
v != null && f.remove(v), g.remove(), C.destroy(), h.setVisible(!1);
|
|
2298
2305
|
});
|
|
2299
|
-
var y = this, c = this._scene, f = this._scene.primitives, h = this._tooltip, v = null, g = null, C = new
|
|
2306
|
+
var y = this, c = this._scene, f = this._scene.primitives, h = this._tooltip, v = null, g = null, C = new p.ScreenSpaceEventHandler(c.canvas);
|
|
2300
2307
|
C.setInputAction(function(S) {
|
|
2301
2308
|
if (S.position != null) {
|
|
2302
2309
|
var T = c.camera.pickEllipsoid(S.position, e);
|
|
@@ -2307,19 +2314,19 @@ var ye = function() {
|
|
|
2307
2314
|
material: a.material
|
|
2308
2315
|
}), f.add(v), g = new i.BillboardGroup(y, _), g.addBillboards([T])) : (typeof a.callback == "function" && a.callback(v.getCenter(), v.getRadius()), y.stopDrawing()));
|
|
2309
2316
|
}
|
|
2310
|
-
},
|
|
2317
|
+
}, p.ScreenSpaceEventType.LEFT_DOWN), C.setInputAction(function(S) {
|
|
2311
2318
|
var T = S.endPosition;
|
|
2312
2319
|
if (T != null)
|
|
2313
2320
|
if (v == null)
|
|
2314
2321
|
h.showAt(T, "<p>Click to start drawing the circle</p>");
|
|
2315
2322
|
else {
|
|
2316
|
-
var
|
|
2317
|
-
|
|
2323
|
+
var b = c.camera.pickEllipsoid(T, e);
|
|
2324
|
+
b && (v.setRadius(p.Cartesian3.distance(v.getCenter(), b)), g.updateBillboardsPositions(b), h.showAt(T, "<p>Move mouse to change circle radius</p><p>Click again to finish drawing</p>"));
|
|
2318
2325
|
}
|
|
2319
|
-
},
|
|
2326
|
+
}, p.ScreenSpaceEventType.MOUSE_MOVE);
|
|
2320
2327
|
}, i.prototype.enhancePrimitives = function() {
|
|
2321
2328
|
var s = this;
|
|
2322
|
-
|
|
2329
|
+
p.Billboard.prototype.setEditable = function() {
|
|
2323
2330
|
if (this._editable)
|
|
2324
2331
|
return;
|
|
2325
2332
|
this._editable = !0;
|
|
@@ -2334,17 +2341,17 @@ var ye = function() {
|
|
|
2334
2341
|
function C(T) {
|
|
2335
2342
|
S.destroy(), h(!0), f.executeListeners({ name: "dragEnd", positions: T });
|
|
2336
2343
|
}
|
|
2337
|
-
var S = new
|
|
2344
|
+
var S = new p.ScreenSpaceEventHandler(s._scene.canvas);
|
|
2338
2345
|
S.setInputAction(function(T) {
|
|
2339
|
-
var
|
|
2340
|
-
|
|
2341
|
-
},
|
|
2346
|
+
var b = s._scene.camera.pickEllipsoid(T.endPosition, e);
|
|
2347
|
+
b ? g(b) : C(b);
|
|
2348
|
+
}, p.ScreenSpaceEventType.MOUSE_MOVE), S.setInputAction(function(T) {
|
|
2342
2349
|
C(s._scene.camera.pickEllipsoid(T.position, e));
|
|
2343
|
-
},
|
|
2350
|
+
}, p.ScreenSpaceEventType.LEFT_UP), h(!1);
|
|
2344
2351
|
}), X(c);
|
|
2345
2352
|
};
|
|
2346
2353
|
function a(c) {
|
|
2347
|
-
s._scene, !(this._highlighted && this._highlighted == c) && this._editMode !== !0 && (this._highlighted = c, c ? (s.setHighlighted(this), this._strokeColor = this.strokeColor, this.setStrokeStyle(
|
|
2354
|
+
s._scene, !(this._highlighted && this._highlighted == c) && this._editMode !== !0 && (this._highlighted = c, c ? (s.setHighlighted(this), this._strokeColor = this.strokeColor, this.setStrokeStyle(p.Color.fromCssColorString("white"), this.strokeWidth)) : this._strokeColor ? this.setStrokeStyle(this._strokeColor, this.strokeWidth) : this.setStrokeStyle(void 0, void 0));
|
|
2348
2355
|
}
|
|
2349
2356
|
function y(c) {
|
|
2350
2357
|
if (this._editMode != c)
|
|
@@ -2363,7 +2370,7 @@ var ye = function() {
|
|
|
2363
2370
|
}, q = function(N) {
|
|
2364
2371
|
var D = h.positions;
|
|
2365
2372
|
return e.cartographicToCartesian(
|
|
2366
|
-
new
|
|
2373
|
+
new p.EllipsoidGeodesic(
|
|
2367
2374
|
e.cartesianToCartographic(D[N]),
|
|
2368
2375
|
e.cartesianToCartographic(D[N < D.length - 1 ? N + 1 : 0])
|
|
2369
2376
|
).interpolateUsingFraction(0.5)
|
|
@@ -2387,7 +2394,7 @@ var ye = function() {
|
|
|
2387
2394
|
}
|
|
2388
2395
|
};
|
|
2389
2396
|
v.addBillboards(h.positions, C), this._markers = v;
|
|
2390
|
-
for (var S = [], T = 0,
|
|
2397
|
+
for (var S = [], T = 0, b = h.positions.length + (this.isPolygon ? 0 : -1); T < b; T++)
|
|
2391
2398
|
S.push(q(T));
|
|
2392
2399
|
var L = {
|
|
2393
2400
|
dragHandlers: {
|
|
@@ -2405,10 +2412,10 @@ var ye = function() {
|
|
|
2405
2412
|
return "Drag to create a new point";
|
|
2406
2413
|
}
|
|
2407
2414
|
};
|
|
2408
|
-
g.addBillboards(S, L), this._editMarkers = g, this._globeClickhandler = new
|
|
2415
|
+
g.addBillboards(S, L), this._editMarkers = g, this._globeClickhandler = new p.ScreenSpaceEventHandler(f.canvas), this._globeClickhandler.setInputAction(function(N) {
|
|
2409
2416
|
var D = f.pick(N.position);
|
|
2410
2417
|
D && D.primitive || h.setEditMode(!1);
|
|
2411
|
-
},
|
|
2418
|
+
}, p.ScreenSpaceEventType.LEFT_CLICK), v.setOnTop(), g.setOnTop();
|
|
2412
2419
|
}
|
|
2413
2420
|
this._editMode = !0;
|
|
2414
2421
|
} else
|
|
@@ -2422,7 +2429,7 @@ var ye = function() {
|
|
|
2422
2429
|
c.setHighlighted = function(h) {
|
|
2423
2430
|
this._editMode !== !0 && (h ? (s.setHighlighted(this), this.setWidth(f * 2)) : this.setWidth(f));
|
|
2424
2431
|
}, c.getExtent = function() {
|
|
2425
|
-
return
|
|
2432
|
+
return p.Rectangle.fromCartographicArray(e.cartesianArrayToCartographicArray(this.positions));
|
|
2426
2433
|
}, X(c), c.setEditMode(!1);
|
|
2427
2434
|
}
|
|
2428
2435
|
}, ye.PolygonPrimitive.prototype.setEditable = function() {
|
|
@@ -2444,8 +2451,8 @@ var ye = function() {
|
|
|
2444
2451
|
var v = new i.BillboardGroup(s, k), g = {
|
|
2445
2452
|
dragHandlers: {
|
|
2446
2453
|
onDrag: function(S, T) {
|
|
2447
|
-
var
|
|
2448
|
-
c.setExtent(Y(e.cartesianToCartographic(
|
|
2454
|
+
var b = v.getBillboard((S + 2) % 4).position;
|
|
2455
|
+
c.setExtent(Y(e.cartesianToCartographic(b), e.cartesianToCartographic(T))), v.updateBillboardsPositions(j(c.extent));
|
|
2449
2456
|
},
|
|
2450
2457
|
onDragEnd: function(S, T) {
|
|
2451
2458
|
C();
|
|
@@ -2455,10 +2462,10 @@ var ye = function() {
|
|
|
2455
2462
|
return "Drag to change the corners of this extent";
|
|
2456
2463
|
}
|
|
2457
2464
|
};
|
|
2458
|
-
v.addBillboards(j(c.extent), g), this._markers = v, this._globeClickhandler = new
|
|
2465
|
+
v.addBillboards(j(c.extent), g), this._markers = v, this._globeClickhandler = new p.ScreenSpaceEventHandler(f.canvas), this._globeClickhandler.setInputAction(function(S) {
|
|
2459
2466
|
var T = f.pick(S.position);
|
|
2460
2467
|
T && !T.isDestroyed() && T.primitive || c.setEditMode(!1);
|
|
2461
|
-
},
|
|
2468
|
+
}, p.ScreenSpaceEventType.LEFT_CLICK), v.setOnTop();
|
|
2462
2469
|
}
|
|
2463
2470
|
this._editMode = !0;
|
|
2464
2471
|
} else
|
|
@@ -2475,7 +2482,7 @@ var ye = function() {
|
|
|
2475
2482
|
var v = this;
|
|
2476
2483
|
if (this._markers == null) {
|
|
2477
2484
|
let S = function() {
|
|
2478
|
-
return
|
|
2485
|
+
return p.EllipseOutlineGeometry(
|
|
2479
2486
|
e,
|
|
2480
2487
|
c.getCenter(),
|
|
2481
2488
|
c.getSemiMajorAxis(),
|
|
@@ -2494,11 +2501,11 @@ var ye = function() {
|
|
|
2494
2501
|
};
|
|
2495
2502
|
var g = new i.BillboardGroup(s, k), C = {
|
|
2496
2503
|
dragHandlers: {
|
|
2497
|
-
onDrag: function(
|
|
2498
|
-
var P =
|
|
2499
|
-
|
|
2504
|
+
onDrag: function(b, L) {
|
|
2505
|
+
var P = p.Cartesian3.distance(c.getCenter(), L);
|
|
2506
|
+
b % 2 == 0 ? c.setSemiMajorAxis(P) : c.setSemiMinorAxis(P), g.updateBillboardsPositions(S());
|
|
2500
2507
|
},
|
|
2501
|
-
onDragEnd: function(
|
|
2508
|
+
onDragEnd: function(b, L) {
|
|
2502
2509
|
T();
|
|
2503
2510
|
}
|
|
2504
2511
|
},
|
|
@@ -2506,10 +2513,10 @@ var ye = function() {
|
|
|
2506
2513
|
return "Drag to change the excentricity and radius";
|
|
2507
2514
|
}
|
|
2508
2515
|
};
|
|
2509
|
-
g.addBillboards(S(), C), this._markers = g, this._globeClickhandler = new
|
|
2510
|
-
var L = f.pick(
|
|
2516
|
+
g.addBillboards(S(), C), this._markers = g, this._globeClickhandler = new p.ScreenSpaceEventHandler(f.canvas), this._globeClickhandler.setInputAction(function(b) {
|
|
2517
|
+
var L = f.pick(b.position);
|
|
2511
2518
|
L && L.primitive || v.setEditMode(!1);
|
|
2512
|
-
},
|
|
2519
|
+
}, p.ScreenSpaceEventType.LEFT_CLICK), g.setOnTop();
|
|
2513
2520
|
}
|
|
2514
2521
|
this._editMode = !0;
|
|
2515
2522
|
} else
|
|
@@ -2517,15 +2524,15 @@ var ye = function() {
|
|
|
2517
2524
|
}, c.setHighlighted = a, X(c), c.setEditMode(!1);
|
|
2518
2525
|
}
|
|
2519
2526
|
}, i.CirclePrimitive.prototype.getCircleCartesianCoordinates = function(c) {
|
|
2520
|
-
for (var f =
|
|
2521
|
-
new
|
|
2527
|
+
for (var f = p.CircleOutlineGeometry.createGeometry(
|
|
2528
|
+
new p.CircleOutlineGeometry({
|
|
2522
2529
|
ellipsoid: e,
|
|
2523
2530
|
center: this.getCenter(),
|
|
2524
2531
|
radius: this.getRadius(),
|
|
2525
2532
|
granularity: c
|
|
2526
2533
|
})
|
|
2527
2534
|
), h = 0, v, g = []; h < f.attributes.position.values.length; h += 3)
|
|
2528
|
-
v = f.attributes.position.values, g.push(new
|
|
2535
|
+
v = f.attributes.position.values, g.push(new p.Cartesian3(v[h], v[h + 1], v[h + 2]));
|
|
2529
2536
|
return g;
|
|
2530
2537
|
}, i.CirclePrimitive.prototype.setEditable = function() {
|
|
2531
2538
|
if (!this.setEditMode) {
|
|
@@ -2537,7 +2544,7 @@ var ye = function() {
|
|
|
2537
2544
|
var v = this;
|
|
2538
2545
|
if (this._markers == null) {
|
|
2539
2546
|
let S = function() {
|
|
2540
|
-
return v.getCircleCartesianCoordinates(
|
|
2547
|
+
return v.getCircleCartesianCoordinates(p.Math.PI_OVER_TWO);
|
|
2541
2548
|
}, T = function() {
|
|
2542
2549
|
c.executeListeners({
|
|
2543
2550
|
name: "onEdited",
|
|
@@ -2547,10 +2554,10 @@ var ye = function() {
|
|
|
2547
2554
|
};
|
|
2548
2555
|
var g = new i.BillboardGroup(s, k), C = {
|
|
2549
2556
|
dragHandlers: {
|
|
2550
|
-
onDrag: function(
|
|
2551
|
-
c.setRadius(
|
|
2557
|
+
onDrag: function(b, L) {
|
|
2558
|
+
c.setRadius(p.Cartesian3.distance(c.getCenter(), L)), g.updateBillboardsPositions(S());
|
|
2552
2559
|
},
|
|
2553
|
-
onDragEnd: function(
|
|
2560
|
+
onDragEnd: function(b, L) {
|
|
2554
2561
|
T();
|
|
2555
2562
|
}
|
|
2556
2563
|
},
|
|
@@ -2558,10 +2565,10 @@ var ye = function() {
|
|
|
2558
2565
|
return "Drag to change the radius";
|
|
2559
2566
|
}
|
|
2560
2567
|
};
|
|
2561
|
-
g.addBillboards(S(), C), this._markers = g, this._globeClickhandler = new
|
|
2562
|
-
var L = f.pick(
|
|
2568
|
+
g.addBillboards(S(), C), this._markers = g, this._globeClickhandler = new p.ScreenSpaceEventHandler(f.canvas), this._globeClickhandler.setInputAction(function(b) {
|
|
2569
|
+
var L = f.pick(b.position);
|
|
2563
2570
|
L && L.primitive || v.setEditMode(!1);
|
|
2564
|
-
},
|
|
2571
|
+
}, p.ScreenSpaceEventType.LEFT_CLICK), g.setOnTop();
|
|
2565
2572
|
}
|
|
2566
2573
|
this._editMode = !0;
|
|
2567
2574
|
} else
|
|
@@ -2571,8 +2578,8 @@ var ye = function() {
|
|
|
2571
2578
|
};
|
|
2572
2579
|
}, i.DrawHelperWidget = function() {
|
|
2573
2580
|
function s(a, y) {
|
|
2574
|
-
if (!
|
|
2575
|
-
throw new
|
|
2581
|
+
if (!p.defined(y.container))
|
|
2582
|
+
throw new p.DeveloperError("Container is required");
|
|
2576
2583
|
var c = {
|
|
2577
2584
|
markerIcon: "./assets/img/glyphicons_242_google_maps.png",
|
|
2578
2585
|
polylineIcon: "./assets/img/glyphicons_097_vector_path_line.png",
|
|
@@ -2580,17 +2587,17 @@ var ye = function() {
|
|
|
2580
2587
|
circleIcon: "./assets/img/glyphicons_095_vector_path_circle.png",
|
|
2581
2588
|
extentIcon: "./assets/img/glyphicons_094_vector_path_square.png",
|
|
2582
2589
|
clearIcon: "./assets/img/glyphicons_067_cleaning.png",
|
|
2583
|
-
polylineDrawingOptions:
|
|
2590
|
+
polylineDrawingOptions: w,
|
|
2584
2591
|
polygonDrawingOptions: d,
|
|
2585
2592
|
extentDrawingOptions: u,
|
|
2586
|
-
circleDrawingOptions:
|
|
2593
|
+
circleDrawingOptions: m
|
|
2587
2594
|
};
|
|
2588
2595
|
$(y, c);
|
|
2589
2596
|
var f = this, h = document.createElement("DIV");
|
|
2590
2597
|
h.className = "toolbar", y.container.appendChild(h);
|
|
2591
|
-
function v(S, T,
|
|
2598
|
+
function v(S, T, b, L) {
|
|
2592
2599
|
var P = document.createElement("DIV");
|
|
2593
|
-
P.className = "button", P.title =
|
|
2600
|
+
P.className = "button", P.title = b, h.appendChild(P), P.onclick = L;
|
|
2594
2601
|
var W = document.createElement("SPAN");
|
|
2595
2602
|
P.appendChild(W);
|
|
2596
2603
|
var q = document.createElement("IMG");
|
|
@@ -2651,9 +2658,9 @@ var ye = function() {
|
|
|
2651
2658
|
return a = R(a, { container: s }), new i.DrawHelperWidget(this, a);
|
|
2652
2659
|
};
|
|
2653
2660
|
function Y(s, a) {
|
|
2654
|
-
var y = new
|
|
2661
|
+
var y = new p.Rectangle();
|
|
2655
2662
|
y.west = Math.min(s.longitude, a.longitude), y.east = Math.max(s.longitude, a.longitude), y.south = Math.min(s.latitude, a.latitude), y.north = Math.max(s.latitude, a.latitude);
|
|
2656
|
-
var c =
|
|
2663
|
+
var c = p.Math.EPSILON7;
|
|
2657
2664
|
return y.east - y.west < c && (y.east += c * 2), y.north - y.south < c && (y.north += c * 2), y;
|
|
2658
2665
|
}
|
|
2659
2666
|
function U(s, a) {
|
|
@@ -2699,7 +2706,7 @@ var ye = function() {
|
|
|
2699
2706
|
}();
|
|
2700
2707
|
const Ur = 2, jr = (e, n) => {
|
|
2701
2708
|
switch (e) {
|
|
2702
|
-
case
|
|
2709
|
+
case re.BOX: {
|
|
2703
2710
|
if (n.features.length !== Ur)
|
|
2704
2711
|
throw new Error(`${e} must have 2 points`);
|
|
2705
2712
|
const t = mt(n.features, (o) => {
|
|
@@ -2753,34 +2760,34 @@ const Ur = 2, jr = (e, n) => {
|
|
|
2753
2760
|
class fs extends ui {
|
|
2754
2761
|
}
|
|
2755
2762
|
const ys = (e) => {
|
|
2756
|
-
const { drawState: n, drawingMaterial: t, drawingVertexColor: i, material: o, hollow: r, outlineWidth: d } = e, u = me(), [
|
|
2763
|
+
const { drawState: n, drawingMaterial: t, drawingVertexColor: i, material: o, hollow: r, outlineWidth: d } = e, u = me(), [m, E] = A();
|
|
2757
2764
|
O(() => {
|
|
2758
2765
|
E(
|
|
2759
2766
|
// eslint-disable-next-line
|
|
2760
2767
|
new ye(u, t, i)
|
|
2761
2768
|
);
|
|
2762
2769
|
}, []), O(() => {
|
|
2763
|
-
if (
|
|
2764
|
-
const M =
|
|
2770
|
+
if (m) {
|
|
2771
|
+
const M = m;
|
|
2765
2772
|
if (n.drawing)
|
|
2766
2773
|
switch (n.type) {
|
|
2767
|
-
case
|
|
2774
|
+
case re.POLYGON:
|
|
2768
2775
|
u.scene.globe.depthTestAgainstTerrain = !1, M.startDrawingPolygon({
|
|
2769
2776
|
callback: (_) => {
|
|
2770
2777
|
n.handler({
|
|
2771
2778
|
primitive: _,
|
|
2772
|
-
type:
|
|
2779
|
+
type: re.POLYGON,
|
|
2773
2780
|
geojson: Kr(_)
|
|
2774
2781
|
});
|
|
2775
2782
|
}
|
|
2776
2783
|
});
|
|
2777
2784
|
break;
|
|
2778
|
-
case
|
|
2785
|
+
case re.BOX:
|
|
2779
2786
|
u.scene.globe.depthTestAgainstTerrain = !1, M.startDrawingExtent({
|
|
2780
2787
|
callback: (_) => {
|
|
2781
2788
|
n.handler({
|
|
2782
2789
|
primitive: _,
|
|
2783
|
-
type:
|
|
2790
|
+
type: re.BOX,
|
|
2784
2791
|
geojson: qr(_)
|
|
2785
2792
|
});
|
|
2786
2793
|
}
|
|
@@ -2792,28 +2799,28 @@ const ys = (e) => {
|
|
|
2792
2799
|
else
|
|
2793
2800
|
M.stopDrawing(), u.scene.globe.depthTestAgainstTerrain = !0;
|
|
2794
2801
|
}
|
|
2795
|
-
}, [n,
|
|
2796
|
-
const
|
|
2802
|
+
}, [n, m]);
|
|
2803
|
+
const w = (M) => {
|
|
2797
2804
|
let _ = M.coordinates !== void 0 ? M.coordinates : jr(M.type, M.geojson);
|
|
2798
2805
|
if (r !== !0)
|
|
2799
2806
|
switch (M.type) {
|
|
2800
|
-
case
|
|
2807
|
+
case re.BOX:
|
|
2801
2808
|
return /* @__PURE__ */ l(zr, { coordinates: _, material: o ?? t });
|
|
2802
|
-
case
|
|
2809
|
+
case re.POLYGON:
|
|
2803
2810
|
return /* @__PURE__ */ l(Vr, { hierarchy: new hi(_), material: o ?? t });
|
|
2804
2811
|
default:
|
|
2805
|
-
return /* @__PURE__ */ l(
|
|
2812
|
+
return /* @__PURE__ */ l(oe, {});
|
|
2806
2813
|
}
|
|
2807
2814
|
else {
|
|
2808
2815
|
switch (M.type) {
|
|
2809
|
-
case
|
|
2816
|
+
case re.BOX:
|
|
2810
2817
|
_ = Yr(_);
|
|
2811
2818
|
break;
|
|
2812
|
-
case
|
|
2819
|
+
case re.POLYGON:
|
|
2813
2820
|
_ = [..._, _[0]];
|
|
2814
2821
|
break;
|
|
2815
2822
|
default:
|
|
2816
|
-
return /* @__PURE__ */ l(
|
|
2823
|
+
return /* @__PURE__ */ l(oe, {});
|
|
2817
2824
|
}
|
|
2818
2825
|
return /* @__PURE__ */ l(Wr, { positions: _, width: d ?? 1, material: o ?? t });
|
|
2819
2826
|
}
|
|
@@ -2826,7 +2833,7 @@ const ys = (e) => {
|
|
|
2826
2833
|
] }),
|
|
2827
2834
|
/* @__PURE__ */ l("p", { children: "This is description of drawed entity" })
|
|
2828
2835
|
] }),
|
|
2829
|
-
|
|
2836
|
+
w(M)
|
|
2830
2837
|
] }, M.id)) });
|
|
2831
2838
|
};
|
|
2832
2839
|
class vs extends mi {
|
|
@@ -2883,29 +2890,29 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
|
|
|
2883
2890
|
const { options: f } = e, { caret: h } = r;
|
|
2884
2891
|
Y(n, h, f);
|
|
2885
2892
|
}, [e]);
|
|
2886
|
-
const
|
|
2893
|
+
const m = (f, h, v) => {
|
|
2887
2894
|
const { trigger: g, matchAny: C, regex: S } = e, T = new RegExp(S);
|
|
2888
|
-
let
|
|
2889
|
-
Array.isArray(
|
|
2895
|
+
let b = g;
|
|
2896
|
+
Array.isArray(b) || (b = new Array(g)), b.sort();
|
|
2890
2897
|
const L = {};
|
|
2891
|
-
Array.isArray(v) &&
|
|
2898
|
+
Array.isArray(v) && b.forEach((q) => {
|
|
2892
2899
|
L[q] = v;
|
|
2893
2900
|
});
|
|
2894
|
-
const P = E(
|
|
2901
|
+
const P = E(b, T);
|
|
2895
2902
|
let W = {};
|
|
2896
2903
|
for (let q = 0; q < P.length; q++) {
|
|
2897
2904
|
const { triggerStr: N, triggerMatch: D, triggerLength: I } = P[q];
|
|
2898
2905
|
for (let z = h - 1; z >= 0; --z) {
|
|
2899
|
-
const
|
|
2906
|
+
const ie = f.substring(z, h).match(T);
|
|
2900
2907
|
let ee = -1;
|
|
2901
2908
|
if (I > 0) {
|
|
2902
2909
|
const se = D ? z : z - I + 1;
|
|
2903
|
-
if (se < 0 || (
|
|
2910
|
+
if (se < 0 || (w(N, f, se) && (ee = se + I), !ie && ee < 0))
|
|
2904
2911
|
break;
|
|
2905
2912
|
} else {
|
|
2906
|
-
if (
|
|
2913
|
+
if (ie && z > 0)
|
|
2907
2914
|
continue;
|
|
2908
|
-
if (ee = z === 0 &&
|
|
2915
|
+
if (ee = z === 0 && ie ? 0 : z + 1, h - ee === 0)
|
|
2909
2916
|
break;
|
|
2910
2917
|
}
|
|
2911
2918
|
if (ee >= 0) {
|
|
@@ -2931,22 +2938,22 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
|
|
|
2931
2938
|
triggerStr: g,
|
|
2932
2939
|
triggerMatch: g.match(h),
|
|
2933
2940
|
triggerLength: g.length
|
|
2934
|
-
})),
|
|
2935
|
-
const { onChange: h, options: v, spaceRemovers: g, spacer: C, value: S } = e, T = n,
|
|
2936
|
-
if (
|
|
2941
|
+
})), w = (f, h, v) => !f || !f.length || h.substr(v, f.length) === f, M = (f) => {
|
|
2942
|
+
const { onChange: h, options: v, spaceRemovers: g, spacer: C, value: S } = e, T = n, b = f.target.value, L = Mi(_(f.target)).end;
|
|
2943
|
+
if (b.length || F({
|
|
2937
2944
|
...r,
|
|
2938
2945
|
helperVisible: !1
|
|
2939
|
-
}), t(
|
|
2946
|
+
}), t(b), F({
|
|
2940
2947
|
...r,
|
|
2941
2948
|
caret: L,
|
|
2942
2949
|
value: f.target.value
|
|
2943
|
-
}), !
|
|
2950
|
+
}), !b.length || !L)
|
|
2944
2951
|
return h(f.target.value);
|
|
2945
|
-
if (i && g.length &&
|
|
2946
|
-
for (let P = 0; P < Math.max(T.length,
|
|
2947
|
-
if (T[P] !==
|
|
2948
|
-
if (P >= 2 &&
|
|
2949
|
-
const W = `${
|
|
2952
|
+
if (i && g.length && b.length > 2 && C.length) {
|
|
2953
|
+
for (let P = 0; P < Math.max(T.length, b.length); ++P)
|
|
2954
|
+
if (T[P] !== b[P]) {
|
|
2955
|
+
if (P >= 2 && b[P - 1] === C && g.indexOf(b[P - 2]) === -1 && g.indexOf(b[P]) !== -1 && !Je(m(b.substring(0, P - 2), L - 3, v))) {
|
|
2956
|
+
const W = `${b.slice(0, P - 1)}${b.slice(P, P + 1)}${b.slice(P - 1, P)}${b.slice(P + 1)}`;
|
|
2950
2957
|
return K(P + 1), u.current !== null && (u.current.value = W), S || F({
|
|
2951
2958
|
...r,
|
|
2952
2959
|
value: W
|
|
@@ -2956,7 +2963,7 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
|
|
|
2956
2963
|
}
|
|
2957
2964
|
o(!1);
|
|
2958
2965
|
}
|
|
2959
|
-
return Y(
|
|
2966
|
+
return Y(b, L, v), h(f.target.value);
|
|
2960
2967
|
}, _ = (f) => {
|
|
2961
2968
|
if (f !== void 0)
|
|
2962
2969
|
if (f.children.length > 0) {
|
|
@@ -3006,7 +3013,7 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
|
|
|
3006
3013
|
helperVisible: !1
|
|
3007
3014
|
});
|
|
3008
3015
|
}, j = (f) => {
|
|
3009
|
-
const { spacer: h, onSelect: v, changeOnSelect: g } = e, { matchStart: C, matchLength: S, options: T, trigger:
|
|
3016
|
+
const { spacer: h, onSelect: v, changeOnSelect: g } = e, { matchStart: C, matchLength: S, options: T, trigger: b } = r, L = T[f], P = n, W = P.substring(0, C - b.length), q = P.substring(C + S), N = { target: u.current }, D = g(b, L);
|
|
3010
3017
|
N.target !== null && (N.target.value = `${W}${D}${h}${q}`), M(N), N.target !== null && v(N.target.value), U(), K(W.length + D.length + 1), o(!0);
|
|
3011
3018
|
}, K = (f) => {
|
|
3012
3019
|
F({
|
|
@@ -3028,11 +3035,11 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
|
|
|
3028
3035
|
const C = _(g);
|
|
3029
3036
|
if (C === void 0)
|
|
3030
3037
|
return;
|
|
3031
|
-
const S = g.getBoundingClientRect(), T =
|
|
3038
|
+
const S = g.getBoundingClientRect(), T = m(f, h, v);
|
|
3032
3039
|
if (Object.keys(T).length > 0 && C !== null) {
|
|
3033
|
-
const
|
|
3040
|
+
const b = Li(C, h), L = C.getBoundingClientRect(), { minChars: P, onRequestOptions: W, requestOnlyIfNoOptions: q, mode: N } = e;
|
|
3034
3041
|
let D, I, z, de = "unset";
|
|
3035
|
-
N === "assist" ? (D = g === C ?
|
|
3042
|
+
N === "assist" ? (D = g === C ? b.top + C.offsetTop : b.top + S.top, I = Math.min(b.left + C.offsetLeft - no, C.offsetLeft + L.width - io)) : (D = S.top + g.offsetHeight, I = g.offsetLeft, z = g.offsetLeft - g.offsetWidth, de = `${S.width}px`), T.matchLength >= P && (T.options.length > 1 || T.options.length === 1 && T.options[0].length !== T.matchLength) ? F({
|
|
3036
3043
|
...r,
|
|
3037
3044
|
value: f,
|
|
3038
3045
|
helperVisible: !0,
|
|
@@ -3053,7 +3060,7 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
|
|
|
3053
3060
|
});
|
|
3054
3061
|
}, 100);
|
|
3055
3062
|
}, x = () => {
|
|
3056
|
-
const { helperVisible: f, left: h, right: v, matchStart: g, matchLength: C, options: S, selection: T, top:
|
|
3063
|
+
const { helperVisible: f, left: h, right: v, matchStart: g, matchLength: C, options: S, selection: T, top: b, value: L, width: P } = r;
|
|
3057
3064
|
if (!f)
|
|
3058
3065
|
return null;
|
|
3059
3066
|
const { maxOptions: W, offsetX: q, offsetY: N, direction: D } = e;
|
|
@@ -3064,8 +3071,8 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
|
|
|
3064
3071
|
...r,
|
|
3065
3072
|
selection: 0
|
|
3066
3073
|
}), null;
|
|
3067
|
-
const I = W === 0 ? S.length : W, z = S.slice(0, I).map((
|
|
3068
|
-
const se =
|
|
3074
|
+
const I = W === 0 ? S.length : W, z = S.slice(0, I).map((ie, ee) => {
|
|
3075
|
+
const se = ie.toLowerCase().indexOf(L.substr(g, C).toLowerCase());
|
|
3069
3076
|
return /* @__PURE__ */ B(
|
|
3070
3077
|
"li",
|
|
3071
3078
|
{
|
|
@@ -3080,19 +3087,19 @@ const Xr = 38, Zr = 40, Jr = 13, Qr = 14, eo = 27, to = 9, no = 10, io = 100, ro
|
|
|
3080
3087
|
});
|
|
3081
3088
|
},
|
|
3082
3089
|
children: [
|
|
3083
|
-
|
|
3084
|
-
/* @__PURE__ */ l("strong", { children:
|
|
3085
|
-
|
|
3090
|
+
ie.slice(0, se),
|
|
3091
|
+
/* @__PURE__ */ l("strong", { children: ie.substr(se, C) }),
|
|
3092
|
+
ie.slice(se + C)
|
|
3086
3093
|
]
|
|
3087
3094
|
},
|
|
3088
|
-
|
|
3095
|
+
ie
|
|
3089
3096
|
);
|
|
3090
3097
|
}), de = D === "ltr" ? { left: h + q } : { right: v + q };
|
|
3091
|
-
return /* @__PURE__ */ l("ul", { className: "react-autocomplete-input", style: { ...de, top:
|
|
3098
|
+
return /* @__PURE__ */ l("ul", { className: "react-autocomplete-input", style: { ...de, top: b + N, width: P }, children: z });
|
|
3092
3099
|
}, { Component: $, ComponentProps: R, defaultValue: V, disabled: X, onBlur: s, value: a, ...y } = e, c = Object.assign({}, y);
|
|
3093
3100
|
return Object.keys(e).forEach((f) => {
|
|
3094
3101
|
delete c[f];
|
|
3095
|
-
}), /* @__PURE__ */ B(
|
|
3102
|
+
}), /* @__PURE__ */ B(oe, { children: [
|
|
3096
3103
|
fe.cloneElement($, {
|
|
3097
3104
|
disabled: X,
|
|
3098
3105
|
onBlur: s,
|
|
@@ -3269,9 +3276,9 @@ const Ns = fe.memo(
|
|
|
3269
3276
|
files: r,
|
|
3270
3277
|
folderChain: d,
|
|
3271
3278
|
onFileAction: u,
|
|
3272
|
-
...
|
|
3279
|
+
...m
|
|
3273
3280
|
}, E) => {
|
|
3274
|
-
const
|
|
3281
|
+
const w = pe(
|
|
3275
3282
|
(V) => null,
|
|
3276
3283
|
// file.thumbnailUrl ? `https://chonky.io${file.thumbnailUrl}` : null,
|
|
3277
3284
|
[]
|
|
@@ -3308,13 +3315,13 @@ const Ns = fe.memo(
|
|
|
3308
3315
|
onFileAction: (V) => {
|
|
3309
3316
|
typeof u == "function" && u(V);
|
|
3310
3317
|
},
|
|
3311
|
-
thumbnailGenerator:
|
|
3318
|
+
thumbnailGenerator: w,
|
|
3312
3319
|
defaultFileViewActionId: j,
|
|
3313
3320
|
disableDragAndDrop: F,
|
|
3314
3321
|
fileActions: U,
|
|
3315
3322
|
darkMode: k,
|
|
3316
3323
|
i18n: $,
|
|
3317
|
-
...
|
|
3324
|
+
...m
|
|
3318
3325
|
}
|
|
3319
3326
|
)
|
|
3320
3327
|
}
|
|
@@ -3367,7 +3374,7 @@ export {
|
|
|
3367
3374
|
ns as DateTimePicker,
|
|
3368
3375
|
Bi as DateTimeRangePicker,
|
|
3369
3376
|
Qo as DateTimeRangePickerFormControl,
|
|
3370
|
-
|
|
3377
|
+
re as DrawType,
|
|
3371
3378
|
Os as FileHelper,
|
|
3372
3379
|
Ns as FilePicker,
|
|
3373
3380
|
Rs as FilePickerActions,
|