@factorialco/f0-react 12.11.0 → 12.13.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-cs8kx5Zf.js → ArchiveThumbnail-BZgITTo2.js} +5 -5
- package/dist/{ArchiveViewer-BXUH8Lm5.js → ArchiveViewer-BHu224N3.js} +15 -15
- package/dist/{ChatPostComposerDialog-CGil1xkf.js → ChatPostComposerDialog-CsxxDqxh.js} +3 -3
- package/dist/{CoachmarkProvider-cZnuTk79.js → CoachmarkProvider-9PVhiN-N.js} +22476 -22653
- package/dist/{CodeThumbnail-Dcer4AyK.js → CodeThumbnail-ChpXV1S-.js} +1 -1
- package/dist/{CodeViewer-DFBwdIFm.js → CodeViewer-BKw04W0G.js} +8 -8
- package/dist/{DocumentToolbar-vZEyzJ89.js → DocumentToolbar-mB3bK8uS.js} +5 -5
- package/dist/{DocxViewer-DQV5Kv1n.js → DocxViewer-Dr8WXU1s.js} +3 -3
- package/dist/{F0AiProcessingOverlay-DjGkQ2Nc.js → F0AiProcessingOverlay-BUynKfyI.js} +503 -503
- package/dist/F0Alert-ALRcL0Af.js +102 -0
- package/dist/F0AudioPlayer-Cd9nIQX5.js +2 -0
- package/dist/F0AudioPlayer-vRJmmSpp.js +1175 -0
- package/dist/{F0Button-FXkThQ9H.js → F0Button-d91IgOnc.js} +3 -3
- package/dist/{F0CanvasPanel-BgDo2LWP.js → F0CanvasPanel-D1QmpvzX.js} +8551 -8267
- package/dist/F0DocumentViewer-CEuF9b_u.js +3 -0
- package/dist/{F0DocumentViewer-BXifXzUW.js → F0DocumentViewer-ChCqzIK3.js} +30 -19
- package/dist/{F0Icon-Cj0USbCF.js → F0Icon-DmCBV0gK.js} +1 -1
- package/dist/{F0Map-Dwev4u-_.js → F0Map-CWhV5A03.js} +505 -505
- package/dist/{F0Select-BWWdEd7l.js → F0Select-BZ20yXKy.js} +8284 -8333
- package/dist/F0VideoPlayer-DUw-DouS.js +1 -0
- package/dist/{F0VideoPlayer-BmCmHG87.js → F0VideoPlayer-wTc25_qN.js} +323 -367
- package/dist/{HtmlThumbnail-BAgkBH2r.js → HtmlThumbnail-BJuJkuvu.js} +1 -1
- package/dist/{HtmlViewer-FRfNoxhP.js → HtmlViewer-Uxb8n2vn.js} +27 -27
- package/dist/{F0Text-DMZW7dhN.js → LayoutGroup-BGb5jMxE.js} +29 -37
- package/dist/{Map-BxGPElF2.js → Map-95w5slTZ.js} +14 -14
- package/dist/{PdfThumbnail-CpGZz5Kq.js → PdfThumbnail-BYrhsyMw.js} +1 -1
- package/dist/{PdfViewer-C81MK43i.js → PdfViewer-DUxhQr-O.js} +13 -13
- package/dist/{SandboxedHtmlFrame-B6YWhgyg.js → SandboxedHtmlFrame-B95lWsIP.js} +2 -2
- package/dist/{SheetViewer-DPGpMNqq.js → SheetViewer-C9Rbh_xJ.js} +15 -15
- package/dist/{TextViewer-BH42AeG8.js → TextViewer-DP9lYxAB.js} +4 -4
- package/dist/ai.d.ts +3 -3
- package/dist/ai.js +5 -5
- package/dist/component-status.js +1 -1
- package/dist/dist-CFY0KELA.js +55 -0
- package/dist/dist-DtILhk4w.js +253 -0
- package/dist/{dist-D-MJbPvE.js → dist-zvwuNflP.js} +1 -1
- package/dist/experimental.d.ts +15 -3
- package/dist/experimental.js +6527 -6244
- package/dist/{exports-C0yM5usu.d.ts → exports-cxvNeHfV.d.ts} +1 -1
- package/dist/f0.d.ts +9 -130
- package/dist/f0.js +1834 -2906
- package/dist/{highlight-CyebkDAD.js → highlight-Bjt-wXg6.js} +7 -7
- package/dist/{i18n-provider-BBhzYHef.js → i18n-provider-Bdgo-LeP.js} +1 -1
- package/dist/{i18n-provider-defaults-BUagKwGN.js → i18n-provider-defaults-B9vdZZeS.js} +3 -0
- package/dist/{i18n-provider-defaults-CTDMMs-y.d.ts → i18n-provider-defaults-DyPn8R7T.d.ts} +3 -0
- package/dist/i18n-provider-defaults.d.ts +1 -1
- package/dist/i18n-provider-defaults.js +1 -1
- package/dist/{index-CduxMW5L.d.ts → index-DF8ubeg6.d.ts} +1 -1
- package/dist/localized-BrUgGMzm.js +46 -0
- package/dist/{maplibre-g-8NG-3q.js → maplibre-tJ3UolSF.js} +1 -1
- package/dist/{pdfWorker-D5NB2V5s.js → pdfWorker-BBnYtb1A.js} +1 -1
- package/dist/{popover-CQztsDta.js → popover-ics24JxK.js} +1 -1
- package/dist/scrollarea-cxaFAWG5.js +691 -0
- package/dist/{skeleton-DqejhQgn.js → skeleton-AC0Fb8zj.js} +1 -1
- package/dist/styles.css +1 -1
- package/dist/{toolbarStyles-0IygMI4H.js → toolbarStyles-lTj_42zD.js} +1 -1
- package/dist/{types-DlwD3i9z.d.ts → types-oJKIDe-E.d.ts} +124 -3
- package/dist/{useData-Dkq5W4r6.js → useData-BYkiGUHX.js} +4606 -5288
- package/package.json +1 -1
- package/dist/F0DocumentViewer-DWuIFBHu.js +0 -3
- package/dist/F0VideoPlayer-C8oYUUZM.js +0 -1
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { a as e, o as t,
|
|
2
|
-
import { i as r, r as i } from "./i18n-provider-
|
|
1
|
+
import { a as e, o as t, ui as n } from "./CoachmarkProvider-9PVhiN-N.js";
|
|
2
|
+
import { i as r, r as i } from "./i18n-provider-Bdgo-LeP.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 {
|
|
6
|
-
import { t as y } from "./F0Icon-
|
|
7
|
-
import {
|
|
8
|
-
import { a 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-d91IgOnc.js";
|
|
5
|
+
import { $ as m, Ds as h, Ko as g, Ws as _, ho as v } from "./F0CanvasPanel-D1QmpvzX.js";
|
|
6
|
+
import { t as y } from "./F0Icon-DmCBV0gK.js";
|
|
7
|
+
import { N as b, T as x, U as S, f as C, z as w } from "./useData-BYkiGUHX.js";
|
|
8
|
+
import { a as T, n as E, o as ee, s as te, t as D } from "./dist-Cuwaibqg.js";
|
|
9
|
+
import { createContext as O, forwardRef as k, useCallback as A, useContext as j, useEffect as M, useId as ne, useImperativeHandle as re, useLayoutEffect as ie, useMemo as N, useRef as P, useState as F } from "react";
|
|
10
|
+
import { Fragment as ae, jsx as I, jsxs as L } from "react/jsx-runtime";
|
|
11
|
+
import { createPortal as oe } from "react-dom";
|
|
12
12
|
//#region src/addons/map/F0Map/camera.ts
|
|
13
|
-
var
|
|
13
|
+
var se = (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
|
+
}), ce = (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 ce = (e, t) => ({
|
|
|
23
23
|
left: r ? 0 : e.left,
|
|
24
24
|
right: r ? 0 : e.right
|
|
25
25
|
};
|
|
26
|
-
},
|
|
26
|
+
}, le = (e) => ({
|
|
27
27
|
x: (e.left - e.right) / 2,
|
|
28
28
|
y: (e.top - e.bottom) / 2
|
|
29
|
-
}),
|
|
30
|
-
let i =
|
|
29
|
+
}), ue = (e, t, n, r = e.getZoom()) => {
|
|
30
|
+
let i = le(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
|
+
}, de = ({ 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 ce = (e, t) => ({
|
|
|
44
44
|
};
|
|
45
45
|
let u = Math.min(l + Math.log2(c), a);
|
|
46
46
|
return {
|
|
47
|
-
center:
|
|
47
|
+
center: ue(e, o.center, n, u),
|
|
48
48
|
zoom: u
|
|
49
49
|
};
|
|
50
|
-
},
|
|
51
|
-
let [r, i] = e, a =
|
|
50
|
+
}, fe = 6371008.8, pe = (e) => e * Math.PI / 180, me = (e) => e * 180 / Math.PI, he = (e, t, n = 64) => {
|
|
51
|
+
let [r, i] = e, a = pe(i), o = pe(r), s = Math.max(t, 0) / fe, 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([me(i), me(r)]);
|
|
55
55
|
}
|
|
56
56
|
return c.push(c[0]), c;
|
|
57
|
-
},
|
|
57
|
+
}, ge = [
|
|
58
58
|
"neutral",
|
|
59
59
|
"grey",
|
|
60
60
|
"radical",
|
|
@@ -72,15 +72,15 @@ var ce = (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"), _e = {
|
|
76
|
+
neutral: D.grey[100],
|
|
77
|
+
grey: D.grey.solid[50],
|
|
78
|
+
...Object.fromEntries(ge.map((e) => [e, D[e][50]]))
|
|
79
|
+
}, ve = (e) => `hsl(${_e[e]})`, ye = {
|
|
80
|
+
neutral: D.grey[100],
|
|
81
81
|
grey: "218 14% 30%",
|
|
82
|
-
...Object.fromEntries(
|
|
83
|
-
},
|
|
82
|
+
...Object.fromEntries(ge.map((e) => [e, D[e][70]]))
|
|
83
|
+
}, be = (e, t) => t ? ye[e] : _e[e], xe = D.grey[100], Se = {
|
|
84
84
|
sm: {
|
|
85
85
|
d: 16,
|
|
86
86
|
border: 1.5,
|
|
@@ -141,96 +141,96 @@ var ce = (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 } = e, b = e.variant ?? "color",
|
|
144
|
+
}, R = (e) => Se[e], z = 5.6, Ce = 1.5, we = () => {
|
|
145
|
+
let e = Se.xl;
|
|
146
|
+
return -(e.d - e.caretOverlap + e.caretH + z + Ce) + 3;
|
|
147
|
+
}, B = "hsl(var(--white-100))", V = k(function(e, t) {
|
|
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 } = e, b = e.variant ?? "color", S = Se[s ? "xl" : i], w = !!m, T = b === "color" || b === "icon" || b === "letter", E = b === "person" && "firstName" in e ? e.firstName + e.lastName : (b === "team" || b === "company") && "name" in e ? e.name : null, ee = T ? e.color ?? "radical" : E ? b === "person" && "src" in e && e.src ? "grey" : x(E) ?? "grey" : "neutral", te = n(), D = s ? 32 : {
|
|
149
149
|
xs: 12,
|
|
150
150
|
sm: 16,
|
|
151
151
|
md: 20,
|
|
152
152
|
lg: 24
|
|
153
|
-
}[
|
|
153
|
+
}[S.icon], O = {
|
|
154
154
|
xs: 20,
|
|
155
155
|
sm: 24,
|
|
156
156
|
md: 32,
|
|
157
157
|
lg: 40
|
|
158
|
-
},
|
|
158
|
+
}, k = Se[i].avatar, A = s ? O[S.avatar] / O[k] : 1, j = (e) => /* @__PURE__ */ I("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(${A})` },
|
|
161
161
|
children: e
|
|
162
|
-
}),
|
|
162
|
+
}), M = b === "color" ? null : b === "icon" && "icon" in e ? /* @__PURE__ */ I(y, {
|
|
163
163
|
icon: e.icon,
|
|
164
|
-
size:
|
|
164
|
+
size: S.icon,
|
|
165
165
|
color: "#ffffff",
|
|
166
166
|
style: {
|
|
167
|
-
width:
|
|
168
|
-
height:
|
|
167
|
+
width: D,
|
|
168
|
+
height: D,
|
|
169
169
|
transition: "width 200ms ease-out, height 200ms ease-out"
|
|
170
170
|
}
|
|
171
|
-
}) : b === "letter" && "letter" in e ? /* @__PURE__ */
|
|
171
|
+
}) : b === "letter" && "letter" in e ? /* @__PURE__ */ I("span", {
|
|
172
172
|
"aria-hidden": !0,
|
|
173
173
|
className: "font-semibold leading-none",
|
|
174
174
|
style: {
|
|
175
|
-
color:
|
|
176
|
-
fontSize: Math.round(
|
|
175
|
+
color: B,
|
|
176
|
+
fontSize: Math.round(D * .78),
|
|
177
177
|
transition: "font-size 200ms ease-out"
|
|
178
178
|
},
|
|
179
179
|
children: e.letter.charAt(0).toUpperCase()
|
|
180
|
-
}) : b === "person" && "firstName" in e ?
|
|
180
|
+
}) : b === "person" && "firstName" in e ? j(/* @__PURE__ */ I(C, {
|
|
181
181
|
avatar: {
|
|
182
182
|
type: "person",
|
|
183
183
|
firstName: e.firstName,
|
|
184
184
|
lastName: e.lastName,
|
|
185
185
|
src: e.src
|
|
186
186
|
},
|
|
187
|
-
size:
|
|
188
|
-
})) : b === "team" && "name" in e ?
|
|
187
|
+
size: k
|
|
188
|
+
})) : b === "team" && "name" in e ? j(/* @__PURE__ */ I(C, {
|
|
189
189
|
avatar: {
|
|
190
190
|
type: "team",
|
|
191
191
|
name: e.name,
|
|
192
192
|
src: e.src
|
|
193
193
|
},
|
|
194
|
-
size:
|
|
195
|
-
})) : b === "company" && "name" in e ?
|
|
194
|
+
size: k
|
|
195
|
+
})) : b === "company" && "name" in e ? j(/* @__PURE__ */ I(C, {
|
|
196
196
|
avatar: {
|
|
197
197
|
type: "company",
|
|
198
198
|
name: e.name,
|
|
199
199
|
src: e.src
|
|
200
200
|
},
|
|
201
|
-
size:
|
|
202
|
-
})) : b === "image" && "src" in e ? /* @__PURE__ */
|
|
201
|
+
size: k
|
|
202
|
+
})) : b === "image" && "src" in e ? /* @__PURE__ */ I("img", {
|
|
203
203
|
src: e.src,
|
|
204
204
|
alt: "alt" in e ? e.alt ?? "" : "",
|
|
205
205
|
className: "h-full w-full object-cover"
|
|
206
|
-
}) : null,
|
|
206
|
+
}) : null, ne = b === "team" || b === "company" || b === "icon", re = /* @__PURE__ */ I("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
|
-
width:
|
|
210
|
-
height:
|
|
211
|
-
borderRadius:
|
|
212
|
-
borderWidth:
|
|
213
|
-
borderColor:
|
|
214
|
-
backgroundColor:
|
|
215
|
-
},
|
|
216
|
-
children: b === "color" ? /* @__PURE__ */
|
|
209
|
+
width: S.d,
|
|
210
|
+
height: S.d,
|
|
211
|
+
borderRadius: ne ? Math.round(S.d * .3) : 9999,
|
|
212
|
+
borderWidth: S.border,
|
|
213
|
+
borderColor: B,
|
|
214
|
+
backgroundColor: T ? ve(ee) : B
|
|
215
|
+
},
|
|
216
|
+
children: b === "color" ? /* @__PURE__ */ I("span", {
|
|
217
217
|
className: "rounded-full transition-all duration-200 ease-out",
|
|
218
218
|
style: {
|
|
219
|
-
width:
|
|
220
|
-
height:
|
|
221
|
-
backgroundColor:
|
|
222
|
-
}
|
|
223
|
-
}) :
|
|
224
|
-
}),
|
|
225
|
-
width:
|
|
226
|
-
height:
|
|
219
|
+
width: S.d * .36,
|
|
220
|
+
height: S.d * .36,
|
|
221
|
+
backgroundColor: B
|
|
222
|
+
}
|
|
223
|
+
}) : M
|
|
224
|
+
}), ie = /* @__PURE__ */ I(p, { children: s ? /* @__PURE__ */ I(l.svg, {
|
|
225
|
+
width: S.caretW,
|
|
226
|
+
height: S.caretH,
|
|
227
227
|
viewBox: "0 0 16 13",
|
|
228
228
|
"aria-hidden": !0,
|
|
229
229
|
className: "absolute left-1/2",
|
|
230
230
|
style: {
|
|
231
|
-
top:
|
|
232
|
-
marginLeft: -
|
|
233
|
-
fill:
|
|
231
|
+
top: S.d - S.caretOverlap - 3,
|
|
232
|
+
marginLeft: -S.caretW / 2,
|
|
233
|
+
fill: B,
|
|
234
234
|
transformOrigin: "50% 0%"
|
|
235
235
|
},
|
|
236
236
|
initial: {
|
|
@@ -245,84 +245,84 @@ var ce = (e, t) => ({
|
|
|
245
245
|
scaleY: 0,
|
|
246
246
|
opacity: 0
|
|
247
247
|
},
|
|
248
|
-
transition:
|
|
248
|
+
transition: te ? { 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__ */ I("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 }), N = /* @__PURE__ */ L("span", {
|
|
255
255
|
className: "relative inline-flex",
|
|
256
|
-
style: { filter: `drop-shadow(0 ${
|
|
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 ${S.shadowY}px ${S.shadowBlur / 2}px hsl(${xe} / 0.3))` },
|
|
257
|
+
children: [ie, re]
|
|
258
|
+
}), P = Se[i], F = S.d / 2, oe = z, se = s ? we() : -F, ce = s ? "bottom" : f, le = `0 0 ${Math.max(2, Math.round(P.label * .28))}px ${B}`, ue = [
|
|
259
|
+
le,
|
|
260
|
+
le,
|
|
261
|
+
`0 1px 2px ${B}`,
|
|
262
|
+
`0 -1px 2px ${B}`,
|
|
263
|
+
`1px 0 2px ${B}`,
|
|
264
|
+
`-1px 0 2px ${B}`
|
|
265
|
+
].join(","), de = !s && (ce === "top" || ce === "bottom"), fe = de ? "line-clamp-4 text-center" : s ? "whitespace-nowrap text-center" : "whitespace-nowrap", pe = P.d / 2, me = {
|
|
266
266
|
right: {
|
|
267
|
-
transform: `translate(${
|
|
268
|
-
style: { paddingLeft:
|
|
267
|
+
transform: `translate(${pe}px, -50%)`,
|
|
268
|
+
style: { paddingLeft: P.gap }
|
|
269
269
|
},
|
|
270
270
|
left: {
|
|
271
|
-
transform: `translate(calc(-100% - ${
|
|
271
|
+
transform: `translate(calc(-100% - ${pe}px), -50%)`,
|
|
272
272
|
style: {
|
|
273
|
-
paddingRight:
|
|
273
|
+
paddingRight: P.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% - ${pe}px))`,
|
|
279
|
+
style: { paddingBottom: P.gap }
|
|
280
280
|
},
|
|
281
281
|
bottom: {
|
|
282
|
-
transform: `translate(-50%, ${s ?
|
|
283
|
-
style: { paddingTop:
|
|
282
|
+
transform: `translate(-50%, ${s ? oe : pe}px)`,
|
|
283
|
+
style: { paddingTop: P.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
|
+
}[ce], he = u && d && !c && /* @__PURE__ */ I("span", {
|
|
286
|
+
className: a("absolute left-0 top-0 font-semibold leading-tight transition-all duration-200 ease-out", fe),
|
|
287
287
|
style: {
|
|
288
|
-
color: `hsl(${
|
|
289
|
-
fontSize:
|
|
290
|
-
textShadow:
|
|
291
|
-
transform:
|
|
292
|
-
maxWidth:
|
|
293
|
-
...
|
|
288
|
+
color: `hsl(${ye[ee]})`,
|
|
289
|
+
fontSize: P.label,
|
|
290
|
+
textShadow: ue,
|
|
291
|
+
transform: me.transform,
|
|
292
|
+
maxWidth: de ? P.maxLabelW : void 0,
|
|
293
|
+
...me.style
|
|
294
294
|
},
|
|
295
295
|
children: u
|
|
296
|
-
}),
|
|
296
|
+
}), ge = /* @__PURE__ */ I("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: oe * 2,
|
|
301
|
+
height: oe * 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: B,
|
|
306
|
+
backgroundColor: ve(ee),
|
|
307
|
+
boxShadow: `0 1px 2px hsl(${xe} / 0.3)`,
|
|
308
308
|
transform: `scale(${s || c ? 1 : 0})`,
|
|
309
309
|
opacity: s || c ? 1 : 0
|
|
310
310
|
}
|
|
311
|
-
}),
|
|
312
|
-
|
|
313
|
-
/* @__PURE__ */
|
|
311
|
+
}), _e = /* @__PURE__ */ L(ae, { children: [
|
|
312
|
+
ge,
|
|
313
|
+
/* @__PURE__ */ I("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%, ${se}px) scale(${+!c})`,
|
|
317
317
|
opacity: +!c
|
|
318
318
|
},
|
|
319
|
-
children:
|
|
319
|
+
children: N
|
|
320
320
|
}),
|
|
321
|
-
|
|
321
|
+
he
|
|
322
322
|
] });
|
|
323
|
-
return /* @__PURE__ */
|
|
323
|
+
return /* @__PURE__ */ I(r, {
|
|
324
324
|
dataTestId: _,
|
|
325
|
-
children:
|
|
325
|
+
children: w ? /* @__PURE__ */ I("button", {
|
|
326
326
|
ref: t,
|
|
327
327
|
type: "button",
|
|
328
328
|
...g ? {
|
|
@@ -334,112 +334,112 @@ var ce = (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: _e
|
|
338
|
+
}) : /* @__PURE__ */ I("span", {
|
|
339
339
|
role: "img",
|
|
340
340
|
"aria-label": h,
|
|
341
341
|
className: a("relative inline-flex", v),
|
|
342
|
-
children:
|
|
342
|
+
children: _e
|
|
343
343
|
})
|
|
344
344
|
});
|
|
345
345
|
});
|
|
346
|
-
|
|
347
|
-
var
|
|
346
|
+
V.displayName = "BaseMapMarker";
|
|
347
|
+
var Te = V, H = (e, t) => `hsl(${be(e, t).replace(/ /g, ", ")})`, Ee = (e, t) => ({
|
|
348
348
|
id: e.id,
|
|
349
|
-
ring:
|
|
350
|
-
color: e.color ??
|
|
349
|
+
ring: he(e.center, e.radiusMeters),
|
|
350
|
+
color: e.color ?? H(e.variant ?? "malibu", t),
|
|
351
351
|
fillOpacity: .15,
|
|
352
352
|
strokeWidth: 2
|
|
353
|
-
}),
|
|
354
|
-
let r =
|
|
355
|
-
return
|
|
353
|
+
}), De = ({ adapter: e, areas: t, isDark: n }) => {
|
|
354
|
+
let r = N(() => t.map((e) => Ee(e, n)), [t, n]);
|
|
355
|
+
return M(function() {
|
|
356
356
|
e.setAreas(r);
|
|
357
|
-
}, [e, r]),
|
|
357
|
+
}, [e, r]), M(function() {
|
|
358
358
|
return () => e.setAreas([]);
|
|
359
359
|
}, [e]), null;
|
|
360
|
-
},
|
|
360
|
+
}, Oe = {
|
|
361
361
|
background: "transparent",
|
|
362
362
|
border: "default",
|
|
363
363
|
borderStyle: "solid",
|
|
364
364
|
borderColor: "secondary"
|
|
365
|
-
},
|
|
365
|
+
}, U = {
|
|
366
366
|
control: "md",
|
|
367
367
|
panel: "xl"
|
|
368
|
-
},
|
|
368
|
+
}, ke = {
|
|
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
|
+
}, Ae = (e) => ke[e], W = {
|
|
372
372
|
inset: 8,
|
|
373
373
|
gap: 8,
|
|
374
374
|
listWidth: 214,
|
|
375
375
|
detailWidth: 344,
|
|
376
376
|
toggleSize: 38
|
|
377
|
-
},
|
|
377
|
+
}, je = "cubic-bezier(0.77, 0, 0.175, 1)", G = {
|
|
378
378
|
enter: {
|
|
379
379
|
duration: "175ms",
|
|
380
|
-
easing:
|
|
380
|
+
easing: je
|
|
381
381
|
},
|
|
382
382
|
exit: {
|
|
383
383
|
duration: "250ms",
|
|
384
|
-
easing:
|
|
384
|
+
easing: je
|
|
385
385
|
}
|
|
386
|
-
},
|
|
387
|
-
className:
|
|
388
|
-
children: /* @__PURE__ */
|
|
389
|
-
...
|
|
390
|
-
borderRadius:
|
|
386
|
+
}, Me = ({ children: e }) => /* @__PURE__ */ I("div", {
|
|
387
|
+
className: Ae(U.control),
|
|
388
|
+
children: /* @__PURE__ */ I(b, {
|
|
389
|
+
...Oe,
|
|
390
|
+
borderRadius: U.control,
|
|
391
391
|
padding: "none",
|
|
392
|
-
children: /* @__PURE__ */
|
|
392
|
+
children: /* @__PURE__ */ I("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
|
+
}), Ne = k(({ 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__ */ I(Me, { children: e });
|
|
399
|
+
return /* @__PURE__ */ I(r, {
|
|
400
400
|
dataTestId: s,
|
|
401
|
-
children: /* @__PURE__ */
|
|
401
|
+
children: /* @__PURE__ */ L("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__ */ L(ae, { children: [n ? /* @__PURE__ */ I(f, {
|
|
408
408
|
variant: "ghost",
|
|
409
409
|
size: "md",
|
|
410
410
|
label: o?.fit ?? l.map.controls.fit,
|
|
411
|
-
icon:
|
|
411
|
+
icon: h,
|
|
412
412
|
hideLabel: !0,
|
|
413
413
|
onClick: n
|
|
414
|
-
}) : null, a ? /* @__PURE__ */
|
|
414
|
+
}) : null, a ? /* @__PURE__ */ I(f, {
|
|
415
415
|
variant: "ghost",
|
|
416
416
|
size: "md",
|
|
417
417
|
label: o?.locate ?? l.map.controls.locate,
|
|
418
|
-
icon:
|
|
418
|
+
icon: v,
|
|
419
419
|
hideLabel: !0,
|
|
420
420
|
onClick: a
|
|
421
|
-
}) : null] })) : null, d ? p(/* @__PURE__ */
|
|
421
|
+
}) : null] })) : null, d ? p(/* @__PURE__ */ L(ae, { children: [e ? /* @__PURE__ */ I(f, {
|
|
422
422
|
variant: "ghost",
|
|
423
423
|
size: "md",
|
|
424
424
|
label: o?.zoomIn ?? l.map.controls.zoomIn,
|
|
425
|
-
icon:
|
|
425
|
+
icon: S,
|
|
426
426
|
hideLabel: !0,
|
|
427
427
|
onClick: e
|
|
428
|
-
}) : null, t ? /* @__PURE__ */
|
|
428
|
+
}) : null, t ? /* @__PURE__ */ I(f, {
|
|
429
429
|
variant: "ghost",
|
|
430
430
|
size: "md",
|
|
431
431
|
label: o?.zoomOut ?? l.map.controls.zoomOut,
|
|
432
|
-
icon:
|
|
432
|
+
icon: w,
|
|
433
433
|
hideLabel: !0,
|
|
434
434
|
onClick: t
|
|
435
435
|
}) : null] })) : null]
|
|
436
436
|
})
|
|
437
437
|
});
|
|
438
438
|
});
|
|
439
|
-
|
|
439
|
+
Ne.displayName = "F0MapControls";
|
|
440
440
|
//#endregion
|
|
441
441
|
//#region src/addons/map/F0Map/components/F0MapList/F0MapList.tsx
|
|
442
|
-
var
|
|
442
|
+
var K = (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 G = (e, t) => {
|
|
|
447
447
|
case "stop": return e.letter.charAt(0).toUpperCase();
|
|
448
448
|
default: return t;
|
|
449
449
|
}
|
|
450
|
-
},
|
|
450
|
+
}, Pe = k(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__ */ I(r, {
|
|
453
453
|
dataTestId: l,
|
|
454
|
-
children: /* @__PURE__ */
|
|
454
|
+
children: /* @__PURE__ */ L("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__ */ I("h2", {
|
|
461
461
|
className: "text-f1-foreground mb-2 text-base font-medium",
|
|
462
462
|
children: p
|
|
463
|
-
}) : null, /* @__PURE__ */
|
|
463
|
+
}) : null, /* @__PURE__ */ I("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__ */ I("li", { children: /* @__PURE__ */ I("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: K(e, f.map.unnamedLocation)
|
|
471
471
|
}) }, e.id))
|
|
472
472
|
})]
|
|
473
473
|
})
|
|
474
474
|
});
|
|
475
475
|
});
|
|
476
|
-
|
|
476
|
+
Pe.displayName = "F0MapList";
|
|
477
477
|
//#endregion
|
|
478
478
|
//#region src/addons/map/F0Map/hooks/useClusters.ts
|
|
479
|
-
var
|
|
480
|
-
let [a, o] =
|
|
479
|
+
var Fe = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i = 164 }) => {
|
|
480
|
+
let [a, o] = F({
|
|
481
481
|
clusters: [],
|
|
482
482
|
singles: t
|
|
483
483
|
});
|
|
484
|
-
return
|
|
484
|
+
return M(() => {
|
|
485
485
|
if (!e || !n) {
|
|
486
486
|
o({
|
|
487
487
|
clusters: [],
|
|
@@ -556,13 +556,13 @@ var Ie = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
|
|
|
556
556
|
r,
|
|
557
557
|
i
|
|
558
558
|
]), a;
|
|
559
|
-
},
|
|
559
|
+
}, Ie = 4, Le = 4, Re = [
|
|
560
560
|
"right",
|
|
561
561
|
"bottom",
|
|
562
562
|
"left",
|
|
563
563
|
"top"
|
|
564
|
-
],
|
|
565
|
-
let a =
|
|
564
|
+
], ze = 1.7, Be = (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, q = null, Ve = (e, t) => (!q && typeof document < "u" && (q = document.createElement("canvas").getContext("2d")), q ? (q.font = `600 ${t}px Inter, system-ui, sans-serif`, q.measureText(e).width) : e.length * t * .55), He = ({ placement: e, cx: t, cy: n, point: r, size: i }) => {
|
|
565
|
+
let a = R(i), o = Ve(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 Ie = ({ 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), Le) * a.lineH, u = a.gap + Ie, 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
|
+
}, Ue = (e, t, n = "md") => {
|
|
583
|
+
let [r, i] = F({});
|
|
584
|
+
return M(() => {
|
|
585
585
|
if (!e) {
|
|
586
586
|
i({});
|
|
587
587
|
return;
|
|
588
588
|
}
|
|
589
589
|
let r = 0, a = () => {
|
|
590
|
-
let r =
|
|
590
|
+
let r = R(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 Ie = ({ 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 * ze) ** 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 Ie = ({ 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, ...Re.filter((e) => e !== s)], l = null;
|
|
620
620
|
for (let e of c) {
|
|
621
|
-
let t =
|
|
621
|
+
let t = He({
|
|
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) => Be(t, e)), s = f.some((e) => Be(t, e));
|
|
628
628
|
if (!o && !s) {
|
|
629
629
|
l = e, f.push(t);
|
|
630
630
|
break;
|
|
@@ -656,19 +656,19 @@ var Ie = ({ 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
|
+
}, We = 3, Ge = ({ adapter: e, el: t, markerRef: n, coordinates: r, drag: i }) => {
|
|
660
|
+
let a = P({
|
|
661
661
|
coordinates: r,
|
|
662
662
|
drag: i
|
|
663
663
|
});
|
|
664
|
-
|
|
664
|
+
ie(function() {
|
|
665
665
|
a.current = {
|
|
666
666
|
coordinates: r,
|
|
667
667
|
drag: i
|
|
668
668
|
};
|
|
669
669
|
});
|
|
670
670
|
let o = !!i;
|
|
671
|
-
|
|
671
|
+
M(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 Ie = ({ 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 < We || (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) => {
|
|
@@ -703,8 +703,8 @@ var Ie = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
|
|
|
703
703
|
o
|
|
704
704
|
]);
|
|
705
705
|
}, J = (e, t) => {
|
|
706
|
-
let [n, r] =
|
|
707
|
-
return
|
|
706
|
+
let [n, r] = F(() => e ? e.getZoom() >= t : !1);
|
|
707
|
+
return M(() => {
|
|
708
708
|
if (!e) {
|
|
709
709
|
r(!1);
|
|
710
710
|
return;
|
|
@@ -734,7 +734,7 @@ var Ie = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
|
|
|
734
734
|
case "workplace": return {
|
|
735
735
|
variant: {
|
|
736
736
|
variant: "icon",
|
|
737
|
-
icon:
|
|
737
|
+
icon: g
|
|
738
738
|
},
|
|
739
739
|
color: qe
|
|
740
740
|
};
|
|
@@ -747,9 +747,9 @@ var Ie = ({ adapter: e, points: t, enabled: n, radius: r = 12, clusterRadius: i
|
|
|
747
747
|
};
|
|
748
748
|
default: return { variant: { variant: "color" } };
|
|
749
749
|
}
|
|
750
|
-
}, Xe =
|
|
750
|
+
}, Xe = k(function(e, t) {
|
|
751
751
|
let { variant: n, color: r } = Ye(e);
|
|
752
|
-
return /* @__PURE__ */
|
|
752
|
+
return /* @__PURE__ */ I(Te, {
|
|
753
753
|
ref: t,
|
|
754
754
|
...n,
|
|
755
755
|
color: r,
|
|
@@ -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
|
-
}, rt =
|
|
785
|
-
let u = i(), [d, f] =
|
|
784
|
+
}, rt = k(function({ count: e, members: t, onClick: n, ariaLabel: o, dataTestId: s, className: c }, l) {
|
|
785
|
+
let u = i(), [d, f] = F(!1), p = t.slice(0, e <= Ze ? Ze : Qe), m = Math.max(0, e - p.length), h = m > 0, g = m > 99 ? "+99" : `+${m}`, _ = nt[p.length + +!!h] ?? nt[4], v = d ? $e : 1, y = d ? et : 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
789
|
transition: `transform 240ms ${X}`
|
|
790
790
|
};
|
|
791
791
|
};
|
|
792
|
-
return /* @__PURE__ */
|
|
792
|
+
return /* @__PURE__ */ I(r, {
|
|
793
793
|
dataTestId: s,
|
|
794
|
-
children: /* @__PURE__ */
|
|
794
|
+
children: /* @__PURE__ */ L("div", {
|
|
795
795
|
ref: l,
|
|
796
796
|
role: "button",
|
|
797
797
|
tabIndex: 0,
|
|
@@ -806,7 +806,7 @@ 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__ */ I("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: {
|
|
@@ -816,20 +816,20 @@ var Y = Xe, Ze = 4, Qe = 3, $e = 1.3, et = 1.08, X = "cubic-bezier(0.16, 1, 0.3,
|
|
|
816
816
|
height: tt
|
|
817
817
|
}
|
|
818
818
|
}),
|
|
819
|
-
p.map((e, t) => /* @__PURE__ */
|
|
819
|
+
p.map((e, t) => /* @__PURE__ */ I("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__ */ I(Y, {
|
|
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__ */ L("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
835
|
zIndex: Qe,
|
|
@@ -837,10 +837,10 @@ var Y = Xe, Ze = 4, Qe = 3, $e = 1.3, et = 1.08, X = "cubic-bezier(0.16, 1, 0.3,
|
|
|
837
837
|
transform: `translate(${e * v}px, ${t * v}px) translate(-50%, -50%) scale(${y})`,
|
|
838
838
|
transition: `transform 240ms ${X}`
|
|
839
839
|
},
|
|
840
|
-
children: [/* @__PURE__ */
|
|
840
|
+
children: [/* @__PURE__ */ I("span", {
|
|
841
841
|
"aria-hidden": !0,
|
|
842
842
|
className: "absolute inset-0 bg-f1-background-hover"
|
|
843
|
-
}), /* @__PURE__ */
|
|
843
|
+
}), /* @__PURE__ */ I("span", {
|
|
844
844
|
className: "relative",
|
|
845
845
|
children: g
|
|
846
846
|
})]
|
|
@@ -854,14 +854,14 @@ rt.displayName = "F0MapCluster";
|
|
|
854
854
|
var Z = rt, it = 16, Q = (e, t, n, r) => {
|
|
855
855
|
let i = e.project(t.coordinates);
|
|
856
856
|
if (!i) return null;
|
|
857
|
-
let a =
|
|
857
|
+
let a = R("xl"), o = R(r), s = i.y + we(), 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 ? Ve(t.label, o.label) : 0, u = {
|
|
863
863
|
x: i.x - l / 2,
|
|
864
|
-
y: i.y +
|
|
864
|
+
y: i.y + z,
|
|
865
865
|
w: l,
|
|
866
866
|
h: o.lineH
|
|
867
867
|
}, d = o.d, f = /* @__PURE__ */ new Set();
|
|
@@ -874,12 +874,12 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
|
|
|
874
874
|
w: d,
|
|
875
875
|
h: d
|
|
876
876
|
};
|
|
877
|
-
(
|
|
877
|
+
(Be(r, c) || l > 0 && Be(r, u)) && f.add(t.id);
|
|
878
878
|
}
|
|
879
879
|
return f;
|
|
880
880
|
}, at = (e, t, n, r) => {
|
|
881
|
-
let [i, a] =
|
|
882
|
-
return
|
|
881
|
+
let [i, a] = F(null);
|
|
882
|
+
return M(() => {
|
|
883
883
|
if (!t || !n.some((e) => e.id === t.id)) {
|
|
884
884
|
a(null);
|
|
885
885
|
return;
|
|
@@ -905,15 +905,15 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
|
|
|
905
905
|
let { id: t, coordinates: n, label: r, draggable: i, ...a } = e;
|
|
906
906
|
return a;
|
|
907
907
|
}, $ = ({ adapter: e, coordinates: t, selected: n, drag: r, children: i }) => {
|
|
908
|
-
let [a] =
|
|
909
|
-
return
|
|
908
|
+
let [a] = F(() => document.createElement("div")), o = P(null);
|
|
909
|
+
return M(() => {
|
|
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]), M(() => {
|
|
917
917
|
o.current?.setPosition(t);
|
|
918
918
|
}, [t]), Ge({
|
|
919
919
|
adapter: e,
|
|
@@ -921,15 +921,15 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
|
|
|
921
921
|
markerRef: o,
|
|
922
922
|
coordinates: t,
|
|
923
923
|
drag: r
|
|
924
|
-
}),
|
|
924
|
+
}), M(() => {
|
|
925
925
|
a.style.zIndex = n ? "2" : "";
|
|
926
|
-
}, [a, n]),
|
|
926
|
+
}, [a, n]), oe(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 = N(() => d ? t.filter((e) => !e.draggable) : t, [t, d]), m = Fe({
|
|
929
929
|
adapter: e,
|
|
930
930
|
points: f,
|
|
931
931
|
enabled: !0
|
|
932
|
-
}), { clusters: h } = m, g =
|
|
932
|
+
}), { clusters: h } = m, g = N(() => {
|
|
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
|
-
]), _ = J(e, it) ? "lg" : "md", v =
|
|
941
|
-
return /* @__PURE__ */
|
|
940
|
+
]), _ = J(e, it) ? "lg" : "md", v = Ue(e, g, _), y = new Map(t.map((e) => [e.id, e])), b = h.length > 0, x = at(e, n ? y.get(n) : void 0, g, _);
|
|
941
|
+
return /* @__PURE__ */ L(p, { children: [h.map((t) => /* @__PURE__ */ I($, {
|
|
942
942
|
adapter: e,
|
|
943
943
|
coordinates: t.coordinates,
|
|
944
944
|
selected: !1,
|
|
945
|
-
children: /* @__PURE__ */
|
|
945
|
+
children: /* @__PURE__ */ I(l.span, {
|
|
946
946
|
initial: {
|
|
947
947
|
scale: .8,
|
|
948
948
|
opacity: 0
|
|
@@ -966,7 +966,7 @@ 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__ */ I(Z, {
|
|
970
970
|
count: t.count,
|
|
971
971
|
members: t.pointIds.map((e) => y.get(e)).filter((e) => !!e).map(ot),
|
|
972
972
|
onClick: () => c(t.bounds)
|
|
@@ -974,7 +974,7 @@ var Z = rt, it = 16, Q = (e, t, n, r) => {
|
|
|
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__ */ I($, {
|
|
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__ */ I(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__ */ I(p, {
|
|
1001
1001
|
initial: !1,
|
|
1002
|
-
children: /* @__PURE__ */
|
|
1002
|
+
children: /* @__PURE__ */ I(l.span, {
|
|
1003
1003
|
initial: { opacity: 0 },
|
|
1004
1004
|
animate: { opacity: 1 },
|
|
1005
1005
|
exit: { opacity: 0 },
|
|
@@ -1008,7 +1008,7 @@ 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__ */
|
|
1011
|
+
children: /* @__PURE__ */ I(Y, {
|
|
1012
1012
|
...ot(t),
|
|
1013
1013
|
size: _,
|
|
1014
1014
|
label: t.label,
|
|
@@ -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 = W.inset, width: s, entrance: c = "slide", headerStart: l, headerEnd: u, ariaLabel: f, dataTestId: p }) => {
|
|
1029
|
+
let m = i(), h = d(), g = t ? G.enter : G.exit, _ = n - W.inset, v = P({
|
|
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 ? G.enter : G.exit, x = c === "grow" ? "translateX(-10%) scale(0.97)" : `translateX(calc(-100% - ${W.inset}px))`;
|
|
1038
|
+
return /* @__PURE__ */ I(r, {
|
|
1039
1039
|
dataTestId: p,
|
|
1040
|
-
children: /* @__PURE__ */
|
|
1040
|
+
children: /* @__PURE__ */ I("div", {
|
|
1041
1041
|
className: "pointer-events-none absolute bottom-2 z-10",
|
|
1042
1042
|
style: {
|
|
1043
|
-
left:
|
|
1043
|
+
left: W.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__ */ I("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", Ae(U.panel), t ? "pointer-events-auto" : "opacity-0"),
|
|
1058
1058
|
style: {
|
|
1059
1059
|
transform: t || h ? "translateX(0px) scale(1)" : x,
|
|
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__ */ I(b, {
|
|
1066
|
+
...Oe,
|
|
1067
|
+
borderRadius: U.panel,
|
|
1068
1068
|
padding: "none",
|
|
1069
1069
|
height: "full",
|
|
1070
|
-
children: /* @__PURE__ */
|
|
1070
|
+
children: /* @__PURE__ */ L("div", {
|
|
1071
1071
|
className: "flex h-full flex-col",
|
|
1072
|
-
children: [l || u ? /* @__PURE__ */
|
|
1072
|
+
children: [l || u ? /* @__PURE__ */ L("div", {
|
|
1073
1073
|
className: "flex shrink-0 items-center justify-between gap-1 p-0.5",
|
|
1074
|
-
children: [/* @__PURE__ */
|
|
1074
|
+
children: [/* @__PURE__ */ I("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__ */ I("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 - ee.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 = O(null), ht = () => j(mt);
|
|
1088
1088
|
function gt() {
|
|
1089
|
-
let [e, t] =
|
|
1089
|
+
let [e, t] = F(!1), n = P(0), r = A(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 M(function() {
|
|
1097
1097
|
return () => cancelAnimationFrame(n.current);
|
|
1098
1098
|
}, []), {
|
|
1099
1099
|
isInstant: e,
|
|
@@ -1101,95 +1101,95 @@ function gt() {
|
|
|
1101
1101
|
};
|
|
1102
1102
|
}
|
|
1103
1103
|
function _t() {
|
|
1104
|
-
let [e, t] =
|
|
1105
|
-
return
|
|
1104
|
+
let [e, t] = F(() => window.innerWidth);
|
|
1105
|
+
return M(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__ */ I(yt, {
|
|
1112
1112
|
...n,
|
|
1113
1113
|
children: t
|
|
1114
|
-
}) : /* @__PURE__ */
|
|
1114
|
+
}) : /* @__PURE__ */ I(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] = F(te.primary), [c, l] = F(te.panel), [d, f] = m({
|
|
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)),
|
|
1125
|
+
}), p = lt(a, o, Math.max(320, c)), h = Math.min(c, p), g = d === null ? h : ut(d, p), _ = A(function(e) {
|
|
1126
1126
|
s(e);
|
|
1127
|
-
}, []), v =
|
|
1127
|
+
}, []), v = P(c), y = A(function(e) {
|
|
1128
1128
|
e !== v.current && (v.current = e, i(), l(e));
|
|
1129
|
-
}, [i]), b =
|
|
1129
|
+
}, [i]), b = A(function(e) {
|
|
1130
1130
|
i(), f(e);
|
|
1131
|
-
}, [i, f]), x =
|
|
1131
|
+
}, [i, f]), x = A(function() {
|
|
1132
1132
|
i(), f(null);
|
|
1133
|
-
}, [i, f]), S = u(`(max-width: ${o + (e ?
|
|
1134
|
-
|
|
1133
|
+
}, [i, f]), S = u(`(max-width: ${o + (e ? h : te.panel) + ee.mainMin - 1}px)`, { initializeWithValue: !0 }) ? "overlay" : "docked", [C, w] = F(!1), T = P(0), E = A(function() {
|
|
1134
|
+
w(!1);
|
|
1135
1135
|
}, []);
|
|
1136
|
-
|
|
1137
|
-
i(), S === "docked" &&
|
|
1136
|
+
ie(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 D = S === "overlay" && C && e;
|
|
1144
|
+
ie(function() {
|
|
1145
|
+
i(), e || E();
|
|
1146
1146
|
}, [
|
|
1147
1147
|
e,
|
|
1148
1148
|
i,
|
|
1149
|
-
|
|
1149
|
+
E
|
|
1150
1150
|
]);
|
|
1151
|
-
let
|
|
1152
|
-
|
|
1153
|
-
|
|
1151
|
+
let O = P(e);
|
|
1152
|
+
ie(function() {
|
|
1153
|
+
O.current = e;
|
|
1154
1154
|
});
|
|
1155
|
-
let
|
|
1156
|
-
|
|
1155
|
+
let k = P(null);
|
|
1156
|
+
M(function() {
|
|
1157
1157
|
return () => {
|
|
1158
|
-
|
|
1158
|
+
k.current && clearTimeout(k.current);
|
|
1159
1159
|
};
|
|
1160
1160
|
}, []);
|
|
1161
|
-
let
|
|
1162
|
-
S !== "docked" && (
|
|
1163
|
-
|
|
1161
|
+
let j = A(function() {
|
|
1162
|
+
S !== "docked" && (T.current = Date.now(), w(!0), k.current && clearTimeout(k.current), k.current = setTimeout(function() {
|
|
1163
|
+
O.current || w(!1);
|
|
1164
1164
|
}, dt));
|
|
1165
|
-
}, [S]),
|
|
1166
|
-
|
|
1167
|
-
}, [
|
|
1168
|
-
|
|
1169
|
-
if (!
|
|
1165
|
+
}, [S]), ne = E, re = A(function() {
|
|
1166
|
+
D || (T.current = Date.now()), w(!D);
|
|
1167
|
+
}, [D]);
|
|
1168
|
+
M(function() {
|
|
1169
|
+
if (!D) 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
|
+
}, [D]);
|
|
1175
|
+
let ae = A(function() {
|
|
1176
|
+
Date.now() - T.current < dt || w(!1);
|
|
1177
|
+
}, []), L = N(function() {
|
|
1178
1178
|
return {
|
|
1179
1179
|
primarySidebarWidth: o,
|
|
1180
1180
|
reportPrimarySidebarWidth: _,
|
|
1181
1181
|
hasSecondarySidebar: e,
|
|
1182
|
-
secondarySidebarWidth:
|
|
1182
|
+
secondarySidebarWidth: g,
|
|
1183
1183
|
secondarySidebarMaxWidth: p,
|
|
1184
1184
|
declareSecondarySidebarWidth: y,
|
|
1185
1185
|
resizeSecondarySidebar: b,
|
|
1186
1186
|
resetSecondarySidebarWidth: x,
|
|
1187
1187
|
navigationMode: S,
|
|
1188
|
-
isOpenOverPage:
|
|
1189
|
-
openOverPage:
|
|
1190
|
-
toggleOverPage:
|
|
1191
|
-
closeOverPage:
|
|
1192
|
-
closeOverPageAfterRouteChange:
|
|
1188
|
+
isOpenOverPage: D,
|
|
1189
|
+
openOverPage: j,
|
|
1190
|
+
toggleOverPage: re,
|
|
1191
|
+
closeOverPage: ne,
|
|
1192
|
+
closeOverPageAfterRouteChange: ae,
|
|
1193
1193
|
topBarHeight: t,
|
|
1194
1194
|
isInstant: r,
|
|
1195
1195
|
landInstantly: i
|
|
@@ -1198,33 +1198,33 @@ function yt({ hasSecondarySidebar: e, topBarHeight: t, children: n }) {
|
|
|
1198
1198
|
o,
|
|
1199
1199
|
_,
|
|
1200
1200
|
e,
|
|
1201
|
-
|
|
1201
|
+
g,
|
|
1202
1202
|
p,
|
|
1203
1203
|
y,
|
|
1204
1204
|
b,
|
|
1205
1205
|
x,
|
|
1206
1206
|
S,
|
|
1207
|
-
|
|
1208
|
-
|
|
1209
|
-
ie,
|
|
1207
|
+
D,
|
|
1208
|
+
j,
|
|
1210
1209
|
re,
|
|
1211
|
-
|
|
1210
|
+
ne,
|
|
1211
|
+
ae,
|
|
1212
1212
|
t,
|
|
1213
1213
|
r,
|
|
1214
1214
|
i
|
|
1215
1215
|
]);
|
|
1216
|
-
return /* @__PURE__ */
|
|
1217
|
-
value:
|
|
1216
|
+
return /* @__PURE__ */ I(mt.Provider, {
|
|
1217
|
+
value: L,
|
|
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 =
|
|
1223
|
+
var bt = "one_sidebar_locked", xt = O(void 0), St = /* @__PURE__ */ new WeakSet(), Ct = (e) => {
|
|
1224
1224
|
St.add(e.nativeEvent);
|
|
1225
1225
|
};
|
|
1226
1226
|
function wt() {
|
|
1227
|
-
let e =
|
|
1227
|
+
let e = j(xt);
|
|
1228
1228
|
return e === void 0 ? {
|
|
1229
1229
|
isSmallScreen: !1,
|
|
1230
1230
|
isLastToggleInvokedByUser: !0,
|
|
@@ -1238,31 +1238,31 @@ function wt() {
|
|
|
1238
1238
|
}
|
|
1239
1239
|
var Tt = (e, t) => e.navigationMode === "overlay" ? e.isOpenOverPage ? "unlocked" : "hidden" : t ? "locked" : "hidden", Et = (e, t, n) => e || !t ? n ? "unlocked" : "hidden" : "locked";
|
|
1240
1240
|
function Dt({ children: e }) {
|
|
1241
|
-
let { currentPath: t } = s(), n = ht(), [r, i] =
|
|
1241
|
+
let { currentPath: t } = s(), n = ht(), [r, i] = F(!1), [a, o] = F(!1), c = r ? E.xl : E.md, l = u(`(max-width: ${c}px)`, { initializeWithValue: !0 }), [d, f] = F(() => {
|
|
1242
1242
|
let e = localStorage.getItem(bt);
|
|
1243
1243
|
return e === null || !!e;
|
|
1244
|
-
}), [p, m] =
|
|
1244
|
+
}), [p, m] = F(!1), [h, g] = F(null), _ = A(function() {
|
|
1245
1245
|
n ? n.closeOverPage() : m(!1);
|
|
1246
|
-
}, [n]), v =
|
|
1246
|
+
}, [n]), v = A(function({ isInvokedByUser: e } = { isInvokedByUser: !0 }) {
|
|
1247
1247
|
n?.navigationMode === "overlay" ? n.toggleOverPage() : (o(e ?? !0), l && !n && m(!p), f(!d));
|
|
1248
1248
|
}, [
|
|
1249
1249
|
n,
|
|
1250
1250
|
l,
|
|
1251
1251
|
p,
|
|
1252
1252
|
d
|
|
1253
|
-
]), y =
|
|
1253
|
+
]), y = A(function(e) {
|
|
1254
1254
|
l || n || St.has(e.nativeEvent) || (e.clientX < 32 && m(!0), e.clientX > 280 && m(!1));
|
|
1255
1255
|
}, [l, n]), b = n ? Tt(n, d) : Et(l, d, p), x = n?.closeOverPageAfterRouteChange;
|
|
1256
|
-
|
|
1256
|
+
M(function() {
|
|
1257
1257
|
m(!1), x?.();
|
|
1258
|
-
}, [t, x]),
|
|
1258
|
+
}, [t, x]), M(function() {
|
|
1259
1259
|
a && localStorage.setItem(bt, d ? "1" : "");
|
|
1260
|
-
}, [d, a]),
|
|
1260
|
+
}, [d, a]), M(function() {
|
|
1261
1261
|
return () => {
|
|
1262
1262
|
g(b);
|
|
1263
1263
|
};
|
|
1264
1264
|
}, [b]);
|
|
1265
|
-
let S = n !== null,
|
|
1265
|
+
let S = n !== null, C = N(function() {
|
|
1266
1266
|
return {
|
|
1267
1267
|
isSmallScreen: l,
|
|
1268
1268
|
isLastToggleInvokedByUser: a,
|
|
@@ -1282,9 +1282,9 @@ function Dt({ children: e }) {
|
|
|
1282
1282
|
h,
|
|
1283
1283
|
S
|
|
1284
1284
|
]);
|
|
1285
|
-
return /* @__PURE__ */
|
|
1286
|
-
value:
|
|
1287
|
-
children: /* @__PURE__ */
|
|
1285
|
+
return /* @__PURE__ */ I(xt.Provider, {
|
|
1286
|
+
value: C,
|
|
1287
|
+
children: /* @__PURE__ */ I("div", {
|
|
1288
1288
|
onPointerMove: y,
|
|
1289
1289
|
className: "h-screen w-screen",
|
|
1290
1290
|
children: e
|
|
@@ -1293,7 +1293,7 @@ function Dt({ children: e }) {
|
|
|
1293
1293
|
}
|
|
1294
1294
|
//#endregion
|
|
1295
1295
|
//#region src/blocks/ApplicationFrame/layoutTransition.ts
|
|
1296
|
-
var { duration: Ot, ease: kt, settleMs: At } =
|
|
1296
|
+
var { duration: Ot, ease: kt, settleMs: At } = T, jt = At, Mt = {
|
|
1297
1297
|
duration: Ot.base,
|
|
1298
1298
|
ease: kt.outSwift
|
|
1299
1299
|
}, Nt = {
|
|
@@ -1306,7 +1306,7 @@ var { duration: Ot, ease: kt, settleMs: At } = w, jt = At, Mt = {
|
|
|
1306
1306
|
]
|
|
1307
1307
|
};
|
|
1308
1308
|
Ot.fast, kt.outSwift;
|
|
1309
|
-
var Pt = { duration: 0 }, Ft = (e, t = !1) => e || t ? Pt : Mt, It = (e, t, n = !1) => e || n ? Pt : t ? Nt : Mt, Lt = ({ coversFrame: e, isFullscreen: t, isClosingFromFullscreen: n, isActivePanel: r, reservedWidth: i }) => e || (t || n) && r ? "100%" : i, Rt = "duration-base ease-out-swift motion-reduce:transition-none", zt =
|
|
1309
|
+
var Pt = { duration: 0 }, Ft = (e, t = !1) => e || t ? Pt : Mt, It = (e, t, n = !1) => e || n ? Pt : t ? Nt : Mt, Lt = ({ coversFrame: e, isFullscreen: t, isClosingFromFullscreen: n, isActivePanel: r, reservedWidth: i }) => e || (t || n) && r ? "100%" : i, Rt = "duration-base ease-out-swift motion-reduce:transition-none", zt = O("classic"), Bt = zt.Provider, Vt = () => j(zt), Ht = "M10.417 10L14.167 10M10.417 10L12.0837 8.33337M10.417 10L12.0837 11.6667", Ut = {
|
|
1310
1310
|
open: {
|
|
1311
1311
|
rest: {
|
|
1312
1312
|
arrow: "opacity-0 translate-x-0",
|
|
@@ -1330,7 +1330,7 @@ var Pt = { duration: 0 }, Ft = (e, t = !1) => e || t ? Pt : Mt, It = (e, t, n =
|
|
|
1330
1330
|
}, Wt = "[transform-box:view-box] transition-[transform,opacity]";
|
|
1331
1331
|
function Gt({ isExpanded: e, isHovered: t = !1 }) {
|
|
1332
1332
|
let n = Ut[e ? "open" : "closed"][t ? "hover" : "rest"];
|
|
1333
|
-
return /* @__PURE__ */
|
|
1333
|
+
return /* @__PURE__ */ L("svg", {
|
|
1334
1334
|
width: "20",
|
|
1335
1335
|
height: "20",
|
|
1336
1336
|
viewBox: "0 0 20 20",
|
|
@@ -1338,7 +1338,7 @@ function Gt({ isExpanded: e, isHovered: t = !1 }) {
|
|
|
1338
1338
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1339
1339
|
className: "text-f1-icon-bold",
|
|
1340
1340
|
children: [
|
|
1341
|
-
/* @__PURE__ */
|
|
1341
|
+
/* @__PURE__ */ I("rect", {
|
|
1342
1342
|
id: "container",
|
|
1343
1343
|
x: "3.33325",
|
|
1344
1344
|
y: "5",
|
|
@@ -1348,7 +1348,7 @@ function Gt({ isExpanded: e, isHovered: t = !1 }) {
|
|
|
1348
1348
|
strokeWidth: "1.3",
|
|
1349
1349
|
className: "stroke-current"
|
|
1350
1350
|
}),
|
|
1351
|
-
/* @__PURE__ */
|
|
1351
|
+
/* @__PURE__ */ I("path", {
|
|
1352
1352
|
id: "arrow",
|
|
1353
1353
|
d: Ht,
|
|
1354
1354
|
strokeWidth: "1.3",
|
|
@@ -1356,7 +1356,7 @@ function Gt({ isExpanded: e, isHovered: t = !1 }) {
|
|
|
1356
1356
|
strokeLinejoin: "round",
|
|
1357
1357
|
className: a("stroke-current", Wt, Rt, "origin-[10.5835px_10px]", e ? "scale-x-100" : "-scale-x-100", n.arrow)
|
|
1358
1358
|
}),
|
|
1359
|
-
/* @__PURE__ */
|
|
1359
|
+
/* @__PURE__ */ I("path", {
|
|
1360
1360
|
id: "line",
|
|
1361
1361
|
d: "M7.5 5L7.5 15",
|
|
1362
1362
|
strokeWidth: "1.3",
|
|
@@ -1367,8 +1367,8 @@ function Gt({ isExpanded: e, isHovered: t = !1 }) {
|
|
|
1367
1367
|
});
|
|
1368
1368
|
}
|
|
1369
1369
|
function Kt() {
|
|
1370
|
-
let { prevSidebarState: e, sidebarState: t, toggleSidebar: n } = wt(), r =
|
|
1371
|
-
|
|
1370
|
+
let { prevSidebarState: e, sidebarState: t, toggleSidebar: n } = wt(), r = P(null), [a, o] = F(!1), s = Vt() === "two-level";
|
|
1371
|
+
M(function() {
|
|
1372
1372
|
s && e === "hidden" && t !== "hidden" && r.current?.focus();
|
|
1373
1373
|
}, [
|
|
1374
1374
|
s,
|
|
@@ -1376,7 +1376,7 @@ function Kt() {
|
|
|
1376
1376
|
t
|
|
1377
1377
|
]);
|
|
1378
1378
|
let l = i(), u = t !== "hidden", d = u ? l.navigation.sidebar.closePanel : l.navigation.sidebar.openPanel;
|
|
1379
|
-
return /* @__PURE__ */
|
|
1379
|
+
return /* @__PURE__ */ I(c, {
|
|
1380
1380
|
variant: "ghost",
|
|
1381
1381
|
size: "md",
|
|
1382
1382
|
onClick: () => n(),
|
|
@@ -1388,14 +1388,14 @@ function Kt() {
|
|
|
1388
1388
|
"aria-expanded": u,
|
|
1389
1389
|
onMouseEnter: () => o(!0),
|
|
1390
1390
|
onMouseLeave: () => o(!1),
|
|
1391
|
-
children: /* @__PURE__ */
|
|
1391
|
+
children: /* @__PURE__ */ I(Gt, {
|
|
1392
1392
|
isExpanded: u,
|
|
1393
1393
|
isHovered: a
|
|
1394
1394
|
})
|
|
1395
1395
|
});
|
|
1396
1396
|
}
|
|
1397
1397
|
function qt({ isExpanded: e }) {
|
|
1398
|
-
return /* @__PURE__ */
|
|
1398
|
+
return /* @__PURE__ */ L("svg", {
|
|
1399
1399
|
width: "20",
|
|
1400
1400
|
height: "20",
|
|
1401
1401
|
viewBox: "0 0 20 20",
|
|
@@ -1403,7 +1403,7 @@ function qt({ isExpanded: e }) {
|
|
|
1403
1403
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1404
1404
|
className: "text-f1-icon-bold",
|
|
1405
1405
|
children: [
|
|
1406
|
-
/* @__PURE__ */
|
|
1406
|
+
/* @__PURE__ */ I("rect", {
|
|
1407
1407
|
id: "container",
|
|
1408
1408
|
x: "3.33325",
|
|
1409
1409
|
y: "5",
|
|
@@ -1413,7 +1413,7 @@ function qt({ isExpanded: e }) {
|
|
|
1413
1413
|
strokeWidth: "1.3",
|
|
1414
1414
|
className: "stroke-current"
|
|
1415
1415
|
}),
|
|
1416
|
-
/* @__PURE__ */
|
|
1416
|
+
/* @__PURE__ */ I("path", {
|
|
1417
1417
|
id: "arrow",
|
|
1418
1418
|
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",
|
|
1419
1419
|
strokeWidth: "1.3",
|
|
@@ -1421,7 +1421,7 @@ function qt({ isExpanded: e }) {
|
|
|
1421
1421
|
strokeLinejoin: "round",
|
|
1422
1422
|
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]")
|
|
1423
1423
|
}),
|
|
1424
|
-
/* @__PURE__ */
|
|
1424
|
+
/* @__PURE__ */ I("path", {
|
|
1425
1425
|
id: "line",
|
|
1426
1426
|
d: "M7.5 5L7.5 15",
|
|
1427
1427
|
strokeWidth: "1.3",
|
|
@@ -1432,10 +1432,10 @@ function qt({ isExpanded: e }) {
|
|
|
1432
1432
|
});
|
|
1433
1433
|
}
|
|
1434
1434
|
function Jt() {
|
|
1435
|
-
let { prevSidebarState: e, sidebarState: t, toggleSidebar: n, isSmallScreen: r } = wt(), i =
|
|
1436
|
-
return
|
|
1435
|
+
let { prevSidebarState: e, sidebarState: t, toggleSidebar: n, isSmallScreen: r } = wt(), i = P(null);
|
|
1436
|
+
return M(() => {
|
|
1437
1437
|
e === "hidden" && t === "locked" && i.current?.focus();
|
|
1438
|
-
}, [e, t]), /* @__PURE__ */
|
|
1438
|
+
}, [e, t]), /* @__PURE__ */ L(c, {
|
|
1439
1439
|
variant: "ghost",
|
|
1440
1440
|
size: "md",
|
|
1441
1441
|
onClick: () => n(),
|
|
@@ -1444,13 +1444,13 @@ function Jt() {
|
|
|
1444
1444
|
ref: i,
|
|
1445
1445
|
compact: !0,
|
|
1446
1446
|
"aria-label": "Close Sidebar",
|
|
1447
|
-
children: [/* @__PURE__ */
|
|
1447
|
+
children: [/* @__PURE__ */ I("div", {
|
|
1448
1448
|
className: a("hidden", { flex: !r }),
|
|
1449
|
-
children: /* @__PURE__ */
|
|
1450
|
-
}), /* @__PURE__ */
|
|
1449
|
+
children: /* @__PURE__ */ I(qt, { isExpanded: t === "locked" })
|
|
1450
|
+
}), /* @__PURE__ */ I("div", {
|
|
1451
1451
|
className: a("hidden", { flex: r }),
|
|
1452
|
-
children: /* @__PURE__ */
|
|
1453
|
-
icon:
|
|
1452
|
+
children: /* @__PURE__ */ I(y, {
|
|
1453
|
+
icon: _,
|
|
1454
1454
|
size: "md"
|
|
1455
1455
|
})
|
|
1456
1456
|
})]
|
|
@@ -1458,12 +1458,12 @@ function Jt() {
|
|
|
1458
1458
|
}
|
|
1459
1459
|
function Yt() {
|
|
1460
1460
|
let { hasPrimarySidebar: e } = wt();
|
|
1461
|
-
return
|
|
1461
|
+
return I(e ? Kt : Jt, {});
|
|
1462
1462
|
}
|
|
1463
1463
|
//#endregion
|
|
1464
1464
|
//#region src/addons/map/F0Map/components/F0MapSidebarToggle/F0MapSidebarToggle.tsx
|
|
1465
|
-
var Xt =
|
|
1466
|
-
let l = i(), u = n ?? (e ? l.map.controls.hidePanel : l.map.controls.showPanel), d = /* @__PURE__ */
|
|
1465
|
+
var Xt = k(({ expanded: e, onToggle: t, label: n, bare: a = !1, dataTestId: o }, s) => {
|
|
1466
|
+
let l = i(), u = n ?? (e ? l.map.controls.hidePanel : l.map.controls.showPanel), d = /* @__PURE__ */ I(c, {
|
|
1467
1467
|
ref: s,
|
|
1468
1468
|
variant: "ghost",
|
|
1469
1469
|
size: "md",
|
|
@@ -1473,11 +1473,11 @@ var Xt = O(({ expanded: e, onToggle: t, label: n, bare: a = !1, dataTestId: o },
|
|
|
1473
1473
|
title: u,
|
|
1474
1474
|
"aria-label": u,
|
|
1475
1475
|
"aria-expanded": e,
|
|
1476
|
-
children: /* @__PURE__ */
|
|
1476
|
+
children: /* @__PURE__ */ I(qt, { isExpanded: e })
|
|
1477
1477
|
});
|
|
1478
|
-
return /* @__PURE__ */
|
|
1478
|
+
return /* @__PURE__ */ I(r, {
|
|
1479
1479
|
dataTestId: o,
|
|
1480
|
-
children: a ? d : /* @__PURE__ */
|
|
1480
|
+
children: a ? d : /* @__PURE__ */ I(Me, { children: d })
|
|
1481
1481
|
});
|
|
1482
1482
|
});
|
|
1483
1483
|
Xt.displayName = "F0MapSidebarToggle";
|
|
@@ -1490,7 +1490,7 @@ var Zt = (e, t, n = .3, r = 64) => {
|
|
|
1490
1490
|
f.push([c * i + l * u + p * o, c * a + l * d + p * s]);
|
|
1491
1491
|
}
|
|
1492
1492
|
return f;
|
|
1493
|
-
}, Qt = (e, t) => e.color ??
|
|
1493
|
+
}, Qt = (e, t) => e.color ?? H(e.variant ?? "radical", t), $t = (e, t) => e.color ?? H(e.variant ?? "radical", !t), en = ({ id: e, kind: t, coordinates: n, style: r, isDark: i }) => {
|
|
1494
1494
|
let a = r.width ?? 3;
|
|
1495
1495
|
return {
|
|
1496
1496
|
id: e,
|
|
@@ -1508,7 +1508,7 @@ var Zt = (e, t, n = .3, r = 64) => {
|
|
|
1508
1508
|
}
|
|
1509
1509
|
};
|
|
1510
1510
|
}, tn = ({ adapter: e, routes: t, arcs: n, isDark: r, onRouteClick: i, onArcClick: a }) => {
|
|
1511
|
-
let o =
|
|
1511
|
+
let o = N(() => [...t.map((e) => en({
|
|
1512
1512
|
id: e.id,
|
|
1513
1513
|
kind: "route",
|
|
1514
1514
|
coordinates: e.coordinates,
|
|
@@ -1524,7 +1524,7 @@ var Zt = (e, t, n = .3, r = 64) => {
|
|
|
1524
1524
|
t,
|
|
1525
1525
|
n,
|
|
1526
1526
|
r
|
|
1527
|
-
]), s =
|
|
1527
|
+
]), s = N(() => new Map([...t.map((e) => [e.id, "route"]), ...n.map((e) => [e.id, "arc"])]), [t, n]), c = P({
|
|
1528
1528
|
onRouteClick: i,
|
|
1529
1529
|
onArcClick: a,
|
|
1530
1530
|
kinds: s
|
|
@@ -1535,7 +1535,7 @@ var Zt = (e, t, n = .3, r = 64) => {
|
|
|
1535
1535
|
kinds: s
|
|
1536
1536
|
};
|
|
1537
1537
|
let l = !!(i || a);
|
|
1538
|
-
return
|
|
1538
|
+
return M(() => {
|
|
1539
1539
|
e.setLines(o, l ? { onClick: (e) => {
|
|
1540
1540
|
let { onRouteClick: t, onArcClick: n, kinds: r } = c.current;
|
|
1541
1541
|
r.get(e) === "arc" ? n?.(e) : t?.(e);
|
|
@@ -1544,25 +1544,25 @@ var Zt = (e, t, n = .3, r = 64) => {
|
|
|
1544
1544
|
e,
|
|
1545
1545
|
o,
|
|
1546
1546
|
l
|
|
1547
|
-
]),
|
|
1548
|
-
}, nn = ({ adapter: e, coords: t }) => (
|
|
1547
|
+
]), M(() => () => e.setLines([]), [e]), null;
|
|
1548
|
+
}, nn = ({ adapter: e, coords: t }) => (M(() => {
|
|
1549
1549
|
e.setCurrentLocation(t);
|
|
1550
|
-
}, [e, t]),
|
|
1550
|
+
}, [e, t]), M(() => () => e.setCurrentLocation(null), [e]), null);
|
|
1551
1551
|
nn.displayName = "CurrentLocationLayer";
|
|
1552
1552
|
//#endregion
|
|
1553
1553
|
//#region src/addons/map/F0Map/constants.ts
|
|
1554
1554
|
var rn = {
|
|
1555
1555
|
curve: 1.42,
|
|
1556
1556
|
duration: 1400
|
|
1557
|
-
}, an = 200, on = ({ dataTestId: e, className: t }) => /* @__PURE__ */
|
|
1557
|
+
}, an = 200, on = ({ dataTestId: e, className: t }) => /* @__PURE__ */ I(r, {
|
|
1558
1558
|
dataTestId: e,
|
|
1559
|
-
children: /* @__PURE__ */
|
|
1559
|
+
children: /* @__PURE__ */ I("div", {
|
|
1560
1560
|
"aria-busy": "true",
|
|
1561
1561
|
"aria-live": "polite",
|
|
1562
1562
|
className: a("h-full w-full animate-pulse bg-f1-background-secondary", t)
|
|
1563
1563
|
})
|
|
1564
1564
|
}), sn = (e) => {
|
|
1565
|
-
let [t, n] =
|
|
1565
|
+
let [t, n] = F(null), r = A((t) => {
|
|
1566
1566
|
e && typeof navigator < "u" && navigator.geolocation && navigator.geolocation.getCurrentPosition((e) => {
|
|
1567
1567
|
let r = [e.coords.longitude, e.coords.latitude];
|
|
1568
1568
|
n(r), t?.(r);
|
|
@@ -1572,7 +1572,7 @@ var rn = {
|
|
|
1572
1572
|
maximumAge: 6e4
|
|
1573
1573
|
});
|
|
1574
1574
|
}, [e]);
|
|
1575
|
-
return
|
|
1575
|
+
return M(() => {
|
|
1576
1576
|
e && !t && typeof navigator < "u" && navigator.permissions?.query({ name: "geolocation" }).then((e) => {
|
|
1577
1577
|
e.state === "granted" && r();
|
|
1578
1578
|
}).catch(() => {});
|
|
@@ -1585,7 +1585,7 @@ var rn = {
|
|
|
1585
1585
|
request: r
|
|
1586
1586
|
};
|
|
1587
1587
|
}, cn = () => {
|
|
1588
|
-
let [e, t] =
|
|
1588
|
+
let [e, t] = F(!1), n = P(null), r = A((e) => {
|
|
1589
1589
|
if (n.current?.disconnect(), n.current = null, !e) return;
|
|
1590
1590
|
let r = () => t(e.closest(".dark") !== null);
|
|
1591
1591
|
r();
|
|
@@ -1596,12 +1596,12 @@ var rn = {
|
|
|
1596
1596
|
});
|
|
1597
1597
|
n.current = i;
|
|
1598
1598
|
}, []);
|
|
1599
|
-
return
|
|
1599
|
+
return M(() => () => n.current?.disconnect(), []), {
|
|
1600
1600
|
containerRef: r,
|
|
1601
1601
|
isDark: e
|
|
1602
1602
|
};
|
|
1603
1603
|
}, ln = {
|
|
1604
|
-
maplibre: async () => (await import("./maplibre-
|
|
1604
|
+
maplibre: async () => (await import("./maplibre-tJ3UolSF.js")).createMaplibreAdapter,
|
|
1605
1605
|
google: async (e) => (await import("./google-D1V0swd7.js")).loadGoogleAdapter(e)
|
|
1606
1606
|
}, un = /* @__PURE__ */ new Map(), dn = (e, t) => {
|
|
1607
1607
|
let n = un.get(e);
|
|
@@ -11730,7 +11730,7 @@ var rn = {
|
|
|
11730
11730
|
...e.map((e) => e.coordinates),
|
|
11731
11731
|
...t.flatMap((e) => e.coordinates),
|
|
11732
11732
|
...n.flatMap((e) => [e.from, e.to]),
|
|
11733
|
-
...r.flatMap((e) =>
|
|
11733
|
+
...r.flatMap((e) => he(e.center, e.radiusMeters))
|
|
11734
11734
|
], Tn = (e) => e.top === 0 && e.right === 0 && e.bottom === 0 && e.left === 0, En = ({ adapter: e, points: t, animate: n, routes: r = [], arcs: i = [], areas: a = [], gutter: o = 64, inset: s, size: c }) => {
|
|
11735
11735
|
let l = wn(t, r, i, a);
|
|
11736
11736
|
if (l.length === 0) return;
|
|
@@ -11744,9 +11744,9 @@ var rn = {
|
|
|
11744
11744
|
return;
|
|
11745
11745
|
}
|
|
11746
11746
|
let d = l.length === 1 ? {
|
|
11747
|
-
center:
|
|
11747
|
+
center: ue(e, l[0], s, 14),
|
|
11748
11748
|
zoom: 14
|
|
11749
|
-
} :
|
|
11749
|
+
} : de({
|
|
11750
11750
|
adapter: e,
|
|
11751
11751
|
coordinates: l,
|
|
11752
11752
|
inset: s,
|
|
@@ -11755,47 +11755,47 @@ var rn = {
|
|
|
11755
11755
|
maxZoom: u
|
|
11756
11756
|
});
|
|
11757
11757
|
d && (n ? e.easeTo(d, { animate: n }) : e.jumpTo(d, { animate: n }));
|
|
11758
|
-
}, Dn = (e) => `${e.top},${e.right},${e.bottom},${e.left}`, On =
|
|
11759
|
-
let
|
|
11760
|
-
|
|
11761
|
-
}, [
|
|
11762
|
-
|
|
11763
|
-
|
|
11758
|
+
}, Dn = (e) => `${e.top},${e.right},${e.bottom},${e.left}`, On = k(function({ markers: n = [], 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: ee = !0, controlLabels: te, showCurrentLocation: D = !1, fullScreen: O = !1, onSidebarToggle: k, sidebarExpanded: j = !1, sidebarToggleAddon: ie, sidebarHeaderStart: N, sidebar: oe, detail: fe, detailOpen: pe = !1, clearSelectionOnBackgroundClick: me = !0, projection: he = "mercator", provider: ge, loading: _e = !1, ariaLabel: ve, dataTestId: ye, className: be }, xe) {
|
|
11759
|
+
let Se = w ?? (O ? "greedy" : "cooperative"), R = i(), z = e(ge), Ce = t(), we = P(null), B = P(null), [V, Te] = F(null), [H, Ee] = F(!1), [Oe, U] = F(!1), [ke, Ae] = F(0), je = ne(), K = d(), { containerRef: Fe, isDark: Ie } = cn(), Le = A((e) => {
|
|
11760
|
+
we.current = e, Fe(e);
|
|
11761
|
+
}, [Fe]), Re = Ie, ze = !S || S.provider === z, Be = ze ? S ?? xn(z) : xn(z), q = Re ? Be.dark : Be.light, Ve = P(!1);
|
|
11762
|
+
M(() => {
|
|
11763
|
+
ze || Ve.current || (Ve.current = !0, console.warn(`F0Map: ignoring a "${S?.provider}" mapStyle on the "${z}" engine - the shapes are not interchangeable. Pass a "${z}" style, or none for its default look.`));
|
|
11764
11764
|
}, [
|
|
11765
|
-
|
|
11765
|
+
ze,
|
|
11766
11766
|
S?.provider,
|
|
11767
|
-
|
|
11767
|
+
z
|
|
11768
11768
|
]);
|
|
11769
|
-
let [
|
|
11770
|
-
f === void 0 &&
|
|
11771
|
-
}, [f, m]), J =
|
|
11769
|
+
let [He, Ue] = F(p), We = f === void 0 ? He : f, Ge = A((e) => {
|
|
11770
|
+
f === void 0 && Ue(e), m?.(e);
|
|
11771
|
+
}, [f, m]), J = j && !!k, Ke = pe && !!fe, qe = J ? W.inset + W.listWidth + W.gap : W.inset, Je = J ? W.inset : W.inset + W.toggleSize + W.gap, Ye = Ke ? qe + W.detailWidth : J ? W.inset + W.listWidth : null, Xe = se(v, { left: Ye === null ? 0 : Ye + W.gap }), Y = P(n);
|
|
11772
11772
|
Y.current = n;
|
|
11773
|
-
let Ze =
|
|
11773
|
+
let Ze = P(o);
|
|
11774
11774
|
Ze.current = o;
|
|
11775
|
-
let Qe =
|
|
11775
|
+
let Qe = P(s);
|
|
11776
11776
|
Qe.current = s;
|
|
11777
|
-
let $e =
|
|
11777
|
+
let $e = P(c);
|
|
11778
11778
|
$e.current = c;
|
|
11779
|
-
let et =
|
|
11780
|
-
et.current =
|
|
11781
|
-
let X =
|
|
11779
|
+
let et = P(he);
|
|
11780
|
+
et.current = he;
|
|
11781
|
+
let X = P(Ge);
|
|
11782
11782
|
X.current = Ge;
|
|
11783
|
-
let tt =
|
|
11784
|
-
tt.current =
|
|
11785
|
-
let nt =
|
|
11783
|
+
let tt = P(We);
|
|
11784
|
+
tt.current = We;
|
|
11785
|
+
let nt = P(Xe);
|
|
11786
11786
|
nt.current = Xe;
|
|
11787
|
-
let rt =
|
|
11788
|
-
rt.current =
|
|
11789
|
-
let Z =
|
|
11787
|
+
let rt = P(me);
|
|
11788
|
+
rt.current = me;
|
|
11789
|
+
let Z = P(null), it = b ?? x === void 0, Q = A(() => {
|
|
11790
11790
|
let e = {
|
|
11791
|
-
width:
|
|
11792
|
-
height:
|
|
11791
|
+
width: we.current?.clientWidth ?? 0,
|
|
11792
|
+
height: we.current?.clientHeight ?? 0
|
|
11793
11793
|
};
|
|
11794
11794
|
return {
|
|
11795
|
-
inset:
|
|
11795
|
+
inset: ce(nt.current, e),
|
|
11796
11796
|
size: e
|
|
11797
11797
|
};
|
|
11798
|
-
}, []), at =
|
|
11798
|
+
}, []), at = A((e, t) => {
|
|
11799
11799
|
Z.current = { kind: "fit" }, En({
|
|
11800
11800
|
adapter: e,
|
|
11801
11801
|
points: Y.current,
|
|
@@ -11805,9 +11805,9 @@ var rn = {
|
|
|
11805
11805
|
areas: $e.current,
|
|
11806
11806
|
...Q()
|
|
11807
11807
|
});
|
|
11808
|
-
}, [Q]), ot =
|
|
11808
|
+
}, [Q]), ot = P(at);
|
|
11809
11809
|
ot.current = at;
|
|
11810
|
-
let $ =
|
|
11810
|
+
let $ = A((e, t) => {
|
|
11811
11811
|
let n = Math.max(e.getZoom(), 15);
|
|
11812
11812
|
Z.current = {
|
|
11813
11813
|
kind: "flight",
|
|
@@ -11815,94 +11815,94 @@ var rn = {
|
|
|
11815
11815
|
};
|
|
11816
11816
|
let { inset: r } = Q();
|
|
11817
11817
|
e.easeTo({
|
|
11818
|
-
center:
|
|
11818
|
+
center: ue(e, t.coordinates, r, n),
|
|
11819
11819
|
zoom: n
|
|
11820
|
-
}, { animate: !
|
|
11821
|
-
}, [Q,
|
|
11822
|
-
let t =
|
|
11820
|
+
}, { animate: !K });
|
|
11821
|
+
}, [Q, K]), lt = A((e) => {
|
|
11822
|
+
let t = B.current, n = Y.current.find((t) => t.id === e);
|
|
11823
11823
|
if (Z.current = null, y && t && n) {
|
|
11824
11824
|
let { inset: e } = Q();
|
|
11825
|
-
t.easeTo({ center:
|
|
11825
|
+
t.easeTo({ center: ue(t, n.coordinates, e) }, { animate: !K });
|
|
11826
11826
|
}
|
|
11827
11827
|
X.current(e);
|
|
11828
11828
|
}, [
|
|
11829
11829
|
y,
|
|
11830
11830
|
Q,
|
|
11831
|
-
|
|
11832
|
-
]), ut =
|
|
11833
|
-
|
|
11831
|
+
K
|
|
11832
|
+
]), ut = P(!1);
|
|
11833
|
+
M(() => {
|
|
11834
11834
|
ut.current || n.length <= 200 || (ut.current = !0, console.warn(`F0Map: ${n.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.`));
|
|
11835
11835
|
}, [n.length]);
|
|
11836
|
-
let { coords: dt, request: ft } = sn(
|
|
11837
|
-
Z.current = null,
|
|
11838
|
-
}, []), mt =
|
|
11839
|
-
Z.current = null,
|
|
11840
|
-
}, []), ht =
|
|
11841
|
-
|
|
11842
|
-
}, [at,
|
|
11836
|
+
let { coords: dt, request: ft } = sn(D), pt = A(() => {
|
|
11837
|
+
Z.current = null, B.current?.zoomIn();
|
|
11838
|
+
}, []), mt = A(() => {
|
|
11839
|
+
Z.current = null, B.current?.zoomOut();
|
|
11840
|
+
}, []), ht = A(() => {
|
|
11841
|
+
B.current && at(B.current, !K);
|
|
11842
|
+
}, [at, K]), gt = A(() => {
|
|
11843
11843
|
ft((e) => {
|
|
11844
|
-
let t =
|
|
11844
|
+
let t = B.current;
|
|
11845
11845
|
if (!t) return;
|
|
11846
11846
|
Z.current = null;
|
|
11847
11847
|
let n = Math.max(t.getZoom(), 13), { inset: r } = Q();
|
|
11848
11848
|
t.flyTo({
|
|
11849
|
-
center:
|
|
11849
|
+
center: ue(t, e, r, n),
|
|
11850
11850
|
zoom: n
|
|
11851
|
-
}, { animate: !
|
|
11851
|
+
}, { animate: !K });
|
|
11852
11852
|
});
|
|
11853
11853
|
}, [
|
|
11854
11854
|
ft,
|
|
11855
11855
|
Q,
|
|
11856
|
-
|
|
11857
|
-
]), _t =
|
|
11858
|
-
let t =
|
|
11856
|
+
K
|
|
11857
|
+
]), _t = A((e) => {
|
|
11858
|
+
let t = B.current;
|
|
11859
11859
|
if (!t) return;
|
|
11860
11860
|
Z.current = null;
|
|
11861
|
-
let n =
|
|
11861
|
+
let n = de({
|
|
11862
11862
|
adapter: t,
|
|
11863
11863
|
coordinates: e,
|
|
11864
11864
|
...Q(),
|
|
11865
11865
|
gutter: 64,
|
|
11866
11866
|
maxZoom: 16
|
|
11867
11867
|
});
|
|
11868
|
-
n && (
|
|
11869
|
-
}, [Q,
|
|
11870
|
-
let t =
|
|
11868
|
+
n && (K ? t.jumpTo(n, { animate: !1 }) : t.flyTo(n));
|
|
11869
|
+
}, [Q, K]), vt = A((e) => {
|
|
11870
|
+
let t = B.current, n = Y.current.find((t) => t.id === e);
|
|
11871
11871
|
t && n && $(t, n), Ge(e);
|
|
11872
11872
|
}, [$, Ge]);
|
|
11873
|
-
|
|
11874
|
-
if (!Ke ||
|
|
11873
|
+
M(() => {
|
|
11874
|
+
if (!Ke || We === null) return;
|
|
11875
11875
|
let e = (e) => {
|
|
11876
11876
|
e.key !== "Escape" || e.defaultPrevented || (e.preventDefault(), X.current(null));
|
|
11877
|
-
}, t =
|
|
11877
|
+
}, t = we.current?.ownerDocument ?? document;
|
|
11878
11878
|
return t.addEventListener("keydown", e), () => t.removeEventListener("keydown", e);
|
|
11879
|
-
}, [Ke,
|
|
11880
|
-
getNativeMap: () =>
|
|
11879
|
+
}, [Ke, We]), re(xe, () => ({
|
|
11880
|
+
getNativeMap: () => B.current?.native() ?? null,
|
|
11881
11881
|
focusMarker: (e) => {
|
|
11882
|
-
let t =
|
|
11882
|
+
let t = B.current, n = Y.current.find((t) => t.id === e);
|
|
11883
11883
|
t && n && ($(t, n), X.current(e));
|
|
11884
11884
|
},
|
|
11885
11885
|
fitToMarkers: () => {
|
|
11886
|
-
|
|
11886
|
+
B.current && at(B.current, !K);
|
|
11887
11887
|
},
|
|
11888
11888
|
clearSelection: () => X.current(null)
|
|
11889
11889
|
}), [
|
|
11890
11890
|
at,
|
|
11891
11891
|
$,
|
|
11892
|
-
|
|
11892
|
+
K
|
|
11893
11893
|
]);
|
|
11894
|
-
let yt =
|
|
11895
|
-
yt.current =
|
|
11896
|
-
let bt =
|
|
11897
|
-
bt.current =
|
|
11898
|
-
let xt =
|
|
11899
|
-
|
|
11900
|
-
if (
|
|
11901
|
-
let e =
|
|
11894
|
+
let yt = P(q);
|
|
11895
|
+
yt.current = q;
|
|
11896
|
+
let bt = P(Ce);
|
|
11897
|
+
bt.current = Ce;
|
|
11898
|
+
let xt = P(null), St = P(x ?? Cn);
|
|
11899
|
+
M(() => {
|
|
11900
|
+
if (_e) return;
|
|
11901
|
+
let e = we.current;
|
|
11902
11902
|
if (!e) return;
|
|
11903
11903
|
xt.current = yt.current;
|
|
11904
11904
|
let t = St.current, n = null, r = !1, i = [];
|
|
11905
|
-
return dn(
|
|
11905
|
+
return dn(z, bt.current).then((i) => {
|
|
11906
11906
|
if (!r) {
|
|
11907
11907
|
try {
|
|
11908
11908
|
n = i({
|
|
@@ -11910,27 +11910,27 @@ var rn = {
|
|
|
11910
11910
|
style: yt.current,
|
|
11911
11911
|
center: t.center,
|
|
11912
11912
|
zoom: t.zoom ?? Cn.zoom,
|
|
11913
|
-
minZoom:
|
|
11914
|
-
maxZoom:
|
|
11915
|
-
interactive:
|
|
11916
|
-
cooperativeGestures:
|
|
11913
|
+
minZoom: T,
|
|
11914
|
+
maxZoom: E,
|
|
11915
|
+
interactive: C,
|
|
11916
|
+
cooperativeGestures: Se === "cooperative"
|
|
11917
11917
|
});
|
|
11918
11918
|
} catch {
|
|
11919
|
-
|
|
11919
|
+
Ee(!0);
|
|
11920
11920
|
return;
|
|
11921
11921
|
}
|
|
11922
11922
|
a(n);
|
|
11923
11923
|
}
|
|
11924
11924
|
}).catch((e) => {
|
|
11925
|
-
console.error("[F0Map] could not load the map engine", e), r ||
|
|
11925
|
+
console.error("[F0Map] could not load the map engine", e), r || U(!0);
|
|
11926
11926
|
}), () => {
|
|
11927
|
-
r = !0, i.forEach((e) => e()), n && (
|
|
11927
|
+
r = !0, i.forEach((e) => e()), n && (B.current = null, Te(null), n.destroy());
|
|
11928
11928
|
};
|
|
11929
11929
|
function a(e) {
|
|
11930
|
-
|
|
11930
|
+
B.current = e, Te(e), Ee(!1);
|
|
11931
11931
|
let t = !1;
|
|
11932
11932
|
i.push(Sn(e, "ready", () => {
|
|
11933
|
-
t = !0,
|
|
11933
|
+
t = !0, U(!1), e.resize(), it && En({
|
|
11934
11934
|
adapter: e,
|
|
11935
11935
|
points: Y.current,
|
|
11936
11936
|
animate: !1,
|
|
@@ -11940,43 +11940,43 @@ var rn = {
|
|
|
11940
11940
|
...Q()
|
|
11941
11941
|
}), e.setGlobeProjection(et.current === "globe");
|
|
11942
11942
|
}), e.on("error", () => {
|
|
11943
|
-
t ||
|
|
11943
|
+
t || U(!0);
|
|
11944
11944
|
}), e.on("click", () => {
|
|
11945
11945
|
rt.current && X.current(null);
|
|
11946
11946
|
}));
|
|
11947
11947
|
}
|
|
11948
11948
|
}, [
|
|
11949
|
-
|
|
11950
|
-
|
|
11951
|
-
|
|
11952
|
-
w,
|
|
11949
|
+
_e,
|
|
11950
|
+
C,
|
|
11951
|
+
Se,
|
|
11953
11952
|
T,
|
|
11953
|
+
E,
|
|
11954
11954
|
it,
|
|
11955
|
-
|
|
11956
|
-
|
|
11957
|
-
]),
|
|
11958
|
-
let e =
|
|
11959
|
-
e && xt.current !==
|
|
11960
|
-
}, [
|
|
11961
|
-
|
|
11962
|
-
}, [
|
|
11963
|
-
let Ct =
|
|
11964
|
-
Ct.current = $,
|
|
11955
|
+
z,
|
|
11956
|
+
ke
|
|
11957
|
+
]), M(() => {
|
|
11958
|
+
let e = B.current;
|
|
11959
|
+
e && xt.current !== q && (xt.current = q, e.applyStyle(q), Sn(e, "styled", () => e.setGlobeProjection(et.current === "globe")));
|
|
11960
|
+
}, [q]), M(() => {
|
|
11961
|
+
B.current?.setGlobeProjection(he === "globe");
|
|
11962
|
+
}, [he]);
|
|
11963
|
+
let Ct = P($);
|
|
11964
|
+
Ct.current = $, M(() => {
|
|
11965
11965
|
if (!_) return;
|
|
11966
|
-
let e =
|
|
11966
|
+
let e = B.current, t = Y.current.find((e) => e.id === _);
|
|
11967
11967
|
e && t && Ct.current(e, t);
|
|
11968
11968
|
}, [_]);
|
|
11969
|
-
let wt = Dn(Xe), Tt =
|
|
11970
|
-
|
|
11969
|
+
let wt = Dn(Xe), Tt = P(null);
|
|
11970
|
+
M(() => {
|
|
11971
11971
|
let e = Tt.current;
|
|
11972
11972
|
Tt.current = nt.current;
|
|
11973
|
-
let t =
|
|
11973
|
+
let t = B.current;
|
|
11974
11974
|
if (!e || !t) return;
|
|
11975
|
-
let { inset: n, size: r } = Q(), i = Z.current, a = !
|
|
11975
|
+
let { inset: n, size: r } = Q(), i = Z.current, a = !K, o = Y.current.find((e) => e.id === tt.current);
|
|
11976
11976
|
if (o) {
|
|
11977
11977
|
let e = i?.kind === "flight" ? i.zoom : void 0;
|
|
11978
11978
|
t.easeTo({
|
|
11979
|
-
center:
|
|
11979
|
+
center: ue(t, o.coordinates, n, e),
|
|
11980
11980
|
zoom: e
|
|
11981
11981
|
}, { animate: a });
|
|
11982
11982
|
return;
|
|
@@ -11985,13 +11985,13 @@ var rn = {
|
|
|
11985
11985
|
ot.current(t, a);
|
|
11986
11986
|
return;
|
|
11987
11987
|
}
|
|
11988
|
-
let s =
|
|
11988
|
+
let s = le(ce(e, r)), c = le(n), l = t.project(t.getCenter()), u = l && t.unproject({
|
|
11989
11989
|
x: l.x + s.x - c.x,
|
|
11990
11990
|
y: l.y + s.y - c.y
|
|
11991
11991
|
});
|
|
11992
11992
|
u && t.easeTo({ center: u }, { animate: a });
|
|
11993
11993
|
}, [wt, Q]);
|
|
11994
|
-
let Et = o.length > 0 || s.length > 0, Dt = Ye === null ? 0 : Ye +
|
|
11994
|
+
let Et = o.length > 0 || s.length > 0, Dt = Ye === null ? 0 : Ye + W.gap - W.inset, Ot = P({
|
|
11995
11995
|
from: Dt,
|
|
11996
11996
|
to: Dt
|
|
11997
11997
|
});
|
|
@@ -11999,133 +11999,133 @@ var rn = {
|
|
|
11999
11999
|
from: Ot.current.to,
|
|
12000
12000
|
to: Dt
|
|
12001
12001
|
});
|
|
12002
|
-
let kt = Dt > Ot.current.from ?
|
|
12003
|
-
return /* @__PURE__ */
|
|
12004
|
-
dataTestId:
|
|
12005
|
-
children:
|
|
12006
|
-
ref:
|
|
12002
|
+
let kt = Dt > Ot.current.from ? G.enter : G.exit, At = J ? G.enter : G.exit;
|
|
12003
|
+
return /* @__PURE__ */ I(r, {
|
|
12004
|
+
dataTestId: ye,
|
|
12005
|
+
children: _e ? /* @__PURE__ */ I(on, { className: be }) : /* @__PURE__ */ L("div", {
|
|
12006
|
+
ref: Le,
|
|
12007
12007
|
role: "region",
|
|
12008
|
-
"aria-label":
|
|
12009
|
-
className: a("f0-map relative h-full w-full overflow-hidden",
|
|
12008
|
+
"aria-label": ve ?? R.map.region,
|
|
12009
|
+
className: a("f0-map relative h-full w-full overflow-hidden", Re && "dark", !O && "rounded-2xl border border-solid border-f1-border-secondary", be),
|
|
12010
12010
|
children: [
|
|
12011
|
-
/* @__PURE__ */
|
|
12012
|
-
href: `#${
|
|
12011
|
+
/* @__PURE__ */ I("a", {
|
|
12012
|
+
href: `#${je}`,
|
|
12013
12013
|
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",
|
|
12014
|
-
children:
|
|
12014
|
+
children: R.map.skipToList
|
|
12015
12015
|
}),
|
|
12016
|
-
/* @__PURE__ */
|
|
12016
|
+
/* @__PURE__ */ I("div", {
|
|
12017
12017
|
role: "status",
|
|
12018
12018
|
"aria-live": "polite",
|
|
12019
12019
|
className: "sr-only",
|
|
12020
|
-
children: `${n.length} ${n.length === 1 ?
|
|
12020
|
+
children: `${n.length} ${n.length === 1 ? R.map.location : R.map.locations}`
|
|
12021
12021
|
}),
|
|
12022
|
-
!
|
|
12023
|
-
adapter:
|
|
12022
|
+
!H && V && c.length > 0 ? /* @__PURE__ */ I(De, {
|
|
12023
|
+
adapter: V,
|
|
12024
12024
|
areas: c,
|
|
12025
|
-
isDark:
|
|
12025
|
+
isDark: Re
|
|
12026
12026
|
}) : null,
|
|
12027
|
-
!
|
|
12028
|
-
adapter:
|
|
12027
|
+
!H && V && dt ? /* @__PURE__ */ L(ae, { children: [/* @__PURE__ */ I(nn, {
|
|
12028
|
+
adapter: V,
|
|
12029
12029
|
coords: dt
|
|
12030
|
-
}), /* @__PURE__ */
|
|
12030
|
+
}), /* @__PURE__ */ I("span", {
|
|
12031
12031
|
className: "sr-only",
|
|
12032
|
-
children:
|
|
12032
|
+
children: R.map.currentLocation
|
|
12033
12033
|
})] }) : null,
|
|
12034
|
-
!
|
|
12035
|
-
adapter:
|
|
12034
|
+
!H && V && Et ? /* @__PURE__ */ I(tn, {
|
|
12035
|
+
adapter: V,
|
|
12036
12036
|
routes: o,
|
|
12037
12037
|
arcs: s,
|
|
12038
|
-
isDark:
|
|
12038
|
+
isDark: Re,
|
|
12039
12039
|
onRouteClick: l,
|
|
12040
12040
|
onArcClick: u
|
|
12041
12041
|
}) : null,
|
|
12042
|
-
!
|
|
12043
|
-
adapter:
|
|
12042
|
+
!H && V && n.length > 0 ? /* @__PURE__ */ I(st, {
|
|
12043
|
+
adapter: V,
|
|
12044
12044
|
points: n,
|
|
12045
|
-
selectedId:
|
|
12045
|
+
selectedId: We,
|
|
12046
12046
|
highlightedId: _,
|
|
12047
12047
|
onSelect: lt,
|
|
12048
12048
|
onMarkerDrag: h,
|
|
12049
12049
|
onMarkerDragEnd: g,
|
|
12050
12050
|
onClusterExpand: _t
|
|
12051
12051
|
}) : null,
|
|
12052
|
-
!
|
|
12052
|
+
!H && V && fe ? /* @__PURE__ */ I(ct, {
|
|
12053
12053
|
open: Ke,
|
|
12054
12054
|
offsetX: qe,
|
|
12055
12055
|
offsetY: Je,
|
|
12056
|
-
width:
|
|
12056
|
+
width: W.detailWidth,
|
|
12057
12057
|
entrance: "grow",
|
|
12058
|
-
ariaLabel:
|
|
12059
|
-
children:
|
|
12058
|
+
ariaLabel: R.map.detailPanel,
|
|
12059
|
+
children: fe
|
|
12060
12060
|
}) : null,
|
|
12061
|
-
!
|
|
12061
|
+
!H && V && k ? /* @__PURE__ */ I("div", {
|
|
12062
12062
|
className: a("absolute left-2 top-2 z-10", J && "opacity-0"),
|
|
12063
12063
|
style: {
|
|
12064
|
-
transitionProperty:
|
|
12064
|
+
transitionProperty: K ? "none" : "opacity",
|
|
12065
12065
|
transitionDuration: At.duration,
|
|
12066
12066
|
transitionTimingFunction: At.easing
|
|
12067
12067
|
},
|
|
12068
|
-
children: /* @__PURE__ */
|
|
12068
|
+
children: /* @__PURE__ */ L("div", {
|
|
12069
12069
|
className: "flex items-start gap-2",
|
|
12070
12070
|
"aria-hidden": J || void 0,
|
|
12071
12071
|
ref: (e) => {
|
|
12072
12072
|
J ? e?.setAttribute("inert", "") : e?.removeAttribute("inert");
|
|
12073
12073
|
},
|
|
12074
|
-
children: [/* @__PURE__ */
|
|
12074
|
+
children: [/* @__PURE__ */ I(Xt, {
|
|
12075
12075
|
expanded: !1,
|
|
12076
|
-
onToggle:
|
|
12077
|
-
}),
|
|
12076
|
+
onToggle: k
|
|
12077
|
+
}), ie ? /* @__PURE__ */ I(Me, { children: ie }) : null]
|
|
12078
12078
|
})
|
|
12079
12079
|
}) : null,
|
|
12080
|
-
!
|
|
12080
|
+
!H && V && k ? /* @__PURE__ */ I(ct, {
|
|
12081
12081
|
open: J,
|
|
12082
|
-
offsetX:
|
|
12083
|
-
width:
|
|
12084
|
-
headerStart:
|
|
12085
|
-
headerEnd: /* @__PURE__ */
|
|
12082
|
+
offsetX: W.inset,
|
|
12083
|
+
width: W.listWidth,
|
|
12084
|
+
headerStart: N,
|
|
12085
|
+
headerEnd: /* @__PURE__ */ I(Xt, {
|
|
12086
12086
|
expanded: !0,
|
|
12087
|
-
onToggle:
|
|
12087
|
+
onToggle: k,
|
|
12088
12088
|
bare: !0,
|
|
12089
12089
|
dataTestId: "map-panel-toggle-open"
|
|
12090
12090
|
}),
|
|
12091
|
-
children:
|
|
12091
|
+
children: oe
|
|
12092
12092
|
}) : null,
|
|
12093
|
-
!
|
|
12094
|
-
className: a("absolute left-2 z-10",
|
|
12093
|
+
!H && V && ee && C ? /* @__PURE__ */ I("div", {
|
|
12094
|
+
className: a("absolute left-2 z-10", z === "google" ? "bottom-8" : "bottom-2"),
|
|
12095
12095
|
style: {
|
|
12096
12096
|
transform: `translateX(${Dt}px)`,
|
|
12097
|
-
transitionProperty:
|
|
12097
|
+
transitionProperty: K ? "none" : "transform",
|
|
12098
12098
|
transitionDuration: kt.duration,
|
|
12099
12099
|
transitionTimingFunction: kt.easing
|
|
12100
12100
|
},
|
|
12101
|
-
children: /* @__PURE__ */
|
|
12101
|
+
children: /* @__PURE__ */ I(Ne, {
|
|
12102
12102
|
onZoomIn: pt,
|
|
12103
12103
|
onZoomOut: mt,
|
|
12104
12104
|
onFit: n.length > 0 || Et || c.length > 0 ? ht : void 0,
|
|
12105
12105
|
onLocate: gt,
|
|
12106
|
-
labels:
|
|
12106
|
+
labels: te
|
|
12107
12107
|
})
|
|
12108
12108
|
}) : null,
|
|
12109
|
-
|
|
12109
|
+
Oe && !H ? /* @__PURE__ */ L("div", {
|
|
12110
12110
|
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",
|
|
12111
|
-
children: [/* @__PURE__ */
|
|
12111
|
+
children: [/* @__PURE__ */ I("span", { children: R.map.loadError }), /* @__PURE__ */ I("button", {
|
|
12112
12112
|
type: "button",
|
|
12113
12113
|
onClick: () => {
|
|
12114
|
-
|
|
12115
|
-
let e =
|
|
12116
|
-
e ? e.applyStyle(yt.current) :
|
|
12114
|
+
U(!1);
|
|
12115
|
+
let e = B.current;
|
|
12116
|
+
e ? e.applyStyle(yt.current) : Ae((e) => e + 1);
|
|
12117
12117
|
},
|
|
12118
12118
|
className: "font-medium underline",
|
|
12119
|
-
children:
|
|
12119
|
+
children: R.map.retry
|
|
12120
12120
|
})]
|
|
12121
12121
|
}) : null,
|
|
12122
|
-
/* @__PURE__ */
|
|
12123
|
-
id:
|
|
12124
|
-
label:
|
|
12122
|
+
/* @__PURE__ */ I(Pe, {
|
|
12123
|
+
id: je,
|
|
12124
|
+
label: R.map.listLabel,
|
|
12125
12125
|
points: n,
|
|
12126
|
-
selectedId:
|
|
12126
|
+
selectedId: We,
|
|
12127
12127
|
onSelect: vt,
|
|
12128
|
-
visible:
|
|
12128
|
+
visible: H
|
|
12129
12129
|
})
|
|
12130
12130
|
]
|
|
12131
12131
|
})
|
|
@@ -12134,4 +12134,4 @@ var rn = {
|
|
|
12134
12134
|
On.displayName = "F0Map";
|
|
12135
12135
|
var kn = On;
|
|
12136
12136
|
//#endregion
|
|
12137
|
-
export {
|
|
12137
|
+
export { Ne as A, Ct as C, ct as D, ht as E, Ke as O, Dt as S, vt as T, Rt as _, bn as a, It as b, an as c, qt as d, Bt as f, jt as g, Pt as h, _n as i, Pe as k, Xt as l, Mt as m, xn as n, on as o, Vt as p, gn as r, rn as s, kn as t, Yt as u, Nt as v, wt as w, Lt as x, Ft as y };
|