@base-framework/ui 1.2.20 → 1.2.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/atoms.es.js +1 -1
- package/dist/{confirmation-QkXVHhvn.js → confirmation-vmRFmz5-.js} +1 -1
- package/dist/{full-page-CVk1ktxH.js → full-page-B0KVK4o6.js} +446 -446
- package/dist/index.es.js +5 -5
- package/dist/molecules.es.js +2 -2
- package/dist/organisms.es.js +3 -3
- package/dist/pages.es.js +2 -2
- package/dist/{sidebar-menu-BB-kiQYJ.js → sidebar-menu--8cXFwG_.js} +1 -1
- package/dist/{sidebar-menu-page-CKeqF3ax.js → sidebar-menu-page-KDMXr1Zk.js} +2 -2
- package/dist/{signature-panel-CnW3kO7u.js → signature-panel-BlvH_TqX.js} +1 -1
- package/package.json +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { I as Y, Span as g, Button as w, OnState as T, Div as o, Legend as
|
|
2
|
-
import { Atom as r, Jot as M, Component as C, Html as
|
|
1
|
+
import { I as Y, Span as g, Button as w, OnState as T, Div as o, Legend as at, Fieldset as ot, H4 as Ee, P as k, Label as V, Checkbox as ce, Input as p, Textarea as lt, UseParent as W, Img as de, H5 as rt, H2 as J, Form as it, Header as Z, Footer as ue, A as Ue, H3 as he, Nav as fe, Ul as X, Li as ge, OnStateOpen as me, On as Q, Dialog as ct, Th as Ye, Thead as dt, Tr as ut, Table as be, Time as ht, H1 as ft } from "@base-framework/atoms";
|
|
2
|
+
import { Atom as r, Jot as M, Component as C, Html as gt, Data as z, Events as j, DateTime as ee, NavLink as mt, router as ve, DataTracker as Ve } from "@base-framework/base";
|
|
3
3
|
import { Icons as u } from "./icons.es.js";
|
|
4
|
-
import { Timer as
|
|
4
|
+
import { Timer as bt, TableBody as xt, DataTableBody as pt, ScrollableTableBody as yt, List as wt } from "@base-framework/organisms";
|
|
5
5
|
import { F as U } from "./format-DE4rFWuD.js";
|
|
6
|
-
import { F as
|
|
7
|
-
const
|
|
6
|
+
import { F as vt } from "./bside-template-C7AQgQ6H.js";
|
|
7
|
+
const kt = {
|
|
8
8
|
xs: "w-4 h-4",
|
|
9
9
|
sm: "w-6 h-6",
|
|
10
10
|
md: "w-8 h-8",
|
|
@@ -13,7 +13,7 @@ const vt = {
|
|
|
13
13
|
"2xl": "w-14 h-14",
|
|
14
14
|
"3xl": "w-16 h-16"
|
|
15
15
|
}, ie = r((e, t) => {
|
|
16
|
-
const s =
|
|
16
|
+
const s = kt[e.size || "sm"];
|
|
17
17
|
return Y({
|
|
18
18
|
...e,
|
|
19
19
|
// @ts-ignore
|
|
@@ -69,7 +69,7 @@ const vt = {
|
|
|
69
69
|
}) : typeof t == "string" ? $e({
|
|
70
70
|
...e,
|
|
71
71
|
name: t
|
|
72
|
-
}) : ie(e, t) : null,
|
|
72
|
+
}) : ie(e, t) : null, ia = (e) => e ? !!(typeof e == "object" && e.name || typeof e == "string" && !e.includes("<svg")) : !1, ca = (e) => typeof e == "string" && e.includes("<svg"), De = {
|
|
73
73
|
gray: {
|
|
74
74
|
backgroundColor: "bg-gray-50",
|
|
75
75
|
textColor: "text-gray-600",
|
|
@@ -150,11 +150,11 @@ const vt = {
|
|
|
150
150
|
textColor: "text-foreground",
|
|
151
151
|
ringColor: "ring-white/10"
|
|
152
152
|
}
|
|
153
|
-
},
|
|
154
|
-
const s =
|
|
153
|
+
}, Ct = (e) => De[e] || De.gray, St = (e, t = {}) => {
|
|
154
|
+
const s = Ct(e), n = t.backgroundColor ?? s.backgroundColor, a = t.textColor ?? s.textColor, l = t.ringColor ?? s.ringColor;
|
|
155
155
|
return `inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors ${n} ${a} ${l}`;
|
|
156
|
-
},
|
|
157
|
-
const { type: s, icon: n, size: a = "xs", backgroundColor: l, textColor: i, ringColor: c, ...h } = e, m =
|
|
156
|
+
}, da = r((e, t) => {
|
|
157
|
+
const { type: s, icon: n, size: a = "xs", backgroundColor: l, textColor: i, ringColor: c, ...h } = e, m = St(s, { backgroundColor: l, textColor: i, ringColor: c });
|
|
158
158
|
return g({ ...h, class: m }, [
|
|
159
159
|
n ? x({ size: a, class: "mr-1" }, n) : null,
|
|
160
160
|
...t || []
|
|
@@ -178,7 +178,7 @@ const O = (e) => (
|
|
|
178
178
|
/** @type {VeilComponentConstructor} */
|
|
179
179
|
M(e, We)
|
|
180
180
|
);
|
|
181
|
-
class
|
|
181
|
+
class ua extends We {
|
|
182
182
|
/**
|
|
183
183
|
* Declare public props and their defaults.
|
|
184
184
|
*/
|
|
@@ -237,7 +237,7 @@ const ne = {
|
|
|
237
237
|
xl: "w-14 h-14",
|
|
238
238
|
"2xl": "w-16 h-16"
|
|
239
239
|
};
|
|
240
|
-
class
|
|
240
|
+
class ha extends C {
|
|
241
241
|
/**
|
|
242
242
|
* Declare public props.
|
|
243
243
|
*/
|
|
@@ -283,7 +283,7 @@ class ua extends C {
|
|
|
283
283
|
]);
|
|
284
284
|
}
|
|
285
285
|
}
|
|
286
|
-
const
|
|
286
|
+
const fa = r((e, t) => {
|
|
287
287
|
const s = e.size || "md", n = ne[s] || ne.md, a = ["xs", "sm"].includes(s) ? "xs" : "sm";
|
|
288
288
|
return w({
|
|
289
289
|
...e,
|
|
@@ -294,7 +294,7 @@ const ha = r((e, t) => {
|
|
|
294
294
|
e.icon ? x({ size: a }, e.icon) : null,
|
|
295
295
|
...t || []
|
|
296
296
|
]);
|
|
297
|
-
}),
|
|
297
|
+
}), qe = globalThis.history?.length ?? 0, R = (e) => r((t, s) => w({
|
|
298
298
|
...e,
|
|
299
299
|
...t,
|
|
300
300
|
// @ts-ignore
|
|
@@ -316,33 +316,33 @@ const ha = r((e, t) => {
|
|
|
316
316
|
...t,
|
|
317
317
|
// @ts-ignore
|
|
318
318
|
class: `bttn ${e.class} ${t.class || ""}`
|
|
319
|
-
}, s)),
|
|
320
|
-
const t = globalThis.history.length, s =
|
|
319
|
+
}, s)), $t = (e) => {
|
|
320
|
+
const t = globalThis.history.length, s = t > qe;
|
|
321
321
|
return () => {
|
|
322
322
|
const a = globalThis.history.length - t, l = a + 1;
|
|
323
|
-
if (e.allowHistory === !0 && (
|
|
323
|
+
if (e.allowHistory === !0 && (s || a > 0)) {
|
|
324
324
|
globalThis.history.go(-l);
|
|
325
325
|
return;
|
|
326
326
|
}
|
|
327
327
|
e.backUrl && app.navigate(e.backUrl);
|
|
328
328
|
};
|
|
329
|
-
},
|
|
329
|
+
}, Dt = (e) => r((t, s) => (t.icon = t.icon || u.arrows.left, t.click = t.click || $t(t), xe({
|
|
330
330
|
...e,
|
|
331
331
|
...t
|
|
332
|
-
}, s))),
|
|
333
|
-
const t = globalThis.history.length, s =
|
|
332
|
+
}, s))), It = (e) => {
|
|
333
|
+
const t = globalThis.history.length, s = t > qe;
|
|
334
334
|
return () => {
|
|
335
335
|
const a = globalThis.history.length - t, l = a + 1;
|
|
336
|
-
if (
|
|
336
|
+
if (s || a > 0) {
|
|
337
337
|
globalThis.history.go(-l);
|
|
338
338
|
return;
|
|
339
339
|
}
|
|
340
340
|
e.backUrl && app.navigate(e.backUrl);
|
|
341
341
|
};
|
|
342
|
-
},
|
|
342
|
+
}, Tt = (e) => r((t, s) => (t.icon = t.icon || u.arrows.left, t.click = t.click || It(t), xe({
|
|
343
343
|
...e,
|
|
344
344
|
...t
|
|
345
|
-
}, s))),
|
|
345
|
+
}, s))), Mt = r((e, t) => {
|
|
346
346
|
const s = e.size || "md", n = {
|
|
347
347
|
xs: "w-6 h-6",
|
|
348
348
|
sm: "w-8 h-8",
|
|
@@ -360,41 +360,41 @@ const ha = r((e, t) => {
|
|
|
360
360
|
...t || []
|
|
361
361
|
]);
|
|
362
362
|
}), Te = {
|
|
363
|
-
primary:
|
|
364
|
-
secondary:
|
|
365
|
-
destructive:
|
|
366
|
-
warning:
|
|
367
|
-
outline:
|
|
368
|
-
ghost:
|
|
369
|
-
link:
|
|
363
|
+
primary: R({ class: "primary" }),
|
|
364
|
+
secondary: R({ class: "secondary" }),
|
|
365
|
+
destructive: R({ class: "destructive" }),
|
|
366
|
+
warning: R({ class: "warning" }),
|
|
367
|
+
outline: R({ class: "outline" }),
|
|
368
|
+
ghost: R({ class: "ghost" }),
|
|
369
|
+
link: R({ class: "link" }),
|
|
370
370
|
icon: Ie({ class: "icon" }),
|
|
371
371
|
withIcon: Ie({ class: "with-icon" }),
|
|
372
|
-
back:
|
|
373
|
-
smartBack:
|
|
374
|
-
circleIcon:
|
|
375
|
-
}, b = r((e, t) => (Te[e.variant] || Te.primary)(e, t)),
|
|
372
|
+
back: Dt({ class: "with-icon back-button" }),
|
|
373
|
+
smartBack: Tt({ class: "with-icon back-button" }),
|
|
374
|
+
circleIcon: Mt
|
|
375
|
+
}, b = r((e, t) => (Te[e.variant] || Te.primary)(e, t)), ga = r((e, t) => b({ ...e, variant: "withIcon", icon: u.loading, animation: "animate-spin" }, t)), Bt = r((e, t) => {
|
|
376
376
|
const s = e.margin ?? "my-5 mx-5", n = e.padding ?? "p-4", a = e.border ?? "border-border";
|
|
377
377
|
return e.hover && (e.class += " hover:shadow-lg hover:bg-muted/50"), o({
|
|
378
378
|
...e,
|
|
379
379
|
// @ts-ignore
|
|
380
380
|
class: `rounded-lg ${a} bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${s} ${n} ${e.class || ""}`
|
|
381
381
|
}, t);
|
|
382
|
-
}),
|
|
382
|
+
}), Pt = r((e, t) => at({
|
|
383
383
|
...e,
|
|
384
384
|
// @ts-ignore
|
|
385
385
|
class: ` font-medium -mt-4 -mx-1 px-2 py-2 ${e.class || ""}`
|
|
386
|
-
}, t)),
|
|
386
|
+
}, t)), ma = r((e, t) => {
|
|
387
387
|
const s = e.border === "full" ? "border rounded-md" : "border-t";
|
|
388
|
-
return
|
|
388
|
+
return ot({
|
|
389
389
|
...e,
|
|
390
390
|
// @ts-ignore
|
|
391
391
|
class: `p-6 ${s} ${e.class || ""}`
|
|
392
392
|
}, [
|
|
393
393
|
// @ts-ignore
|
|
394
|
-
e.legend &&
|
|
394
|
+
e.legend && Pt(e.legend),
|
|
395
395
|
o({ class: "flex flex-auto flex-col gap-y-6" }, t)
|
|
396
396
|
]);
|
|
397
|
-
}),
|
|
397
|
+
}), zt = r((e, t) => {
|
|
398
398
|
const s = e.border === !0 ? "border-t" : "";
|
|
399
399
|
return o({
|
|
400
400
|
...e,
|
|
@@ -416,7 +416,7 @@ const ha = r((e, t) => {
|
|
|
416
416
|
// Controls container: grows to fill remaining space, spacing between items
|
|
417
417
|
o({ class: "flex flex-col gap-y-4" }, t)
|
|
418
418
|
]);
|
|
419
|
-
}),
|
|
419
|
+
}), Ot = "flex h-10 w-full px-3 py-2 text-sm", B = "rounded-md border border-border bg-input", I = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", D = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", H = "placeholder:text-muted-foreground", pe = `${Ot} ${B} ${I} ${H} ${D}`, Nt = ({ id: e, checked: t, bind: s, required: n }) => ce({
|
|
420
420
|
id: e,
|
|
421
421
|
cache: "checkbox",
|
|
422
422
|
class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
|
|
@@ -426,7 +426,7 @@ const ha = r((e, t) => {
|
|
|
426
426
|
required: n,
|
|
427
427
|
checked: t,
|
|
428
428
|
bind: s
|
|
429
|
-
}),
|
|
429
|
+
}), Lt = () => g({ class: "absolute text-xs pointer-events-none" }, [
|
|
430
430
|
T(
|
|
431
431
|
"checked",
|
|
432
432
|
(e) => e ? Y({
|
|
@@ -454,13 +454,13 @@ const ha = r((e, t) => {
|
|
|
454
454
|
tabIndex: 0,
|
|
455
455
|
click: a
|
|
456
456
|
}, [
|
|
457
|
-
|
|
458
|
-
|
|
457
|
+
Nt({ bind: t, checked: s, id: e, required: n }),
|
|
458
|
+
Lt()
|
|
459
459
|
]), Ft = ({ id: e, label: t, clickHandler: s }) => V({
|
|
460
460
|
class: "text-base cursor-pointer",
|
|
461
461
|
htmlFor: e,
|
|
462
462
|
click: s
|
|
463
|
-
}, t),
|
|
463
|
+
}, t), jt = M(
|
|
464
464
|
{
|
|
465
465
|
/**
|
|
466
466
|
* This will initialize the state of the checkbox.
|
|
@@ -515,18 +515,18 @@ const ha = r((e, t) => {
|
|
|
515
515
|
]);
|
|
516
516
|
}
|
|
517
517
|
}
|
|
518
|
-
),
|
|
518
|
+
), Ht = (e) => {
|
|
519
519
|
if (!e || e.length === 0) return "";
|
|
520
520
|
const s = e.replace(/\D/g, "").match(/^(\d{0,3})(\d{0,3})(\d{0,4})$/);
|
|
521
521
|
return s ? s[2] ? `(${s[1]}) ${s[2]}${s[3] ? "-" + s[3] : ""}` : s[1] || "" : e;
|
|
522
|
-
},
|
|
523
|
-
const t = e.target, s =
|
|
522
|
+
}, At = (e) => {
|
|
523
|
+
const t = e.target, s = Ht(t.value);
|
|
524
524
|
s && (t.value = s);
|
|
525
525
|
}, N = r((e) => p({
|
|
526
526
|
...e,
|
|
527
527
|
// @ts-ignore
|
|
528
528
|
class: `${pe} ${e.class || ""}`.trim()
|
|
529
|
-
})),
|
|
529
|
+
})), ba = r((e) => N({
|
|
530
530
|
...e,
|
|
531
531
|
type: "tel",
|
|
532
532
|
// @ts-ignore
|
|
@@ -536,8 +536,8 @@ const ha = r((e, t) => {
|
|
|
536
536
|
placeholder: "(555) 555-5555",
|
|
537
537
|
// @ts-ignore
|
|
538
538
|
pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
|
|
539
|
-
keyup:
|
|
540
|
-
})),
|
|
539
|
+
keyup: At
|
|
540
|
+
})), xa = r((e) => N({
|
|
541
541
|
...e,
|
|
542
542
|
type: "email",
|
|
543
543
|
// @ts-ignore
|
|
@@ -545,47 +545,47 @@ const ha = r((e, t) => {
|
|
|
545
545
|
// @ts-ignore
|
|
546
546
|
label: e.label || "Email",
|
|
547
547
|
placeholder: "Email address"
|
|
548
|
-
})),
|
|
548
|
+
})), pa = r((e) => lt({
|
|
549
549
|
...e,
|
|
550
550
|
as: "textarea",
|
|
551
551
|
// @ts-ignore
|
|
552
552
|
class: `flex w-full h-24 px-3 py-2 text-sm ${B} ${I} ${H} ${D} ${e.class || ""}`.trim()
|
|
553
|
-
})),
|
|
553
|
+
})), ya = (e = {}) => o({ class: "flex items-center gap-x-2" }, [
|
|
554
554
|
p({
|
|
555
555
|
...e,
|
|
556
556
|
type: "radio",
|
|
557
557
|
class: "cursor-pointer appearance-none h-4 w-4 border rounded-full checked:border-primary checked:bg-primary focus:ring focus:ring-primary".trim()
|
|
558
558
|
}),
|
|
559
559
|
e.label && V({ forHTML: e.value, class: "cursor-pointer" }, e.label)
|
|
560
|
-
]),
|
|
560
|
+
]), wa = r((e) => p({
|
|
561
561
|
...e,
|
|
562
562
|
type: "date",
|
|
563
563
|
// @ts-ignore
|
|
564
564
|
class: `${B} ${I} ${H} ${D} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
|
|
565
|
-
})),
|
|
565
|
+
})), va = r((e) => p({
|
|
566
566
|
...e,
|
|
567
567
|
type: "time",
|
|
568
568
|
// @ts-ignore
|
|
569
569
|
class: `${B} ${I} ${H} ${D} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
|
|
570
|
-
})),
|
|
570
|
+
})), ka = r((e) => p({
|
|
571
571
|
...e,
|
|
572
572
|
type: "datetime-local",
|
|
573
573
|
// @ts-ignore
|
|
574
574
|
class: `${B} ${I} ${H} ${D} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
|
|
575
|
-
})),
|
|
575
|
+
})), Ca = r((e) => p({
|
|
576
576
|
...e,
|
|
577
577
|
type: "month",
|
|
578
578
|
// @ts-ignore
|
|
579
579
|
class: `${B} ${I} ${H} ${D} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
|
|
580
|
-
})),
|
|
580
|
+
})), Sa = r((e) => p({
|
|
581
581
|
...e,
|
|
582
582
|
type: "week",
|
|
583
583
|
// @ts-ignore
|
|
584
584
|
class: `${B} ${I} ${H} ${D} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
|
|
585
|
-
})),
|
|
585
|
+
})), $a = r((e) => N({
|
|
586
586
|
...e,
|
|
587
587
|
type: "number"
|
|
588
|
-
})),
|
|
588
|
+
})), Da = r((e) => N({
|
|
589
589
|
...e,
|
|
590
590
|
type: "password"
|
|
591
591
|
}));
|
|
@@ -593,13 +593,13 @@ r((e) => N({
|
|
|
593
593
|
...e,
|
|
594
594
|
type: "search"
|
|
595
595
|
}));
|
|
596
|
-
const
|
|
596
|
+
const Ia = r((e) => N({
|
|
597
597
|
...e,
|
|
598
598
|
type: "url"
|
|
599
|
-
})),
|
|
599
|
+
})), Ta = r((e) => N({
|
|
600
600
|
...e,
|
|
601
601
|
type: "hidden"
|
|
602
|
-
})),
|
|
602
|
+
})), Ma = r((e) => p({
|
|
603
603
|
...e,
|
|
604
604
|
type: "color",
|
|
605
605
|
// @ts-ignore
|
|
@@ -610,12 +610,12 @@ r((e) => ce({
|
|
|
610
610
|
// @ts-ignore
|
|
611
611
|
class: `flex h-4 w-4 text-foreground ${B} ${I} ${D} ${e.class || ""}`.trim()
|
|
612
612
|
}));
|
|
613
|
-
const
|
|
613
|
+
const Et = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", Ba = r((e) => p({
|
|
614
614
|
...e,
|
|
615
615
|
type: "file",
|
|
616
616
|
// @ts-ignore
|
|
617
|
-
class: `${pe} ${
|
|
618
|
-
})),
|
|
617
|
+
class: `${pe} ${Et} ${e.class || ""}`.trim()
|
|
618
|
+
})), Pa = O(
|
|
619
619
|
{
|
|
620
620
|
/**
|
|
621
621
|
* This will create the initial state of the RangeSlider.
|
|
@@ -687,15 +687,15 @@ const At = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
|
|
|
687
687
|
]);
|
|
688
688
|
}
|
|
689
689
|
}
|
|
690
|
-
),
|
|
690
|
+
), za = r((e) => ({
|
|
691
691
|
tag: "select",
|
|
692
692
|
onCreated(t) {
|
|
693
|
-
e.options &&
|
|
693
|
+
e.options && gt.setupSelectOptions(t, e.options);
|
|
694
694
|
},
|
|
695
695
|
...e,
|
|
696
696
|
// @ts-ignore
|
|
697
697
|
class: `${pe} ${e.class || ""}`.trim()
|
|
698
|
-
})),
|
|
698
|
+
})), Ut = r(({ src: e, alt: t, class: s, checkPath: n = !0 }) => !e || (s = s || "", n && e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : de({
|
|
699
699
|
class: `absolute w-full h-full object-cover fadeIn ${s}`,
|
|
700
700
|
src: e,
|
|
701
701
|
alt: t,
|
|
@@ -704,7 +704,7 @@ const At = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
|
|
|
704
704
|
* If there's an error loading the image, hide it.
|
|
705
705
|
*/
|
|
706
706
|
error: (a) => a.target.style.visibility = "hidden"
|
|
707
|
-
})),
|
|
707
|
+
})), Yt = (e) => !e || isNaN(e) ? null : e, Me = (e, t) => {
|
|
708
708
|
const s = e, n = 16, a = 2 * Math.PI * n, l = s / 100 * a, i = `
|
|
709
709
|
<svg class="w-40 h-40 mx-auto" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
|
|
710
710
|
<!-- Background Circle -->
|
|
@@ -747,20 +747,20 @@ const At = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
|
|
|
747
747
|
class: "circle-graph text-inherit",
|
|
748
748
|
html: i
|
|
749
749
|
});
|
|
750
|
-
},
|
|
750
|
+
}, Oa = r((e) => {
|
|
751
751
|
const t = e.progress || 0, s = e.class || "", n = Me(t, s);
|
|
752
752
|
return o({
|
|
753
753
|
class: "circle-graph-wrap",
|
|
754
754
|
onSet: [
|
|
755
755
|
// @ts-ignore
|
|
756
756
|
e.prop,
|
|
757
|
-
(a) => (a =
|
|
757
|
+
(a) => (a = Yt(a), a ? Me(a, s) : n)
|
|
758
758
|
]
|
|
759
759
|
}, [n]);
|
|
760
|
-
}),
|
|
760
|
+
}), Vt = () => W(({ state: e }) => o({
|
|
761
761
|
class: "absolute h-full rounded-full bg-primary transition-all duration-300",
|
|
762
762
|
style: ["width: [[progress]]%;", e]
|
|
763
|
-
})),
|
|
763
|
+
})), Na = O(
|
|
764
764
|
{
|
|
765
765
|
/**
|
|
766
766
|
* This will render the progress bar component.
|
|
@@ -769,7 +769,7 @@ const At = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
|
|
|
769
769
|
*/
|
|
770
770
|
render() {
|
|
771
771
|
return o({ class: "relative w-full h-4 rounded-full bg-muted" }, [
|
|
772
|
-
|
|
772
|
+
Vt()
|
|
773
773
|
]);
|
|
774
774
|
},
|
|
775
775
|
/**
|
|
@@ -812,7 +812,7 @@ const At = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
|
|
|
812
812
|
e < 0 && (e = 0), e > 100 && (e = 100), this.state.progress = e;
|
|
813
813
|
}
|
|
814
814
|
}
|
|
815
|
-
),
|
|
815
|
+
), La = r((e = {}) => {
|
|
816
816
|
const {
|
|
817
817
|
class: t = "",
|
|
818
818
|
background: s = !0,
|
|
@@ -863,8 +863,8 @@ const At = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
|
|
|
863
863
|
"bottom-left": "top-full right-full transform translate-x-1 mt-2",
|
|
864
864
|
left: "top-1/2 right-full transform -translate-y-1/2 mr-2",
|
|
865
865
|
right: "top-1/2 left-full transform -translate-y-1/2 ml-2"
|
|
866
|
-
},
|
|
867
|
-
const n =
|
|
866
|
+
}, Wt = (e) => Be[String(e)] || Be.top, Fa = r(({ position: e = "top", content: t }, s) => {
|
|
867
|
+
const n = Wt(e);
|
|
868
868
|
return Array.isArray(s) === !1 && (s = [s]), o({ class: "relative group inline-block" }, [
|
|
869
869
|
...s,
|
|
870
870
|
// Tooltip box
|
|
@@ -901,19 +901,19 @@ const At = "file:border-0 file:bg-transparent file:text-sm file:font-medium file
|
|
|
901
901
|
bgColor: "bg-muted/10",
|
|
902
902
|
iconColor: "text-muted-foreground"
|
|
903
903
|
}
|
|
904
|
-
},
|
|
904
|
+
}, qt = (e, t) => o({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
|
|
905
905
|
x({ size: "sm" }, e)
|
|
906
|
-
]),
|
|
906
|
+
]), Gt = (e) => rt({ class: "font-semibold" }, e), _t = (e) => k({ class: "text-sm text-muted-foreground" }, e), ja = r(({ title: e, description: t, icon: s, type: n = "default" }) => {
|
|
907
907
|
const { borderColor: a, bgColor: l, iconColor: i } = Pe[n] || Pe.default;
|
|
908
908
|
return o({ class: `flex items-start p-4 border rounded-lg ${l} ${a}` }, [
|
|
909
909
|
// Icon and content
|
|
910
|
-
s &&
|
|
910
|
+
s && qt(s, i),
|
|
911
911
|
o({ class: "flex flex-col" }, [
|
|
912
|
-
|
|
913
|
-
|
|
912
|
+
Gt(e),
|
|
913
|
+
_t(t)
|
|
914
914
|
])
|
|
915
915
|
]);
|
|
916
|
-
}),
|
|
916
|
+
}), Kt = (e, t) => {
|
|
917
917
|
const s = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, n = t.getBoundingClientRect(), a = 10, l = globalThis.scrollX, i = globalThis.scrollY;
|
|
918
918
|
let c = s.left + l, h = s.bottom + i;
|
|
919
919
|
const m = globalThis.innerHeight - s.bottom, v = s.top;
|
|
@@ -996,7 +996,7 @@ class te extends C {
|
|
|
996
996
|
* @returns {void}
|
|
997
997
|
*/
|
|
998
998
|
updatePosition() {
|
|
999
|
-
const t = this.button ?? null, s = this.panel, n =
|
|
999
|
+
const t = this.button ?? null, s = this.panel, n = Kt(t, s);
|
|
1000
1000
|
this.data.position = n;
|
|
1001
1001
|
}
|
|
1002
1002
|
/**
|
|
@@ -1048,29 +1048,29 @@ class te extends C {
|
|
|
1048
1048
|
this?.panel?.hidePopover();
|
|
1049
1049
|
}
|
|
1050
1050
|
}
|
|
1051
|
-
const
|
|
1051
|
+
const Qt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t)), Jt = r((e, t) => V({ ...e, class: "flex auto text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, t)), Zt = r((e, t) => k({ ...e, class: "text-sm text-muted-foreground italic" }, t)), Xt = r((e, t) => k({ ...e, class: "text-sm text-destructive" }, t)), Ha = r((e, t = []) => Bt({ class: "flex flex-auto flex-col gap-y-0", margin: "m-0", padding: "p-0" }, [
|
|
1052
1052
|
// @ts-ignore
|
|
1053
1053
|
e.title && J({ class: "text-lg font-semibold py-4 px-6" }, e.title),
|
|
1054
1054
|
// @ts-ignore
|
|
1055
1055
|
e.description && k({ class: "text-sm text-muted-foreground pb-4 px-6 max-w-[700px]" }, e.description),
|
|
1056
1056
|
...t
|
|
1057
|
-
])),
|
|
1057
|
+
])), Aa = r((e, t = []) => (
|
|
1058
1058
|
// @ts-ignore
|
|
1059
|
-
|
|
1059
|
+
zt({ label: e.label, description: e.description, class: "py-4 px-6", border: e.border }, [
|
|
1060
1060
|
o({ class: "flex flex-col gap-y-6" }, t)
|
|
1061
1061
|
])
|
|
1062
|
-
)),
|
|
1062
|
+
)), Ea = r((e, t = []) => {
|
|
1063
1063
|
const s = e.border ? "border-t" : "";
|
|
1064
1064
|
return o({ ...e, class: `flex flex-col pb-4 px-6 gap-y-4 ${s} ${e.class || ""}` }, t);
|
|
1065
|
-
}),
|
|
1065
|
+
}), es = (e) => e.tag === "input" || e.tag === "select" || e.tag === "textarea", Ge = (e, t, s) => e.map((n) => !n || (n.children && n.children.length > 0 && (n.children = Ge(n.children, t, s)), !n.required) ? n : es(n) ? {
|
|
1066
1066
|
...n,
|
|
1067
1067
|
aria: {
|
|
1068
1068
|
invalid: ["hasError"]
|
|
1069
1069
|
},
|
|
1070
1070
|
invalid: s,
|
|
1071
1071
|
input: t
|
|
1072
|
-
} : n),
|
|
1073
|
-
const a =
|
|
1072
|
+
} : n), ts = r((e, t) => {
|
|
1073
|
+
const a = Ge(t, (l) => {
|
|
1074
1074
|
l.target.checkValidity() && e.setError(null);
|
|
1075
1075
|
}, (l) => {
|
|
1076
1076
|
e.setError(l.target.validationMessage);
|
|
@@ -1079,7 +1079,7 @@ const Kt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
|
|
|
1079
1079
|
...e,
|
|
1080
1080
|
class: "w-full"
|
|
1081
1081
|
}, a);
|
|
1082
|
-
}),
|
|
1082
|
+
}), Ua = O(
|
|
1083
1083
|
{
|
|
1084
1084
|
/**
|
|
1085
1085
|
* The initial state of the FormField.
|
|
@@ -1104,41 +1104,41 @@ const Kt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
|
|
|
1104
1104
|
this.state.error = l, this.state.hasError = !!l;
|
|
1105
1105
|
};
|
|
1106
1106
|
return o({ class: "flex flex-auto gap-y-4" }, [
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1107
|
+
Qt([
|
|
1108
|
+
Jt({ htmlFor: t }, s),
|
|
1109
|
+
ts({
|
|
1110
1110
|
id: t,
|
|
1111
1111
|
name: e,
|
|
1112
1112
|
value: this.state.value,
|
|
1113
1113
|
setError: a
|
|
1114
1114
|
}, this.children),
|
|
1115
|
-
n &&
|
|
1116
|
-
o({ onState: ["error", (l) => l &&
|
|
1115
|
+
n && Zt({ id: this.getId("description") }, n),
|
|
1116
|
+
o({ onState: ["error", (l) => l && Xt(l)] })
|
|
1117
1117
|
])
|
|
1118
1118
|
]);
|
|
1119
1119
|
}
|
|
1120
1120
|
}
|
|
1121
|
-
),
|
|
1121
|
+
), ss = (e, t, s = null) => {
|
|
1122
1122
|
e.target.checkValidity() && (e.preventDefault(), s && s(e, t));
|
|
1123
|
-
},
|
|
1123
|
+
}, _e = r(
|
|
1124
1124
|
(e, t) => (
|
|
1125
1125
|
// @ts-ignore
|
|
1126
|
-
|
|
1126
|
+
it({ ...e, submit: (s, n) => ss(s, n, e.submit), class: `w-full ${e.class ?? ""}` }, t)
|
|
1127
1127
|
)
|
|
1128
|
-
),
|
|
1128
|
+
), Ya = r((e, t) => (
|
|
1129
1129
|
// @ts-ignore
|
|
1130
1130
|
o({ ...e, class: `flex flex-auto flex-col gap-y-6 p-4 md:p-6 divide-y ${e.class || ""}` }, t)
|
|
1131
|
-
)),
|
|
1131
|
+
)), Va = r((e, t = []) => o({ class: "flex flex-col gap-y-3 py-4" }, [
|
|
1132
1132
|
// @ts-ignore
|
|
1133
1133
|
e.title && J({ class: "font-semibold" }, e.title),
|
|
1134
1134
|
...t
|
|
1135
|
-
])),
|
|
1135
|
+
])), Wa = (e, t) => o({ class: "flex justify-between" }, [
|
|
1136
1136
|
g({ class: "text-muted-foreground" }, e),
|
|
1137
1137
|
g(t)
|
|
1138
|
-
]),
|
|
1138
|
+
]), qa = (e, t) => o({ class: "flex" }, [
|
|
1139
1139
|
g({ class: "text-muted-foreground mr-8 w-24 truncate text-nowrap" }, e),
|
|
1140
1140
|
g(t)
|
|
1141
|
-
]),
|
|
1141
|
+
]), ns = r(({ title: e, description: t, back: s, icon: n, options: a = [] }) => Z({ class: "modal-header bg-background/80 backdrop-blur-md sticky flex flex-none items-center py-4 px-6 z-10 min-w-0" }, [
|
|
1142
1142
|
/**
|
|
1143
1143
|
* Back Button (Mobile Only)
|
|
1144
1144
|
*/
|
|
@@ -1161,7 +1161,7 @@ const Kt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
|
|
|
1161
1161
|
]),
|
|
1162
1162
|
o({ class: "flex flex-none items-center gap-2" }, a)
|
|
1163
1163
|
])
|
|
1164
|
-
])),
|
|
1164
|
+
])), Ga = r((e, t) => {
|
|
1165
1165
|
const s = e.class?.includes("drawer");
|
|
1166
1166
|
return o({
|
|
1167
1167
|
popover: "manual",
|
|
@@ -1171,7 +1171,7 @@ const Kt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
|
|
|
1171
1171
|
l.target === i.panel && (l.preventDefault(), l.stopPropagation(), i.state.open = !1);
|
|
1172
1172
|
}
|
|
1173
1173
|
}, [
|
|
1174
|
-
|
|
1174
|
+
_e({
|
|
1175
1175
|
class: "modal-content relative bg-background z-1 flex flex-auto flex-col gap-y-4 min-w-0",
|
|
1176
1176
|
// @ts-ignore
|
|
1177
1177
|
submit: (l, i) => e.onSubmit && e.onSubmit(i),
|
|
@@ -1179,7 +1179,7 @@ const Kt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
|
|
|
1179
1179
|
// @ts-ignore
|
|
1180
1180
|
...e.gestureHandlers
|
|
1181
1181
|
}, [
|
|
1182
|
-
|
|
1182
|
+
ns(e),
|
|
1183
1183
|
o({ class: "modal-body flex grow flex-col py-0 px-6 z-0", cache: "modalBody" }, t),
|
|
1184
1184
|
// @ts-ignore
|
|
1185
1185
|
!e.hideFooter && ue({ class: "modal-footer sticky bottom-0 bg-background/80 backdrop-blur-md flex flex-none justify-between py-4 px-6 z-10" }, e.buttons)
|
|
@@ -1211,22 +1211,22 @@ const Kt = r((e, t) => o({ ...e, class: "flex flex-auto flex-col gap-y-2" }, t))
|
|
|
1211
1211
|
borderColor: "border",
|
|
1212
1212
|
iconColor: "text-muted-foreground"
|
|
1213
1213
|
}
|
|
1214
|
-
},
|
|
1214
|
+
}, as = (e) => Z({ class: "flex justify-center" }, [
|
|
1215
1215
|
he({ class: "text-lg font-bold mb-0" }, e)
|
|
1216
|
-
]),
|
|
1216
|
+
]), os = r(({ href: e, class: t }, s) => Ue({
|
|
1217
1217
|
class: `bg-popover text-popover-foreground relative flex flex-auto flex-col justify-start shadow-lg pointer-events-auto p-4 border rounded-md min-w-[340px] max-w-[450px] mt-4 ${t}`,
|
|
1218
1218
|
href: e,
|
|
1219
1219
|
animateIn: "pullRightIn",
|
|
1220
1220
|
animateOut: "pullRight",
|
|
1221
1221
|
role: "alert"
|
|
1222
|
-
}, s)),
|
|
1222
|
+
}, s)), ls = r(({ close: e, class: t }, s) => o({
|
|
1223
1223
|
class: `pullRightIn bg-popover text-popover-foreground relative flex flex-auto flex-col justify-start shadow-lg pointer-events-auto p-4 border rounded-md min-w-[340px] max-w-[450px] mt-4 ${t}`,
|
|
1224
1224
|
click: () => e(),
|
|
1225
1225
|
animateIn: "pullRightIn",
|
|
1226
1226
|
animateOut: "pullRight",
|
|
1227
1227
|
role: "alert"
|
|
1228
1228
|
}, s));
|
|
1229
|
-
class
|
|
1229
|
+
class _a extends C {
|
|
1230
1230
|
/**
|
|
1231
1231
|
* This will declare the props for the compiler.
|
|
1232
1232
|
*
|
|
@@ -1250,10 +1250,10 @@ class Ga extends C {
|
|
|
1250
1250
|
*/
|
|
1251
1251
|
render() {
|
|
1252
1252
|
const { bgColor: t, borderColor: s, iconColor: n } = this.getTypeStyles(), a = this.href || null, l = this.getChildren(n);
|
|
1253
|
-
return a ?
|
|
1253
|
+
return a ? os({
|
|
1254
1254
|
href: a,
|
|
1255
1255
|
class: `${t} ${s}`
|
|
1256
|
-
}, l) :
|
|
1256
|
+
}, l) : ls({
|
|
1257
1257
|
close: this.close.bind(this),
|
|
1258
1258
|
class: `${t} ${s}`
|
|
1259
1259
|
}, l);
|
|
@@ -1265,7 +1265,7 @@ class Ga extends C {
|
|
|
1265
1265
|
*/
|
|
1266
1266
|
afterSetup() {
|
|
1267
1267
|
const t = this.duration;
|
|
1268
|
-
t !== "infinite" && (this.timer = new
|
|
1268
|
+
t !== "infinite" && (this.timer = new bt(t, this.close.bind(this)), this.timer.start());
|
|
1269
1269
|
}
|
|
1270
1270
|
/**
|
|
1271
1271
|
* This will get the style properties based on the notification type.
|
|
@@ -1303,7 +1303,7 @@ class Ga extends C {
|
|
|
1303
1303
|
]),
|
|
1304
1304
|
o({ class: "flex flex-auto flex-col" }, [
|
|
1305
1305
|
o({ class: "flex flex-auto flex-row items-center w-full pr-12" }, [
|
|
1306
|
-
this.title &&
|
|
1306
|
+
this.title && as(this.title)
|
|
1307
1307
|
]),
|
|
1308
1308
|
k({ class: "text-base text-muted-foreground m-0 pr-12" }, this.description),
|
|
1309
1309
|
(this.primary || this.secondary) && ue({ class: "margin-top-24 flex align-center" }, this.getButtons())
|
|
@@ -1332,12 +1332,12 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1332
1332
|
onState: ["method", { active: e }],
|
|
1333
1333
|
dataSet: ["method", ["state", e, "active"]],
|
|
1334
1334
|
click: (n, { state: a }) => {
|
|
1335
|
-
a.method = e, localStorage.setItem("theme", e), e === "system" && localStorage.removeItem("theme"),
|
|
1335
|
+
a.method = e, localStorage.setItem("theme", e), e === "system" && localStorage.removeItem("theme"), rs(e);
|
|
1336
1336
|
}
|
|
1337
1337
|
}, [
|
|
1338
1338
|
x({}, s),
|
|
1339
1339
|
g(t)
|
|
1340
|
-
])),
|
|
1340
|
+
])), rs = (e) => {
|
|
1341
1341
|
const t = document.documentElement;
|
|
1342
1342
|
if (e === "system" && (e = globalThis.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light"), Oe && !Oe("(prefers-color-scheme: " + e + ")").matches) {
|
|
1343
1343
|
t.classList.add(e);
|
|
@@ -1345,7 +1345,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1345
1345
|
}
|
|
1346
1346
|
const s = e === "light" ? "dark" : "light";
|
|
1347
1347
|
t.classList.remove(s);
|
|
1348
|
-
},
|
|
1348
|
+
}, Ka = M(
|
|
1349
1349
|
{
|
|
1350
1350
|
/**
|
|
1351
1351
|
* This will render the component.
|
|
@@ -1372,7 +1372,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1372
1372
|
};
|
|
1373
1373
|
}
|
|
1374
1374
|
}
|
|
1375
|
-
),
|
|
1375
|
+
), Qa = O(
|
|
1376
1376
|
{
|
|
1377
1377
|
/**
|
|
1378
1378
|
* The initial state of the Toggle.
|
|
@@ -1424,12 +1424,12 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1424
1424
|
]);
|
|
1425
1425
|
}
|
|
1426
1426
|
}
|
|
1427
|
-
),
|
|
1427
|
+
), is = r(({ src: e, alt: t }) => !e || e.indexOf(".") === -1 && e.indexOf("[[") === -1 ? null : Ut({
|
|
1428
1428
|
src: e,
|
|
1429
1429
|
alt: t,
|
|
1430
1430
|
class: "rounded-full"
|
|
1431
|
-
})),
|
|
1432
|
-
s.textContent =
|
|
1431
|
+
})), cs = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), Ke = (e) => !e || e.length < 2 ? e : cs(e), ds = (e) => g([e, (t, s) => {
|
|
1432
|
+
s.textContent = Ke(t);
|
|
1433
1433
|
}]), Ne = {
|
|
1434
1434
|
xs: "h-6 w-6",
|
|
1435
1435
|
sm: "h-8 w-8",
|
|
@@ -1440,7 +1440,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1440
1440
|
"3xl": "h-48 w-48",
|
|
1441
1441
|
"4xl": "h-64 w-64",
|
|
1442
1442
|
default: "h-12 w-12"
|
|
1443
|
-
},
|
|
1443
|
+
}, Le = {
|
|
1444
1444
|
xs: "text-[7px]",
|
|
1445
1445
|
sm: "text-xs",
|
|
1446
1446
|
md: "text-base",
|
|
@@ -1450,8 +1450,8 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1450
1450
|
"3xl": "text-4xl",
|
|
1451
1451
|
"4xl": "text-5xl",
|
|
1452
1452
|
default: "text-base"
|
|
1453
|
-
},
|
|
1454
|
-
const n =
|
|
1453
|
+
}, us = (e) => Ne[e] || Ne.default, hs = (e) => Le[e] || Le.default, fs = (e, t = null, s = "md") => {
|
|
1454
|
+
const n = Ke(String(e)), a = hs(s);
|
|
1455
1455
|
return o(
|
|
1456
1456
|
{
|
|
1457
1457
|
class: `
|
|
@@ -1461,21 +1461,21 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1461
1461
|
`
|
|
1462
1462
|
},
|
|
1463
1463
|
[
|
|
1464
|
-
t ?
|
|
1464
|
+
t ? ds(t) : g({ class: "uppercase" }, n)
|
|
1465
1465
|
]
|
|
1466
1466
|
);
|
|
1467
|
-
},
|
|
1468
|
-
const l =
|
|
1467
|
+
}, gs = r(({ src: e, alt: t, fallbackText: s, watcherFallback: n, size: a }) => {
|
|
1468
|
+
const l = us(a);
|
|
1469
1469
|
return o(
|
|
1470
1470
|
{
|
|
1471
1471
|
class: `relative flex items-center justify-center ${l}`
|
|
1472
1472
|
},
|
|
1473
1473
|
[
|
|
1474
|
-
|
|
1475
|
-
|
|
1474
|
+
is({ src: e, alt: t }),
|
|
1475
|
+
fs(s, n, a)
|
|
1476
1476
|
]
|
|
1477
1477
|
);
|
|
1478
|
-
}),
|
|
1478
|
+
}), ms = (e) => e.indexOf(".") === -1 && e.indexOf("[[") === -1 && e.indexOf("blob:") === -1, Ja = M(
|
|
1479
1479
|
{
|
|
1480
1480
|
/**
|
|
1481
1481
|
* Get the initial state for the component.
|
|
@@ -1531,7 +1531,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1531
1531
|
s.preventDefault(), s.stopPropagation(), this.openFileBrowse();
|
|
1532
1532
|
}
|
|
1533
1533
|
}, [
|
|
1534
|
-
T("loaded", (s) => s === !1 ||
|
|
1534
|
+
T("loaded", (s) => s === !1 || ms(this.src) ? V({
|
|
1535
1535
|
htmlFor: e,
|
|
1536
1536
|
class: "z-10 flex flex-col items-center justify-center text-sm text-muted-foreground group-hover:text-primary"
|
|
1537
1537
|
}, [
|
|
@@ -1546,7 +1546,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1546
1546
|
]);
|
|
1547
1547
|
}
|
|
1548
1548
|
}
|
|
1549
|
-
),
|
|
1549
|
+
), Za = M(
|
|
1550
1550
|
{
|
|
1551
1551
|
/**
|
|
1552
1552
|
* Get the initial state for the component.
|
|
@@ -1628,7 +1628,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1628
1628
|
this.input = null;
|
|
1629
1629
|
}
|
|
1630
1630
|
}
|
|
1631
|
-
),
|
|
1631
|
+
), bs = (e, t) => Ue(
|
|
1632
1632
|
{
|
|
1633
1633
|
href: e,
|
|
1634
1634
|
"aria-current": t === "Breadcrumb" && "page",
|
|
@@ -1636,14 +1636,14 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1636
1636
|
class: "text-muted-foreground font-medium hover:text-foreground"
|
|
1637
1637
|
},
|
|
1638
1638
|
[g(t)]
|
|
1639
|
-
),
|
|
1639
|
+
), xs = () => x({
|
|
1640
1640
|
class: "mx-3 text-muted-foreground",
|
|
1641
1641
|
"aria-hidden": !0,
|
|
1642
1642
|
size: "xs"
|
|
1643
|
-
}, u.chevron.single.right),
|
|
1644
|
-
e.href ?
|
|
1645
|
-
e.separator &&
|
|
1646
|
-
]),
|
|
1643
|
+
}, u.chevron.single.right), ps = (e) => o({ class: "flex items-center" }, [
|
|
1644
|
+
e.href ? bs(e.href, e.label) : g(e.label),
|
|
1645
|
+
e.separator && xs()
|
|
1646
|
+
]), Xa = M(
|
|
1647
1647
|
{
|
|
1648
1648
|
/**
|
|
1649
1649
|
* Set initial data
|
|
@@ -1672,7 +1672,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1672
1672
|
o({
|
|
1673
1673
|
role: "list",
|
|
1674
1674
|
class: "flex items-center",
|
|
1675
|
-
for: ["items", (t, s) =>
|
|
1675
|
+
for: ["items", (t, s) => ps({
|
|
1676
1676
|
href: t.href,
|
|
1677
1677
|
label: t.label,
|
|
1678
1678
|
separator: s < e
|
|
@@ -1682,7 +1682,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1682
1682
|
);
|
|
1683
1683
|
}
|
|
1684
1684
|
}
|
|
1685
|
-
),
|
|
1685
|
+
), Re = {
|
|
1686
1686
|
xs: "h-1 w-1",
|
|
1687
1687
|
sm: "h-2 w-2",
|
|
1688
1688
|
md: "h-4 w-4",
|
|
@@ -1691,7 +1691,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1691
1691
|
"2xl": "h-16 w-16",
|
|
1692
1692
|
"3xl": "h-24 w-24",
|
|
1693
1693
|
default: "h-4 w-4"
|
|
1694
|
-
},
|
|
1694
|
+
}, ys = (e) => Re[e] || Re.default, ws = ({ index: e, size: t }) => o({ class: `${t} rounded-full bg-muted cursor-pointer` }, [
|
|
1695
1695
|
g({
|
|
1696
1696
|
class: "block w-full h-full rounded-full transition-colors",
|
|
1697
1697
|
onSet: ["activeIndex", {
|
|
@@ -1702,10 +1702,10 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1702
1702
|
n.activeIndex = e, a && a(e);
|
|
1703
1703
|
}
|
|
1704
1704
|
})
|
|
1705
|
-
]),
|
|
1705
|
+
]), vs = (e, t) => Array.from({ length: e }, (s, n) => ws({
|
|
1706
1706
|
index: n,
|
|
1707
1707
|
size: t
|
|
1708
|
-
})),
|
|
1708
|
+
})), eo = M(
|
|
1709
1709
|
{
|
|
1710
1710
|
/**
|
|
1711
1711
|
* Defines component data (props).
|
|
@@ -1727,7 +1727,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1727
1727
|
* @returns {object}
|
|
1728
1728
|
*/
|
|
1729
1729
|
render() {
|
|
1730
|
-
const e = this.gap || "gap-2", t =
|
|
1730
|
+
const e = this.gap || "gap-2", t = ys(this.size || "sm"), s = vs(this.data.count, t);
|
|
1731
1731
|
return o(
|
|
1732
1732
|
{ class: "flex justify-center items-center py-2" },
|
|
1733
1733
|
[
|
|
@@ -1736,7 +1736,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1736
1736
|
);
|
|
1737
1737
|
}
|
|
1738
1738
|
}
|
|
1739
|
-
),
|
|
1739
|
+
), ks = ({ toggleDropdown: e }) => w(
|
|
1740
1740
|
{
|
|
1741
1741
|
cache: "button",
|
|
1742
1742
|
class: "relative z-2 inline-flex items-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border bg-input hover:bg-muted h-10 px-4 py-2 justify-between",
|
|
@@ -1746,16 +1746,16 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1746
1746
|
g({ onState: ["selectedLabel", (t) => t || "Select item..."] }),
|
|
1747
1747
|
x({ size: "sm" }, u.chevron.upDown)
|
|
1748
1748
|
]
|
|
1749
|
-
),
|
|
1749
|
+
), Cs = (e, t, s) => ge({
|
|
1750
1750
|
class: "flex flex-auto items-center cursor-pointer p-2 hover:bg-muted/50 rounded-sm",
|
|
1751
1751
|
click: () => t(e),
|
|
1752
1752
|
onState: [s, "selectedValue", { "bg-secondary": e.value }]
|
|
1753
1753
|
}, [
|
|
1754
1754
|
e.icon && g({ class: "mr-2 flex items-baseline" }, [x({ size: "xs" }, e.icon)]),
|
|
1755
1755
|
g({ class: "text-base font-normal" }, e.label)
|
|
1756
|
-
]),
|
|
1757
|
-
X({ class: "max-h-60 overflow-y-auto p-2 grid gap-1", for: ["items", (s) =>
|
|
1758
|
-
]),
|
|
1756
|
+
]), Ss = (e, t) => o({ class: "w-full border rounded-md" }, [
|
|
1757
|
+
X({ class: "max-h-60 overflow-y-auto p-2 grid gap-1", for: ["items", (s) => Cs(s, e, t)] })
|
|
1758
|
+
]), $s = ({ onSelect: e, state: t }) => o({ class: "flex flex-auto flex-col" }, [
|
|
1759
1759
|
T(
|
|
1760
1760
|
"open",
|
|
1761
1761
|
(s, n, a) => s ? new te({
|
|
@@ -1763,10 +1763,10 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1763
1763
|
parent: a,
|
|
1764
1764
|
button: a.button
|
|
1765
1765
|
}, [
|
|
1766
|
-
|
|
1766
|
+
Ss(e, t)
|
|
1767
1767
|
]) : null
|
|
1768
1768
|
)
|
|
1769
|
-
]),
|
|
1769
|
+
]), to = M(
|
|
1770
1770
|
{
|
|
1771
1771
|
/**
|
|
1772
1772
|
* This will set up the data.
|
|
@@ -1847,8 +1847,8 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1847
1847
|
const e = this.class || "", t = this.maxWidth || "max-w-[250px]", s = this.width || "w-full";
|
|
1848
1848
|
return o({ class: `relative ${s} flex flex-auto flex-col ${t} ${e}` }, [
|
|
1849
1849
|
// @ts-ignore
|
|
1850
|
-
|
|
1851
|
-
|
|
1850
|
+
ks({ toggleDropdown: this.toggleDropdown.bind(this) }),
|
|
1851
|
+
$s({
|
|
1852
1852
|
// @ts-ignore
|
|
1853
1853
|
state: this.state,
|
|
1854
1854
|
// @ts-ignore
|
|
@@ -1868,21 +1868,21 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1868
1868
|
]);
|
|
1869
1869
|
}
|
|
1870
1870
|
}
|
|
1871
|
-
),
|
|
1871
|
+
), Qe = ({ icon: e, click: t, ariaLabel: s }) => b({
|
|
1872
1872
|
variant: "icon",
|
|
1873
1873
|
class: "flex flex-none",
|
|
1874
1874
|
click: t,
|
|
1875
1875
|
icon: e,
|
|
1876
1876
|
"aria-label": s
|
|
1877
|
-
}),
|
|
1877
|
+
}), Ds = ({ click: e }) => Qe({
|
|
1878
1878
|
icon: u.circleMinus,
|
|
1879
1879
|
click: e,
|
|
1880
1880
|
ariaLabel: "Decrement"
|
|
1881
|
-
}),
|
|
1881
|
+
}), Is = ({ click: e }) => Qe({
|
|
1882
1882
|
icon: u.circlePlus,
|
|
1883
1883
|
click: e,
|
|
1884
1884
|
ariaLabel: "Increment"
|
|
1885
|
-
}),
|
|
1885
|
+
}), Ts = ({ bind: e, min: t, max: s, readonly: n = !1 }) => W(({ state: a }) => p({
|
|
1886
1886
|
value: ["[[count]]", a],
|
|
1887
1887
|
bind: e,
|
|
1888
1888
|
blur: (l, { state: i }) => {
|
|
@@ -1895,7 +1895,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1895
1895
|
max: s,
|
|
1896
1896
|
type: "number",
|
|
1897
1897
|
"aria-label": "Counter"
|
|
1898
|
-
})),
|
|
1898
|
+
})), so = O(
|
|
1899
1899
|
{
|
|
1900
1900
|
/**
|
|
1901
1901
|
* Initial state for the counter component.
|
|
@@ -1918,18 +1918,18 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1918
1918
|
render() {
|
|
1919
1919
|
const e = this.class ?? "";
|
|
1920
1920
|
return o({ class: `flex flex-auto items-center justify-between gap-x-4 p-4 ${e}` }, [
|
|
1921
|
-
|
|
1922
|
-
|
|
1921
|
+
Ds({ click: () => this.state.decrement("count") }),
|
|
1922
|
+
Ts({
|
|
1923
1923
|
bind: this.bind,
|
|
1924
1924
|
readonly: this.readonly,
|
|
1925
1925
|
min: this.min,
|
|
1926
1926
|
max: this.max
|
|
1927
1927
|
}),
|
|
1928
|
-
|
|
1928
|
+
Is({ click: () => this.state.increment("count") })
|
|
1929
1929
|
]);
|
|
1930
1930
|
}
|
|
1931
1931
|
}
|
|
1932
|
-
),
|
|
1932
|
+
), Ms = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
|
|
1933
1933
|
{ class: "grid grid-cols-3 gap-2" },
|
|
1934
1934
|
ee.monthNames.map(
|
|
1935
1935
|
(n, a) => b(
|
|
@@ -1943,9 +1943,9 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1943
1943
|
n.substring(0, 3)
|
|
1944
1944
|
)
|
|
1945
1945
|
)
|
|
1946
|
-
), P = (e) => (e *= 1, e < 10 ? `0${e}` : String(e)),
|
|
1947
|
-
const a =
|
|
1948
|
-
return a || (e ?
|
|
1946
|
+
), P = (e) => (e *= 1, e < 10 ? `0${e}` : String(e)), Bs = (e) => (e.indexOf("T") === -1 && e.indexOf(" ") === -1 && (e += "T00:00:01"), e.replace(" ", "T"), e), F = (e, t, s) => `${e}-${P(t + 1)}-${P(s)}`, Ps = (e) => e ? "bg-accent text-primary" : "", zs = (e) => e ? "text-muted-foreground opacity-50" : "", Os = (e, t) => e === t, Ns = (e, t) => Os(e, t) ? "bg-primary text-primary-foreground" : "", Ls = (e, t, s, n) => {
|
|
1947
|
+
const a = Ns(t, n);
|
|
1948
|
+
return a || (e ? Ps(e) : s ? zs(s) : "text-foreground");
|
|
1949
1949
|
}, oe = (e) => {
|
|
1950
1950
|
const {
|
|
1951
1951
|
day: t,
|
|
@@ -1960,7 +1960,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1960
1960
|
{
|
|
1961
1961
|
class: `
|
|
1962
1962
|
flex items-center justify-center h-9 w-auto p-0 font-normal text-sm rounded-md cursor-pointer
|
|
1963
|
-
${
|
|
1963
|
+
${Ls(a, s, l, n)}
|
|
1964
1964
|
hover:bg-muted/50 hover:text-muted-foreground focus:z-10
|
|
1965
1965
|
disabled:pointer-events-none disabled:opacity-50
|
|
1966
1966
|
`,
|
|
@@ -1972,18 +1972,18 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1972
1972
|
t.toString()
|
|
1973
1973
|
);
|
|
1974
1974
|
}, le = (e, t, s, n) => e === n.date && t === n.month && s === n.year, Rs = (e, t, s, n = !1) => {
|
|
1975
|
-
const { year: a, month: l } = e, i =
|
|
1975
|
+
const { year: a, month: l } = e, i = F(a, l, e.date), c = new Date(a, l, 1).getDay(), h = new Date(a, l + 1, 0).getDate(), m = new Date(a, l, 0).getDate(), v = [], q = l === 0 ? 11 : l - 1, A = l === 0 ? a - 1 : a;
|
|
1976
1976
|
for (let d = c - 1; d >= 0; d--) {
|
|
1977
|
-
const y = m - d, S = le(y, q, A, t), $ = new Date(A, q, y) < new Date(t.year, t.month, t.date),
|
|
1977
|
+
const y = m - d, S = le(y, q, A, t), $ = new Date(A, q, y) < new Date(t.year, t.month, t.date), L = n && $;
|
|
1978
1978
|
v.push(
|
|
1979
1979
|
oe({
|
|
1980
1980
|
day: y,
|
|
1981
1981
|
currentDate: i,
|
|
1982
|
-
date:
|
|
1982
|
+
date: F(A, q, y),
|
|
1983
1983
|
isToday: S,
|
|
1984
1984
|
isOutsideMonth: !0,
|
|
1985
1985
|
select: s,
|
|
1986
|
-
disabled:
|
|
1986
|
+
disabled: L
|
|
1987
1987
|
})
|
|
1988
1988
|
);
|
|
1989
1989
|
}
|
|
@@ -1993,7 +1993,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
1993
1993
|
oe({
|
|
1994
1994
|
day: d,
|
|
1995
1995
|
currentDate: i,
|
|
1996
|
-
date:
|
|
1996
|
+
date: F(a, l, d),
|
|
1997
1997
|
isToday: y,
|
|
1998
1998
|
isOutsideMonth: !1,
|
|
1999
1999
|
select: s,
|
|
@@ -2008,7 +2008,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
2008
2008
|
oe({
|
|
2009
2009
|
day: d,
|
|
2010
2010
|
currentDate: i,
|
|
2011
|
-
date:
|
|
2011
|
+
date: F(se, E, d),
|
|
2012
2012
|
isToday: y,
|
|
2013
2013
|
isOutsideMonth: !0,
|
|
2014
2014
|
select: s,
|
|
@@ -2017,7 +2017,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
2017
2017
|
);
|
|
2018
2018
|
}
|
|
2019
2019
|
return v;
|
|
2020
|
-
},
|
|
2020
|
+
}, Fe = ({ label: e, click: t }) => b(
|
|
2021
2021
|
{
|
|
2022
2022
|
class: `
|
|
2023
2023
|
inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
|
|
@@ -2033,12 +2033,12 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
2033
2033
|
), Fs = ({ onMonthClick: e, onYearClick: t, next: s, previous: n }) => o({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
|
|
2034
2034
|
b({ click: e, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
|
|
2035
2035
|
b({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
|
|
2036
|
-
|
|
2037
|
-
|
|
2038
|
-
]),
|
|
2036
|
+
Fe({ label: "Previous", click: n }),
|
|
2037
|
+
Fe({ label: "Next", click: s })
|
|
2038
|
+
]), js = (e) => o(
|
|
2039
2039
|
{ class: "flex items-center justify-center h-9 w-auto text-[0.8rem] font-normal text-muted-foreground" },
|
|
2040
2040
|
e
|
|
2041
|
-
),
|
|
2041
|
+
), Hs = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(js), As = (e) => o({ class: "rdp flex flex-auto flex-col w-full gap-y-1" }, [
|
|
2042
2042
|
Fs({
|
|
2043
2043
|
onMonthClick: e.onMonthClick,
|
|
2044
2044
|
onYearClick: e.onYearClick,
|
|
@@ -2050,7 +2050,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
2050
2050
|
onSet: [
|
|
2051
2051
|
"currentDate",
|
|
2052
2052
|
() => [
|
|
2053
|
-
o({ class: "grid grid-cols-7" },
|
|
2053
|
+
o({ class: "grid grid-cols-7" }, Hs()),
|
|
2054
2054
|
o(
|
|
2055
2055
|
{ class: "grid grid-cols-7" },
|
|
2056
2056
|
Rs(
|
|
@@ -2063,7 +2063,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
2063
2063
|
]
|
|
2064
2064
|
]
|
|
2065
2065
|
})
|
|
2066
|
-
]),
|
|
2066
|
+
]), Es = ({ currentMonth: e, currentYear: t, onSelect: s }) => {
|
|
2067
2067
|
const n = t - 50, a = Array.from({ length: 101 }, (l, i) => n + i);
|
|
2068
2068
|
return o(
|
|
2069
2069
|
{ class: "grid grid-cols-4 gap-2 overflow-y-auto max-h-72" },
|
|
@@ -2081,7 +2081,7 @@ const Oe = globalThis.matchMedia, ae = r(({ value: e, label: t, icon: s }) => w(
|
|
|
2081
2081
|
)
|
|
2082
2082
|
);
|
|
2083
2083
|
};
|
|
2084
|
-
class
|
|
2084
|
+
class Us extends C {
|
|
2085
2085
|
/**
|
|
2086
2086
|
* This will declare the props for the compiler.
|
|
2087
2087
|
*
|
|
@@ -2097,7 +2097,7 @@ class Es extends C {
|
|
|
2097
2097
|
* @returns {Date}
|
|
2098
2098
|
*/
|
|
2099
2099
|
getSelectedDate(t) {
|
|
2100
|
-
const s = this.selectedDate ? new Date(
|
|
2100
|
+
const s = this.selectedDate ? new Date(Bs(this.selectedDate)) : t;
|
|
2101
2101
|
return new Date(s.getFullYear(), s.getMonth(), s.getDate());
|
|
2102
2102
|
}
|
|
2103
2103
|
/**
|
|
@@ -2194,7 +2194,7 @@ class Es extends C {
|
|
|
2194
2194
|
T("view", (t) => {
|
|
2195
2195
|
switch (t) {
|
|
2196
2196
|
case "months":
|
|
2197
|
-
return
|
|
2197
|
+
return Ms(
|
|
2198
2198
|
{
|
|
2199
2199
|
// @ts-ignore
|
|
2200
2200
|
currentMonth: this.data.current.month,
|
|
@@ -2206,7 +2206,7 @@ class Es extends C {
|
|
|
2206
2206
|
}
|
|
2207
2207
|
);
|
|
2208
2208
|
case "years":
|
|
2209
|
-
return
|
|
2209
|
+
return Es(
|
|
2210
2210
|
{
|
|
2211
2211
|
// @ts-ignore
|
|
2212
2212
|
currentMonth: this.data.current.month,
|
|
@@ -2218,7 +2218,7 @@ class Es extends C {
|
|
|
2218
2218
|
}
|
|
2219
2219
|
);
|
|
2220
2220
|
default:
|
|
2221
|
-
return
|
|
2221
|
+
return As({
|
|
2222
2222
|
// @ts-ignore
|
|
2223
2223
|
current: this.data.current,
|
|
2224
2224
|
// @ts-ignore
|
|
@@ -2239,33 +2239,33 @@ class Es extends C {
|
|
|
2239
2239
|
]);
|
|
2240
2240
|
}
|
|
2241
2241
|
}
|
|
2242
|
-
const
|
|
2242
|
+
const Ys = (e) => {
|
|
2243
2243
|
let t = "";
|
|
2244
2244
|
return e.length > 0 && (t = e.substring(0, 2), e.length > 2 && (t += "/" + e.substring(2, 4), e.length > 4 && (t += "/" + e.substring(4, 8)))), t;
|
|
2245
|
-
},
|
|
2245
|
+
}, Vs = (e) => {
|
|
2246
2246
|
if (e.length !== 8)
|
|
2247
2247
|
return null;
|
|
2248
2248
|
const t = parseInt(e.substring(0, 2), 10), s = parseInt(e.substring(2, 4), 10), n = parseInt(e.substring(4, 8), 10);
|
|
2249
2249
|
return t >= 1 && t <= 12 && s >= 1 && s <= 31 && n >= 1900 ? `${n}-${t.toString().padStart(2, "0")}-${s.toString().padStart(2, "0")}` : null;
|
|
2250
|
-
},
|
|
2250
|
+
}, Ws = ({ bind: e, required: t }) => p({
|
|
2251
2251
|
cache: "input",
|
|
2252
2252
|
class: "opacity-0 absolute top-0 left-0 w-full h-full pointer-events-none",
|
|
2253
2253
|
bind: e,
|
|
2254
2254
|
required: t
|
|
2255
|
-
}),
|
|
2255
|
+
}), qs = ({ placeholder: e, handleInputChange: t, handleInputFocus: s }) => p({
|
|
2256
2256
|
cache: "dateInput",
|
|
2257
2257
|
class: "flex-1 bg-transparent outline-none placeholder:text-muted-foreground border-0",
|
|
2258
2258
|
placeholder: e || "mm/dd/yyyy",
|
|
2259
2259
|
input: t,
|
|
2260
2260
|
focus: s,
|
|
2261
2261
|
onState: ["selectedDate", (n) => n ? ee.format("standard", n) : ""]
|
|
2262
|
-
}),
|
|
2262
|
+
}), Gs = ({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleInputFocus: a, placeholder: l }) => o(
|
|
2263
2263
|
{
|
|
2264
2264
|
class: "relative flex items-center gap-2 w-full justify-between border bg-input hover:bg-muted rounded-md h-10 pr-4 py-2"
|
|
2265
2265
|
},
|
|
2266
2266
|
[
|
|
2267
|
-
|
|
2268
|
-
|
|
2267
|
+
Ws({ bind: e, required: t }),
|
|
2268
|
+
qs({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
|
|
2269
2269
|
w(
|
|
2270
2270
|
{
|
|
2271
2271
|
class: "shrink-0 hover:bg-muted/50 rounded p-1 cursor-pointer",
|
|
@@ -2276,20 +2276,20 @@ const Us = (e) => {
|
|
|
2276
2276
|
]
|
|
2277
2277
|
)
|
|
2278
2278
|
]
|
|
2279
|
-
),
|
|
2279
|
+
), _s = ({ handleDateSelect: e, blockPriorDates: t }) => me(
|
|
2280
2280
|
(s, n, a) => new te({
|
|
2281
2281
|
cache: "dropdown",
|
|
2282
2282
|
parent: a,
|
|
2283
2283
|
button: a.panel,
|
|
2284
2284
|
size: "fit"
|
|
2285
2285
|
}, [
|
|
2286
|
-
new
|
|
2286
|
+
new Us({
|
|
2287
2287
|
selectedDate: a.state.selectedDate,
|
|
2288
2288
|
selectedCallBack: e,
|
|
2289
2289
|
blockPriorDates: t
|
|
2290
2290
|
})
|
|
2291
2291
|
])
|
|
2292
|
-
),
|
|
2292
|
+
), no = O(
|
|
2293
2293
|
{
|
|
2294
2294
|
/**
|
|
2295
2295
|
* The initial state of the DatePicker.
|
|
@@ -2318,8 +2318,8 @@ const Us = (e) => {
|
|
|
2318
2318
|
*/
|
|
2319
2319
|
handleInputChange(e) {
|
|
2320
2320
|
const s = e.target.value.replace(/\D/g, "");
|
|
2321
|
-
e.target.value =
|
|
2322
|
-
const n =
|
|
2321
|
+
e.target.value = Ys(s);
|
|
2322
|
+
const n = Vs(s);
|
|
2323
2323
|
n && (this.state.selectedDate = n, this.input.value = n, j.trigger("change", this.input), typeof this.onChange == "function" && this.onChange(n));
|
|
2324
2324
|
},
|
|
2325
2325
|
/**
|
|
@@ -2356,7 +2356,7 @@ const Us = (e) => {
|
|
|
2356
2356
|
return o(
|
|
2357
2357
|
{ class: "relative w-full max-w-[320px]" },
|
|
2358
2358
|
[
|
|
2359
|
-
|
|
2359
|
+
Gs({
|
|
2360
2360
|
toggleOpen: this.toggleOpen.bind(this),
|
|
2361
2361
|
bind: this.bind,
|
|
2362
2362
|
required: this.required,
|
|
@@ -2364,7 +2364,7 @@ const Us = (e) => {
|
|
|
2364
2364
|
handleInputFocus: this.handleInputFocus.bind(this),
|
|
2365
2365
|
placeholder: this.placeholder
|
|
2366
2366
|
}),
|
|
2367
|
-
|
|
2367
|
+
_s({
|
|
2368
2368
|
handleDateSelect: this.handleDateSelect.bind(this),
|
|
2369
2369
|
blockPriorDates: this.blockPriorDates || !1
|
|
2370
2370
|
})
|
|
@@ -2385,15 +2385,15 @@ const Us = (e) => {
|
|
|
2385
2385
|
variant: "icon",
|
|
2386
2386
|
icon: e === "Previous" ? u.chevron.single.left : u.chevron.single.right
|
|
2387
2387
|
}
|
|
2388
|
-
),
|
|
2388
|
+
), Ks = ({ onMonthClick: e, onYearClick: t, next: s, previous: n }) => o({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
|
|
2389
2389
|
b({ click: e, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
|
|
2390
2390
|
b({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
|
|
2391
2391
|
je({ label: "Previous", click: n }),
|
|
2392
2392
|
je({ label: "Next", click: s })
|
|
2393
|
-
]),
|
|
2393
|
+
]), Qs = (e) => o({ class: "h-9 flex items-center justify-center font-medium" }, e), Js = () => o(
|
|
2394
2394
|
{ class: "grid grid-cols-7 gap-1 text-center text-xs font-medium text-muted-foreground mb-2" },
|
|
2395
|
-
["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(
|
|
2396
|
-
),
|
|
2395
|
+
["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(Qs)
|
|
2396
|
+
), Zs = ({ day: e, iso: t, disabled: s, isStart: n, isEnd: a, isBetween: l, isOtherMonth: i, click: c }) => {
|
|
2397
2397
|
let h = "ghost", m = "";
|
|
2398
2398
|
return n || a ? (h = "default", m = "bg-primary text-primary-foreground hover:bg-primary/90") : l && (m = "bg-accent text-accent-foreground hover:bg-accent/80"), s && (m += " opacity-50 cursor-not-allowed"), i && (m += " text-muted-foreground opacity-50"), b(
|
|
2399
2399
|
{
|
|
@@ -2406,27 +2406,27 @@ const Us = (e) => {
|
|
|
2406
2406
|
},
|
|
2407
2407
|
e.toString()
|
|
2408
2408
|
);
|
|
2409
|
-
},
|
|
2409
|
+
}, Xs = ({ today: e, current: t, blockPriorDates: s, onDateClick: n }) => {
|
|
2410
2410
|
const { start: a, end: l } = t, i = new Date(t.year, t.month, 1).getDay(), c = new Date(t.year, t.month + 1, 0).getDate(), h = [], m = t.month === 0 ? 11 : t.month - 1, v = t.month === 0 ? t.year - 1 : t.year, q = new Date(v, m + 1, 0).getDate(), A = t.month === 11 ? 0 : t.month + 1, E = t.month === 11 ? t.year + 1 : t.year;
|
|
2411
2411
|
for (let f = i - 1; f >= 0; f--) {
|
|
2412
|
-
const d = q - f, y =
|
|
2412
|
+
const d = q - f, y = F(v, m, d), S = new Date(v, m, d), $ = new Date(e.year, e.month, e.date), L = S < $, G = s && L, _ = a === y, K = l === y, nt = a && l && y > a && y < l;
|
|
2413
2413
|
h.push({
|
|
2414
2414
|
day: d,
|
|
2415
2415
|
iso: y,
|
|
2416
2416
|
disabled: G,
|
|
2417
2417
|
isStart: _,
|
|
2418
2418
|
isEnd: K,
|
|
2419
|
-
isBetween:
|
|
2419
|
+
isBetween: nt,
|
|
2420
2420
|
isOtherMonth: !0,
|
|
2421
2421
|
click: () => n(y)
|
|
2422
2422
|
});
|
|
2423
2423
|
}
|
|
2424
2424
|
for (let f = 1; f <= c; f++) {
|
|
2425
|
-
const d =
|
|
2425
|
+
const d = F(t.year, t.month, f), y = new Date(t.year, t.month, f), S = new Date(e.year, e.month, e.date), $ = y < S, L = s && $, G = a === d, _ = l === d, K = a && l && d > a && d < l;
|
|
2426
2426
|
h.push({
|
|
2427
2427
|
day: f,
|
|
2428
2428
|
iso: d,
|
|
2429
|
-
disabled:
|
|
2429
|
+
disabled: L,
|
|
2430
2430
|
isStart: G,
|
|
2431
2431
|
isEnd: _,
|
|
2432
2432
|
isBetween: K,
|
|
@@ -2438,11 +2438,11 @@ const Us = (e) => {
|
|
|
2438
2438
|
}
|
|
2439
2439
|
const we = (7 - h.length % 7) % 7;
|
|
2440
2440
|
for (let f = 1; f <= we; f++) {
|
|
2441
|
-
const d =
|
|
2441
|
+
const d = F(E, A, f), y = new Date(E, A, f), S = new Date(e.year, e.month, e.date), $ = y < S, L = s && $, G = a === d, _ = l === d, K = a && l && d > a && d < l;
|
|
2442
2442
|
h.push({
|
|
2443
2443
|
day: f,
|
|
2444
2444
|
iso: d,
|
|
2445
|
-
disabled:
|
|
2445
|
+
disabled: L,
|
|
2446
2446
|
isStart: G,
|
|
2447
2447
|
isEnd: _,
|
|
2448
2448
|
isBetween: K,
|
|
@@ -2453,7 +2453,7 @@ const Us = (e) => {
|
|
|
2453
2453
|
return o(
|
|
2454
2454
|
{ class: "grid grid-cols-7 gap-1" },
|
|
2455
2455
|
h.map(
|
|
2456
|
-
(f, d) =>
|
|
2456
|
+
(f, d) => Zs({
|
|
2457
2457
|
day: f.day,
|
|
2458
2458
|
iso: f.iso,
|
|
2459
2459
|
disabled: f.disabled,
|
|
@@ -2465,8 +2465,8 @@ const Us = (e) => {
|
|
|
2465
2465
|
})
|
|
2466
2466
|
)
|
|
2467
2467
|
);
|
|
2468
|
-
},
|
|
2469
|
-
|
|
2468
|
+
}, en = r((e, t) => o({ class: "flex flex-auto flex-col" }, [
|
|
2469
|
+
Ks({
|
|
2470
2470
|
// @ts-ignore
|
|
2471
2471
|
onMonthClick: e.onMonthClick,
|
|
2472
2472
|
// @ts-ignore
|
|
@@ -2481,8 +2481,8 @@ const Us = (e) => {
|
|
|
2481
2481
|
onSet: [
|
|
2482
2482
|
"currentDate",
|
|
2483
2483
|
() => [
|
|
2484
|
-
|
|
2485
|
-
|
|
2484
|
+
Js(),
|
|
2485
|
+
Xs({
|
|
2486
2486
|
// @ts-ignore
|
|
2487
2487
|
today: e.today,
|
|
2488
2488
|
// @ts-ignore
|
|
@@ -2495,7 +2495,7 @@ const Us = (e) => {
|
|
|
2495
2495
|
]
|
|
2496
2496
|
]
|
|
2497
2497
|
})
|
|
2498
|
-
])),
|
|
2498
|
+
])), tn = ({ currentMonth: e, currentYear: t, onSelect: s }) => o(
|
|
2499
2499
|
{ class: "grid grid-cols-3 gap-2" },
|
|
2500
2500
|
ee.monthNames.map(
|
|
2501
2501
|
(n, a) => b(
|
|
@@ -2509,7 +2509,7 @@ const Us = (e) => {
|
|
|
2509
2509
|
n.substring(0, 3)
|
|
2510
2510
|
)
|
|
2511
2511
|
)
|
|
2512
|
-
),
|
|
2512
|
+
), sn = ({ start: e, end: t, selecting: s, onSelectStart: n, onSelectEnd: a }) => o({ class: "flex gap-x-2 mb-4" }, [
|
|
2513
2513
|
Q("selecting", (l) => b({
|
|
2514
2514
|
click: n,
|
|
2515
2515
|
variant: l === "start" ? "primary" : "outline",
|
|
@@ -2524,10 +2524,10 @@ const Us = (e) => {
|
|
|
2524
2524
|
}, [
|
|
2525
2525
|
o({ class: "font-medium" }, He("current.end", "End Date"))
|
|
2526
2526
|
]))
|
|
2527
|
-
]), He = (e, t) => [`[[${e}]]`, (s) => s == null ? t :
|
|
2527
|
+
]), He = (e, t) => [`[[${e}]]`, (s) => s == null ? t : nn(s)], nn = (e) => {
|
|
2528
2528
|
const t = /* @__PURE__ */ new Date(e + "T00:00:00"), s = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], n = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
|
|
2529
2529
|
return `${s[t.getDay()]}, ${t.getDate()} ${n[t.getMonth()]}`;
|
|
2530
|
-
},
|
|
2530
|
+
}, an = ({ currentYear: e, onSelect: t }) => {
|
|
2531
2531
|
const s = e - 50, n = Array.from({ length: 101 }, (a, l) => s + l);
|
|
2532
2532
|
return o(
|
|
2533
2533
|
{ class: "grid grid-cols-4 gap-2 overflow-y-auto max-h-72" },
|
|
@@ -2545,7 +2545,7 @@ const Us = (e) => {
|
|
|
2545
2545
|
)
|
|
2546
2546
|
);
|
|
2547
2547
|
};
|
|
2548
|
-
class
|
|
2548
|
+
class on extends C {
|
|
2549
2549
|
/**
|
|
2550
2550
|
* Declare compiler props.
|
|
2551
2551
|
*
|
|
@@ -2642,7 +2642,7 @@ class an extends C {
|
|
|
2642
2642
|
render() {
|
|
2643
2643
|
const { today: t, current: s, selecting: n } = this.data, { start: a, end: l } = s;
|
|
2644
2644
|
return o({ class: "range-calendar border border-border rounded-lg shadow-md p-4 w-full max-w-sm min-w-80" }, [
|
|
2645
|
-
|
|
2645
|
+
sn({
|
|
2646
2646
|
start: a,
|
|
2647
2647
|
end: l,
|
|
2648
2648
|
selecting: n,
|
|
@@ -2656,7 +2656,7 @@ class an extends C {
|
|
|
2656
2656
|
T("view", (i) => {
|
|
2657
2657
|
switch (i) {
|
|
2658
2658
|
case "months":
|
|
2659
|
-
return
|
|
2659
|
+
return tn(
|
|
2660
2660
|
{
|
|
2661
2661
|
currentMonth: s.month,
|
|
2662
2662
|
currentYear: s.year,
|
|
@@ -2666,7 +2666,7 @@ class an extends C {
|
|
|
2666
2666
|
}
|
|
2667
2667
|
);
|
|
2668
2668
|
case "years":
|
|
2669
|
-
return
|
|
2669
|
+
return an(
|
|
2670
2670
|
{
|
|
2671
2671
|
currentYear: s.year,
|
|
2672
2672
|
onSelect: (c) => {
|
|
@@ -2675,7 +2675,7 @@ class an extends C {
|
|
|
2675
2675
|
}
|
|
2676
2676
|
);
|
|
2677
2677
|
default:
|
|
2678
|
-
return
|
|
2678
|
+
return en({
|
|
2679
2679
|
// @ts-ignore
|
|
2680
2680
|
monthName: this.data.monthName,
|
|
2681
2681
|
year: s.year,
|
|
@@ -2703,35 +2703,35 @@ class an extends C {
|
|
|
2703
2703
|
]);
|
|
2704
2704
|
}
|
|
2705
2705
|
}
|
|
2706
|
-
const
|
|
2706
|
+
const ln = ({ bind: e, required: t }) => p({
|
|
2707
2707
|
cache: "input",
|
|
2708
2708
|
class: "opacity-0 absolute top-0 left-0 w-full h-full pointer-events-none",
|
|
2709
2709
|
bind: e,
|
|
2710
2710
|
required: t
|
|
2711
|
-
}),
|
|
2711
|
+
}), rn = ({ bind: e, required: t, toggleOpen: s }) => w({
|
|
2712
2712
|
class: "relative flex items-center gap-2 w-full justify-between border bg-input hover:bg-muted rounded-md h-10 px-4 py-2",
|
|
2713
2713
|
click: s
|
|
2714
2714
|
}, [
|
|
2715
|
-
|
|
2715
|
+
ln({ bind: e, required: t }),
|
|
2716
2716
|
W(({ state: n }) => [
|
|
2717
2717
|
g(U.date(["[[start]]", n], "Start Date")),
|
|
2718
2718
|
g(" - "),
|
|
2719
2719
|
g(U.date(["[[end]]", n], "End Date"))
|
|
2720
2720
|
]),
|
|
2721
2721
|
Y({ html: u.calendar.days })
|
|
2722
|
-
]),
|
|
2722
|
+
]), cn = ({ handleDateSelect: e, blockPriorDates: t }) => me((s, n, a) => new te({
|
|
2723
2723
|
cache: "dropdown",
|
|
2724
2724
|
parent: a,
|
|
2725
2725
|
button: a.panel,
|
|
2726
2726
|
size: "xl"
|
|
2727
2727
|
}, [
|
|
2728
|
-
new
|
|
2728
|
+
new on({
|
|
2729
2729
|
startDate: a.state.start,
|
|
2730
2730
|
endDate: a.state.end,
|
|
2731
2731
|
onRangeSelect: e,
|
|
2732
2732
|
blockPriorDates: t
|
|
2733
2733
|
})
|
|
2734
|
-
])),
|
|
2734
|
+
])), ao = O(
|
|
2735
2735
|
{
|
|
2736
2736
|
/**
|
|
2737
2737
|
* The initial state of the DateRangePicker.
|
|
@@ -2767,12 +2767,12 @@ const on = ({ bind: e, required: t }) => p({
|
|
|
2767
2767
|
this.state.start = s, this.state.end = n, this.state.open = !1, this.input.value = `${s}-${n}`, j.trigger("change", this.input), typeof this.onChange == "function" && this.onChange({ start: s, end: n }, this.parent);
|
|
2768
2768
|
};
|
|
2769
2769
|
return o({ class: "relative w-full max-w-[320px]" }, [
|
|
2770
|
-
|
|
2770
|
+
rn({
|
|
2771
2771
|
toggleOpen: e,
|
|
2772
2772
|
bind: this.bind,
|
|
2773
2773
|
required: this.required
|
|
2774
2774
|
}),
|
|
2775
|
-
|
|
2775
|
+
cn({
|
|
2776
2776
|
handleDateSelect: t,
|
|
2777
2777
|
blockPriorDates: this.blockPriorDates || !1
|
|
2778
2778
|
})
|
|
@@ -2780,11 +2780,11 @@ const on = ({ bind: e, required: t }) => p({
|
|
|
2780
2780
|
}
|
|
2781
2781
|
}
|
|
2782
2782
|
);
|
|
2783
|
-
function
|
|
2783
|
+
function dn(e) {
|
|
2784
2784
|
let t = "";
|
|
2785
2785
|
return e.length > 0 && (t = e.substring(0, 2), e.length > 2 && (t += ":" + e.substring(2, 4))), t;
|
|
2786
2786
|
}
|
|
2787
|
-
function
|
|
2787
|
+
function un(e) {
|
|
2788
2788
|
if (e.length < 4)
|
|
2789
2789
|
return { formattedTime: null, hour: null, minute: null, meridian: null };
|
|
2790
2790
|
const t = parseInt(e.substring(0, 2), 10), s = parseInt(e.substring(2, 4), 10);
|
|
@@ -2798,7 +2798,7 @@ function dn(e) {
|
|
|
2798
2798
|
meridian: a
|
|
2799
2799
|
};
|
|
2800
2800
|
}
|
|
2801
|
-
function
|
|
2801
|
+
function hn({ bind: e, required: t }) {
|
|
2802
2802
|
return p({
|
|
2803
2803
|
cache: "input",
|
|
2804
2804
|
class: "opacity-0 absolute top-0 left-0 w-full h-full pointer-events-none",
|
|
@@ -2806,7 +2806,7 @@ function un({ bind: e, required: t }) {
|
|
|
2806
2806
|
required: t
|
|
2807
2807
|
});
|
|
2808
2808
|
}
|
|
2809
|
-
function
|
|
2809
|
+
function fn({ placeholder: e, handleInputChange: t, handleInputFocus: s }) {
|
|
2810
2810
|
return p({
|
|
2811
2811
|
cache: "timeInput",
|
|
2812
2812
|
class: "flex-1 bg-transparent outline-none placeholder:text-muted-foreground border-0",
|
|
@@ -2816,14 +2816,14 @@ function hn({ placeholder: e, handleInputChange: t, handleInputFocus: s }) {
|
|
|
2816
2816
|
onState: ["selectedTime", (n) => n || ""]
|
|
2817
2817
|
});
|
|
2818
2818
|
}
|
|
2819
|
-
function
|
|
2819
|
+
function gn({ bind: e, required: t, toggleOpen: s, handleInputChange: n, handleInputFocus: a, placeholder: l }) {
|
|
2820
2820
|
return o(
|
|
2821
2821
|
{
|
|
2822
2822
|
class: "relative flex items-center gap-2 w-full justify-between border bg-input hover:bg-muted rounded-md h-10 pr-4 py-2"
|
|
2823
2823
|
},
|
|
2824
2824
|
[
|
|
2825
|
-
|
|
2826
|
-
|
|
2825
|
+
hn({ bind: e, required: t }),
|
|
2826
|
+
fn({ placeholder: l, handleInputChange: n, handleInputFocus: a }),
|
|
2827
2827
|
w(
|
|
2828
2828
|
{
|
|
2829
2829
|
class: "shrink-0 hover:bg-muted/50 rounded p-1 cursor-pointer",
|
|
@@ -2850,7 +2850,7 @@ function re({ items: e, handleTimeSelect: t, state: s, stateValue: n, pad: a = !
|
|
|
2850
2850
|
})
|
|
2851
2851
|
);
|
|
2852
2852
|
}
|
|
2853
|
-
function
|
|
2853
|
+
function mn({ handleTimeSelect: e }) {
|
|
2854
2854
|
return me(
|
|
2855
2855
|
(t, s, n) => new te(
|
|
2856
2856
|
{
|
|
@@ -2910,7 +2910,7 @@ function Ae(e) {
|
|
|
2910
2910
|
meridian: l
|
|
2911
2911
|
});
|
|
2912
2912
|
}
|
|
2913
|
-
const
|
|
2913
|
+
const oo = O(
|
|
2914
2914
|
{
|
|
2915
2915
|
/**
|
|
2916
2916
|
* The initial shallow state of the TimePicker.
|
|
@@ -2958,8 +2958,8 @@ const ao = O(
|
|
|
2958
2958
|
* @param {Event} e
|
|
2959
2959
|
*/
|
|
2960
2960
|
handleInputChange(e) {
|
|
2961
|
-
let t = e.target.value.replace(/[^\d]/g, ""), s =
|
|
2962
|
-
const n =
|
|
2961
|
+
let t = e.target.value.replace(/[^\d]/g, ""), s = dn(t);
|
|
2962
|
+
const n = un(t);
|
|
2963
2963
|
n.formattedTime && (s = n.formattedTime, this.state.set({
|
|
2964
2964
|
hour: n.hour,
|
|
2965
2965
|
minute: n.minute,
|
|
@@ -2995,7 +2995,7 @@ const ao = O(
|
|
|
2995
2995
|
return o(
|
|
2996
2996
|
{ class: "relative w-full max-w-[320px]" },
|
|
2997
2997
|
[
|
|
2998
|
-
|
|
2998
|
+
gn({
|
|
2999
2999
|
toggleOpen: this.toggleOpen.bind(this),
|
|
3000
3000
|
bind: this.bind,
|
|
3001
3001
|
required: this.required,
|
|
@@ -3003,18 +3003,18 @@ const ao = O(
|
|
|
3003
3003
|
handleInputFocus: this.handleInputFocus.bind(this),
|
|
3004
3004
|
placeholder: this.placeholder
|
|
3005
3005
|
}),
|
|
3006
|
-
|
|
3006
|
+
mn({
|
|
3007
3007
|
handleTimeSelect: this.handleTimeSelect.bind(this)
|
|
3008
3008
|
})
|
|
3009
3009
|
]
|
|
3010
3010
|
);
|
|
3011
3011
|
}
|
|
3012
3012
|
}
|
|
3013
|
-
),
|
|
3013
|
+
), bn = (e, t) => o({ class: `hidden md:flex items-start justify-center w-6 h-6 mr-3 ${t}` }, [
|
|
3014
3014
|
x({ size: "lg" }, e)
|
|
3015
|
-
]),
|
|
3015
|
+
]), xn = ({ title: e }) => Z({ class: "flex flex-auto items-center" }, [
|
|
3016
3016
|
J({ class: "text-lg font-semibold" }, e)
|
|
3017
|
-
]),
|
|
3017
|
+
]), lo = r((e, t) => ct(
|
|
3018
3018
|
{
|
|
3019
3019
|
class: `fixed pullUpIn z-30 w-[98%] border md:w-full max-w-lg bg-popover text-foreground shadow-lg duration-200
|
|
3020
3020
|
rounded-lg flex flex-auto flex-col
|
|
@@ -3027,10 +3027,10 @@ const ao = O(
|
|
|
3027
3027
|
o({ class: "flex flex-auto p-6 pb-12 md:pb-6" }, [
|
|
3028
3028
|
// Icon and content
|
|
3029
3029
|
// @ts-ignore
|
|
3030
|
-
e.icon &&
|
|
3030
|
+
e.icon && bn(e.icon, e.iconColor),
|
|
3031
3031
|
o({ class: "flex flex-auto flex-col gap-4" }, [
|
|
3032
3032
|
o({ class: "flex flex-auto flex-col gap-y-2" }, [
|
|
3033
|
-
|
|
3033
|
+
xn(e),
|
|
3034
3034
|
// @ts-ignore
|
|
3035
3035
|
e.description && k({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, e.description),
|
|
3036
3036
|
o({ class: "flex flex-auto flex-col text-sm text-muted-foreground" }, t)
|
|
@@ -3040,8 +3040,8 @@ const ao = O(
|
|
|
3040
3040
|
])
|
|
3041
3041
|
])
|
|
3042
3042
|
]
|
|
3043
|
-
)),
|
|
3044
|
-
|
|
3043
|
+
)), ro = r((e, t = []) => o({ class: "w-full max-w-md p-6 m-auto" }, [
|
|
3044
|
+
_e({ class: "flex flex-auto flex-col" }, [
|
|
3045
3045
|
o({ class: "flex flex-auto flex-col gap-y-4" }, [
|
|
3046
3046
|
o({ class: "flex flex-auto items-center justify-center" }, [
|
|
3047
3047
|
// @ts-ignore
|
|
@@ -3071,12 +3071,12 @@ r(({ value: e, label: t }) => w({
|
|
|
3071
3071
|
dataSet: ["performance", ["state", e, "active"]],
|
|
3072
3072
|
click: (s, { state: n }) => n.performance = e
|
|
3073
3073
|
}, t));
|
|
3074
|
-
const
|
|
3074
|
+
const pn = (e, t) => {
|
|
3075
3075
|
const s = e.toggleAllSelectedRows();
|
|
3076
3076
|
t.state.checked = !s;
|
|
3077
|
-
},
|
|
3078
|
-
W((t) => new
|
|
3079
|
-
]),
|
|
3077
|
+
}, yn = (e) => Ye({ class: `cursor-pointer py-3 px-4 text-base w-10 ${e.class || ""}` }, [
|
|
3078
|
+
W((t) => new jt({ class: "mr-2", onChange: (s, n) => pn(t, n) }))
|
|
3079
|
+
]), wn = ({ align: e, sortable: t, key: s, label: n, sort: a, class: l }) => {
|
|
3080
3080
|
const i = e || "justify-start";
|
|
3081
3081
|
return Ye({
|
|
3082
3082
|
class: `cursor-pointer py-3 px-4 text-base ${l || ""}`,
|
|
@@ -3087,12 +3087,12 @@ const xn = (e, t) => {
|
|
|
3087
3087
|
t && Y({ class: "ml-2", html: u.arrows.upDown })
|
|
3088
3088
|
])
|
|
3089
3089
|
]);
|
|
3090
|
-
}, ye = (e) =>
|
|
3091
|
-
|
|
3090
|
+
}, ye = (e) => dt([
|
|
3091
|
+
ut({
|
|
3092
3092
|
class: "text-muted-foreground border-b",
|
|
3093
3093
|
map: [
|
|
3094
3094
|
e.headers,
|
|
3095
|
-
(t) => t.label === "checkbox" ?
|
|
3095
|
+
(t) => t.label === "checkbox" ? yn({ toggle: e.toggle }) : wn({
|
|
3096
3096
|
align: t.align,
|
|
3097
3097
|
sortable: t.sortable,
|
|
3098
3098
|
key: t.key,
|
|
@@ -3101,7 +3101,7 @@ const xn = (e, t) => {
|
|
|
3101
3101
|
})
|
|
3102
3102
|
]
|
|
3103
3103
|
})
|
|
3104
|
-
]),
|
|
3104
|
+
]), vn = ({ key: e, rows: t, selectRow: s, rowItem: n, emptyState: a, skeleton: l, columnCount: i }) => new xt({
|
|
3105
3105
|
cache: "list",
|
|
3106
3106
|
key: e,
|
|
3107
3107
|
items: t,
|
|
@@ -3111,7 +3111,7 @@ const xn = (e, t) => {
|
|
|
3111
3111
|
skeleton: l,
|
|
3112
3112
|
columnCount: i
|
|
3113
3113
|
});
|
|
3114
|
-
class
|
|
3114
|
+
class Je extends C {
|
|
3115
3115
|
/**
|
|
3116
3116
|
* Initializes component data.
|
|
3117
3117
|
*
|
|
@@ -3197,7 +3197,7 @@ class Qe extends C {
|
|
|
3197
3197
|
this.headers && ye({ headers: this.headers, sort: (n) => this.sortRows(n) }),
|
|
3198
3198
|
// @ts-ignore
|
|
3199
3199
|
this.customHeader ?? null,
|
|
3200
|
-
|
|
3200
|
+
vn({
|
|
3201
3201
|
// @ts-ignore
|
|
3202
3202
|
key: this.key,
|
|
3203
3203
|
// @ts-ignore
|
|
@@ -3276,7 +3276,7 @@ class Qe extends C {
|
|
|
3276
3276
|
this.data.selectedRows = [];
|
|
3277
3277
|
}
|
|
3278
3278
|
}
|
|
3279
|
-
const
|
|
3279
|
+
const kn = (e) => new pt({
|
|
3280
3280
|
cache: "list",
|
|
3281
3281
|
loadMoreItems: e.loadMoreItems,
|
|
3282
3282
|
offset: e.offset,
|
|
@@ -3289,7 +3289,7 @@ const vn = (e) => new xt({
|
|
|
3289
3289
|
skeleton: e.skeleton,
|
|
3290
3290
|
columnCount: e.columnCount
|
|
3291
3291
|
});
|
|
3292
|
-
class
|
|
3292
|
+
class Cn extends Je {
|
|
3293
3293
|
/**
|
|
3294
3294
|
* Renders the DataTable component.
|
|
3295
3295
|
*
|
|
@@ -3305,7 +3305,7 @@ class kn extends Qe {
|
|
|
3305
3305
|
this.headers && ye({ headers: this.headers, sort: (n) => this.sortRows(n) }),
|
|
3306
3306
|
// @ts-ignore
|
|
3307
3307
|
this.customHeader ?? null,
|
|
3308
|
-
|
|
3308
|
+
kn({
|
|
3309
3309
|
// @ts-ignore
|
|
3310
3310
|
loadMoreItems: this.loadMoreItems,
|
|
3311
3311
|
// @ts-ignore
|
|
@@ -3341,7 +3341,7 @@ class kn extends Qe {
|
|
|
3341
3341
|
this.list.refresh();
|
|
3342
3342
|
}
|
|
3343
3343
|
}
|
|
3344
|
-
const
|
|
3344
|
+
const io = r((e) => new Cn(
|
|
3345
3345
|
{
|
|
3346
3346
|
// @ts-ignore
|
|
3347
3347
|
cache: e.cache ?? "list",
|
|
@@ -3372,7 +3372,7 @@ const ro = r((e) => new kn(
|
|
|
3372
3372
|
// @ts-ignore
|
|
3373
3373
|
skeleton: e.skeleton
|
|
3374
3374
|
}
|
|
3375
|
-
)),
|
|
3375
|
+
)), Sn = (e) => new yt({
|
|
3376
3376
|
cache: "list",
|
|
3377
3377
|
scrollContainer: e.scrollContainer,
|
|
3378
3378
|
loadMoreItems: e.loadMoreItems,
|
|
@@ -3386,7 +3386,7 @@ const ro = r((e) => new kn(
|
|
|
3386
3386
|
skeleton: e.skeleton,
|
|
3387
3387
|
columnCount: e.columnCount
|
|
3388
3388
|
});
|
|
3389
|
-
class
|
|
3389
|
+
class $n extends Je {
|
|
3390
3390
|
/**
|
|
3391
3391
|
* Renders the DataTable component.
|
|
3392
3392
|
*
|
|
@@ -3402,7 +3402,7 @@ class Sn extends Qe {
|
|
|
3402
3402
|
this.headers && ye({ headers: this.headers, sort: (n) => this.sortRows(n) }),
|
|
3403
3403
|
// @ts-ignore
|
|
3404
3404
|
this.customHeader ?? null,
|
|
3405
|
-
|
|
3405
|
+
Sn({
|
|
3406
3406
|
// @ts-ignore
|
|
3407
3407
|
scrollContainer: this.scrollContainer,
|
|
3408
3408
|
// @ts-ignore
|
|
@@ -3440,7 +3440,7 @@ class Sn extends Qe {
|
|
|
3440
3440
|
this.list.refresh();
|
|
3441
3441
|
}
|
|
3442
3442
|
}
|
|
3443
|
-
const
|
|
3443
|
+
const co = r((e) => new $n(
|
|
3444
3444
|
{
|
|
3445
3445
|
// @ts-ignore
|
|
3446
3446
|
cache: e.cache ?? "list",
|
|
@@ -3473,28 +3473,28 @@ const io = r((e) => new Sn(
|
|
|
3473
3473
|
// @ts-ignore
|
|
3474
3474
|
skeleton: e.skeleton
|
|
3475
3475
|
}
|
|
3476
|
-
)),
|
|
3476
|
+
)), Dn = r(({ name: e, email: t }) => o({ class: "min-w-0 flex-auto" }, [
|
|
3477
3477
|
k({ class: "text-base font-semibold leading-6 m-0" }, e),
|
|
3478
3478
|
k({ class: "truncate text-sm leading-5 text-muted-foreground m-0" }, t)
|
|
3479
|
-
])),
|
|
3479
|
+
])), In = () => o({ class: "flex items-center gap-x-1.5" }, [
|
|
3480
3480
|
o({ class: "flex-none rounded-full bg-emerald-500/20 p-1" }, [
|
|
3481
3481
|
o({ class: "h-1.5 w-1.5 rounded-full bg-emerald-500" })
|
|
3482
3482
|
]),
|
|
3483
3483
|
k({ class: "text-xs leading-5 text-gray-500" }, "Online")
|
|
3484
|
-
]),
|
|
3484
|
+
]), Tn = (e) => k({ class: "text-xs leading-5 text-muted-foreground" }, [
|
|
3485
3485
|
g("Last seen "),
|
|
3486
|
-
|
|
3487
|
-
]),
|
|
3486
|
+
ht({ datetime: e }, "3h ago")
|
|
3487
|
+
]), Mn = (e, t) => e === "online" ? In() : Tn(t), Bn = r(({ role: e, lastSeen: t, status: s }) => o({ class: "hidden shrink-0 sm:flex sm:flex-col sm:items-end" }, [
|
|
3488
3488
|
k({ class: "text-sm leading-6 m-0" }, e),
|
|
3489
|
-
|
|
3490
|
-
])),
|
|
3489
|
+
Mn(s, t)
|
|
3490
|
+
])), Pn = (e) => e.split(" ").map((s) => s[0]).join(""), zn = r((e) => ge({ class: "fadeIn flex justify-between gap-x-6 py-4 px-4 rounded-md hover:bg-muted/50" }, [
|
|
3491
3491
|
o({ class: "flex min-w-0 gap-x-4" }, [
|
|
3492
3492
|
// @ts-ignore
|
|
3493
|
-
|
|
3493
|
+
gs({ src: e.image, alt: e.name, fallbackText: Pn(e.name) }),
|
|
3494
3494
|
// @ts-ignore
|
|
3495
|
-
|
|
3495
|
+
Dn({ name: e.name, email: e.email })
|
|
3496
3496
|
]),
|
|
3497
|
-
|
|
3497
|
+
Bn({
|
|
3498
3498
|
// @ts-ignore
|
|
3499
3499
|
role: e.role,
|
|
3500
3500
|
// @ts-ignore
|
|
@@ -3502,16 +3502,16 @@ const io = r((e) => new Sn(
|
|
|
3502
3502
|
// @ts-ignore
|
|
3503
3503
|
status: e.status
|
|
3504
3504
|
})
|
|
3505
|
-
])),
|
|
3505
|
+
])), uo = r((e) => new wt({
|
|
3506
3506
|
cache: "list",
|
|
3507
3507
|
key: "name",
|
|
3508
3508
|
// @ts-ignore
|
|
3509
3509
|
items: e.users,
|
|
3510
3510
|
role: "list",
|
|
3511
3511
|
class: "divide-y divide-border",
|
|
3512
|
-
rowItem:
|
|
3512
|
+
rowItem: zn
|
|
3513
3513
|
}));
|
|
3514
|
-
class
|
|
3514
|
+
class On extends C {
|
|
3515
3515
|
/**
|
|
3516
3516
|
* This will declare the props for the compiler.
|
|
3517
3517
|
*
|
|
@@ -3572,14 +3572,14 @@ class zn extends C {
|
|
|
3572
3572
|
});
|
|
3573
3573
|
}
|
|
3574
3574
|
}
|
|
3575
|
-
const
|
|
3575
|
+
const Nn = r(({ options: e, click: t }, s) => ({
|
|
3576
3576
|
tag: "li",
|
|
3577
3577
|
...{
|
|
3578
3578
|
class: `relative flex flex-row w-auto text-left p-0 transition-all cursor-pointer min-w-[48px] option${e ? " sub" : ""}`,
|
|
3579
3579
|
click: t
|
|
3580
3580
|
},
|
|
3581
3581
|
children: s
|
|
3582
|
-
})),
|
|
3582
|
+
})), Ln = (e, t = null, s = !1) => [
|
|
3583
3583
|
t && o({
|
|
3584
3584
|
class: "icon w-12 rounded-md flex items-center justify-center min-w-12",
|
|
3585
3585
|
onState: ["selected", {
|
|
@@ -3606,7 +3606,7 @@ const On = r(({ options: e, click: t }, s) => ({
|
|
|
3606
3606
|
]
|
|
3607
3607
|
)
|
|
3608
3608
|
];
|
|
3609
|
-
class
|
|
3609
|
+
class Ze extends C {
|
|
3610
3610
|
/**
|
|
3611
3611
|
* This will declare the props for the compiler.
|
|
3612
3612
|
*
|
|
@@ -3623,7 +3623,7 @@ class Je extends C {
|
|
|
3623
3623
|
*/
|
|
3624
3624
|
render() {
|
|
3625
3625
|
const t = !this.options && this.callBack;
|
|
3626
|
-
return
|
|
3626
|
+
return Nn(
|
|
3627
3627
|
{ options: this.options, click: t },
|
|
3628
3628
|
[
|
|
3629
3629
|
this.addLink()
|
|
@@ -3637,8 +3637,8 @@ class Je extends C {
|
|
|
3637
3637
|
* @protected
|
|
3638
3638
|
*/
|
|
3639
3639
|
addLink() {
|
|
3640
|
-
const t = this.options && this.options.length > 0, s = this.content ||
|
|
3641
|
-
return this.href ? new
|
|
3640
|
+
const t = this.options && this.options.length > 0, s = this.content || Ln(String(this.label), this.icon, t);
|
|
3641
|
+
return this.href ? new mt(
|
|
3642
3642
|
{
|
|
3643
3643
|
class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
|
|
3644
3644
|
cache: "link",
|
|
@@ -3647,7 +3647,7 @@ class Je extends C {
|
|
|
3647
3647
|
exact: this.exact || !1
|
|
3648
3648
|
},
|
|
3649
3649
|
s
|
|
3650
|
-
) : new
|
|
3650
|
+
) : new On({
|
|
3651
3651
|
class: "flex flex-auto flex-row rounded-md transition-all overflow-x-hidden",
|
|
3652
3652
|
cache: "link",
|
|
3653
3653
|
checkCallBack: this.checkCallBack
|
|
@@ -3726,10 +3726,10 @@ class Fn extends C {
|
|
|
3726
3726
|
* @returns {object}
|
|
3727
3727
|
*/
|
|
3728
3728
|
addLink(t) {
|
|
3729
|
-
return new
|
|
3729
|
+
return new Ze(t);
|
|
3730
3730
|
}
|
|
3731
3731
|
}
|
|
3732
|
-
class
|
|
3732
|
+
class Xe extends Fn {
|
|
3733
3733
|
onCreated() {
|
|
3734
3734
|
this.links = [];
|
|
3735
3735
|
}
|
|
@@ -3740,7 +3740,7 @@ class Ze extends Fn {
|
|
|
3740
3740
|
* @returns {object}
|
|
3741
3741
|
*/
|
|
3742
3742
|
setupSubNav(t) {
|
|
3743
|
-
return new
|
|
3743
|
+
return new An(
|
|
3744
3744
|
{
|
|
3745
3745
|
parentLink: t,
|
|
3746
3746
|
options: t.options
|
|
@@ -3764,7 +3764,7 @@ class Ze extends Fn {
|
|
|
3764
3764
|
* @returns {object}
|
|
3765
3765
|
*/
|
|
3766
3766
|
addLink(t) {
|
|
3767
|
-
const s = new
|
|
3767
|
+
const s = new Ze(t);
|
|
3768
3768
|
if (this.links.push(s), !s.options)
|
|
3769
3769
|
return s;
|
|
3770
3770
|
const n = this.addSubNav(s);
|
|
@@ -3775,11 +3775,11 @@ class Ze extends Fn {
|
|
|
3775
3775
|
};
|
|
3776
3776
|
}
|
|
3777
3777
|
}
|
|
3778
|
-
const
|
|
3778
|
+
const jn = (e, t) => new RegExp(`${e}($|/|\\.).*`).test(t), Hn = (e, t) => {
|
|
3779
3779
|
const s = e.link.panel.pathname;
|
|
3780
|
-
return !s && e.isSelected() ? !0 : e.exact ? t === s :
|
|
3780
|
+
return !s && e.isSelected() ? !0 : e.exact ? t === s : jn(s, t);
|
|
3781
3781
|
};
|
|
3782
|
-
class
|
|
3782
|
+
class An extends Xe {
|
|
3783
3783
|
/**
|
|
3784
3784
|
* This will declare the props for the compiler.
|
|
3785
3785
|
*
|
|
@@ -3861,27 +3861,27 @@ class Hn extends Ze {
|
|
|
3861
3861
|
updateLinks(t) {
|
|
3862
3862
|
let s = !1;
|
|
3863
3863
|
for (const n of this.links)
|
|
3864
|
-
if (n.rendered && (s =
|
|
3864
|
+
if (n.rendered && (s = Hn(n, t), s === !0))
|
|
3865
3865
|
break;
|
|
3866
3866
|
this.parentLink.update(s);
|
|
3867
3867
|
}
|
|
3868
3868
|
}
|
|
3869
|
-
const
|
|
3869
|
+
const En = (e) => he({ class: "text-lg ml-2" }, e), Un = (e) => o({ class: "sticky flex flex-row items-center bg-popover lg:hidden top-0 z-10 border-0 border-b" }, [
|
|
3870
3870
|
b({
|
|
3871
3871
|
variant: "icon",
|
|
3872
3872
|
class: "m-2",
|
|
3873
3873
|
click: (t, { state: s }) => s.toggle("open"),
|
|
3874
3874
|
icon: u.arrows.left
|
|
3875
3875
|
}),
|
|
3876
|
-
e.title &&
|
|
3877
|
-
]),
|
|
3876
|
+
e.title && En(e.title)
|
|
3877
|
+
]), Yn = () => o({
|
|
3878
3878
|
class: `
|
|
3879
3879
|
absolute inset-0 bg-black/40 z-[-1] fadeIn
|
|
3880
3880
|
transition-opacity duration-200
|
|
3881
3881
|
`,
|
|
3882
3882
|
click: (e, { state: t }) => t.open = !1
|
|
3883
3883
|
});
|
|
3884
|
-
class
|
|
3884
|
+
class Vn extends C {
|
|
3885
3885
|
/**
|
|
3886
3886
|
* This will declare the props for the compiler.
|
|
3887
3887
|
*
|
|
@@ -3900,7 +3900,7 @@ class Yn extends C {
|
|
|
3900
3900
|
class: "fixed inset-0 z-50",
|
|
3901
3901
|
style: "[[typeClass]]"
|
|
3902
3902
|
}, [
|
|
3903
|
-
|
|
3903
|
+
Yn(),
|
|
3904
3904
|
// Popover Content
|
|
3905
3905
|
o({
|
|
3906
3906
|
class: `
|
|
@@ -3909,7 +3909,7 @@ class Yn extends C {
|
|
|
3909
3909
|
dataSet: ["open", ["expanded", !0, "true"]]
|
|
3910
3910
|
}, [
|
|
3911
3911
|
o({ class: "flex flex-auto flex-col w-full h-full overflow-y-auto max-h-[85vh] rounded-md bg-popover border" }, [
|
|
3912
|
-
|
|
3912
|
+
Un({ title: this.title }),
|
|
3913
3913
|
o({ class: "flex flex-auto flex-col" }, this.children)
|
|
3914
3914
|
])
|
|
3915
3915
|
])
|
|
@@ -3947,31 +3947,31 @@ class Yn extends C {
|
|
|
3947
3947
|
this.container = app.root;
|
|
3948
3948
|
}
|
|
3949
3949
|
}
|
|
3950
|
-
const
|
|
3950
|
+
const et = () => b({ class: "m-2", variant: "ghost", addState() {
|
|
3951
3951
|
return {
|
|
3952
3952
|
open: !1
|
|
3953
3953
|
};
|
|
3954
3954
|
}, click: (e, { state: t }) => t.toggle("open") }, [
|
|
3955
3955
|
x({}, u.bar.three)
|
|
3956
|
-
]),
|
|
3957
|
-
|
|
3958
|
-
e.title &&
|
|
3959
|
-
]),
|
|
3956
|
+
]), Wn = (e) => he({ class: "text-lg ml-2" }, e), qn = (e) => o({ class: "flex flex-auto flex-row items-center lg:hidden" }, [
|
|
3957
|
+
et(),
|
|
3958
|
+
e.title && Wn(e.title)
|
|
3959
|
+
]), tt = (e, t) => {
|
|
3960
3960
|
e.forEach((s) => {
|
|
3961
3961
|
if (s.options) {
|
|
3962
|
-
|
|
3962
|
+
tt(s.options, t);
|
|
3963
3963
|
return;
|
|
3964
3964
|
}
|
|
3965
3965
|
s.callBack = t;
|
|
3966
3966
|
});
|
|
3967
|
-
},
|
|
3967
|
+
}, st = (e) => o({ class: "bg-background flex flex-auto flex-col w-full relative" }, [
|
|
3968
3968
|
T(
|
|
3969
3969
|
"open",
|
|
3970
3970
|
(t) => t ? [
|
|
3971
|
-
new
|
|
3971
|
+
new Vn({ title: e.title }, [
|
|
3972
3972
|
W(({ state: s }) => {
|
|
3973
3973
|
const n = (a) => s.open = !1;
|
|
3974
|
-
return
|
|
3974
|
+
return tt(e.options, n), new Xe(
|
|
3975
3975
|
{
|
|
3976
3976
|
options: e.options
|
|
3977
3977
|
}
|
|
@@ -3980,23 +3980,23 @@ const Xe = () => b({ class: "m-2", variant: "ghost", addState() {
|
|
|
3980
3980
|
])
|
|
3981
3981
|
] : null
|
|
3982
3982
|
)
|
|
3983
|
-
]),
|
|
3983
|
+
]), ho = r((e) => o({ cache: "mobileNav", class: "inline-flex relative lg:hidden" }, [
|
|
3984
3984
|
o([
|
|
3985
|
-
|
|
3986
|
-
|
|
3985
|
+
et(),
|
|
3986
|
+
st(e)
|
|
3987
3987
|
])
|
|
3988
|
-
])),
|
|
3988
|
+
])), fo = r((e) => o({ cache: "mobileNav", class: "flex flex-auto flex-col w-full relative lg:hidden" }, [
|
|
3989
3989
|
o({ class: "flex flex-auto flex-col w-full" }, [
|
|
3990
|
-
|
|
3991
|
-
|
|
3990
|
+
qn(e),
|
|
3991
|
+
st(e)
|
|
3992
3992
|
])
|
|
3993
|
-
])),
|
|
3993
|
+
])), go = r((e) => {
|
|
3994
3994
|
const t = e.margin || "m-4 ml-0";
|
|
3995
3995
|
return e.allowHistory = e.allowHistory === !0, o({ class: `flex-none ${t}` }, [
|
|
3996
3996
|
b({ variant: "back", class: "ghost", ...e })
|
|
3997
3997
|
]);
|
|
3998
3998
|
});
|
|
3999
|
-
class
|
|
3999
|
+
class Gn extends C {
|
|
4000
4000
|
/**
|
|
4001
4001
|
* This will declare the props for the compiler.
|
|
4002
4002
|
*
|
|
@@ -4097,7 +4097,7 @@ Ve.addType("dockableOverlay", (e) => {
|
|
|
4097
4097
|
const t = e.component;
|
|
4098
4098
|
t && t.rendered === !0 && t.state.docked === !1 && t.destroy();
|
|
4099
4099
|
});
|
|
4100
|
-
class
|
|
4100
|
+
class mo extends Gn {
|
|
4101
4101
|
/**
|
|
4102
4102
|
* This will stop presistence.
|
|
4103
4103
|
*
|
|
@@ -4202,7 +4202,7 @@ class go extends qn {
|
|
|
4202
4202
|
this.state.docked = this.canDock();
|
|
4203
4203
|
}
|
|
4204
4204
|
}
|
|
4205
|
-
const
|
|
4205
|
+
const _n = r(({ index: e, click: t, state: s }, n) => ge({
|
|
4206
4206
|
class: "p-2 cursor-pointer hover:bg-muted/50",
|
|
4207
4207
|
onState: [
|
|
4208
4208
|
[s, "selectedIndex", {
|
|
@@ -4211,10 +4211,10 @@ const Gn = r(({ index: e, click: t, state: s }, n) => ge({
|
|
|
4211
4211
|
}]
|
|
4212
4212
|
],
|
|
4213
4213
|
click: () => t(e)
|
|
4214
|
-
}, n)),
|
|
4214
|
+
}, n)), Kn = r(({ selectOption: e, state: t }) => X({
|
|
4215
4215
|
class: "border rounded-md list-none m-0 p-0 max-h-[400px] overflow-y-auto",
|
|
4216
|
-
for: ["filteredOptions", (s, n) =>
|
|
4217
|
-
})),
|
|
4216
|
+
for: ["filteredOptions", (s, n) => _n({ index: n, click: e, state: t }, s.label)]
|
|
4217
|
+
})), Qn = r((e) => o({ class: "relative flex flex-auto items-center" }, [
|
|
4218
4218
|
N({
|
|
4219
4219
|
cache: "input",
|
|
4220
4220
|
// @ts-ignore
|
|
@@ -4239,7 +4239,7 @@ const Gn = r(({ index: e, click: t, state: s }, n) => ge({
|
|
|
4239
4239
|
// @ts-ignore
|
|
4240
4240
|
x({ size: "sm" }, e.icon)
|
|
4241
4241
|
])
|
|
4242
|
-
])),
|
|
4242
|
+
])), Jn = (e) => o({
|
|
4243
4243
|
class: "relative flex fle-auto flex-col",
|
|
4244
4244
|
onState: ["open", (t, s, n) => {
|
|
4245
4245
|
if (t)
|
|
@@ -4249,10 +4249,10 @@ const Gn = r(({ index: e, click: t, state: s }, n) => ge({
|
|
|
4249
4249
|
button: n.input,
|
|
4250
4250
|
size: "xl"
|
|
4251
4251
|
}, [
|
|
4252
|
-
|
|
4252
|
+
Kn(e)
|
|
4253
4253
|
]);
|
|
4254
4254
|
}]
|
|
4255
|
-
}),
|
|
4255
|
+
}), bo = M(
|
|
4256
4256
|
{
|
|
4257
4257
|
/**
|
|
4258
4258
|
* This will set up the data object.
|
|
@@ -4349,7 +4349,7 @@ const Gn = r(({ index: e, click: t, state: s }, n) => ge({
|
|
|
4349
4349
|
*/
|
|
4350
4350
|
render() {
|
|
4351
4351
|
return o({ class: "relative w-full max-w-md" }, [
|
|
4352
|
-
|
|
4352
|
+
Qn({
|
|
4353
4353
|
// @ts-ignore
|
|
4354
4354
|
state: this.state,
|
|
4355
4355
|
// @ts-ignore
|
|
@@ -4361,7 +4361,7 @@ const Gn = r(({ index: e, click: t, state: s }, n) => ge({
|
|
|
4361
4361
|
// @ts-ignore
|
|
4362
4362
|
handleKeyDown: this.handleKeyDown.bind(this)
|
|
4363
4363
|
}),
|
|
4364
|
-
|
|
4364
|
+
Jn({
|
|
4365
4365
|
// @ts-ignore
|
|
4366
4366
|
state: this.state,
|
|
4367
4367
|
// @ts-ignore
|
|
@@ -4372,7 +4372,7 @@ const Gn = r(({ index: e, click: t, state: s }, n) => ge({
|
|
|
4372
4372
|
]);
|
|
4373
4373
|
}
|
|
4374
4374
|
}
|
|
4375
|
-
),
|
|
4375
|
+
), xo = r((e) => {
|
|
4376
4376
|
const t = e.icon ?? u.magnifyingGlass.default;
|
|
4377
4377
|
return o({
|
|
4378
4378
|
// @ts-ignore
|
|
@@ -4408,7 +4408,7 @@ const Gn = r(({ index: e, click: t, state: s }, n) => ge({
|
|
|
4408
4408
|
})
|
|
4409
4409
|
]);
|
|
4410
4410
|
});
|
|
4411
|
-
class
|
|
4411
|
+
class Zn extends C {
|
|
4412
4412
|
/**
|
|
4413
4413
|
* This will declare the props for the compiler.
|
|
4414
4414
|
*
|
|
@@ -4426,7 +4426,7 @@ class Jn extends C {
|
|
|
4426
4426
|
return o({ class: `${this.class || ""}` }, this.children);
|
|
4427
4427
|
}
|
|
4428
4428
|
}
|
|
4429
|
-
class
|
|
4429
|
+
class Xn extends Zn {
|
|
4430
4430
|
/**
|
|
4431
4431
|
* This will be called every time the route
|
|
4432
4432
|
* is activated.
|
|
@@ -4436,15 +4436,15 @@ class Zn extends Jn {
|
|
|
4436
4436
|
update(t) {
|
|
4437
4437
|
}
|
|
4438
4438
|
}
|
|
4439
|
-
const
|
|
4439
|
+
const ea = r((e, t) => (e.class = "basic-page pt-[80px] sm:pt-0 flex flex-auto flex-col " + (e.class || ""), {
|
|
4440
4440
|
tag: "section",
|
|
4441
4441
|
...e,
|
|
4442
4442
|
children: t
|
|
4443
|
-
})),
|
|
4444
|
-
|
|
4443
|
+
})), ta = r(({ title: e, description: t }) => Z({ class: "sm:py-8 px-6 md:px-5 flex flex-col" }, [
|
|
4444
|
+
ft({ class: "scroll-m-20 text-3xl font-bold tracking-tight" }, e),
|
|
4445
4445
|
t && k({ class: "text-base text-muted-foreground py-2 max-w-[700px]" }, t)
|
|
4446
4446
|
]));
|
|
4447
|
-
class
|
|
4447
|
+
class po extends Xn {
|
|
4448
4448
|
/**
|
|
4449
4449
|
* This will declare the props for the compiler.
|
|
4450
4450
|
*
|
|
@@ -4459,133 +4459,133 @@ class xo extends Zn {
|
|
|
4459
4459
|
* @returns {object}
|
|
4460
4460
|
*/
|
|
4461
4461
|
render() {
|
|
4462
|
-
return
|
|
4463
|
-
|
|
4462
|
+
return ea([
|
|
4463
|
+
ta({
|
|
4464
4464
|
title: this.title,
|
|
4465
4465
|
description: this.description
|
|
4466
4466
|
}),
|
|
4467
|
-
|
|
4467
|
+
vt(this.children)
|
|
4468
4468
|
]);
|
|
4469
4469
|
}
|
|
4470
4470
|
}
|
|
4471
4471
|
export {
|
|
4472
|
-
|
|
4473
|
-
|
|
4474
|
-
|
|
4475
|
-
|
|
4476
|
-
|
|
4477
|
-
|
|
4478
|
-
|
|
4479
|
-
|
|
4480
|
-
|
|
4481
|
-
|
|
4482
|
-
|
|
4483
|
-
|
|
4484
|
-
|
|
4485
|
-
|
|
4486
|
-
|
|
4487
|
-
|
|
4488
|
-
|
|
4489
|
-
|
|
4490
|
-
|
|
4491
|
-
|
|
4492
|
-
|
|
4493
|
-
|
|
4494
|
-
|
|
4495
|
-
|
|
4496
|
-
|
|
4497
|
-
|
|
4498
|
-
|
|
4499
|
-
|
|
4500
|
-
|
|
4472
|
+
Ta as $,
|
|
4473
|
+
ja as A,
|
|
4474
|
+
go as B,
|
|
4475
|
+
Us as C,
|
|
4476
|
+
Je as D,
|
|
4477
|
+
Va as E,
|
|
4478
|
+
lo as F,
|
|
4479
|
+
mo as G,
|
|
4480
|
+
eo as H,
|
|
4481
|
+
io as I,
|
|
4482
|
+
xa as J,
|
|
4483
|
+
ro as K,
|
|
4484
|
+
ma as L,
|
|
4485
|
+
Ba as M,
|
|
4486
|
+
_e as N,
|
|
4487
|
+
Ha as O,
|
|
4488
|
+
Ea as P,
|
|
4489
|
+
Aa as Q,
|
|
4490
|
+
ts as R,
|
|
4491
|
+
Zt as S,
|
|
4492
|
+
Ua as T,
|
|
4493
|
+
zt as U,
|
|
4494
|
+
Qt as V,
|
|
4495
|
+
Jt as W,
|
|
4496
|
+
Xt as X,
|
|
4497
|
+
F as Y,
|
|
4498
|
+
po as Z,
|
|
4499
|
+
wn as _,
|
|
4500
|
+
gs as a,
|
|
4501
4501
|
P as a$,
|
|
4502
4502
|
ie as a0,
|
|
4503
|
-
|
|
4504
|
-
|
|
4505
|
-
|
|
4503
|
+
Ut as a1,
|
|
4504
|
+
Ja as a2,
|
|
4505
|
+
Xe as a3,
|
|
4506
4506
|
N as a4,
|
|
4507
|
-
|
|
4508
|
-
|
|
4509
|
-
|
|
4510
|
-
|
|
4511
|
-
|
|
4512
|
-
|
|
4513
|
-
|
|
4514
|
-
|
|
4515
|
-
|
|
4516
|
-
|
|
4517
|
-
|
|
4507
|
+
Pt as a5,
|
|
4508
|
+
ga as a6,
|
|
4509
|
+
Za as a7,
|
|
4510
|
+
Ze as a8,
|
|
4511
|
+
ea as a9,
|
|
4512
|
+
bo as aA,
|
|
4513
|
+
Qn as aB,
|
|
4514
|
+
za as aC,
|
|
4515
|
+
xo as aD,
|
|
4516
|
+
Wa as aE,
|
|
4517
|
+
An as aF,
|
|
4518
4518
|
ye as aG,
|
|
4519
|
-
|
|
4520
|
-
|
|
4521
|
-
|
|
4522
|
-
|
|
4523
|
-
|
|
4524
|
-
|
|
4525
|
-
|
|
4526
|
-
|
|
4519
|
+
ba as aH,
|
|
4520
|
+
pa as aI,
|
|
4521
|
+
Ka as aJ,
|
|
4522
|
+
va as aK,
|
|
4523
|
+
oo as aL,
|
|
4524
|
+
qn as aM,
|
|
4525
|
+
Qa as aN,
|
|
4526
|
+
ua as aO,
|
|
4527
4527
|
Fa as aP,
|
|
4528
4528
|
x as aQ,
|
|
4529
|
-
|
|
4530
|
-
|
|
4531
|
-
|
|
4529
|
+
Ia as aR,
|
|
4530
|
+
uo as aS,
|
|
4531
|
+
zn as aT,
|
|
4532
4532
|
We as aU,
|
|
4533
4533
|
O as aV,
|
|
4534
|
-
|
|
4535
|
-
|
|
4536
|
-
|
|
4537
|
-
|
|
4538
|
-
|
|
4534
|
+
Sa as aW,
|
|
4535
|
+
Bs as aX,
|
|
4536
|
+
Kt as aY,
|
|
4537
|
+
ca as aZ,
|
|
4538
|
+
ia as a_,
|
|
4539
4539
|
$e as aa,
|
|
4540
|
-
|
|
4541
|
-
|
|
4542
|
-
|
|
4543
|
-
|
|
4544
|
-
|
|
4545
|
-
|
|
4546
|
-
|
|
4540
|
+
Ds as ab,
|
|
4541
|
+
ho as ac,
|
|
4542
|
+
fo as ad,
|
|
4543
|
+
As as ae,
|
|
4544
|
+
Ca as af,
|
|
4545
|
+
et as ag,
|
|
4546
|
+
On as ah,
|
|
4547
4547
|
Fn as ai,
|
|
4548
4548
|
Rn as aj,
|
|
4549
|
-
|
|
4550
|
-
|
|
4551
|
-
|
|
4552
|
-
|
|
4553
|
-
|
|
4554
|
-
|
|
4555
|
-
|
|
4549
|
+
Vn as ak,
|
|
4550
|
+
_a as al,
|
|
4551
|
+
$a as am,
|
|
4552
|
+
Gn as an,
|
|
4553
|
+
Zn as ao,
|
|
4554
|
+
Da as ap,
|
|
4555
|
+
Is as aq,
|
|
4556
4556
|
te as ar,
|
|
4557
|
-
|
|
4558
|
-
|
|
4559
|
-
|
|
4560
|
-
|
|
4561
|
-
|
|
4562
|
-
|
|
4557
|
+
Un as as,
|
|
4558
|
+
Na as at,
|
|
4559
|
+
ya as au,
|
|
4560
|
+
on as av,
|
|
4561
|
+
Pa as aw,
|
|
4562
|
+
La as ax,
|
|
4563
4563
|
Ra as ay,
|
|
4564
|
-
|
|
4565
|
-
|
|
4566
|
-
|
|
4567
|
-
|
|
4568
|
-
|
|
4569
|
-
|
|
4564
|
+
co as az,
|
|
4565
|
+
Yn as b,
|
|
4566
|
+
Ga as b0,
|
|
4567
|
+
da as c,
|
|
4568
|
+
Xn as d,
|
|
4569
|
+
Xa as e,
|
|
4570
4570
|
b as f,
|
|
4571
4571
|
Rs as g,
|
|
4572
|
-
|
|
4573
|
-
|
|
4574
|
-
|
|
4575
|
-
|
|
4576
|
-
|
|
4577
|
-
|
|
4578
|
-
|
|
4579
|
-
|
|
4580
|
-
|
|
4581
|
-
|
|
4582
|
-
|
|
4583
|
-
|
|
4584
|
-
|
|
4585
|
-
|
|
4586
|
-
|
|
4587
|
-
|
|
4572
|
+
Bt as h,
|
|
4573
|
+
jt as i,
|
|
4574
|
+
yn as j,
|
|
4575
|
+
fa as k,
|
|
4576
|
+
Oa as l,
|
|
4577
|
+
ha as m,
|
|
4578
|
+
Ma as n,
|
|
4579
|
+
qa as o,
|
|
4580
|
+
to as p,
|
|
4581
|
+
Ts as q,
|
|
4582
|
+
so as r,
|
|
4583
|
+
vn as s,
|
|
4584
|
+
wa as t,
|
|
4585
|
+
no as u,
|
|
4586
|
+
ao as v,
|
|
4587
|
+
ka as w,
|
|
4588
4588
|
oe as x,
|
|
4589
|
-
|
|
4590
|
-
|
|
4589
|
+
js as y,
|
|
4590
|
+
Ya as z
|
|
4591
4591
|
};
|