@gnome-ui/react 1.21.0 → 1.23.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/README.md +3 -3
- package/dist/components/SearchBar/SearchBar.d.ts +18 -2
- package/dist/components/SearchBar/index.d.ts +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1020 -918
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -189,7 +189,7 @@ var F = {
|
|
|
189
189
|
"color-brown": "_color-brown_1f2cd_75",
|
|
190
190
|
"color-teal": "_color-teal_1f2cd_76",
|
|
191
191
|
"color-slate": "_color-slate_1f2cd_77"
|
|
192
|
-
},
|
|
192
|
+
}, I = [
|
|
193
193
|
"blue",
|
|
194
194
|
"green",
|
|
195
195
|
"yellow",
|
|
@@ -200,17 +200,17 @@ var F = {
|
|
|
200
200
|
"teal",
|
|
201
201
|
"slate"
|
|
202
202
|
];
|
|
203
|
-
function
|
|
203
|
+
function ee(e) {
|
|
204
204
|
let t = 0;
|
|
205
205
|
for (let n = 0; n < e.length; n++) t = t * 31 + e.charCodeAt(n) >>> 0;
|
|
206
|
-
return
|
|
206
|
+
return I[t % I.length];
|
|
207
207
|
}
|
|
208
|
-
function
|
|
208
|
+
function te(e) {
|
|
209
209
|
let t = e.trim().split(/\s+/).filter(Boolean);
|
|
210
210
|
return t.length === 0 ? "" : t.length === 1 ? t[0].charAt(0).toUpperCase() : t[0].charAt(0).toUpperCase() + t[t.length - 1].charAt(0).toUpperCase();
|
|
211
211
|
}
|
|
212
|
-
function
|
|
213
|
-
let c = a ?? (e ?
|
|
212
|
+
function ne({ name: e = "", src: n, alt: r, size: i = "md", color: a, className: o, ...s }) {
|
|
213
|
+
let c = a ?? (e ? ee(e) : "blue"), l = te(e), u = [
|
|
214
214
|
F.avatar,
|
|
215
215
|
F[i],
|
|
216
216
|
n ? null : F[`color-${c}`],
|
|
@@ -232,17 +232,17 @@ function re({ name: e = "", src: n, alt: r, size: i = "md", color: a, className:
|
|
|
232
232
|
})
|
|
233
233
|
});
|
|
234
234
|
}
|
|
235
|
-
var
|
|
235
|
+
var re = {
|
|
236
236
|
separator: "_separator_w9b4s_3",
|
|
237
237
|
horizontal: "_horizontal_w9b4s_12",
|
|
238
238
|
vertical: "_vertical_w9b4s_20"
|
|
239
239
|
};
|
|
240
240
|
//#endregion
|
|
241
241
|
//#region src/components/Separator/Separator.tsx
|
|
242
|
-
function
|
|
242
|
+
function ie({ orientation: e = "horizontal", className: n, ...r }) {
|
|
243
243
|
let i = [
|
|
244
|
-
|
|
245
|
-
e === "vertical" ?
|
|
244
|
+
re.separator,
|
|
245
|
+
e === "vertical" ? re.vertical : re.horizontal,
|
|
246
246
|
n
|
|
247
247
|
].filter(Boolean).join(" ");
|
|
248
248
|
return e === "vertical" ? /* @__PURE__ */ t("div", {
|
|
@@ -257,32 +257,32 @@ function ae({ orientation: e = "horizontal", className: n, ...r }) {
|
|
|
257
257
|
}
|
|
258
258
|
//#endregion
|
|
259
259
|
//#region src/components/Switch/Switch.module.css
|
|
260
|
-
var
|
|
260
|
+
var ae = { switch: "_switch_1h6fk_3" };
|
|
261
261
|
//#endregion
|
|
262
262
|
//#region src/components/Switch/Switch.tsx
|
|
263
|
-
function
|
|
263
|
+
function oe({ className: e, ...n }) {
|
|
264
264
|
return /* @__PURE__ */ t("input", {
|
|
265
265
|
type: "checkbox",
|
|
266
266
|
role: "switch",
|
|
267
|
-
className: [
|
|
267
|
+
className: [ae.switch, e].filter(Boolean).join(" "),
|
|
268
268
|
...n
|
|
269
269
|
});
|
|
270
270
|
}
|
|
271
|
-
var
|
|
271
|
+
var se = { checkbox: "_checkbox_jnffk_3" };
|
|
272
272
|
//#endregion
|
|
273
273
|
//#region src/components/Checkbox/Checkbox.tsx
|
|
274
|
-
function
|
|
274
|
+
function ce({ indeterminate: e = !1, className: n, ...r }) {
|
|
275
275
|
let i = f(null);
|
|
276
276
|
return l(() => {
|
|
277
277
|
i.current && (i.current.indeterminate = e);
|
|
278
278
|
}, [e]), /* @__PURE__ */ t("input", {
|
|
279
279
|
ref: i,
|
|
280
280
|
type: "checkbox",
|
|
281
|
-
className: [
|
|
281
|
+
className: [se.checkbox, n].filter(Boolean).join(" "),
|
|
282
282
|
...r
|
|
283
283
|
});
|
|
284
284
|
}
|
|
285
|
-
var
|
|
285
|
+
var le = {
|
|
286
286
|
wrapper: "_wrapper_q91d8_3",
|
|
287
287
|
disabled: "_disabled_q91d8_9",
|
|
288
288
|
label: "_label_q91d8_15",
|
|
@@ -293,14 +293,14 @@ var ue = {
|
|
|
293
293
|
};
|
|
294
294
|
//#endregion
|
|
295
295
|
//#region src/components/TextField/TextField.tsx
|
|
296
|
-
function
|
|
296
|
+
function ue({ label: e, helperText: r, error: i, id: a, className: o, disabled: s, ...c }) {
|
|
297
297
|
let l = u(), d = a ?? l, f = `${d}-help`;
|
|
298
298
|
return /* @__PURE__ */ n("div", {
|
|
299
|
-
className: [
|
|
299
|
+
className: [le.wrapper, s ? le.disabled : null].filter(Boolean).join(" "),
|
|
300
300
|
children: [
|
|
301
301
|
e && /* @__PURE__ */ t("label", {
|
|
302
302
|
htmlFor: d,
|
|
303
|
-
className:
|
|
303
|
+
className: le.label,
|
|
304
304
|
children: e
|
|
305
305
|
}),
|
|
306
306
|
/* @__PURE__ */ t("input", {
|
|
@@ -309,31 +309,31 @@ function de({ label: e, helperText: r, error: i, id: a, className: o, disabled:
|
|
|
309
309
|
"aria-describedby": i || r ? f : void 0,
|
|
310
310
|
"aria-invalid": i ? !0 : void 0,
|
|
311
311
|
className: [
|
|
312
|
-
|
|
313
|
-
i ?
|
|
312
|
+
le.input,
|
|
313
|
+
i ? le.errorInput : null,
|
|
314
314
|
o
|
|
315
315
|
].filter(Boolean).join(" "),
|
|
316
316
|
...c
|
|
317
317
|
}),
|
|
318
318
|
(i || r) && /* @__PURE__ */ t("span", {
|
|
319
319
|
id: f,
|
|
320
|
-
className: [
|
|
320
|
+
className: [le.hint, i ? le.errorHint : null].filter(Boolean).join(" "),
|
|
321
321
|
children: i ?? r
|
|
322
322
|
})
|
|
323
323
|
]
|
|
324
324
|
});
|
|
325
325
|
}
|
|
326
|
-
var
|
|
326
|
+
var de = { radio: "_radio_1vybt_3" };
|
|
327
327
|
//#endregion
|
|
328
328
|
//#region src/components/RadioButton/RadioButton.tsx
|
|
329
|
-
function
|
|
329
|
+
function fe({ className: e, ...n }) {
|
|
330
330
|
return /* @__PURE__ */ t("input", {
|
|
331
331
|
type: "radio",
|
|
332
|
-
className: [
|
|
332
|
+
className: [de.radio, e].filter(Boolean).join(" "),
|
|
333
333
|
...n
|
|
334
334
|
});
|
|
335
335
|
}
|
|
336
|
-
var
|
|
336
|
+
var pe = {
|
|
337
337
|
track: "_track_endpr_3",
|
|
338
338
|
fill: "_fill_endpr_14",
|
|
339
339
|
accent: "_accent_endpr_23",
|
|
@@ -345,7 +345,7 @@ var me = {
|
|
|
345
345
|
};
|
|
346
346
|
//#endregion
|
|
347
347
|
//#region src/components/ProgressBar/ProgressBar.tsx
|
|
348
|
-
function
|
|
348
|
+
function me({ value: e, variant: n = "accent", className: r, "aria-label": i, "aria-labelledby": a, ...o }) {
|
|
349
349
|
let s = e == null, c = s ? void 0 : Math.min(1, Math.max(0, e)), l = c === void 0 ? void 0 : c * 100;
|
|
350
350
|
return /* @__PURE__ */ t("div", {
|
|
351
351
|
role: "progressbar",
|
|
@@ -354,13 +354,13 @@ function he({ value: e, variant: n = "accent", className: r, "aria-label": i, "a
|
|
|
354
354
|
"aria-valuenow": c === void 0 ? void 0 : Math.round(l),
|
|
355
355
|
"aria-valuemin": s ? void 0 : 0,
|
|
356
356
|
"aria-valuemax": s ? void 0 : 100,
|
|
357
|
-
className: [
|
|
357
|
+
className: [pe.track, r].filter(Boolean).join(" "),
|
|
358
358
|
...o,
|
|
359
359
|
children: /* @__PURE__ */ t("div", {
|
|
360
360
|
className: [
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
s ?
|
|
361
|
+
pe.fill,
|
|
362
|
+
pe[n],
|
|
363
|
+
s ? pe.indeterminate : null
|
|
364
364
|
].filter(Boolean).join(" "),
|
|
365
365
|
style: s ? void 0 : { width: `${l}%` }
|
|
366
366
|
})
|
|
@@ -368,46 +368,46 @@ function he({ value: e, variant: n = "accent", className: r, "aria-label": i, "a
|
|
|
368
368
|
}
|
|
369
369
|
//#endregion
|
|
370
370
|
//#region src/components/Banner/Banner.module.css
|
|
371
|
-
var
|
|
372
|
-
banner:
|
|
373
|
-
message:
|
|
374
|
-
actions:
|
|
375
|
-
actionBtn:
|
|
376
|
-
dismissBtn:
|
|
377
|
-
info:
|
|
371
|
+
var he = "_banner_1x3b0_3", ge = "_message_1x3b0_17", _e = "_actions_1x3b0_24", ve = "_actionBtn_1x3b0_33", ye = "_dismissBtn_1x3b0_55", be = "_info_1x3b0_85", xe = "_warning_1x3b0_99", Se = "_error_1x3b0_113", Ce = "_success_1x3b0_127", we = {
|
|
372
|
+
banner: he,
|
|
373
|
+
message: ge,
|
|
374
|
+
actions: _e,
|
|
375
|
+
actionBtn: ve,
|
|
376
|
+
dismissBtn: ye,
|
|
377
|
+
info: be,
|
|
378
378
|
"actionBtn-info": "_actionBtn-info_1x3b0_90",
|
|
379
|
-
warning:
|
|
379
|
+
warning: xe,
|
|
380
380
|
"actionBtn-warning": "_actionBtn-warning_1x3b0_104",
|
|
381
|
-
error:
|
|
381
|
+
error: Se,
|
|
382
382
|
"actionBtn-error": "_actionBtn-error_1x3b0_118",
|
|
383
|
-
success:
|
|
383
|
+
success: Ce,
|
|
384
384
|
"actionBtn-success": "_actionBtn-success_1x3b0_132"
|
|
385
385
|
};
|
|
386
386
|
//#endregion
|
|
387
387
|
//#region src/components/Banner/Banner.tsx
|
|
388
|
-
function
|
|
388
|
+
function Te({ variant: e = "info", children: r, actionLabel: i, onAction: a, dismissible: o = !1, onDismiss: s, className: c, ...l }) {
|
|
389
389
|
return /* @__PURE__ */ n("div", {
|
|
390
390
|
role: "status",
|
|
391
391
|
"aria-live": "polite",
|
|
392
392
|
className: [
|
|
393
|
-
|
|
394
|
-
|
|
393
|
+
we.banner,
|
|
394
|
+
we[e],
|
|
395
395
|
c
|
|
396
396
|
].filter(Boolean).join(" "),
|
|
397
397
|
...l,
|
|
398
398
|
children: [/* @__PURE__ */ t("span", {
|
|
399
|
-
className:
|
|
399
|
+
className: we.message,
|
|
400
400
|
children: r
|
|
401
401
|
}), (i || o) && /* @__PURE__ */ n("span", {
|
|
402
|
-
className:
|
|
402
|
+
className: we.actions,
|
|
403
403
|
children: [i && /* @__PURE__ */ t("button", {
|
|
404
404
|
type: "button",
|
|
405
|
-
className: [
|
|
405
|
+
className: [we.actionBtn, we[`actionBtn-${e}`]].filter(Boolean).join(" "),
|
|
406
406
|
onClick: a,
|
|
407
407
|
children: i
|
|
408
408
|
}), o && /* @__PURE__ */ t("button", {
|
|
409
409
|
type: "button",
|
|
410
|
-
className:
|
|
410
|
+
className: we.dismissBtn,
|
|
411
411
|
onClick: s,
|
|
412
412
|
"aria-label": "Dismiss",
|
|
413
413
|
children: /* @__PURE__ */ t("svg", {
|
|
@@ -422,7 +422,7 @@ function Ee({ variant: e = "info", children: r, actionLabel: i, onAction: a, dis
|
|
|
422
422
|
})]
|
|
423
423
|
});
|
|
424
424
|
}
|
|
425
|
-
var
|
|
425
|
+
var Ee = {
|
|
426
426
|
headerBar: "_headerBar_1rr5r_3",
|
|
427
427
|
flat: "_flat_1rr5r_22",
|
|
428
428
|
slot: "_slot_1rr5r_29",
|
|
@@ -432,35 +432,35 @@ var De = {
|
|
|
432
432
|
};
|
|
433
433
|
//#endregion
|
|
434
434
|
//#region src/components/HeaderBar/HeaderBar.tsx
|
|
435
|
-
function
|
|
435
|
+
function De({ title: e, start: r, end: i, flat: a = !1, className: o, ...s }) {
|
|
436
436
|
return /* @__PURE__ */ n("header", {
|
|
437
437
|
className: [
|
|
438
|
-
|
|
439
|
-
a ?
|
|
438
|
+
Ee.headerBar,
|
|
439
|
+
a ? Ee.flat : null,
|
|
440
440
|
o
|
|
441
441
|
].filter(Boolean).join(" "),
|
|
442
442
|
...s,
|
|
443
443
|
children: [
|
|
444
444
|
/* @__PURE__ */ t("div", {
|
|
445
|
-
className:
|
|
445
|
+
className: Ee.slot,
|
|
446
446
|
children: r
|
|
447
447
|
}),
|
|
448
448
|
/* @__PURE__ */ t("div", {
|
|
449
|
-
className:
|
|
449
|
+
className: Ee.titleSlot,
|
|
450
450
|
"aria-live": "polite",
|
|
451
451
|
children: typeof e == "string" ? /* @__PURE__ */ t("span", {
|
|
452
|
-
className:
|
|
452
|
+
className: Ee.title,
|
|
453
453
|
children: e
|
|
454
454
|
}) : e
|
|
455
455
|
}),
|
|
456
456
|
/* @__PURE__ */ t("div", {
|
|
457
|
-
className: [
|
|
457
|
+
className: [Ee.slot, Ee.slotEnd].filter(Boolean).join(" "),
|
|
458
458
|
children: i
|
|
459
459
|
})
|
|
460
460
|
]
|
|
461
461
|
});
|
|
462
462
|
}
|
|
463
|
-
var
|
|
463
|
+
var Oe = {
|
|
464
464
|
footer: "_footer_10xz9_3",
|
|
465
465
|
flat: "_flat_10xz9_23",
|
|
466
466
|
slot: "_slot_10xz9_29",
|
|
@@ -469,31 +469,31 @@ var ke = {
|
|
|
469
469
|
};
|
|
470
470
|
//#endregion
|
|
471
471
|
//#region src/components/Footer/Footer.tsx
|
|
472
|
-
function
|
|
472
|
+
function ke({ start: e, end: r, children: i, flat: a = !1, className: o, ...s }) {
|
|
473
473
|
return /* @__PURE__ */ n("footer", {
|
|
474
474
|
className: [
|
|
475
|
-
|
|
476
|
-
a ?
|
|
475
|
+
Oe.footer,
|
|
476
|
+
a ? Oe.flat : null,
|
|
477
477
|
o
|
|
478
478
|
].filter(Boolean).join(" "),
|
|
479
479
|
...s,
|
|
480
480
|
children: [
|
|
481
481
|
/* @__PURE__ */ t("div", {
|
|
482
|
-
className:
|
|
482
|
+
className: Oe.slot,
|
|
483
483
|
children: e
|
|
484
484
|
}),
|
|
485
485
|
i != null && /* @__PURE__ */ t("div", {
|
|
486
|
-
className:
|
|
486
|
+
className: Oe.center,
|
|
487
487
|
children: i
|
|
488
488
|
}),
|
|
489
489
|
/* @__PURE__ */ t("div", {
|
|
490
|
-
className: [
|
|
490
|
+
className: [Oe.slot, Oe.slotEnd].filter(Boolean).join(" "),
|
|
491
491
|
children: r
|
|
492
492
|
})
|
|
493
493
|
]
|
|
494
494
|
});
|
|
495
495
|
}
|
|
496
|
-
var
|
|
496
|
+
var Ae = {
|
|
497
497
|
wrapper: "_wrapper_1apop_3",
|
|
498
498
|
badge: "_badge_1apop_11",
|
|
499
499
|
anchored: "_anchored_1apop_32",
|
|
@@ -506,32 +506,32 @@ var je = {
|
|
|
506
506
|
};
|
|
507
507
|
//#endregion
|
|
508
508
|
//#region src/components/Badge/Badge.tsx
|
|
509
|
-
function
|
|
509
|
+
function je({ variant: e = "accent", dot: r = !1, children: i, anchor: a, className: o, ...s }) {
|
|
510
510
|
let c = /* @__PURE__ */ t("span", {
|
|
511
511
|
className: [
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
r ?
|
|
515
|
-
a ?
|
|
512
|
+
Ae.badge,
|
|
513
|
+
Ae[e],
|
|
514
|
+
r ? Ae.dot : null,
|
|
515
|
+
a ? Ae.anchored : null,
|
|
516
516
|
o
|
|
517
517
|
].filter(Boolean).join(" "),
|
|
518
518
|
...s,
|
|
519
519
|
children: !r && i
|
|
520
520
|
});
|
|
521
521
|
return a ? /* @__PURE__ */ n("span", {
|
|
522
|
-
className:
|
|
522
|
+
className: Ae.wrapper,
|
|
523
523
|
children: [a, c]
|
|
524
524
|
}) : c;
|
|
525
525
|
}
|
|
526
526
|
//#endregion
|
|
527
527
|
//#region src/components/Icon/Icon.tsx
|
|
528
|
-
var
|
|
528
|
+
var Me = {
|
|
529
529
|
sm: 12,
|
|
530
530
|
md: 16,
|
|
531
531
|
lg: 20
|
|
532
532
|
};
|
|
533
|
-
function
|
|
534
|
-
let s =
|
|
533
|
+
function L({ icon: e, size: n = "md", label: r, width: i, height: a, ...o }) {
|
|
534
|
+
let s = Me[n];
|
|
535
535
|
return /* @__PURE__ */ t("svg", {
|
|
536
536
|
xmlns: "http://www.w3.org/2000/svg",
|
|
537
537
|
viewBox: e.viewBox,
|
|
@@ -552,123 +552,207 @@ function I({ icon: e, size: n = "md", label: r, width: i, height: a, ...o }) {
|
|
|
552
552
|
}
|
|
553
553
|
//#endregion
|
|
554
554
|
//#region ../icons/dist/index.js
|
|
555
|
-
var
|
|
555
|
+
var Ne = {
|
|
556
556
|
viewBox: "0 0 16 16",
|
|
557
557
|
paths: [{
|
|
558
558
|
d: "m2.5 5 5.5 6 5.5-6z",
|
|
559
559
|
fillRule: "evenodd"
|
|
560
560
|
}]
|
|
561
|
-
},
|
|
561
|
+
}, Pe = {
|
|
562
562
|
viewBox: "0 0 16 16",
|
|
563
563
|
paths: [{
|
|
564
564
|
d: "M3.293 3.293a1 1 0 0 1 1.414 0L8 6.586l3.293-3.293a1 1 0 1 1 1.414 1.414L9.414 8l3.293 3.293a1 1 0 0 1-1.414 1.414L8 9.414l-3.293 3.293a1 1 0 0 1-1.414-1.414L6.586 8 3.293 4.707a1 1 0 0 1 0-1.414z",
|
|
565
565
|
fillRule: "evenodd"
|
|
566
566
|
}]
|
|
567
|
-
},
|
|
567
|
+
}, Fe = {
|
|
568
568
|
viewBox: "0 0 16 16",
|
|
569
569
|
paths: [{
|
|
570
570
|
d: "M6.5 1a5.5 5.5 0 0 1 4.33 8.92l3.13 3.13-1.41 1.41-3.13-3.13A5.5 5.5 0 1 1 6.5 1zm0 2a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7z",
|
|
571
571
|
fillRule: "evenodd"
|
|
572
572
|
}]
|
|
573
|
-
},
|
|
573
|
+
}, Ie = {
|
|
574
574
|
viewBox: "0 0 16 16",
|
|
575
575
|
paths: [{
|
|
576
576
|
d: "M8 3C4.5 3 1.5 5.667 0 8c1.5 2.333 4.5 5 8 5s6.5-2.667 8-5c-1.5-2.333-4.5-5-8-5zm0 8a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-4.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z",
|
|
577
577
|
fillRule: "evenodd"
|
|
578
578
|
}]
|
|
579
|
-
},
|
|
579
|
+
}, Le = {
|
|
580
580
|
viewBox: "0 0 16 16",
|
|
581
581
|
paths: [{
|
|
582
582
|
d: "M1.293 1.293a1 1 0 0 1 1.414 0l12 12a1 1 0 0 1-1.414 1.414l-1.88-1.88A8.8 8.8 0 0 1 8 13C4.5 13 1.5 10.333 0 8c.637-1.023 1.52-2.049 2.6-2.893L1.293 2.707a1 1 0 0 1 0-1.414zM5.03 6.444 7.09 8.505A1.5 1.5 0 0 0 9.494 6.91L7.432 4.848A3 3 0 0 0 5.03 6.444zM8 3c.645 0 1.27.083 1.867.237l-1.59 1.59A3 3 0 0 0 5.173 7.92L3.584 6.333C4.51 4.95 6.152 3 8 3zm5.4 2.107C14.48 5.951 15.363 6.977 16 8c-1.5 2.333-4.5 5-8 5a8.8 8.8 0 0 1-2.072-.249l1.538-1.538a3 3 0 0 0 3.703-3.703L12.81 5.87c.202.076.4.156.59.237z",
|
|
583
583
|
fillRule: "evenodd"
|
|
584
584
|
}]
|
|
585
|
-
},
|
|
585
|
+
}, Re = {
|
|
586
586
|
viewBox: "0 0 16 16",
|
|
587
587
|
paths: [{
|
|
588
588
|
d: "M13.5 3 6 11.5 2.5 8 1 9.5l5 5 9-10z",
|
|
589
589
|
fillRule: "evenodd"
|
|
590
590
|
}]
|
|
591
|
-
},
|
|
592
|
-
wrapper: "
|
|
593
|
-
open: "
|
|
594
|
-
bar: "
|
|
595
|
-
disabled: "
|
|
596
|
-
searchIcon: "
|
|
597
|
-
input: "
|
|
598
|
-
clearButton: "
|
|
599
|
-
filterRow: "
|
|
600
|
-
|
|
591
|
+
}, R = {
|
|
592
|
+
wrapper: "_wrapper_ld6g1_3",
|
|
593
|
+
open: "_open_ld6g1_13",
|
|
594
|
+
bar: "_bar_ld6g1_20",
|
|
595
|
+
disabled: "_disabled_ld6g1_31",
|
|
596
|
+
searchIcon: "_searchIcon_ld6g1_37",
|
|
597
|
+
input: "_input_ld6g1_47",
|
|
598
|
+
clearButton: "_clearButton_ld6g1_82",
|
|
599
|
+
filterRow: "_filterRow_ld6g1_124",
|
|
600
|
+
suggestionsPanel: "_suggestionsPanel_ld6g1_136",
|
|
601
|
+
suggestionsLoading: "_suggestionsLoading_ld6g1_160",
|
|
602
|
+
suggestionItem: "_suggestionItem_ld6g1_166",
|
|
603
|
+
suggestionItemActive: "_suggestionItemActive_ld6g1_176",
|
|
604
|
+
inline: "_inline_ld6g1_202"
|
|
601
605
|
};
|
|
602
606
|
//#endregion
|
|
603
607
|
//#region src/components/SearchBar/SearchBar.tsx
|
|
604
|
-
function
|
|
605
|
-
let
|
|
608
|
+
function ze({ open: r, onClose: i, onClear: a, children: o, value: c, onChange: d, placeholder: h = "Search…", disabled: g, inline: _ = !1, className: v, suggestions: y, onSuggestionSelect: b, loadingSuggestions: x = !1, renderSuggestion: S, suggestionsLabel: C = "Suggestions", ...w }) {
|
|
609
|
+
let T = f(null), E = f(null), D = f(null), O = u(), k = u(), [A, j] = p(-1), [M, N] = p(null), F = (y?.length ?? 0) > 0, I = r && (x || F);
|
|
606
610
|
l(() => {
|
|
607
|
-
|
|
608
|
-
|
|
611
|
+
j(-1);
|
|
612
|
+
}, [y]), l(() => {
|
|
613
|
+
if (r) {
|
|
614
|
+
let e = requestAnimationFrame(() => T.current?.focus());
|
|
609
615
|
return () => cancelAnimationFrame(e);
|
|
610
616
|
}
|
|
611
|
-
}, [
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
617
|
+
}, [r]), l(() => {
|
|
618
|
+
if (!I || !E.current) {
|
|
619
|
+
N(null);
|
|
620
|
+
return;
|
|
621
|
+
}
|
|
622
|
+
function e() {
|
|
623
|
+
if (!E.current) return;
|
|
624
|
+
let e = E.current.getBoundingClientRect();
|
|
625
|
+
N({
|
|
626
|
+
top: e.bottom,
|
|
627
|
+
left: e.left,
|
|
628
|
+
width: e.width
|
|
629
|
+
});
|
|
630
|
+
}
|
|
631
|
+
return e(), window.addEventListener("scroll", e, {
|
|
632
|
+
passive: !0,
|
|
633
|
+
capture: !0
|
|
634
|
+
}), window.addEventListener("resize", e, { passive: !0 }), () => {
|
|
635
|
+
window.removeEventListener("scroll", e, { capture: !0 }), window.removeEventListener("resize", e);
|
|
636
|
+
};
|
|
637
|
+
}, [I]), l(() => {
|
|
638
|
+
A < 0 || !D.current || D.current.children[A]?.scrollIntoView({ block: "nearest" });
|
|
639
|
+
}, [A]);
|
|
640
|
+
let ee = s((e) => {
|
|
641
|
+
if (I && F && y) {
|
|
642
|
+
if (e.key === "ArrowDown") {
|
|
643
|
+
e.preventDefault(), j((e) => Math.min(e + 1, y.length - 1));
|
|
644
|
+
return;
|
|
645
|
+
}
|
|
646
|
+
if (e.key === "ArrowUp") {
|
|
647
|
+
e.preventDefault(), j((e) => Math.max(e - 1, -1));
|
|
648
|
+
return;
|
|
649
|
+
}
|
|
650
|
+
if (e.key === "Enter" && A >= 0) {
|
|
651
|
+
e.preventDefault(), b?.(y[A]);
|
|
652
|
+
return;
|
|
653
|
+
}
|
|
654
|
+
}
|
|
655
|
+
e.key === "Escape" && (e.preventDefault(), i?.()), w.onKeyDown?.(e);
|
|
656
|
+
}, [
|
|
657
|
+
i,
|
|
658
|
+
w,
|
|
659
|
+
I,
|
|
660
|
+
F,
|
|
661
|
+
y,
|
|
662
|
+
A,
|
|
663
|
+
b
|
|
664
|
+
]), te = c !== void 0 && c !== "", ne = A >= 0 && y?.[A] ? `${k}-${y[A].id}` : void 0, re = I && M ? m(/* @__PURE__ */ n("ul", {
|
|
665
|
+
ref: D,
|
|
666
|
+
role: "listbox",
|
|
667
|
+
"aria-label": C,
|
|
668
|
+
id: O,
|
|
669
|
+
className: R.suggestionsPanel,
|
|
670
|
+
style: {
|
|
671
|
+
top: M.top,
|
|
672
|
+
left: M.left,
|
|
673
|
+
width: M.width
|
|
674
|
+
},
|
|
675
|
+
onMouseDown: (e) => e.preventDefault(),
|
|
676
|
+
children: [x && /* @__PURE__ */ t("li", {
|
|
677
|
+
role: "presentation",
|
|
678
|
+
className: R.suggestionsLoading,
|
|
679
|
+
children: /* @__PURE__ */ t(P, {
|
|
680
|
+
size: "sm",
|
|
681
|
+
label: "Loading suggestions…"
|
|
682
|
+
})
|
|
683
|
+
}), !x && y?.map((e, n) => /* @__PURE__ */ t("li", {
|
|
684
|
+
id: `${k}-${e.id}`,
|
|
685
|
+
role: "option",
|
|
686
|
+
"aria-selected": n === A,
|
|
687
|
+
className: [R.suggestionItem, n === A ? R.suggestionItemActive : null].filter(Boolean).join(" "),
|
|
688
|
+
onMouseEnter: () => j(n),
|
|
689
|
+
onMouseLeave: () => j(-1),
|
|
690
|
+
onClick: () => b?.(e),
|
|
691
|
+
children: S ? S(e) : e.label
|
|
692
|
+
}, e.id))]
|
|
693
|
+
}), document.body) : null;
|
|
694
|
+
return /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("div", {
|
|
695
|
+
ref: E,
|
|
616
696
|
className: [
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
697
|
+
R.wrapper,
|
|
698
|
+
r ? R.open : null,
|
|
699
|
+
v
|
|
620
700
|
].filter(Boolean).join(" "),
|
|
621
|
-
"aria-hidden": !
|
|
701
|
+
"aria-hidden": !r,
|
|
622
702
|
children: [/* @__PURE__ */ n("div", {
|
|
623
703
|
className: [
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
704
|
+
R.bar,
|
|
705
|
+
_ ? R.inline : null,
|
|
706
|
+
g ? R.disabled : null
|
|
627
707
|
].filter(Boolean).join(" "),
|
|
628
708
|
children: [
|
|
629
709
|
/* @__PURE__ */ t("span", {
|
|
630
|
-
className:
|
|
710
|
+
className: R.searchIcon,
|
|
631
711
|
"aria-hidden": !0,
|
|
632
|
-
children: /* @__PURE__ */ t(
|
|
633
|
-
icon:
|
|
712
|
+
children: /* @__PURE__ */ t(L, {
|
|
713
|
+
icon: Fe,
|
|
634
714
|
size: "md"
|
|
635
715
|
})
|
|
636
716
|
}),
|
|
637
717
|
/* @__PURE__ */ t("input", {
|
|
638
|
-
ref:
|
|
718
|
+
ref: T,
|
|
639
719
|
type: "search",
|
|
640
|
-
role: "
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
720
|
+
role: "combobox",
|
|
721
|
+
"aria-autocomplete": "list",
|
|
722
|
+
"aria-expanded": I,
|
|
723
|
+
"aria-controls": I ? O : void 0,
|
|
724
|
+
"aria-activedescendant": ne,
|
|
725
|
+
value: c,
|
|
726
|
+
onChange: d,
|
|
727
|
+
placeholder: h,
|
|
728
|
+
disabled: g,
|
|
729
|
+
tabIndex: r ? void 0 : -1,
|
|
730
|
+
className: R.input,
|
|
731
|
+
onKeyDown: ee,
|
|
732
|
+
...w
|
|
649
733
|
}),
|
|
650
|
-
|
|
734
|
+
te && /* @__PURE__ */ t("button", {
|
|
651
735
|
type: "button",
|
|
652
|
-
className:
|
|
736
|
+
className: R.clearButton,
|
|
653
737
|
"aria-label": "Clear search",
|
|
654
|
-
tabIndex:
|
|
655
|
-
disabled:
|
|
738
|
+
tabIndex: r ? void 0 : -1,
|
|
739
|
+
disabled: g,
|
|
656
740
|
onClick: () => {
|
|
657
|
-
|
|
741
|
+
a?.(), T.current?.focus();
|
|
658
742
|
},
|
|
659
|
-
children: /* @__PURE__ */ t(
|
|
660
|
-
icon:
|
|
743
|
+
children: /* @__PURE__ */ t(L, {
|
|
744
|
+
icon: Pe,
|
|
661
745
|
size: "md"
|
|
662
746
|
})
|
|
663
747
|
})
|
|
664
748
|
]
|
|
665
|
-
}),
|
|
666
|
-
className:
|
|
667
|
-
children:
|
|
749
|
+
}), o && /* @__PURE__ */ t("div", {
|
|
750
|
+
className: R.filterRow,
|
|
751
|
+
children: o
|
|
668
752
|
})]
|
|
669
|
-
});
|
|
753
|
+
}), typeof document < "u" && re] });
|
|
670
754
|
}
|
|
671
|
-
var
|
|
755
|
+
var Be = {
|
|
672
756
|
page: "_page_cb4hq_3",
|
|
673
757
|
iconWrap: "_iconWrap_cb4hq_20",
|
|
674
758
|
title: "_title_cb4hq_33",
|
|
@@ -678,8 +762,8 @@ var He = {
|
|
|
678
762
|
};
|
|
679
763
|
//#endregion
|
|
680
764
|
//#region src/components/StatusPage/StatusPage.tsx
|
|
681
|
-
function
|
|
682
|
-
let u = s ? 64 : 128, d = e ? /* @__PURE__ */ t(
|
|
765
|
+
function Ve({ icon: e, iconNode: r, title: i, description: a, children: o, compact: s = !1, className: c, ...l }) {
|
|
766
|
+
let u = s ? 64 : 128, d = e ? /* @__PURE__ */ t(L, {
|
|
683
767
|
icon: e,
|
|
684
768
|
width: u,
|
|
685
769
|
height: u,
|
|
@@ -687,27 +771,27 @@ function Ue({ icon: e, iconNode: r, title: i, description: a, children: o, compa
|
|
|
687
771
|
}) : r ?? null;
|
|
688
772
|
return /* @__PURE__ */ n("div", {
|
|
689
773
|
className: [
|
|
690
|
-
|
|
691
|
-
s ?
|
|
774
|
+
Be.page,
|
|
775
|
+
s ? Be.compact : null,
|
|
692
776
|
c
|
|
693
777
|
].filter(Boolean).join(" "),
|
|
694
778
|
...l,
|
|
695
779
|
children: [
|
|
696
780
|
d && /* @__PURE__ */ t("div", {
|
|
697
|
-
className:
|
|
781
|
+
className: Be.iconWrap,
|
|
698
782
|
"aria-hidden": "true",
|
|
699
783
|
children: d
|
|
700
784
|
}),
|
|
701
785
|
/* @__PURE__ */ t("p", {
|
|
702
|
-
className:
|
|
786
|
+
className: Be.title,
|
|
703
787
|
children: i
|
|
704
788
|
}),
|
|
705
789
|
a && /* @__PURE__ */ t("p", {
|
|
706
|
-
className:
|
|
790
|
+
className: Be.description,
|
|
707
791
|
children: a
|
|
708
792
|
}),
|
|
709
793
|
o && /* @__PURE__ */ t("div", {
|
|
710
|
-
className:
|
|
794
|
+
className: Be.actions,
|
|
711
795
|
children: o
|
|
712
796
|
})
|
|
713
797
|
]
|
|
@@ -715,18 +799,18 @@ function Ue({ icon: e, iconNode: r, title: i, description: a, children: o, compa
|
|
|
715
799
|
}
|
|
716
800
|
//#endregion
|
|
717
801
|
//#region src/hooks/useBreakpoint.ts
|
|
718
|
-
var
|
|
802
|
+
var He = {
|
|
719
803
|
narrow: 400,
|
|
720
804
|
medium: 550,
|
|
721
805
|
wide: 860
|
|
722
806
|
};
|
|
723
|
-
function
|
|
807
|
+
function Ue() {
|
|
724
808
|
let e = () => {
|
|
725
809
|
let e = typeof window < "u" ? window.innerWidth : 1280;
|
|
726
810
|
return {
|
|
727
|
-
isNarrow: e <=
|
|
728
|
-
isMedium: e <=
|
|
729
|
-
isWide: e <=
|
|
811
|
+
isNarrow: e <= He.narrow,
|
|
812
|
+
isMedium: e <= He.medium,
|
|
813
|
+
isWide: e <= He.wide,
|
|
730
814
|
width: e
|
|
731
815
|
};
|
|
732
816
|
}, [t, n] = p(e);
|
|
@@ -737,58 +821,58 @@ function Ge() {
|
|
|
737
821
|
}
|
|
738
822
|
//#endregion
|
|
739
823
|
//#region src/components/Sidebar/Sidebar.module.css
|
|
740
|
-
var
|
|
741
|
-
sidebar:
|
|
742
|
-
section:
|
|
743
|
-
sectionTitle:
|
|
744
|
-
list:
|
|
745
|
-
item:
|
|
746
|
-
itemBtn:
|
|
747
|
-
active:
|
|
748
|
-
itemIcon:
|
|
749
|
-
itemLabel:
|
|
750
|
-
itemSuffix:
|
|
751
|
-
contextMenu:
|
|
824
|
+
var We = "_sidebar_b80pp_3", Ge = "_section_b80pp_21", Ke = "_sectionTitle_b80pp_33", qe = "_list_b80pp_47", Je = "_item_b80pp_58", Ye = "_itemBtn_b80pp_64", Xe = "_active_b80pp_111", Ze = "_itemIcon_b80pp_127", Qe = "_itemLabel_b80pp_140", $e = "_itemSuffix_b80pp_150", et = "_contextMenu_b80pp_159", tt = "_contextMenuItem_b80pp_183", nt = "_contextMenuDestructive_b80pp_219", rt = "_searchWrap_b80pp_225", it = "_pageMode_b80pp_236", at = "_dragOver_b80pp_243", ot = "_collapsed_b80pp_251", st = "_itemCollapsed_b80pp_262", z = {
|
|
825
|
+
sidebar: We,
|
|
826
|
+
section: Ge,
|
|
827
|
+
sectionTitle: Ke,
|
|
828
|
+
list: qe,
|
|
829
|
+
item: Je,
|
|
830
|
+
itemBtn: Ye,
|
|
831
|
+
active: Xe,
|
|
832
|
+
itemIcon: Ze,
|
|
833
|
+
itemLabel: Qe,
|
|
834
|
+
itemSuffix: $e,
|
|
835
|
+
contextMenu: et,
|
|
752
836
|
"menu-in": "_menu-in_b80pp_1",
|
|
753
|
-
contextMenuItem:
|
|
754
|
-
contextMenuDestructive:
|
|
755
|
-
searchWrap:
|
|
756
|
-
pageMode:
|
|
757
|
-
dragOver:
|
|
758
|
-
collapsed:
|
|
759
|
-
itemCollapsed:
|
|
760
|
-
},
|
|
761
|
-
function
|
|
762
|
-
return c(
|
|
837
|
+
contextMenuItem: tt,
|
|
838
|
+
contextMenuDestructive: nt,
|
|
839
|
+
searchWrap: rt,
|
|
840
|
+
pageMode: it,
|
|
841
|
+
dragOver: at,
|
|
842
|
+
collapsed: ot,
|
|
843
|
+
itemCollapsed: st
|
|
844
|
+
}, ct = a(!1);
|
|
845
|
+
function lt() {
|
|
846
|
+
return c(ct);
|
|
763
847
|
}
|
|
764
|
-
var
|
|
765
|
-
function
|
|
848
|
+
var ut = a("");
|
|
849
|
+
function dt(e, t) {
|
|
766
850
|
let n = 0;
|
|
767
851
|
return r.forEach(e, (e) => {
|
|
768
852
|
if (!o(e)) return;
|
|
769
853
|
let r = e.props;
|
|
770
|
-
typeof r.label == "string" ? r.label.toLowerCase().includes(t.toLowerCase()) && n++ : r.children && (n +=
|
|
854
|
+
typeof r.label == "string" ? r.label.toLowerCase().includes(t.toLowerCase()) && n++ : r.children && (n += dt(r.children, t));
|
|
771
855
|
}), n;
|
|
772
856
|
}
|
|
773
|
-
function
|
|
774
|
-
let [u, d] = p(""), { isNarrow: f } =
|
|
857
|
+
function ft({ children: e, collapsed: r = !1, searchable: i, filter: a, onFilterChange: o, mode: s, className: c, ...l }) {
|
|
858
|
+
let [u, d] = p(""), { isNarrow: f } = Ue(), m = a !== void 0, h = m ? a : u, g = (e) => {
|
|
775
859
|
m || d(e), o?.(e);
|
|
776
|
-
}, _ = h.length > 0, v = s ?? (f ? "page" : "sidebar"), y = !_ ||
|
|
777
|
-
return /* @__PURE__ */ t(
|
|
860
|
+
}, _ = h.length > 0, v = s ?? (f ? "page" : "sidebar"), y = !_ || dt(e, h) > 0;
|
|
861
|
+
return /* @__PURE__ */ t(ct.Provider, {
|
|
778
862
|
value: r,
|
|
779
|
-
children: /* @__PURE__ */ t(
|
|
863
|
+
children: /* @__PURE__ */ t(ut.Provider, {
|
|
780
864
|
value: h,
|
|
781
865
|
children: /* @__PURE__ */ n("nav", {
|
|
782
866
|
className: [
|
|
783
|
-
|
|
784
|
-
r ?
|
|
785
|
-
v === "page" ?
|
|
867
|
+
z.sidebar,
|
|
868
|
+
r ? z.collapsed : null,
|
|
869
|
+
v === "page" ? z.pageMode : null,
|
|
786
870
|
c
|
|
787
871
|
].filter(Boolean).join(" "),
|
|
788
872
|
...l,
|
|
789
873
|
children: [i && /* @__PURE__ */ t("div", {
|
|
790
|
-
className:
|
|
791
|
-
children: /* @__PURE__ */ t(
|
|
874
|
+
className: z.searchWrap,
|
|
875
|
+
children: /* @__PURE__ */ t(ze, {
|
|
792
876
|
open: !0,
|
|
793
877
|
value: h,
|
|
794
878
|
onChange: (e) => g(e.target.value),
|
|
@@ -796,7 +880,7 @@ function mt({ children: e, collapsed: r = !1, searchable: i, filter: a, onFilter
|
|
|
796
880
|
onClear: () => g(""),
|
|
797
881
|
inline: !0
|
|
798
882
|
})
|
|
799
|
-
}), _ && !y ? /* @__PURE__ */ t(
|
|
883
|
+
}), _ && !y ? /* @__PURE__ */ t(Ve, {
|
|
800
884
|
title: "No Results",
|
|
801
885
|
description: "No items match your search.",
|
|
802
886
|
compact: !0
|
|
@@ -807,29 +891,29 @@ function mt({ children: e, collapsed: r = !1, searchable: i, filter: a, onFilter
|
|
|
807
891
|
}
|
|
808
892
|
//#endregion
|
|
809
893
|
//#region src/components/Sidebar/SidebarSection.tsx
|
|
810
|
-
function
|
|
894
|
+
function pt({ title: e, children: r, className: i, ...a }) {
|
|
811
895
|
return /* @__PURE__ */ n("section", {
|
|
812
|
-
className: [
|
|
896
|
+
className: [z.section, i].filter(Boolean).join(" "),
|
|
813
897
|
...a,
|
|
814
898
|
children: [e && /* @__PURE__ */ t("h3", {
|
|
815
|
-
className:
|
|
899
|
+
className: z.sectionTitle,
|
|
816
900
|
children: e
|
|
817
901
|
}), /* @__PURE__ */ t("ul", {
|
|
818
902
|
role: "list",
|
|
819
|
-
className:
|
|
903
|
+
className: z.list,
|
|
820
904
|
children: r
|
|
821
905
|
})]
|
|
822
906
|
});
|
|
823
907
|
}
|
|
824
|
-
var
|
|
908
|
+
var mt = {
|
|
825
909
|
tooltip: "_tooltip_y4het_3",
|
|
826
910
|
visible: "_visible_y4het_29",
|
|
827
911
|
top: "_top_y4het_55",
|
|
828
912
|
bottom: "_bottom_y4het_62",
|
|
829
913
|
left: "_left_y4het_69",
|
|
830
914
|
right: "_right_y4het_76"
|
|
831
|
-
},
|
|
832
|
-
function
|
|
915
|
+
}, ht = 6;
|
|
916
|
+
function gt(e, t, n) {
|
|
833
917
|
let r = window.innerWidth, i = window.innerHeight, a = [
|
|
834
918
|
n,
|
|
835
919
|
n === "top" || n === "bottom" ? n === "top" ? "bottom" : "top" : n === "left" ? "right" : "left",
|
|
@@ -840,7 +924,7 @@ function vt(e, t, n) {
|
|
|
840
924
|
];
|
|
841
925
|
for (let n of a) {
|
|
842
926
|
let a = 0, o = 0;
|
|
843
|
-
n === "top" ? (a = e.top - t.height -
|
|
927
|
+
n === "top" ? (a = e.top - t.height - ht, o = e.left + e.width / 2 - t.width / 2) : n === "bottom" ? (a = e.bottom + ht, o = e.left + e.width / 2 - t.width / 2) : n === "left" ? (a = e.top + e.height / 2 - t.height / 2, o = e.left - t.width - ht) : (a = e.top + e.height / 2 - t.height / 2, o = e.right + ht);
|
|
844
928
|
let s = o >= 8 && o + t.width <= r - 8, c = a >= 8 && a + t.height <= i - 8;
|
|
845
929
|
if (s && c) return {
|
|
846
930
|
top: Math.max(8, Math.min(a, i - t.height - 8)),
|
|
@@ -849,17 +933,17 @@ function vt(e, t, n) {
|
|
|
849
933
|
};
|
|
850
934
|
}
|
|
851
935
|
let o = 0, s = 0;
|
|
852
|
-
return n === "top" && (o = e.top - t.height -
|
|
936
|
+
return n === "top" && (o = e.top - t.height - ht, s = e.left + e.width / 2 - t.width / 2), n === "bottom" && (o = e.bottom + ht, s = e.left + e.width / 2 - t.width / 2), n === "left" && (o = e.top + e.height / 2 - t.height / 2, s = e.left - t.width - ht), n === "right" && (o = e.top + e.height / 2 - t.height / 2, s = e.right + ht), {
|
|
853
937
|
top: Math.max(8, Math.min(o, i - t.height - 8)),
|
|
854
938
|
left: Math.max(8, Math.min(s, window.innerWidth - t.width - 8)),
|
|
855
939
|
placement: n
|
|
856
940
|
};
|
|
857
941
|
}
|
|
858
|
-
function
|
|
942
|
+
function _t({ label: r, placement: a = "top", delay: o = 500, children: c }) {
|
|
859
943
|
let d = u(), [h, g] = p(!1), [_, v] = p(null), y = f(null), b = f(null), x = f(null), S = () => {
|
|
860
944
|
x.current &&= (clearTimeout(x.current), null);
|
|
861
945
|
}, C = s(() => {
|
|
862
|
-
!y.current || !b.current || v(
|
|
946
|
+
!y.current || !b.current || v(gt(y.current.getBoundingClientRect(), b.current.getBoundingClientRect(), a));
|
|
863
947
|
}, [a]);
|
|
864
948
|
l(() => {
|
|
865
949
|
if (h) return C(), window.addEventListener("scroll", C, {
|
|
@@ -903,9 +987,9 @@ function yt({ label: r, placement: a = "top", delay: o = 500, children: c }) {
|
|
|
903
987
|
id: d,
|
|
904
988
|
role: "tooltip",
|
|
905
989
|
className: [
|
|
906
|
-
|
|
907
|
-
_ ?
|
|
908
|
-
h && _ ?
|
|
990
|
+
mt.tooltip,
|
|
991
|
+
_ ? mt[_.placement] : null,
|
|
992
|
+
h && _ ? mt.visible : null
|
|
909
993
|
].filter(Boolean).join(" "),
|
|
910
994
|
style: _ ? {
|
|
911
995
|
top: _.top,
|
|
@@ -921,8 +1005,8 @@ function yt({ label: r, placement: a = "top", delay: o = 500, children: c }) {
|
|
|
921
1005
|
}
|
|
922
1006
|
//#endregion
|
|
923
1007
|
//#region src/components/Sidebar/SidebarItem.tsx
|
|
924
|
-
function
|
|
925
|
-
let y =
|
|
1008
|
+
function vt({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u, menuItems: d, onDrop: h, acceptTypes: g, className: _, ...v }) {
|
|
1009
|
+
let y = lt(), b = c(ut), x = a ?? o, S = y ? u ?? e : u, C = b.length > 0 && !e.toLowerCase().includes(b.toLowerCase()), [w, T] = p(!1), E = (e) => {
|
|
926
1010
|
h && (g?.length && !g.some((t) => e.dataTransfer.types.includes(t)) || (e.preventDefault(), T(!0)));
|
|
927
1011
|
}, D = () => T(!1), O = (e) => {
|
|
928
1012
|
h && (e.preventDefault(), T(!1), h(e));
|
|
@@ -950,15 +1034,15 @@ function bt({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u
|
|
|
950
1034
|
let t = e.currentTarget.getBoundingClientRect();
|
|
951
1035
|
M(t.right, t.top);
|
|
952
1036
|
}
|
|
953
|
-
},
|
|
1037
|
+
}, I = /* @__PURE__ */ n("button", {
|
|
954
1038
|
type: "button",
|
|
955
1039
|
"aria-current": i ? "page" : void 0,
|
|
956
1040
|
"aria-label": y ? e : void 0,
|
|
957
1041
|
className: [
|
|
958
|
-
|
|
959
|
-
i ?
|
|
960
|
-
y ?
|
|
961
|
-
w ?
|
|
1042
|
+
z.itemBtn,
|
|
1043
|
+
i ? z.active : null,
|
|
1044
|
+
y ? z.itemCollapsed : null,
|
|
1045
|
+
w ? z.dragOver : null,
|
|
962
1046
|
_
|
|
963
1047
|
].filter(Boolean).join(" "),
|
|
964
1048
|
onContextMenu: P,
|
|
@@ -969,33 +1053,33 @@ function bt({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u
|
|
|
969
1053
|
...v,
|
|
970
1054
|
children: [
|
|
971
1055
|
r && /* @__PURE__ */ t("span", {
|
|
972
|
-
className:
|
|
973
|
-
children: /* @__PURE__ */ t(
|
|
1056
|
+
className: z.itemIcon,
|
|
1057
|
+
children: /* @__PURE__ */ t(L, {
|
|
974
1058
|
icon: r,
|
|
975
1059
|
size: "md",
|
|
976
1060
|
"aria-hidden": !0
|
|
977
1061
|
})
|
|
978
1062
|
}),
|
|
979
1063
|
!y && /* @__PURE__ */ t("span", {
|
|
980
|
-
className:
|
|
1064
|
+
className: z.itemLabel,
|
|
981
1065
|
children: e
|
|
982
1066
|
}),
|
|
983
1067
|
!y && x && /* @__PURE__ */ t("span", {
|
|
984
|
-
className:
|
|
1068
|
+
className: z.itemSuffix,
|
|
985
1069
|
children: x
|
|
986
1070
|
})
|
|
987
1071
|
]
|
|
988
1072
|
});
|
|
989
1073
|
return /* @__PURE__ */ n("li", {
|
|
990
|
-
className:
|
|
1074
|
+
className: z.item,
|
|
991
1075
|
hidden: C || void 0,
|
|
992
|
-
children: [S ? /* @__PURE__ */ t(
|
|
1076
|
+
children: [S ? /* @__PURE__ */ t(_t, {
|
|
993
1077
|
label: S,
|
|
994
1078
|
placement: "right",
|
|
995
|
-
children:
|
|
996
|
-
}) :
|
|
1079
|
+
children: I
|
|
1080
|
+
}) : I, k && d?.length && typeof document < "u" && m(/* @__PURE__ */ t("div", {
|
|
997
1081
|
ref: j,
|
|
998
|
-
className:
|
|
1082
|
+
className: z.contextMenu,
|
|
999
1083
|
style: {
|
|
1000
1084
|
top: k.y,
|
|
1001
1085
|
left: k.x
|
|
@@ -1005,7 +1089,7 @@ function bt({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u
|
|
|
1005
1089
|
type: "button",
|
|
1006
1090
|
role: "menuitem",
|
|
1007
1091
|
disabled: e.disabled,
|
|
1008
|
-
className: [
|
|
1092
|
+
className: [z.contextMenuItem, e.destructive ? z.contextMenuDestructive : null].filter(Boolean).join(" "),
|
|
1009
1093
|
onClick: () => {
|
|
1010
1094
|
e.onClick(), N();
|
|
1011
1095
|
},
|
|
@@ -1014,7 +1098,7 @@ function bt({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u
|
|
|
1014
1098
|
}), document.body)]
|
|
1015
1099
|
});
|
|
1016
1100
|
}
|
|
1017
|
-
var
|
|
1101
|
+
var yt = {
|
|
1018
1102
|
spin: "_spin_7d4yi_3",
|
|
1019
1103
|
disabled: "_disabled_7d4yi_36",
|
|
1020
1104
|
btn: "_btn_7d4yi_43",
|
|
@@ -1022,15 +1106,15 @@ var xt = {
|
|
|
1022
1106
|
};
|
|
1023
1107
|
//#endregion
|
|
1024
1108
|
//#region src/components/SpinButton/SpinButton.tsx
|
|
1025
|
-
function
|
|
1109
|
+
function bt(e) {
|
|
1026
1110
|
let t = e.toString(), n = t.indexOf(".");
|
|
1027
1111
|
return n === -1 ? 0 : t.length - n - 1;
|
|
1028
1112
|
}
|
|
1029
|
-
function
|
|
1113
|
+
function xt(e, t, n) {
|
|
1030
1114
|
return Math.min(n, Math.max(t, e));
|
|
1031
1115
|
}
|
|
1032
|
-
function
|
|
1033
|
-
let m = c ??
|
|
1116
|
+
function St({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, decimals: c, disabled: l = !1, className: u, "aria-label": d, "aria-labelledby": f, ...p }) {
|
|
1117
|
+
let m = c ?? bt(o), h = s((e) => r(parseFloat(xt(e, i, a).toFixed(m))), [
|
|
1034
1118
|
r,
|
|
1035
1119
|
i,
|
|
1036
1120
|
a,
|
|
@@ -1074,8 +1158,8 @@ function wt({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, deci
|
|
|
1074
1158
|
tabIndex: l ? -1 : 0,
|
|
1075
1159
|
onKeyDown: l ? void 0 : g,
|
|
1076
1160
|
className: [
|
|
1077
|
-
|
|
1078
|
-
l ?
|
|
1161
|
+
yt.spin,
|
|
1162
|
+
l ? yt.disabled : null,
|
|
1079
1163
|
u
|
|
1080
1164
|
].filter(Boolean).join(" "),
|
|
1081
1165
|
...p,
|
|
@@ -1085,12 +1169,12 @@ function wt({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, deci
|
|
|
1085
1169
|
tabIndex: -1,
|
|
1086
1170
|
"aria-hidden": "true",
|
|
1087
1171
|
disabled: l || e <= i,
|
|
1088
|
-
className:
|
|
1172
|
+
className: yt.btn,
|
|
1089
1173
|
onClick: () => h(e - o),
|
|
1090
1174
|
children: "−"
|
|
1091
1175
|
}),
|
|
1092
1176
|
/* @__PURE__ */ t("span", {
|
|
1093
|
-
className:
|
|
1177
|
+
className: yt.value,
|
|
1094
1178
|
"aria-hidden": "true",
|
|
1095
1179
|
children: e.toFixed(m)
|
|
1096
1180
|
}),
|
|
@@ -1099,14 +1183,14 @@ function wt({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, deci
|
|
|
1099
1183
|
tabIndex: -1,
|
|
1100
1184
|
"aria-hidden": "true",
|
|
1101
1185
|
disabled: l || e >= a,
|
|
1102
|
-
className:
|
|
1186
|
+
className: yt.btn,
|
|
1103
1187
|
onClick: () => h(e + o),
|
|
1104
1188
|
children: "+"
|
|
1105
1189
|
})
|
|
1106
1190
|
]
|
|
1107
1191
|
});
|
|
1108
1192
|
}
|
|
1109
|
-
var
|
|
1193
|
+
var B = {
|
|
1110
1194
|
bar: "_bar_12ars_3",
|
|
1111
1195
|
list: "_list_12ars_10",
|
|
1112
1196
|
tab: "_tab_12ars_26",
|
|
@@ -1119,7 +1203,7 @@ var R = {
|
|
|
1119
1203
|
};
|
|
1120
1204
|
//#endregion
|
|
1121
1205
|
//#region src/components/Tabs/TabBar.tsx
|
|
1122
|
-
function
|
|
1206
|
+
function Ct({ children: e, className: n, inline: r = !1, "aria-label": i = "Tabs", ...a }) {
|
|
1123
1207
|
let o = f(null);
|
|
1124
1208
|
function s(e) {
|
|
1125
1209
|
let t = Array.from(o.current?.querySelectorAll("[role=tab]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
|
|
@@ -1134,8 +1218,8 @@ function Tt({ children: e, className: n, inline: r = !1, "aria-label": i = "Tabs
|
|
|
1134
1218
|
}
|
|
1135
1219
|
return /* @__PURE__ */ t("div", {
|
|
1136
1220
|
className: [
|
|
1137
|
-
|
|
1138
|
-
r ?
|
|
1221
|
+
B.bar,
|
|
1222
|
+
r ? B.inline : null,
|
|
1139
1223
|
n
|
|
1140
1224
|
].filter(Boolean).join(" "),
|
|
1141
1225
|
...a,
|
|
@@ -1143,7 +1227,7 @@ function Tt({ children: e, className: n, inline: r = !1, "aria-label": i = "Tabs
|
|
|
1143
1227
|
ref: o,
|
|
1144
1228
|
role: "tablist",
|
|
1145
1229
|
"aria-label": i,
|
|
1146
|
-
className:
|
|
1230
|
+
className: B.list,
|
|
1147
1231
|
onKeyDown: s,
|
|
1148
1232
|
children: e
|
|
1149
1233
|
})
|
|
@@ -1151,7 +1235,7 @@ function Tt({ children: e, className: n, inline: r = !1, "aria-label": i = "Tabs
|
|
|
1151
1235
|
}
|
|
1152
1236
|
//#endregion
|
|
1153
1237
|
//#region src/components/Tabs/TabItem.tsx
|
|
1154
|
-
function
|
|
1238
|
+
function wt({ label: e, icon: r, active: i = !1, panelId: a, onClose: o, closeLabel: s = "Close tab", className: c, disabled: l, ...u }) {
|
|
1155
1239
|
return /* @__PURE__ */ n("button", {
|
|
1156
1240
|
role: "tab",
|
|
1157
1241
|
type: "button",
|
|
@@ -1160,30 +1244,30 @@ function Et({ label: e, icon: r, active: i = !1, panelId: a, onClose: o, closeLa
|
|
|
1160
1244
|
tabIndex: i ? 0 : -1,
|
|
1161
1245
|
disabled: l,
|
|
1162
1246
|
className: [
|
|
1163
|
-
|
|
1164
|
-
i ?
|
|
1165
|
-
o ?
|
|
1247
|
+
B.tab,
|
|
1248
|
+
i ? B.active : null,
|
|
1249
|
+
o ? B.closeable : null,
|
|
1166
1250
|
c
|
|
1167
1251
|
].filter(Boolean).join(" "),
|
|
1168
1252
|
...u,
|
|
1169
1253
|
children: [
|
|
1170
1254
|
r && /* @__PURE__ */ t("span", {
|
|
1171
|
-
className:
|
|
1172
|
-
children: /* @__PURE__ */ t(
|
|
1255
|
+
className: B.tabIcon,
|
|
1256
|
+
children: /* @__PURE__ */ t(L, {
|
|
1173
1257
|
icon: r,
|
|
1174
1258
|
size: "sm",
|
|
1175
1259
|
"aria-hidden": !0
|
|
1176
1260
|
})
|
|
1177
1261
|
}),
|
|
1178
1262
|
/* @__PURE__ */ t("span", {
|
|
1179
|
-
className:
|
|
1263
|
+
className: B.tabLabel,
|
|
1180
1264
|
children: e
|
|
1181
1265
|
}),
|
|
1182
1266
|
o && /* @__PURE__ */ t("span", {
|
|
1183
1267
|
role: "button",
|
|
1184
1268
|
tabIndex: 0,
|
|
1185
1269
|
"aria-label": s,
|
|
1186
|
-
className:
|
|
1270
|
+
className: B.closeBtn,
|
|
1187
1271
|
onClick: (e) => {
|
|
1188
1272
|
e.stopPropagation(), o();
|
|
1189
1273
|
},
|
|
@@ -1197,18 +1281,18 @@ function Et({ label: e, icon: r, active: i = !1, panelId: a, onClose: o, closeLa
|
|
|
1197
1281
|
}
|
|
1198
1282
|
//#endregion
|
|
1199
1283
|
//#region src/components/Tabs/TabPanel.tsx
|
|
1200
|
-
function
|
|
1284
|
+
function Tt({ id: e, active: n = !1, className: r, children: i, ...a }) {
|
|
1201
1285
|
return /* @__PURE__ */ t("div", {
|
|
1202
1286
|
id: e,
|
|
1203
1287
|
role: "tabpanel",
|
|
1204
1288
|
hidden: !n,
|
|
1205
1289
|
tabIndex: 0,
|
|
1206
|
-
className: [
|
|
1290
|
+
className: [B.panel, r].filter(Boolean).join(" "),
|
|
1207
1291
|
...a,
|
|
1208
1292
|
children: i
|
|
1209
1293
|
});
|
|
1210
1294
|
}
|
|
1211
|
-
var
|
|
1295
|
+
var V = {
|
|
1212
1296
|
row: "_row_17clq_3",
|
|
1213
1297
|
leading: "_leading_17clq_16",
|
|
1214
1298
|
content: "_content_17clq_25",
|
|
@@ -1221,39 +1305,39 @@ var z = {
|
|
|
1221
1305
|
};
|
|
1222
1306
|
//#endregion
|
|
1223
1307
|
//#region src/components/ActionRow/ActionRow.tsx
|
|
1224
|
-
function
|
|
1308
|
+
function Et({ title: e, subtitle: r, leading: i, trailing: a, interactive: o = !1, variant: s = "default", className: c, ...l }) {
|
|
1225
1309
|
let u = o ? "button" : "div", d = s === "property";
|
|
1226
1310
|
return /* @__PURE__ */ n(u, {
|
|
1227
1311
|
className: [
|
|
1228
|
-
|
|
1229
|
-
o ?
|
|
1230
|
-
d ?
|
|
1312
|
+
V.row,
|
|
1313
|
+
o ? V.interactive : null,
|
|
1314
|
+
d ? V.property : null,
|
|
1231
1315
|
c
|
|
1232
1316
|
].filter(Boolean).join(" "),
|
|
1233
1317
|
...l,
|
|
1234
1318
|
children: [
|
|
1235
1319
|
i && /* @__PURE__ */ t("span", {
|
|
1236
|
-
className:
|
|
1320
|
+
className: V.leading,
|
|
1237
1321
|
children: i
|
|
1238
1322
|
}),
|
|
1239
1323
|
/* @__PURE__ */ n("span", {
|
|
1240
|
-
className:
|
|
1324
|
+
className: V.content,
|
|
1241
1325
|
children: [/* @__PURE__ */ t("span", {
|
|
1242
|
-
className: d ?
|
|
1326
|
+
className: d ? V.propertyLabel : V.title,
|
|
1243
1327
|
children: e
|
|
1244
1328
|
}), r && /* @__PURE__ */ t("span", {
|
|
1245
|
-
className: d ?
|
|
1329
|
+
className: d ? V.propertyValue : V.subtitle,
|
|
1246
1330
|
children: r
|
|
1247
1331
|
})]
|
|
1248
1332
|
}),
|
|
1249
1333
|
a && /* @__PURE__ */ t("span", {
|
|
1250
|
-
className:
|
|
1334
|
+
className: V.trailing,
|
|
1251
1335
|
children: a
|
|
1252
1336
|
})
|
|
1253
1337
|
]
|
|
1254
1338
|
});
|
|
1255
1339
|
}
|
|
1256
|
-
var
|
|
1340
|
+
var Dt = {
|
|
1257
1341
|
list: "_list_cy3hv_3",
|
|
1258
1342
|
item: "_item_cy3hv_17",
|
|
1259
1343
|
separate: "_separate_cy3hv_26",
|
|
@@ -1262,23 +1346,23 @@ var kt = {
|
|
|
1262
1346
|
};
|
|
1263
1347
|
//#endregion
|
|
1264
1348
|
//#region src/components/BoxedList/BoxedList.tsx
|
|
1265
|
-
function
|
|
1349
|
+
function Ot({ children: e, variant: i = "default", className: a, ...o }) {
|
|
1266
1350
|
let s = r.toArray(e).filter(Boolean), c = i === "separate";
|
|
1267
1351
|
return /* @__PURE__ */ t("ul", {
|
|
1268
1352
|
role: "list",
|
|
1269
1353
|
className: [
|
|
1270
|
-
|
|
1271
|
-
c ?
|
|
1354
|
+
Dt.list,
|
|
1355
|
+
c ? Dt.separate : null,
|
|
1272
1356
|
a
|
|
1273
1357
|
].filter(Boolean).join(" "),
|
|
1274
1358
|
...o,
|
|
1275
1359
|
children: s.map((e, r) => /* @__PURE__ */ n("li", {
|
|
1276
|
-
className: c ?
|
|
1277
|
-
children: [!c && r > 0 && /* @__PURE__ */ t(
|
|
1360
|
+
className: c ? Dt.separateItem : Dt.item,
|
|
1361
|
+
children: [!c && r > 0 && /* @__PURE__ */ t(ie, { "aria-hidden": "true" }), e]
|
|
1278
1362
|
}, r))
|
|
1279
1363
|
});
|
|
1280
1364
|
}
|
|
1281
|
-
var
|
|
1365
|
+
var kt = {
|
|
1282
1366
|
switcher: "_switcher_1uh9r_3",
|
|
1283
1367
|
item: "_item_1uh9r_18",
|
|
1284
1368
|
active: "_active_1uh9r_45",
|
|
@@ -1287,7 +1371,7 @@ var jt = {
|
|
|
1287
1371
|
};
|
|
1288
1372
|
//#endregion
|
|
1289
1373
|
//#region src/components/ViewSwitcher/ViewSwitcher.tsx
|
|
1290
|
-
function
|
|
1374
|
+
function At({ children: e, className: n, "aria-label": r = "View switcher", ...i }) {
|
|
1291
1375
|
let a = f(null);
|
|
1292
1376
|
function o(e) {
|
|
1293
1377
|
let t = Array.from(a.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
|
|
@@ -1305,14 +1389,14 @@ function Mt({ children: e, className: n, "aria-label": r = "View switcher", ...i
|
|
|
1305
1389
|
role: "radiogroup",
|
|
1306
1390
|
"aria-label": r,
|
|
1307
1391
|
onKeyDown: o,
|
|
1308
|
-
className: [
|
|
1392
|
+
className: [kt.switcher, n].filter(Boolean).join(" "),
|
|
1309
1393
|
...i,
|
|
1310
1394
|
children: e
|
|
1311
1395
|
});
|
|
1312
1396
|
}
|
|
1313
1397
|
//#endregion
|
|
1314
1398
|
//#region src/components/ViewSwitcher/ViewSwitcherItem.tsx
|
|
1315
|
-
function
|
|
1399
|
+
function jt({ label: e, icon: r, active: i = !1, className: a, disabled: o, ...s }) {
|
|
1316
1400
|
return /* @__PURE__ */ n("button", {
|
|
1317
1401
|
type: "button",
|
|
1318
1402
|
role: "radio",
|
|
@@ -1320,40 +1404,40 @@ function Nt({ label: e, icon: r, active: i = !1, className: a, disabled: o, ...s
|
|
|
1320
1404
|
tabIndex: i ? 0 : -1,
|
|
1321
1405
|
disabled: o,
|
|
1322
1406
|
className: [
|
|
1323
|
-
|
|
1324
|
-
i ?
|
|
1407
|
+
kt.item,
|
|
1408
|
+
i ? kt.active : null,
|
|
1325
1409
|
a
|
|
1326
1410
|
].filter(Boolean).join(" "),
|
|
1327
1411
|
...s,
|
|
1328
1412
|
children: [r && /* @__PURE__ */ t("span", {
|
|
1329
|
-
className:
|
|
1330
|
-
children: /* @__PURE__ */ t(
|
|
1413
|
+
className: kt.itemIcon,
|
|
1414
|
+
children: /* @__PURE__ */ t(L, {
|
|
1331
1415
|
icon: r,
|
|
1332
1416
|
size: "md",
|
|
1333
1417
|
"aria-hidden": !0
|
|
1334
1418
|
})
|
|
1335
1419
|
}), /* @__PURE__ */ t("span", {
|
|
1336
|
-
className:
|
|
1420
|
+
className: kt.itemLabel,
|
|
1337
1421
|
children: e
|
|
1338
1422
|
})]
|
|
1339
1423
|
});
|
|
1340
1424
|
}
|
|
1341
1425
|
//#endregion
|
|
1342
1426
|
//#region src/components/Toast/Toast.module.css
|
|
1343
|
-
var
|
|
1344
|
-
toaster:
|
|
1345
|
-
toasterBottom:
|
|
1346
|
-
toasterTop:
|
|
1347
|
-
toast:
|
|
1427
|
+
var Mt = "_toaster_1tgvb_3", Nt = "_toasterBottom_1tgvb_18", Pt = "_toasterTop_1tgvb_22", Ft = "_toast_1tgvb_3", It = "_title_1tgvb_69", Lt = "_actions_1tgvb_76", Rt = "_actionBtn_1tgvb_85", zt = "_dismissBtn_1tgvb_118", Bt = {
|
|
1428
|
+
toaster: Mt,
|
|
1429
|
+
toasterBottom: Nt,
|
|
1430
|
+
toasterTop: Pt,
|
|
1431
|
+
toast: Ft,
|
|
1348
1432
|
"toast-in": "_toast-in_1tgvb_1",
|
|
1349
|
-
title:
|
|
1350
|
-
actions:
|
|
1351
|
-
actionBtn:
|
|
1352
|
-
dismissBtn:
|
|
1433
|
+
title: It,
|
|
1434
|
+
actions: Lt,
|
|
1435
|
+
actionBtn: Rt,
|
|
1436
|
+
dismissBtn: zt
|
|
1353
1437
|
};
|
|
1354
1438
|
//#endregion
|
|
1355
1439
|
//#region src/components/Toast/Toast.tsx
|
|
1356
|
-
function
|
|
1440
|
+
function Vt({ title: e, duration: r = 3e3, onDismiss: i, actionLabel: a, onAction: o, dismissible: s = !1, className: c, ...u }) {
|
|
1357
1441
|
let d = f(null), p = f(r), m = f(0), h = () => {
|
|
1358
1442
|
d.current &&= (clearTimeout(d.current), null);
|
|
1359
1443
|
}, g = (e) => {
|
|
@@ -1374,31 +1458,31 @@ function Ut({ title: e, duration: r = 3e3, onDismiss: i, actionLabel: a, onActio
|
|
|
1374
1458
|
role: "status",
|
|
1375
1459
|
"aria-live": "polite",
|
|
1376
1460
|
"aria-atomic": "true",
|
|
1377
|
-
className: [
|
|
1461
|
+
className: [Bt.toast, c].filter(Boolean).join(" "),
|
|
1378
1462
|
onMouseEnter: _,
|
|
1379
1463
|
onMouseLeave: v,
|
|
1380
1464
|
onFocus: _,
|
|
1381
1465
|
onBlur: v,
|
|
1382
1466
|
...u,
|
|
1383
1467
|
children: [/* @__PURE__ */ t("span", {
|
|
1384
|
-
className:
|
|
1468
|
+
className: Bt.title,
|
|
1385
1469
|
children: e
|
|
1386
1470
|
}), (a || s) && /* @__PURE__ */ n("span", {
|
|
1387
|
-
className:
|
|
1471
|
+
className: Bt.actions,
|
|
1388
1472
|
children: [a && /* @__PURE__ */ t("button", {
|
|
1389
1473
|
type: "button",
|
|
1390
|
-
className:
|
|
1474
|
+
className: Bt.actionBtn,
|
|
1391
1475
|
onClick: y,
|
|
1392
1476
|
children: a
|
|
1393
1477
|
}), s && /* @__PURE__ */ t("button", {
|
|
1394
1478
|
type: "button",
|
|
1395
|
-
className:
|
|
1479
|
+
className: Bt.dismissBtn,
|
|
1396
1480
|
"aria-label": "Dismiss",
|
|
1397
1481
|
onClick: () => {
|
|
1398
1482
|
h(), i?.();
|
|
1399
1483
|
},
|
|
1400
|
-
children: /* @__PURE__ */ t(
|
|
1401
|
-
icon:
|
|
1484
|
+
children: /* @__PURE__ */ t(L, {
|
|
1485
|
+
icon: Pe,
|
|
1402
1486
|
size: "md",
|
|
1403
1487
|
"aria-hidden": !0
|
|
1404
1488
|
})
|
|
@@ -1408,12 +1492,12 @@ function Ut({ title: e, duration: r = 3e3, onDismiss: i, actionLabel: a, onActio
|
|
|
1408
1492
|
}
|
|
1409
1493
|
//#endregion
|
|
1410
1494
|
//#region src/components/Toast/Toaster.tsx
|
|
1411
|
-
function
|
|
1495
|
+
function Ht({ position: e = "bottom", children: n, container: r, className: i, ...a }) {
|
|
1412
1496
|
let o = /* @__PURE__ */ t("div", {
|
|
1413
1497
|
"aria-label": "Notifications",
|
|
1414
1498
|
className: [
|
|
1415
|
-
|
|
1416
|
-
e === "top" ?
|
|
1499
|
+
Bt.toaster,
|
|
1500
|
+
e === "top" ? Bt.toasterTop : Bt.toasterBottom,
|
|
1417
1501
|
i
|
|
1418
1502
|
].filter(Boolean).join(" "),
|
|
1419
1503
|
...a,
|
|
@@ -1423,183 +1507,183 @@ function Wt({ position: e = "bottom", children: n, container: r, className: i, .
|
|
|
1423
1507
|
}
|
|
1424
1508
|
//#endregion
|
|
1425
1509
|
//#region src/components/Dialog/Dialog.module.css
|
|
1426
|
-
var
|
|
1427
|
-
backdrop:
|
|
1510
|
+
var Ut = "_backdrop_zx0yn_3", Wt = "_dialog_zx0yn_26", Gt = "_title_zx0yn_56", Kt = "_body_zx0yn_70", qt = "_footer_zx0yn_85", Jt = "_btn_zx0yn_92", Yt = "_dialogAbout_zx0yn_155", Xt = "_aboutHeader_zx0yn_162", Zt = "_aboutIcon_zx0yn_171", Qt = "_aboutAppName_zx0yn_180", $t = "_aboutVersion_zx0yn_187", en = "_aboutTabBar_zx0yn_194", tn = "_aboutTabBtn_zx0yn_201", nn = "_aboutTabBtnActive_zx0yn_220", rn = "_aboutTabContent_zx0yn_233", an = "_aboutSection_zx0yn_238", on = "_aboutComments_zx0yn_243", sn = "_aboutInfoList_zx0yn_252", cn = "_aboutInfoLabel_zx0yn_259", ln = "_aboutInfoValue_zx0yn_267", un = "_aboutLink_zx0yn_275", dn = "_aboutCreditGroup_zx0yn_283", fn = "_aboutCreditTitle_zx0yn_287", pn = "_aboutCreditList_zx0yn_297", mn = "_aboutCreditItem_zx0yn_306", hn = "_aboutCopyright_zx0yn_312", gn = "_aboutLicenseType_zx0yn_319", _n = "_aboutLicenseText_zx0yn_326", H = {
|
|
1511
|
+
backdrop: Ut,
|
|
1428
1512
|
"backdrop-in": "_backdrop-in_zx0yn_1",
|
|
1429
|
-
dialog:
|
|
1513
|
+
dialog: Wt,
|
|
1430
1514
|
"dialog-in": "_dialog-in_zx0yn_1",
|
|
1431
|
-
title:
|
|
1432
|
-
body:
|
|
1433
|
-
footer:
|
|
1434
|
-
btn:
|
|
1515
|
+
title: Gt,
|
|
1516
|
+
body: Kt,
|
|
1517
|
+
footer: qt,
|
|
1518
|
+
btn: Jt,
|
|
1435
1519
|
"btn-default": "_btn-default_zx0yn_140",
|
|
1436
1520
|
"btn-suggested": "_btn-suggested_zx0yn_144",
|
|
1437
1521
|
"btn-destructive": "_btn-destructive_zx0yn_149",
|
|
1438
|
-
dialogAbout:
|
|
1439
|
-
aboutHeader:
|
|
1440
|
-
aboutIcon:
|
|
1441
|
-
aboutAppName:
|
|
1442
|
-
aboutVersion:
|
|
1443
|
-
aboutTabBar:
|
|
1444
|
-
aboutTabBtn:
|
|
1445
|
-
aboutTabBtnActive:
|
|
1446
|
-
aboutTabContent:
|
|
1447
|
-
aboutSection:
|
|
1448
|
-
aboutComments:
|
|
1449
|
-
aboutInfoList:
|
|
1450
|
-
aboutInfoLabel:
|
|
1451
|
-
aboutInfoValue:
|
|
1452
|
-
aboutLink:
|
|
1453
|
-
aboutCreditGroup:
|
|
1454
|
-
aboutCreditTitle:
|
|
1455
|
-
aboutCreditList:
|
|
1456
|
-
aboutCreditItem:
|
|
1457
|
-
aboutCopyright:
|
|
1458
|
-
aboutLicenseType:
|
|
1459
|
-
aboutLicenseText:
|
|
1460
|
-
},
|
|
1461
|
-
function
|
|
1522
|
+
dialogAbout: Yt,
|
|
1523
|
+
aboutHeader: Xt,
|
|
1524
|
+
aboutIcon: Zt,
|
|
1525
|
+
aboutAppName: Qt,
|
|
1526
|
+
aboutVersion: $t,
|
|
1527
|
+
aboutTabBar: en,
|
|
1528
|
+
aboutTabBtn: tn,
|
|
1529
|
+
aboutTabBtnActive: nn,
|
|
1530
|
+
aboutTabContent: rn,
|
|
1531
|
+
aboutSection: an,
|
|
1532
|
+
aboutComments: on,
|
|
1533
|
+
aboutInfoList: sn,
|
|
1534
|
+
aboutInfoLabel: cn,
|
|
1535
|
+
aboutInfoValue: ln,
|
|
1536
|
+
aboutLink: un,
|
|
1537
|
+
aboutCreditGroup: dn,
|
|
1538
|
+
aboutCreditTitle: fn,
|
|
1539
|
+
aboutCreditList: pn,
|
|
1540
|
+
aboutCreditItem: mn,
|
|
1541
|
+
aboutCopyright: hn,
|
|
1542
|
+
aboutLicenseType: gn,
|
|
1543
|
+
aboutLicenseText: _n
|
|
1544
|
+
}, vn = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
|
|
1545
|
+
function yn(e, t) {
|
|
1462
1546
|
if (e.key !== "Tab") return;
|
|
1463
|
-
let n = Array.from(t.current?.querySelectorAll(
|
|
1547
|
+
let n = Array.from(t.current?.querySelectorAll(vn) ?? []);
|
|
1464
1548
|
if (!n.length) return;
|
|
1465
1549
|
let r = n[0], i = n[n.length - 1];
|
|
1466
1550
|
e.shiftKey ? document.activeElement === r && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), r.focus());
|
|
1467
1551
|
}
|
|
1468
|
-
var
|
|
1552
|
+
var bn = {
|
|
1469
1553
|
details: "Details",
|
|
1470
1554
|
credits: "Credits",
|
|
1471
1555
|
legal: "Legal"
|
|
1472
1556
|
};
|
|
1473
|
-
function
|
|
1474
|
-
let F = f(null),
|
|
1557
|
+
function xn({ open: r, title: i, children: a, buttons: o = [], onClose: c, closeOnBackdrop: d = !0, role: h = "dialog", responses: g, onResponse: _, variant: v, applicationName: y, applicationIcon: b, version: x, comments: S, developerName: C, website: w, websiteLabel: T, developers: E, designers: D, artists: O, copyright: k, licenseType: A, licenseText: j, links: M, className: N, ...P }) {
|
|
1558
|
+
let F = f(null), I = u(), ee = f(null), [te, ne] = p("details"), re = !!g, ie = v === "about";
|
|
1475
1559
|
l(() => {
|
|
1476
|
-
r ? (
|
|
1477
|
-
}, [r,
|
|
1478
|
-
let
|
|
1560
|
+
r ? (ee.current = document.activeElement, (F.current?.querySelector(vn))?.focus()) : (ee.current?.focus(), ie && ne("details"));
|
|
1561
|
+
}, [r, ie]);
|
|
1562
|
+
let ae = s(() => {
|
|
1479
1563
|
let e = g?.find((e) => e.variant !== "destructive" && !e.disabled);
|
|
1480
1564
|
e && _?.(e.id);
|
|
1481
|
-
}, [g, _]),
|
|
1565
|
+
}, [g, _]), oe = re ? ae : d ? c : void 0, se = s((e) => {
|
|
1482
1566
|
if (e.key === "Escape") {
|
|
1483
|
-
e.preventDefault(),
|
|
1567
|
+
e.preventDefault(), re ? ae() : c?.();
|
|
1484
1568
|
return;
|
|
1485
1569
|
}
|
|
1486
|
-
|
|
1570
|
+
yn(e, F);
|
|
1487
1571
|
}, [
|
|
1488
|
-
|
|
1489
|
-
|
|
1572
|
+
re,
|
|
1573
|
+
ae,
|
|
1490
1574
|
c
|
|
1491
1575
|
]);
|
|
1492
1576
|
if (!r) return null;
|
|
1493
|
-
let
|
|
1577
|
+
let ce = [
|
|
1494
1578
|
"details",
|
|
1495
1579
|
!!(E?.length || D?.length || O?.length) && "credits",
|
|
1496
1580
|
!!(k || A || j) && "legal"
|
|
1497
|
-
].filter(Boolean),
|
|
1498
|
-
className:
|
|
1581
|
+
].filter(Boolean), le = () => ie ? /* @__PURE__ */ t("div", {
|
|
1582
|
+
className: H.footer,
|
|
1499
1583
|
children: /* @__PURE__ */ t("button", {
|
|
1500
1584
|
type: "button",
|
|
1501
|
-
className: [
|
|
1585
|
+
className: [H.btn, H["btn-default"]].join(" "),
|
|
1502
1586
|
onClick: c,
|
|
1503
1587
|
children: "Close"
|
|
1504
1588
|
})
|
|
1505
|
-
}) :
|
|
1506
|
-
className:
|
|
1589
|
+
}) : re && g ? /* @__PURE__ */ t("div", {
|
|
1590
|
+
className: H.footer,
|
|
1507
1591
|
children: g.map((e) => /* @__PURE__ */ t("button", {
|
|
1508
1592
|
type: "button",
|
|
1509
1593
|
disabled: e.disabled,
|
|
1510
|
-
className: [
|
|
1594
|
+
className: [H.btn, H[`btn-${e.variant ?? "default"}`]].filter(Boolean).join(" "),
|
|
1511
1595
|
onClick: () => _?.(e.id),
|
|
1512
1596
|
children: e.label
|
|
1513
1597
|
}, e.id))
|
|
1514
1598
|
}) : o.length > 0 ? /* @__PURE__ */ t("div", {
|
|
1515
|
-
className:
|
|
1599
|
+
className: H.footer,
|
|
1516
1600
|
children: o.map((e) => /* @__PURE__ */ t("button", {
|
|
1517
1601
|
type: "button",
|
|
1518
1602
|
disabled: e.disabled,
|
|
1519
|
-
className: [
|
|
1603
|
+
className: [H.btn, H[`btn-${e.variant ?? "default"}`]].filter(Boolean).join(" "),
|
|
1520
1604
|
onClick: e.onClick,
|
|
1521
1605
|
children: e.label
|
|
1522
1606
|
}, e.label))
|
|
1523
|
-
}) : null,
|
|
1607
|
+
}) : null, ue = () => /* @__PURE__ */ n(e, { children: [
|
|
1524
1608
|
/* @__PURE__ */ n("div", {
|
|
1525
|
-
className:
|
|
1609
|
+
className: H.aboutHeader,
|
|
1526
1610
|
children: [
|
|
1527
1611
|
b && /* @__PURE__ */ t("div", {
|
|
1528
|
-
className:
|
|
1612
|
+
className: H.aboutIcon,
|
|
1529
1613
|
children: b
|
|
1530
1614
|
}),
|
|
1531
1615
|
/* @__PURE__ */ t("div", {
|
|
1532
|
-
id:
|
|
1533
|
-
className:
|
|
1616
|
+
id: I,
|
|
1617
|
+
className: H.aboutAppName,
|
|
1534
1618
|
children: y
|
|
1535
1619
|
}),
|
|
1536
1620
|
x && /* @__PURE__ */ t("div", {
|
|
1537
|
-
className:
|
|
1621
|
+
className: H.aboutVersion,
|
|
1538
1622
|
children: x
|
|
1539
1623
|
})
|
|
1540
1624
|
]
|
|
1541
1625
|
}),
|
|
1542
|
-
|
|
1543
|
-
className:
|
|
1626
|
+
ce.length > 1 && /* @__PURE__ */ t("div", {
|
|
1627
|
+
className: H.aboutTabBar,
|
|
1544
1628
|
role: "tablist",
|
|
1545
|
-
children:
|
|
1629
|
+
children: ce.map((e) => /* @__PURE__ */ t("button", {
|
|
1546
1630
|
type: "button",
|
|
1547
1631
|
role: "tab",
|
|
1548
|
-
"aria-selected":
|
|
1549
|
-
className: [
|
|
1550
|
-
onClick: () =>
|
|
1551
|
-
children:
|
|
1632
|
+
"aria-selected": te === e,
|
|
1633
|
+
className: [H.aboutTabBtn, te === e ? H.aboutTabBtnActive : null].filter(Boolean).join(" "),
|
|
1634
|
+
onClick: () => ne(e),
|
|
1635
|
+
children: bn[e]
|
|
1552
1636
|
}, e))
|
|
1553
1637
|
}),
|
|
1554
1638
|
/* @__PURE__ */ n("div", {
|
|
1555
|
-
className:
|
|
1639
|
+
className: H.aboutTabContent,
|
|
1556
1640
|
children: [
|
|
1557
|
-
|
|
1558
|
-
className:
|
|
1641
|
+
te === "details" && /* @__PURE__ */ n("div", {
|
|
1642
|
+
className: H.aboutSection,
|
|
1559
1643
|
children: [S && /* @__PURE__ */ t("p", {
|
|
1560
|
-
className:
|
|
1644
|
+
className: H.aboutComments,
|
|
1561
1645
|
children: S
|
|
1562
1646
|
}), (C || w || M?.length) && /* @__PURE__ */ n("dl", {
|
|
1563
|
-
className:
|
|
1647
|
+
className: H.aboutInfoList,
|
|
1564
1648
|
children: [
|
|
1565
1649
|
C && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("dt", {
|
|
1566
|
-
className:
|
|
1650
|
+
className: H.aboutInfoLabel,
|
|
1567
1651
|
children: "Developer"
|
|
1568
1652
|
}), /* @__PURE__ */ t("dd", {
|
|
1569
|
-
className:
|
|
1653
|
+
className: H.aboutInfoValue,
|
|
1570
1654
|
children: C
|
|
1571
1655
|
})] }),
|
|
1572
1656
|
w && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("dt", {
|
|
1573
|
-
className:
|
|
1657
|
+
className: H.aboutInfoLabel,
|
|
1574
1658
|
children: "Website"
|
|
1575
1659
|
}), /* @__PURE__ */ t("dd", {
|
|
1576
|
-
className:
|
|
1660
|
+
className: H.aboutInfoValue,
|
|
1577
1661
|
children: /* @__PURE__ */ t("a", {
|
|
1578
1662
|
href: w,
|
|
1579
1663
|
target: "_blank",
|
|
1580
1664
|
rel: "noopener noreferrer",
|
|
1581
|
-
className:
|
|
1665
|
+
className: H.aboutLink,
|
|
1582
1666
|
children: T ?? w
|
|
1583
1667
|
})
|
|
1584
1668
|
})] }),
|
|
1585
1669
|
M?.map((r) => /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("dt", {
|
|
1586
|
-
className:
|
|
1670
|
+
className: H.aboutInfoLabel,
|
|
1587
1671
|
children: r.label
|
|
1588
1672
|
}, `${r.label}-dt`), /* @__PURE__ */ t("dd", {
|
|
1589
|
-
className:
|
|
1673
|
+
className: H.aboutInfoValue,
|
|
1590
1674
|
children: /* @__PURE__ */ t("a", {
|
|
1591
1675
|
href: r.url,
|
|
1592
1676
|
target: "_blank",
|
|
1593
1677
|
rel: "noopener noreferrer",
|
|
1594
|
-
className:
|
|
1678
|
+
className: H.aboutLink,
|
|
1595
1679
|
children: r.url
|
|
1596
1680
|
})
|
|
1597
1681
|
}, `${r.label}-dd`)] }))
|
|
1598
1682
|
]
|
|
1599
1683
|
})]
|
|
1600
1684
|
}),
|
|
1601
|
-
|
|
1602
|
-
className:
|
|
1685
|
+
te === "credits" && /* @__PURE__ */ t("div", {
|
|
1686
|
+
className: H.aboutSection,
|
|
1603
1687
|
children: [
|
|
1604
1688
|
{
|
|
1605
1689
|
heading: "Developers",
|
|
@@ -1614,94 +1698,94 @@ function Cn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
|
|
|
1614
1698
|
list: O
|
|
1615
1699
|
}
|
|
1616
1700
|
].filter((e) => e.list?.length).map(({ heading: e, list: r }) => /* @__PURE__ */ n("div", {
|
|
1617
|
-
className:
|
|
1701
|
+
className: H.aboutCreditGroup,
|
|
1618
1702
|
children: [/* @__PURE__ */ t("h4", {
|
|
1619
|
-
className:
|
|
1703
|
+
className: H.aboutCreditTitle,
|
|
1620
1704
|
children: e
|
|
1621
1705
|
}), /* @__PURE__ */ t("ul", {
|
|
1622
|
-
className:
|
|
1706
|
+
className: H.aboutCreditList,
|
|
1623
1707
|
children: r.map((e) => /* @__PURE__ */ t("li", {
|
|
1624
|
-
className:
|
|
1708
|
+
className: H.aboutCreditItem,
|
|
1625
1709
|
children: e
|
|
1626
1710
|
}, e))
|
|
1627
1711
|
})]
|
|
1628
1712
|
}, e))
|
|
1629
1713
|
}),
|
|
1630
|
-
|
|
1631
|
-
className:
|
|
1714
|
+
te === "legal" && /* @__PURE__ */ n("div", {
|
|
1715
|
+
className: H.aboutSection,
|
|
1632
1716
|
children: [
|
|
1633
1717
|
k && /* @__PURE__ */ t("p", {
|
|
1634
|
-
className:
|
|
1718
|
+
className: H.aboutCopyright,
|
|
1635
1719
|
children: k
|
|
1636
1720
|
}),
|
|
1637
1721
|
A && /* @__PURE__ */ t("p", {
|
|
1638
|
-
className:
|
|
1722
|
+
className: H.aboutLicenseType,
|
|
1639
1723
|
children: A
|
|
1640
1724
|
}),
|
|
1641
1725
|
j && /* @__PURE__ */ t("pre", {
|
|
1642
|
-
className:
|
|
1726
|
+
className: H.aboutLicenseText,
|
|
1643
1727
|
children: j
|
|
1644
1728
|
})
|
|
1645
1729
|
]
|
|
1646
1730
|
})
|
|
1647
1731
|
]
|
|
1648
1732
|
})
|
|
1649
|
-
] }),
|
|
1650
|
-
className:
|
|
1651
|
-
onClick:
|
|
1733
|
+
] }), de = /* @__PURE__ */ t("div", {
|
|
1734
|
+
className: H.backdrop,
|
|
1735
|
+
onClick: oe,
|
|
1652
1736
|
"aria-hidden": "true",
|
|
1653
1737
|
children: /* @__PURE__ */ n("div", {
|
|
1654
1738
|
ref: F,
|
|
1655
1739
|
role: h,
|
|
1656
1740
|
"aria-modal": "true",
|
|
1657
|
-
"aria-labelledby":
|
|
1741
|
+
"aria-labelledby": I,
|
|
1658
1742
|
className: [
|
|
1659
|
-
|
|
1660
|
-
|
|
1743
|
+
H.dialog,
|
|
1744
|
+
ie ? H.dialogAbout : null,
|
|
1661
1745
|
N
|
|
1662
1746
|
].filter(Boolean).join(" "),
|
|
1663
|
-
onKeyDown:
|
|
1747
|
+
onKeyDown: se,
|
|
1664
1748
|
onClick: (e) => e.stopPropagation(),
|
|
1665
1749
|
...P,
|
|
1666
|
-
children: [
|
|
1667
|
-
id:
|
|
1668
|
-
className:
|
|
1750
|
+
children: [ie ? ue() : /* @__PURE__ */ n(e, { children: [i && /* @__PURE__ */ t("div", {
|
|
1751
|
+
id: I,
|
|
1752
|
+
className: H.title,
|
|
1669
1753
|
children: i
|
|
1670
1754
|
}), a && /* @__PURE__ */ t("div", {
|
|
1671
|
-
className:
|
|
1755
|
+
className: H.body,
|
|
1672
1756
|
children: a
|
|
1673
|
-
})] }),
|
|
1757
|
+
})] }), le()]
|
|
1674
1758
|
})
|
|
1675
1759
|
});
|
|
1676
|
-
return typeof document > "u" ?
|
|
1760
|
+
return typeof document > "u" ? de : m(de, document.body);
|
|
1677
1761
|
}
|
|
1678
1762
|
//#endregion
|
|
1679
1763
|
//#region src/components/Dropdown/Dropdown.module.css
|
|
1680
|
-
var
|
|
1681
|
-
wrapper:
|
|
1682
|
-
trigger:
|
|
1683
|
-
triggerOpen:
|
|
1684
|
-
triggerLabel:
|
|
1685
|
-
placeholder:
|
|
1686
|
-
chevron:
|
|
1687
|
-
chevronOpen:
|
|
1688
|
-
list:
|
|
1764
|
+
var Sn = "_wrapper_1hi05_3", Cn = "_trigger_1hi05_11", wn = "_triggerOpen_1hi05_63", Tn = "_triggerLabel_1hi05_73", En = "_placeholder_1hi05_81", Dn = "_chevron_1hi05_87", On = "_chevronOpen_1hi05_94", kn = "_list_1hi05_100", An = "_listDown_1hi05_129", jn = "_listUp_1hi05_133", Mn = "_option_1hi05_145", Nn = "_optionActive_1hi05_162", Pn = "_optionSelected_1hi05_166", Fn = "_optionDisabled_1hi05_170", In = "_optionText_1hi05_178", Ln = "_optionLabel_1hi05_186", Rn = "_optionDesc_1hi05_192", zn = "_checkIcon_1hi05_202", U = {
|
|
1765
|
+
wrapper: Sn,
|
|
1766
|
+
trigger: Cn,
|
|
1767
|
+
triggerOpen: wn,
|
|
1768
|
+
triggerLabel: Tn,
|
|
1769
|
+
placeholder: En,
|
|
1770
|
+
chevron: Dn,
|
|
1771
|
+
chevronOpen: On,
|
|
1772
|
+
list: kn,
|
|
1689
1773
|
"list-in": "_list-in_1hi05_1",
|
|
1690
|
-
listDown:
|
|
1691
|
-
listUp:
|
|
1774
|
+
listDown: An,
|
|
1775
|
+
listUp: jn,
|
|
1692
1776
|
"list-in-up": "_list-in-up_1hi05_1",
|
|
1693
|
-
option:
|
|
1694
|
-
optionActive:
|
|
1695
|
-
optionSelected:
|
|
1696
|
-
optionDisabled:
|
|
1697
|
-
optionText:
|
|
1698
|
-
optionLabel:
|
|
1699
|
-
optionDesc:
|
|
1700
|
-
checkIcon:
|
|
1777
|
+
option: Mn,
|
|
1778
|
+
optionActive: Nn,
|
|
1779
|
+
optionSelected: Pn,
|
|
1780
|
+
optionDisabled: Fn,
|
|
1781
|
+
optionText: In,
|
|
1782
|
+
optionLabel: Ln,
|
|
1783
|
+
optionDesc: Rn,
|
|
1784
|
+
checkIcon: zn
|
|
1701
1785
|
};
|
|
1702
1786
|
//#endregion
|
|
1703
1787
|
//#region src/components/Dropdown/Dropdown.tsx
|
|
1704
|
-
function
|
|
1788
|
+
function Bn({ options: e, value: r, onChange: i, placeholder: a = "Select an option", disabled: o, className: c, ...d }) {
|
|
1705
1789
|
let [m, h] = p(!1), [g, _] = p(-1), [v, y] = p(!1), b = u(), x = u(), S = f(null), C = f(null), w = e.find((e) => e.value === r), T = s(() => {
|
|
1706
1790
|
if (!S.current) return;
|
|
1707
1791
|
let t = S.current.getBoundingClientRect(), n = window.innerHeight - t.bottom, r = Math.min(e.length * 48 + 8, 280);
|
|
@@ -1785,7 +1869,7 @@ function Hn({ options: e, value: r, onChange: i, placeholder: a = "Select an opt
|
|
|
1785
1869
|
D
|
|
1786
1870
|
]);
|
|
1787
1871
|
return /* @__PURE__ */ n("div", {
|
|
1788
|
-
className: [
|
|
1872
|
+
className: [U.wrapper, c].filter(Boolean).join(" "),
|
|
1789
1873
|
...d,
|
|
1790
1874
|
children: [/* @__PURE__ */ n("button", {
|
|
1791
1875
|
ref: S,
|
|
@@ -1797,17 +1881,17 @@ function Hn({ options: e, value: r, onChange: i, placeholder: a = "Select an opt
|
|
|
1797
1881
|
"aria-controls": x,
|
|
1798
1882
|
"aria-activedescendant": m && g >= 0 ? `${x}-opt-${g}` : void 0,
|
|
1799
1883
|
disabled: o,
|
|
1800
|
-
className: [
|
|
1884
|
+
className: [U.trigger, m ? U.triggerOpen : null].filter(Boolean).join(" "),
|
|
1801
1885
|
onClick: () => m ? D() : E(),
|
|
1802
1886
|
onKeyDown: k,
|
|
1803
1887
|
children: [/* @__PURE__ */ t("span", {
|
|
1804
|
-
className: [
|
|
1888
|
+
className: [U.triggerLabel, w ? null : U.placeholder].filter(Boolean).join(" "),
|
|
1805
1889
|
children: w?.label ?? a
|
|
1806
|
-
}), /* @__PURE__ */ t(
|
|
1807
|
-
icon:
|
|
1890
|
+
}), /* @__PURE__ */ t(L, {
|
|
1891
|
+
icon: Ne,
|
|
1808
1892
|
size: "md",
|
|
1809
1893
|
"aria-hidden": !0,
|
|
1810
|
-
className: [
|
|
1894
|
+
className: [U.chevron, m ? U.chevronOpen : null].filter(Boolean).join(" ")
|
|
1811
1895
|
})]
|
|
1812
1896
|
}), m && /* @__PURE__ */ t("ul", {
|
|
1813
1897
|
ref: C,
|
|
@@ -1815,7 +1899,7 @@ function Hn({ options: e, value: r, onChange: i, placeholder: a = "Select an opt
|
|
|
1815
1899
|
role: "listbox",
|
|
1816
1900
|
"aria-labelledby": b,
|
|
1817
1901
|
tabIndex: -1,
|
|
1818
|
-
className: [
|
|
1902
|
+
className: [U.list, v ? U.listUp : U.listDown].filter(Boolean).join(" "),
|
|
1819
1903
|
onKeyDown: A,
|
|
1820
1904
|
children: e.map((e, i) => /* @__PURE__ */ n("li", {
|
|
1821
1905
|
id: `${x}-opt-${i}`,
|
|
@@ -1823,33 +1907,33 @@ function Hn({ options: e, value: r, onChange: i, placeholder: a = "Select an opt
|
|
|
1823
1907
|
"aria-selected": e.value === r,
|
|
1824
1908
|
"aria-disabled": e.disabled,
|
|
1825
1909
|
className: [
|
|
1826
|
-
|
|
1827
|
-
e.value === r ?
|
|
1828
|
-
i === g ?
|
|
1829
|
-
e.disabled ?
|
|
1910
|
+
U.option,
|
|
1911
|
+
e.value === r ? U.optionSelected : null,
|
|
1912
|
+
i === g ? U.optionActive : null,
|
|
1913
|
+
e.disabled ? U.optionDisabled : null
|
|
1830
1914
|
].filter(Boolean).join(" "),
|
|
1831
1915
|
onMouseEnter: () => !e.disabled && _(i),
|
|
1832
1916
|
onClick: () => O(e),
|
|
1833
1917
|
children: [/* @__PURE__ */ n("span", {
|
|
1834
|
-
className:
|
|
1918
|
+
className: U.optionText,
|
|
1835
1919
|
children: [/* @__PURE__ */ t("span", {
|
|
1836
|
-
className:
|
|
1920
|
+
className: U.optionLabel,
|
|
1837
1921
|
children: e.label
|
|
1838
1922
|
}), e.description && /* @__PURE__ */ t("span", {
|
|
1839
|
-
className:
|
|
1923
|
+
className: U.optionDesc,
|
|
1840
1924
|
children: e.description
|
|
1841
1925
|
})]
|
|
1842
|
-
}), e.value === r && /* @__PURE__ */ t(
|
|
1843
|
-
icon:
|
|
1926
|
+
}), e.value === r && /* @__PURE__ */ t(L, {
|
|
1927
|
+
icon: Re,
|
|
1844
1928
|
size: "md",
|
|
1845
1929
|
"aria-hidden": !0,
|
|
1846
|
-
className:
|
|
1930
|
+
className: U.checkIcon
|
|
1847
1931
|
})]
|
|
1848
1932
|
}, e.value))
|
|
1849
1933
|
})]
|
|
1850
1934
|
});
|
|
1851
1935
|
}
|
|
1852
|
-
var
|
|
1936
|
+
var Vn = {
|
|
1853
1937
|
wrapper: "_wrapper_11zhs_3",
|
|
1854
1938
|
hasLabels: "_hasLabels_11zhs_11",
|
|
1855
1939
|
track: "_track_11zhs_17",
|
|
@@ -1862,21 +1946,21 @@ var Un = {
|
|
|
1862
1946
|
};
|
|
1863
1947
|
//#endregion
|
|
1864
1948
|
//#region src/components/Slider/Slider.tsx
|
|
1865
|
-
function
|
|
1949
|
+
function Hn(e, t, n) {
|
|
1866
1950
|
return Math.min(n, Math.max(t, e));
|
|
1867
1951
|
}
|
|
1868
|
-
function
|
|
1952
|
+
function Un(e, t, n, r) {
|
|
1869
1953
|
return parseFloat((Math.round((e - t) / n) * n + t).toFixed(r));
|
|
1870
1954
|
}
|
|
1871
|
-
function
|
|
1955
|
+
function Wn(e) {
|
|
1872
1956
|
let t = e.toString(), n = t.indexOf(".");
|
|
1873
1957
|
return n === -1 ? 0 : t.length - n - 1;
|
|
1874
1958
|
}
|
|
1875
|
-
function
|
|
1876
|
-
let g = f(null), _ =
|
|
1959
|
+
function Gn({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disabled: c = !1, marks: l, className: u, "aria-label": d, "aria-labelledby": p, "aria-describedby": m, ...h }) {
|
|
1960
|
+
let g = f(null), _ = Wn(o), v = (Hn(e, i, a) - i) / (a - i) * 100, y = s((e) => {
|
|
1877
1961
|
if (!g.current) return;
|
|
1878
1962
|
let { left: t, width: n } = g.current.getBoundingClientRect();
|
|
1879
|
-
r(
|
|
1963
|
+
r(Hn(Un((e - t) / n * (a - i) + i, i, o, _), i, a));
|
|
1880
1964
|
}, [
|
|
1881
1965
|
i,
|
|
1882
1966
|
a,
|
|
@@ -1889,7 +1973,7 @@ function qn({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disa
|
|
|
1889
1973
|
e.currentTarget.hasPointerCapture(e.pointerId) && y(e.clientX);
|
|
1890
1974
|
}, [y]), S = s((t) => {
|
|
1891
1975
|
let n = (e) => {
|
|
1892
|
-
t.preventDefault(), r(
|
|
1976
|
+
t.preventDefault(), r(Hn(Un(e, i, o, _), i, a));
|
|
1893
1977
|
};
|
|
1894
1978
|
switch (t.key) {
|
|
1895
1979
|
case "ArrowRight":
|
|
@@ -1923,8 +2007,8 @@ function qn({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disa
|
|
|
1923
2007
|
]), C = l && l.length > 0, w = C && l.some((e) => e.label);
|
|
1924
2008
|
return /* @__PURE__ */ n("div", {
|
|
1925
2009
|
className: [
|
|
1926
|
-
|
|
1927
|
-
w ?
|
|
2010
|
+
Vn.wrapper,
|
|
2011
|
+
w ? Vn.hasLabels : null,
|
|
1928
2012
|
u
|
|
1929
2013
|
].filter(Boolean).join(" "),
|
|
1930
2014
|
...h,
|
|
@@ -1939,36 +2023,36 @@ function qn({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disa
|
|
|
1939
2023
|
"aria-labelledby": p,
|
|
1940
2024
|
"aria-describedby": m,
|
|
1941
2025
|
"aria-disabled": c || void 0,
|
|
1942
|
-
className: [
|
|
2026
|
+
className: [Vn.track, c ? Vn.disabled : null].filter(Boolean).join(" "),
|
|
1943
2027
|
onPointerDown: b,
|
|
1944
2028
|
onPointerMove: x,
|
|
1945
2029
|
onKeyDown: c ? void 0 : S,
|
|
1946
2030
|
children: [
|
|
1947
2031
|
/* @__PURE__ */ t("div", {
|
|
1948
|
-
className:
|
|
2032
|
+
className: Vn.fill,
|
|
1949
2033
|
style: { width: `${v}%` }
|
|
1950
2034
|
}),
|
|
1951
2035
|
/* @__PURE__ */ t("div", {
|
|
1952
|
-
className:
|
|
2036
|
+
className: Vn.thumb,
|
|
1953
2037
|
style: { left: `${v}%` },
|
|
1954
2038
|
"aria-hidden": "true"
|
|
1955
2039
|
}),
|
|
1956
2040
|
C && l.map((e) => {
|
|
1957
|
-
let n = (
|
|
2041
|
+
let n = (Hn(e.value, i, a) - i) / (a - i) * 100;
|
|
1958
2042
|
return /* @__PURE__ */ t("div", {
|
|
1959
|
-
className:
|
|
2043
|
+
className: Vn.tick,
|
|
1960
2044
|
style: { left: `${n}%` },
|
|
1961
2045
|
"aria-hidden": "true"
|
|
1962
2046
|
}, e.value);
|
|
1963
2047
|
})
|
|
1964
2048
|
]
|
|
1965
2049
|
}), w && /* @__PURE__ */ t("div", {
|
|
1966
|
-
className:
|
|
2050
|
+
className: Vn.labels,
|
|
1967
2051
|
"aria-hidden": "true",
|
|
1968
2052
|
children: l.map((e) => {
|
|
1969
|
-
let n = (
|
|
2053
|
+
let n = (Hn(e.value, i, a) - i) / (a - i) * 100;
|
|
1970
2054
|
return /* @__PURE__ */ t("span", {
|
|
1971
|
-
className:
|
|
2055
|
+
className: Vn.markLabel,
|
|
1972
2056
|
style: { left: `${n}%` },
|
|
1973
2057
|
children: e.label
|
|
1974
2058
|
}, e.value);
|
|
@@ -1976,7 +2060,7 @@ function qn({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disa
|
|
|
1976
2060
|
})]
|
|
1977
2061
|
});
|
|
1978
2062
|
}
|
|
1979
|
-
var
|
|
2063
|
+
var Kn = {
|
|
1980
2064
|
panel: "_panel_1tk9v_3",
|
|
1981
2065
|
visible: "_visible_1tk9v_36",
|
|
1982
2066
|
arrow: "_arrow_1tk9v_44",
|
|
@@ -1984,8 +2068,8 @@ var Jn = {
|
|
|
1984
2068
|
top: "_top_1tk9v_67",
|
|
1985
2069
|
left: "_left_1tk9v_75",
|
|
1986
2070
|
right: "_right_1tk9v_83"
|
|
1987
|
-
},
|
|
1988
|
-
function
|
|
2071
|
+
}, qn = 8, W = 10, Jn = 6;
|
|
2072
|
+
function Yn(e, t, n) {
|
|
1989
2073
|
let r = window.innerWidth, i = window.innerHeight, a = [...new Set([
|
|
1990
2074
|
n,
|
|
1991
2075
|
n === "top" ? "bottom" : n === "bottom" ? "top" : n === "left" ? "right" : "left",
|
|
@@ -1996,21 +2080,21 @@ function Zn(e, t, n) {
|
|
|
1996
2080
|
])];
|
|
1997
2081
|
function o(n) {
|
|
1998
2082
|
return n === "bottom" ? {
|
|
1999
|
-
top: e.bottom +
|
|
2083
|
+
top: e.bottom + qn,
|
|
2000
2084
|
left: e.left + e.width / 2 - t.width / 2
|
|
2001
2085
|
} : n === "top" ? {
|
|
2002
|
-
top: e.top - t.height -
|
|
2086
|
+
top: e.top - t.height - qn,
|
|
2003
2087
|
left: e.left + e.width / 2 - t.width / 2
|
|
2004
2088
|
} : n === "left" ? {
|
|
2005
2089
|
top: e.top + e.height / 2 - t.height / 2,
|
|
2006
|
-
left: e.left - t.width -
|
|
2090
|
+
left: e.left - t.width - qn
|
|
2007
2091
|
} : {
|
|
2008
2092
|
top: e.top + e.height / 2 - t.height / 2,
|
|
2009
|
-
left: e.right +
|
|
2093
|
+
left: e.right + qn
|
|
2010
2094
|
};
|
|
2011
2095
|
}
|
|
2012
2096
|
for (let n of a) {
|
|
2013
|
-
let { top: a, left: s } = o(n), c = s >=
|
|
2097
|
+
let { top: a, left: s } = o(n), c = s >= W && s + t.width <= r - W, l = a >= W && a + t.height <= i - W;
|
|
2014
2098
|
if (c && l) return {
|
|
2015
2099
|
top: a,
|
|
2016
2100
|
left: s,
|
|
@@ -2019,35 +2103,35 @@ function Zn(e, t, n) {
|
|
|
2019
2103
|
};
|
|
2020
2104
|
}
|
|
2021
2105
|
for (let n of a) {
|
|
2022
|
-
let { top: a, left: s } = o(n), c = a >=
|
|
2106
|
+
let { top: a, left: s } = o(n), c = a >= W && a + t.height <= i - W, l = s >= W && s + t.width <= r - W;
|
|
2023
2107
|
if ((n === "top" || n === "bottom") && c) {
|
|
2024
|
-
let i = Math.max(
|
|
2108
|
+
let i = Math.max(W, Math.min(s, r - t.width - W)), o = e.left + e.width / 2 - i;
|
|
2025
2109
|
return {
|
|
2026
2110
|
top: a,
|
|
2027
2111
|
left: i,
|
|
2028
2112
|
placement: n,
|
|
2029
|
-
arrowOffset: Math.max(
|
|
2113
|
+
arrowOffset: Math.max(Jn + 4, Math.min(o, t.width - Jn - 4))
|
|
2030
2114
|
};
|
|
2031
2115
|
}
|
|
2032
2116
|
if ((n === "left" || n === "right") && l) {
|
|
2033
|
-
let r = Math.max(
|
|
2117
|
+
let r = Math.max(W, Math.min(a, i - t.height - W)), o = e.top + e.height / 2 - r;
|
|
2034
2118
|
return {
|
|
2035
2119
|
top: r,
|
|
2036
2120
|
left: s,
|
|
2037
2121
|
placement: n,
|
|
2038
|
-
arrowOffset: Math.max(
|
|
2122
|
+
arrowOffset: Math.max(Jn + 4, Math.min(o, t.height - Jn - 4))
|
|
2039
2123
|
};
|
|
2040
2124
|
}
|
|
2041
2125
|
}
|
|
2042
|
-
let s = e.bottom +
|
|
2126
|
+
let s = e.bottom + qn, c = e.left + e.width / 2 - t.width / 2, l = Math.max(W, Math.min(s, i - t.height - W)), u = Math.max(W, Math.min(c, r - t.width - W)), d = e.left + e.width / 2 - u;
|
|
2043
2127
|
return {
|
|
2044
2128
|
top: l,
|
|
2045
2129
|
left: u,
|
|
2046
2130
|
placement: "bottom",
|
|
2047
|
-
arrowOffset: Math.max(
|
|
2131
|
+
arrowOffset: Math.max(Jn + 4, Math.min(d, t.width - Jn - 4))
|
|
2048
2132
|
};
|
|
2049
2133
|
}
|
|
2050
|
-
function
|
|
2134
|
+
function Xn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenChange: d, children: h }) {
|
|
2051
2135
|
let g = o !== void 0, [_, v] = p(!1), y = g ? o : _, [b, x] = p(null), S = u(), C = u(), w = f(null), T = f(null), E = f(null), D = s(() => {
|
|
2052
2136
|
g ? c?.() : v(!1), d?.(!1);
|
|
2053
2137
|
}, [
|
|
@@ -2062,7 +2146,7 @@ function Qn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenCh
|
|
|
2062
2146
|
g,
|
|
2063
2147
|
d
|
|
2064
2148
|
]), k = s(() => {
|
|
2065
|
-
!w.current || !T.current || x(
|
|
2149
|
+
!w.current || !T.current || x(Yn(w.current.getBoundingClientRect(), T.current.getBoundingClientRect(), a));
|
|
2066
2150
|
}, [a]);
|
|
2067
2151
|
l(() => {
|
|
2068
2152
|
if (!y) return;
|
|
@@ -2104,9 +2188,9 @@ function Qn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenCh
|
|
|
2104
2188
|
"aria-labelledby": S,
|
|
2105
2189
|
tabIndex: -1,
|
|
2106
2190
|
className: [
|
|
2107
|
-
|
|
2108
|
-
b ?
|
|
2109
|
-
y && b ?
|
|
2191
|
+
Kn.panel,
|
|
2192
|
+
b ? Kn[b.placement] : null,
|
|
2193
|
+
y && b ? Kn.visible : null
|
|
2110
2194
|
].filter(Boolean).join(" "),
|
|
2111
2195
|
style: b ? {
|
|
2112
2196
|
top: b.top,
|
|
@@ -2119,25 +2203,25 @@ function Qn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenCh
|
|
|
2119
2203
|
},
|
|
2120
2204
|
onKeyDown: A,
|
|
2121
2205
|
children: [/* @__PURE__ */ t("div", {
|
|
2122
|
-
className:
|
|
2206
|
+
className: Kn.arrow,
|
|
2123
2207
|
"aria-hidden": "true",
|
|
2124
2208
|
style: b?.arrowOffset === void 0 ? void 0 : b.placement === "top" || b.placement === "bottom" ? {
|
|
2125
|
-
left: b.arrowOffset -
|
|
2209
|
+
left: b.arrowOffset - Jn,
|
|
2126
2210
|
marginLeft: 0
|
|
2127
2211
|
} : {
|
|
2128
|
-
top: b.arrowOffset -
|
|
2212
|
+
top: b.arrowOffset - Jn,
|
|
2129
2213
|
marginTop: 0
|
|
2130
2214
|
}
|
|
2131
2215
|
}), r]
|
|
2132
2216
|
});
|
|
2133
2217
|
return /* @__PURE__ */ n(e, { children: [j, y && (typeof document < "u" ? m(M, document.body) : M)] });
|
|
2134
2218
|
}
|
|
2135
|
-
var
|
|
2219
|
+
var Zn = { clamp: "_clamp_1j51b_6" };
|
|
2136
2220
|
//#endregion
|
|
2137
2221
|
//#region src/components/Clamp/Clamp.tsx
|
|
2138
|
-
function
|
|
2222
|
+
function Qn({ maximumSize: e = 600, children: n, className: r, style: i, ...a }) {
|
|
2139
2223
|
return /* @__PURE__ */ t("div", {
|
|
2140
|
-
className: [
|
|
2224
|
+
className: [Zn.clamp, r].filter(Boolean).join(" "),
|
|
2141
2225
|
style: {
|
|
2142
2226
|
maxWidth: e,
|
|
2143
2227
|
...i
|
|
@@ -2146,7 +2230,7 @@ function er({ maximumSize: e = 600, children: n, className: r, style: i, ...a })
|
|
|
2146
2230
|
children: n
|
|
2147
2231
|
});
|
|
2148
2232
|
}
|
|
2149
|
-
var
|
|
2233
|
+
var G = {
|
|
2150
2234
|
root: "_root_yaj3r_3",
|
|
2151
2235
|
expanded: "_expanded_yaj3r_12",
|
|
2152
2236
|
sidebar: "_sidebar_yaj3r_16",
|
|
@@ -2158,12 +2242,12 @@ var U = {
|
|
|
2158
2242
|
};
|
|
2159
2243
|
//#endregion
|
|
2160
2244
|
//#region src/components/NavigationSplitView/NavigationSplitView.tsx
|
|
2161
|
-
function
|
|
2162
|
-
let { isNarrow: d } =
|
|
2245
|
+
function $n({ sidebar: e, content: r, showContent: i = !1, minSidebarWidth: a = 180, maxSidebarWidth: o = 280, sidebarWidthFraction: s = .25, className: c, style: l, ...u }) {
|
|
2246
|
+
let { isNarrow: d } = Ue(), f = `clamp(${a}px, ${s * 100}%, ${o}px)`;
|
|
2163
2247
|
return /* @__PURE__ */ n("div", {
|
|
2164
2248
|
className: [
|
|
2165
|
-
|
|
2166
|
-
d ?
|
|
2249
|
+
G.root,
|
|
2250
|
+
d ? G.collapsed : G.expanded,
|
|
2167
2251
|
c
|
|
2168
2252
|
].filter(Boolean).join(" "),
|
|
2169
2253
|
style: {
|
|
@@ -2173,23 +2257,23 @@ function tr({ sidebar: e, content: r, showContent: i = !1, minSidebarWidth: a =
|
|
|
2173
2257
|
...u,
|
|
2174
2258
|
children: [
|
|
2175
2259
|
/* @__PURE__ */ t("div", {
|
|
2176
|
-
className: [
|
|
2260
|
+
className: [G.sidebar, d && i ? G.paneHidden : G.paneVisible].filter(Boolean).join(" "),
|
|
2177
2261
|
"aria-hidden": d && i,
|
|
2178
2262
|
children: e
|
|
2179
2263
|
}),
|
|
2180
2264
|
!d && /* @__PURE__ */ t("div", {
|
|
2181
|
-
className:
|
|
2265
|
+
className: G.divider,
|
|
2182
2266
|
"aria-hidden": "true"
|
|
2183
2267
|
}),
|
|
2184
2268
|
/* @__PURE__ */ t("div", {
|
|
2185
|
-
className: [
|
|
2269
|
+
className: [G.contentPane, d && !i ? G.paneHidden : G.paneVisible].filter(Boolean).join(" "),
|
|
2186
2270
|
"aria-hidden": d && !i,
|
|
2187
2271
|
children: r
|
|
2188
2272
|
})
|
|
2189
2273
|
]
|
|
2190
2274
|
});
|
|
2191
2275
|
}
|
|
2192
|
-
var
|
|
2276
|
+
var K = {
|
|
2193
2277
|
root: "_root_1xl2w_3",
|
|
2194
2278
|
wide: "_wide_1xl2w_13",
|
|
2195
2279
|
end: "_end_1xl2w_17",
|
|
@@ -2204,8 +2288,8 @@ var W = {
|
|
|
2204
2288
|
};
|
|
2205
2289
|
//#endregion
|
|
2206
2290
|
//#region src/components/OverlaySplitView/OverlaySplitView.tsx
|
|
2207
|
-
function
|
|
2208
|
-
let { isNarrow: h } =
|
|
2291
|
+
function er({ sidebar: e, content: r, showSidebar: i = !1, onClose: a, sidebarPosition: o = "start", minSidebarWidth: s = 180, maxSidebarWidth: c = 280, sidebarWidthFraction: u = .25, className: d, style: p, ...m }) {
|
|
2292
|
+
let { isNarrow: h } = Ue(), g = f(null), _ = `clamp(${s}px, ${u * 100}%, ${c}px)`;
|
|
2209
2293
|
l(() => {
|
|
2210
2294
|
if (!h || !i) return;
|
|
2211
2295
|
let e = (e) => {
|
|
@@ -2220,11 +2304,29 @@ function nr({ sidebar: e, content: r, showSidebar: i = !1, onClose: a, sidebarPo
|
|
|
2220
2304
|
!h || !i || (g.current?.querySelector("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])"))?.focus();
|
|
2221
2305
|
}, [h, i]);
|
|
2222
2306
|
let v = o === "end";
|
|
2223
|
-
return
|
|
2307
|
+
return l(() => {
|
|
2308
|
+
if (!h || !i) return;
|
|
2309
|
+
let e = g.current;
|
|
2310
|
+
if (!e) return;
|
|
2311
|
+
let t = 0, n = (e) => {
|
|
2312
|
+
t = e.touches[0].clientX;
|
|
2313
|
+
}, r = (e) => {
|
|
2314
|
+
let n = e.changedTouches[0].clientX - t;
|
|
2315
|
+
(v ? n > 80 : n < -80) && a?.();
|
|
2316
|
+
};
|
|
2317
|
+
return e.addEventListener("touchstart", n, { passive: !0 }), e.addEventListener("touchend", r, { passive: !0 }), () => {
|
|
2318
|
+
e.removeEventListener("touchstart", n), e.removeEventListener("touchend", r);
|
|
2319
|
+
};
|
|
2320
|
+
}, [
|
|
2321
|
+
h,
|
|
2322
|
+
i,
|
|
2323
|
+
v,
|
|
2324
|
+
a
|
|
2325
|
+
]), /* @__PURE__ */ n("div", {
|
|
2224
2326
|
className: [
|
|
2225
|
-
|
|
2226
|
-
h ?
|
|
2227
|
-
v ?
|
|
2327
|
+
K.root,
|
|
2328
|
+
h ? K.narrow : K.wide,
|
|
2329
|
+
v ? K.end : K.start,
|
|
2228
2330
|
d
|
|
2229
2331
|
].filter(Boolean).join(" "),
|
|
2230
2332
|
style: {
|
|
@@ -2234,69 +2336,69 @@ function nr({ sidebar: e, content: r, showSidebar: i = !1, onClose: a, sidebarPo
|
|
|
2234
2336
|
...m,
|
|
2235
2337
|
children: [
|
|
2236
2338
|
h && /* @__PURE__ */ t("div", {
|
|
2237
|
-
className: [
|
|
2339
|
+
className: [K.backdrop, i ? K.backdropVisible : null].filter(Boolean).join(" "),
|
|
2238
2340
|
"aria-hidden": "true",
|
|
2239
2341
|
onClick: a
|
|
2240
2342
|
}),
|
|
2241
2343
|
/* @__PURE__ */ t("div", {
|
|
2242
2344
|
ref: g,
|
|
2243
|
-
className: [
|
|
2345
|
+
className: [K.sidebar, h ? i ? K.sidebarOpen : K.sidebarClosed : null].filter(Boolean).join(" "),
|
|
2244
2346
|
"aria-hidden": h && !i,
|
|
2245
2347
|
children: e
|
|
2246
2348
|
}),
|
|
2247
2349
|
/* @__PURE__ */ t("div", {
|
|
2248
|
-
className:
|
|
2350
|
+
className: K.content,
|
|
2249
2351
|
children: r
|
|
2250
2352
|
})
|
|
2251
2353
|
]
|
|
2252
2354
|
});
|
|
2253
2355
|
}
|
|
2254
|
-
var
|
|
2356
|
+
var tr = { bar: "_bar_njcvu_3" };
|
|
2255
2357
|
//#endregion
|
|
2256
2358
|
//#region src/components/ViewSwitcherBar/ViewSwitcherBar.tsx
|
|
2257
|
-
function
|
|
2359
|
+
function nr({ children: e, reveal: n = !0, className: r, ...i }) {
|
|
2258
2360
|
return n ? /* @__PURE__ */ t("div", {
|
|
2259
2361
|
role: "navigation",
|
|
2260
2362
|
"aria-label": "Bottom navigation",
|
|
2261
|
-
className: [
|
|
2363
|
+
className: [tr.bar, r].filter(Boolean).join(" "),
|
|
2262
2364
|
...i,
|
|
2263
2365
|
children: e
|
|
2264
2366
|
}) : null;
|
|
2265
2367
|
}
|
|
2266
|
-
var
|
|
2368
|
+
var rr = {
|
|
2267
2369
|
link: "_link_x1qyh_1",
|
|
2268
2370
|
externalIcon: "_externalIcon_x1qyh_36"
|
|
2269
2371
|
};
|
|
2270
2372
|
//#endregion
|
|
2271
2373
|
//#region src/components/Link/Link.tsx
|
|
2272
|
-
function
|
|
2374
|
+
function ir({ external: e = !1, children: r, className: i, target: a, rel: o, ...s }) {
|
|
2273
2375
|
let c = e || a === "_blank";
|
|
2274
2376
|
return /* @__PURE__ */ n("a", {
|
|
2275
|
-
className: [
|
|
2377
|
+
className: [rr.link, i].filter(Boolean).join(" "),
|
|
2276
2378
|
target: c ? "_blank" : a,
|
|
2277
2379
|
rel: c ? "noopener noreferrer" : o,
|
|
2278
2380
|
...s,
|
|
2279
2381
|
children: [r, c && /* @__PURE__ */ t("span", {
|
|
2280
|
-
className:
|
|
2382
|
+
className: rr.externalIcon,
|
|
2281
2383
|
"aria-label": "(opens in new tab)",
|
|
2282
2384
|
children: "↗"
|
|
2283
2385
|
})]
|
|
2284
2386
|
});
|
|
2285
2387
|
}
|
|
2286
|
-
var
|
|
2388
|
+
var ar = {
|
|
2287
2389
|
group: "_group_1fa3l_3",
|
|
2288
2390
|
item: "_item_1fa3l_18",
|
|
2289
2391
|
iconOnly: "_iconOnly_1fa3l_48",
|
|
2290
2392
|
active: "_active_1fa3l_53",
|
|
2291
2393
|
itemIcon: "_itemIcon_1fa3l_86",
|
|
2292
2394
|
itemLabel: "_itemLabel_1fa3l_92"
|
|
2293
|
-
},
|
|
2294
|
-
function
|
|
2295
|
-
let e = c(
|
|
2395
|
+
}, or = a(null);
|
|
2396
|
+
function sr() {
|
|
2397
|
+
let e = c(or);
|
|
2296
2398
|
if (!e) throw Error("ToggleGroupItem must be used inside ToggleGroup");
|
|
2297
2399
|
return e;
|
|
2298
2400
|
}
|
|
2299
|
-
function
|
|
2401
|
+
function cr({ value: e, onValueChange: n, "aria-label": r = "Options", children: i, className: a, ...o }) {
|
|
2300
2402
|
let s = f(null);
|
|
2301
2403
|
function c(e) {
|
|
2302
2404
|
let t = Array.from(s.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
|
|
@@ -2309,7 +2411,7 @@ function ur({ value: e, onValueChange: n, "aria-label": r = "Options", children:
|
|
|
2309
2411
|
else return;
|
|
2310
2412
|
e.preventDefault(), t[r].focus(), t[r].click();
|
|
2311
2413
|
}
|
|
2312
|
-
return /* @__PURE__ */ t(
|
|
2414
|
+
return /* @__PURE__ */ t(or.Provider, {
|
|
2313
2415
|
value: {
|
|
2314
2416
|
value: e,
|
|
2315
2417
|
onValueChange: n
|
|
@@ -2319,7 +2421,7 @@ function ur({ value: e, onValueChange: n, "aria-label": r = "Options", children:
|
|
|
2319
2421
|
role: "radiogroup",
|
|
2320
2422
|
"aria-label": r,
|
|
2321
2423
|
onKeyDown: c,
|
|
2322
|
-
className: [
|
|
2424
|
+
className: [ar.group, a].filter(Boolean).join(" "),
|
|
2323
2425
|
...o,
|
|
2324
2426
|
children: i
|
|
2325
2427
|
})
|
|
@@ -2327,8 +2429,8 @@ function ur({ value: e, onValueChange: n, "aria-label": r = "Options", children:
|
|
|
2327
2429
|
}
|
|
2328
2430
|
//#endregion
|
|
2329
2431
|
//#region src/components/ToggleGroup/ToggleGroupItem.tsx
|
|
2330
|
-
function
|
|
2331
|
-
let { value: c, onValueChange: l } =
|
|
2432
|
+
function lr({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
|
|
2433
|
+
let { value: c, onValueChange: l } = sr(), u = c === e, d = i && !r;
|
|
2332
2434
|
return /* @__PURE__ */ n("button", {
|
|
2333
2435
|
type: "button",
|
|
2334
2436
|
role: "radio",
|
|
@@ -2337,28 +2439,28 @@ function dr({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
|
|
|
2337
2439
|
disabled: a,
|
|
2338
2440
|
onClick: () => l(e),
|
|
2339
2441
|
className: [
|
|
2340
|
-
|
|
2341
|
-
u ?
|
|
2342
|
-
d ?
|
|
2442
|
+
ar.item,
|
|
2443
|
+
u ? ar.active : null,
|
|
2444
|
+
d ? ar.iconOnly : null,
|
|
2343
2445
|
o
|
|
2344
2446
|
].filter(Boolean).join(" "),
|
|
2345
2447
|
...s,
|
|
2346
2448
|
children: [i && /* @__PURE__ */ t("span", {
|
|
2347
|
-
className:
|
|
2348
|
-
children: /* @__PURE__ */ t(
|
|
2449
|
+
className: ar.itemIcon,
|
|
2450
|
+
children: /* @__PURE__ */ t(L, {
|
|
2349
2451
|
icon: i,
|
|
2350
2452
|
size: "md",
|
|
2351
2453
|
"aria-hidden": !0
|
|
2352
2454
|
})
|
|
2353
2455
|
}), r && /* @__PURE__ */ t("span", {
|
|
2354
|
-
className:
|
|
2456
|
+
className: ar.itemLabel,
|
|
2355
2457
|
children: r
|
|
2356
2458
|
})]
|
|
2357
2459
|
});
|
|
2358
2460
|
}
|
|
2359
2461
|
//#endregion
|
|
2360
2462
|
//#region src/components/Box/Box.tsx
|
|
2361
|
-
function
|
|
2463
|
+
function ur({ orientation: e = "vertical", spacing: n = 6, align: r, justify: i = "start", className: a, style: o, children: s, ...c }) {
|
|
2362
2464
|
let l = e === "horizontal" ? "center" : "stretch";
|
|
2363
2465
|
return /* @__PURE__ */ t("div", {
|
|
2364
2466
|
className: a,
|
|
@@ -2374,13 +2476,13 @@ function fr({ orientation: e = "vertical", spacing: n = 6, align: r, justify: i
|
|
|
2374
2476
|
children: s
|
|
2375
2477
|
});
|
|
2376
2478
|
}
|
|
2377
|
-
var
|
|
2479
|
+
var dr = {
|
|
2378
2480
|
wrapBox: "_wrapBox_1ik0x_1",
|
|
2379
2481
|
reverse: "_reverse_1ik0x_10"
|
|
2380
2482
|
};
|
|
2381
2483
|
//#endregion
|
|
2382
2484
|
//#region src/components/WrapBox/WrapBox.tsx
|
|
2383
|
-
function
|
|
2485
|
+
function fr({ childSpacing: e = 6, lineSpacing: n, justify: r = "start", align: i = "center", wrapReverse: a = !1, children: o, className: s, style: c, ...l }) {
|
|
2384
2486
|
let u = typeof e == "number" ? `${e}px` : e, d = n == null ? u : typeof n == "number" ? `${n}px` : n, f = {
|
|
2385
2487
|
"--wrapbox-gap": u,
|
|
2386
2488
|
"--wrapbox-row-gap": d,
|
|
@@ -2390,8 +2492,8 @@ function mr({ childSpacing: e = 6, lineSpacing: n, justify: r = "start", align:
|
|
|
2390
2492
|
};
|
|
2391
2493
|
return /* @__PURE__ */ t("div", {
|
|
2392
2494
|
className: [
|
|
2393
|
-
|
|
2394
|
-
a ?
|
|
2495
|
+
dr.wrapBox,
|
|
2496
|
+
a ? dr.reverse : null,
|
|
2395
2497
|
s
|
|
2396
2498
|
].filter(Boolean).join(" "),
|
|
2397
2499
|
style: f,
|
|
@@ -2399,7 +2501,7 @@ function mr({ childSpacing: e = 6, lineSpacing: n, justify: r = "start", align:
|
|
|
2399
2501
|
children: o
|
|
2400
2502
|
});
|
|
2401
2503
|
}
|
|
2402
|
-
var
|
|
2504
|
+
var pr = {
|
|
2403
2505
|
chip: "_chip_e26qc_3",
|
|
2404
2506
|
selectable: "_selectable_e26qc_31",
|
|
2405
2507
|
selected: "_selected_e26qc_55",
|
|
@@ -2410,37 +2512,37 @@ var hr = {
|
|
|
2410
2512
|
};
|
|
2411
2513
|
//#endregion
|
|
2412
2514
|
//#region src/components/Chip/Chip.tsx
|
|
2413
|
-
function
|
|
2515
|
+
function mr({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s = !1, onToggle: c, disabled: l = !1, className: u, ...d }) {
|
|
2414
2516
|
let f = o && !a, p = [
|
|
2415
|
-
|
|
2416
|
-
s ?
|
|
2417
|
-
l ?
|
|
2418
|
-
f ?
|
|
2517
|
+
pr.chip,
|
|
2518
|
+
s ? pr.selected : null,
|
|
2519
|
+
l ? pr.disabled : null,
|
|
2520
|
+
f ? pr.selectable : null,
|
|
2419
2521
|
u
|
|
2420
2522
|
].filter(Boolean).join(" "), m = /* @__PURE__ */ n(e, { children: [
|
|
2421
2523
|
i && /* @__PURE__ */ t("span", {
|
|
2422
|
-
className:
|
|
2423
|
-
children: /* @__PURE__ */ t(
|
|
2524
|
+
className: pr.icon,
|
|
2525
|
+
children: /* @__PURE__ */ t(L, {
|
|
2424
2526
|
icon: i,
|
|
2425
2527
|
size: "sm",
|
|
2426
2528
|
"aria-hidden": !0
|
|
2427
2529
|
})
|
|
2428
2530
|
}),
|
|
2429
2531
|
/* @__PURE__ */ t("span", {
|
|
2430
|
-
className:
|
|
2532
|
+
className: pr.label,
|
|
2431
2533
|
children: r
|
|
2432
2534
|
}),
|
|
2433
2535
|
a && /* @__PURE__ */ t("button", {
|
|
2434
2536
|
type: "button",
|
|
2435
|
-
className:
|
|
2537
|
+
className: pr.remove,
|
|
2436
2538
|
"aria-label": `Remove ${r}`,
|
|
2437
2539
|
disabled: l,
|
|
2438
2540
|
onClick: (e) => {
|
|
2439
2541
|
e.stopPropagation(), a();
|
|
2440
2542
|
},
|
|
2441
2543
|
tabIndex: l ? -1 : 0,
|
|
2442
|
-
children: /* @__PURE__ */ t(
|
|
2443
|
-
icon:
|
|
2544
|
+
children: /* @__PURE__ */ t(L, {
|
|
2545
|
+
icon: Pe,
|
|
2444
2546
|
size: "sm",
|
|
2445
2547
|
"aria-hidden": !0
|
|
2446
2548
|
})
|
|
@@ -2464,30 +2566,30 @@ function gr({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s =
|
|
|
2464
2566
|
}
|
|
2465
2567
|
//#endregion
|
|
2466
2568
|
//#region src/components/ShortcutsDialog/ShortcutsDialog.module.css
|
|
2467
|
-
var
|
|
2468
|
-
backdrop:
|
|
2569
|
+
var hr = "_backdrop_zvuhh_3", gr = "_dialog_zvuhh_26", _r = "_header_zvuhh_59", vr = "_title_zvuhh_67", yr = "_closeBtn_zvuhh_74", br = "_searchRow_zvuhh_112", xr = "_searchIcon_zvuhh_124", Sr = "_searchInput_zvuhh_132", Cr = "_searchClear_zvuhh_151", wr = "_body_zvuhh_174", Tr = "_empty_zvuhh_182", Er = "_section_zvuhh_193", Dr = "_sectionTitle_zvuhh_199", Or = "_list_zvuhh_209", kr = "_row_zvuhh_225", Ar = "_keys_zvuhh_240", jr = "_keyCap_zvuhh_247", Mr = "_plus_zvuhh_277", Nr = "_description_zvuhh_284", q = {
|
|
2570
|
+
backdrop: hr,
|
|
2469
2571
|
"backdrop-in": "_backdrop-in_zvuhh_1",
|
|
2470
|
-
dialog:
|
|
2572
|
+
dialog: gr,
|
|
2471
2573
|
"dialog-in": "_dialog-in_zvuhh_1",
|
|
2472
|
-
header:
|
|
2473
|
-
title:
|
|
2474
|
-
closeBtn:
|
|
2475
|
-
searchRow:
|
|
2476
|
-
searchIcon:
|
|
2477
|
-
searchInput:
|
|
2478
|
-
searchClear:
|
|
2479
|
-
body:
|
|
2480
|
-
empty:
|
|
2481
|
-
section:
|
|
2482
|
-
sectionTitle:
|
|
2483
|
-
list:
|
|
2484
|
-
row:
|
|
2485
|
-
keys:
|
|
2486
|
-
keyCap:
|
|
2487
|
-
plus:
|
|
2488
|
-
description:
|
|
2489
|
-
},
|
|
2490
|
-
function
|
|
2574
|
+
header: _r,
|
|
2575
|
+
title: vr,
|
|
2576
|
+
closeBtn: yr,
|
|
2577
|
+
searchRow: br,
|
|
2578
|
+
searchIcon: xr,
|
|
2579
|
+
searchInput: Sr,
|
|
2580
|
+
searchClear: Cr,
|
|
2581
|
+
body: wr,
|
|
2582
|
+
empty: Tr,
|
|
2583
|
+
section: Er,
|
|
2584
|
+
sectionTitle: Dr,
|
|
2585
|
+
list: Or,
|
|
2586
|
+
row: kr,
|
|
2587
|
+
keys: Ar,
|
|
2588
|
+
keyCap: jr,
|
|
2589
|
+
plus: Mr,
|
|
2590
|
+
description: Nr
|
|
2591
|
+
}, Pr = "button:not([disabled]), [href], input:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
|
|
2592
|
+
function Fr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a }) {
|
|
2491
2593
|
let [o, c] = p(""), u = f(null), d = f(null), h = f(null), g = f(`shortcuts-title-${Math.random().toString(36).slice(2, 9)}`);
|
|
2492
2594
|
l(() => {
|
|
2493
2595
|
e ? (h.current = document.activeElement, requestAnimationFrame(() => d.current?.focus())) : (c(""), h.current?.focus());
|
|
@@ -2498,7 +2600,7 @@ function Lr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2498
2600
|
return;
|
|
2499
2601
|
}
|
|
2500
2602
|
if (e.key !== "Tab") return;
|
|
2501
|
-
let t = Array.from(u.current?.querySelectorAll(
|
|
2603
|
+
let t = Array.from(u.current?.querySelectorAll(Pr) ?? []);
|
|
2502
2604
|
if (t.length === 0) return;
|
|
2503
2605
|
let n = t[0], i = t[t.length - 1];
|
|
2504
2606
|
e.shiftKey ? document.activeElement === n && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), n.focus());
|
|
@@ -2508,7 +2610,7 @@ function Lr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2508
2610
|
...e,
|
|
2509
2611
|
shortcuts: e.shortcuts.filter(({ description: e, keys: t }) => !v || e.toLowerCase().includes(v) || t.some((e) => e.toLowerCase().includes(v)))
|
|
2510
2612
|
})).filter((e) => e.shortcuts.length > 0), b = /* @__PURE__ */ t("div", {
|
|
2511
|
-
className:
|
|
2613
|
+
className: q.backdrop,
|
|
2512
2614
|
onClick: r,
|
|
2513
2615
|
"aria-hidden": "true",
|
|
2514
2616
|
children: /* @__PURE__ */ n("div", {
|
|
@@ -2516,36 +2618,36 @@ function Lr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2516
2618
|
role: "dialog",
|
|
2517
2619
|
"aria-modal": "true",
|
|
2518
2620
|
"aria-labelledby": g.current,
|
|
2519
|
-
className:
|
|
2621
|
+
className: q.dialog,
|
|
2520
2622
|
onKeyDown: _,
|
|
2521
2623
|
onClick: (e) => e.stopPropagation(),
|
|
2522
2624
|
children: [
|
|
2523
2625
|
/* @__PURE__ */ n("div", {
|
|
2524
|
-
className:
|
|
2626
|
+
className: q.header,
|
|
2525
2627
|
children: [/* @__PURE__ */ t("span", {
|
|
2526
2628
|
id: g.current,
|
|
2527
|
-
className:
|
|
2629
|
+
className: q.title,
|
|
2528
2630
|
children: i
|
|
2529
2631
|
}), /* @__PURE__ */ t("button", {
|
|
2530
2632
|
type: "button",
|
|
2531
|
-
className:
|
|
2633
|
+
className: q.closeBtn,
|
|
2532
2634
|
"aria-label": "Close",
|
|
2533
2635
|
onClick: r,
|
|
2534
2636
|
children: "×"
|
|
2535
2637
|
})]
|
|
2536
2638
|
}),
|
|
2537
2639
|
/* @__PURE__ */ n("div", {
|
|
2538
|
-
className:
|
|
2640
|
+
className: q.searchRow,
|
|
2539
2641
|
children: [
|
|
2540
2642
|
/* @__PURE__ */ t("span", {
|
|
2541
|
-
className:
|
|
2643
|
+
className: q.searchIcon,
|
|
2542
2644
|
"aria-hidden": "true",
|
|
2543
2645
|
children: "⌕"
|
|
2544
2646
|
}),
|
|
2545
2647
|
/* @__PURE__ */ t("input", {
|
|
2546
2648
|
ref: d,
|
|
2547
2649
|
type: "search",
|
|
2548
|
-
className:
|
|
2650
|
+
className: q.searchInput,
|
|
2549
2651
|
placeholder: "Search shortcuts…",
|
|
2550
2652
|
value: o,
|
|
2551
2653
|
onChange: (e) => c(e.target.value),
|
|
@@ -2553,7 +2655,7 @@ function Lr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2553
2655
|
}),
|
|
2554
2656
|
o && /* @__PURE__ */ t("button", {
|
|
2555
2657
|
type: "button",
|
|
2556
|
-
className:
|
|
2658
|
+
className: q.searchClear,
|
|
2557
2659
|
"aria-label": "Clear search",
|
|
2558
2660
|
onClick: () => {
|
|
2559
2661
|
c(""), d.current?.focus();
|
|
@@ -2563,38 +2665,38 @@ function Lr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2563
2665
|
]
|
|
2564
2666
|
}),
|
|
2565
2667
|
/* @__PURE__ */ t("div", {
|
|
2566
|
-
className:
|
|
2668
|
+
className: q.body,
|
|
2567
2669
|
role: "list",
|
|
2568
2670
|
children: y.length === 0 ? /* @__PURE__ */ n("p", {
|
|
2569
|
-
className:
|
|
2671
|
+
className: q.empty,
|
|
2570
2672
|
children: [
|
|
2571
2673
|
"No shortcuts match \"",
|
|
2572
2674
|
o,
|
|
2573
2675
|
"\""
|
|
2574
2676
|
]
|
|
2575
2677
|
}) : y.map((e) => /* @__PURE__ */ n("section", {
|
|
2576
|
-
className:
|
|
2678
|
+
className: q.section,
|
|
2577
2679
|
children: [/* @__PURE__ */ t("h3", {
|
|
2578
|
-
className:
|
|
2680
|
+
className: q.sectionTitle,
|
|
2579
2681
|
children: e.title
|
|
2580
2682
|
}), /* @__PURE__ */ t("ul", {
|
|
2581
|
-
className:
|
|
2683
|
+
className: q.list,
|
|
2582
2684
|
children: e.shortcuts.map((e) => /* @__PURE__ */ n("li", {
|
|
2583
|
-
className:
|
|
2685
|
+
className: q.row,
|
|
2584
2686
|
role: "listitem",
|
|
2585
2687
|
children: [/* @__PURE__ */ t("span", {
|
|
2586
|
-
className:
|
|
2688
|
+
className: q.keys,
|
|
2587
2689
|
"aria-label": e.keys.join(" + "),
|
|
2588
2690
|
children: e.keys.map((r, i) => /* @__PURE__ */ n("span", {
|
|
2589
|
-
className:
|
|
2691
|
+
className: q.keyCap,
|
|
2590
2692
|
children: [/* @__PURE__ */ t("kbd", { children: r }), i < e.keys.length - 1 && /* @__PURE__ */ t("span", {
|
|
2591
|
-
className:
|
|
2693
|
+
className: q.plus,
|
|
2592
2694
|
"aria-hidden": "true",
|
|
2593
2695
|
children: "+"
|
|
2594
2696
|
})]
|
|
2595
2697
|
}, i))
|
|
2596
2698
|
}), /* @__PURE__ */ t("span", {
|
|
2597
|
-
className:
|
|
2699
|
+
className: q.description,
|
|
2598
2700
|
children: e.description
|
|
2599
2701
|
})]
|
|
2600
2702
|
}, e.description))
|
|
@@ -2606,7 +2708,7 @@ function Lr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
|
|
|
2606
2708
|
});
|
|
2607
2709
|
return typeof document > "u" ? b : m(b, document.body);
|
|
2608
2710
|
}
|
|
2609
|
-
var
|
|
2711
|
+
var Ir = {
|
|
2610
2712
|
sidebar: "_sidebar_kmj4b_3",
|
|
2611
2713
|
list: "_list_kmj4b_17",
|
|
2612
2714
|
item: "_item_kmj4b_28",
|
|
@@ -2616,13 +2718,13 @@ var Rr = {
|
|
|
2616
2718
|
itemLabel: "_itemLabel_kmj4b_119",
|
|
2617
2719
|
itemSuffix: "_itemSuffix_kmj4b_129",
|
|
2618
2720
|
count: "_count_kmj4b_136"
|
|
2619
|
-
},
|
|
2620
|
-
function
|
|
2621
|
-
let e = c(
|
|
2721
|
+
}, Lr = a(null);
|
|
2722
|
+
function Rr() {
|
|
2723
|
+
let e = c(Lr);
|
|
2622
2724
|
if (!e) throw Error("ViewSwitcherSidebarItem must be used inside ViewSwitcherSidebar");
|
|
2623
2725
|
return e;
|
|
2624
2726
|
}
|
|
2625
|
-
function
|
|
2727
|
+
function zr({ value: e, onValueChange: n, "aria-label": r = "Views", children: i, className: a, ...o }) {
|
|
2626
2728
|
let s = f(null);
|
|
2627
2729
|
function c(e) {
|
|
2628
2730
|
let t = Array.from(s.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
|
|
@@ -2635,20 +2737,20 @@ function Vr({ value: e, onValueChange: n, "aria-label": r = "Views", children: i
|
|
|
2635
2737
|
else return;
|
|
2636
2738
|
e.preventDefault(), t[r].focus(), t[r].click();
|
|
2637
2739
|
}
|
|
2638
|
-
return /* @__PURE__ */ t(
|
|
2740
|
+
return /* @__PURE__ */ t(Lr.Provider, {
|
|
2639
2741
|
value: {
|
|
2640
2742
|
value: e,
|
|
2641
2743
|
onValueChange: n
|
|
2642
2744
|
},
|
|
2643
2745
|
children: /* @__PURE__ */ t("nav", {
|
|
2644
|
-
className: [
|
|
2746
|
+
className: [Ir.sidebar, a].filter(Boolean).join(" "),
|
|
2645
2747
|
onKeyDown: c,
|
|
2646
2748
|
...o,
|
|
2647
2749
|
children: /* @__PURE__ */ t("ul", {
|
|
2648
2750
|
ref: s,
|
|
2649
2751
|
role: "radiogroup",
|
|
2650
2752
|
"aria-label": r,
|
|
2651
|
-
className:
|
|
2753
|
+
className: Ir.list,
|
|
2652
2754
|
children: i
|
|
2653
2755
|
})
|
|
2654
2756
|
})
|
|
@@ -2656,10 +2758,10 @@ function Vr({ value: e, onValueChange: n, "aria-label": r = "Views", children: i
|
|
|
2656
2758
|
}
|
|
2657
2759
|
//#endregion
|
|
2658
2760
|
//#region src/components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.tsx
|
|
2659
|
-
function
|
|
2660
|
-
let { value: u, onValueChange: d } =
|
|
2761
|
+
function Br({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, className: c, ...l }) {
|
|
2762
|
+
let { value: u, onValueChange: d } = Rr(), f = u === e, p = o ?? a ?? null;
|
|
2661
2763
|
return /* @__PURE__ */ t("li", {
|
|
2662
|
-
className:
|
|
2764
|
+
className: Ir.item,
|
|
2663
2765
|
children: /* @__PURE__ */ n("button", {
|
|
2664
2766
|
type: "button",
|
|
2665
2767
|
role: "radio",
|
|
@@ -2668,28 +2770,28 @@ function Hr({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, clas
|
|
|
2668
2770
|
disabled: s,
|
|
2669
2771
|
onClick: () => d(e),
|
|
2670
2772
|
className: [
|
|
2671
|
-
|
|
2672
|
-
f ?
|
|
2773
|
+
Ir.itemBtn,
|
|
2774
|
+
f ? Ir.active : null,
|
|
2673
2775
|
c
|
|
2674
2776
|
].filter(Boolean).join(" "),
|
|
2675
2777
|
...l,
|
|
2676
2778
|
children: [
|
|
2677
2779
|
i && /* @__PURE__ */ t("span", {
|
|
2678
|
-
className:
|
|
2679
|
-
children: /* @__PURE__ */ t(
|
|
2780
|
+
className: Ir.itemIcon,
|
|
2781
|
+
children: /* @__PURE__ */ t(L, {
|
|
2680
2782
|
icon: i,
|
|
2681
2783
|
size: "md",
|
|
2682
2784
|
"aria-hidden": !0
|
|
2683
2785
|
})
|
|
2684
2786
|
}),
|
|
2685
2787
|
/* @__PURE__ */ t("span", {
|
|
2686
|
-
className:
|
|
2788
|
+
className: Ir.itemLabel,
|
|
2687
2789
|
children: r
|
|
2688
2790
|
}),
|
|
2689
2791
|
p != null && /* @__PURE__ */ t("span", {
|
|
2690
|
-
className:
|
|
2792
|
+
className: Ir.itemSuffix,
|
|
2691
2793
|
children: typeof p == "number" ? /* @__PURE__ */ t("span", {
|
|
2692
|
-
className:
|
|
2794
|
+
className: Ir.count,
|
|
2693
2795
|
children: p > 99 ? "99+" : p
|
|
2694
2796
|
}) : p
|
|
2695
2797
|
})
|
|
@@ -2699,7 +2801,7 @@ function Hr({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, clas
|
|
|
2699
2801
|
}
|
|
2700
2802
|
//#endregion
|
|
2701
2803
|
//#region src/components/BreakpointBin/BreakpointBin.tsx
|
|
2702
|
-
function
|
|
2804
|
+
function Vr({ breakpoints: e, children: n, className: r, style: i, ...a }) {
|
|
2703
2805
|
let o = f(null), [s, c] = p({
|
|
2704
2806
|
activeBreakpoint: null,
|
|
2705
2807
|
width: 0
|
|
@@ -2729,7 +2831,7 @@ function Ur({ breakpoints: e, children: n, className: r, style: i, ...a }) {
|
|
|
2729
2831
|
children: n(s)
|
|
2730
2832
|
});
|
|
2731
2833
|
}
|
|
2732
|
-
var
|
|
2834
|
+
var Hr = {
|
|
2733
2835
|
row: "_row_1ba2f_3",
|
|
2734
2836
|
title: "_title_1ba2f_48",
|
|
2735
2837
|
leading: "_leading_1ba2f_59",
|
|
@@ -2740,31 +2842,31 @@ var Wr = {
|
|
|
2740
2842
|
};
|
|
2741
2843
|
//#endregion
|
|
2742
2844
|
//#region src/components/ButtonRow/ButtonRow.tsx
|
|
2743
|
-
function
|
|
2845
|
+
function Ur({ title: e, variant: r = "default", leading: i, trailing: a, className: o, ...s }) {
|
|
2744
2846
|
return /* @__PURE__ */ n("button", {
|
|
2745
2847
|
className: [
|
|
2746
|
-
|
|
2747
|
-
|
|
2848
|
+
Hr.row,
|
|
2849
|
+
Hr[r],
|
|
2748
2850
|
o
|
|
2749
2851
|
].filter(Boolean).join(" "),
|
|
2750
2852
|
...s,
|
|
2751
2853
|
children: [
|
|
2752
2854
|
i && /* @__PURE__ */ t("span", {
|
|
2753
|
-
className:
|
|
2855
|
+
className: Hr.leading,
|
|
2754
2856
|
children: i
|
|
2755
2857
|
}),
|
|
2756
2858
|
/* @__PURE__ */ t("span", {
|
|
2757
|
-
className:
|
|
2859
|
+
className: Hr.title,
|
|
2758
2860
|
children: e
|
|
2759
2861
|
}),
|
|
2760
2862
|
a && /* @__PURE__ */ t("span", {
|
|
2761
|
-
className:
|
|
2863
|
+
className: Hr.trailing,
|
|
2762
2864
|
children: a
|
|
2763
2865
|
})
|
|
2764
2866
|
]
|
|
2765
2867
|
});
|
|
2766
2868
|
}
|
|
2767
|
-
var
|
|
2869
|
+
var Wr = {
|
|
2768
2870
|
container: "_container_4kjnf_3",
|
|
2769
2871
|
primary: "_primary_4kjnf_14",
|
|
2770
2872
|
toggle: "_toggle_4kjnf_15",
|
|
@@ -2778,7 +2880,7 @@ var Kr = {
|
|
|
2778
2880
|
};
|
|
2779
2881
|
//#endregion
|
|
2780
2882
|
//#region src/components/SplitButton/SplitButton.tsx
|
|
2781
|
-
function
|
|
2883
|
+
function Gr({ label: r, variant: i = "default", dropdownContent: a, dropdownLabel: o = "More options", disabled: c = !1, onClick: u, className: d, ...h }) {
|
|
2782
2884
|
let [g, _] = p(!1), [v, y] = p({}), b = f(null), x = f(null), S = f(null), C = s(() => _(!1), []), w = s(() => {
|
|
2783
2885
|
if (!x.current || !S.current) return;
|
|
2784
2886
|
let e = x.current.getBoundingClientRect(), t = S.current.getBoundingClientRect(), n = window.innerWidth, r = e.right - t.width;
|
|
@@ -2808,15 +2910,15 @@ function qr({ label: r, variant: i = "default", dropdownContent: a, dropdownLabe
|
|
|
2808
2910
|
let T = (e) => {
|
|
2809
2911
|
e.key === "Escape" && (e.stopPropagation(), C(), x.current?.focus());
|
|
2810
2912
|
}, E = [
|
|
2811
|
-
|
|
2812
|
-
|
|
2913
|
+
Wr.container,
|
|
2914
|
+
Wr[i],
|
|
2813
2915
|
d
|
|
2814
2916
|
].filter(Boolean).join(" "), D = /* @__PURE__ */ t("div", {
|
|
2815
2917
|
ref: S,
|
|
2816
2918
|
role: "dialog",
|
|
2817
2919
|
"aria-label": o,
|
|
2818
2920
|
tabIndex: -1,
|
|
2819
|
-
className: [
|
|
2921
|
+
className: [Wr.dropdown, g ? Wr.dropdownVisible : null].filter(Boolean).join(" "),
|
|
2820
2922
|
style: Object.keys(v).length ? {
|
|
2821
2923
|
...v,
|
|
2822
2924
|
position: "fixed"
|
|
@@ -2835,26 +2937,26 @@ function qr({ label: r, variant: i = "default", dropdownContent: a, dropdownLabe
|
|
|
2835
2937
|
className: E,
|
|
2836
2938
|
children: [
|
|
2837
2939
|
/* @__PURE__ */ t("button", {
|
|
2838
|
-
className:
|
|
2940
|
+
className: Wr.primary,
|
|
2839
2941
|
disabled: c,
|
|
2840
2942
|
onClick: u,
|
|
2841
2943
|
...h,
|
|
2842
2944
|
children: r
|
|
2843
2945
|
}),
|
|
2844
2946
|
/* @__PURE__ */ t("span", {
|
|
2845
|
-
className:
|
|
2947
|
+
className: Wr.separator,
|
|
2846
2948
|
"aria-hidden": "true"
|
|
2847
2949
|
}),
|
|
2848
2950
|
/* @__PURE__ */ t("button", {
|
|
2849
2951
|
ref: x,
|
|
2850
|
-
className:
|
|
2952
|
+
className: Wr.toggle,
|
|
2851
2953
|
disabled: c,
|
|
2852
2954
|
"aria-label": o,
|
|
2853
2955
|
"aria-haspopup": "dialog",
|
|
2854
2956
|
"aria-expanded": g,
|
|
2855
2957
|
onClick: () => _((e) => !e),
|
|
2856
2958
|
children: /* @__PURE__ */ t("svg", {
|
|
2857
|
-
className:
|
|
2959
|
+
className: Wr.chevron,
|
|
2858
2960
|
width: "16",
|
|
2859
2961
|
height: "16",
|
|
2860
2962
|
viewBox: "0 0 16 16",
|
|
@@ -2873,56 +2975,56 @@ function qr({ label: r, variant: i = "default", dropdownContent: a, dropdownLabe
|
|
|
2873
2975
|
]
|
|
2874
2976
|
}), g && (typeof document < "u" ? m(D, document.body) : D)] });
|
|
2875
2977
|
}
|
|
2876
|
-
var
|
|
2978
|
+
var Kr = {
|
|
2877
2979
|
toolbar: "_toolbar_1avgl_2",
|
|
2878
2980
|
spacer: "_spacer_1avgl_20"
|
|
2879
2981
|
};
|
|
2880
2982
|
//#endregion
|
|
2881
2983
|
//#region src/components/Toolbar/Toolbar.tsx
|
|
2882
|
-
function
|
|
2984
|
+
function qr({ children: e, className: n, ...r }) {
|
|
2883
2985
|
return /* @__PURE__ */ t("div", {
|
|
2884
|
-
className: [
|
|
2986
|
+
className: [Kr.toolbar, n].filter(Boolean).join(" "),
|
|
2885
2987
|
...r,
|
|
2886
2988
|
children: e
|
|
2887
2989
|
});
|
|
2888
2990
|
}
|
|
2889
2991
|
//#endregion
|
|
2890
2992
|
//#region src/components/Toolbar/Spacer.tsx
|
|
2891
|
-
function
|
|
2993
|
+
function Jr({ className: e, ...n }) {
|
|
2892
2994
|
return /* @__PURE__ */ t("div", {
|
|
2893
2995
|
"aria-hidden": "true",
|
|
2894
|
-
className: [
|
|
2996
|
+
className: [Kr.spacer, e].filter(Boolean).join(" "),
|
|
2895
2997
|
...n
|
|
2896
2998
|
});
|
|
2897
2999
|
}
|
|
2898
|
-
var
|
|
3000
|
+
var Yr = {
|
|
2899
3001
|
linked: "_linked_1tser_3",
|
|
2900
3002
|
vertical: "_vertical_1tser_9"
|
|
2901
3003
|
};
|
|
2902
3004
|
//#endregion
|
|
2903
3005
|
//#region src/components/LinkedGroup/LinkedGroup.tsx
|
|
2904
|
-
function
|
|
3006
|
+
function Xr({ children: e, vertical: n = !1, className: r, ...i }) {
|
|
2905
3007
|
return /* @__PURE__ */ t("div", {
|
|
2906
3008
|
className: [
|
|
2907
|
-
|
|
2908
|
-
n ?
|
|
3009
|
+
Yr.linked,
|
|
3010
|
+
n ? Yr.vertical : null,
|
|
2909
3011
|
r
|
|
2910
3012
|
].filter(Boolean).join(" "),
|
|
2911
3013
|
...i,
|
|
2912
3014
|
children: e
|
|
2913
3015
|
});
|
|
2914
3016
|
}
|
|
2915
|
-
var
|
|
3017
|
+
var Zr = { frame: "_frame_1bq7b_2" };
|
|
2916
3018
|
//#endregion
|
|
2917
3019
|
//#region src/components/Frame/Frame.tsx
|
|
2918
|
-
function
|
|
3020
|
+
function Qr({ children: e, className: n, ...r }) {
|
|
2919
3021
|
return /* @__PURE__ */ t("div", {
|
|
2920
|
-
className: [
|
|
3022
|
+
className: [Zr.frame, n].filter(Boolean).join(" "),
|
|
2921
3023
|
...r,
|
|
2922
3024
|
children: e
|
|
2923
3025
|
});
|
|
2924
3026
|
}
|
|
2925
|
-
var
|
|
3027
|
+
var J = {
|
|
2926
3028
|
expanderRow: "_expanderRow_1wh8c_3",
|
|
2927
3029
|
header: "_header_1wh8c_11",
|
|
2928
3030
|
leading: "_leading_1wh8c_55",
|
|
@@ -2940,48 +3042,48 @@ var K = {
|
|
|
2940
3042
|
};
|
|
2941
3043
|
//#endregion
|
|
2942
3044
|
//#region src/components/ExpanderRow/ExpanderRow.tsx
|
|
2943
|
-
function
|
|
3045
|
+
function $r({ title: e, subtitle: i, leading: a, trailing: o, children: s, expanded: c, defaultExpanded: l = !1, onExpandedChange: d, className: f, ...m }) {
|
|
2944
3046
|
let h = c !== void 0, [g, _] = p(l), v = h ? c : g, y = u(), b = u(), x = () => {
|
|
2945
3047
|
let e = !v;
|
|
2946
3048
|
h || _(e), d?.(e);
|
|
2947
3049
|
}, S = r.toArray(s).filter(Boolean);
|
|
2948
3050
|
return /* @__PURE__ */ n("div", {
|
|
2949
3051
|
className: [
|
|
2950
|
-
|
|
2951
|
-
v ?
|
|
3052
|
+
J.expanderRow,
|
|
3053
|
+
v ? J.expanded : null,
|
|
2952
3054
|
f
|
|
2953
3055
|
].filter(Boolean).join(" "),
|
|
2954
3056
|
...m,
|
|
2955
3057
|
children: [/* @__PURE__ */ n("button", {
|
|
2956
3058
|
id: b,
|
|
2957
|
-
className:
|
|
3059
|
+
className: J.header,
|
|
2958
3060
|
"aria-expanded": v,
|
|
2959
3061
|
"aria-controls": y,
|
|
2960
3062
|
onClick: x,
|
|
2961
3063
|
children: [
|
|
2962
3064
|
a && /* @__PURE__ */ t("span", {
|
|
2963
|
-
className:
|
|
3065
|
+
className: J.leading,
|
|
2964
3066
|
children: a
|
|
2965
3067
|
}),
|
|
2966
3068
|
/* @__PURE__ */ n("span", {
|
|
2967
|
-
className:
|
|
3069
|
+
className: J.content,
|
|
2968
3070
|
children: [/* @__PURE__ */ t("span", {
|
|
2969
|
-
className:
|
|
3071
|
+
className: J.title,
|
|
2970
3072
|
children: e
|
|
2971
3073
|
}), i && /* @__PURE__ */ t("span", {
|
|
2972
|
-
className:
|
|
3074
|
+
className: J.subtitle,
|
|
2973
3075
|
children: i
|
|
2974
3076
|
})]
|
|
2975
3077
|
}),
|
|
2976
3078
|
o && /* @__PURE__ */ t("span", {
|
|
2977
|
-
className:
|
|
3079
|
+
className: J.trailing,
|
|
2978
3080
|
children: o
|
|
2979
3081
|
}),
|
|
2980
3082
|
/* @__PURE__ */ t("span", {
|
|
2981
|
-
className: [
|
|
3083
|
+
className: [J.chevronWrap, v ? J.chevronOpen : null].filter(Boolean).join(" "),
|
|
2982
3084
|
"aria-hidden": "true",
|
|
2983
3085
|
children: /* @__PURE__ */ t("svg", {
|
|
2984
|
-
className:
|
|
3086
|
+
className: J.chevron,
|
|
2985
3087
|
width: "16",
|
|
2986
3088
|
height: "16",
|
|
2987
3089
|
viewBox: "0 0 16 16",
|
|
@@ -3001,18 +3103,18 @@ function ti({ title: e, subtitle: i, leading: a, trailing: o, children: s, expan
|
|
|
3001
3103
|
id: y,
|
|
3002
3104
|
role: "region",
|
|
3003
3105
|
"aria-labelledby": b,
|
|
3004
|
-
className:
|
|
3106
|
+
className: J.panel,
|
|
3005
3107
|
children: /* @__PURE__ */ t("div", {
|
|
3006
|
-
className:
|
|
3108
|
+
className: J.panelInner,
|
|
3007
3109
|
children: S.map((e, r) => /* @__PURE__ */ n("div", {
|
|
3008
|
-
className:
|
|
3009
|
-
children: [/* @__PURE__ */ t(
|
|
3110
|
+
className: J.childItem,
|
|
3111
|
+
children: [/* @__PURE__ */ t(ie, { "aria-hidden": "true" }), e]
|
|
3010
3112
|
}, r))
|
|
3011
3113
|
})
|
|
3012
3114
|
})]
|
|
3013
3115
|
});
|
|
3014
3116
|
}
|
|
3015
|
-
var
|
|
3117
|
+
var ei = {
|
|
3016
3118
|
switcher: "_switcher_2tknm_3",
|
|
3017
3119
|
item: "_item_2tknm_10",
|
|
3018
3120
|
iconOnly: "_iconOnly_2tknm_38",
|
|
@@ -3022,13 +3124,13 @@ var ni = {
|
|
|
3022
3124
|
active: "_active_2tknm_68",
|
|
3023
3125
|
flat: "_flat_2tknm_121",
|
|
3024
3126
|
round: "_round_2tknm_169"
|
|
3025
|
-
},
|
|
3026
|
-
function
|
|
3027
|
-
let e = c(
|
|
3127
|
+
}, ti = a(null);
|
|
3128
|
+
function ni() {
|
|
3129
|
+
let e = c(ti);
|
|
3028
3130
|
if (!e) throw Error("InlineViewSwitcherItem must be used inside InlineViewSwitcher");
|
|
3029
3131
|
return e;
|
|
3030
3132
|
}
|
|
3031
|
-
function
|
|
3133
|
+
function ri({ value: e, onValueChange: n, variant: r = "default", "aria-label": i = "View switcher", children: a, className: o, ...s }) {
|
|
3032
3134
|
let c = f(null);
|
|
3033
3135
|
function l(e) {
|
|
3034
3136
|
let t = Array.from(c.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
|
|
@@ -3041,7 +3143,7 @@ function ai({ value: e, onValueChange: n, variant: r = "default", "aria-label":
|
|
|
3041
3143
|
else return;
|
|
3042
3144
|
e.preventDefault(), t[r].focus(), t[r].click();
|
|
3043
3145
|
}
|
|
3044
|
-
return /* @__PURE__ */ t(
|
|
3146
|
+
return /* @__PURE__ */ t(ti.Provider, {
|
|
3045
3147
|
value: {
|
|
3046
3148
|
value: e,
|
|
3047
3149
|
onValueChange: n
|
|
@@ -3052,8 +3154,8 @@ function ai({ value: e, onValueChange: n, variant: r = "default", "aria-label":
|
|
|
3052
3154
|
"aria-label": i,
|
|
3053
3155
|
onKeyDown: l,
|
|
3054
3156
|
className: [
|
|
3055
|
-
|
|
3056
|
-
|
|
3157
|
+
ei.switcher,
|
|
3158
|
+
ei[r],
|
|
3057
3159
|
o
|
|
3058
3160
|
].filter(Boolean).join(" "),
|
|
3059
3161
|
...s,
|
|
@@ -3063,8 +3165,8 @@ function ai({ value: e, onValueChange: n, variant: r = "default", "aria-label":
|
|
|
3063
3165
|
}
|
|
3064
3166
|
//#endregion
|
|
3065
3167
|
//#region src/components/InlineViewSwitcher/InlineViewSwitcherItem.tsx
|
|
3066
|
-
function
|
|
3067
|
-
let { value: c, onValueChange: l } =
|
|
3168
|
+
function ii({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
|
|
3169
|
+
let { value: c, onValueChange: l } = ni(), u = c === e, d = i && !r;
|
|
3068
3170
|
return /* @__PURE__ */ n("button", {
|
|
3069
3171
|
type: "button",
|
|
3070
3172
|
role: "radio",
|
|
@@ -3073,26 +3175,26 @@ function oi({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
|
|
|
3073
3175
|
disabled: a,
|
|
3074
3176
|
onClick: () => l(e),
|
|
3075
3177
|
className: [
|
|
3076
|
-
|
|
3077
|
-
u ?
|
|
3078
|
-
d ?
|
|
3178
|
+
ei.item,
|
|
3179
|
+
u ? ei.active : null,
|
|
3180
|
+
d ? ei.iconOnly : null,
|
|
3079
3181
|
o
|
|
3080
3182
|
].filter(Boolean).join(" "),
|
|
3081
3183
|
...s,
|
|
3082
3184
|
children: [i && /* @__PURE__ */ t("span", {
|
|
3083
|
-
className:
|
|
3084
|
-
children: /* @__PURE__ */ t(
|
|
3185
|
+
className: ei.itemIcon,
|
|
3186
|
+
children: /* @__PURE__ */ t(L, {
|
|
3085
3187
|
icon: i,
|
|
3086
3188
|
size: "md",
|
|
3087
3189
|
"aria-hidden": !0
|
|
3088
3190
|
})
|
|
3089
3191
|
}), r && /* @__PURE__ */ t("span", {
|
|
3090
|
-
className:
|
|
3192
|
+
className: ei.itemLabel,
|
|
3091
3193
|
children: r
|
|
3092
3194
|
})]
|
|
3093
3195
|
});
|
|
3094
3196
|
}
|
|
3095
|
-
var
|
|
3197
|
+
var ai = {
|
|
3096
3198
|
row: "_row_jl3bc_3",
|
|
3097
3199
|
disabled: "_disabled_jl3bc_41",
|
|
3098
3200
|
leading: "_leading_jl3bc_49",
|
|
@@ -3105,7 +3207,7 @@ var si = {
|
|
|
3105
3207
|
};
|
|
3106
3208
|
//#endregion
|
|
3107
3209
|
//#region src/components/SwitchRow/SwitchRow.tsx
|
|
3108
|
-
function
|
|
3210
|
+
function oi({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o = !1, onCheckedChange: s, disabled: c = !1, className: l, onClick: d, ...f }) {
|
|
3109
3211
|
let m = a !== void 0, [h, g] = p(o), _ = m ? a : h, v = u(), y = (e) => {
|
|
3110
3212
|
let t = !_;
|
|
3111
3213
|
m || g(t), s?.(t), d?.(e);
|
|
@@ -3116,37 +3218,37 @@ function ci({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
|
|
|
3116
3218
|
"aria-labelledby": v,
|
|
3117
3219
|
disabled: c,
|
|
3118
3220
|
className: [
|
|
3119
|
-
|
|
3120
|
-
c ?
|
|
3221
|
+
ai.row,
|
|
3222
|
+
c ? ai.disabled : null,
|
|
3121
3223
|
l
|
|
3122
3224
|
].filter(Boolean).join(" "),
|
|
3123
3225
|
onClick: y,
|
|
3124
3226
|
...f,
|
|
3125
3227
|
children: [
|
|
3126
3228
|
i && /* @__PURE__ */ t("span", {
|
|
3127
|
-
className:
|
|
3229
|
+
className: ai.leading,
|
|
3128
3230
|
children: i
|
|
3129
3231
|
}),
|
|
3130
3232
|
/* @__PURE__ */ n("span", {
|
|
3131
|
-
className:
|
|
3233
|
+
className: ai.content,
|
|
3132
3234
|
id: v,
|
|
3133
3235
|
children: [/* @__PURE__ */ t("span", {
|
|
3134
|
-
className:
|
|
3236
|
+
className: ai.title,
|
|
3135
3237
|
children: e
|
|
3136
3238
|
}), r && /* @__PURE__ */ t("span", {
|
|
3137
|
-
className:
|
|
3239
|
+
className: ai.subtitle,
|
|
3138
3240
|
children: r
|
|
3139
3241
|
})]
|
|
3140
3242
|
}),
|
|
3141
3243
|
/* @__PURE__ */ t("span", {
|
|
3142
|
-
className:
|
|
3244
|
+
className: ai.switchTrack,
|
|
3143
3245
|
"aria-hidden": "true",
|
|
3144
|
-
children: /* @__PURE__ */ t("span", { className: [
|
|
3246
|
+
children: /* @__PURE__ */ t("span", { className: [ai.switchThumb, _ ? ai.switchThumbOn : null].filter(Boolean).join(" ") })
|
|
3145
3247
|
})
|
|
3146
3248
|
]
|
|
3147
3249
|
});
|
|
3148
3250
|
}
|
|
3149
|
-
var
|
|
3251
|
+
var Y = {
|
|
3150
3252
|
row: "_row_1dije_3",
|
|
3151
3253
|
disabled: "_disabled_1dije_41",
|
|
3152
3254
|
checkboxWrap: "_checkboxWrap_1dije_49",
|
|
@@ -3160,7 +3262,7 @@ var q = {
|
|
|
3160
3262
|
};
|
|
3161
3263
|
//#endregion
|
|
3162
3264
|
//#region src/components/CheckRow/CheckRow.tsx
|
|
3163
|
-
function
|
|
3265
|
+
function si({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o = !1, onCheckedChange: s, disabled: c = !1, className: l, onClick: d, ...f }) {
|
|
3164
3266
|
let m = a !== void 0, [h, g] = p(o), _ = m ? a : h, v = u(), y = (e) => {
|
|
3165
3267
|
let t = !_;
|
|
3166
3268
|
m || g(t), s?.(t), d?.(e);
|
|
@@ -3171,20 +3273,20 @@ function li({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
|
|
|
3171
3273
|
"aria-labelledby": v,
|
|
3172
3274
|
disabled: c,
|
|
3173
3275
|
className: [
|
|
3174
|
-
|
|
3175
|
-
c ?
|
|
3276
|
+
Y.row,
|
|
3277
|
+
c ? Y.disabled : null,
|
|
3176
3278
|
l
|
|
3177
3279
|
].filter(Boolean).join(" "),
|
|
3178
3280
|
onClick: y,
|
|
3179
3281
|
...f,
|
|
3180
3282
|
children: [
|
|
3181
3283
|
/* @__PURE__ */ t("span", {
|
|
3182
|
-
className:
|
|
3284
|
+
className: Y.checkboxWrap,
|
|
3183
3285
|
"aria-hidden": "true",
|
|
3184
3286
|
children: /* @__PURE__ */ t("span", {
|
|
3185
|
-
className: [
|
|
3287
|
+
className: [Y.checkbox, _ ? Y.checkboxChecked : null].filter(Boolean).join(" "),
|
|
3186
3288
|
children: _ && /* @__PURE__ */ t("svg", {
|
|
3187
|
-
className:
|
|
3289
|
+
className: Y.checkmark,
|
|
3188
3290
|
width: "12",
|
|
3189
3291
|
height: "12",
|
|
3190
3292
|
viewBox: "0 0 12 12",
|
|
@@ -3201,17 +3303,17 @@ function li({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
|
|
|
3201
3303
|
})
|
|
3202
3304
|
}),
|
|
3203
3305
|
i && /* @__PURE__ */ t("span", {
|
|
3204
|
-
className:
|
|
3306
|
+
className: Y.leading,
|
|
3205
3307
|
children: i
|
|
3206
3308
|
}),
|
|
3207
3309
|
/* @__PURE__ */ n("span", {
|
|
3208
|
-
className:
|
|
3310
|
+
className: Y.content,
|
|
3209
3311
|
id: v,
|
|
3210
3312
|
children: [/* @__PURE__ */ t("span", {
|
|
3211
|
-
className:
|
|
3313
|
+
className: Y.title,
|
|
3212
3314
|
children: e
|
|
3213
3315
|
}), r && /* @__PURE__ */ t("span", {
|
|
3214
|
-
className:
|
|
3316
|
+
className: Y.subtitle,
|
|
3215
3317
|
children: r
|
|
3216
3318
|
})]
|
|
3217
3319
|
})
|
|
@@ -3220,35 +3322,35 @@ function li({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
|
|
|
3220
3322
|
}
|
|
3221
3323
|
//#endregion
|
|
3222
3324
|
//#region src/components/ComboRow/ComboRow.module.css
|
|
3223
|
-
var
|
|
3224
|
-
row:
|
|
3225
|
-
disabled:
|
|
3226
|
-
leading:
|
|
3227
|
-
content:
|
|
3228
|
-
title:
|
|
3229
|
-
subtitle:
|
|
3230
|
-
comboWrap:
|
|
3231
|
-
trigger:
|
|
3232
|
-
triggerOpen:
|
|
3233
|
-
triggerLabel:
|
|
3234
|
-
placeholder:
|
|
3235
|
-
chevron:
|
|
3236
|
-
chevronOpen:
|
|
3237
|
-
list:
|
|
3325
|
+
var ci = "_row_46mn8_3", li = "_disabled_46mn8_16", ui = "_leading_46mn8_23", di = "_content_46mn8_32", fi = "_title_46mn8_40", pi = "_subtitle_46mn8_51", mi = "_comboWrap_46mn8_65", hi = "_trigger_46mn8_73", gi = "_triggerOpen_46mn8_126", _i = "_triggerLabel_46mn8_136", vi = "_placeholder_46mn8_144", yi = "_chevron_46mn8_150", bi = "_chevronOpen_46mn8_157", xi = "_list_46mn8_163", Si = "_listDown_46mn8_192", Ci = "_listUp_46mn8_196", wi = "_option_46mn8_208", Ti = "_optionActive_46mn8_225", Ei = "_optionSelected_46mn8_229", Di = "_optionDisabled_46mn8_233", Oi = "_optionLabel_46mn8_239", ki = "_checkIcon_46mn8_247", X = {
|
|
3326
|
+
row: ci,
|
|
3327
|
+
disabled: li,
|
|
3328
|
+
leading: ui,
|
|
3329
|
+
content: di,
|
|
3330
|
+
title: fi,
|
|
3331
|
+
subtitle: pi,
|
|
3332
|
+
comboWrap: mi,
|
|
3333
|
+
trigger: hi,
|
|
3334
|
+
triggerOpen: gi,
|
|
3335
|
+
triggerLabel: _i,
|
|
3336
|
+
placeholder: vi,
|
|
3337
|
+
chevron: yi,
|
|
3338
|
+
chevronOpen: bi,
|
|
3339
|
+
list: xi,
|
|
3238
3340
|
"list-in": "_list-in_46mn8_1",
|
|
3239
|
-
listDown:
|
|
3240
|
-
listUp:
|
|
3341
|
+
listDown: Si,
|
|
3342
|
+
listUp: Ci,
|
|
3241
3343
|
"list-in-up": "_list-in-up_46mn8_1",
|
|
3242
|
-
option:
|
|
3243
|
-
optionActive:
|
|
3244
|
-
optionSelected:
|
|
3245
|
-
optionDisabled:
|
|
3246
|
-
optionLabel:
|
|
3247
|
-
checkIcon:
|
|
3344
|
+
option: wi,
|
|
3345
|
+
optionActive: Ti,
|
|
3346
|
+
optionSelected: Ei,
|
|
3347
|
+
optionDisabled: Di,
|
|
3348
|
+
optionLabel: Oi,
|
|
3349
|
+
checkIcon: ki
|
|
3248
3350
|
};
|
|
3249
3351
|
//#endregion
|
|
3250
3352
|
//#region src/components/ComboRow/ComboRow.tsx
|
|
3251
|
-
function
|
|
3353
|
+
function Ai({ title: e, subtitle: r, leading: i, options: a, value: o, defaultValue: c, onValueChange: d, disabled: m = !1, className: h, ...g }) {
|
|
3252
3354
|
let _ = o !== void 0, [v, y] = p(c), b = _ ? o : v, [x, S] = p(!1), [C, w] = p(-1), [T, E] = p(!1), D = u(), O = u(), k = f(null), A = f(null), j = a.find((e) => e.value === b), M = s(() => {
|
|
3253
3355
|
if (!k.current) return;
|
|
3254
3356
|
let e = k.current.getBoundingClientRect(), t = window.innerHeight - e.bottom, n = Math.min(a.length * 44 + 8, 260);
|
|
@@ -3281,7 +3383,7 @@ function Mi({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
|
|
|
3281
3383
|
};
|
|
3282
3384
|
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
3283
3385
|
}, [x, P]);
|
|
3284
|
-
let
|
|
3386
|
+
let I = s((e) => {
|
|
3285
3387
|
switch (e.key) {
|
|
3286
3388
|
case "Enter":
|
|
3287
3389
|
case " ":
|
|
@@ -3296,7 +3398,7 @@ function Mi({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
|
|
|
3296
3398
|
N,
|
|
3297
3399
|
M,
|
|
3298
3400
|
a
|
|
3299
|
-
]),
|
|
3401
|
+
]), ee = s((e) => {
|
|
3300
3402
|
let t = a.map((e, t) => ({
|
|
3301
3403
|
o: e,
|
|
3302
3404
|
i: t
|
|
@@ -3337,28 +3439,28 @@ function Mi({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
|
|
|
3337
3439
|
]);
|
|
3338
3440
|
return /* @__PURE__ */ n("div", {
|
|
3339
3441
|
className: [
|
|
3340
|
-
|
|
3341
|
-
m ?
|
|
3442
|
+
X.row,
|
|
3443
|
+
m ? X.disabled : null,
|
|
3342
3444
|
h
|
|
3343
3445
|
].filter(Boolean).join(" "),
|
|
3344
3446
|
...g,
|
|
3345
3447
|
children: [
|
|
3346
3448
|
i && /* @__PURE__ */ t("span", {
|
|
3347
|
-
className:
|
|
3449
|
+
className: X.leading,
|
|
3348
3450
|
children: i
|
|
3349
3451
|
}),
|
|
3350
3452
|
/* @__PURE__ */ n("span", {
|
|
3351
|
-
className:
|
|
3453
|
+
className: X.content,
|
|
3352
3454
|
children: [/* @__PURE__ */ t("span", {
|
|
3353
|
-
className:
|
|
3455
|
+
className: X.title,
|
|
3354
3456
|
children: e
|
|
3355
3457
|
}), r && /* @__PURE__ */ t("span", {
|
|
3356
|
-
className:
|
|
3458
|
+
className: X.subtitle,
|
|
3357
3459
|
children: r
|
|
3358
3460
|
})]
|
|
3359
3461
|
}),
|
|
3360
3462
|
/* @__PURE__ */ n("div", {
|
|
3361
|
-
className:
|
|
3463
|
+
className: X.comboWrap,
|
|
3362
3464
|
children: [/* @__PURE__ */ n("button", {
|
|
3363
3465
|
ref: k,
|
|
3364
3466
|
id: D,
|
|
@@ -3369,14 +3471,14 @@ function Mi({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
|
|
|
3369
3471
|
"aria-controls": O,
|
|
3370
3472
|
"aria-activedescendant": x && C >= 0 ? `${O}-opt-${C}` : void 0,
|
|
3371
3473
|
disabled: m,
|
|
3372
|
-
className: [
|
|
3474
|
+
className: [X.trigger, x ? X.triggerOpen : null].filter(Boolean).join(" "),
|
|
3373
3475
|
onClick: () => x ? P() : N(),
|
|
3374
|
-
onKeyDown:
|
|
3476
|
+
onKeyDown: I,
|
|
3375
3477
|
children: [/* @__PURE__ */ t("span", {
|
|
3376
|
-
className: [
|
|
3478
|
+
className: [X.triggerLabel, j ? null : X.placeholder].filter(Boolean).join(" "),
|
|
3377
3479
|
children: j?.label ?? "—"
|
|
3378
3480
|
}), /* @__PURE__ */ t("svg", {
|
|
3379
|
-
className: [
|
|
3481
|
+
className: [X.chevron, x ? X.chevronOpen : null].filter(Boolean).join(" "),
|
|
3380
3482
|
width: "16",
|
|
3381
3483
|
height: "16",
|
|
3382
3484
|
viewBox: "0 0 16 16",
|
|
@@ -3397,23 +3499,23 @@ function Mi({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
|
|
|
3397
3499
|
role: "listbox",
|
|
3398
3500
|
"aria-labelledby": D,
|
|
3399
3501
|
tabIndex: -1,
|
|
3400
|
-
className: [
|
|
3401
|
-
onKeyDown:
|
|
3502
|
+
className: [X.list, T ? X.listUp : X.listDown].filter(Boolean).join(" "),
|
|
3503
|
+
onKeyDown: ee,
|
|
3402
3504
|
children: a.map((e, r) => /* @__PURE__ */ n("li", {
|
|
3403
3505
|
id: `${O}-opt-${r}`,
|
|
3404
3506
|
role: "option",
|
|
3405
3507
|
"aria-selected": e.value === b,
|
|
3406
3508
|
"aria-disabled": e.disabled,
|
|
3407
3509
|
className: [
|
|
3408
|
-
|
|
3409
|
-
e.value === b ?
|
|
3410
|
-
r === C ?
|
|
3411
|
-
e.disabled ?
|
|
3510
|
+
X.option,
|
|
3511
|
+
e.value === b ? X.optionSelected : null,
|
|
3512
|
+
r === C ? X.optionActive : null,
|
|
3513
|
+
e.disabled ? X.optionDisabled : null
|
|
3412
3514
|
].filter(Boolean).join(" "),
|
|
3413
3515
|
onMouseEnter: () => !e.disabled && w(r),
|
|
3414
3516
|
onClick: () => F(e),
|
|
3415
3517
|
children: [/* @__PURE__ */ t("span", {
|
|
3416
|
-
className:
|
|
3518
|
+
className: X.optionLabel,
|
|
3417
3519
|
children: e.label
|
|
3418
3520
|
}), e.value === b && /* @__PURE__ */ t("svg", {
|
|
3419
3521
|
width: "16",
|
|
@@ -3421,7 +3523,7 @@ function Mi({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
|
|
|
3421
3523
|
viewBox: "0 0 16 16",
|
|
3422
3524
|
"aria-hidden": "true",
|
|
3423
3525
|
focusable: "false",
|
|
3424
|
-
className:
|
|
3526
|
+
className: X.checkIcon,
|
|
3425
3527
|
children: /* @__PURE__ */ t("path", {
|
|
3426
3528
|
d: "M3 8l4 4 6-6",
|
|
3427
3529
|
fill: "none",
|
|
@@ -3437,7 +3539,7 @@ function Mi({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
|
|
|
3437
3539
|
]
|
|
3438
3540
|
});
|
|
3439
3541
|
}
|
|
3440
|
-
var
|
|
3542
|
+
var ji = {
|
|
3441
3543
|
row: "_row_1kogj_3",
|
|
3442
3544
|
focused: "_focused_1kogj_16",
|
|
3443
3545
|
disabled: "_disabled_1kogj_25",
|
|
@@ -3451,31 +3553,31 @@ var Y = {
|
|
|
3451
3553
|
};
|
|
3452
3554
|
//#endregion
|
|
3453
3555
|
//#region src/components/EntryRow/EntryRow.tsx
|
|
3454
|
-
function
|
|
3556
|
+
function Mi({ title: e, value: r, defaultValue: i = "", onValueChange: a, leading: o, trailing: s, disabled: c, className: l, id: d, onChange: m, ...h }) {
|
|
3455
3557
|
let g = u(), _ = d ?? g, v = r !== void 0, [y, b] = p(String(i)), x = v ? String(r) : y, [S, C] = p(!1), w = f(null), T = S || x.length > 0;
|
|
3456
3558
|
return /* @__PURE__ */ n("div", {
|
|
3457
3559
|
className: [
|
|
3458
|
-
|
|
3459
|
-
S ?
|
|
3460
|
-
c ?
|
|
3560
|
+
ji.row,
|
|
3561
|
+
S ? ji.focused : null,
|
|
3562
|
+
c ? ji.disabled : null,
|
|
3461
3563
|
l
|
|
3462
3564
|
].filter(Boolean).join(" "),
|
|
3463
3565
|
onClick: () => w.current?.focus(),
|
|
3464
3566
|
children: [
|
|
3465
3567
|
o && /* @__PURE__ */ t("span", {
|
|
3466
|
-
className:
|
|
3568
|
+
className: ji.leading,
|
|
3467
3569
|
children: o
|
|
3468
3570
|
}),
|
|
3469
3571
|
/* @__PURE__ */ n("span", {
|
|
3470
|
-
className:
|
|
3572
|
+
className: ji.fieldWrap,
|
|
3471
3573
|
children: [/* @__PURE__ */ t("label", {
|
|
3472
3574
|
htmlFor: _,
|
|
3473
|
-
className: [
|
|
3575
|
+
className: [ji.label, T ? ji.labelFloated : null].filter(Boolean).join(" "),
|
|
3474
3576
|
children: e
|
|
3475
3577
|
}), /* @__PURE__ */ t("input", {
|
|
3476
3578
|
ref: w,
|
|
3477
3579
|
id: _,
|
|
3478
|
-
className: [
|
|
3580
|
+
className: [ji.input, T ? ji.inputFloated : null].filter(Boolean).join(" "),
|
|
3479
3581
|
value: x,
|
|
3480
3582
|
disabled: c,
|
|
3481
3583
|
onFocus: () => C(!0),
|
|
@@ -3487,39 +3589,39 @@ function Ni({ title: e, value: r, defaultValue: i = "", onValueChange: a, leadin
|
|
|
3487
3589
|
})]
|
|
3488
3590
|
}),
|
|
3489
3591
|
s && /* @__PURE__ */ t("span", {
|
|
3490
|
-
className:
|
|
3592
|
+
className: ji.trailing,
|
|
3491
3593
|
children: s
|
|
3492
3594
|
})
|
|
3493
3595
|
]
|
|
3494
3596
|
});
|
|
3495
3597
|
}
|
|
3496
|
-
var
|
|
3598
|
+
var Ni = { revealButton: "_revealButton_1j8z0_3" };
|
|
3497
3599
|
//#endregion
|
|
3498
3600
|
//#region src/components/PasswordEntryRow/PasswordEntryRow.tsx
|
|
3499
|
-
function
|
|
3601
|
+
function Pi({ trailing: r, disabled: i, ...a }) {
|
|
3500
3602
|
let [o, s] = p(!1), c = /* @__PURE__ */ t("button", {
|
|
3501
3603
|
type: "button",
|
|
3502
|
-
className:
|
|
3604
|
+
className: Ni.revealButton,
|
|
3503
3605
|
onClick: (e) => {
|
|
3504
3606
|
e.stopPropagation(), s((e) => !e);
|
|
3505
3607
|
},
|
|
3506
3608
|
"aria-label": o ? "Conceal password" : "Reveal password",
|
|
3507
3609
|
"aria-pressed": o,
|
|
3508
3610
|
disabled: i,
|
|
3509
|
-
children: /* @__PURE__ */ t(
|
|
3510
|
-
icon: o ?
|
|
3611
|
+
children: /* @__PURE__ */ t(L, {
|
|
3612
|
+
icon: o ? Le : Ie,
|
|
3511
3613
|
size: "md",
|
|
3512
3614
|
"aria-hidden": !0
|
|
3513
3615
|
})
|
|
3514
3616
|
});
|
|
3515
|
-
return /* @__PURE__ */ t(
|
|
3617
|
+
return /* @__PURE__ */ t(Mi, {
|
|
3516
3618
|
...a,
|
|
3517
3619
|
type: o ? "text" : "password",
|
|
3518
3620
|
disabled: i,
|
|
3519
3621
|
trailing: /* @__PURE__ */ n(e, { children: [r, c] })
|
|
3520
3622
|
});
|
|
3521
3623
|
}
|
|
3522
|
-
var
|
|
3624
|
+
var Fi = {
|
|
3523
3625
|
row: "_row_ycg6f_3",
|
|
3524
3626
|
disabled: "_disabled_ycg6f_16",
|
|
3525
3627
|
leading: "_leading_ycg6f_23",
|
|
@@ -3532,16 +3634,16 @@ var Ii = {
|
|
|
3532
3634
|
};
|
|
3533
3635
|
//#endregion
|
|
3534
3636
|
//#region src/components/SpinRow/SpinRow.tsx
|
|
3535
|
-
function
|
|
3637
|
+
function Ii(e) {
|
|
3536
3638
|
let t = e.toString(), n = t.indexOf(".");
|
|
3537
3639
|
return n === -1 ? 0 : t.length - n - 1;
|
|
3538
3640
|
}
|
|
3539
|
-
function
|
|
3641
|
+
function Li(e, t, n) {
|
|
3540
3642
|
return Math.min(n, Math.max(t, e));
|
|
3541
3643
|
}
|
|
3542
|
-
function
|
|
3543
|
-
let v = a !== void 0, [y, b] = p(o), x = v ? a : y, S = m ??
|
|
3544
|
-
let t = parseFloat(
|
|
3644
|
+
function Ri({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0, onValueChange: c, min: l = 0, max: d = 100, step: f = 1, decimals: m, disabled: h = !1, className: g, ..._ }) {
|
|
3645
|
+
let v = a !== void 0, [y, b] = p(o), x = v ? a : y, S = m ?? Ii(f), C = u(), w = s((e) => {
|
|
3646
|
+
let t = parseFloat(Li(e, l, d).toFixed(S));
|
|
3545
3647
|
v || b(t), c?.(t);
|
|
3546
3648
|
}, [
|
|
3547
3649
|
v,
|
|
@@ -3579,23 +3681,23 @@ function zi({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
|
|
|
3579
3681
|
]);
|
|
3580
3682
|
return /* @__PURE__ */ n("div", {
|
|
3581
3683
|
className: [
|
|
3582
|
-
|
|
3583
|
-
h ?
|
|
3684
|
+
Fi.row,
|
|
3685
|
+
h ? Fi.disabled : null,
|
|
3584
3686
|
g
|
|
3585
3687
|
].filter(Boolean).join(" "),
|
|
3586
3688
|
..._,
|
|
3587
3689
|
children: [
|
|
3588
3690
|
i && /* @__PURE__ */ t("span", {
|
|
3589
|
-
className:
|
|
3691
|
+
className: Fi.leading,
|
|
3590
3692
|
children: i
|
|
3591
3693
|
}),
|
|
3592
3694
|
/* @__PURE__ */ n("span", {
|
|
3593
|
-
className:
|
|
3695
|
+
className: Fi.content,
|
|
3594
3696
|
children: [/* @__PURE__ */ t("span", {
|
|
3595
|
-
className:
|
|
3697
|
+
className: Fi.title,
|
|
3596
3698
|
children: e
|
|
3597
3699
|
}), r && /* @__PURE__ */ t("span", {
|
|
3598
|
-
className:
|
|
3700
|
+
className: Fi.subtitle,
|
|
3599
3701
|
children: r
|
|
3600
3702
|
})]
|
|
3601
3703
|
}),
|
|
@@ -3608,14 +3710,14 @@ function zi({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
|
|
|
3608
3710
|
"aria-disabled": h || void 0,
|
|
3609
3711
|
tabIndex: h ? -1 : 0,
|
|
3610
3712
|
onKeyDown: h ? void 0 : T,
|
|
3611
|
-
className:
|
|
3713
|
+
className: Fi.spin,
|
|
3612
3714
|
children: [
|
|
3613
3715
|
/* @__PURE__ */ t("button", {
|
|
3614
3716
|
type: "button",
|
|
3615
3717
|
tabIndex: -1,
|
|
3616
3718
|
"aria-hidden": "true",
|
|
3617
3719
|
disabled: h || x <= l,
|
|
3618
|
-
className:
|
|
3720
|
+
className: Fi.spinBtn,
|
|
3619
3721
|
onClick: (e) => {
|
|
3620
3722
|
e.stopPropagation(), w(x - f);
|
|
3621
3723
|
},
|
|
@@ -3623,7 +3725,7 @@ function zi({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
|
|
|
3623
3725
|
}),
|
|
3624
3726
|
/* @__PURE__ */ t("span", {
|
|
3625
3727
|
id: C,
|
|
3626
|
-
className:
|
|
3728
|
+
className: Fi.spinValue,
|
|
3627
3729
|
"aria-hidden": "true",
|
|
3628
3730
|
children: x.toFixed(S)
|
|
3629
3731
|
}),
|
|
@@ -3632,7 +3734,7 @@ function zi({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
|
|
|
3632
3734
|
tabIndex: -1,
|
|
3633
3735
|
"aria-hidden": "true",
|
|
3634
3736
|
disabled: h || x >= d,
|
|
3635
|
-
className:
|
|
3737
|
+
className: Fi.spinBtn,
|
|
3636
3738
|
onClick: (e) => {
|
|
3637
3739
|
e.stopPropagation(), w(x + f);
|
|
3638
3740
|
},
|
|
@@ -3645,50 +3747,50 @@ function zi({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
|
|
|
3645
3747
|
}
|
|
3646
3748
|
//#endregion
|
|
3647
3749
|
//#region src/components/NavigationView/NavigationView.module.css
|
|
3648
|
-
var
|
|
3649
|
-
view:
|
|
3650
|
-
page:
|
|
3651
|
-
pageHeader:
|
|
3652
|
-
pageTitle:
|
|
3653
|
-
pageContent:
|
|
3654
|
-
enterForward:
|
|
3750
|
+
var zi = "_view_1r1om_3", Bi = "_page_1r1om_12", Vi = "_pageHeader_1r1om_23", Hi = "_pageTitle_1r1om_34", Ui = "_pageContent_1r1om_43", Wi = "_enterForward_1r1om_52", Gi = "_enterBack_1r1om_56", Ki = {
|
|
3751
|
+
view: zi,
|
|
3752
|
+
page: Bi,
|
|
3753
|
+
pageHeader: Vi,
|
|
3754
|
+
pageTitle: Hi,
|
|
3755
|
+
pageContent: Ui,
|
|
3756
|
+
enterForward: Wi,
|
|
3655
3757
|
"slide-in-right": "_slide-in-right_1r1om_1",
|
|
3656
|
-
enterBack:
|
|
3758
|
+
enterBack: Gi,
|
|
3657
3759
|
"slide-in-left": "_slide-in-left_1r1om_1"
|
|
3658
|
-
},
|
|
3760
|
+
}, qi = a({
|
|
3659
3761
|
navigate: () => {},
|
|
3660
3762
|
pop: () => {},
|
|
3661
3763
|
canGoBack: !1,
|
|
3662
3764
|
currentTag: "",
|
|
3663
3765
|
direction: "forward"
|
|
3664
3766
|
});
|
|
3665
|
-
function
|
|
3666
|
-
return c(
|
|
3767
|
+
function Ji() {
|
|
3768
|
+
return c(qi);
|
|
3667
3769
|
}
|
|
3668
|
-
function
|
|
3669
|
-
let { currentTag: s, direction: l } = c(
|
|
3770
|
+
function Yi({ tag: e, title: r, children: i, className: a, ...o }) {
|
|
3771
|
+
let { currentTag: s, direction: l } = c(qi);
|
|
3670
3772
|
return s === e ? /* @__PURE__ */ n("div", {
|
|
3671
3773
|
className: [
|
|
3672
|
-
|
|
3673
|
-
l === "forward" ?
|
|
3774
|
+
Ki.page,
|
|
3775
|
+
l === "forward" ? Ki.enterForward : Ki.enterBack,
|
|
3674
3776
|
a
|
|
3675
3777
|
].filter(Boolean).join(" "),
|
|
3676
3778
|
...o,
|
|
3677
3779
|
children: [/* @__PURE__ */ t("div", {
|
|
3678
|
-
className:
|
|
3780
|
+
className: Ki.pageHeader,
|
|
3679
3781
|
children: /* @__PURE__ */ t("span", {
|
|
3680
|
-
className:
|
|
3782
|
+
className: Ki.pageTitle,
|
|
3681
3783
|
children: r
|
|
3682
3784
|
})
|
|
3683
3785
|
}), /* @__PURE__ */ t("div", {
|
|
3684
|
-
className:
|
|
3786
|
+
className: Ki.pageContent,
|
|
3685
3787
|
children: i
|
|
3686
3788
|
})]
|
|
3687
3789
|
}) : null;
|
|
3688
3790
|
}
|
|
3689
|
-
function
|
|
3791
|
+
function Xi({ initialPage: e, children: n, className: r, ...i }) {
|
|
3690
3792
|
let [a, o] = p([e]), s = a[a.length - 1], c = a.length > 1, [l, u] = p("forward");
|
|
3691
|
-
return /* @__PURE__ */ t(
|
|
3793
|
+
return /* @__PURE__ */ t(qi.Provider, {
|
|
3692
3794
|
value: {
|
|
3693
3795
|
navigate: (e) => {
|
|
3694
3796
|
u("forward"), o((t) => [...t, e]);
|
|
@@ -3701,7 +3803,7 @@ function Zi({ initialPage: e, children: n, className: r, ...i }) {
|
|
|
3701
3803
|
direction: l
|
|
3702
3804
|
},
|
|
3703
3805
|
children: /* @__PURE__ */ t("div", {
|
|
3704
|
-
className: [
|
|
3806
|
+
className: [Ki.view, r].filter(Boolean).join(" "),
|
|
3705
3807
|
...i,
|
|
3706
3808
|
children: n
|
|
3707
3809
|
})
|
|
@@ -3709,20 +3811,20 @@ function Zi({ initialPage: e, children: n, className: r, ...i }) {
|
|
|
3709
3811
|
}
|
|
3710
3812
|
//#endregion
|
|
3711
3813
|
//#region src/components/BottomSheet/BottomSheet.module.css
|
|
3712
|
-
var
|
|
3713
|
-
backdrop:
|
|
3814
|
+
var Zi = "_backdrop_zzv98_3", Qi = "_sheet_zzv98_26", $i = "_handle_zzv98_49", ea = "_handleBar_zzv98_56", ta = "_title_zzv98_66", na = "_content_zzv98_79", ra = {
|
|
3815
|
+
backdrop: Zi,
|
|
3714
3816
|
"backdrop-in": "_backdrop-in_zzv98_1",
|
|
3715
|
-
sheet:
|
|
3817
|
+
sheet: Qi,
|
|
3716
3818
|
"sheet-in": "_sheet-in_zzv98_1",
|
|
3717
|
-
handle:
|
|
3718
|
-
handleBar:
|
|
3719
|
-
title:
|
|
3720
|
-
content:
|
|
3721
|
-
},
|
|
3722
|
-
function
|
|
3819
|
+
handle: $i,
|
|
3820
|
+
handleBar: ea,
|
|
3821
|
+
title: ta,
|
|
3822
|
+
content: na
|
|
3823
|
+
}, ia = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
|
|
3824
|
+
function aa({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !0, className: c, ...d }) {
|
|
3723
3825
|
let p = f(null), h = u(), g = f(null);
|
|
3724
3826
|
l(() => {
|
|
3725
|
-
e ? (g.current = document.activeElement, (p.current?.querySelector(
|
|
3827
|
+
e ? (g.current = document.activeElement, (p.current?.querySelector(ia))?.focus()) : g.current?.focus();
|
|
3726
3828
|
}, [e]);
|
|
3727
3829
|
let _ = s((e) => {
|
|
3728
3830
|
if (e.key === "Escape") {
|
|
@@ -3730,14 +3832,14 @@ function oa({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !
|
|
|
3730
3832
|
return;
|
|
3731
3833
|
}
|
|
3732
3834
|
if (e.key !== "Tab") return;
|
|
3733
|
-
let t = Array.from(p.current?.querySelectorAll(
|
|
3835
|
+
let t = Array.from(p.current?.querySelectorAll(ia) ?? []);
|
|
3734
3836
|
if (t.length === 0) return;
|
|
3735
3837
|
let n = t[0], r = t[t.length - 1];
|
|
3736
3838
|
e.shiftKey ? document.activeElement === n && (e.preventDefault(), r.focus()) : document.activeElement === r && (e.preventDefault(), n.focus());
|
|
3737
3839
|
}, [a]);
|
|
3738
3840
|
if (!e) return null;
|
|
3739
3841
|
let v = /* @__PURE__ */ t("div", {
|
|
3740
|
-
className:
|
|
3842
|
+
className: ra.backdrop,
|
|
3741
3843
|
onClick: o ? a : void 0,
|
|
3742
3844
|
"aria-hidden": "true",
|
|
3743
3845
|
children: /* @__PURE__ */ n("div", {
|
|
@@ -3745,23 +3847,23 @@ function oa({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !
|
|
|
3745
3847
|
role: "dialog",
|
|
3746
3848
|
"aria-modal": "true",
|
|
3747
3849
|
"aria-labelledby": r ? h : void 0,
|
|
3748
|
-
className: [
|
|
3850
|
+
className: [ra.sheet, c].filter(Boolean).join(" "),
|
|
3749
3851
|
onKeyDown: _,
|
|
3750
3852
|
onClick: (e) => e.stopPropagation(),
|
|
3751
3853
|
...d,
|
|
3752
3854
|
children: [
|
|
3753
3855
|
/* @__PURE__ */ t("div", {
|
|
3754
|
-
className:
|
|
3856
|
+
className: ra.handle,
|
|
3755
3857
|
"aria-hidden": "true",
|
|
3756
|
-
children: /* @__PURE__ */ t("div", { className:
|
|
3858
|
+
children: /* @__PURE__ */ t("div", { className: ra.handleBar })
|
|
3757
3859
|
}),
|
|
3758
3860
|
r && /* @__PURE__ */ t("div", {
|
|
3759
3861
|
id: h,
|
|
3760
|
-
className:
|
|
3862
|
+
className: ra.title,
|
|
3761
3863
|
children: r
|
|
3762
3864
|
}),
|
|
3763
3865
|
i && /* @__PURE__ */ t("div", {
|
|
3764
|
-
className:
|
|
3866
|
+
className: ra.content,
|
|
3765
3867
|
children: i
|
|
3766
3868
|
})
|
|
3767
3869
|
]
|
|
@@ -3769,7 +3871,7 @@ function oa({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !
|
|
|
3769
3871
|
});
|
|
3770
3872
|
return typeof document > "u" ? v : m(v, document.body);
|
|
3771
3873
|
}
|
|
3772
|
-
var
|
|
3874
|
+
var oa = {
|
|
3773
3875
|
carousel: "_carousel_117hp_3",
|
|
3774
3876
|
horizontal: "_horizontal_117hp_20",
|
|
3775
3877
|
vertical: "_vertical_117hp_27",
|
|
@@ -3783,9 +3885,9 @@ var sa = {
|
|
|
3783
3885
|
};
|
|
3784
3886
|
//#endregion
|
|
3785
3887
|
//#region src/components/Carousel/Carousel.tsx
|
|
3786
|
-
function
|
|
3888
|
+
function sa({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a }) {
|
|
3787
3889
|
return /* @__PURE__ */ t("div", {
|
|
3788
|
-
className: [
|
|
3890
|
+
className: [oa.indicatorDots, i].filter(Boolean).join(" "),
|
|
3789
3891
|
role: "tablist",
|
|
3790
3892
|
"aria-label": "Carousel pages",
|
|
3791
3893
|
...a,
|
|
@@ -3794,14 +3896,14 @@ function ca({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a })
|
|
|
3794
3896
|
role: "tab",
|
|
3795
3897
|
"aria-selected": i === n,
|
|
3796
3898
|
"aria-label": `Page ${i + 1}`,
|
|
3797
|
-
className: [
|
|
3899
|
+
className: [oa.dot, i === n ? oa.dotActive : null].filter(Boolean).join(" "),
|
|
3798
3900
|
onClick: () => r?.(i)
|
|
3799
3901
|
}, i))
|
|
3800
3902
|
});
|
|
3801
3903
|
}
|
|
3802
|
-
function
|
|
3904
|
+
function ca({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a }) {
|
|
3803
3905
|
return /* @__PURE__ */ t("div", {
|
|
3804
|
-
className: [
|
|
3906
|
+
className: [oa.indicatorLines, i].filter(Boolean).join(" "),
|
|
3805
3907
|
role: "tablist",
|
|
3806
3908
|
"aria-label": "Carousel pages",
|
|
3807
3909
|
...a,
|
|
@@ -3810,12 +3912,12 @@ function la({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a })
|
|
|
3810
3912
|
role: "tab",
|
|
3811
3913
|
"aria-selected": i === n,
|
|
3812
3914
|
"aria-label": `Page ${i + 1}`,
|
|
3813
|
-
className: [
|
|
3915
|
+
className: [oa.line, i === n ? oa.lineActive : null].filter(Boolean).join(" "),
|
|
3814
3916
|
onClick: () => r?.(i)
|
|
3815
3917
|
}, i))
|
|
3816
3918
|
});
|
|
3817
3919
|
}
|
|
3818
|
-
function
|
|
3920
|
+
function la({ children: e, orientation: n = "horizontal", spacing: i = 0, loop: a = !1, onPageChanged: o, page: c, className: u, ...d }) {
|
|
3819
3921
|
let m = f(null), h = r.count(e), [g, _] = p(0), v = c !== void 0, y = v ? c : g;
|
|
3820
3922
|
l(() => {
|
|
3821
3923
|
v && b(c, "smooth");
|
|
@@ -3871,15 +3973,15 @@ function ua({ children: e, orientation: n = "horizontal", spacing: i = 0, loop:
|
|
|
3871
3973
|
"aria-roledescription": "carousel",
|
|
3872
3974
|
tabIndex: 0,
|
|
3873
3975
|
className: [
|
|
3874
|
-
|
|
3875
|
-
S ?
|
|
3976
|
+
oa.carousel,
|
|
3977
|
+
S ? oa.horizontal : oa.vertical,
|
|
3876
3978
|
u
|
|
3877
3979
|
].filter(Boolean).join(" "),
|
|
3878
3980
|
style: S ? { columnGap: i || void 0 } : { rowGap: i || void 0 },
|
|
3879
3981
|
onKeyDown: x,
|
|
3880
3982
|
...d,
|
|
3881
3983
|
children: r.map(e, (e, n) => /* @__PURE__ */ t("div", {
|
|
3882
|
-
className:
|
|
3984
|
+
className: oa.slide,
|
|
3883
3985
|
role: "group",
|
|
3884
3986
|
"aria-roledescription": "slide",
|
|
3885
3987
|
"aria-label": `${n + 1} of ${h}`,
|
|
@@ -3889,49 +3991,49 @@ function ua({ children: e, orientation: n = "horizontal", spacing: i = 0, loop:
|
|
|
3889
3991
|
}
|
|
3890
3992
|
//#endregion
|
|
3891
3993
|
//#region src/components/Bin/Bin.tsx
|
|
3892
|
-
function
|
|
3994
|
+
function ua({ children: e, ...n }) {
|
|
3893
3995
|
return /* @__PURE__ */ t("div", {
|
|
3894
3996
|
...n,
|
|
3895
3997
|
children: e
|
|
3896
3998
|
});
|
|
3897
3999
|
}
|
|
3898
|
-
var
|
|
4000
|
+
var da = {
|
|
3899
4001
|
content: "_content_1xkwk_3",
|
|
3900
4002
|
icon: "_icon_1xkwk_9",
|
|
3901
4003
|
label: "_label_1xkwk_15"
|
|
3902
4004
|
};
|
|
3903
4005
|
//#endregion
|
|
3904
4006
|
//#region src/components/ButtonContent/ButtonContent.tsx
|
|
3905
|
-
function
|
|
4007
|
+
function fa({ icon: e, label: r, iconPosition: i = "start", className: a, ...o }) {
|
|
3906
4008
|
return /* @__PURE__ */ n("span", {
|
|
3907
4009
|
className: [
|
|
3908
|
-
|
|
3909
|
-
i === "end" ?
|
|
4010
|
+
da.content,
|
|
4011
|
+
i === "end" ? da.iconEnd : null,
|
|
3910
4012
|
a
|
|
3911
4013
|
].filter(Boolean).join(" "),
|
|
3912
4014
|
...o,
|
|
3913
4015
|
children: [
|
|
3914
4016
|
e && i === "start" && /* @__PURE__ */ t("span", {
|
|
3915
|
-
className:
|
|
4017
|
+
className: da.icon,
|
|
3916
4018
|
"aria-hidden": "true",
|
|
3917
4019
|
children: e
|
|
3918
4020
|
}),
|
|
3919
4021
|
/* @__PURE__ */ t("span", {
|
|
3920
|
-
className:
|
|
4022
|
+
className: da.label,
|
|
3921
4023
|
children: r
|
|
3922
4024
|
}),
|
|
3923
4025
|
e && i === "end" && /* @__PURE__ */ t("span", {
|
|
3924
|
-
className:
|
|
4026
|
+
className: da.icon,
|
|
3925
4027
|
"aria-hidden": "true",
|
|
3926
4028
|
children: e
|
|
3927
4029
|
})
|
|
3928
4030
|
]
|
|
3929
4031
|
});
|
|
3930
4032
|
}
|
|
3931
|
-
var
|
|
4033
|
+
var pa = {
|
|
3932
4034
|
label: "_label_h3znl_3",
|
|
3933
4035
|
key: "_key_h3znl_9"
|
|
3934
|
-
},
|
|
4036
|
+
}, ma = {
|
|
3935
4037
|
ctrl: "⌃",
|
|
3936
4038
|
control: "⌃",
|
|
3937
4039
|
shift: "⇧",
|
|
@@ -3959,22 +4061,22 @@ var ma = {
|
|
|
3959
4061
|
home: "⇱",
|
|
3960
4062
|
end: "⇲"
|
|
3961
4063
|
};
|
|
3962
|
-
function
|
|
4064
|
+
function ha({ shortcut: e, symbols: n = !0, className: r, ...i }) {
|
|
3963
4065
|
let a = e.split("+").map((e) => e.trim()).filter(Boolean);
|
|
3964
4066
|
return /* @__PURE__ */ t("span", {
|
|
3965
|
-
className: [
|
|
4067
|
+
className: [pa.label, r].filter(Boolean).join(" "),
|
|
3966
4068
|
"aria-label": e,
|
|
3967
4069
|
...i,
|
|
3968
4070
|
children: a.map((e, r) => {
|
|
3969
|
-
let i = n ?
|
|
4071
|
+
let i = n ? ma[e.toLowerCase()] ?? e : e;
|
|
3970
4072
|
return /* @__PURE__ */ t("kbd", {
|
|
3971
|
-
className:
|
|
4073
|
+
className: pa.key,
|
|
3972
4074
|
children: i
|
|
3973
4075
|
}, r);
|
|
3974
4076
|
})
|
|
3975
4077
|
});
|
|
3976
4078
|
}
|
|
3977
|
-
var
|
|
4079
|
+
var ga = {
|
|
3978
4080
|
toolbarView: "_toolbarView_134hf_3",
|
|
3979
4081
|
top: "_top_134hf_11",
|
|
3980
4082
|
content: "_content_134hf_16",
|
|
@@ -3982,47 +4084,47 @@ var _a = {
|
|
|
3982
4084
|
};
|
|
3983
4085
|
//#endregion
|
|
3984
4086
|
//#region src/components/ToolbarView/ToolbarView.tsx
|
|
3985
|
-
function
|
|
4087
|
+
function _a({ topBar: e, bottomBar: r, children: i, className: a, ...o }) {
|
|
3986
4088
|
return /* @__PURE__ */ n("div", {
|
|
3987
|
-
className: [
|
|
4089
|
+
className: [ga.toolbarView, a].filter(Boolean).join(" "),
|
|
3988
4090
|
...o,
|
|
3989
4091
|
children: [
|
|
3990
4092
|
e && /* @__PURE__ */ t("div", {
|
|
3991
|
-
className:
|
|
4093
|
+
className: ga.top,
|
|
3992
4094
|
children: e
|
|
3993
4095
|
}),
|
|
3994
4096
|
/* @__PURE__ */ t("div", {
|
|
3995
|
-
className:
|
|
4097
|
+
className: ga.content,
|
|
3996
4098
|
children: i
|
|
3997
4099
|
}),
|
|
3998
4100
|
r && /* @__PURE__ */ t("div", {
|
|
3999
|
-
className:
|
|
4101
|
+
className: ga.bottom,
|
|
4000
4102
|
children: r
|
|
4001
4103
|
})
|
|
4002
4104
|
]
|
|
4003
4105
|
});
|
|
4004
4106
|
}
|
|
4005
|
-
var
|
|
4107
|
+
var va = {
|
|
4006
4108
|
windowTitle: "_windowTitle_zm877_3",
|
|
4007
4109
|
title: "_title_zm877_11",
|
|
4008
4110
|
subtitle: "_subtitle_zm877_24"
|
|
4009
4111
|
};
|
|
4010
4112
|
//#endregion
|
|
4011
4113
|
//#region src/components/WindowTitle/WindowTitle.tsx
|
|
4012
|
-
function
|
|
4114
|
+
function ya({ title: e, subtitle: r, className: i, ...a }) {
|
|
4013
4115
|
return /* @__PURE__ */ n("div", {
|
|
4014
|
-
className: [
|
|
4116
|
+
className: [va.windowTitle, i].filter(Boolean).join(" "),
|
|
4015
4117
|
...a,
|
|
4016
4118
|
children: [/* @__PURE__ */ t("span", {
|
|
4017
|
-
className:
|
|
4119
|
+
className: va.title,
|
|
4018
4120
|
children: e
|
|
4019
4121
|
}), r && /* @__PURE__ */ t("span", {
|
|
4020
|
-
className:
|
|
4122
|
+
className: va.subtitle,
|
|
4021
4123
|
children: r
|
|
4022
4124
|
})]
|
|
4023
4125
|
});
|
|
4024
4126
|
}
|
|
4025
|
-
var
|
|
4127
|
+
var ba = {
|
|
4026
4128
|
group: "_group_17s4f_3",
|
|
4027
4129
|
header: "_header_17s4f_11",
|
|
4028
4130
|
headerText: "_headerText_17s4f_17",
|
|
@@ -4033,85 +4135,85 @@ var xa = {
|
|
|
4033
4135
|
};
|
|
4034
4136
|
//#endregion
|
|
4035
4137
|
//#region src/components/PreferencesGroup/PreferencesGroup.tsx
|
|
4036
|
-
function
|
|
4138
|
+
function xa({ title: e, description: r, headerSuffix: i, children: a, className: o, ...s }) {
|
|
4037
4139
|
let c = e || r || i;
|
|
4038
4140
|
return /* @__PURE__ */ n("div", {
|
|
4039
|
-
className: [
|
|
4141
|
+
className: [ba.group, o].filter(Boolean).join(" "),
|
|
4040
4142
|
...s,
|
|
4041
4143
|
children: [c && /* @__PURE__ */ n("div", {
|
|
4042
|
-
className:
|
|
4144
|
+
className: ba.header,
|
|
4043
4145
|
children: [/* @__PURE__ */ n("div", {
|
|
4044
|
-
className:
|
|
4146
|
+
className: ba.headerText,
|
|
4045
4147
|
children: [e && /* @__PURE__ */ t("span", {
|
|
4046
|
-
className:
|
|
4148
|
+
className: ba.title,
|
|
4047
4149
|
children: e
|
|
4048
4150
|
}), r && /* @__PURE__ */ t("span", {
|
|
4049
|
-
className:
|
|
4151
|
+
className: ba.description,
|
|
4050
4152
|
children: r
|
|
4051
4153
|
})]
|
|
4052
4154
|
}), i && /* @__PURE__ */ t("div", {
|
|
4053
|
-
className:
|
|
4155
|
+
className: ba.suffix,
|
|
4054
4156
|
children: i
|
|
4055
4157
|
})]
|
|
4056
4158
|
}), /* @__PURE__ */ t("div", {
|
|
4057
|
-
className:
|
|
4159
|
+
className: ba.content,
|
|
4058
4160
|
children: a
|
|
4059
4161
|
})]
|
|
4060
4162
|
});
|
|
4061
4163
|
}
|
|
4062
|
-
var
|
|
4164
|
+
var Sa = {
|
|
4063
4165
|
page: "_page_gt42j_3",
|
|
4064
4166
|
inner: "_inner_gt42j_10"
|
|
4065
4167
|
};
|
|
4066
4168
|
//#endregion
|
|
4067
4169
|
//#region src/components/PreferencesPage/PreferencesPage.tsx
|
|
4068
|
-
function
|
|
4170
|
+
function Ca({ title: e, iconName: n, children: r, className: i, ...a }) {
|
|
4069
4171
|
return /* @__PURE__ */ t("div", {
|
|
4070
|
-
className: [
|
|
4172
|
+
className: [Sa.page, i].filter(Boolean).join(" "),
|
|
4071
4173
|
role: "tabpanel",
|
|
4072
4174
|
...a,
|
|
4073
4175
|
children: /* @__PURE__ */ t("div", {
|
|
4074
|
-
className:
|
|
4176
|
+
className: Sa.inner,
|
|
4075
4177
|
children: r
|
|
4076
4178
|
})
|
|
4077
4179
|
});
|
|
4078
4180
|
}
|
|
4079
4181
|
//#endregion
|
|
4080
4182
|
//#region src/components/PreferencesDialog/PreferencesDialog.module.css
|
|
4081
|
-
var
|
|
4082
|
-
backdrop:
|
|
4183
|
+
var wa = "_backdrop_1u1bd_3", Ta = "_dialog_1u1bd_26", Ea = "_dialogMulti_1u1bd_46", Da = "_header_1u1bd_63", Oa = "_closeBtn_1u1bd_73", ka = "_title_1u1bd_102", Aa = "_searchWrap_1u1bd_112", ja = "_searchInput_1u1bd_116", Ma = "_body_1u1bd_143", Na = "_sidebar_1u1bd_152", Pa = "_navList_1u1bd_160", Fa = "_navItem_1u1bd_169", Ia = "_navItemActive_1u1bd_190", La = "_navIcon_1u1bd_205", Ra = "_navLabel_1u1bd_211", za = "_pageWrap_1u1bd_221", Z = {
|
|
4184
|
+
backdrop: wa,
|
|
4083
4185
|
"backdrop-in": "_backdrop-in_1u1bd_1",
|
|
4084
|
-
dialog:
|
|
4186
|
+
dialog: Ta,
|
|
4085
4187
|
"dialog-in": "_dialog-in_1u1bd_1",
|
|
4086
|
-
dialogMulti:
|
|
4087
|
-
header:
|
|
4088
|
-
closeBtn:
|
|
4089
|
-
title:
|
|
4090
|
-
searchWrap:
|
|
4091
|
-
searchInput:
|
|
4092
|
-
body:
|
|
4093
|
-
sidebar:
|
|
4094
|
-
navList:
|
|
4095
|
-
navItem:
|
|
4096
|
-
navItemActive:
|
|
4097
|
-
navIcon:
|
|
4098
|
-
navLabel:
|
|
4099
|
-
pageWrap:
|
|
4100
|
-
},
|
|
4101
|
-
function
|
|
4188
|
+
dialogMulti: Ea,
|
|
4189
|
+
header: Da,
|
|
4190
|
+
closeBtn: Oa,
|
|
4191
|
+
title: ka,
|
|
4192
|
+
searchWrap: Aa,
|
|
4193
|
+
searchInput: ja,
|
|
4194
|
+
body: Ma,
|
|
4195
|
+
sidebar: Na,
|
|
4196
|
+
navList: Pa,
|
|
4197
|
+
navItem: Fa,
|
|
4198
|
+
navItemActive: Ia,
|
|
4199
|
+
navIcon: La,
|
|
4200
|
+
navLabel: Ra,
|
|
4201
|
+
pageWrap: za
|
|
4202
|
+
}, Ba = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
|
|
4203
|
+
function Va(e, t) {
|
|
4102
4204
|
if (e.key !== "Tab") return;
|
|
4103
|
-
let n = Array.from(t.current?.querySelectorAll(
|
|
4205
|
+
let n = Array.from(t.current?.querySelectorAll(Ba) ?? []);
|
|
4104
4206
|
if (!n.length) return;
|
|
4105
4207
|
let r = n[0], i = n[n.length - 1];
|
|
4106
4208
|
e.shiftKey ? document.activeElement === r && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), r.focus());
|
|
4107
4209
|
}
|
|
4108
|
-
function
|
|
4210
|
+
function Ha({ open: e, onClose: a, children: c, searchable: d = !0, className: h, ...g }) {
|
|
4109
4211
|
let _ = f(null), v = f(null), y = u(), b = r.toArray(c).filter((e) => o(e)), [x, S] = p(0), [C, w] = p("");
|
|
4110
4212
|
l(() => {
|
|
4111
4213
|
if (e) {
|
|
4112
4214
|
S(0), w("");
|
|
4113
4215
|
let e = requestAnimationFrame(() => {
|
|
4114
|
-
d && v.current ? v.current.focus() : (_.current?.querySelector(
|
|
4216
|
+
d && v.current ? v.current.focus() : (_.current?.querySelector(Ba))?.focus();
|
|
4115
4217
|
});
|
|
4116
4218
|
return () => cancelAnimationFrame(e);
|
|
4117
4219
|
}
|
|
@@ -4121,10 +4223,10 @@ function Ua({ open: e, onClose: a, children: c, searchable: d = !0, className: h
|
|
|
4121
4223
|
e.stopPropagation(), a();
|
|
4122
4224
|
return;
|
|
4123
4225
|
}
|
|
4124
|
-
|
|
4226
|
+
Va(e, _);
|
|
4125
4227
|
}, [a]), E = b.length > 1, D = b[x] ?? b[0], O = C.trim().toLowerCase();
|
|
4126
4228
|
return e ? m(/* @__PURE__ */ t("div", {
|
|
4127
|
-
className:
|
|
4229
|
+
className: Z.backdrop,
|
|
4128
4230
|
onClick: (e) => {
|
|
4129
4231
|
e.target === e.currentTarget && a();
|
|
4130
4232
|
},
|
|
@@ -4135,79 +4237,79 @@ function Ua({ open: e, onClose: a, children: c, searchable: d = !0, className: h
|
|
|
4135
4237
|
"aria-modal": "true",
|
|
4136
4238
|
"aria-labelledby": y,
|
|
4137
4239
|
className: [
|
|
4138
|
-
|
|
4139
|
-
E ?
|
|
4240
|
+
Z.dialog,
|
|
4241
|
+
E ? Z.dialogMulti : null,
|
|
4140
4242
|
h
|
|
4141
4243
|
].filter(Boolean).join(" "),
|
|
4142
4244
|
onKeyDown: T,
|
|
4143
4245
|
...g,
|
|
4144
4246
|
children: [/* @__PURE__ */ n("div", {
|
|
4145
|
-
className:
|
|
4247
|
+
className: Z.header,
|
|
4146
4248
|
children: [
|
|
4147
4249
|
/* @__PURE__ */ t("button", {
|
|
4148
4250
|
type: "button",
|
|
4149
|
-
className:
|
|
4251
|
+
className: Z.closeBtn,
|
|
4150
4252
|
onClick: a,
|
|
4151
4253
|
"aria-label": "Close preferences",
|
|
4152
4254
|
children: "✕"
|
|
4153
4255
|
}),
|
|
4154
4256
|
/* @__PURE__ */ t("span", {
|
|
4155
4257
|
id: y,
|
|
4156
|
-
className:
|
|
4258
|
+
className: Z.title,
|
|
4157
4259
|
children: "Preferences"
|
|
4158
4260
|
}),
|
|
4159
4261
|
d && /* @__PURE__ */ t("div", {
|
|
4160
|
-
className:
|
|
4262
|
+
className: Z.searchWrap,
|
|
4161
4263
|
children: /* @__PURE__ */ t("input", {
|
|
4162
4264
|
ref: v,
|
|
4163
4265
|
type: "search",
|
|
4164
4266
|
placeholder: "Search…",
|
|
4165
4267
|
value: C,
|
|
4166
4268
|
onChange: (e) => w(e.target.value),
|
|
4167
|
-
className:
|
|
4269
|
+
className: Z.searchInput,
|
|
4168
4270
|
"aria-label": "Search preferences"
|
|
4169
4271
|
})
|
|
4170
4272
|
})
|
|
4171
4273
|
]
|
|
4172
4274
|
}), /* @__PURE__ */ n("div", {
|
|
4173
|
-
className:
|
|
4275
|
+
className: Z.body,
|
|
4174
4276
|
children: [E && /* @__PURE__ */ t("nav", {
|
|
4175
|
-
className:
|
|
4277
|
+
className: Z.sidebar,
|
|
4176
4278
|
"aria-label": "Preferences pages",
|
|
4177
4279
|
children: /* @__PURE__ */ t("ul", {
|
|
4178
4280
|
role: "tablist",
|
|
4179
|
-
className:
|
|
4281
|
+
className: Z.navList,
|
|
4180
4282
|
children: b.map((e, r) => /* @__PURE__ */ t("li", {
|
|
4181
4283
|
role: "presentation",
|
|
4182
4284
|
children: /* @__PURE__ */ n("button", {
|
|
4183
4285
|
role: "tab",
|
|
4184
4286
|
type: "button",
|
|
4185
4287
|
"aria-selected": r === x,
|
|
4186
|
-
className: [
|
|
4288
|
+
className: [Z.navItem, r === x ? Z.navItemActive : null].filter(Boolean).join(" "),
|
|
4187
4289
|
onClick: () => S(r),
|
|
4188
4290
|
children: [e.props.iconName && /* @__PURE__ */ t("span", {
|
|
4189
4291
|
className: [
|
|
4190
|
-
|
|
4292
|
+
Z.navIcon,
|
|
4191
4293
|
"icon",
|
|
4192
4294
|
e.props.iconName
|
|
4193
4295
|
].join(" "),
|
|
4194
4296
|
"aria-hidden": "true"
|
|
4195
4297
|
}), /* @__PURE__ */ t("span", {
|
|
4196
|
-
className:
|
|
4298
|
+
className: Z.navLabel,
|
|
4197
4299
|
children: e.props.title
|
|
4198
4300
|
})]
|
|
4199
4301
|
})
|
|
4200
4302
|
}, r))
|
|
4201
4303
|
})
|
|
4202
4304
|
}), /* @__PURE__ */ t("div", {
|
|
4203
|
-
className:
|
|
4305
|
+
className: Z.pageWrap,
|
|
4204
4306
|
children: D && i(D, { "data-search-query": O || void 0 })
|
|
4205
4307
|
})]
|
|
4206
4308
|
})]
|
|
4207
4309
|
})
|
|
4208
4310
|
}), document.body) : null;
|
|
4209
4311
|
}
|
|
4210
|
-
var
|
|
4312
|
+
var Q = {
|
|
4211
4313
|
vertical: "_vertical_12mfk_12",
|
|
4212
4314
|
item: "_item_12mfk_18",
|
|
4213
4315
|
leading: "_leading_12mfk_25",
|
|
@@ -4224,63 +4326,63 @@ var Z = {
|
|
|
4224
4326
|
};
|
|
4225
4327
|
//#endregion
|
|
4226
4328
|
//#region src/components/Timeline/Timeline.tsx
|
|
4227
|
-
function
|
|
4329
|
+
function Ua({ items: e, orientation: r = "vertical", variant: i = "default", className: a, ...o }) {
|
|
4228
4330
|
let s = r === "horizontal", c = i !== "none";
|
|
4229
4331
|
return /* @__PURE__ */ t("div", {
|
|
4230
4332
|
role: "list",
|
|
4231
4333
|
className: [
|
|
4232
|
-
|
|
4233
|
-
s ?
|
|
4334
|
+
Q.root,
|
|
4335
|
+
s ? Q.horizontal : Q.vertical,
|
|
4234
4336
|
a
|
|
4235
4337
|
].filter(Boolean).join(" "),
|
|
4236
4338
|
...o,
|
|
4237
4339
|
children: e.map((r, a) => {
|
|
4238
|
-
let o = a === 0, l = a === e.length - 1, u = [
|
|
4239
|
-
className: [
|
|
4340
|
+
let o = a === 0, l = a === e.length - 1, u = [Q.line, i === "dotted" ? Q.lineDotted : null].filter(Boolean).join(" "), d = /* @__PURE__ */ t("div", {
|
|
4341
|
+
className: [Q.node, r.icon ? Q.nodeWithIcon : Q.nodeDot].filter(Boolean).join(" "),
|
|
4240
4342
|
children: r.icon && /* @__PURE__ */ t("span", {
|
|
4241
|
-
className:
|
|
4343
|
+
className: Q.iconWrap,
|
|
4242
4344
|
"aria-hidden": "true",
|
|
4243
4345
|
children: r.icon
|
|
4244
4346
|
})
|
|
4245
4347
|
});
|
|
4246
4348
|
return /* @__PURE__ */ n("div", {
|
|
4247
4349
|
role: "listitem",
|
|
4248
|
-
className:
|
|
4350
|
+
className: Q.item,
|
|
4249
4351
|
children: [
|
|
4250
4352
|
/* @__PURE__ */ t("div", {
|
|
4251
|
-
className:
|
|
4353
|
+
className: Q.leading,
|
|
4252
4354
|
children: r.leading
|
|
4253
4355
|
}),
|
|
4254
4356
|
s ? /* @__PURE__ */ n("div", {
|
|
4255
|
-
className:
|
|
4357
|
+
className: Q.nodeTrack,
|
|
4256
4358
|
children: [
|
|
4257
4359
|
/* @__PURE__ */ t("div", {
|
|
4258
4360
|
className: [
|
|
4259
|
-
|
|
4260
|
-
i === "dotted" ?
|
|
4261
|
-
o || !c ?
|
|
4361
|
+
Q.line,
|
|
4362
|
+
i === "dotted" ? Q.lineDotted : null,
|
|
4363
|
+
o || !c ? Q.lineInvisible : null
|
|
4262
4364
|
].filter(Boolean).join(" "),
|
|
4263
4365
|
"aria-hidden": "true"
|
|
4264
4366
|
}),
|
|
4265
4367
|
d,
|
|
4266
4368
|
/* @__PURE__ */ t("div", {
|
|
4267
4369
|
className: [
|
|
4268
|
-
|
|
4269
|
-
i === "dotted" ?
|
|
4270
|
-
l || !c ?
|
|
4370
|
+
Q.line,
|
|
4371
|
+
i === "dotted" ? Q.lineDotted : null,
|
|
4372
|
+
l || !c ? Q.lineInvisible : null
|
|
4271
4373
|
].filter(Boolean).join(" "),
|
|
4272
4374
|
"aria-hidden": "true"
|
|
4273
4375
|
})
|
|
4274
4376
|
]
|
|
4275
4377
|
}) : /* @__PURE__ */ n("div", {
|
|
4276
|
-
className:
|
|
4378
|
+
className: Q.nodeTrack,
|
|
4277
4379
|
children: [d, !l && c && /* @__PURE__ */ t("div", {
|
|
4278
4380
|
className: u,
|
|
4279
4381
|
"aria-hidden": "true"
|
|
4280
4382
|
})]
|
|
4281
4383
|
}),
|
|
4282
4384
|
/* @__PURE__ */ t("div", {
|
|
4283
|
-
className:
|
|
4385
|
+
className: Q.content,
|
|
4284
4386
|
children: r.content
|
|
4285
4387
|
})
|
|
4286
4388
|
]
|
|
@@ -4288,7 +4390,7 @@ function Wa({ items: e, orientation: r = "vertical", variant: i = "default", cla
|
|
|
4288
4390
|
})
|
|
4289
4391
|
});
|
|
4290
4392
|
}
|
|
4291
|
-
var
|
|
4393
|
+
var Wa = {
|
|
4292
4394
|
pathBar: "_pathBar_1n4ev_3",
|
|
4293
4395
|
list: "_list_1n4ev_12",
|
|
4294
4396
|
item: "_item_1n4ev_25",
|
|
@@ -4299,20 +4401,20 @@ var Ga = {
|
|
|
4299
4401
|
};
|
|
4300
4402
|
//#endregion
|
|
4301
4403
|
//#region src/components/PathBar/PathBar.tsx
|
|
4302
|
-
function
|
|
4404
|
+
function Ga({ segments: e, onNavigate: r, className: i, ...a }) {
|
|
4303
4405
|
return /* @__PURE__ */ t("nav", {
|
|
4304
4406
|
"aria-label": "Breadcrumb",
|
|
4305
|
-
className: [
|
|
4407
|
+
className: [Wa.pathBar, i].filter(Boolean).join(" "),
|
|
4306
4408
|
...a,
|
|
4307
4409
|
children: /* @__PURE__ */ t("ol", {
|
|
4308
|
-
className:
|
|
4410
|
+
className: Wa.list,
|
|
4309
4411
|
"aria-label": "Path segments",
|
|
4310
4412
|
children: e.map((i, a) => {
|
|
4311
4413
|
let o = a === e.length - 1;
|
|
4312
4414
|
return /* @__PURE__ */ n("li", {
|
|
4313
|
-
className:
|
|
4415
|
+
className: Wa.item,
|
|
4314
4416
|
children: [a > 0 && /* @__PURE__ */ t("span", {
|
|
4315
|
-
className:
|
|
4417
|
+
className: Wa.separator,
|
|
4316
4418
|
"aria-hidden": "true",
|
|
4317
4419
|
children: /* @__PURE__ */ t("svg", {
|
|
4318
4420
|
width: "12",
|
|
@@ -4329,19 +4431,19 @@ function Ka({ segments: e, onNavigate: r, className: i, ...a }) {
|
|
|
4329
4431
|
})
|
|
4330
4432
|
})
|
|
4331
4433
|
}), o ? /* @__PURE__ */ n("span", {
|
|
4332
|
-
className:
|
|
4434
|
+
className: Wa.current,
|
|
4333
4435
|
"aria-current": "page",
|
|
4334
4436
|
children: [i.icon && /* @__PURE__ */ t("span", {
|
|
4335
|
-
className:
|
|
4437
|
+
className: Wa.icon,
|
|
4336
4438
|
"aria-hidden": "true",
|
|
4337
4439
|
children: i.icon
|
|
4338
4440
|
}), i.label]
|
|
4339
4441
|
}) : /* @__PURE__ */ n("button", {
|
|
4340
4442
|
type: "button",
|
|
4341
|
-
className:
|
|
4443
|
+
className: Wa.segment,
|
|
4342
4444
|
onClick: () => r?.(i.path, a),
|
|
4343
4445
|
children: [i.icon && /* @__PURE__ */ t("span", {
|
|
4344
|
-
className:
|
|
4446
|
+
className: Wa.icon,
|
|
4345
4447
|
"aria-hidden": "true",
|
|
4346
4448
|
children: i.icon
|
|
4347
4449
|
}), i.label]
|
|
@@ -4351,7 +4453,7 @@ function Ka({ segments: e, onNavigate: r, className: i, ...a }) {
|
|
|
4351
4453
|
})
|
|
4352
4454
|
});
|
|
4353
4455
|
}
|
|
4354
|
-
var
|
|
4456
|
+
var Ka = {
|
|
4355
4457
|
wrapper: "_wrapper_1upmq_1",
|
|
4356
4458
|
svg: "_svg_1upmq_10",
|
|
4357
4459
|
label: "_label_1upmq_15",
|
|
@@ -4456,22 +4558,22 @@ function to({ data: e, maxLevel: r = 4, colorScale: i, cellSize: a = 12, cellGap
|
|
|
4456
4558
|
].map((e) => ({
|
|
4457
4559
|
row: (e - s + 7) % 7,
|
|
4458
4560
|
label: Ja[e]
|
|
4459
|
-
})), [s]), M = l ? Ya : 0, N = c ? Xa : 0, P = M + m * y - o, F = N + 7 * y - o,
|
|
4460
|
-
function
|
|
4561
|
+
})), [s]), M = l ? Ya : 0, N = c ? Xa : 0, P = M + m * y - o, F = N + 7 * y - o, I = Math.min(4, Math.floor(a / 3));
|
|
4562
|
+
function ee(e, t) {
|
|
4461
4563
|
let n = Math.max(0, Math.min(m - 1, e)), r = Math.max(0, Math.min(6, t));
|
|
4462
4564
|
w({
|
|
4463
4565
|
col: n,
|
|
4464
4566
|
row: r
|
|
4465
4567
|
}), b.current?.querySelector(`[data-col="${n}"][data-row="${r}"]`)?.focus();
|
|
4466
4568
|
}
|
|
4467
|
-
function
|
|
4569
|
+
function te(e, t, n) {
|
|
4468
4570
|
let r = {
|
|
4469
4571
|
ArrowRight: [t + 1, n],
|
|
4470
4572
|
ArrowLeft: [t - 1, n],
|
|
4471
4573
|
ArrowDown: [t, n + 1],
|
|
4472
4574
|
ArrowUp: [t, n - 1]
|
|
4473
4575
|
};
|
|
4474
|
-
if (r[e.key]) e.preventDefault(),
|
|
4576
|
+
if (r[e.key]) e.preventDefault(), ee(...r[e.key]);
|
|
4475
4577
|
else if (e.key === "Enter" || e.key === " ") {
|
|
4476
4578
|
e.preventDefault();
|
|
4477
4579
|
let r = k[t]?.[n];
|
|
@@ -4481,7 +4583,7 @@ function to({ data: e, maxLevel: r = 4, colorScale: i, cellSize: a = 12, cellGap
|
|
|
4481
4583
|
});
|
|
4482
4584
|
}
|
|
4483
4585
|
}
|
|
4484
|
-
function
|
|
4586
|
+
function ne(e, t) {
|
|
4485
4587
|
let n = x.current;
|
|
4486
4588
|
if (!n) return;
|
|
4487
4589
|
let r = n.getBoundingClientRect(), i = e.currentTarget.getBoundingClientRect();
|
|
@@ -4491,10 +4593,10 @@ function to({ data: e, maxLevel: r = 4, colorScale: i, cellSize: a = 12, cellGap
|
|
|
4491
4593
|
text: t
|
|
4492
4594
|
});
|
|
4493
4595
|
}
|
|
4494
|
-
function
|
|
4596
|
+
function re(e) {
|
|
4495
4597
|
return e.future ? S[0] : S[Math.min(e.level, S.length - 1)] ?? S[S.length - 1];
|
|
4496
4598
|
}
|
|
4497
|
-
function
|
|
4599
|
+
function ie(e) {
|
|
4498
4600
|
return e.future ? eo(e.iso) : _?.({
|
|
4499
4601
|
date: e.iso,
|
|
4500
4602
|
count: e.count
|
|
@@ -4502,26 +4604,26 @@ function to({ data: e, maxLevel: r = 4, colorScale: i, cellSize: a = 12, cellGap
|
|
|
4502
4604
|
}
|
|
4503
4605
|
return /* @__PURE__ */ n("div", {
|
|
4504
4606
|
ref: x,
|
|
4505
|
-
className: [
|
|
4607
|
+
className: [Ka.wrapper, v].filter(Boolean).join(" "),
|
|
4506
4608
|
children: [
|
|
4507
4609
|
/* @__PURE__ */ n("svg", {
|
|
4508
4610
|
ref: b,
|
|
4509
4611
|
width: P,
|
|
4510
4612
|
height: F,
|
|
4511
|
-
className:
|
|
4613
|
+
className: Ka.svg,
|
|
4512
4614
|
"aria-label": h,
|
|
4513
4615
|
role: "img",
|
|
4514
4616
|
children: [
|
|
4515
4617
|
c && A.map(({ col: e, month: n }) => /* @__PURE__ */ t("text", {
|
|
4516
4618
|
x: M + e * y,
|
|
4517
4619
|
y: 12,
|
|
4518
|
-
className:
|
|
4620
|
+
className: Ka.label,
|
|
4519
4621
|
children: n
|
|
4520
4622
|
}, `m-${e}`)),
|
|
4521
4623
|
l && j.map(({ row: e, label: n }) => /* @__PURE__ */ t("text", {
|
|
4522
4624
|
x: 0,
|
|
4523
4625
|
y: N + e * y + a - 1,
|
|
4524
|
-
className:
|
|
4626
|
+
className: Ka.label,
|
|
4525
4627
|
children: n
|
|
4526
4628
|
}, `d-${e}`)),
|
|
4527
4629
|
/* @__PURE__ */ t("g", {
|
|
@@ -4530,7 +4632,7 @@ function to({ data: e, maxLevel: r = 4, colorScale: i, cellSize: a = 12, cellGap
|
|
|
4530
4632
|
children: k.map((e, n) => /* @__PURE__ */ t("g", {
|
|
4531
4633
|
role: "row",
|
|
4532
4634
|
children: e.map((e, r) => {
|
|
4533
|
-
let i =
|
|
4635
|
+
let i = ie(e), o = C.col === n && C.row === r;
|
|
4534
4636
|
return /* @__PURE__ */ t("rect", {
|
|
4535
4637
|
"data-col": n,
|
|
4536
4638
|
"data-row": r,
|
|
@@ -4538,10 +4640,10 @@ function to({ data: e, maxLevel: r = 4, colorScale: i, cellSize: a = 12, cellGap
|
|
|
4538
4640
|
y: N + r * y,
|
|
4539
4641
|
width: a,
|
|
4540
4642
|
height: a,
|
|
4541
|
-
rx:
|
|
4542
|
-
fill:
|
|
4643
|
+
rx: I,
|
|
4644
|
+
fill: re(e),
|
|
4543
4645
|
opacity: e.future ? .35 : 1,
|
|
4544
|
-
className:
|
|
4646
|
+
className: Ka.cell,
|
|
4545
4647
|
role: "gridcell",
|
|
4546
4648
|
"aria-label": i,
|
|
4547
4649
|
"aria-disabled": e.future || void 0,
|
|
@@ -4550,12 +4652,12 @@ function to({ data: e, maxLevel: r = 4, colorScale: i, cellSize: a = 12, cellGap
|
|
|
4550
4652
|
date: e.iso,
|
|
4551
4653
|
count: e.count
|
|
4552
4654
|
}),
|
|
4553
|
-
onKeyDown: (e) =>
|
|
4655
|
+
onKeyDown: (e) => te(e, n, r),
|
|
4554
4656
|
onFocus: () => w({
|
|
4555
4657
|
col: n,
|
|
4556
4658
|
row: r
|
|
4557
4659
|
}),
|
|
4558
|
-
onMouseEnter: (e) =>
|
|
4660
|
+
onMouseEnter: (e) => ne(e, i),
|
|
4559
4661
|
onMouseLeave: () => E(null)
|
|
4560
4662
|
}, `${n}-${r}`);
|
|
4561
4663
|
})
|
|
@@ -4564,7 +4666,7 @@ function to({ data: e, maxLevel: r = 4, colorScale: i, cellSize: a = 12, cellGap
|
|
|
4564
4666
|
]
|
|
4565
4667
|
}),
|
|
4566
4668
|
T && /* @__PURE__ */ t("div", {
|
|
4567
|
-
className:
|
|
4669
|
+
className: Ka.tooltip,
|
|
4568
4670
|
style: {
|
|
4569
4671
|
left: T.x,
|
|
4570
4672
|
top: T.y
|
|
@@ -4573,26 +4675,26 @@ function to({ data: e, maxLevel: r = 4, colorScale: i, cellSize: a = 12, cellGap
|
|
|
4573
4675
|
children: T.text
|
|
4574
4676
|
}),
|
|
4575
4677
|
u && /* @__PURE__ */ n("div", {
|
|
4576
|
-
className:
|
|
4678
|
+
className: Ka.legend,
|
|
4577
4679
|
children: [
|
|
4578
4680
|
/* @__PURE__ */ t("span", {
|
|
4579
|
-
className:
|
|
4681
|
+
className: Ka.legendLabel,
|
|
4580
4682
|
children: "Less"
|
|
4581
4683
|
}),
|
|
4582
4684
|
Array.from({ length: r + 1 }, (e, n) => /* @__PURE__ */ t("svg", {
|
|
4583
4685
|
width: a,
|
|
4584
4686
|
height: a,
|
|
4585
4687
|
"aria-hidden": "true",
|
|
4586
|
-
className:
|
|
4688
|
+
className: Ka.legendCell,
|
|
4587
4689
|
children: /* @__PURE__ */ t("rect", {
|
|
4588
4690
|
width: a,
|
|
4589
4691
|
height: a,
|
|
4590
|
-
rx:
|
|
4692
|
+
rx: I,
|
|
4591
4693
|
fill: S[Math.min(n, S.length - 1)]
|
|
4592
4694
|
})
|
|
4593
4695
|
}, n)),
|
|
4594
4696
|
/* @__PURE__ */ t("span", {
|
|
4595
|
-
className:
|
|
4697
|
+
className: Ka.legendLabel,
|
|
4596
4698
|
children: "More"
|
|
4597
4699
|
})
|
|
4598
4700
|
]
|
|
@@ -4769,6 +4871,6 @@ function io({ columns: e, rows: r, rowKey: i, selectionMode: a = "none", selecte
|
|
|
4769
4871
|
});
|
|
4770
4872
|
}
|
|
4771
4873
|
//#endregion
|
|
4772
|
-
export {
|
|
4874
|
+
export { Et as ActionRow, ne as Avatar, je as Badge, Te as Banner, ua as Bin, g as Blockquote, aa as BottomSheet, ur as Box, Ot as BoxedList, Vr as BreakpointBin, v as Button, fa as ButtonContent, Ur as ButtonRow, M as Card, la as Carousel, sa as CarouselIndicatorDots, ca as CarouselIndicatorLines, si as CheckRow, ce as Checkbox, mr as Chip, Qn as Clamp, io as ColumnView, Ai as ComboRow, to as ContributionGraph, xn as Dialog, Bn as Dropdown, Mi as EntryRow, $r as ExpanderRow, ke as Footer, Qr as Frame, He as GNOME_BREAKPOINTS, De as HeaderBar, L as Icon, ri as InlineViewSwitcher, ii as InlineViewSwitcherItem, ir as Link, Xr as LinkedGroup, Yi as NavigationPage, $n as NavigationSplitView, Xi as NavigationView, er as OverlaySplitView, Pi as PasswordEntryRow, Ga as PathBar, Xn as Popover, Ha as PreferencesDialog, xa as PreferencesGroup, Ca as PreferencesPage, me as ProgressBar, fe as RadioButton, ze as SearchBar, ie as Separator, ha as ShortcutLabel, Fr as ShortcutsDialog, ft as Sidebar, ct as SidebarCollapsedContext, vt as SidebarItem, pt as SidebarSection, Gn as Slider, Jr as Spacer, St as SpinButton, Ri as SpinRow, P as Spinner, Gr as SplitButton, Ve as StatusPage, oe as Switch, oi as SwitchRow, Ct as TabBar, wt as TabItem, Tt as TabPanel, O as Text, ue as TextField, Ua as Timeline, Vt as Toast, Ht as Toaster, cr as ToggleGroup, lr as ToggleGroupItem, qr as Toolbar, _a as ToolbarView, _t as Tooltip, At as ViewSwitcher, nr as ViewSwitcherBar, jt as ViewSwitcherItem, zr as ViewSwitcherSidebar, Br as ViewSwitcherSidebarItem, ya as WindowTitle, fr as WrapBox, Ue as useBreakpoint, Ji as useNavigation, lt as useSidebarCollapsed };
|
|
4773
4875
|
|
|
4774
4876
|
//# sourceMappingURL=index.js.map
|