@factorialco/f0-react 13.7.1 → 13.9.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.
- package/dist/{ArchiveThumbnail-BP0t4Rfi.js → ArchiveThumbnail-BMp3YbfD.js} +3 -3
- package/dist/{ArchiveViewer-CU9adsgr.js → ArchiveViewer-hEye6_DO.js} +5 -5
- package/dist/{ChatPostComposerDialog-o1a3GnnA.js → ChatPostComposerDialog-DvK-F_9b.js} +4 -4
- package/dist/{CoachmarkProvider-BlsZ4V3B.js → CoachmarkProvider-CSyq_SH1.js} +23566 -23065
- package/dist/{CodeThumbnail-ZwkABs75.js → CodeThumbnail-BskK4DTN.js} +1 -1
- package/dist/{CodeViewer-BrmnIt6k.js → CodeViewer-CUVpRfFA.js} +8 -8
- package/dist/{DocumentToolbar-D_afy-RH.js → DocumentToolbar-lIncsF3z.js} +5 -5
- package/dist/{DocxViewer-BptrjRiz.js → DocxViewer-BAwGUg5D.js} +3 -3
- package/dist/{F0AiProcessingOverlay-DwjvXNhv.js → F0AiProcessingOverlay-hPOUgmJz.js} +107 -107
- package/dist/{F0Alert-D5av-4_1.js → F0Alert-DWpoDmXm.js} +5 -5
- package/dist/F0AudioPlayer-B87gu5ab.js +2 -0
- package/dist/{F0Button-xbk-nrvL.js → F0Button-DJAGcvGQ.js} +4 -4
- package/dist/{F0CanvasPanel-Dj85hg3n.js → F0CanvasPanel-BqX2Sult.js} +4517 -4517
- package/dist/{F0DocumentViewer-BfZZ_Nj4.js → F0DocumentViewer-D8n4cD0X.js} +1 -1
- package/dist/{F0DocumentViewer-BtB3wnNC.js → F0DocumentViewer-bO7PViP1.js} +4 -4
- package/dist/{F0Icon-Dr2xuQq2.js → F0Icon-CqhIsgzq.js} +1 -1
- package/dist/{F0Map-DWnyL4oO.js → F0Map-WdDErexm.js} +572 -572
- package/dist/{F0Select-DD_AdtqV.js → F0Select-CLVnq8Oe.js} +5679 -5679
- package/dist/{F0Text-DzVOqGyO.js → F0Text-sHWQ6Zjr.js} +2 -2
- package/dist/{F0VideoPlayer-B7YJAF5w.js → F0VideoPlayer--6DJybCc.js} +6 -6
- package/dist/F0VideoPlayer-ChcyxpNN.js +1 -0
- package/dist/{HtmlThumbnail-BNAinxys.js → HtmlThumbnail-aIC6kVaS.js} +1 -1
- package/dist/{HtmlViewer-BZu6alyR.js → HtmlViewer-bxvjs0HU.js} +9 -9
- package/dist/{LayoutGroup-CXsoUZn_.js → LayoutGroup-CmYTzUe-.js} +15 -15
- package/dist/{Map-CVG9kKlw.js → Map-B9SA_hEH.js} +10 -10
- package/dist/{PdfThumbnail-DopWiXV1.js → PdfThumbnail---NygeL_.js} +1 -1
- package/dist/{PdfViewer-CPWR6tv7.js → PdfViewer-Dzj9Ilu-.js} +13 -13
- package/dist/{SandboxedHtmlFrame-Pi5lxvZj.js → SandboxedHtmlFrame-Dv21SdxM.js} +2 -2
- package/dist/{SheetViewer-Dwu1GbVa.js → SheetViewer-CyhOFDVZ.js} +5 -5
- package/dist/{TextViewer-DXd78D8P.js → TextViewer-CKrr0PDH.js} +4 -4
- package/dist/ai.d.ts +3 -3
- package/dist/ai.js +4 -4
- package/dist/component-status.js +14 -14
- package/dist/{dist-Bvf79ox7.js → dist-78QS1RpN.js} +4 -4
- package/dist/{dist-BgfZJh24.js → dist-B0VLslFD.js} +1 -1
- package/dist/{dist-CvYOoTs5.js → dist-DvI6nhUB.js} +1 -1
- package/dist/experimental.d.ts +70 -6
- package/dist/experimental.js +6618 -6098
- package/dist/{exports-DqmLMJgR.d.ts → exports-DaVqRnuz.d.ts} +1 -1
- package/dist/f0.d.ts +5 -5
- package/dist/f0.js +1335 -1322
- package/dist/{highlight-CE5OJwQE.js → highlight-DZRNad9z.js} +1 -1
- package/dist/{i18n-provider-aZCxX7lT.js → i18n-provider-5AmqITig.js} +1 -1
- package/dist/{i18n-provider-defaults-BUY-YS7I.d.ts → i18n-provider-defaults-DztF2sWo.d.ts} +46 -0
- package/dist/{i18n-provider-defaults-BpglikGz.js → i18n-provider-defaults-mM2ICqyS.js} +46 -0
- package/dist/i18n-provider-defaults.d.ts +1 -1
- package/dist/i18n-provider-defaults.js +1 -1
- package/dist/{index-CMtDE2kR.d.ts → index-C0pYJxas.d.ts} +1 -1
- package/dist/{maplibre-B0ReOfxN.js → maplibre-9SjV58q1.js} +1 -1
- package/dist/{pdfWorker-Q-062J_A.js → pdfWorker-DMcapWPE.js} +1 -1
- package/dist/{popover-CT3rox5D.js → popover-Cw4HYjOL.js} +1 -1
- package/dist/{posts-i2uZfohA.js → posts-BBvCiBdi.js} +12 -9
- package/dist/{scrollarea-iuapGs70.js → scrollarea-4p-5wD8d.js} +3 -3
- package/dist/{skeleton-C5JQM5pK.js → skeleton-BWzVGMzP.js} +1 -1
- package/dist/styles.css +1 -1
- package/dist/{toolbarStyles-DblQOIMP.js → toolbarStyles-DDsE4J6B.js} +1 -1
- package/dist/{types-DNh-Ul2e.d.ts → types-D8tVTeWQ.d.ts} +83 -30
- package/dist/{useData-Af3QuQSP.js → useData-BjMlOMnX.js} +7 -7
- package/package.json +1 -1
- package/dist/F0AudioPlayer-BINo7ymK.js +0 -2
- package/dist/F0VideoPlayer-yNQxunbp.js +0 -1
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { Si as e, a as t, o as n } from "./CoachmarkProvider-
|
|
2
|
-
import { i as r, r as i } from "./i18n-provider-
|
|
1
|
+
import { Si as e, a as t, o as n } from "./CoachmarkProvider-CSyq_SH1.js";
|
|
2
|
+
import { i as r, r as i } from "./i18n-provider-5AmqITig.js";
|
|
3
3
|
import { L as a, R as o } from "./tooltip-BX4dSfeL.js";
|
|
4
|
-
import { H as s, T as c, U as l, b as u, h as d, t as f, wt as p } from "./F0Button-
|
|
5
|
-
import { Cc as m, Dt as h, Ts as g, Xo as _, l as v, oc as y } from "./F0CanvasPanel-
|
|
6
|
-
import { t as b } from "./F0Icon-
|
|
7
|
-
import {
|
|
8
|
-
import { n as
|
|
9
|
-
import { createContext as
|
|
10
|
-
import { Fragment as
|
|
11
|
-
import { createPortal as
|
|
4
|
+
import { H as s, T as c, U as l, b as u, h as d, t as f, wt as p } from "./F0Button-DJAGcvGQ.js";
|
|
5
|
+
import { Cc as m, Dt as h, Ts as g, Xo as _, l as v, oc as y } from "./F0CanvasPanel-BqX2Sult.js";
|
|
6
|
+
import { t as b } from "./F0Icon-CqhIsgzq.js";
|
|
7
|
+
import { H as x, M as S, R as C, f as w, w as T } from "./useData-BjMlOMnX.js";
|
|
8
|
+
import { n as E, o as D, s as ee, t as O } from "./dist-Cuwaibqg.js";
|
|
9
|
+
import { createContext as k, forwardRef as A, useCallback as j, useContext as M, useEffect as N, useId as te, useImperativeHandle as ne, useLayoutEffect as re, useMemo as P, useRef as F, useState as I } from "react";
|
|
10
|
+
import { Fragment as ie, jsx as L, jsxs as R } from "react/jsx-runtime";
|
|
11
|
+
import { createPortal as ae } from "react-dom";
|
|
12
12
|
//#region src/addons/map/F0Map/camera.ts
|
|
13
|
-
var
|
|
13
|
+
var oe = (e, t) => ({
|
|
14
14
|
top: Math.max(e?.top ?? 0, t?.top ?? 0),
|
|
15
15
|
right: Math.max(e?.right ?? 0, t?.right ?? 0),
|
|
16
16
|
bottom: Math.max(e?.bottom ?? 0, t?.bottom ?? 0),
|
|
17
17
|
left: Math.max(e?.left ?? 0, t?.left ?? 0)
|
|
18
|
-
}),
|
|
18
|
+
}), se = (e, { width: t, height: n }) => {
|
|
19
19
|
let r = t > 0 && e.left + e.right >= t, i = n > 0 && e.top + e.bottom >= n;
|
|
20
20
|
return {
|
|
21
21
|
top: i ? 0 : e.top,
|
|
@@ -23,18 +23,18 @@ var se = (e, t) => ({
|
|
|
23
23
|
left: r ? 0 : e.left,
|
|
24
24
|
right: r ? 0 : e.right
|
|
25
25
|
};
|
|
26
|
-
},
|
|
26
|
+
}, ce = (e) => ({
|
|
27
27
|
x: (e.left - e.right) / 2,
|
|
28
28
|
y: (e.top - e.bottom) / 2
|
|
29
|
-
}),
|
|
30
|
-
let i =
|
|
29
|
+
}), le = (e, t, n, r = e.getZoom()) => {
|
|
30
|
+
let i = ce(n), a = e.project(t);
|
|
31
31
|
if (!a || i.x === 0 && i.y === 0) return t;
|
|
32
32
|
let o = 2 ** (e.getZoom() - r);
|
|
33
33
|
return e.unproject({
|
|
34
34
|
x: a.x - i.x * o,
|
|
35
35
|
y: a.y - i.y * o
|
|
36
36
|
}) ?? t;
|
|
37
|
-
},
|
|
37
|
+
}, ue = ({ adapter: e, coordinates: t, inset: n, size: r, gutter: i, maxZoom: a }) => {
|
|
38
38
|
let o = e.cameraForCoordinates(t, { gutter: i });
|
|
39
39
|
if (!o) return null;
|
|
40
40
|
let s = (e, t, n) => e > 2 * i ? (e - t - n - 2 * i) / (e - 2 * i) : 1, c = Math.min(s(r.width, n.left, n.right), s(r.height, n.top, n.bottom)), l = o.zoom ?? e.getZoom();
|
|
@@ -44,17 +44,17 @@ var se = (e, t) => ({
|
|
|
44
44
|
};
|
|
45
45
|
let u = Math.min(l + Math.log2(c), a);
|
|
46
46
|
return {
|
|
47
|
-
center:
|
|
47
|
+
center: le(e, o.center, n, u),
|
|
48
48
|
zoom: u
|
|
49
49
|
};
|
|
50
|
-
},
|
|
51
|
-
let [r, i] = e, a =
|
|
50
|
+
}, de = 6371008.8, fe = (e) => e * Math.PI / 180, pe = (e) => e * 180 / Math.PI, me = (e, t, n = 64) => {
|
|
51
|
+
let [r, i] = e, a = fe(i), o = fe(r), s = Math.max(t, 0) / de, c = [];
|
|
52
52
|
for (let e = 0; e < n; e++) {
|
|
53
53
|
let t = 2 * Math.PI * e / n, r = Math.asin(Math.sin(a) * Math.cos(s) + Math.cos(a) * Math.sin(s) * Math.cos(t)), i = o + Math.atan2(Math.sin(t) * Math.sin(s) * Math.cos(a), Math.cos(s) - Math.sin(a) * Math.sin(r));
|
|
54
|
-
c.push([
|
|
54
|
+
c.push([pe(i), pe(r)]);
|
|
55
55
|
}
|
|
56
56
|
return c.push(c[0]), c;
|
|
57
|
-
},
|
|
57
|
+
}, he = [
|
|
58
58
|
"neutral",
|
|
59
59
|
"grey",
|
|
60
60
|
"radical",
|
|
@@ -72,15 +72,15 @@ var se = (e, t) => ({
|
|
|
72
72
|
"army",
|
|
73
73
|
"smoke",
|
|
74
74
|
"barbie"
|
|
75
|
-
].filter((e) => e !== "neutral" && e !== "grey"),
|
|
76
|
-
neutral:
|
|
77
|
-
grey:
|
|
78
|
-
...Object.fromEntries(
|
|
79
|
-
},
|
|
80
|
-
neutral:
|
|
75
|
+
].filter((e) => e !== "neutral" && e !== "grey"), ge = {
|
|
76
|
+
neutral: O.grey[100],
|
|
77
|
+
grey: O.grey.solid[50],
|
|
78
|
+
...Object.fromEntries(he.map((e) => [e, O[e][50]]))
|
|
79
|
+
}, _e = (e) => `hsl(${ge[e]})`, ve = {
|
|
80
|
+
neutral: O.grey[100],
|
|
81
81
|
grey: "218 14% 30%",
|
|
82
|
-
...Object.fromEntries(
|
|
83
|
-
},
|
|
82
|
+
...Object.fromEntries(he.map((e) => [e, O[e][70]]))
|
|
83
|
+
}, ye = (e, t) => t ? ve[e] : ge[e], be = O.grey[100], xe = {
|
|
84
84
|
sm: {
|
|
85
85
|
d: 16,
|
|
86
86
|
border: 1.5,
|
|
@@ -141,87 +141,87 @@ var se = (e, t) => ({
|
|
|
141
141
|
icon: "lg",
|
|
142
142
|
avatar: "lg"
|
|
143
143
|
}
|
|
144
|
-
},
|
|
145
|
-
let e =
|
|
146
|
-
return -(e.d - e.caretOverlap + e.caretH +
|
|
147
|
-
},
|
|
148
|
-
let { size: i = "md", selected: s = !1, collapsed: c = !1, label: u, showLabel: d = !0, labelPlacement: f = "right", onClick: m, ariaLabel: h, presentational: g = !1, dataTestId: _, className: v } = t, y = t.variant ?? "color", x =
|
|
144
|
+
}, z = (e) => xe[e], B = 5.6, Se = 1.5, Ce = () => {
|
|
145
|
+
let e = xe.xl;
|
|
146
|
+
return -(e.d - e.caretOverlap + e.caretH + B + Se) + 3;
|
|
147
|
+
}, V = "hsl(var(--white-100))", H = A(function(t, n) {
|
|
148
|
+
let { size: i = "md", selected: s = !1, collapsed: c = !1, label: u, showLabel: d = !0, labelPlacement: f = "right", onClick: m, ariaLabel: h, presentational: g = !1, dataTestId: _, className: v } = t, y = t.variant ?? "color", x = xe[s ? "xl" : i], S = !!m, C = y === "color" || y === "icon" || y === "letter", E = y === "person" && "firstName" in t ? t.firstName + t.lastName : (y === "team" || y === "company") && "name" in t ? t.name : null, D = C ? t.color ?? "radical" : E ? y === "person" && "src" in t && t.src ? "grey" : T(E) ?? "grey" : "neutral", ee = e(), O = s ? 32 : {
|
|
149
149
|
xs: 12,
|
|
150
150
|
sm: 16,
|
|
151
151
|
md: 20,
|
|
152
152
|
lg: 24
|
|
153
|
-
}[x.icon],
|
|
153
|
+
}[x.icon], k = {
|
|
154
154
|
xs: 20,
|
|
155
155
|
sm: 24,
|
|
156
156
|
md: 32,
|
|
157
157
|
lg: 40
|
|
158
|
-
},
|
|
158
|
+
}, A = xe[i].avatar, j = s ? k[x.avatar] / k[A] : 1, M = (e) => /* @__PURE__ */ L("span", {
|
|
159
159
|
className: "flex shrink-0 items-center justify-center transition-transform duration-200 ease-out",
|
|
160
|
-
style: { transform: `scale(${
|
|
160
|
+
style: { transform: `scale(${j})` },
|
|
161
161
|
children: e
|
|
162
|
-
}),
|
|
162
|
+
}), N = y === "color" ? null : y === "icon" && "icon" in t ? /* @__PURE__ */ L(b, {
|
|
163
163
|
icon: t.icon,
|
|
164
164
|
size: x.icon,
|
|
165
165
|
color: "#ffffff",
|
|
166
166
|
style: {
|
|
167
|
-
width:
|
|
168
|
-
height:
|
|
167
|
+
width: O,
|
|
168
|
+
height: O,
|
|
169
169
|
transition: "width 200ms ease-out, height 200ms ease-out"
|
|
170
170
|
}
|
|
171
|
-
}) : y === "letter" && "letter" in t ? /* @__PURE__ */
|
|
171
|
+
}) : y === "letter" && "letter" in t ? /* @__PURE__ */ L("span", {
|
|
172
172
|
"aria-hidden": !0,
|
|
173
173
|
className: "font-semibold leading-none",
|
|
174
174
|
style: {
|
|
175
|
-
color:
|
|
176
|
-
fontSize: Math.round(
|
|
175
|
+
color: V,
|
|
176
|
+
fontSize: Math.round(O * .78),
|
|
177
177
|
transition: "font-size 200ms ease-out"
|
|
178
178
|
},
|
|
179
179
|
children: t.letter.charAt(0).toUpperCase()
|
|
180
|
-
}) : y === "person" && "firstName" in t ?
|
|
180
|
+
}) : y === "person" && "firstName" in t ? M(/* @__PURE__ */ L(w, {
|
|
181
181
|
avatar: {
|
|
182
182
|
type: "person",
|
|
183
183
|
firstName: t.firstName,
|
|
184
184
|
lastName: t.lastName,
|
|
185
185
|
src: t.src
|
|
186
186
|
},
|
|
187
|
-
size:
|
|
188
|
-
})) : y === "team" && "name" in t ?
|
|
187
|
+
size: A
|
|
188
|
+
})) : y === "team" && "name" in t ? M(/* @__PURE__ */ L(w, {
|
|
189
189
|
avatar: {
|
|
190
190
|
type: "team",
|
|
191
191
|
name: t.name,
|
|
192
192
|
src: t.src
|
|
193
193
|
},
|
|
194
|
-
size:
|
|
195
|
-
})) : y === "company" && "name" in t ?
|
|
194
|
+
size: A
|
|
195
|
+
})) : y === "company" && "name" in t ? M(/* @__PURE__ */ L(w, {
|
|
196
196
|
avatar: {
|
|
197
197
|
type: "company",
|
|
198
198
|
name: t.name,
|
|
199
199
|
src: t.src
|
|
200
200
|
},
|
|
201
|
-
size:
|
|
202
|
-
})) : y === "image" && "src" in t ? /* @__PURE__ */
|
|
201
|
+
size: A
|
|
202
|
+
})) : y === "image" && "src" in t ? /* @__PURE__ */ L("img", {
|
|
203
203
|
src: t.src,
|
|
204
204
|
alt: "alt" in t ? t.alt ?? "" : "",
|
|
205
205
|
className: "h-full w-full object-cover"
|
|
206
|
-
}) : null,
|
|
206
|
+
}) : null, te = y === "team" || y === "company" || y === "icon", ne = /* @__PURE__ */ L("span", {
|
|
207
207
|
className: "relative z-[1] flex shrink-0 items-center justify-center overflow-hidden border-solid transition-all duration-200 ease-out",
|
|
208
208
|
style: {
|
|
209
209
|
width: x.d,
|
|
210
210
|
height: x.d,
|
|
211
|
-
borderRadius:
|
|
211
|
+
borderRadius: te ? Math.round(x.d * .3) : 9999,
|
|
212
212
|
borderWidth: x.border,
|
|
213
|
-
borderColor:
|
|
214
|
-
backgroundColor:
|
|
213
|
+
borderColor: V,
|
|
214
|
+
backgroundColor: C ? _e(D) : V
|
|
215
215
|
},
|
|
216
|
-
children: y === "color" ? /* @__PURE__ */
|
|
216
|
+
children: y === "color" ? /* @__PURE__ */ L("span", {
|
|
217
217
|
className: "rounded-full transition-all duration-200 ease-out",
|
|
218
218
|
style: {
|
|
219
219
|
width: x.d * .36,
|
|
220
220
|
height: x.d * .36,
|
|
221
|
-
backgroundColor:
|
|
221
|
+
backgroundColor: V
|
|
222
222
|
}
|
|
223
|
-
}) :
|
|
224
|
-
}),
|
|
223
|
+
}) : N
|
|
224
|
+
}), re = /* @__PURE__ */ L(p, { children: s ? /* @__PURE__ */ L(l.svg, {
|
|
225
225
|
width: x.caretW,
|
|
226
226
|
height: x.caretH,
|
|
227
227
|
viewBox: "0 0 16 13",
|
|
@@ -230,7 +230,7 @@ var se = (e, t) => ({
|
|
|
230
230
|
style: {
|
|
231
231
|
top: x.d - x.caretOverlap - 3,
|
|
232
232
|
marginLeft: -x.caretW / 2,
|
|
233
|
-
fill:
|
|
233
|
+
fill: V,
|
|
234
234
|
transformOrigin: "50% 0%"
|
|
235
235
|
},
|
|
236
236
|
initial: {
|
|
@@ -245,84 +245,84 @@ var se = (e, t) => ({
|
|
|
245
245
|
scaleY: 0,
|
|
246
246
|
opacity: 0
|
|
247
247
|
},
|
|
248
|
-
transition:
|
|
248
|
+
transition: ee ? { duration: 0 } : {
|
|
249
249
|
duration: .18,
|
|
250
250
|
ease: "easeOut",
|
|
251
251
|
opacity: { duration: .1 }
|
|
252
252
|
},
|
|
253
|
-
children: /* @__PURE__ */
|
|
254
|
-
}, "caret") : null }),
|
|
253
|
+
children: /* @__PURE__ */ L("path", { d: "M0 0h16c-4.2 3-6.6 6.9-7.4 11.7a0.62 0.62 0 0 1-1.2 0C6.6 6.9 4.2 3 0 0Z" })
|
|
254
|
+
}, "caret") : null }), P = /* @__PURE__ */ R("span", {
|
|
255
255
|
className: "relative inline-flex",
|
|
256
|
-
style: { filter: `drop-shadow(0 ${x.shadowY}px ${x.shadowBlur / 2}px hsl(${
|
|
257
|
-
children: [
|
|
258
|
-
}),
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
`0 1px 2px ${
|
|
262
|
-
`0 -1px 2px ${
|
|
263
|
-
`1px 0 2px ${
|
|
264
|
-
`-1px 0 2px ${
|
|
265
|
-
].join(","),
|
|
256
|
+
style: { filter: `drop-shadow(0 ${x.shadowY}px ${x.shadowBlur / 2}px hsl(${be} / 0.3))` },
|
|
257
|
+
children: [re, ne]
|
|
258
|
+
}), F = xe[i], I = x.d / 2, ae = B, oe = s ? Ce() : -I, se = s ? "bottom" : f, ce = `0 0 ${Math.max(2, Math.round(F.label * .28))}px ${V}`, le = [
|
|
259
|
+
ce,
|
|
260
|
+
ce,
|
|
261
|
+
`0 1px 2px ${V}`,
|
|
262
|
+
`0 -1px 2px ${V}`,
|
|
263
|
+
`1px 0 2px ${V}`,
|
|
264
|
+
`-1px 0 2px ${V}`
|
|
265
|
+
].join(","), ue = !s && (se === "top" || se === "bottom"), de = ue ? "line-clamp-4 text-center" : s ? "whitespace-nowrap text-center" : "whitespace-nowrap", fe = F.d / 2, pe = {
|
|
266
266
|
right: {
|
|
267
|
-
transform: `translate(${
|
|
268
|
-
style: { paddingLeft:
|
|
267
|
+
transform: `translate(${fe}px, -50%)`,
|
|
268
|
+
style: { paddingLeft: F.gap }
|
|
269
269
|
},
|
|
270
270
|
left: {
|
|
271
|
-
transform: `translate(calc(-100% - ${
|
|
271
|
+
transform: `translate(calc(-100% - ${fe}px), -50%)`,
|
|
272
272
|
style: {
|
|
273
|
-
paddingRight:
|
|
273
|
+
paddingRight: F.gap,
|
|
274
274
|
textAlign: "right"
|
|
275
275
|
}
|
|
276
276
|
},
|
|
277
277
|
top: {
|
|
278
|
-
transform: `translate(-50%, calc(-100% - ${
|
|
279
|
-
style: { paddingBottom:
|
|
278
|
+
transform: `translate(-50%, calc(-100% - ${fe}px))`,
|
|
279
|
+
style: { paddingBottom: F.gap }
|
|
280
280
|
},
|
|
281
281
|
bottom: {
|
|
282
|
-
transform: `translate(-50%, ${s ?
|
|
283
|
-
style: { paddingTop:
|
|
282
|
+
transform: `translate(-50%, ${s ? ae : fe}px)`,
|
|
283
|
+
style: { paddingTop: F.gap + (s ? 4 : 0) }
|
|
284
284
|
}
|
|
285
|
-
}[
|
|
286
|
-
className: a("absolute left-0 top-0 font-semibold leading-tight transition-all duration-200 ease-out",
|
|
285
|
+
}[se], me = u && d && !c && /* @__PURE__ */ L("span", {
|
|
286
|
+
className: a("absolute left-0 top-0 font-semibold leading-tight transition-all duration-200 ease-out", de),
|
|
287
287
|
style: {
|
|
288
|
-
color: `hsl(${
|
|
289
|
-
fontSize:
|
|
290
|
-
textShadow:
|
|
291
|
-
transform:
|
|
292
|
-
maxWidth:
|
|
293
|
-
...
|
|
288
|
+
color: `hsl(${ve[D]})`,
|
|
289
|
+
fontSize: F.label,
|
|
290
|
+
textShadow: le,
|
|
291
|
+
transform: pe.transform,
|
|
292
|
+
maxWidth: ue ? F.maxLabelW : void 0,
|
|
293
|
+
...pe.style
|
|
294
294
|
},
|
|
295
295
|
children: u
|
|
296
|
-
}),
|
|
296
|
+
}), he = /* @__PURE__ */ L("span", {
|
|
297
297
|
"aria-hidden": !0,
|
|
298
298
|
className: "absolute left-0 top-0 rounded-full border-solid transition-all duration-200 ease-out",
|
|
299
299
|
style: {
|
|
300
|
-
width:
|
|
301
|
-
height:
|
|
300
|
+
width: ae * 2,
|
|
301
|
+
height: ae * 2,
|
|
302
302
|
marginLeft: -5.6,
|
|
303
303
|
marginTop: -5.6,
|
|
304
304
|
borderWidth: 1.5,
|
|
305
|
-
borderColor:
|
|
306
|
-
backgroundColor:
|
|
307
|
-
boxShadow: `0 1px 2px hsl(${
|
|
305
|
+
borderColor: V,
|
|
306
|
+
backgroundColor: _e(D),
|
|
307
|
+
boxShadow: `0 1px 2px hsl(${be} / 0.3)`,
|
|
308
308
|
transform: `scale(${s || c ? 1 : 0})`,
|
|
309
309
|
opacity: s || c ? 1 : 0
|
|
310
310
|
}
|
|
311
|
-
}),
|
|
312
|
-
|
|
313
|
-
/* @__PURE__ */
|
|
311
|
+
}), ge = /* @__PURE__ */ R(ie, { children: [
|
|
312
|
+
he,
|
|
313
|
+
/* @__PURE__ */ L("span", {
|
|
314
314
|
className: "absolute left-0 top-0 transition-all duration-200 ease-out",
|
|
315
315
|
style: {
|
|
316
|
-
transform: `translate(-50%, ${
|
|
316
|
+
transform: `translate(-50%, ${oe}px) scale(${+!c})`,
|
|
317
317
|
opacity: +!c
|
|
318
318
|
},
|
|
319
|
-
children:
|
|
319
|
+
children: P
|
|
320
320
|
}),
|
|
321
|
-
|
|
321
|
+
me
|
|
322
322
|
] });
|
|
323
|
-
return /* @__PURE__ */
|
|
323
|
+
return /* @__PURE__ */ L(r, {
|
|
324
324
|
dataTestId: _,
|
|
325
|
-
children:
|
|
325
|
+
children: S ? /* @__PURE__ */ L("button", {
|
|
326
326
|
ref: n,
|
|
327
327
|
type: "button",
|
|
328
328
|
...g ? {
|
|
@@ -334,112 +334,112 @@ var se = (e, t) => ({
|
|
|
334
334
|
},
|
|
335
335
|
onClick: m,
|
|
336
336
|
className: a("relative inline-flex cursor-pointer border-0 bg-transparent p-0", "transition-transform duration-150 hover:scale-[1.05]", o("rounded-full"), v),
|
|
337
|
-
children:
|
|
338
|
-
}) : /* @__PURE__ */
|
|
337
|
+
children: ge
|
|
338
|
+
}) : /* @__PURE__ */ L("span", {
|
|
339
339
|
role: "img",
|
|
340
340
|
"aria-label": h,
|
|
341
341
|
className: a("relative inline-flex", v),
|
|
342
|
-
children:
|
|
342
|
+
children: ge
|
|
343
343
|
})
|
|
344
344
|
});
|
|
345
345
|
});
|
|
346
|
-
|
|
347
|
-
var
|
|
346
|
+
H.displayName = "BaseMapMarker";
|
|
347
|
+
var we = H, U = (e, t) => `hsl(${ye(e, t).replace(/ /g, ", ")})`, Te = (e, t) => ({
|
|
348
348
|
id: e.id,
|
|
349
|
-
ring:
|
|
350
|
-
color: e.color ??
|
|
349
|
+
ring: me(e.center, e.radiusMeters),
|
|
350
|
+
color: e.color ?? U(e.variant ?? "malibu", t),
|
|
351
351
|
fillOpacity: .15,
|
|
352
352
|
strokeWidth: 2
|
|
353
|
-
}),
|
|
354
|
-
let r =
|
|
355
|
-
return
|
|
353
|
+
}), Ee = ({ adapter: e, areas: t, isDark: n }) => {
|
|
354
|
+
let r = P(() => t.map((e) => Te(e, n)), [t, n]);
|
|
355
|
+
return N(function() {
|
|
356
356
|
e.setAreas(r);
|
|
357
|
-
}, [e, r]),
|
|
357
|
+
}, [e, r]), N(function() {
|
|
358
358
|
return () => e.setAreas([]);
|
|
359
359
|
}, [e]), null;
|
|
360
|
-
},
|
|
360
|
+
}, De = {
|
|
361
361
|
background: "transparent",
|
|
362
362
|
border: "default",
|
|
363
363
|
borderStyle: "solid",
|
|
364
364
|
borderColor: "secondary"
|
|
365
|
-
},
|
|
365
|
+
}, W = {
|
|
366
366
|
control: "md",
|
|
367
367
|
panel: "xl"
|
|
368
|
-
},
|
|
368
|
+
}, Oe = {
|
|
369
369
|
md: "rounded-md backdrop-blur-md bg-f1-background-inverse-secondary dark:bg-f1-background-tertiary",
|
|
370
370
|
xl: "rounded-xl backdrop-blur-md bg-f1-background-inverse-secondary dark:bg-f1-background-tertiary"
|
|
371
|
-
},
|
|
371
|
+
}, ke = (e) => Oe[e], G = {
|
|
372
372
|
inset: 8,
|
|
373
373
|
gap: 8,
|
|
374
374
|
listWidth: 214,
|
|
375
375
|
detailWidth: 344,
|
|
376
376
|
toggleSize: 38
|
|
377
|
-
},
|
|
377
|
+
}, Ae = "cubic-bezier(0.77, 0, 0.175, 1)", K = {
|
|
378
378
|
enter: {
|
|
379
379
|
duration: "175ms",
|
|
380
|
-
easing:
|
|
380
|
+
easing: Ae
|
|
381
381
|
},
|
|
382
382
|
exit: {
|
|
383
383
|
duration: "250ms",
|
|
384
|
-
easing:
|
|
384
|
+
easing: Ae
|
|
385
385
|
}
|
|
386
|
-
},
|
|
387
|
-
className:
|
|
388
|
-
children: /* @__PURE__ */
|
|
389
|
-
...
|
|
390
|
-
borderRadius:
|
|
386
|
+
}, je = ({ children: e }) => /* @__PURE__ */ L("div", {
|
|
387
|
+
className: ke(W.control),
|
|
388
|
+
children: /* @__PURE__ */ L(S, {
|
|
389
|
+
...De,
|
|
390
|
+
borderRadius: W.control,
|
|
391
391
|
padding: "none",
|
|
392
|
-
children: /* @__PURE__ */
|
|
392
|
+
children: /* @__PURE__ */ L("div", {
|
|
393
393
|
className: "flex flex-col items-center gap-1 p-0.5",
|
|
394
394
|
children: e
|
|
395
395
|
})
|
|
396
396
|
})
|
|
397
|
-
}),
|
|
398
|
-
let l = i(), u = !!(a || n), d = !!(e || t), p = (e) => /* @__PURE__ */
|
|
399
|
-
return /* @__PURE__ */
|
|
397
|
+
}), Me = A(({ onZoomIn: e, onZoomOut: t, onFit: n, onLocate: a, labels: o, dataTestId: s }, c) => {
|
|
398
|
+
let l = i(), u = !!(a || n), d = !!(e || t), p = (e) => /* @__PURE__ */ L(je, { children: e });
|
|
399
|
+
return /* @__PURE__ */ L(r, {
|
|
400
400
|
dataTestId: s,
|
|
401
|
-
children: /* @__PURE__ */
|
|
401
|
+
children: /* @__PURE__ */ R("div", {
|
|
402
402
|
ref: c,
|
|
403
403
|
role: "toolbar",
|
|
404
404
|
"aria-orientation": "vertical",
|
|
405
405
|
"aria-label": l.map.navigation,
|
|
406
406
|
className: "flex flex-col items-center gap-2",
|
|
407
|
-
children: [u ? p(/* @__PURE__ */
|
|
407
|
+
children: [u ? p(/* @__PURE__ */ R(ie, { children: [n ? /* @__PURE__ */ L(f, {
|
|
408
408
|
variant: "ghost",
|
|
409
409
|
size: "md",
|
|
410
410
|
label: o?.fit ?? l.map.controls.fit,
|
|
411
411
|
icon: y,
|
|
412
412
|
hideLabel: !0,
|
|
413
413
|
onClick: n
|
|
414
|
-
}) : null, a ? /* @__PURE__ */
|
|
414
|
+
}) : null, a ? /* @__PURE__ */ L(f, {
|
|
415
415
|
variant: "ghost",
|
|
416
416
|
size: "md",
|
|
417
417
|
label: o?.locate ?? l.map.controls.locate,
|
|
418
418
|
icon: _,
|
|
419
419
|
hideLabel: !0,
|
|
420
420
|
onClick: a
|
|
421
|
-
}) : null] })) : null, d ? p(/* @__PURE__ */
|
|
421
|
+
}) : null] })) : null, d ? p(/* @__PURE__ */ R(ie, { children: [e ? /* @__PURE__ */ L(f, {
|
|
422
422
|
variant: "ghost",
|
|
423
423
|
size: "md",
|
|
424
424
|
label: o?.zoomIn ?? l.map.controls.zoomIn,
|
|
425
|
-
icon:
|
|
425
|
+
icon: x,
|
|
426
426
|
hideLabel: !0,
|
|
427
427
|
onClick: e
|
|
428
|
-
}) : null, t ? /* @__PURE__ */
|
|
428
|
+
}) : null, t ? /* @__PURE__ */ L(f, {
|
|
429
429
|
variant: "ghost",
|
|
430
430
|
size: "md",
|
|
431
431
|
label: o?.zoomOut ?? l.map.controls.zoomOut,
|
|
432
|
-
icon:
|
|
432
|
+
icon: C,
|
|
433
433
|
hideLabel: !0,
|
|
434
434
|
onClick: t
|
|
435
435
|
}) : null] })) : null]
|
|
436
436
|
})
|
|
437
437
|
});
|
|
438
438
|
});
|
|
439
|
-
|
|
439
|
+
Me.displayName = "F0MapControls";
|
|
440
440
|
//#endregion
|
|
441
441
|
//#region src/addons/map/F0Map/components/F0MapList/F0MapList.tsx
|
|
442
|
-
var
|
|
442
|
+
var q = (e, t) => {
|
|
443
443
|
if (e.label) return e.label;
|
|
444
444
|
switch (e.variant) {
|
|
445
445
|
case "employee": return `${e.firstName} ${e.lastName}`.trim();
|
|
@@ -447,41 +447,41 @@ var K = (e, t) => {
|
|
|
447
447
|
case "stop": return e.letter.charAt(0).toUpperCase();
|
|
448
448
|
default: return t;
|
|
449
449
|
}
|
|
450
|
-
},
|
|
450
|
+
}, Ne = A(function({ points: e, selectedId: t, onSelect: n, visible: o = !1, label: s, id: c, dataTestId: l, className: u }, d) {
|
|
451
451
|
let f = i(), p = s ?? f.map.listLabel;
|
|
452
|
-
return /* @__PURE__ */
|
|
452
|
+
return /* @__PURE__ */ L(r, {
|
|
453
453
|
dataTestId: l,
|
|
454
|
-
children: /* @__PURE__ */
|
|
454
|
+
children: /* @__PURE__ */ R("nav", {
|
|
455
455
|
ref: d,
|
|
456
456
|
id: c,
|
|
457
457
|
"aria-label": p,
|
|
458
458
|
tabIndex: -1,
|
|
459
459
|
className: a("outline-none", o ? "absolute inset-0 z-20 overflow-auto bg-f1-background p-4" : "sr-only", u),
|
|
460
|
-
children: [o ? /* @__PURE__ */
|
|
460
|
+
children: [o ? /* @__PURE__ */ L("h2", {
|
|
461
461
|
className: "text-f1-foreground mb-2 text-base font-medium",
|
|
462
462
|
children: p
|
|
463
|
-
}) : null, /* @__PURE__ */
|
|
463
|
+
}) : null, /* @__PURE__ */ L("ul", {
|
|
464
464
|
className: o ? "flex flex-col gap-0.5" : void 0,
|
|
465
|
-
children: e.map((e) => /* @__PURE__ */
|
|
465
|
+
children: e.map((e) => /* @__PURE__ */ L("li", { children: /* @__PURE__ */ L("button", {
|
|
466
466
|
type: "button",
|
|
467
467
|
"aria-current": e.id === t || void 0,
|
|
468
468
|
onClick: () => n(e.id),
|
|
469
469
|
className: a("w-full text-left", o && "text-f1-foreground hover:bg-f1-background-hover aria-[current=true]:bg-f1-background-selected rounded-md px-3 py-2 text-sm"),
|
|
470
|
-
children:
|
|
470
|
+
children: q(e, f.map.unnamedLocation)
|
|
471
471
|
}) }, e.id))
|
|
472
472
|
})]
|
|
473
473
|
})
|
|
474
474
|
});
|
|
475
475
|
});
|
|
476
|
-
|
|
476
|
+
Ne.displayName = "F0MapList";
|
|
477
477
|
//#endregion
|
|
478
478
|
//#region src/addons/map/F0Map/hooks/useClusters.ts
|
|
479
|
-
var
|
|
480
|
-
let [a, o] =
|
|
479
|
+
var Pe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i = 164 }) => {
|
|
480
|
+
let [a, o] = I({
|
|
481
481
|
clusters: [],
|
|
482
482
|
singles: t
|
|
483
483
|
});
|
|
484
|
-
return
|
|
484
|
+
return N(() => {
|
|
485
485
|
if (!e || !n) {
|
|
486
486
|
o({
|
|
487
487
|
clusters: [],
|
|
@@ -556,13 +556,13 @@ var Fe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
|
|
|
556
556
|
r,
|
|
557
557
|
i
|
|
558
558
|
]), a;
|
|
559
|
-
},
|
|
559
|
+
}, Fe = 4, Ie = 4, Le = [
|
|
560
560
|
"right",
|
|
561
561
|
"bottom",
|
|
562
562
|
"left",
|
|
563
563
|
"top"
|
|
564
|
-
],
|
|
565
|
-
let a =
|
|
564
|
+
], Re = 1.7, ze = (e, t) => e.x < t.x + t.w && e.x + e.w > t.x && e.y < t.y + t.h && e.y + e.h > t.y, J = null, Be = (e, t) => (!J && typeof document < "u" && (J = document.createElement("canvas").getContext("2d")), J ? (J.font = `600 ${t}px Inter, system-ui, sans-serif`, J.measureText(e).width) : e.length * t * .55), Ve = ({ placement: e, cx: t, cy: n, point: r, size: i }) => {
|
|
565
|
+
let a = z(i), o = Be(r.label ?? "", a.label) + 2, s = a.d / 2;
|
|
566
566
|
if (e === "right" || e === "left") {
|
|
567
567
|
let r = o, i = a.lineH;
|
|
568
568
|
return {
|
|
@@ -572,22 +572,22 @@ var Fe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
|
|
|
572
572
|
h: i
|
|
573
573
|
};
|
|
574
574
|
}
|
|
575
|
-
let c = Math.min(o, a.maxLabelW), l = Math.min(Math.ceil(o / a.maxLabelW),
|
|
575
|
+
let c = Math.min(o, a.maxLabelW), l = Math.min(Math.ceil(o / a.maxLabelW), Ie) * a.lineH, u = a.gap + Fe, d = e === "bottom" ? n + s + u : n - s - a.gap - l;
|
|
576
576
|
return {
|
|
577
577
|
x: t - c / 2,
|
|
578
578
|
y: d,
|
|
579
579
|
w: c,
|
|
580
580
|
h: l
|
|
581
581
|
};
|
|
582
|
-
},
|
|
583
|
-
let [r, i] =
|
|
584
|
-
return
|
|
582
|
+
}, He = (e, t, n = "md") => {
|
|
583
|
+
let [r, i] = I({});
|
|
584
|
+
return N(() => {
|
|
585
585
|
if (!e) {
|
|
586
586
|
i({});
|
|
587
587
|
return;
|
|
588
588
|
}
|
|
589
589
|
let r = 0, a = () => {
|
|
590
|
-
let r =
|
|
590
|
+
let r = z(n).d, a = [], o = [];
|
|
591
591
|
for (let n of t) {
|
|
592
592
|
let t = e.project(n.coordinates);
|
|
593
593
|
if (!t) return;
|
|
@@ -604,7 +604,7 @@ var Fe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
|
|
|
604
604
|
let s = t.length, c = Array.from({ length: s }, (e, t) => t), l = (e) => {
|
|
605
605
|
for (; c[e] !== e;) e = c[e] = c[c[e]];
|
|
606
606
|
return e;
|
|
607
|
-
}, u = (r *
|
|
607
|
+
}, u = (r * Re) ** 2;
|
|
608
608
|
for (let e = 0; e < s; e++) for (let t = e + 1; t < s; t++) {
|
|
609
609
|
let n = o[e].x - o[t].x, r = o[e].y - o[t].y;
|
|
610
610
|
if (n * n + r * r <= u) {
|
|
@@ -616,15 +616,15 @@ var Fe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
|
|
|
616
616
|
for (let e = 0; e < s; e++) {
|
|
617
617
|
let r = t[e];
|
|
618
618
|
if (!r.label) continue;
|
|
619
|
-
let i = o[e], s = "right", c = [s, ...
|
|
619
|
+
let i = o[e], s = "right", c = [s, ...Le.filter((e) => e !== s)], l = null;
|
|
620
620
|
for (let e of c) {
|
|
621
|
-
let t =
|
|
621
|
+
let t = Ve({
|
|
622
622
|
placement: e,
|
|
623
623
|
cx: i.x,
|
|
624
624
|
cy: i.y,
|
|
625
625
|
point: r,
|
|
626
626
|
size: n
|
|
627
|
-
}), o = a.some((e) =>
|
|
627
|
+
}), o = a.some((e) => ze(t, e)), s = f.some((e) => ze(t, e));
|
|
628
628
|
if (!o && !s) {
|
|
629
629
|
l = e, f.push(t);
|
|
630
630
|
break;
|
|
@@ -656,19 +656,19 @@ var Fe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
|
|
|
656
656
|
t,
|
|
657
657
|
n
|
|
658
658
|
]), r;
|
|
659
|
-
},
|
|
660
|
-
let a =
|
|
659
|
+
}, Ue = 3, We = ({ adapter: e, el: t, markerRef: n, coordinates: r, drag: i }) => {
|
|
660
|
+
let a = F({
|
|
661
661
|
coordinates: r,
|
|
662
662
|
drag: i
|
|
663
663
|
});
|
|
664
|
-
|
|
664
|
+
re(function() {
|
|
665
665
|
a.current = {
|
|
666
666
|
coordinates: r,
|
|
667
667
|
drag: i
|
|
668
668
|
};
|
|
669
669
|
});
|
|
670
670
|
let o = !!i;
|
|
671
|
-
|
|
671
|
+
N(function() {
|
|
672
672
|
if (!o) return;
|
|
673
673
|
let r = null, i = !1, s = null, c = (t) => r ? e.unproject({
|
|
674
674
|
x: r.at.x + t.clientX - r.x,
|
|
@@ -683,7 +683,7 @@ var Fe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
|
|
|
683
683
|
}, u = (e) => {
|
|
684
684
|
if (!r) return;
|
|
685
685
|
let t = Math.hypot(e.clientX - r.x, e.clientY - r.y);
|
|
686
|
-
!i && t <
|
|
686
|
+
!i && t < Ue || (i = !0, s = c(e), s && (n.current?.setPosition(s), a.current.drag?.onDrag?.(s)));
|
|
687
687
|
}, d = (e) => {
|
|
688
688
|
t.releasePointerCapture?.(e.pointerId), t.style.setProperty("cursor", "grab"), r = null;
|
|
689
689
|
}, f = () => n.current?.setPosition(a.current.coordinates), p = (e) => {
|
|
@@ -702,9 +702,9 @@ var Fe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
|
|
|
702
702
|
n,
|
|
703
703
|
o
|
|
704
704
|
]);
|
|
705
|
-
},
|
|
706
|
-
let [n, r] =
|
|
707
|
-
return
|
|
705
|
+
}, Y = (e, t) => {
|
|
706
|
+
let [n, r] = I(() => e ? e.getZoom() >= t : !1);
|
|
707
|
+
return N(() => {
|
|
708
708
|
if (!e) {
|
|
709
709
|
r(!1);
|
|
710
710
|
return;
|
|
@@ -712,13 +712,13 @@ var Fe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
|
|
|
712
712
|
let n = () => r(e.getZoom() >= t);
|
|
713
713
|
return n(), e.on("zoom", n);
|
|
714
714
|
}, [e, t]), n;
|
|
715
|
-
},
|
|
715
|
+
}, Ge = [
|
|
716
716
|
"default",
|
|
717
717
|
"workplace",
|
|
718
718
|
"employee",
|
|
719
719
|
"company",
|
|
720
720
|
"stop"
|
|
721
|
-
],
|
|
721
|
+
], Ke = "malibu", qe = "radical", Je = (e) => {
|
|
722
722
|
switch (e.variant) {
|
|
723
723
|
case "employee": return { variant: {
|
|
724
724
|
variant: "person",
|
|
@@ -736,20 +736,20 @@ var Fe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
|
|
|
736
736
|
variant: "icon",
|
|
737
737
|
icon: g
|
|
738
738
|
},
|
|
739
|
-
color:
|
|
739
|
+
color: Ke
|
|
740
740
|
};
|
|
741
741
|
case "stop": return {
|
|
742
742
|
variant: {
|
|
743
743
|
variant: "letter",
|
|
744
744
|
letter: e.letter
|
|
745
745
|
},
|
|
746
|
-
color:
|
|
746
|
+
color: qe
|
|
747
747
|
};
|
|
748
748
|
default: return { variant: { variant: "color" } };
|
|
749
749
|
}
|
|
750
|
-
},
|
|
751
|
-
let { variant: n, color: r } =
|
|
752
|
-
return /* @__PURE__ */
|
|
750
|
+
}, Ye = A(function(e, t) {
|
|
751
|
+
let { variant: n, color: r } = Je(e);
|
|
752
|
+
return /* @__PURE__ */ L(we, {
|
|
753
753
|
ref: t,
|
|
754
754
|
...n,
|
|
755
755
|
color: r,
|
|
@@ -766,8 +766,8 @@ var Fe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
|
|
|
766
766
|
className: e.className
|
|
767
767
|
});
|
|
768
768
|
});
|
|
769
|
-
|
|
770
|
-
var
|
|
769
|
+
Ye.displayName = "F0MapMarker";
|
|
770
|
+
var X = Ye, Xe = 4, Ze = 3, Qe = 1.3, $e = 1.08, Z = "cubic-bezier(0.16, 1, 0.3, 1)", et = 72, tt = {
|
|
771
771
|
1: [[0, 0]],
|
|
772
772
|
2: [[-8, 0], [8, 0]],
|
|
773
773
|
3: [
|
|
@@ -781,17 +781,17 @@ var Y = Xe, Ze = 4, Qe = 3, $e = 1.3, et = 1.08, X = "cubic-bezier(0.16, 1, 0.3,
|
|
|
781
781
|
[-8, 8],
|
|
782
782
|
[8, 8]
|
|
783
783
|
]
|
|
784
|
-
},
|
|
785
|
-
let u = i(), [d, f] =
|
|
784
|
+
}, nt = A(function({ count: e, members: t, onClick: n, ariaLabel: o, dataTestId: s, className: c }, l) {
|
|
785
|
+
let u = i(), [d, f] = I(!1), p = t.slice(0, e <= Xe ? Xe : Ze), m = Math.max(0, e - p.length), h = m > 0, g = m > 99 ? "+99" : `+${m}`, _ = tt[p.length + +!!h] ?? tt[4], v = d ? Qe : 1, y = d ? $e : 1, b = (e) => {
|
|
786
786
|
let [t, n] = _[e] ?? [0, 0];
|
|
787
787
|
return {
|
|
788
788
|
transform: `translate(${t * v}px, ${n * v}px) scale(${y})`,
|
|
789
|
-
transition: `transform 240ms ${
|
|
789
|
+
transition: `transform 240ms ${Z}`
|
|
790
790
|
};
|
|
791
791
|
};
|
|
792
|
-
return /* @__PURE__ */
|
|
792
|
+
return /* @__PURE__ */ L(r, {
|
|
793
793
|
dataTestId: s,
|
|
794
|
-
children: /* @__PURE__ */
|
|
794
|
+
children: /* @__PURE__ */ R("div", {
|
|
795
795
|
ref: l,
|
|
796
796
|
role: "button",
|
|
797
797
|
tabIndex: 0,
|
|
@@ -806,41 +806,41 @@ var Y = Xe, Ze = 4, Qe = 3, $e = 1.3, et = 1.08, X = "cubic-bezier(0.16, 1, 0.3,
|
|
|
806
806
|
onBlur: () => f(!1),
|
|
807
807
|
className: a("group relative h-0 w-0 cursor-pointer outline-none", c),
|
|
808
808
|
children: [
|
|
809
|
-
/* @__PURE__ */
|
|
809
|
+
/* @__PURE__ */ L("span", {
|
|
810
810
|
"aria-hidden": !0,
|
|
811
811
|
className: "absolute rounded-lg group-focus-visible:ring-1 group-focus-visible:ring-f1-special-ring group-focus-visible:ring-offset-1",
|
|
812
812
|
style: {
|
|
813
813
|
left: -36,
|
|
814
814
|
top: -36,
|
|
815
|
-
width:
|
|
816
|
-
height:
|
|
815
|
+
width: et,
|
|
816
|
+
height: et
|
|
817
817
|
}
|
|
818
818
|
}),
|
|
819
|
-
p.map((e, t) => /* @__PURE__ */
|
|
819
|
+
p.map((e, t) => /* @__PURE__ */ L("span", {
|
|
820
820
|
className: "absolute left-0 top-0 flex leading-none",
|
|
821
821
|
style: {
|
|
822
822
|
zIndex: t,
|
|
823
823
|
...b(t)
|
|
824
824
|
},
|
|
825
|
-
children: /* @__PURE__ */
|
|
825
|
+
children: /* @__PURE__ */ L(X, {
|
|
826
826
|
...e,
|
|
827
827
|
showLabel: !1
|
|
828
828
|
})
|
|
829
829
|
}, t)),
|
|
830
830
|
h ? (() => {
|
|
831
831
|
let [e, t] = _[p.length] ?? [0, 0];
|
|
832
|
-
return /* @__PURE__ */
|
|
832
|
+
return /* @__PURE__ */ R("span", {
|
|
833
833
|
className: a("absolute left-0 top-0 flex h-6 min-w-6 items-center justify-center overflow-hidden rounded-full px-1.5", "border border-solid border-f1-border-secondary", "text-f1-foreground-secondary text-sm font-medium leading-none"),
|
|
834
834
|
style: {
|
|
835
|
-
zIndex:
|
|
835
|
+
zIndex: Ze,
|
|
836
836
|
backgroundColor: "hsl(var(--white-90))",
|
|
837
837
|
transform: `translate(${e * v}px, ${t * v}px) translate(-50%, -50%) scale(${y})`,
|
|
838
|
-
transition: `transform 240ms ${
|
|
838
|
+
transition: `transform 240ms ${Z}`
|
|
839
839
|
},
|
|
840
|
-
children: [/* @__PURE__ */
|
|
840
|
+
children: [/* @__PURE__ */ L("span", {
|
|
841
841
|
"aria-hidden": !0,
|
|
842
842
|
className: "absolute inset-0 bg-f1-background-hover"
|
|
843
|
-
}), /* @__PURE__ */
|
|
843
|
+
}), /* @__PURE__ */ L("span", {
|
|
844
844
|
className: "relative",
|
|
845
845
|
children: g
|
|
846
846
|
})]
|
|
@@ -850,18 +850,18 @@ var Y = Xe, Ze = 4, Qe = 3, $e = 1.3, et = 1.08, X = "cubic-bezier(0.16, 1, 0.3,
|
|
|
850
850
|
})
|
|
851
851
|
});
|
|
852
852
|
});
|
|
853
|
-
|
|
854
|
-
var
|
|
853
|
+
nt.displayName = "F0MapCluster";
|
|
854
|
+
var Q = nt, rt = 16, $ = (e, t, n, r) => {
|
|
855
855
|
let i = e.project(t.coordinates);
|
|
856
856
|
if (!i) return null;
|
|
857
|
-
let a =
|
|
857
|
+
let a = z("xl"), o = z(r), s = i.y + Ce(), c = {
|
|
858
858
|
x: i.x - a.d / 2,
|
|
859
859
|
y: s,
|
|
860
860
|
w: a.d,
|
|
861
861
|
h: a.d
|
|
862
|
-
}, l = t.label ?
|
|
862
|
+
}, l = t.label ? Be(t.label, o.label) : 0, u = {
|
|
863
863
|
x: i.x - l / 2,
|
|
864
|
-
y: i.y +
|
|
864
|
+
y: i.y + B,
|
|
865
865
|
w: l,
|
|
866
866
|
h: o.lineH
|
|
867
867
|
}, d = o.d, f = /* @__PURE__ */ new Set();
|
|
@@ -874,18 +874,18 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
|
|
|
874
874
|
w: d,
|
|
875
875
|
h: d
|
|
876
876
|
};
|
|
877
|
-
(
|
|
877
|
+
(ze(r, c) || l > 0 && ze(r, u)) && f.add(t.id);
|
|
878
878
|
}
|
|
879
879
|
return f;
|
|
880
|
-
},
|
|
881
|
-
let [i, a] =
|
|
882
|
-
return
|
|
880
|
+
}, it = (e, t, n, r) => {
|
|
881
|
+
let [i, a] = I(null);
|
|
882
|
+
return N(() => {
|
|
883
883
|
if (!t || !n.some((e) => e.id === t.id)) {
|
|
884
884
|
a(null);
|
|
885
885
|
return;
|
|
886
886
|
}
|
|
887
887
|
let i = 0, o = () => {
|
|
888
|
-
let i =
|
|
888
|
+
let i = $(e, t, n.filter((e) => e.id !== t.id), r);
|
|
889
889
|
i && a((e) => e !== null && e.size === i.size && [...i].every((t) => e.has(t)) ? e : i);
|
|
890
890
|
}, s = () => {
|
|
891
891
|
cancelAnimationFrame(i), i = requestAnimationFrame(o);
|
|
@@ -901,35 +901,35 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
|
|
|
901
901
|
n,
|
|
902
902
|
r
|
|
903
903
|
]), i;
|
|
904
|
-
},
|
|
904
|
+
}, at = (e) => {
|
|
905
905
|
let { id: t, coordinates: n, label: r, draggable: i, ...a } = e;
|
|
906
906
|
return a;
|
|
907
|
-
},
|
|
908
|
-
let [a] =
|
|
909
|
-
return
|
|
907
|
+
}, ot = ({ adapter: e, coordinates: t, selected: n, drag: r, children: i }) => {
|
|
908
|
+
let [a] = I(() => document.createElement("div")), o = F(null);
|
|
909
|
+
return N(() => {
|
|
910
910
|
let n = (e) => e.stopPropagation();
|
|
911
911
|
a.style.cursor = "pointer", a.addEventListener("click", n);
|
|
912
912
|
let r = e.addDomMarker(a, t);
|
|
913
913
|
return o.current = r, () => {
|
|
914
914
|
a.removeEventListener("click", n), r.remove(), o.current = null;
|
|
915
915
|
};
|
|
916
|
-
}, [e, a]),
|
|
916
|
+
}, [e, a]), N(() => {
|
|
917
917
|
o.current?.setPosition(t);
|
|
918
|
-
}, [t]),
|
|
918
|
+
}, [t]), We({
|
|
919
919
|
adapter: e,
|
|
920
920
|
el: a,
|
|
921
921
|
markerRef: o,
|
|
922
922
|
coordinates: t,
|
|
923
923
|
drag: r
|
|
924
|
-
}),
|
|
924
|
+
}), N(() => {
|
|
925
925
|
a.style.zIndex = n ? "2" : "";
|
|
926
|
-
}, [a, n]),
|
|
926
|
+
}, [a, n]), ae(i, a);
|
|
927
927
|
}, st = ({ adapter: e, points: t, selectedId: n, highlightedId: r, onSelect: a, onMarkerDrag: o, onMarkerDragEnd: s, onClusterExpand: c }) => {
|
|
928
|
-
let u = i(), d = !!s, f =
|
|
928
|
+
let u = i(), d = !!s, f = P(() => d ? t.filter((e) => !e.draggable) : t, [t, d]), m = Pe({
|
|
929
929
|
adapter: e,
|
|
930
930
|
points: f,
|
|
931
931
|
enabled: !0
|
|
932
|
-
}), { clusters: h } = m, g =
|
|
932
|
+
}), { clusters: h } = m, g = P(() => {
|
|
933
933
|
if (f === t) return m.singles;
|
|
934
934
|
let e = new Set(m.singles);
|
|
935
935
|
return t.filter((t) => t.draggable || e.has(t));
|
|
@@ -937,12 +937,12 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
|
|
|
937
937
|
m.singles,
|
|
938
938
|
f,
|
|
939
939
|
t
|
|
940
|
-
]), _ =
|
|
941
|
-
return /* @__PURE__ */
|
|
940
|
+
]), _ = Y(e, rt) ? "lg" : "md", v = He(e, g, _), y = new Map(t.map((e) => [e.id, e])), b = h.length > 0, x = it(e, n ? y.get(n) : void 0, g, _);
|
|
941
|
+
return /* @__PURE__ */ R(p, { children: [h.map((t) => /* @__PURE__ */ L(ot, {
|
|
942
942
|
adapter: e,
|
|
943
943
|
coordinates: t.coordinates,
|
|
944
944
|
selected: !1,
|
|
945
|
-
children: /* @__PURE__ */
|
|
945
|
+
children: /* @__PURE__ */ L(l.span, {
|
|
946
946
|
initial: {
|
|
947
947
|
scale: .8,
|
|
948
948
|
opacity: 0
|
|
@@ -966,15 +966,15 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
|
|
|
966
966
|
]
|
|
967
967
|
},
|
|
968
968
|
className: "absolute left-0 top-0 flex leading-none",
|
|
969
|
-
children: /* @__PURE__ */
|
|
969
|
+
children: /* @__PURE__ */ L(Q, {
|
|
970
970
|
count: t.count,
|
|
971
|
-
members: t.pointIds.map((e) => y.get(e)).filter((e) => !!e).map(
|
|
971
|
+
members: t.pointIds.map((e) => y.get(e)).filter((e) => !!e).map(at),
|
|
972
972
|
onClick: () => c(t.bounds)
|
|
973
973
|
})
|
|
974
974
|
})
|
|
975
975
|
}, t.id)), g.map((t) => {
|
|
976
976
|
let i = v[t.id], c = x?.has(t.id) ?? !1, d = r === t.id;
|
|
977
|
-
return /* @__PURE__ */
|
|
977
|
+
return /* @__PURE__ */ L(ot, {
|
|
978
978
|
adapter: e,
|
|
979
979
|
coordinates: t.coordinates,
|
|
980
980
|
selected: n === t.id || d,
|
|
@@ -982,7 +982,7 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
|
|
|
982
982
|
onDrag: o && ((e) => o(t.id, e)),
|
|
983
983
|
onDragEnd: (e) => s(t.id, e)
|
|
984
984
|
} : void 0,
|
|
985
|
-
children: /* @__PURE__ */
|
|
985
|
+
children: /* @__PURE__ */ L(l.span, {
|
|
986
986
|
initial: { opacity: 0 },
|
|
987
987
|
animate: { opacity: 1 },
|
|
988
988
|
exit: {
|
|
@@ -997,9 +997,9 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
|
|
|
997
997
|
ease: "easeOut"
|
|
998
998
|
},
|
|
999
999
|
className: "absolute left-0 top-0",
|
|
1000
|
-
children: /* @__PURE__ */
|
|
1000
|
+
children: /* @__PURE__ */ L(p, {
|
|
1001
1001
|
initial: !1,
|
|
1002
|
-
children: /* @__PURE__ */
|
|
1002
|
+
children: /* @__PURE__ */ L(l.span, {
|
|
1003
1003
|
initial: { opacity: 0 },
|
|
1004
1004
|
animate: { opacity: 1 },
|
|
1005
1005
|
exit: { opacity: 0 },
|
|
@@ -1008,8 +1008,8 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
|
|
|
1008
1008
|
ease: "easeOut"
|
|
1009
1009
|
},
|
|
1010
1010
|
className: "absolute left-0 top-0 flex leading-none",
|
|
1011
|
-
children: /* @__PURE__ */
|
|
1012
|
-
...
|
|
1011
|
+
children: /* @__PURE__ */ L(X, {
|
|
1012
|
+
...at(t),
|
|
1013
1013
|
size: _,
|
|
1014
1014
|
label: t.label,
|
|
1015
1015
|
showLabel: n === t.id || d || !b && i !== null,
|
|
@@ -1025,8 +1025,8 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
|
|
|
1025
1025
|
})
|
|
1026
1026
|
}, t.id);
|
|
1027
1027
|
})] });
|
|
1028
|
-
}, ct = ({ children: e, open: t, offsetX: n, offsetY: o =
|
|
1029
|
-
let m = i(), h = d(), g = t ?
|
|
1028
|
+
}, ct = ({ children: e, open: t, offsetX: n, offsetY: o = G.inset, width: s, entrance: c = "slide", headerStart: l, headerEnd: u, ariaLabel: f, dataTestId: p }) => {
|
|
1029
|
+
let m = i(), h = d(), g = t ? K.enter : K.exit, _ = n - G.inset, v = F({
|
|
1030
1030
|
from: _,
|
|
1031
1031
|
to: _
|
|
1032
1032
|
});
|
|
@@ -1034,13 +1034,13 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
|
|
|
1034
1034
|
from: v.current.to,
|
|
1035
1035
|
to: _
|
|
1036
1036
|
});
|
|
1037
|
-
let y = _ > v.current.from ?
|
|
1038
|
-
return /* @__PURE__ */
|
|
1037
|
+
let y = _ > v.current.from ? K.enter : K.exit, b = c === "grow" ? "translateX(-10%) scale(0.97)" : `translateX(calc(-100% - ${G.inset}px))`;
|
|
1038
|
+
return /* @__PURE__ */ L(r, {
|
|
1039
1039
|
dataTestId: p,
|
|
1040
|
-
children: /* @__PURE__ */
|
|
1040
|
+
children: /* @__PURE__ */ L("div", {
|
|
1041
1041
|
className: "pointer-events-none absolute bottom-2 z-10",
|
|
1042
1042
|
style: {
|
|
1043
|
-
left:
|
|
1043
|
+
left: G.inset,
|
|
1044
1044
|
top: o,
|
|
1045
1045
|
width: s,
|
|
1046
1046
|
transform: `translateX(${_}px)`,
|
|
@@ -1048,13 +1048,13 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
|
|
|
1048
1048
|
transitionDuration: y.duration,
|
|
1049
1049
|
transitionTimingFunction: y.easing
|
|
1050
1050
|
},
|
|
1051
|
-
children: /* @__PURE__ */
|
|
1051
|
+
children: /* @__PURE__ */ L("div", {
|
|
1052
1052
|
role: "complementary",
|
|
1053
1053
|
"aria-label": f ?? m.map.panel,
|
|
1054
1054
|
ref: (e) => {
|
|
1055
1055
|
t ? e?.removeAttribute("inert") : e?.setAttribute("inert", "");
|
|
1056
1056
|
},
|
|
1057
|
-
className: a("relative h-full overflow-hidden text-base",
|
|
1057
|
+
className: a("relative h-full overflow-hidden text-base", ke(W.panel), t ? "pointer-events-auto" : "opacity-0"),
|
|
1058
1058
|
style: {
|
|
1059
1059
|
transform: t || h ? "translateX(0px) scale(1)" : b,
|
|
1060
1060
|
transformOrigin: c === "grow" ? "left center" : void 0,
|
|
@@ -1062,20 +1062,20 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
|
|
|
1062
1062
|
transitionDuration: g.duration,
|
|
1063
1063
|
transitionTimingFunction: g.easing
|
|
1064
1064
|
},
|
|
1065
|
-
children: /* @__PURE__ */
|
|
1066
|
-
...
|
|
1067
|
-
borderRadius:
|
|
1065
|
+
children: /* @__PURE__ */ L(S, {
|
|
1066
|
+
...De,
|
|
1067
|
+
borderRadius: W.panel,
|
|
1068
1068
|
padding: "none",
|
|
1069
1069
|
height: "full",
|
|
1070
|
-
children: /* @__PURE__ */
|
|
1070
|
+
children: /* @__PURE__ */ R("div", {
|
|
1071
1071
|
className: "flex h-full flex-col",
|
|
1072
|
-
children: [l || u ? /* @__PURE__ */
|
|
1072
|
+
children: [l || u ? /* @__PURE__ */ R("div", {
|
|
1073
1073
|
className: "flex shrink-0 items-center justify-between gap-1 p-0.5",
|
|
1074
|
-
children: [/* @__PURE__ */
|
|
1074
|
+
children: [/* @__PURE__ */ L("div", {
|
|
1075
1075
|
className: "flex min-w-0 flex-1 justify-start",
|
|
1076
1076
|
children: l
|
|
1077
1077
|
}), u]
|
|
1078
|
-
}) : null, /* @__PURE__ */
|
|
1078
|
+
}) : null, /* @__PURE__ */ L("div", {
|
|
1079
1079
|
className: "min-h-0 flex-1",
|
|
1080
1080
|
children: e
|
|
1081
1081
|
})]
|
|
@@ -1084,16 +1084,16 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
|
|
|
1084
1084
|
})
|
|
1085
1085
|
})
|
|
1086
1086
|
});
|
|
1087
|
-
}, lt = (e, t, n = 320) => Math.max(216, Math.min(n, e - t -
|
|
1087
|
+
}, lt = (e, t, n = 320) => Math.max(216, Math.min(n, e - t - D.mainHardMin)), ut = (e, t = 320) => Math.min(t, Math.max(216, Math.round(e))), dt = 500, ft = "f0-secondary-sidebar-width", pt = (e) => e === null || typeof e == "number" && Number.isFinite(e), mt = k(null), ht = () => M(mt);
|
|
1088
1088
|
function gt() {
|
|
1089
|
-
let [e, t] =
|
|
1089
|
+
let [e, t] = I(!1), n = F(0), r = j(function() {
|
|
1090
1090
|
t(!0), cancelAnimationFrame(n.current), n.current = requestAnimationFrame(function() {
|
|
1091
1091
|
n.current = requestAnimationFrame(function() {
|
|
1092
1092
|
t(!1);
|
|
1093
1093
|
});
|
|
1094
1094
|
});
|
|
1095
1095
|
}, []);
|
|
1096
|
-
return
|
|
1096
|
+
return N(function() {
|
|
1097
1097
|
return () => cancelAnimationFrame(n.current);
|
|
1098
1098
|
}, []), {
|
|
1099
1099
|
isInstant: e,
|
|
@@ -1101,80 +1101,80 @@ function gt() {
|
|
|
1101
1101
|
};
|
|
1102
1102
|
}
|
|
1103
1103
|
function _t() {
|
|
1104
|
-
let [e, t] =
|
|
1105
|
-
return
|
|
1104
|
+
let [e, t] = I(() => window.innerWidth);
|
|
1105
|
+
return N(function() {
|
|
1106
1106
|
let e = () => t(window.innerWidth);
|
|
1107
1107
|
return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
|
|
1108
1108
|
}, []), e;
|
|
1109
1109
|
}
|
|
1110
1110
|
function vt({ enabled: e, children: t, ...n }) {
|
|
1111
|
-
return e ? /* @__PURE__ */
|
|
1111
|
+
return e ? /* @__PURE__ */ L(yt, {
|
|
1112
1112
|
...n,
|
|
1113
1113
|
children: t
|
|
1114
|
-
}) : /* @__PURE__ */
|
|
1114
|
+
}) : /* @__PURE__ */ L(mt.Provider, {
|
|
1115
1115
|
value: null,
|
|
1116
1116
|
children: t
|
|
1117
1117
|
});
|
|
1118
1118
|
}
|
|
1119
1119
|
function yt({ hasSecondarySidebar: e, topBarHeight: t, children: n }) {
|
|
1120
|
-
let { isInstant: r, landInstantly: i } = gt(), a = _t(), [o, s] =
|
|
1120
|
+
let { isInstant: r, landInstantly: i } = gt(), a = _t(), [o, s] = I(ee.primary), [c, l] = I(ee.panel), [d, f] = h({
|
|
1121
1121
|
key: ft,
|
|
1122
1122
|
fallback: null,
|
|
1123
1123
|
validate: pt,
|
|
1124
1124
|
debounceMs: 200
|
|
1125
|
-
}), p = lt(a, o, Math.max(320, c)), m = Math.min(c, p), g = d === null ? m : ut(d, p), _ =
|
|
1125
|
+
}), p = lt(a, o, Math.max(320, c)), m = Math.min(c, p), g = d === null ? m : ut(d, p), _ = j(function(e) {
|
|
1126
1126
|
s(e);
|
|
1127
|
-
}, []), v =
|
|
1127
|
+
}, []), v = F(c), y = j(function(e) {
|
|
1128
1128
|
e !== v.current && (v.current = e, i(), l(e));
|
|
1129
|
-
}, [i]), b =
|
|
1129
|
+
}, [i]), b = j(function(e) {
|
|
1130
1130
|
i(), f(e);
|
|
1131
|
-
}, [i, f]), x =
|
|
1131
|
+
}, [i, f]), x = j(function() {
|
|
1132
1132
|
i(), f(null);
|
|
1133
|
-
}, [i, f]), S = u(`(max-width: ${o + (e ? m :
|
|
1134
|
-
|
|
1133
|
+
}, [i, f]), S = u(`(max-width: ${o + (e ? m : ee.panel) + D.mainMin - 1}px)`, { initializeWithValue: !0 }) ? "overlay" : "docked", [C, w] = I(!1), T = F(0), E = j(function() {
|
|
1134
|
+
w(!1);
|
|
1135
1135
|
}, []);
|
|
1136
|
-
|
|
1137
|
-
i(), S === "docked" &&
|
|
1136
|
+
re(function() {
|
|
1137
|
+
i(), S === "docked" && E();
|
|
1138
1138
|
}, [
|
|
1139
1139
|
S,
|
|
1140
1140
|
i,
|
|
1141
|
-
|
|
1141
|
+
E
|
|
1142
1142
|
]);
|
|
1143
|
-
let
|
|
1144
|
-
|
|
1145
|
-
i(), e ||
|
|
1143
|
+
let O = S === "overlay" && C && e;
|
|
1144
|
+
re(function() {
|
|
1145
|
+
i(), e || E();
|
|
1146
1146
|
}, [
|
|
1147
1147
|
e,
|
|
1148
1148
|
i,
|
|
1149
|
-
|
|
1149
|
+
E
|
|
1150
1150
|
]);
|
|
1151
|
-
let
|
|
1152
|
-
|
|
1153
|
-
|
|
1151
|
+
let k = F(e);
|
|
1152
|
+
re(function() {
|
|
1153
|
+
k.current = e;
|
|
1154
1154
|
});
|
|
1155
|
-
let
|
|
1156
|
-
|
|
1155
|
+
let A = F(null);
|
|
1156
|
+
N(function() {
|
|
1157
1157
|
return () => {
|
|
1158
|
-
|
|
1158
|
+
A.current && clearTimeout(A.current);
|
|
1159
1159
|
};
|
|
1160
1160
|
}, []);
|
|
1161
|
-
let
|
|
1162
|
-
S !== "docked" && (
|
|
1163
|
-
|
|
1161
|
+
let M = j(function() {
|
|
1162
|
+
S !== "docked" && (T.current = Date.now(), w(!0), A.current && clearTimeout(A.current), A.current = setTimeout(function() {
|
|
1163
|
+
k.current || w(!1);
|
|
1164
1164
|
}, dt));
|
|
1165
|
-
}, [S]),
|
|
1166
|
-
|
|
1167
|
-
}, [
|
|
1168
|
-
|
|
1169
|
-
if (!
|
|
1165
|
+
}, [S]), te = E, ne = j(function() {
|
|
1166
|
+
O || (T.current = Date.now()), w(!O);
|
|
1167
|
+
}, [O]);
|
|
1168
|
+
N(function() {
|
|
1169
|
+
if (!O) return;
|
|
1170
1170
|
let e = (e) => {
|
|
1171
|
-
e.key === "Escape" && !e.defaultPrevented &&
|
|
1171
|
+
e.key === "Escape" && !e.defaultPrevented && w(!1);
|
|
1172
1172
|
};
|
|
1173
1173
|
return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
|
|
1174
|
-
}, [
|
|
1175
|
-
let
|
|
1176
|
-
Date.now() -
|
|
1177
|
-
}, []),
|
|
1174
|
+
}, [O]);
|
|
1175
|
+
let ie = j(function() {
|
|
1176
|
+
Date.now() - T.current < dt || w(!1);
|
|
1177
|
+
}, []), R = P(function() {
|
|
1178
1178
|
return {
|
|
1179
1179
|
primarySidebarWidth: o,
|
|
1180
1180
|
reportPrimarySidebarWidth: _,
|
|
@@ -1185,11 +1185,11 @@ function yt({ hasSecondarySidebar: e, topBarHeight: t, children: n }) {
|
|
|
1185
1185
|
resizeSecondarySidebar: b,
|
|
1186
1186
|
resetSecondarySidebarWidth: x,
|
|
1187
1187
|
navigationMode: S,
|
|
1188
|
-
isOpenOverPage:
|
|
1189
|
-
openOverPage:
|
|
1190
|
-
toggleOverPage:
|
|
1191
|
-
closeOverPage:
|
|
1192
|
-
closeOverPageAfterRouteChange:
|
|
1188
|
+
isOpenOverPage: O,
|
|
1189
|
+
openOverPage: M,
|
|
1190
|
+
toggleOverPage: ne,
|
|
1191
|
+
closeOverPage: te,
|
|
1192
|
+
closeOverPageAfterRouteChange: ie,
|
|
1193
1193
|
topBarHeight: t,
|
|
1194
1194
|
isInstant: r,
|
|
1195
1195
|
landInstantly: i
|
|
@@ -1204,27 +1204,27 @@ function yt({ hasSecondarySidebar: e, topBarHeight: t, children: n }) {
|
|
|
1204
1204
|
b,
|
|
1205
1205
|
x,
|
|
1206
1206
|
S,
|
|
1207
|
-
|
|
1208
|
-
|
|
1209
|
-
re,
|
|
1207
|
+
O,
|
|
1208
|
+
M,
|
|
1210
1209
|
ne,
|
|
1211
|
-
|
|
1210
|
+
te,
|
|
1211
|
+
ie,
|
|
1212
1212
|
t,
|
|
1213
1213
|
r,
|
|
1214
1214
|
i
|
|
1215
1215
|
]);
|
|
1216
|
-
return /* @__PURE__ */
|
|
1217
|
-
value:
|
|
1216
|
+
return /* @__PURE__ */ L(mt.Provider, {
|
|
1217
|
+
value: R,
|
|
1218
1218
|
children: n
|
|
1219
1219
|
});
|
|
1220
1220
|
}
|
|
1221
1221
|
//#endregion
|
|
1222
1222
|
//#region src/blocks/ApplicationFrame/FrameProvider.tsx
|
|
1223
|
-
var bt = "one_sidebar_locked", xt = 32, St = 180, Ct = 280, wt = 300, Tt =
|
|
1223
|
+
var bt = "one_sidebar_locked", xt = 32, St = 180, Ct = 280, wt = 300, Tt = k(void 0), Et = /* @__PURE__ */ new WeakSet(), Dt = (e) => {
|
|
1224
1224
|
Et.add(e.nativeEvent);
|
|
1225
1225
|
};
|
|
1226
1226
|
function Ot() {
|
|
1227
|
-
let e =
|
|
1227
|
+
let e = M(Tt);
|
|
1228
1228
|
return e === void 0 ? {
|
|
1229
1229
|
isSmallScreen: !1,
|
|
1230
1230
|
isLastToggleInvokedByUser: !0,
|
|
@@ -1238,27 +1238,27 @@ function Ot() {
|
|
|
1238
1238
|
}
|
|
1239
1239
|
var kt = (e, t) => e.navigationMode === "overlay" ? e.isOpenOverPage ? "unlocked" : "hidden" : t ? "locked" : "hidden", At = (e, t, n) => e || !t ? n ? "unlocked" : "hidden" : "locked";
|
|
1240
1240
|
function jt({ children: e }) {
|
|
1241
|
-
let { currentPath: t } = s(), n = ht(), [r, i] =
|
|
1241
|
+
let { currentPath: t } = s(), n = ht(), [r, i] = I(!1), [a, o] = I(!1), c = r ? E.xl : E.md, l = u(`(max-width: ${c}px)`, { initializeWithValue: !0 }), [d, f] = I(() => {
|
|
1242
1242
|
let e = localStorage.getItem(bt);
|
|
1243
1243
|
return e === null || !!e;
|
|
1244
|
-
}), [p, m] =
|
|
1244
|
+
}), [p, m] = I(!1), [h, g] = I(null), _ = F(null), v = F(null), y = j(function() {
|
|
1245
1245
|
_.current && clearTimeout(_.current), _.current = null, v.current = null;
|
|
1246
|
-
}, []), b =
|
|
1246
|
+
}, []), b = j(function(e, t) {
|
|
1247
1247
|
v.current !== e && (y(), v.current = e, _.current = setTimeout(() => {
|
|
1248
1248
|
_.current = null, v.current = null, m(e);
|
|
1249
1249
|
}, t));
|
|
1250
1250
|
}, [y]);
|
|
1251
|
-
|
|
1252
|
-
let x =
|
|
1251
|
+
N(() => y, [y]);
|
|
1252
|
+
let x = j(function() {
|
|
1253
1253
|
n ? n.closeOverPage() : (y(), m(!1));
|
|
1254
|
-
}, [n, y]), S =
|
|
1254
|
+
}, [n, y]), S = j(function({ isInvokedByUser: e } = { isInvokedByUser: !0 }) {
|
|
1255
1255
|
n?.navigationMode === "overlay" ? n.toggleOverPage() : (o(e ?? !0), l && !n && m(!p), f(!d));
|
|
1256
1256
|
}, [
|
|
1257
1257
|
n,
|
|
1258
1258
|
l,
|
|
1259
1259
|
p,
|
|
1260
1260
|
d
|
|
1261
|
-
]),
|
|
1261
|
+
]), C = j(function(e) {
|
|
1262
1262
|
l || n || (Et.has(e.nativeEvent) ? y() : !p && e.clientX < xt ? b(!0, St) : p && e.clientX > Ct ? b(!1, wt) : y());
|
|
1263
1263
|
}, [
|
|
1264
1264
|
l,
|
|
@@ -1266,47 +1266,47 @@ function jt({ children: e }) {
|
|
|
1266
1266
|
p,
|
|
1267
1267
|
b,
|
|
1268
1268
|
y
|
|
1269
|
-
]),
|
|
1269
|
+
]), w = j(function() {
|
|
1270
1270
|
v.current && y();
|
|
1271
|
-
}, [y]),
|
|
1272
|
-
|
|
1273
|
-
y(), m(!1),
|
|
1271
|
+
}, [y]), T = n ? kt(n, d) : At(l, d, p), D = n?.closeOverPageAfterRouteChange;
|
|
1272
|
+
N(function() {
|
|
1273
|
+
y(), m(!1), D?.();
|
|
1274
1274
|
}, [
|
|
1275
1275
|
t,
|
|
1276
|
-
|
|
1276
|
+
D,
|
|
1277
1277
|
y
|
|
1278
|
-
]),
|
|
1278
|
+
]), N(function() {
|
|
1279
1279
|
a && localStorage.setItem(bt, d ? "1" : "");
|
|
1280
|
-
}, [d, a]),
|
|
1280
|
+
}, [d, a]), N(function() {
|
|
1281
1281
|
return () => {
|
|
1282
|
-
g(
|
|
1282
|
+
g(T);
|
|
1283
1283
|
};
|
|
1284
|
-
}, [
|
|
1285
|
-
let
|
|
1284
|
+
}, [T]);
|
|
1285
|
+
let ee = n !== null, O = P(function() {
|
|
1286
1286
|
return {
|
|
1287
1287
|
isSmallScreen: l,
|
|
1288
1288
|
isLastToggleInvokedByUser: a,
|
|
1289
|
-
sidebarState:
|
|
1289
|
+
sidebarState: T,
|
|
1290
1290
|
hideSidebar: x,
|
|
1291
1291
|
toggleSidebar: S,
|
|
1292
1292
|
prevSidebarState: h,
|
|
1293
1293
|
setForceFloat: i,
|
|
1294
|
-
hasPrimarySidebar:
|
|
1294
|
+
hasPrimarySidebar: ee
|
|
1295
1295
|
};
|
|
1296
1296
|
}, [
|
|
1297
1297
|
l,
|
|
1298
1298
|
a,
|
|
1299
|
-
|
|
1299
|
+
T,
|
|
1300
1300
|
x,
|
|
1301
1301
|
S,
|
|
1302
1302
|
h,
|
|
1303
|
-
|
|
1303
|
+
ee
|
|
1304
1304
|
]);
|
|
1305
|
-
return /* @__PURE__ */
|
|
1306
|
-
value:
|
|
1307
|
-
children: /* @__PURE__ */
|
|
1308
|
-
onPointerMove:
|
|
1309
|
-
onPointerLeave:
|
|
1305
|
+
return /* @__PURE__ */ L(Tt.Provider, {
|
|
1306
|
+
value: O,
|
|
1307
|
+
children: /* @__PURE__ */ L("div", {
|
|
1308
|
+
onPointerMove: C,
|
|
1309
|
+
onPointerLeave: w,
|
|
1310
1310
|
className: "h-screen w-screen",
|
|
1311
1311
|
children: e
|
|
1312
1312
|
})
|
|
@@ -1314,7 +1314,7 @@ function jt({ children: e }) {
|
|
|
1314
1314
|
}
|
|
1315
1315
|
//#endregion
|
|
1316
1316
|
//#region src/blocks/Navigation/Sidebar/navigationVariant.ts
|
|
1317
|
-
var Mt =
|
|
1317
|
+
var Mt = k("classic"), Nt = Mt.Provider, Pt = () => M(Mt), Ft = "M10.417 10L14.167 10M10.417 10L12.0837 8.33337M10.417 10L12.0837 11.6667", It = {
|
|
1318
1318
|
open: {
|
|
1319
1319
|
rest: {
|
|
1320
1320
|
arrow: "opacity-0 translate-x-0",
|
|
@@ -1338,7 +1338,7 @@ var Mt = O("classic"), Nt = Mt.Provider, Pt = () => j(Mt), Ft = "M10.417 10L14.1
|
|
|
1338
1338
|
}, Lt = "[transform-box:view-box] transition-[transform,opacity]";
|
|
1339
1339
|
function Rt({ isExpanded: e, isHovered: t = !1 }) {
|
|
1340
1340
|
let n = It[e ? "open" : "closed"][t ? "hover" : "rest"];
|
|
1341
|
-
return /* @__PURE__ */
|
|
1341
|
+
return /* @__PURE__ */ R("svg", {
|
|
1342
1342
|
width: "20",
|
|
1343
1343
|
height: "20",
|
|
1344
1344
|
viewBox: "0 0 20 20",
|
|
@@ -1346,7 +1346,7 @@ function Rt({ isExpanded: e, isHovered: t = !1 }) {
|
|
|
1346
1346
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1347
1347
|
className: "text-f1-icon-bold",
|
|
1348
1348
|
children: [
|
|
1349
|
-
/* @__PURE__ */
|
|
1349
|
+
/* @__PURE__ */ L("rect", {
|
|
1350
1350
|
id: "container",
|
|
1351
1351
|
x: "3.33325",
|
|
1352
1352
|
y: "5",
|
|
@@ -1356,7 +1356,7 @@ function Rt({ isExpanded: e, isHovered: t = !1 }) {
|
|
|
1356
1356
|
strokeWidth: "1.3",
|
|
1357
1357
|
className: "stroke-current"
|
|
1358
1358
|
}),
|
|
1359
|
-
/* @__PURE__ */
|
|
1359
|
+
/* @__PURE__ */ L("path", {
|
|
1360
1360
|
id: "arrow",
|
|
1361
1361
|
d: Ft,
|
|
1362
1362
|
strokeWidth: "1.3",
|
|
@@ -1364,7 +1364,7 @@ function Rt({ isExpanded: e, isHovered: t = !1 }) {
|
|
|
1364
1364
|
strokeLinejoin: "round",
|
|
1365
1365
|
className: a("stroke-current", Lt, v, "origin-[10.5835px_10px]", e ? "scale-x-100" : "-scale-x-100", n.arrow)
|
|
1366
1366
|
}),
|
|
1367
|
-
/* @__PURE__ */
|
|
1367
|
+
/* @__PURE__ */ L("path", {
|
|
1368
1368
|
id: "line",
|
|
1369
1369
|
d: "M7.5 5L7.5 15",
|
|
1370
1370
|
strokeWidth: "1.3",
|
|
@@ -1375,8 +1375,8 @@ function Rt({ isExpanded: e, isHovered: t = !1 }) {
|
|
|
1375
1375
|
});
|
|
1376
1376
|
}
|
|
1377
1377
|
function zt() {
|
|
1378
|
-
let { prevSidebarState: e, sidebarState: t, toggleSidebar: n } = Ot(), r =
|
|
1379
|
-
|
|
1378
|
+
let { prevSidebarState: e, sidebarState: t, toggleSidebar: n } = Ot(), r = F(null), [a, o] = I(!1), s = Pt() === "two-level";
|
|
1379
|
+
N(function() {
|
|
1380
1380
|
s && e === "hidden" && t !== "hidden" && r.current?.focus();
|
|
1381
1381
|
}, [
|
|
1382
1382
|
s,
|
|
@@ -1384,7 +1384,7 @@ function zt() {
|
|
|
1384
1384
|
t
|
|
1385
1385
|
]);
|
|
1386
1386
|
let l = i(), u = t !== "hidden", d = u ? l.navigation.sidebar.closePanel : l.navigation.sidebar.openPanel;
|
|
1387
|
-
return /* @__PURE__ */
|
|
1387
|
+
return /* @__PURE__ */ L(c, {
|
|
1388
1388
|
variant: "ghost",
|
|
1389
1389
|
size: "md",
|
|
1390
1390
|
onClick: () => n(),
|
|
@@ -1396,14 +1396,14 @@ function zt() {
|
|
|
1396
1396
|
"aria-expanded": u,
|
|
1397
1397
|
onMouseEnter: () => o(!0),
|
|
1398
1398
|
onMouseLeave: () => o(!1),
|
|
1399
|
-
children: /* @__PURE__ */
|
|
1399
|
+
children: /* @__PURE__ */ L(Rt, {
|
|
1400
1400
|
isExpanded: u,
|
|
1401
1401
|
isHovered: a
|
|
1402
1402
|
})
|
|
1403
1403
|
});
|
|
1404
1404
|
}
|
|
1405
1405
|
function Bt({ isExpanded: e }) {
|
|
1406
|
-
return /* @__PURE__ */
|
|
1406
|
+
return /* @__PURE__ */ R("svg", {
|
|
1407
1407
|
width: "20",
|
|
1408
1408
|
height: "20",
|
|
1409
1409
|
viewBox: "0 0 20 20",
|
|
@@ -1411,7 +1411,7 @@ function Bt({ isExpanded: e }) {
|
|
|
1411
1411
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1412
1412
|
className: "text-f1-icon-bold",
|
|
1413
1413
|
children: [
|
|
1414
|
-
/* @__PURE__ */
|
|
1414
|
+
/* @__PURE__ */ L("rect", {
|
|
1415
1415
|
id: "container",
|
|
1416
1416
|
x: "3.33325",
|
|
1417
1417
|
y: "5",
|
|
@@ -1421,7 +1421,7 @@ function Bt({ isExpanded: e }) {
|
|
|
1421
1421
|
strokeWidth: "1.3",
|
|
1422
1422
|
className: "stroke-current"
|
|
1423
1423
|
}),
|
|
1424
|
-
/* @__PURE__ */
|
|
1424
|
+
/* @__PURE__ */ L("path", {
|
|
1425
1425
|
id: "arrow",
|
|
1426
1426
|
d: e ? "M10.417 10L14.167 10M10.417 10L12.0837 8.33337M10.417 10L12.0837 11.6667" : "M10.75 10L7 10M10.75 10L9.08333 8.33337M10.75 10L9.08333 11.6667",
|
|
1427
1427
|
strokeWidth: "1.3",
|
|
@@ -1429,7 +1429,7 @@ function Bt({ isExpanded: e }) {
|
|
|
1429
1429
|
strokeLinejoin: "round",
|
|
1430
1430
|
className: a("translate-x-0 stroke-current transition-all duration-200 ease-out motion-reduce:transition-none", e ? "opacity-0 group-hover:-translate-x-1 group-hover:opacity-100" : "opacity-1 group-hover:translate-x-[3px]")
|
|
1431
1431
|
}),
|
|
1432
|
-
/* @__PURE__ */
|
|
1432
|
+
/* @__PURE__ */ L("path", {
|
|
1433
1433
|
id: "line",
|
|
1434
1434
|
d: "M7.5 5L7.5 15",
|
|
1435
1435
|
strokeWidth: "1.3",
|
|
@@ -1440,10 +1440,10 @@ function Bt({ isExpanded: e }) {
|
|
|
1440
1440
|
});
|
|
1441
1441
|
}
|
|
1442
1442
|
function Vt() {
|
|
1443
|
-
let { prevSidebarState: e, sidebarState: t, toggleSidebar: n, isSmallScreen: r } = Ot(), i =
|
|
1444
|
-
return
|
|
1443
|
+
let { prevSidebarState: e, sidebarState: t, toggleSidebar: n, isSmallScreen: r } = Ot(), i = F(null);
|
|
1444
|
+
return N(() => {
|
|
1445
1445
|
e === "hidden" && t === "locked" && i.current?.focus();
|
|
1446
|
-
}, [e, t]), /* @__PURE__ */
|
|
1446
|
+
}, [e, t]), /* @__PURE__ */ R(c, {
|
|
1447
1447
|
variant: "ghost",
|
|
1448
1448
|
size: "md",
|
|
1449
1449
|
onClick: () => n(),
|
|
@@ -1452,12 +1452,12 @@ function Vt() {
|
|
|
1452
1452
|
ref: i,
|
|
1453
1453
|
compact: !0,
|
|
1454
1454
|
"aria-label": "Close Sidebar",
|
|
1455
|
-
children: [/* @__PURE__ */
|
|
1455
|
+
children: [/* @__PURE__ */ L("div", {
|
|
1456
1456
|
className: a("hidden", { flex: !r }),
|
|
1457
|
-
children: /* @__PURE__ */
|
|
1458
|
-
}), /* @__PURE__ */
|
|
1457
|
+
children: /* @__PURE__ */ L(Bt, { isExpanded: t === "locked" })
|
|
1458
|
+
}), /* @__PURE__ */ L("div", {
|
|
1459
1459
|
className: a("hidden", { flex: r }),
|
|
1460
|
-
children: /* @__PURE__ */
|
|
1460
|
+
children: /* @__PURE__ */ L(b, {
|
|
1461
1461
|
icon: m,
|
|
1462
1462
|
size: "md"
|
|
1463
1463
|
})
|
|
@@ -1466,12 +1466,12 @@ function Vt() {
|
|
|
1466
1466
|
}
|
|
1467
1467
|
function Ht() {
|
|
1468
1468
|
let { hasPrimarySidebar: e } = Ot();
|
|
1469
|
-
return
|
|
1469
|
+
return L(e ? zt : Vt, {});
|
|
1470
1470
|
}
|
|
1471
1471
|
//#endregion
|
|
1472
1472
|
//#region src/addons/map/F0Map/components/F0MapSidebarToggle/F0MapSidebarToggle.tsx
|
|
1473
|
-
var Ut =
|
|
1474
|
-
let l = i(), u = n ?? (e ? l.map.controls.hidePanel : l.map.controls.showPanel), d = /* @__PURE__ */
|
|
1473
|
+
var Ut = A(({ expanded: e, onToggle: t, label: n, bare: a = !1, dataTestId: o }, s) => {
|
|
1474
|
+
let l = i(), u = n ?? (e ? l.map.controls.hidePanel : l.map.controls.showPanel), d = /* @__PURE__ */ L(c, {
|
|
1475
1475
|
ref: s,
|
|
1476
1476
|
variant: "ghost",
|
|
1477
1477
|
size: "md",
|
|
@@ -1481,11 +1481,11 @@ var Ut = k(({ expanded: e, onToggle: t, label: n, bare: a = !1, dataTestId: o },
|
|
|
1481
1481
|
title: u,
|
|
1482
1482
|
"aria-label": u,
|
|
1483
1483
|
"aria-expanded": e,
|
|
1484
|
-
children: /* @__PURE__ */
|
|
1484
|
+
children: /* @__PURE__ */ L(Bt, { isExpanded: e })
|
|
1485
1485
|
});
|
|
1486
|
-
return /* @__PURE__ */
|
|
1486
|
+
return /* @__PURE__ */ L(r, {
|
|
1487
1487
|
dataTestId: o,
|
|
1488
|
-
children: a ? d : /* @__PURE__ */
|
|
1488
|
+
children: a ? d : /* @__PURE__ */ L(je, { children: d })
|
|
1489
1489
|
});
|
|
1490
1490
|
});
|
|
1491
1491
|
Ut.displayName = "F0MapSidebarToggle";
|
|
@@ -1498,7 +1498,7 @@ var Wt = (e, t, n = .3, r = 64) => {
|
|
|
1498
1498
|
f.push([c * i + l * u + p * o, c * a + l * d + p * s]);
|
|
1499
1499
|
}
|
|
1500
1500
|
return f;
|
|
1501
|
-
}, Gt = (e, t) => e.color ??
|
|
1501
|
+
}, Gt = (e, t) => e.color ?? U(e.variant ?? "radical", t), Kt = (e, t) => e.color ?? U(e.variant ?? "radical", !t), qt = ({ id: e, kind: t, coordinates: n, style: r, isDark: i }) => {
|
|
1502
1502
|
let a = r.width ?? 3;
|
|
1503
1503
|
return {
|
|
1504
1504
|
id: e,
|
|
@@ -1516,7 +1516,7 @@ var Wt = (e, t, n = .3, r = 64) => {
|
|
|
1516
1516
|
}
|
|
1517
1517
|
};
|
|
1518
1518
|
}, Jt = ({ adapter: e, routes: t, arcs: n, isDark: r, onRouteClick: i, onArcClick: a }) => {
|
|
1519
|
-
let o =
|
|
1519
|
+
let o = P(() => [...t.map((e) => qt({
|
|
1520
1520
|
id: e.id,
|
|
1521
1521
|
kind: "route",
|
|
1522
1522
|
coordinates: e.coordinates,
|
|
@@ -1532,7 +1532,7 @@ var Wt = (e, t, n = .3, r = 64) => {
|
|
|
1532
1532
|
t,
|
|
1533
1533
|
n,
|
|
1534
1534
|
r
|
|
1535
|
-
]), s =
|
|
1535
|
+
]), s = P(() => new Map([...t.map((e) => [e.id, "route"]), ...n.map((e) => [e.id, "arc"])]), [t, n]), c = F({
|
|
1536
1536
|
onRouteClick: i,
|
|
1537
1537
|
onArcClick: a,
|
|
1538
1538
|
kinds: s
|
|
@@ -1543,7 +1543,7 @@ var Wt = (e, t, n = .3, r = 64) => {
|
|
|
1543
1543
|
kinds: s
|
|
1544
1544
|
};
|
|
1545
1545
|
let l = !!(i || a);
|
|
1546
|
-
return
|
|
1546
|
+
return N(() => {
|
|
1547
1547
|
e.setLines(o, l ? { onClick: (e) => {
|
|
1548
1548
|
let { onRouteClick: t, onArcClick: n, kinds: r } = c.current;
|
|
1549
1549
|
r.get(e) === "arc" ? n?.(e) : t?.(e);
|
|
@@ -1552,25 +1552,25 @@ var Wt = (e, t, n = .3, r = 64) => {
|
|
|
1552
1552
|
e,
|
|
1553
1553
|
o,
|
|
1554
1554
|
l
|
|
1555
|
-
]),
|
|
1556
|
-
}, Yt = ({ adapter: e, coords: t }) => (
|
|
1555
|
+
]), N(() => () => e.setLines([]), [e]), null;
|
|
1556
|
+
}, Yt = ({ adapter: e, coords: t }) => (N(() => {
|
|
1557
1557
|
e.setCurrentLocation(t);
|
|
1558
|
-
}, [e, t]),
|
|
1558
|
+
}, [e, t]), N(() => () => e.setCurrentLocation(null), [e]), null);
|
|
1559
1559
|
Yt.displayName = "CurrentLocationLayer";
|
|
1560
1560
|
//#endregion
|
|
1561
1561
|
//#region src/addons/map/F0Map/constants.ts
|
|
1562
1562
|
var Xt = {
|
|
1563
1563
|
curve: 1.42,
|
|
1564
1564
|
duration: 1400
|
|
1565
|
-
}, Zt = 200, Qt = ({ dataTestId: e, className: t }) => /* @__PURE__ */
|
|
1565
|
+
}, Zt = 200, Qt = ({ dataTestId: e, className: t }) => /* @__PURE__ */ L(r, {
|
|
1566
1566
|
dataTestId: e,
|
|
1567
|
-
children: /* @__PURE__ */
|
|
1567
|
+
children: /* @__PURE__ */ L("div", {
|
|
1568
1568
|
"aria-busy": "true",
|
|
1569
1569
|
"aria-live": "polite",
|
|
1570
1570
|
className: a("h-full w-full animate-pulse bg-f1-background-secondary", t)
|
|
1571
1571
|
})
|
|
1572
1572
|
}), $t = (e) => {
|
|
1573
|
-
let [t, n] =
|
|
1573
|
+
let [t, n] = I(null), r = j((t) => {
|
|
1574
1574
|
e && typeof navigator < "u" && navigator.geolocation && navigator.geolocation.getCurrentPosition((e) => {
|
|
1575
1575
|
let r = [e.coords.longitude, e.coords.latitude];
|
|
1576
1576
|
n(r), t?.(r);
|
|
@@ -1580,7 +1580,7 @@ var Xt = {
|
|
|
1580
1580
|
maximumAge: 6e4
|
|
1581
1581
|
});
|
|
1582
1582
|
}, [e]);
|
|
1583
|
-
return
|
|
1583
|
+
return N(() => {
|
|
1584
1584
|
e && !t && typeof navigator < "u" && navigator.permissions?.query({ name: "geolocation" }).then((e) => {
|
|
1585
1585
|
e.state === "granted" && r();
|
|
1586
1586
|
}).catch(() => {});
|
|
@@ -1593,7 +1593,7 @@ var Xt = {
|
|
|
1593
1593
|
request: r
|
|
1594
1594
|
};
|
|
1595
1595
|
}, en = () => {
|
|
1596
|
-
let [e, t] =
|
|
1596
|
+
let [e, t] = I(!1), n = F(null), r = j((e) => {
|
|
1597
1597
|
if (n.current?.disconnect(), n.current = null, !e) return;
|
|
1598
1598
|
let r = () => t(e.closest(".dark") !== null);
|
|
1599
1599
|
r();
|
|
@@ -1604,12 +1604,12 @@ var Xt = {
|
|
|
1604
1604
|
});
|
|
1605
1605
|
n.current = i;
|
|
1606
1606
|
}, []);
|
|
1607
|
-
return
|
|
1607
|
+
return N(() => () => n.current?.disconnect(), []), {
|
|
1608
1608
|
containerRef: r,
|
|
1609
1609
|
isDark: e
|
|
1610
1610
|
};
|
|
1611
1611
|
}, tn = {
|
|
1612
|
-
maplibre: async () => (await import("./maplibre-
|
|
1612
|
+
maplibre: async () => (await import("./maplibre-9SjV58q1.js")).createMaplibreAdapter,
|
|
1613
1613
|
google: async (e) => (await import("./google-D1V0swd7.js")).loadGoogleAdapter(e)
|
|
1614
1614
|
}, nn = /* @__PURE__ */ new Map(), rn = (e, t) => {
|
|
1615
1615
|
let n = nn.get(e);
|
|
@@ -11738,7 +11738,7 @@ var Xt = {
|
|
|
11738
11738
|
...e.map((e) => e.coordinates),
|
|
11739
11739
|
...t.flatMap((e) => e.coordinates),
|
|
11740
11740
|
...n.flatMap((e) => [e.from, e.to]),
|
|
11741
|
-
...r.flatMap((e) =>
|
|
11741
|
+
...r.flatMap((e) => me(e.center, e.radiusMeters))
|
|
11742
11742
|
], vn = (e) => e.top === 0 && e.right === 0 && e.bottom === 0 && e.left === 0, yn = ({ adapter: e, points: t, animate: n, routes: r = [], arcs: i = [], areas: a = [], gutter: o = 64, inset: s, size: c }) => {
|
|
11743
11743
|
let l = _n(t, r, i, a);
|
|
11744
11744
|
if (l.length === 0) return;
|
|
@@ -11752,9 +11752,9 @@ var Xt = {
|
|
|
11752
11752
|
return;
|
|
11753
11753
|
}
|
|
11754
11754
|
let d = l.length === 1 ? {
|
|
11755
|
-
center:
|
|
11755
|
+
center: le(e, l[0], s, 14),
|
|
11756
11756
|
zoom: 14
|
|
11757
|
-
} :
|
|
11757
|
+
} : ue({
|
|
11758
11758
|
adapter: e,
|
|
11759
11759
|
coordinates: l,
|
|
11760
11760
|
inset: s,
|
|
@@ -11763,154 +11763,154 @@ var Xt = {
|
|
|
11763
11763
|
maxZoom: u
|
|
11764
11764
|
});
|
|
11765
11765
|
d && (n ? e.easeTo(d, { animate: n }) : e.jumpTo(d, { animate: n }));
|
|
11766
|
-
}, bn = (e) => `${e.top},${e.right},${e.bottom},${e.left}`, xn =
|
|
11767
|
-
let
|
|
11768
|
-
|
|
11769
|
-
}, [
|
|
11770
|
-
|
|
11771
|
-
|
|
11766
|
+
}, bn = (e) => `${e.top},${e.right},${e.bottom},${e.left}`, xn = A(function({ markers: e = [], routes: o = [], arcs: s = [], areas: c = [], onRouteClick: l, onArcClick: u, selectedMarkerId: f, defaultSelectedMarkerId: p = null, onMarkerSelect: m, onMarkerDrag: h, onMarkerDragEnd: g, highlightedId: _ = null, viewportInset: v, centerOnMarkerClick: y = !1, fitToMarkers: b, initialViewport: x, mapStyle: S, interactive: C = !0, gestureHandling: w, minZoom: T, maxZoom: E = 18, showControls: D = !0, controlLabels: ee, showCurrentLocation: O = !1, fullScreen: k = !1, onSidebarToggle: A, sidebarExpanded: M = !1, sidebarToggleAddon: re, sidebarHeaderStart: P, sidebar: ae, detail: de, detailOpen: fe = !1, clearSelectionOnBackgroundClick: pe = !0, projection: me = "mercator", provider: he, loading: ge = !1, ariaLabel: _e, dataTestId: ve, className: ye }, be) {
|
|
11767
|
+
let xe = w ?? (k ? "greedy" : "cooperative"), z = i(), B = t(he), Se = n(), Ce = F(null), V = F(null), [H, we] = I(null), [U, Te] = I(!1), [De, W] = I(!1), [Oe, ke] = I(0), Ae = te(), q = d(), { containerRef: Pe, isDark: Fe } = en(), Ie = j((e) => {
|
|
11768
|
+
Ce.current = e, Pe(e);
|
|
11769
|
+
}, [Pe]), Le = Fe, Re = !S || S.provider === B, ze = Re ? S ?? mn(B) : mn(B), J = Le ? ze.dark : ze.light, Be = F(!1);
|
|
11770
|
+
N(() => {
|
|
11771
|
+
Re || Be.current || (Be.current = !0, console.warn(`F0Map: ignoring a "${S?.provider}" mapStyle on the "${B}" engine - the shapes are not interchangeable. Pass a "${B}" style, or none for its default look.`));
|
|
11772
11772
|
}, [
|
|
11773
|
-
|
|
11773
|
+
Re,
|
|
11774
11774
|
S?.provider,
|
|
11775
|
-
|
|
11775
|
+
B
|
|
11776
11776
|
]);
|
|
11777
|
-
let [
|
|
11778
|
-
f === void 0 &&
|
|
11779
|
-
}, [f, m]),
|
|
11780
|
-
|
|
11781
|
-
let
|
|
11782
|
-
|
|
11783
|
-
let
|
|
11784
|
-
|
|
11785
|
-
let
|
|
11786
|
-
|
|
11787
|
-
let
|
|
11788
|
-
|
|
11789
|
-
let
|
|
11790
|
-
|
|
11791
|
-
let
|
|
11792
|
-
|
|
11793
|
-
let
|
|
11794
|
-
|
|
11795
|
-
let
|
|
11796
|
-
|
|
11797
|
-
let
|
|
11777
|
+
let [Ve, He] = I(p), Ue = f === void 0 ? Ve : f, We = j((e) => {
|
|
11778
|
+
f === void 0 && He(e), m?.(e);
|
|
11779
|
+
}, [f, m]), Y = M && !!A, Ge = fe && !!de, Ke = Y ? G.inset + G.listWidth + G.gap : G.inset, qe = Y ? G.inset : G.inset + G.toggleSize + G.gap, Je = Ge ? Ke + G.detailWidth : Y ? G.inset + G.listWidth : null, Ye = oe(v, { left: Je === null ? 0 : Je + G.gap }), X = F(e);
|
|
11780
|
+
X.current = e;
|
|
11781
|
+
let Xe = F(o);
|
|
11782
|
+
Xe.current = o;
|
|
11783
|
+
let Ze = F(s);
|
|
11784
|
+
Ze.current = s;
|
|
11785
|
+
let Qe = F(c);
|
|
11786
|
+
Qe.current = c;
|
|
11787
|
+
let $e = F(me);
|
|
11788
|
+
$e.current = me;
|
|
11789
|
+
let Z = F(We);
|
|
11790
|
+
Z.current = We;
|
|
11791
|
+
let et = F(Ue);
|
|
11792
|
+
et.current = Ue;
|
|
11793
|
+
let tt = F(Ye);
|
|
11794
|
+
tt.current = Ye;
|
|
11795
|
+
let nt = F(pe);
|
|
11796
|
+
nt.current = pe;
|
|
11797
|
+
let Q = F(null), rt = b ?? x === void 0, $ = j(() => {
|
|
11798
11798
|
let e = {
|
|
11799
|
-
width:
|
|
11800
|
-
height:
|
|
11799
|
+
width: Ce.current?.clientWidth ?? 0,
|
|
11800
|
+
height: Ce.current?.clientHeight ?? 0
|
|
11801
11801
|
};
|
|
11802
11802
|
return {
|
|
11803
|
-
inset:
|
|
11803
|
+
inset: se(tt.current, e),
|
|
11804
11804
|
size: e
|
|
11805
11805
|
};
|
|
11806
|
-
}, []),
|
|
11807
|
-
|
|
11806
|
+
}, []), it = j((e, t) => {
|
|
11807
|
+
Q.current = { kind: "fit" }, yn({
|
|
11808
11808
|
adapter: e,
|
|
11809
|
-
points:
|
|
11809
|
+
points: X.current,
|
|
11810
11810
|
animate: t,
|
|
11811
|
-
routes:
|
|
11812
|
-
arcs:
|
|
11813
|
-
areas:
|
|
11814
|
-
|
|
11811
|
+
routes: Xe.current,
|
|
11812
|
+
arcs: Ze.current,
|
|
11813
|
+
areas: Qe.current,
|
|
11814
|
+
...$()
|
|
11815
11815
|
});
|
|
11816
|
-
}, [
|
|
11817
|
-
|
|
11818
|
-
let
|
|
11816
|
+
}, [$]), at = F(it);
|
|
11817
|
+
at.current = it;
|
|
11818
|
+
let ot = j((e, t) => {
|
|
11819
11819
|
let n = Math.max(e.getZoom(), 15);
|
|
11820
|
-
|
|
11820
|
+
Q.current = {
|
|
11821
11821
|
kind: "flight",
|
|
11822
11822
|
zoom: n
|
|
11823
11823
|
};
|
|
11824
|
-
let { inset: r } =
|
|
11824
|
+
let { inset: r } = $();
|
|
11825
11825
|
e.easeTo({
|
|
11826
|
-
center:
|
|
11826
|
+
center: le(e, t.coordinates, r, n),
|
|
11827
11827
|
zoom: n
|
|
11828
|
-
}, { animate: !
|
|
11829
|
-
}, [
|
|
11830
|
-
let t =
|
|
11831
|
-
if (
|
|
11832
|
-
let { inset: e } =
|
|
11833
|
-
t.easeTo({ center:
|
|
11828
|
+
}, { animate: !q });
|
|
11829
|
+
}, [$, q]), lt = j((e) => {
|
|
11830
|
+
let t = V.current, n = X.current.find((t) => t.id === e);
|
|
11831
|
+
if (Q.current = null, y && t && n) {
|
|
11832
|
+
let { inset: e } = $();
|
|
11833
|
+
t.easeTo({ center: le(t, n.coordinates, e) }, { animate: !q });
|
|
11834
11834
|
}
|
|
11835
|
-
|
|
11835
|
+
Z.current(e);
|
|
11836
11836
|
}, [
|
|
11837
11837
|
y,
|
|
11838
|
-
|
|
11839
|
-
|
|
11840
|
-
]), ut =
|
|
11841
|
-
|
|
11838
|
+
$,
|
|
11839
|
+
q
|
|
11840
|
+
]), ut = F(!1);
|
|
11841
|
+
N(() => {
|
|
11842
11842
|
ut.current || e.length <= 200 || (ut.current = !0, console.warn(`F0Map: ${e.length} markers exceeds the recommended maximum of 200. Markers are DOM elements - pan/zoom will degrade. Aggregate or filter the data, or wait for a GL clustering path.`));
|
|
11843
11843
|
}, [e.length]);
|
|
11844
|
-
let { coords: dt, request: ft } = $t(
|
|
11845
|
-
|
|
11846
|
-
}, []), mt =
|
|
11847
|
-
|
|
11848
|
-
}, []), ht =
|
|
11849
|
-
|
|
11850
|
-
}, [
|
|
11844
|
+
let { coords: dt, request: ft } = $t(O), pt = j(() => {
|
|
11845
|
+
Q.current = null, V.current?.zoomIn();
|
|
11846
|
+
}, []), mt = j(() => {
|
|
11847
|
+
Q.current = null, V.current?.zoomOut();
|
|
11848
|
+
}, []), ht = j(() => {
|
|
11849
|
+
V.current && it(V.current, !q);
|
|
11850
|
+
}, [it, q]), gt = j(() => {
|
|
11851
11851
|
ft((e) => {
|
|
11852
|
-
let t =
|
|
11852
|
+
let t = V.current;
|
|
11853
11853
|
if (!t) return;
|
|
11854
|
-
|
|
11855
|
-
let n = Math.max(t.getZoom(), 13), { inset: r } =
|
|
11854
|
+
Q.current = null;
|
|
11855
|
+
let n = Math.max(t.getZoom(), 13), { inset: r } = $();
|
|
11856
11856
|
t.flyTo({
|
|
11857
|
-
center:
|
|
11857
|
+
center: le(t, e, r, n),
|
|
11858
11858
|
zoom: n
|
|
11859
|
-
}, { animate: !
|
|
11859
|
+
}, { animate: !q });
|
|
11860
11860
|
});
|
|
11861
11861
|
}, [
|
|
11862
11862
|
ft,
|
|
11863
|
-
|
|
11864
|
-
|
|
11865
|
-
]), _t =
|
|
11866
|
-
let t =
|
|
11863
|
+
$,
|
|
11864
|
+
q
|
|
11865
|
+
]), _t = j((e) => {
|
|
11866
|
+
let t = V.current;
|
|
11867
11867
|
if (!t) return;
|
|
11868
|
-
|
|
11869
|
-
let n =
|
|
11868
|
+
Q.current = null;
|
|
11869
|
+
let n = ue({
|
|
11870
11870
|
adapter: t,
|
|
11871
11871
|
coordinates: e,
|
|
11872
|
-
|
|
11872
|
+
...$(),
|
|
11873
11873
|
gutter: 64,
|
|
11874
11874
|
maxZoom: 16
|
|
11875
11875
|
});
|
|
11876
|
-
n && (
|
|
11877
|
-
}, [
|
|
11878
|
-
let t =
|
|
11879
|
-
t && n &&
|
|
11880
|
-
}, [
|
|
11881
|
-
|
|
11882
|
-
if (!
|
|
11876
|
+
n && (q ? t.jumpTo(n, { animate: !1 }) : t.flyTo(n));
|
|
11877
|
+
}, [$, q]), vt = j((e) => {
|
|
11878
|
+
let t = V.current, n = X.current.find((t) => t.id === e);
|
|
11879
|
+
t && n && ot(t, n), We(e);
|
|
11880
|
+
}, [ot, We]);
|
|
11881
|
+
N(() => {
|
|
11882
|
+
if (!Ge || Ue === null) return;
|
|
11883
11883
|
let e = (e) => {
|
|
11884
|
-
e.key !== "Escape" || e.defaultPrevented || (e.preventDefault(),
|
|
11885
|
-
}, t =
|
|
11884
|
+
e.key !== "Escape" || e.defaultPrevented || (e.preventDefault(), Z.current(null));
|
|
11885
|
+
}, t = Ce.current?.ownerDocument ?? document;
|
|
11886
11886
|
return t.addEventListener("keydown", e), () => t.removeEventListener("keydown", e);
|
|
11887
|
-
}, [
|
|
11888
|
-
getNativeMap: () =>
|
|
11887
|
+
}, [Ge, Ue]), ne(be, () => ({
|
|
11888
|
+
getNativeMap: () => V.current?.native() ?? null,
|
|
11889
11889
|
focusMarker: (e) => {
|
|
11890
|
-
let t =
|
|
11891
|
-
t && n && (
|
|
11890
|
+
let t = V.current, n = X.current.find((t) => t.id === e);
|
|
11891
|
+
t && n && (ot(t, n), Z.current(e));
|
|
11892
11892
|
},
|
|
11893
11893
|
fitToMarkers: () => {
|
|
11894
|
-
|
|
11894
|
+
V.current && it(V.current, !q);
|
|
11895
11895
|
},
|
|
11896
|
-
clearSelection: () =>
|
|
11896
|
+
clearSelection: () => Z.current(null)
|
|
11897
11897
|
}), [
|
|
11898
|
-
|
|
11899
|
-
|
|
11900
|
-
|
|
11898
|
+
it,
|
|
11899
|
+
ot,
|
|
11900
|
+
q
|
|
11901
11901
|
]);
|
|
11902
|
-
let yt =
|
|
11903
|
-
yt.current =
|
|
11904
|
-
let bt =
|
|
11905
|
-
bt.current =
|
|
11906
|
-
let xt =
|
|
11907
|
-
|
|
11908
|
-
if (
|
|
11909
|
-
let e =
|
|
11902
|
+
let yt = F(J);
|
|
11903
|
+
yt.current = J;
|
|
11904
|
+
let bt = F(Se);
|
|
11905
|
+
bt.current = Se;
|
|
11906
|
+
let xt = F(null), St = F(x ?? gn);
|
|
11907
|
+
N(() => {
|
|
11908
|
+
if (ge) return;
|
|
11909
|
+
let e = Ce.current;
|
|
11910
11910
|
if (!e) return;
|
|
11911
11911
|
xt.current = yt.current;
|
|
11912
11912
|
let t = St.current, n = null, r = !1, i = [];
|
|
11913
|
-
return rn(
|
|
11913
|
+
return rn(B, bt.current).then((i) => {
|
|
11914
11914
|
if (!r) {
|
|
11915
11915
|
try {
|
|
11916
11916
|
n = i({
|
|
@@ -11918,88 +11918,88 @@ var Xt = {
|
|
|
11918
11918
|
style: yt.current,
|
|
11919
11919
|
center: t.center,
|
|
11920
11920
|
zoom: t.zoom ?? gn.zoom,
|
|
11921
|
-
minZoom:
|
|
11922
|
-
maxZoom:
|
|
11923
|
-
interactive:
|
|
11924
|
-
cooperativeGestures:
|
|
11921
|
+
minZoom: T,
|
|
11922
|
+
maxZoom: E,
|
|
11923
|
+
interactive: C,
|
|
11924
|
+
cooperativeGestures: xe === "cooperative"
|
|
11925
11925
|
});
|
|
11926
11926
|
} catch {
|
|
11927
|
-
|
|
11927
|
+
Te(!0);
|
|
11928
11928
|
return;
|
|
11929
11929
|
}
|
|
11930
11930
|
a(n);
|
|
11931
11931
|
}
|
|
11932
11932
|
}).catch((e) => {
|
|
11933
|
-
console.error("[F0Map] could not load the map engine", e), r ||
|
|
11933
|
+
console.error("[F0Map] could not load the map engine", e), r || W(!0);
|
|
11934
11934
|
}), () => {
|
|
11935
|
-
r = !0, i.forEach((e) => e()), n && (
|
|
11935
|
+
r = !0, i.forEach((e) => e()), n && (V.current = null, we(null), n.destroy());
|
|
11936
11936
|
};
|
|
11937
11937
|
function a(e) {
|
|
11938
|
-
|
|
11938
|
+
V.current = e, we(e), Te(!1);
|
|
11939
11939
|
let t = !1;
|
|
11940
11940
|
i.push(hn(e, "ready", () => {
|
|
11941
|
-
t = !0,
|
|
11941
|
+
t = !0, W(!1), e.resize(), rt && yn({
|
|
11942
11942
|
adapter: e,
|
|
11943
|
-
points:
|
|
11943
|
+
points: X.current,
|
|
11944
11944
|
animate: !1,
|
|
11945
|
-
routes:
|
|
11946
|
-
arcs:
|
|
11947
|
-
areas:
|
|
11948
|
-
|
|
11949
|
-
}), e.setGlobeProjection(
|
|
11945
|
+
routes: Xe.current,
|
|
11946
|
+
arcs: Ze.current,
|
|
11947
|
+
areas: Qe.current,
|
|
11948
|
+
...$()
|
|
11949
|
+
}), e.setGlobeProjection($e.current === "globe");
|
|
11950
11950
|
}), e.on("error", () => {
|
|
11951
|
-
t ||
|
|
11951
|
+
t || W(!0);
|
|
11952
11952
|
}), e.on("click", () => {
|
|
11953
|
-
|
|
11953
|
+
nt.current && Z.current(null);
|
|
11954
11954
|
}));
|
|
11955
11955
|
}
|
|
11956
11956
|
}, [
|
|
11957
|
-
|
|
11958
|
-
|
|
11959
|
-
|
|
11960
|
-
w,
|
|
11957
|
+
ge,
|
|
11958
|
+
C,
|
|
11959
|
+
xe,
|
|
11961
11960
|
T,
|
|
11962
|
-
|
|
11963
|
-
|
|
11964
|
-
|
|
11965
|
-
|
|
11966
|
-
|
|
11967
|
-
e
|
|
11968
|
-
|
|
11969
|
-
|
|
11970
|
-
|
|
11971
|
-
|
|
11972
|
-
Ct
|
|
11961
|
+
E,
|
|
11962
|
+
rt,
|
|
11963
|
+
B,
|
|
11964
|
+
Oe
|
|
11965
|
+
]), N(() => {
|
|
11966
|
+
let e = V.current;
|
|
11967
|
+
e && xt.current !== J && (xt.current = J, e.applyStyle(J), hn(e, "styled", () => e.setGlobeProjection($e.current === "globe")));
|
|
11968
|
+
}, [J]), N(() => {
|
|
11969
|
+
V.current?.setGlobeProjection(me === "globe");
|
|
11970
|
+
}, [me]);
|
|
11971
|
+
let Ct = F(ot);
|
|
11972
|
+
Ct.current = ot, N(() => {
|
|
11973
11973
|
if (!_) return;
|
|
11974
|
-
let e =
|
|
11974
|
+
let e = V.current, t = X.current.find((e) => e.id === _);
|
|
11975
11975
|
e && t && Ct.current(e, t);
|
|
11976
11976
|
}, [_]);
|
|
11977
|
-
let wt = bn(
|
|
11978
|
-
|
|
11977
|
+
let wt = bn(Ye), Tt = F(null);
|
|
11978
|
+
N(() => {
|
|
11979
11979
|
let e = Tt.current;
|
|
11980
|
-
Tt.current =
|
|
11981
|
-
let t =
|
|
11980
|
+
Tt.current = tt.current;
|
|
11981
|
+
let t = V.current;
|
|
11982
11982
|
if (!e || !t) return;
|
|
11983
|
-
let { inset: n, size: r } =
|
|
11983
|
+
let { inset: n, size: r } = $(), i = Q.current, a = !q, o = X.current.find((e) => e.id === et.current);
|
|
11984
11984
|
if (o) {
|
|
11985
11985
|
let e = i?.kind === "flight" ? i.zoom : void 0;
|
|
11986
11986
|
t.easeTo({
|
|
11987
|
-
center:
|
|
11987
|
+
center: le(t, o.coordinates, n, e),
|
|
11988
11988
|
zoom: e
|
|
11989
11989
|
}, { animate: a });
|
|
11990
11990
|
return;
|
|
11991
11991
|
}
|
|
11992
11992
|
if (i?.kind === "fit") {
|
|
11993
|
-
|
|
11993
|
+
at.current(t, a);
|
|
11994
11994
|
return;
|
|
11995
11995
|
}
|
|
11996
|
-
let s =
|
|
11996
|
+
let s = ce(se(e, r)), c = ce(n), l = t.project(t.getCenter()), u = l && t.unproject({
|
|
11997
11997
|
x: l.x + s.x - c.x,
|
|
11998
11998
|
y: l.y + s.y - c.y
|
|
11999
11999
|
});
|
|
12000
12000
|
u && t.easeTo({ center: u }, { animate: a });
|
|
12001
|
-
}, [wt,
|
|
12002
|
-
let Et = o.length > 0 || s.length > 0, Dt =
|
|
12001
|
+
}, [wt, $]);
|
|
12002
|
+
let Et = o.length > 0 || s.length > 0, Dt = Je === null ? 0 : Je + G.gap - G.inset, Ot = F({
|
|
12003
12003
|
from: Dt,
|
|
12004
12004
|
to: Dt
|
|
12005
12005
|
});
|
|
@@ -12007,133 +12007,133 @@ var Xt = {
|
|
|
12007
12007
|
from: Ot.current.to,
|
|
12008
12008
|
to: Dt
|
|
12009
12009
|
});
|
|
12010
|
-
let kt = Dt > Ot.current.from ?
|
|
12011
|
-
return /* @__PURE__ */
|
|
12012
|
-
dataTestId:
|
|
12013
|
-
children:
|
|
12014
|
-
ref:
|
|
12010
|
+
let kt = Dt > Ot.current.from ? K.enter : K.exit, At = Y ? K.enter : K.exit;
|
|
12011
|
+
return /* @__PURE__ */ L(r, {
|
|
12012
|
+
dataTestId: ve,
|
|
12013
|
+
children: ge ? /* @__PURE__ */ L(Qt, { className: ye }) : /* @__PURE__ */ R("div", {
|
|
12014
|
+
ref: Ie,
|
|
12015
12015
|
role: "region",
|
|
12016
|
-
"aria-label":
|
|
12017
|
-
className: a("f0-map relative h-full w-full overflow-hidden",
|
|
12016
|
+
"aria-label": _e ?? z.map.region,
|
|
12017
|
+
className: a("f0-map relative h-full w-full overflow-hidden", Le && "dark", !k && "rounded-2xl border border-solid border-f1-border-secondary", ye),
|
|
12018
12018
|
children: [
|
|
12019
|
-
/* @__PURE__ */
|
|
12020
|
-
href: `#${
|
|
12019
|
+
/* @__PURE__ */ L("a", {
|
|
12020
|
+
href: `#${Ae}`,
|
|
12021
12021
|
className: "sr-only rounded-md focus:not-sr-only focus:absolute focus:left-2 focus:top-2 focus:z-30 focus:bg-f1-background focus:px-3 focus:py-2 focus:text-sm focus:text-f1-foreground focus:shadow-md focus:outline-none focus:ring-1 focus:ring-f1-special-ring",
|
|
12022
|
-
children:
|
|
12022
|
+
children: z.map.skipToList
|
|
12023
12023
|
}),
|
|
12024
|
-
/* @__PURE__ */
|
|
12024
|
+
/* @__PURE__ */ L("div", {
|
|
12025
12025
|
role: "status",
|
|
12026
12026
|
"aria-live": "polite",
|
|
12027
12027
|
className: "sr-only",
|
|
12028
|
-
children: `${e.length} ${e.length === 1 ?
|
|
12028
|
+
children: `${e.length} ${e.length === 1 ? z.map.location : z.map.locations}`
|
|
12029
12029
|
}),
|
|
12030
|
-
!
|
|
12031
|
-
adapter:
|
|
12030
|
+
!U && H && c.length > 0 ? /* @__PURE__ */ L(Ee, {
|
|
12031
|
+
adapter: H,
|
|
12032
12032
|
areas: c,
|
|
12033
|
-
isDark:
|
|
12033
|
+
isDark: Le
|
|
12034
12034
|
}) : null,
|
|
12035
|
-
!
|
|
12036
|
-
adapter:
|
|
12035
|
+
!U && H && dt ? /* @__PURE__ */ R(ie, { children: [/* @__PURE__ */ L(Yt, {
|
|
12036
|
+
adapter: H,
|
|
12037
12037
|
coords: dt
|
|
12038
|
-
}), /* @__PURE__ */
|
|
12038
|
+
}), /* @__PURE__ */ L("span", {
|
|
12039
12039
|
className: "sr-only",
|
|
12040
|
-
children:
|
|
12040
|
+
children: z.map.currentLocation
|
|
12041
12041
|
})] }) : null,
|
|
12042
|
-
!
|
|
12043
|
-
adapter:
|
|
12042
|
+
!U && H && Et ? /* @__PURE__ */ L(Jt, {
|
|
12043
|
+
adapter: H,
|
|
12044
12044
|
routes: o,
|
|
12045
12045
|
arcs: s,
|
|
12046
|
-
isDark:
|
|
12046
|
+
isDark: Le,
|
|
12047
12047
|
onRouteClick: l,
|
|
12048
12048
|
onArcClick: u
|
|
12049
12049
|
}) : null,
|
|
12050
|
-
!
|
|
12051
|
-
adapter:
|
|
12050
|
+
!U && H && e.length > 0 ? /* @__PURE__ */ L(st, {
|
|
12051
|
+
adapter: H,
|
|
12052
12052
|
points: e,
|
|
12053
|
-
selectedId:
|
|
12053
|
+
selectedId: Ue,
|
|
12054
12054
|
highlightedId: _,
|
|
12055
12055
|
onSelect: lt,
|
|
12056
12056
|
onMarkerDrag: h,
|
|
12057
12057
|
onMarkerDragEnd: g,
|
|
12058
12058
|
onClusterExpand: _t
|
|
12059
12059
|
}) : null,
|
|
12060
|
-
!
|
|
12061
|
-
open:
|
|
12062
|
-
offsetX:
|
|
12063
|
-
offsetY:
|
|
12064
|
-
width:
|
|
12060
|
+
!U && H && de ? /* @__PURE__ */ L(ct, {
|
|
12061
|
+
open: Ge,
|
|
12062
|
+
offsetX: Ke,
|
|
12063
|
+
offsetY: qe,
|
|
12064
|
+
width: G.detailWidth,
|
|
12065
12065
|
entrance: "grow",
|
|
12066
|
-
ariaLabel:
|
|
12067
|
-
children:
|
|
12066
|
+
ariaLabel: z.map.detailPanel,
|
|
12067
|
+
children: de
|
|
12068
12068
|
}) : null,
|
|
12069
|
-
!
|
|
12070
|
-
className: a("absolute left-2 top-2 z-10",
|
|
12069
|
+
!U && H && A ? /* @__PURE__ */ L("div", {
|
|
12070
|
+
className: a("absolute left-2 top-2 z-10", Y && "opacity-0"),
|
|
12071
12071
|
style: {
|
|
12072
|
-
transitionProperty:
|
|
12072
|
+
transitionProperty: q ? "none" : "opacity",
|
|
12073
12073
|
transitionDuration: At.duration,
|
|
12074
12074
|
transitionTimingFunction: At.easing
|
|
12075
12075
|
},
|
|
12076
|
-
children: /* @__PURE__ */
|
|
12076
|
+
children: /* @__PURE__ */ R("div", {
|
|
12077
12077
|
className: "flex items-start gap-2",
|
|
12078
|
-
"aria-hidden":
|
|
12078
|
+
"aria-hidden": Y || void 0,
|
|
12079
12079
|
ref: (e) => {
|
|
12080
|
-
|
|
12080
|
+
Y ? e?.setAttribute("inert", "") : e?.removeAttribute("inert");
|
|
12081
12081
|
},
|
|
12082
|
-
children: [/* @__PURE__ */
|
|
12082
|
+
children: [/* @__PURE__ */ L(Ut, {
|
|
12083
12083
|
expanded: !1,
|
|
12084
|
-
onToggle:
|
|
12085
|
-
}),
|
|
12084
|
+
onToggle: A
|
|
12085
|
+
}), re ? /* @__PURE__ */ L(je, { children: re }) : null]
|
|
12086
12086
|
})
|
|
12087
12087
|
}) : null,
|
|
12088
|
-
!
|
|
12089
|
-
open:
|
|
12090
|
-
offsetX:
|
|
12091
|
-
width:
|
|
12092
|
-
headerStart:
|
|
12093
|
-
headerEnd: /* @__PURE__ */
|
|
12088
|
+
!U && H && A ? /* @__PURE__ */ L(ct, {
|
|
12089
|
+
open: Y,
|
|
12090
|
+
offsetX: G.inset,
|
|
12091
|
+
width: G.listWidth,
|
|
12092
|
+
headerStart: P,
|
|
12093
|
+
headerEnd: /* @__PURE__ */ L(Ut, {
|
|
12094
12094
|
expanded: !0,
|
|
12095
|
-
onToggle:
|
|
12095
|
+
onToggle: A,
|
|
12096
12096
|
bare: !0,
|
|
12097
12097
|
dataTestId: "map-panel-toggle-open"
|
|
12098
12098
|
}),
|
|
12099
|
-
children:
|
|
12099
|
+
children: ae
|
|
12100
12100
|
}) : null,
|
|
12101
|
-
!
|
|
12102
|
-
className: a("absolute left-2 z-10",
|
|
12101
|
+
!U && H && D && C ? /* @__PURE__ */ L("div", {
|
|
12102
|
+
className: a("absolute left-2 z-10", B === "google" ? "bottom-8" : "bottom-2"),
|
|
12103
12103
|
style: {
|
|
12104
12104
|
transform: `translateX(${Dt}px)`,
|
|
12105
|
-
transitionProperty:
|
|
12105
|
+
transitionProperty: q ? "none" : "transform",
|
|
12106
12106
|
transitionDuration: kt.duration,
|
|
12107
12107
|
transitionTimingFunction: kt.easing
|
|
12108
12108
|
},
|
|
12109
|
-
children: /* @__PURE__ */
|
|
12109
|
+
children: /* @__PURE__ */ L(Me, {
|
|
12110
12110
|
onZoomIn: pt,
|
|
12111
12111
|
onZoomOut: mt,
|
|
12112
12112
|
onFit: e.length > 0 || Et || c.length > 0 ? ht : void 0,
|
|
12113
12113
|
onLocate: gt,
|
|
12114
|
-
labels:
|
|
12114
|
+
labels: ee
|
|
12115
12115
|
})
|
|
12116
12116
|
}) : null,
|
|
12117
|
-
|
|
12117
|
+
De && !U ? /* @__PURE__ */ R("div", {
|
|
12118
12118
|
className: "absolute inset-x-0 top-0 z-30 flex items-center justify-between gap-3 border-b border-solid border-f1-border-secondary bg-f1-background px-4 py-2 text-sm text-f1-foreground",
|
|
12119
|
-
children: [/* @__PURE__ */
|
|
12119
|
+
children: [/* @__PURE__ */ L("span", { children: z.map.loadError }), /* @__PURE__ */ L("button", {
|
|
12120
12120
|
type: "button",
|
|
12121
12121
|
onClick: () => {
|
|
12122
|
-
|
|
12123
|
-
let e =
|
|
12124
|
-
e ? e.applyStyle(yt.current) :
|
|
12122
|
+
W(!1);
|
|
12123
|
+
let e = V.current;
|
|
12124
|
+
e ? e.applyStyle(yt.current) : ke((e) => e + 1);
|
|
12125
12125
|
},
|
|
12126
12126
|
className: "font-medium underline",
|
|
12127
|
-
children:
|
|
12127
|
+
children: z.map.retry
|
|
12128
12128
|
})]
|
|
12129
12129
|
}) : null,
|
|
12130
|
-
/* @__PURE__ */
|
|
12131
|
-
id:
|
|
12132
|
-
label:
|
|
12130
|
+
/* @__PURE__ */ L(Ne, {
|
|
12131
|
+
id: Ae,
|
|
12132
|
+
label: z.map.listLabel,
|
|
12133
12133
|
points: e,
|
|
12134
|
-
selectedId:
|
|
12134
|
+
selectedId: Ue,
|
|
12135
12135
|
onSelect: vt,
|
|
12136
|
-
visible:
|
|
12136
|
+
visible: U
|
|
12137
12137
|
})
|
|
12138
12138
|
]
|
|
12139
12139
|
})
|
|
@@ -12142,4 +12142,4 @@ var Xt = {
|
|
|
12142
12142
|
xn.displayName = "F0Map";
|
|
12143
12143
|
var Sn = xn;
|
|
12144
12144
|
//#endregion
|
|
12145
|
-
export {
|
|
12145
|
+
export { Me as S, vt as _, pn as a, Ge as b, Zt as c, Bt as d, Nt as f, Ot as g, Dt as h, un as i, Ut as l, jt as m, mn as n, Qt as o, Pt as p, ln as r, Xt as s, Sn as t, Ht as u, ht as v, Ne as x, ct as y };
|