@myghf/ui 0.5.0 → 0.5.1
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/index.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import { clsx as e } from "clsx";
|
|
2
2
|
import { twMerge as t } from "tailwind-merge";
|
|
3
3
|
import { CalendarDate as n, CalendarDateTime as r, getLocalTimeZone as i } from "@internationalized/date";
|
|
4
|
-
import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, mergeProps as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, onBeforeUpdate as y, onMounted as b, openBlock as x, provide as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as E, toDisplayString as D, unref as O, useAttrs as k, useId as ee, useSlots as
|
|
4
|
+
import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, mergeProps as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, onBeforeUpdate as y, onMounted as b, openBlock as x, provide as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as E, toDisplayString as D, unref as O, useAttrs as k, useId as ee, useSlots as A, vModelSelect as te, vModelText as j, vShow as ne, watch as M, withCtx as N, withDirectives as P, withModifiers as F } from "vue";
|
|
5
5
|
import * as I from "lucide-vue-next";
|
|
6
6
|
import { Calendar as re, Check as L, ChevronDown as R, ChevronLeft as ie, ChevronRight as z, ChevronUp as ae, ChevronsLeft as oe, ChevronsRight as B, ChevronsUpDown as se, Clock as ce, Eye as le, EyeOff as ue, Moon as de, Search as fe, Sun as pe, X as V } from "lucide-vue-next";
|
|
7
7
|
import { tv as me } from "tailwind-variants";
|
|
8
|
-
import { CheckboxIndicator as he, CheckboxRoot as ge, DialogClose as _e, DialogContent as ve, DialogDescription as ye, DialogOverlay as be, DialogPortal as xe, DialogRoot as Se, DialogTitle as Ce, DialogTrigger as we, DropdownMenuContent as Te, DropdownMenuGroup as Ee, DropdownMenuItem as De, DropdownMenuLabel as Oe, DropdownMenuPortal as ke, DropdownMenuRoot as Ae, DropdownMenuSeparator as je, DropdownMenuTrigger as Me, NumberFieldDecrement as Ne, NumberFieldIncrement as Pe, NumberFieldInput as Fe, NumberFieldRoot as Ie, PopoverContent as Le,
|
|
9
|
-
import { FlexRender as
|
|
8
|
+
import { CheckboxIndicator as he, CheckboxRoot as ge, DialogClose as _e, DialogContent as ve, DialogDescription as ye, DialogOverlay as be, DialogPortal as xe, DialogRoot as Se, DialogTitle as Ce, DialogTrigger as we, DropdownMenuContent as Te, DropdownMenuGroup as Ee, DropdownMenuItem as De, DropdownMenuLabel as Oe, DropdownMenuPortal as ke, DropdownMenuRoot as Ae, DropdownMenuSeparator as je, DropdownMenuTrigger as Me, NumberFieldDecrement as Ne, NumberFieldIncrement as Pe, NumberFieldInput as Fe, NumberFieldRoot as Ie, PopoverContent as Le, PopoverPortal as Re, PopoverRoot as ze, PopoverTrigger as Be, RadioGroupIndicator as Ve, RadioGroupItem as He, RadioGroupRoot as Ue, SelectContent as We, SelectItem as Ge, SelectItemIndicator as Ke, SelectItemText as qe, SelectPortal as Je, SelectRoot as Ye, SelectTrigger as Xe, SelectValue as Ze, TabsContent as Qe, TabsList as $e, TabsRoot as et, TabsTrigger as tt, ToastAction as nt, ToastClose as rt, ToastDescription as it, ToastProvider as at, ToastRoot as ot, ToastTitle as st, ToastViewport as ct, TreeItem as lt, TreeRoot as ut, VisuallyHidden as dt } from "reka-ui";
|
|
9
|
+
import { FlexRender as ft, createExpandedRowModel as pt, createPaginatedRowModel as mt, createSortedRowModel as ht, rowExpandingFeature as gt, rowPaginationFeature as _t, rowSortingFeature as vt, sortFns as yt, tableFeatures as bt, useTable as xt } from "@tanstack/vue-table";
|
|
10
10
|
//#region src/lib/cn.ts
|
|
11
11
|
function H(...n) {
|
|
12
12
|
return t(e(n));
|
|
13
13
|
}
|
|
14
14
|
//#endregion
|
|
15
15
|
//#region src/lib/date.ts
|
|
16
|
-
function
|
|
16
|
+
function St(e) {
|
|
17
17
|
return new n(e.getFullYear(), e.getMonth() + 1, e.getDate());
|
|
18
18
|
}
|
|
19
|
-
function
|
|
19
|
+
function Ct(e) {
|
|
20
20
|
return e instanceof r ? e.toDate(i()) : new Date(e.year, e.month - 1, e.day);
|
|
21
21
|
}
|
|
22
|
-
function
|
|
22
|
+
function wt(e) {
|
|
23
23
|
let [t, n] = e.split(":").map(Number);
|
|
24
24
|
return t * 60 + (n || 0);
|
|
25
25
|
}
|
|
@@ -27,21 +27,21 @@ function U(e) {
|
|
|
27
27
|
let t = Math.floor(e / 60), n = e % 60;
|
|
28
28
|
return `${String(t).padStart(2, "0")}:${String(n).padStart(2, "0")}`;
|
|
29
29
|
}
|
|
30
|
-
function
|
|
30
|
+
function Tt(e, t) {
|
|
31
31
|
let n = new Date(e);
|
|
32
|
-
return n.setHours(Math.floor(
|
|
32
|
+
return n.setHours(Math.floor(wt(t) / 60), wt(t) % 60, 0, 0), n;
|
|
33
33
|
}
|
|
34
34
|
function W(e, t) {
|
|
35
35
|
return !e || !t || e.getTime() <= t.getTime() ? [e, t] : [t, e];
|
|
36
36
|
}
|
|
37
|
-
function
|
|
37
|
+
function Et(e) {
|
|
38
38
|
let t = e.getMonth() + 1, n = e.getDate();
|
|
39
39
|
return `${e.getFullYear()}-${String(t).padStart(2, "0")}-${String(n).padStart(2, "0")}`;
|
|
40
40
|
}
|
|
41
|
-
function
|
|
41
|
+
function Dt(e) {
|
|
42
42
|
return e === "12" ? Array.from({ length: 12 }, (e, t) => t + 1) : Array.from({ length: 24 }, (e, t) => t);
|
|
43
43
|
}
|
|
44
|
-
function
|
|
44
|
+
function Ot(e) {
|
|
45
45
|
let t = Number.isFinite(e) && e > 0 ? e : 1, n = [];
|
|
46
46
|
for (let e = 0; e < 60; e += t) n.push(e);
|
|
47
47
|
return n;
|
|
@@ -53,24 +53,24 @@ function G(e) {
|
|
|
53
53
|
meridiem: n
|
|
54
54
|
};
|
|
55
55
|
}
|
|
56
|
-
function
|
|
56
|
+
function kt(e, t) {
|
|
57
57
|
let n = Math.trunc(e) % 12;
|
|
58
58
|
return t === "pm" ? n + 12 : n;
|
|
59
59
|
}
|
|
60
60
|
//#endregion
|
|
61
61
|
//#region src/lib/locale.ts
|
|
62
|
-
function
|
|
62
|
+
function At(e) {
|
|
63
63
|
try {
|
|
64
64
|
let t = new Intl.Locale(e), n = t.weekInfo ?? t.getWeekInfo?.();
|
|
65
65
|
if (n && typeof n.firstDay == "number") return n.firstDay % 7;
|
|
66
66
|
} catch {}
|
|
67
67
|
return 1;
|
|
68
68
|
}
|
|
69
|
-
function
|
|
69
|
+
function jt(e, t) {
|
|
70
70
|
let n = (Math.trunc(t) % 7 + 7) % 7, r = new Intl.DateTimeFormat(e, { weekday: "short" });
|
|
71
71
|
return Array.from({ length: 7 }, (e, t) => r.format(new Date(2026, 0, 4 + (n + t) % 7)));
|
|
72
72
|
}
|
|
73
|
-
function
|
|
73
|
+
function Mt(e, t) {
|
|
74
74
|
return new Intl.DateTimeFormat(t, {
|
|
75
75
|
month: "long",
|
|
76
76
|
year: "numeric"
|
|
@@ -79,7 +79,7 @@ function At(e, t) {
|
|
|
79
79
|
function K(e, t) {
|
|
80
80
|
return new Intl.DateTimeFormat(t, { dateStyle: "medium" }).format(e);
|
|
81
81
|
}
|
|
82
|
-
function
|
|
82
|
+
function Nt(e, t, n) {
|
|
83
83
|
let r = n === "24" ? {
|
|
84
84
|
hour: "2-digit",
|
|
85
85
|
minute: "2-digit",
|
|
@@ -93,10 +93,10 @@ function jt(e, t, n) {
|
|
|
93
93
|
}
|
|
94
94
|
//#endregion
|
|
95
95
|
//#region src/lib/number.ts
|
|
96
|
-
function
|
|
96
|
+
function Pt(e) {
|
|
97
97
|
return e == null || !Number.isFinite(e) ? null : e;
|
|
98
98
|
}
|
|
99
|
-
function
|
|
99
|
+
function Ft(e) {
|
|
100
100
|
return {
|
|
101
101
|
...e.currency ? {
|
|
102
102
|
style: "currency",
|
|
@@ -108,13 +108,13 @@ function Nt(e) {
|
|
|
108
108
|
}
|
|
109
109
|
//#endregion
|
|
110
110
|
//#region src/lib/icons.ts
|
|
111
|
-
function
|
|
111
|
+
function It(e) {
|
|
112
112
|
return e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
|
|
113
113
|
}
|
|
114
|
-
var
|
|
115
|
-
function
|
|
114
|
+
var Lt = "circle";
|
|
115
|
+
function Rt(e) {
|
|
116
116
|
let t = e.trim();
|
|
117
|
-
return t ? t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase() :
|
|
117
|
+
return t ? t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase() : Lt;
|
|
118
118
|
}
|
|
119
119
|
//#endregion
|
|
120
120
|
//#region src/lib/tones.ts
|
|
@@ -149,14 +149,14 @@ var q = {
|
|
|
149
149
|
icon: "text-muted",
|
|
150
150
|
role: "status"
|
|
151
151
|
}
|
|
152
|
-
},
|
|
152
|
+
}, zt = "myghf-theme", Bt = "both", Vt = "system";
|
|
153
153
|
function J() {
|
|
154
154
|
return typeof window < "u" && typeof document < "u";
|
|
155
155
|
}
|
|
156
|
-
function
|
|
156
|
+
function Ht() {
|
|
157
157
|
return !J() || typeof window.matchMedia != "function" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
|
|
158
158
|
}
|
|
159
|
-
function
|
|
159
|
+
function Ut(e) {
|
|
160
160
|
try {
|
|
161
161
|
let t = window.localStorage.getItem(e);
|
|
162
162
|
return t === "light" || t === "dark" || t === "system" ? t : null;
|
|
@@ -164,15 +164,15 @@ function Vt(e) {
|
|
|
164
164
|
return null;
|
|
165
165
|
}
|
|
166
166
|
}
|
|
167
|
-
function
|
|
167
|
+
function Wt(e) {
|
|
168
168
|
return {
|
|
169
|
-
storageKey: e.storageKey ??
|
|
170
|
-
attribute: e.attribute ??
|
|
171
|
-
defaultMode: e.defaultMode ??
|
|
169
|
+
storageKey: e.storageKey ?? zt,
|
|
170
|
+
attribute: e.attribute ?? Bt,
|
|
171
|
+
defaultMode: e.defaultMode ?? Vt
|
|
172
172
|
};
|
|
173
173
|
}
|
|
174
|
-
function
|
|
175
|
-
let { storageKey: t, attribute: n, defaultMode: r } =
|
|
174
|
+
function Gt(e = {}) {
|
|
175
|
+
let { storageKey: t, attribute: n, defaultMode: r } = Wt(e), i = J() ? Ut(t) ?? r : r, a = C(i), s = o(() => a.value === "system" ? Ht() : a.value), c = o(() => s.value === "dark");
|
|
176
176
|
function l() {
|
|
177
177
|
if (!J()) return;
|
|
178
178
|
let e = c.value, t = document.documentElement;
|
|
@@ -212,20 +212,20 @@ function Ut(e = {}) {
|
|
|
212
212
|
reset: h
|
|
213
213
|
};
|
|
214
214
|
}
|
|
215
|
-
var
|
|
216
|
-
function
|
|
217
|
-
return
|
|
215
|
+
var Kt = null;
|
|
216
|
+
function qt(e) {
|
|
217
|
+
return Kt || (Kt = Gt(e), Kt);
|
|
218
218
|
}
|
|
219
219
|
//#endregion
|
|
220
220
|
//#region src/components/theme-toggle/ThemeToggle.vue?vue&type=script&setup=true&lang.ts
|
|
221
|
-
var
|
|
221
|
+
var Jt = ["aria-label", "aria-pressed"], Yt = /* @__PURE__ */ p({
|
|
222
222
|
__name: "ThemeToggle",
|
|
223
223
|
props: {
|
|
224
224
|
size: { default: "default" },
|
|
225
225
|
label: { default: "Toggle theme" }
|
|
226
226
|
},
|
|
227
227
|
setup(e) {
|
|
228
|
-
let t = e, { isDark: n, toggle: r } =
|
|
228
|
+
let t = e, { isDark: n, toggle: r } = qt(), i = {
|
|
229
229
|
sm: "h-8 px-3 text-xs",
|
|
230
230
|
default: "h-9 px-4",
|
|
231
231
|
lg: "h-10 px-6"
|
|
@@ -242,7 +242,7 @@ var Kt = ["aria-label", "aria-pressed"], qt = /* @__PURE__ */ p({
|
|
|
242
242
|
"aria-label": e.label,
|
|
243
243
|
"aria-pressed": O(n),
|
|
244
244
|
onClick: i[0] ||= (e) => O(r)()
|
|
245
|
-
}, [O(n) ? (x(), s(O(pe), { key: 0 })) : (x(), s(O(de), { key: 1 }))], 10,
|
|
245
|
+
}, [O(n) ? (x(), s(O(pe), { key: 0 })) : (x(), s(O(de), { key: 1 }))], 10, Jt));
|
|
246
246
|
}
|
|
247
247
|
}), Y = /* @__PURE__ */ p({
|
|
248
248
|
__name: "Icon",
|
|
@@ -251,7 +251,7 @@ var Kt = ["aria-label", "aria-pressed"], qt = /* @__PURE__ */ p({
|
|
|
251
251
|
size: { default: 16 }
|
|
252
252
|
},
|
|
253
253
|
setup(e) {
|
|
254
|
-
let t = e, n = o(() => I[
|
|
254
|
+
let t = e, n = o(() => I[It(Rt(t.name))] ?? I.Circle);
|
|
255
255
|
return (t, r) => (x(), s(E(n.value), {
|
|
256
256
|
size: e.size,
|
|
257
257
|
"aria-hidden": "true",
|
|
@@ -259,7 +259,7 @@ var Kt = ["aria-label", "aria-pressed"], qt = /* @__PURE__ */ p({
|
|
|
259
259
|
name: e.name
|
|
260
260
|
}, null, 8, ["size", "name"]));
|
|
261
261
|
}
|
|
262
|
-
}),
|
|
262
|
+
}), Xt = [
|
|
263
263
|
"type",
|
|
264
264
|
"disabled",
|
|
265
265
|
"data-loading",
|
|
@@ -337,15 +337,15 @@ var Kt = ["aria-label", "aria-pressed"], qt = /* @__PURE__ */ p({
|
|
|
337
337
|
name: e.icon,
|
|
338
338
|
"aria-hidden": "true"
|
|
339
339
|
}, null, 8, ["name"])) : c("", !0)
|
|
340
|
-
], 16,
|
|
340
|
+
], 16, Xt));
|
|
341
341
|
}
|
|
342
|
-
}),
|
|
342
|
+
}), Zt = Symbol("myghf-form-field");
|
|
343
343
|
function Z() {
|
|
344
|
-
return m(
|
|
344
|
+
return m(Zt, null);
|
|
345
345
|
}
|
|
346
346
|
//#endregion
|
|
347
347
|
//#region src/components/input/Input.vue?vue&type=script&setup=true&lang.ts
|
|
348
|
-
var
|
|
348
|
+
var Qt = { class: "relative w-full" }, $t = [
|
|
349
349
|
"id",
|
|
350
350
|
"type",
|
|
351
351
|
"name",
|
|
@@ -356,7 +356,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
356
356
|
"required",
|
|
357
357
|
"aria-invalid",
|
|
358
358
|
"aria-describedby"
|
|
359
|
-
],
|
|
359
|
+
], en = /* @__PURE__ */ p({
|
|
360
360
|
__name: "Input",
|
|
361
361
|
props: {
|
|
362
362
|
modelValue: {},
|
|
@@ -381,7 +381,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
381
381
|
emits: ["update:modelValue"],
|
|
382
382
|
setup(e, { expose: t, emit: n }) {
|
|
383
383
|
let r = e, i = n, a = k(), d = C(), f = Z(), p = o(() => r.id ?? f?.id.value), m = o(() => r.invalid ?? f?.invalid.value ?? !1), g = o(() => r.required ?? f?.required.value ?? !1), _ = o(() => f?.describedBy.value);
|
|
384
|
-
return t({ focus: () => d.value?.focus() }), (t, n) => (x(), l("div",
|
|
384
|
+
return t({ focus: () => d.value?.focus() }), (t, n) => (x(), l("div", Qt, [
|
|
385
385
|
e.leadingIcon ? (x(), s(Y, {
|
|
386
386
|
key: 0,
|
|
387
387
|
name: e.leadingIcon,
|
|
@@ -407,7 +407,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
407
407
|
e.trailingIcon ? "pe-9" : "pe-3",
|
|
408
408
|
m.value ? "border-error-500 focus-visible:ring-error-500" : ""
|
|
409
409
|
]
|
|
410
|
-
}, O(a), { onInput: n[0] ||= (e) => i("update:modelValue", e.target.value) }), null, 16,
|
|
410
|
+
}, O(a), { onInput: n[0] ||= (e) => i("update:modelValue", e.target.value) }), null, 16, $t),
|
|
411
411
|
e.trailingIcon ? (x(), s(Y, {
|
|
412
412
|
key: 1,
|
|
413
413
|
name: e.trailingIcon,
|
|
@@ -415,16 +415,16 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
415
415
|
}, null, 8, ["name"])) : c("", !0)
|
|
416
416
|
]));
|
|
417
417
|
}
|
|
418
|
-
}),
|
|
418
|
+
}), tn = {
|
|
419
419
|
key: 0,
|
|
420
420
|
class: "shrink-0 select-none text-muted"
|
|
421
|
-
},
|
|
421
|
+
}, nn = {
|
|
422
422
|
key: 1,
|
|
423
423
|
class: "shrink-0 select-none text-muted"
|
|
424
|
-
},
|
|
424
|
+
}, rn = {
|
|
425
425
|
key: 2,
|
|
426
426
|
class: "ms-1 flex shrink-0 flex-col"
|
|
427
|
-
},
|
|
427
|
+
}, an = /* @__PURE__ */ p({
|
|
428
428
|
inheritAttrs: !1,
|
|
429
429
|
__name: "InputNumber",
|
|
430
430
|
props: {
|
|
@@ -450,7 +450,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
450
450
|
},
|
|
451
451
|
emits: ["update:modelValue"],
|
|
452
452
|
setup(e, { emit: t }) {
|
|
453
|
-
let n = e, r = t, i = k(), a = o(() => Number.isFinite(n.step) && n.step > 0 ? n.step : 1), s = o(() =>
|
|
453
|
+
let n = e, r = t, i = k(), a = o(() => Number.isFinite(n.step) && n.step > 0 ? n.step : 1), s = o(() => Ft({
|
|
454
454
|
currency: n.currency,
|
|
455
455
|
formatOptions: n.formatOptions,
|
|
456
456
|
integer: n.integer
|
|
@@ -478,10 +478,10 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
478
478
|
id: e.id,
|
|
479
479
|
name: e.name,
|
|
480
480
|
class: "flex min-w-0 flex-1 items-center gap-1",
|
|
481
|
-
"onUpdate:modelValue": n[0] ||= (e) => r("update:modelValue", O(
|
|
481
|
+
"onUpdate:modelValue": n[0] ||= (e) => r("update:modelValue", O(Pt)(e))
|
|
482
482
|
}, {
|
|
483
483
|
default: N(() => [
|
|
484
|
-
e.prefix ? (x(), l("span",
|
|
484
|
+
e.prefix ? (x(), l("span", tn, D(e.prefix), 1)) : c("", !0),
|
|
485
485
|
f(O(Fe), h(O(i), {
|
|
486
486
|
placeholder: e.placeholder,
|
|
487
487
|
"aria-invalid": e.invalid || void 0,
|
|
@@ -492,8 +492,8 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
492
492
|
"aria-invalid",
|
|
493
493
|
"aria-valuetext"
|
|
494
494
|
]),
|
|
495
|
-
e.suffix ? (x(), l("span",
|
|
496
|
-
e.showButtons ? (x(), l("div",
|
|
495
|
+
e.suffix ? (x(), l("span", nn, D(e.suffix), 1)) : c("", !0),
|
|
496
|
+
e.showButtons ? (x(), l("div", rn, [f(O(Pe), { class: "flex size-4 items-center justify-center rounded text-muted transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-40" }, {
|
|
497
497
|
default: N(() => [f(Y, {
|
|
498
498
|
name: "chevron-up",
|
|
499
499
|
size: 12
|
|
@@ -522,7 +522,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
522
522
|
"name"
|
|
523
523
|
])], 2));
|
|
524
524
|
}
|
|
525
|
-
}),
|
|
525
|
+
}), on = [
|
|
526
526
|
"id",
|
|
527
527
|
"value",
|
|
528
528
|
"placeholder",
|
|
@@ -531,7 +531,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
531
531
|
"required",
|
|
532
532
|
"aria-invalid",
|
|
533
533
|
"aria-describedby"
|
|
534
|
-
],
|
|
534
|
+
], sn = /* @__PURE__ */ p({
|
|
535
535
|
__name: "Textarea",
|
|
536
536
|
props: {
|
|
537
537
|
modelValue: {},
|
|
@@ -584,19 +584,19 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
584
584
|
e.autoResize ? "resize-none" : "",
|
|
585
585
|
c.value ? "overflow-y-auto" : ""
|
|
586
586
|
]
|
|
587
|
-
}, O(i), { onInput: g }), null, 16,
|
|
587
|
+
}, O(i), { onInput: g }), null, 16, on));
|
|
588
588
|
}
|
|
589
|
-
}),
|
|
589
|
+
}), cn = { class: "w-full" }, ln = { class: "relative w-full" }, un = [
|
|
590
590
|
"id",
|
|
591
591
|
"type",
|
|
592
592
|
"value",
|
|
593
593
|
"placeholder",
|
|
594
594
|
"disabled"
|
|
595
|
-
],
|
|
595
|
+
], dn = ["disabled"], fn = {
|
|
596
596
|
key: 0,
|
|
597
597
|
class: "mt-1.5 flex items-center gap-1.5",
|
|
598
598
|
"aria-hidden": "true"
|
|
599
|
-
},
|
|
599
|
+
}, pn = /* @__PURE__ */ p({
|
|
600
600
|
__name: "Password",
|
|
601
601
|
props: {
|
|
602
602
|
modelValue: {},
|
|
@@ -617,7 +617,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
617
617
|
let t = 0;
|
|
618
618
|
return e.length >= 8 && t++, e.length >= 12 && t++, /[A-Z]/.test(e) && /[a-z]/.test(e) && t++, /\d/.test(e) && t++, /[^A-Za-z0-9]/.test(e) && t++, Math.max(1, Math.min(4, Math.ceil(t / 5 * 4)));
|
|
619
619
|
});
|
|
620
|
-
return (t, n) => (x(), l("div",
|
|
620
|
+
return (t, n) => (x(), l("div", cn, [u("div", ln, [u("input", h({
|
|
621
621
|
id: e.id,
|
|
622
622
|
type: f.value,
|
|
623
623
|
value: e.modelValue,
|
|
@@ -628,7 +628,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
628
628
|
e.invalid ? "border-error-500 focus-visible:ring-error-500" : "",
|
|
629
629
|
"pe-10"
|
|
630
630
|
]
|
|
631
|
-
}, O(i), { onInput: n[0] ||= (e) => r("update:modelValue", e.target.value) }), null, 16,
|
|
631
|
+
}, O(i), { onInput: n[0] ||= (e) => r("update:modelValue", e.target.value) }), null, 16, un), u("button", {
|
|
632
632
|
type: "button",
|
|
633
633
|
disabled: e.disabled,
|
|
634
634
|
"aria-label": "Toggle password visibility",
|
|
@@ -640,16 +640,16 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
640
640
|
})) : (x(), s(O(le), {
|
|
641
641
|
key: 1,
|
|
642
642
|
class: "size-4"
|
|
643
|
-
}))], 8,
|
|
643
|
+
}))], 8, dn)]), e.feedback && e.modelValue ? (x(), l("div", fn, [(x(), l(a, null, w(4, (e) => u("span", {
|
|
644
644
|
key: e,
|
|
645
645
|
class: g(["h-1 flex-1 rounded-full transition-colors", e <= p.value ? "bg-success-500" : "bg-surface-muted"])
|
|
646
646
|
}, null, 2)), 64))])) : c("", !0)]));
|
|
647
647
|
}
|
|
648
|
-
}),
|
|
648
|
+
}), mn = ["for"], hn = {
|
|
649
649
|
key: 0,
|
|
650
650
|
class: "text-error-600",
|
|
651
651
|
"aria-hidden": "true"
|
|
652
|
-
},
|
|
652
|
+
}, gn = /* @__PURE__ */ p({
|
|
653
653
|
__name: "Label",
|
|
654
654
|
props: {
|
|
655
655
|
for: {},
|
|
@@ -660,9 +660,9 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
660
660
|
return (t, n) => (x(), l("label", {
|
|
661
661
|
for: r.value,
|
|
662
662
|
class: "text-sm font-medium text-foreground text-start"
|
|
663
|
-
}, [T(t.$slots, "default"), e.required ? (x(), l("span",
|
|
663
|
+
}, [T(t.$slots, "default"), e.required ? (x(), l("span", hn, "*")) : c("", !0)], 8, mn));
|
|
664
664
|
}
|
|
665
|
-
}),
|
|
665
|
+
}), _n = ["id"], vn = /* @__PURE__ */ p({
|
|
666
666
|
__name: "FormDescription",
|
|
667
667
|
props: { id: {} },
|
|
668
668
|
setup(e) {
|
|
@@ -670,9 +670,9 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
670
670
|
key: 0,
|
|
671
671
|
id: e.id,
|
|
672
672
|
class: "text-sm text-muted"
|
|
673
|
-
}, [T(t.$slots, "default")], 8,
|
|
673
|
+
}, [T(t.$slots, "default")], 8, _n)) : c("", !0);
|
|
674
674
|
}
|
|
675
|
-
}),
|
|
675
|
+
}), yn = ["id"], bn = /* @__PURE__ */ p({
|
|
676
676
|
__name: "FormMessage",
|
|
677
677
|
props: { id: {} },
|
|
678
678
|
setup(e) {
|
|
@@ -681,9 +681,9 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
681
681
|
id: e.id,
|
|
682
682
|
role: "alert",
|
|
683
683
|
class: "text-sm text-error-600"
|
|
684
|
-
}, [T(t.$slots, "default")], 8,
|
|
684
|
+
}, [T(t.$slots, "default")], 8, yn)) : c("", !0);
|
|
685
685
|
}
|
|
686
|
-
}),
|
|
686
|
+
}), xn = { class: "grid gap-2" }, Sn = /* @__PURE__ */ p({
|
|
687
687
|
__name: "FormField",
|
|
688
688
|
props: {
|
|
689
689
|
label: {},
|
|
@@ -697,7 +697,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
697
697
|
id: {}
|
|
698
698
|
},
|
|
699
699
|
setup(e) {
|
|
700
|
-
let t = e, n =
|
|
700
|
+
let t = e, n = A(), r = C(0);
|
|
701
701
|
y(() => {
|
|
702
702
|
r.value++;
|
|
703
703
|
});
|
|
@@ -706,13 +706,13 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
706
706
|
let e = [];
|
|
707
707
|
return (t.description || n.description) && e.push(`${a.value}-description`), (t.error || n.error) && e.push(`${a.value}-error`), e.length > 0 ? e.join(" ") : void 0;
|
|
708
708
|
});
|
|
709
|
-
return S(
|
|
709
|
+
return S(Zt, {
|
|
710
710
|
id: a,
|
|
711
711
|
describedBy: p,
|
|
712
712
|
invalid: u,
|
|
713
713
|
required: f
|
|
714
|
-
}), (t, n) => (x(), l("div",
|
|
715
|
-
e.label || t.$slots.label ? (x(), s(
|
|
714
|
+
}), (t, n) => (x(), l("div", xn, [
|
|
715
|
+
e.label || t.$slots.label ? (x(), s(gn, {
|
|
716
716
|
key: 0,
|
|
717
717
|
for: a.value,
|
|
718
718
|
required: f.value
|
|
@@ -721,14 +721,14 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
721
721
|
_: 3
|
|
722
722
|
}, 8, ["for", "required"])) : c("", !0),
|
|
723
723
|
T(t.$slots, "default"),
|
|
724
|
-
e.description || t.$slots.description ? (x(), s(
|
|
724
|
+
e.description || t.$slots.description ? (x(), s(vn, {
|
|
725
725
|
key: 1,
|
|
726
726
|
id: `${a.value}-description`
|
|
727
727
|
}, {
|
|
728
728
|
default: N(() => [T(t.$slots, "description", {}, () => [d(D(e.description), 1)])]),
|
|
729
729
|
_: 3
|
|
730
730
|
}, 8, ["id"])) : c("", !0),
|
|
731
|
-
e.error || t.$slots.error ? (x(), s(
|
|
731
|
+
e.error || t.$slots.error ? (x(), s(bn, {
|
|
732
732
|
key: 2,
|
|
733
733
|
id: `${a.value}-error`
|
|
734
734
|
}, {
|
|
@@ -737,7 +737,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
737
737
|
}, 8, ["id"])) : c("", !0)
|
|
738
738
|
]));
|
|
739
739
|
}
|
|
740
|
-
}),
|
|
740
|
+
}), Cn = /* @__PURE__ */ p({
|
|
741
741
|
__name: "Checkbox",
|
|
742
742
|
props: {
|
|
743
743
|
modelValue: {
|
|
@@ -768,7 +768,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
768
768
|
"disabled"
|
|
769
769
|
]));
|
|
770
770
|
}
|
|
771
|
-
}),
|
|
771
|
+
}), wn = ["aria-label"], Tn = /* @__PURE__ */ p({
|
|
772
772
|
__name: "Tag",
|
|
773
773
|
props: {
|
|
774
774
|
tone: { default: "secondary" },
|
|
@@ -792,13 +792,13 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
792
792
|
"aria-label": e.removeLabel,
|
|
793
793
|
class: "-me-0.5 ms-0.5 rounded-full p-0.5 transition-colors hover:bg-black/10 dark:hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
|
|
794
794
|
onClick: r[0] ||= F((e) => n("remove"), ["stop"])
|
|
795
|
-
}, [f(O(V), { class: "size-3" })], 8,
|
|
795
|
+
}, [f(O(V), { class: "size-3" })], 8, wn)) : c("", !0)
|
|
796
796
|
], 2));
|
|
797
797
|
}
|
|
798
|
-
}),
|
|
798
|
+
}), En = ["role"], Dn = { class: "min-w-0 flex-1" }, On = {
|
|
799
799
|
key: 0,
|
|
800
800
|
class: "font-medium"
|
|
801
|
-
},
|
|
801
|
+
}, kn = ["aria-label"], An = /* @__PURE__ */ p({
|
|
802
802
|
__name: "Alert",
|
|
803
803
|
props: {
|
|
804
804
|
tone: { default: "info" },
|
|
@@ -850,10 +850,10 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
850
850
|
function ee() {
|
|
851
851
|
o.value = !1, E();
|
|
852
852
|
}
|
|
853
|
-
function
|
|
853
|
+
function A() {
|
|
854
854
|
p.value = !0, w();
|
|
855
855
|
}
|
|
856
|
-
function
|
|
856
|
+
function te() {
|
|
857
857
|
p.value = !1, E();
|
|
858
858
|
}
|
|
859
859
|
function j() {
|
|
@@ -867,16 +867,16 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
867
867
|
class: g(["flex w-full items-start gap-3 rounded-lg p-4 text-sm", O(q)[e.tone][e.variant]]),
|
|
868
868
|
onMouseenter: k,
|
|
869
869
|
onMouseleave: ee,
|
|
870
|
-
onFocusin:
|
|
871
|
-
onFocusout:
|
|
870
|
+
onFocusin: A,
|
|
871
|
+
onFocusout: te
|
|
872
872
|
}, [
|
|
873
873
|
T(t.$slots, "icon", {}, () => [e.showIcon ? (x(), s(Y, {
|
|
874
874
|
key: 0,
|
|
875
875
|
name: e.icon || i[e.tone],
|
|
876
876
|
class: g(["mt-0.5 size-4 shrink-0", O(q)[e.tone].icon])
|
|
877
877
|
}, null, 8, ["name", "class"])) : c("", !0)]),
|
|
878
|
-
u("div",
|
|
879
|
-
e.title || t.$slots.title ? (x(), l("p",
|
|
878
|
+
u("div", Dn, [
|
|
879
|
+
e.title || t.$slots.title ? (x(), l("p", On, [T(t.$slots, "title", {}, () => [d(D(e.title), 1)])])) : c("", !0),
|
|
880
880
|
e.description || t.$slots.description ? (x(), l("div", {
|
|
881
881
|
key: 1,
|
|
882
882
|
class: g(["leading-relaxed", e.title || t.$slots.title ? "mt-1" : ""])
|
|
@@ -890,10 +890,10 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
890
890
|
"aria-label": e.closeLabel,
|
|
891
891
|
class: "-me-1 -mt-1 ms-auto shrink-0 rounded-md p-1 transition-colors hover:bg-black/10 dark:hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
|
|
892
892
|
onClick: j
|
|
893
|
-
}, [T(t.$slots, "close", {}, () => [f(O(V), { class: "size-4" })])], 8,
|
|
894
|
-
], 42,
|
|
893
|
+
}, [T(t.$slots, "close", {}, () => [f(O(V), { class: "size-4" })])], 8, kn)) : c("", !0)
|
|
894
|
+
], 42, En));
|
|
895
895
|
}
|
|
896
|
-
}),
|
|
896
|
+
}), jn = { class: "sr-only" }, Mn = /* @__PURE__ */ p({
|
|
897
897
|
__name: "Spinner",
|
|
898
898
|
props: {
|
|
899
899
|
size: { default: "default" },
|
|
@@ -914,9 +914,9 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
914
914
|
name: "loader-circle",
|
|
915
915
|
class: g(O(H)("animate-spin", n[e.size])),
|
|
916
916
|
"aria-hidden": "true"
|
|
917
|
-
}, null, 8, ["class"]), u("span",
|
|
917
|
+
}, null, 8, ["class"]), u("span", jn, D(e.label), 1)], 2));
|
|
918
918
|
}
|
|
919
|
-
}),
|
|
919
|
+
}), Nn = /* @__PURE__ */ p({
|
|
920
920
|
inheritAttrs: !1,
|
|
921
921
|
__name: "Skeleton",
|
|
922
922
|
props: {
|
|
@@ -944,7 +944,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
944
944
|
}
|
|
945
945
|
}, n.$attrs), [T(n.$slots, "default")], 16));
|
|
946
946
|
}
|
|
947
|
-
}),
|
|
947
|
+
}), Pn = ["src", "alt"], Fn = ["role", "aria-label"], In = /* @__PURE__ */ p({
|
|
948
948
|
inheritAttrs: !1,
|
|
949
949
|
__name: "Avatar",
|
|
950
950
|
props: {
|
|
@@ -975,19 +975,19 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
975
975
|
alt: e.alt ?? e.name ?? "",
|
|
976
976
|
class: O(H)(a.value, "shrink-0 rounded-full object-cover"),
|
|
977
977
|
onError: n[0] ||= (e) => c.value = !0
|
|
978
|
-
}), null, 16,
|
|
978
|
+
}), null, 16, Pn)) : (x(), l("span", h({ key: 1 }, t.$attrs, {
|
|
979
979
|
role: s.value ? "img" : void 0,
|
|
980
980
|
"aria-label": s.value,
|
|
981
981
|
class: O(H)(a.value, O(q).info.soft, "inline-flex shrink-0 items-center justify-center rounded-full font-medium")
|
|
982
|
-
}), D(i.value), 17,
|
|
982
|
+
}), D(i.value), 17, Fn));
|
|
983
983
|
}
|
|
984
|
-
}),
|
|
984
|
+
}), Ln = /* @__PURE__ */ p({
|
|
985
985
|
__name: "Tabs",
|
|
986
986
|
props: { modelValue: {} },
|
|
987
987
|
emits: ["update:modelValue"],
|
|
988
988
|
setup(e, { emit: t }) {
|
|
989
989
|
let n = t;
|
|
990
|
-
return (t, r) => (x(), s(O(
|
|
990
|
+
return (t, r) => (x(), s(O(et), {
|
|
991
991
|
"model-value": e.modelValue,
|
|
992
992
|
"onUpdate:modelValue": r[0] ||= (e) => n("update:modelValue", e)
|
|
993
993
|
}, {
|
|
@@ -995,22 +995,22 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
995
995
|
_: 3
|
|
996
996
|
}, 8, ["model-value"]));
|
|
997
997
|
}
|
|
998
|
-
}),
|
|
998
|
+
}), Rn = /* @__PURE__ */ p({
|
|
999
999
|
__name: "TabsList",
|
|
1000
1000
|
setup(e) {
|
|
1001
|
-
return (e, t) => (x(), s(O(
|
|
1001
|
+
return (e, t) => (x(), s(O($e), { class: "inline-flex h-9 w-full items-center justify-start gap-1 rounded-lg bg-surface-muted p-1 text-muted" }, {
|
|
1002
1002
|
default: N(() => [T(e.$slots, "default")]),
|
|
1003
1003
|
_: 3
|
|
1004
1004
|
}));
|
|
1005
1005
|
}
|
|
1006
|
-
}),
|
|
1006
|
+
}), zn = /* @__PURE__ */ p({
|
|
1007
1007
|
__name: "TabsTrigger",
|
|
1008
1008
|
props: {
|
|
1009
1009
|
value: {},
|
|
1010
1010
|
disabled: { type: Boolean }
|
|
1011
1011
|
},
|
|
1012
1012
|
setup(e) {
|
|
1013
|
-
return (t, n) => (x(), s(O(
|
|
1013
|
+
return (t, n) => (x(), s(O(tt), {
|
|
1014
1014
|
value: e.value,
|
|
1015
1015
|
disabled: e.disabled,
|
|
1016
1016
|
class: "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 data-[state=active]:bg-surface data-[state=active]:text-foreground data-[state=active]:shadow-sm data-[disabled]:opacity-50"
|
|
@@ -1019,7 +1019,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1019
1019
|
_: 3
|
|
1020
1020
|
}, 8, ["value", "disabled"]));
|
|
1021
1021
|
}
|
|
1022
|
-
}),
|
|
1022
|
+
}), Bn = /* @__PURE__ */ p({
|
|
1023
1023
|
__name: "TabsContent",
|
|
1024
1024
|
props: {
|
|
1025
1025
|
value: {},
|
|
@@ -1029,7 +1029,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1029
1029
|
}
|
|
1030
1030
|
},
|
|
1031
1031
|
setup(e) {
|
|
1032
|
-
return (t, n) => (x(), s(O(
|
|
1032
|
+
return (t, n) => (x(), s(O(Qe), {
|
|
1033
1033
|
value: e.value,
|
|
1034
1034
|
class: g(["focus-visible:outline-none", e.padding ? "pt-4" : ""])
|
|
1035
1035
|
}, {
|
|
@@ -1037,7 +1037,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1037
1037
|
_: 3
|
|
1038
1038
|
}, 8, ["value", "class"]));
|
|
1039
1039
|
}
|
|
1040
|
-
}),
|
|
1040
|
+
}), Vn = { class: "truncate" }, Hn = { class: "ms-auto flex shrink-0 items-center gap-1" }, Un = /* @__PURE__ */ p({
|
|
1041
1041
|
__name: "Select",
|
|
1042
1042
|
props: {
|
|
1043
1043
|
modelValue: {},
|
|
@@ -1072,7 +1072,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1072
1072
|
function E() {
|
|
1073
1073
|
r("update:modelValue", n.multiple ? [] : null);
|
|
1074
1074
|
}
|
|
1075
|
-
return (t, n) => (x(), s(O(
|
|
1075
|
+
return (t, n) => (x(), s(O(Ye), {
|
|
1076
1076
|
open: v.value,
|
|
1077
1077
|
"onUpdate:open": n[0] ||= (e) => v.value = e,
|
|
1078
1078
|
"model-value": e.modelValue,
|
|
@@ -1081,16 +1081,16 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1081
1081
|
required: g.value || void 0,
|
|
1082
1082
|
"onUpdate:modelValue": n[1] ||= (e) => r("update:modelValue", e)
|
|
1083
1083
|
}, {
|
|
1084
|
-
default: N(() => [f(O(
|
|
1084
|
+
default: N(() => [f(O(Xe), h({
|
|
1085
1085
|
class: O(H)("flex w-full items-center justify-between gap-2 rounded-md border border-border bg-surface px-3 text-sm text-foreground shadow-sm transition-colors placeholder:text-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-50", e.size === "sm" ? "h-8 text-xs" : "h-9", m.value ? "border-error-500 focus-visible:ring-error-500" : "", t.$attrs.class || ""),
|
|
1086
1086
|
id: p.value,
|
|
1087
1087
|
"aria-invalid": m.value || void 0,
|
|
1088
1088
|
"aria-describedby": _.value
|
|
1089
1089
|
}, t.$attrs), {
|
|
1090
|
-
default: N(() => [f(O(
|
|
1091
|
-
default: N(() => [u("span",
|
|
1090
|
+
default: N(() => [f(O(Ze), { placeholder: e.placeholder }, {
|
|
1091
|
+
default: N(() => [u("span", Vn, D(S.value || e.placeholder), 1)]),
|
|
1092
1092
|
_: 1
|
|
1093
|
-
}, 8, ["placeholder"]), u("span",
|
|
1093
|
+
}, 8, ["placeholder"]), u("span", Hn, [e.clearable && T.value ? (x(), l("button", {
|
|
1094
1094
|
key: 0,
|
|
1095
1095
|
type: "button",
|
|
1096
1096
|
"aria-label": "Clear selection",
|
|
@@ -1103,28 +1103,31 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1103
1103
|
"id",
|
|
1104
1104
|
"aria-invalid",
|
|
1105
1105
|
"aria-describedby"
|
|
1106
|
-
]),
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
default: N(() => [(x(!0), l(a, null, w(e.options, (e) => (x(), s(O(We), {
|
|
1113
|
-
key: String(y(e)),
|
|
1114
|
-
value: y(e),
|
|
1115
|
-
class: "relative flex cursor-pointer select-none items-center rounded px-2 py-1.5 pe-8 text-sm text-foreground outline-none transition-colors focus:bg-surface-muted data-[highlighted]:bg-surface-muted data-[disabled]:opacity-50"
|
|
1106
|
+
]), f(O(Je), null, {
|
|
1107
|
+
default: N(() => [v.value ? (x(), s(O(We), {
|
|
1108
|
+
key: 0,
|
|
1109
|
+
position: "popper",
|
|
1110
|
+
"side-offset": 4,
|
|
1111
|
+
class: "z-50 min-w-[--reka-select-trigger-width] rounded-md border border-border bg-surface p-1 shadow-popover"
|
|
1116
1112
|
}, {
|
|
1117
|
-
default: N(() => [
|
|
1118
|
-
|
|
1113
|
+
default: N(() => [(x(!0), l(a, null, w(e.options, (e) => (x(), s(O(Ge), {
|
|
1114
|
+
key: String(y(e)),
|
|
1115
|
+
value: y(e),
|
|
1116
|
+
class: "relative flex cursor-pointer select-none items-center rounded px-2 py-1.5 pe-8 text-sm text-foreground outline-none transition-colors focus:bg-surface-muted data-[highlighted]:bg-surface-muted data-[disabled]:opacity-50"
|
|
1117
|
+
}, {
|
|
1118
|
+
default: N(() => [f(O(qe), null, {
|
|
1119
|
+
default: N(() => [d(D(b(e)), 1)]),
|
|
1120
|
+
_: 2
|
|
1121
|
+
}, 1024), f(O(Ke), { class: "absolute end-2 flex items-center justify-center text-primary-600" }, {
|
|
1122
|
+
default: N(() => [f(O(L), { class: "size-4" })]),
|
|
1123
|
+
_: 1
|
|
1124
|
+
})]),
|
|
1119
1125
|
_: 2
|
|
1120
|
-
},
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
})]),
|
|
1124
|
-
_: 2
|
|
1125
|
-
}, 1032, ["value"]))), 128))]),
|
|
1126
|
+
}, 1032, ["value"]))), 128))]),
|
|
1127
|
+
_: 1
|
|
1128
|
+
})) : c("", !0)]),
|
|
1126
1129
|
_: 1
|
|
1127
|
-
})
|
|
1130
|
+
})]),
|
|
1128
1131
|
_: 1
|
|
1129
1132
|
}, 8, [
|
|
1130
1133
|
"open",
|
|
@@ -1134,7 +1137,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1134
1137
|
"required"
|
|
1135
1138
|
]));
|
|
1136
1139
|
}
|
|
1137
|
-
}),
|
|
1140
|
+
}), Wn = /* @__PURE__ */ p({
|
|
1138
1141
|
__name: "SelectButton",
|
|
1139
1142
|
props: {
|
|
1140
1143
|
modelValue: {},
|
|
@@ -1180,7 +1183,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1180
1183
|
g(), typeof ResizeObserver < "u" && i.value?.$el && (y = new ResizeObserver(g), y.observe(i.value.$el)), window.addEventListener("resize", g);
|
|
1181
1184
|
}), v(() => {
|
|
1182
1185
|
cancelAnimationFrame(c), y?.disconnect(), window.removeEventListener("resize", g);
|
|
1183
|
-
}), M(() => n.modelValue, g), M(() => n.options, g, { deep: !0 }), (t, n) => (x(), s(O(
|
|
1186
|
+
}), M(() => n.modelValue, g), M(() => n.options, g, { deep: !0 }), (t, n) => (x(), s(O(Ue), {
|
|
1184
1187
|
ref_key: "rootEl",
|
|
1185
1188
|
ref: i,
|
|
1186
1189
|
"model-value": e.modelValue,
|
|
@@ -1197,31 +1200,31 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1197
1200
|
width: `${o.value.width}px`,
|
|
1198
1201
|
height: `${o.value.height}px`
|
|
1199
1202
|
})
|
|
1200
|
-
}, null, 4), [[ne, o.value.ready]]), (x(!0), l(a, null, w(e.options, (t) => (x(), s(O(
|
|
1203
|
+
}, null, 4), [[ne, o.value.ready]]), (x(!0), l(a, null, w(e.options, (t) => (x(), s(O(He), {
|
|
1201
1204
|
key: String(p(t)),
|
|
1202
1205
|
value: p(t),
|
|
1203
1206
|
disabled: e.disabled,
|
|
1204
1207
|
class: "relative inline-flex items-center justify-center rounded px-3 py-1 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 data-[state=checked]:text-white data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50"
|
|
1205
1208
|
}, {
|
|
1206
|
-
default: N(() => [f(O(
|
|
1209
|
+
default: N(() => [f(O(Ve), { class: "hidden" }), d(" " + D(m(t)), 1)]),
|
|
1207
1210
|
_: 2
|
|
1208
1211
|
}, 1032, ["value", "disabled"]))), 128))]),
|
|
1209
1212
|
_: 1
|
|
1210
1213
|
}, 8, ["model-value", "disabled"]));
|
|
1211
1214
|
}
|
|
1212
|
-
}),
|
|
1215
|
+
}), Gn = ["id", "disabled"], Kn = { class: "flex items-center justify-between" }, qn = ["aria-label"], Jn = {
|
|
1213
1216
|
"data-test": "month-label",
|
|
1214
1217
|
class: "text-sm font-medium"
|
|
1215
|
-
},
|
|
1218
|
+
}, Yn = ["aria-label"], Xn = {
|
|
1216
1219
|
"data-test": "weekdays",
|
|
1217
1220
|
class: "mt-2 grid grid-cols-7 gap-0.5 text-center text-xs"
|
|
1218
|
-
},
|
|
1221
|
+
}, Zn = { key: 0 }, Qn = ["onClick"], $n = {
|
|
1219
1222
|
key: 0,
|
|
1220
1223
|
class: "mt-3 flex items-center justify-between gap-2 border-t border-border pt-3"
|
|
1221
|
-
},
|
|
1224
|
+
}, er = ["aria-label"], tr = ["aria-label"], nr = ["value"], rr = ["aria-label"], ir = ["value"], ar = ["aria-label"], or = { value: "am" }, sr = { value: "pm" }, cr = { class: "flex items-center gap-2" }, lr = ["disabled"], ur = {
|
|
1222
1225
|
key: 1,
|
|
1223
1226
|
class: "mt-3 flex justify-end border-t border-border pt-3"
|
|
1224
|
-
},
|
|
1227
|
+
}, dr = /* @__PURE__ */ p({
|
|
1225
1228
|
__name: "DatePicker",
|
|
1226
1229
|
props: {
|
|
1227
1230
|
mode: { default: "date" },
|
|
@@ -1320,7 +1323,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1320
1323
|
let t = e.toLowerCase().split(/[-_]/)[0];
|
|
1321
1324
|
return n[t] ?? n.en;
|
|
1322
1325
|
}
|
|
1323
|
-
let i = e, d = t, p =
|
|
1326
|
+
let i = e, d = t, p = A(), m = C(i.defaultOpen ?? !1), h = C(/* @__PURE__ */ new Date()), _ = C(null), v = C(null), y = C("09:00"), b = o(() => i.locale || "en"), S = o(() => ({
|
|
1324
1327
|
...r(b.value),
|
|
1325
1328
|
...i.placeholder === void 0 ? {} : { placeholder: i.placeholder },
|
|
1326
1329
|
...i.labels
|
|
@@ -1340,7 +1343,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1340
1343
|
}
|
|
1341
1344
|
return S.value[e];
|
|
1342
1345
|
}
|
|
1343
|
-
let k = o(() => i.weekStartsOn ??
|
|
1346
|
+
let k = o(() => i.weekStartsOn ?? At(b.value)), ee = o(() => jt(b.value, k.value)), j = o(() => Mt(h.value, b.value));
|
|
1344
1347
|
M(() => i.modelValue, (e) => {
|
|
1345
1348
|
Array.isArray(e) ? (_.value = e[0] ?? null, v.value = e[1] ?? null) : e instanceof Date ? (_.value = e, v.value = null) : (_.value = null, v.value = null);
|
|
1346
1349
|
}, { immediate: !0 });
|
|
@@ -1376,7 +1379,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1376
1379
|
if (i.mode === "range") {
|
|
1377
1380
|
if (!v.value) return;
|
|
1378
1381
|
d("update:modelValue", [_.value, v.value]);
|
|
1379
|
-
} else i.mode === "datetime" ? d("update:modelValue",
|
|
1382
|
+
} else i.mode === "datetime" ? d("update:modelValue", Tt(_.value, y.value)) : d("update:modelValue", _.value);
|
|
1380
1383
|
}
|
|
1381
1384
|
}
|
|
1382
1385
|
function oe() {
|
|
@@ -1388,10 +1391,10 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1388
1391
|
hour24: Number.isFinite(e) ? (Math.trunc(e) % 24 + 24) % 24 : 0,
|
|
1389
1392
|
minute: Number.isFinite(t) ? (Math.trunc(t) % 60 + 60) % 60 : 0
|
|
1390
1393
|
};
|
|
1391
|
-
}), se = o(() =>
|
|
1394
|
+
}), se = o(() => Dt(i.hourFormat)), le = o(() => Ot(Math.min(30, Math.max(1, i.minuteStep ?? 1)))), ue = o({
|
|
1392
1395
|
get: () => i.hourFormat === "12" ? G(B.value.hour24).hour : B.value.hour24,
|
|
1393
1396
|
set: (e) => {
|
|
1394
|
-
let { hour24: t, minute: n } = B.value, r = i.hourFormat === "12" ?
|
|
1397
|
+
let { hour24: t, minute: n } = B.value, r = i.hourFormat === "12" ? kt(e, G(t).meridiem) : e;
|
|
1395
1398
|
y.value = U(r * 60 + n);
|
|
1396
1399
|
}
|
|
1397
1400
|
}), de = o({
|
|
@@ -1403,7 +1406,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1403
1406
|
get: () => G(B.value.hour24).meridiem,
|
|
1404
1407
|
set: (e) => {
|
|
1405
1408
|
let { hour: t } = G(B.value.hour24);
|
|
1406
|
-
y.value = U(
|
|
1409
|
+
y.value = U(kt(t, e) * 60 + B.value.minute);
|
|
1407
1410
|
}
|
|
1408
1411
|
});
|
|
1409
1412
|
function pe(e) {
|
|
@@ -1416,14 +1419,14 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1416
1419
|
return `${K(e, b.value)} – ${K(t, b.value)}`;
|
|
1417
1420
|
}
|
|
1418
1421
|
if (!_.value) return "";
|
|
1419
|
-
let e = i.mode === "datetime" ?
|
|
1420
|
-
return i.mode === "datetime" ? `${K(e, b.value)} ${
|
|
1422
|
+
let e = i.mode === "datetime" ? Tt(_.value, y.value) : _.value;
|
|
1423
|
+
return i.mode === "datetime" ? `${K(e, b.value)} ${Nt(e, b.value, i.hourFormat)}` : K(e, b.value);
|
|
1421
1424
|
});
|
|
1422
|
-
return (t, n) => (x(), s(O(
|
|
1425
|
+
return (t, n) => (x(), s(O(ze), {
|
|
1423
1426
|
open: m.value,
|
|
1424
1427
|
"onUpdate:open": n[6] ||= (e) => m.value = e
|
|
1425
1428
|
}, {
|
|
1426
|
-
default: N(() => [f(O(
|
|
1429
|
+
default: N(() => [f(O(Be), { "as-child": "" }, {
|
|
1427
1430
|
default: N(() => [u("button", {
|
|
1428
1431
|
type: "button",
|
|
1429
1432
|
id: e.inputId,
|
|
@@ -1433,110 +1436,113 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1433
1436
|
e.size === "sm" ? "h-8 text-xs" : "h-9",
|
|
1434
1437
|
e.invalid ? "border-error-500" : ""
|
|
1435
1438
|
])
|
|
1436
|
-
}, [u("span", { class: g(["truncate", V.value ? "text-foreground" : "text-muted"]) }, D(V.value || E("placeholder")), 3), f(O(re), { class: "size-4 shrink-0 text-muted" })], 10,
|
|
1439
|
+
}, [u("span", { class: g(["truncate", V.value ? "text-foreground" : "text-muted"]) }, D(V.value || E("placeholder")), 3), f(O(re), { class: "size-4 shrink-0 text-muted" })], 10, Gn)]),
|
|
1437
1440
|
_: 1
|
|
1438
|
-
}), f(O(
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
u("
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
u("div", Jn, [(x(!0), l(a, null, w(ee.value, (e, t) => (x(), l("span", {
|
|
1459
|
-
key: t,
|
|
1460
|
-
class: "py-1 font-medium text-muted"
|
|
1461
|
-
}, D(e), 1))), 128)), (x(!0), l(a, null, w(ne.value, (e, t) => (x(), l(a, { key: t }, [e ? (x(), l("button", {
|
|
1462
|
-
key: 1,
|
|
1463
|
-
type: "button",
|
|
1464
|
-
class: g([
|
|
1465
|
-
"flex h-8 items-center justify-center rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
|
|
1466
|
-
F(e) ? "bg-primary-100 text-primary-800 dark:bg-primary-900/40 dark:text-primary-200" : "hover:bg-surface-muted",
|
|
1467
|
-
_.value && _.value.getTime() === e.getTime() ? "bg-primary-500 text-white hover:bg-primary-500" : "",
|
|
1468
|
-
v.value && v.value.getTime() === e.getTime() ? "bg-primary-500 text-white hover:bg-primary-500" : ""
|
|
1441
|
+
}), f(O(Re), null, {
|
|
1442
|
+
default: N(() => [f(O(Le), {
|
|
1443
|
+
"side-offset": 4,
|
|
1444
|
+
class: "z-50 rounded-md border border-border bg-surface p-3 shadow-popover"
|
|
1445
|
+
}, {
|
|
1446
|
+
default: N(() => [
|
|
1447
|
+
u("div", Kn, [
|
|
1448
|
+
u("button", {
|
|
1449
|
+
type: "button",
|
|
1450
|
+
"aria-label": E("previousMonth"),
|
|
1451
|
+
class: "rounded p-1 text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
|
|
1452
|
+
onClick: n[0] ||= (e) => I(-1)
|
|
1453
|
+
}, [f(O(ie), { class: "size-4 rtl:rotate-180" })], 8, qn),
|
|
1454
|
+
u("span", Jn, D(j.value), 1),
|
|
1455
|
+
u("button", {
|
|
1456
|
+
type: "button",
|
|
1457
|
+
"aria-label": E("nextMonth"),
|
|
1458
|
+
class: "rounded p-1 text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
|
|
1459
|
+
onClick: n[1] ||= (e) => I(1)
|
|
1460
|
+
}, [f(O(z), { class: "size-4 rtl:rotate-180" })], 8, Yn)
|
|
1469
1461
|
]),
|
|
1470
|
-
|
|
1471
|
-
}, D(e.getDate()), 11, Xn)) : (x(), l("span", Yn))], 64))), 128))]),
|
|
1472
|
-
e.mode === "datetime" ? (x(), l("div", Zn, [u("div", {
|
|
1473
|
-
role: "group",
|
|
1474
|
-
"aria-label": E("time"),
|
|
1475
|
-
class: "flex items-center gap-1.5 text-xs text-muted"
|
|
1476
|
-
}, [
|
|
1477
|
-
f(O(ce), { class: "size-3.5" }),
|
|
1478
|
-
P(u("select", {
|
|
1479
|
-
"onUpdate:modelValue": n[2] ||= (e) => ue.value = e,
|
|
1480
|
-
"data-test": "hours",
|
|
1481
|
-
"aria-label": E("hour"),
|
|
1482
|
-
class: "rounded border border-border bg-surface px-1.5 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
|
|
1483
|
-
}, [(x(!0), l(a, null, w(se.value, (t) => (x(), l("option", {
|
|
1462
|
+
u("div", Xn, [(x(!0), l(a, null, w(ee.value, (e, t) => (x(), l("span", {
|
|
1484
1463
|
key: t,
|
|
1485
|
-
|
|
1486
|
-
}, D(e
|
|
1487
|
-
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
key: e,
|
|
1500
|
-
value: e
|
|
1501
|
-
}, D(pe(e)), 9, nr))), 128))], 8, tr), [[
|
|
1502
|
-
A,
|
|
1503
|
-
de.value,
|
|
1504
|
-
void 0,
|
|
1505
|
-
{ number: !0 }
|
|
1506
|
-
]]),
|
|
1507
|
-
e.hourFormat === "12" ? P((x(), l("select", {
|
|
1508
|
-
key: 0,
|
|
1509
|
-
"onUpdate:modelValue": n[4] ||= (e) => fe.value = e,
|
|
1510
|
-
"data-test": "meridiem",
|
|
1464
|
+
class: "py-1 font-medium text-muted"
|
|
1465
|
+
}, D(e), 1))), 128)), (x(!0), l(a, null, w(ne.value, (e, t) => (x(), l(a, { key: t }, [e ? (x(), l("button", {
|
|
1466
|
+
key: 1,
|
|
1467
|
+
type: "button",
|
|
1468
|
+
class: g([
|
|
1469
|
+
"flex h-8 items-center justify-center rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
|
|
1470
|
+
F(e) ? "bg-primary-100 text-primary-800 dark:bg-primary-900/40 dark:text-primary-200" : "hover:bg-surface-muted",
|
|
1471
|
+
_.value && _.value.getTime() === e.getTime() ? "bg-primary-500 text-white hover:bg-primary-500" : "",
|
|
1472
|
+
v.value && v.value.getTime() === e.getTime() ? "bg-primary-500 text-white hover:bg-primary-500" : ""
|
|
1473
|
+
]),
|
|
1474
|
+
onClick: (t) => R(e)
|
|
1475
|
+
}, D(e.getDate()), 11, Qn)) : (x(), l("span", Zn))], 64))), 128))]),
|
|
1476
|
+
e.mode === "datetime" ? (x(), l("div", $n, [u("div", {
|
|
1477
|
+
role: "group",
|
|
1511
1478
|
"aria-label": E("time"),
|
|
1512
|
-
class: "
|
|
1513
|
-
}, [
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1479
|
+
class: "flex items-center gap-1.5 text-xs text-muted"
|
|
1480
|
+
}, [
|
|
1481
|
+
f(O(ce), { class: "size-3.5" }),
|
|
1482
|
+
P(u("select", {
|
|
1483
|
+
"onUpdate:modelValue": n[2] ||= (e) => ue.value = e,
|
|
1484
|
+
"data-test": "hours",
|
|
1485
|
+
"aria-label": E("hour"),
|
|
1486
|
+
class: "rounded border border-border bg-surface px-1.5 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
|
|
1487
|
+
}, [(x(!0), l(a, null, w(se.value, (t) => (x(), l("option", {
|
|
1488
|
+
key: t,
|
|
1489
|
+
value: t
|
|
1490
|
+
}, D(e.hourFormat === "12" ? t : pe(t)), 9, nr))), 128))], 8, tr), [[
|
|
1491
|
+
te,
|
|
1492
|
+
ue.value,
|
|
1493
|
+
void 0,
|
|
1494
|
+
{ number: !0 }
|
|
1495
|
+
]]),
|
|
1496
|
+
n[7] ||= u("span", { "aria-hidden": "true" }, ":", -1),
|
|
1497
|
+
P(u("select", {
|
|
1498
|
+
"onUpdate:modelValue": n[3] ||= (e) => de.value = e,
|
|
1499
|
+
"data-test": "minutes",
|
|
1500
|
+
"aria-label": E("minute"),
|
|
1501
|
+
class: "rounded border border-border bg-surface px-1.5 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
|
|
1502
|
+
}, [(x(!0), l(a, null, w(le.value, (e) => (x(), l("option", {
|
|
1503
|
+
key: e,
|
|
1504
|
+
value: e
|
|
1505
|
+
}, D(pe(e)), 9, ir))), 128))], 8, rr), [[
|
|
1506
|
+
te,
|
|
1507
|
+
de.value,
|
|
1508
|
+
void 0,
|
|
1509
|
+
{ number: !0 }
|
|
1510
|
+
]]),
|
|
1511
|
+
e.hourFormat === "12" ? P((x(), l("select", {
|
|
1512
|
+
key: 0,
|
|
1513
|
+
"onUpdate:modelValue": n[4] ||= (e) => fe.value = e,
|
|
1514
|
+
"data-test": "meridiem",
|
|
1515
|
+
"aria-label": E("time"),
|
|
1516
|
+
class: "rounded border border-border bg-surface px-1.5 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
|
|
1517
|
+
}, [u("option", or, D(E("am")), 1), u("option", sr, D(E("pm")), 1)], 8, ar)), [[te, fe.value]]) : c("", !0)
|
|
1518
|
+
], 8, er), u("div", cr, [u("button", {
|
|
1519
|
+
type: "button",
|
|
1520
|
+
class: "rounded px-3 py-1 text-sm text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
|
|
1521
|
+
onClick: oe
|
|
1522
|
+
}, D(E("clear")), 1), u("button", {
|
|
1523
|
+
type: "button",
|
|
1524
|
+
disabled: !_.value,
|
|
1525
|
+
class: "rounded bg-primary-500 px-3 py-1 text-sm text-white transition-colors hover:bg-primary-600 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
|
|
1526
|
+
onClick: n[5] ||= (e) => {
|
|
1527
|
+
ae(), m.value = !1;
|
|
1528
|
+
}
|
|
1529
|
+
}, D(E("apply")), 9, lr)])])) : L() ? (x(), l("div", ur, [u("button", {
|
|
1530
|
+
type: "button",
|
|
1531
|
+
class: "rounded px-3 py-1 text-sm text-muted transition-colors hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
|
|
1532
|
+
onClick: oe
|
|
1533
|
+
}, D(E("clear")), 1)])) : c("", !0)
|
|
1534
|
+
]),
|
|
1535
|
+
_: 1
|
|
1536
|
+
})]),
|
|
1531
1537
|
_: 1
|
|
1532
1538
|
})]),
|
|
1533
1539
|
_: 1
|
|
1534
1540
|
}, 8, ["open"]));
|
|
1535
1541
|
}
|
|
1536
|
-
}),
|
|
1542
|
+
}), fr = { class: "flex shrink-0 items-start justify-between gap-4 border-b border-border p-5 pb-4" }, pr = { class: "min-w-0" }, mr = { class: "flex-1 overflow-y-auto bg-surface p-5" }, hr = {
|
|
1537
1543
|
key: 0,
|
|
1538
|
-
class: "flex justify-end gap-2 border-t border-border bg-surface-muted p-4"
|
|
1539
|
-
},
|
|
1544
|
+
class: "flex shrink-0 justify-end gap-2 border-t border-border bg-surface-muted p-4"
|
|
1545
|
+
}, gr = /* @__PURE__ */ p({
|
|
1540
1546
|
__name: "Dialog",
|
|
1541
1547
|
props: {
|
|
1542
1548
|
visible: { type: Boolean },
|
|
@@ -1569,9 +1575,9 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1569
1575
|
default: N(() => [T(t.$slots, "trigger")]),
|
|
1570
1576
|
_: 3
|
|
1571
1577
|
})) : c("", !0), f(O(xe), null, {
|
|
1572
|
-
default: N(() => [f(O(be), { class: "fixed inset-0 z-50 bg-black/50 dark:bg-black/70" }), f(O(ve), { class: g(["fixed left-1/2 top-1/2 z-50 w-full max-h-[85vh] -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg border border-border bg-surface shadow-dialog focus-visible:outline-none", a[e.size]]) }, {
|
|
1578
|
+
default: N(() => [f(O(be), { class: "fixed inset-0 z-50 bg-black/50 dark:bg-black/70" }), f(O(ve), { class: g(["fixed left-1/2 top-1/2 z-50 flex flex-col w-full max-h-[85vh] -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg border border-border bg-surface shadow-dialog focus-visible:outline-none", a[e.size]]) }, {
|
|
1573
1579
|
default: N(() => [
|
|
1574
|
-
u("div",
|
|
1580
|
+
u("div", fr, [u("div", pr, [e.title || t.$slots.header ? (x(), s(O(Ce), {
|
|
1575
1581
|
key: 0,
|
|
1576
1582
|
class: "text-lg font-semibold text-foreground"
|
|
1577
1583
|
}, {
|
|
@@ -1590,8 +1596,8 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1590
1596
|
default: N(() => [f(O(V), { class: "size-4" })]),
|
|
1591
1597
|
_: 1
|
|
1592
1598
|
})]),
|
|
1593
|
-
u("div",
|
|
1594
|
-
t.$slots.footer ? (x(), l("div",
|
|
1599
|
+
u("div", mr, [T(t.$slots, "default")]),
|
|
1600
|
+
t.$slots.footer ? (x(), l("div", hr, [T(t.$slots, "footer")])) : c("", !0)
|
|
1595
1601
|
]),
|
|
1596
1602
|
_: 3
|
|
1597
1603
|
}, 8, ["class"])]),
|
|
@@ -1600,13 +1606,13 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1600
1606
|
_: 3
|
|
1601
1607
|
}, 8, ["open"]));
|
|
1602
1608
|
}
|
|
1603
|
-
}),
|
|
1609
|
+
}), _r = {
|
|
1604
1610
|
key: 1,
|
|
1605
1611
|
class: "flex shrink-0 items-start justify-between gap-4 border-b border-border p-5 pb-4"
|
|
1606
|
-
},
|
|
1612
|
+
}, vr = { class: "min-w-0" }, yr = { class: "flex-1 overflow-y-auto p-5" }, br = {
|
|
1607
1613
|
key: 2,
|
|
1608
1614
|
class: "shrink-0 border-t border-border bg-surface-muted p-4"
|
|
1609
|
-
},
|
|
1615
|
+
}, xr = /* @__PURE__ */ p({
|
|
1610
1616
|
__name: "Drawer",
|
|
1611
1617
|
props: {
|
|
1612
1618
|
open: {
|
|
@@ -1699,14 +1705,14 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1699
1705
|
onPointerDownOutside: m
|
|
1700
1706
|
}, {
|
|
1701
1707
|
default: N(() => [
|
|
1702
|
-
!e.title && !t.$slots.header ? (x(), s(O(
|
|
1708
|
+
!e.title && !t.$slots.header ? (x(), s(O(dt), { key: 0 }, {
|
|
1703
1709
|
default: N(() => [f(O(Ce), null, {
|
|
1704
1710
|
default: N(() => [...n[0] ||= [d("Drawer", -1)]]),
|
|
1705
1711
|
_: 1
|
|
1706
1712
|
})]),
|
|
1707
1713
|
_: 1
|
|
1708
1714
|
})) : c("", !0),
|
|
1709
|
-
e.title || t.$slots.header || e.description || t.$slots.description || e.showClose ? (x(), l("header",
|
|
1715
|
+
e.title || t.$slots.header || e.description || t.$slots.description || e.showClose ? (x(), l("header", _r, [u("div", vr, [e.title || t.$slots.header ? (x(), s(O(Ce), {
|
|
1710
1716
|
key: 0,
|
|
1711
1717
|
class: "text-lg font-semibold text-foreground"
|
|
1712
1718
|
}, {
|
|
@@ -1726,8 +1732,8 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1726
1732
|
default: N(() => [T(t.$slots, "close", {}, () => [f(O(V), { class: "size-4" })])]),
|
|
1727
1733
|
_: 3
|
|
1728
1734
|
})) : c("", !0)])) : c("", !0),
|
|
1729
|
-
u("div",
|
|
1730
|
-
t.$slots.footer ? (x(), l("footer",
|
|
1735
|
+
u("div", yr, [T(t.$slots, "default")]),
|
|
1736
|
+
t.$slots.footer ? (x(), l("footer", br, [T(t.$slots, "footer")])) : c("", !0)
|
|
1731
1737
|
]),
|
|
1732
1738
|
_: 3
|
|
1733
1739
|
}, 8, ["class"])]),
|
|
@@ -1736,7 +1742,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1736
1742
|
_: 3
|
|
1737
1743
|
}, 8, ["open"]));
|
|
1738
1744
|
}
|
|
1739
|
-
}),
|
|
1745
|
+
}), Sr = /* @__PURE__ */ p({
|
|
1740
1746
|
__name: "DropdownMenu",
|
|
1741
1747
|
emits: ["update:open"],
|
|
1742
1748
|
setup(e, { emit: t }) {
|
|
@@ -1746,7 +1752,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1746
1752
|
_: 3
|
|
1747
1753
|
}, 16));
|
|
1748
1754
|
}
|
|
1749
|
-
}),
|
|
1755
|
+
}), Cr = /* @__PURE__ */ p({
|
|
1750
1756
|
__name: "DropdownMenuTrigger",
|
|
1751
1757
|
setup(e) {
|
|
1752
1758
|
return (e, t) => (x(), s(O(Me), {
|
|
@@ -1757,7 +1763,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1757
1763
|
_: 3
|
|
1758
1764
|
}));
|
|
1759
1765
|
}
|
|
1760
|
-
}),
|
|
1766
|
+
}), wr = /* @__PURE__ */ p({
|
|
1761
1767
|
__name: "DropdownMenuContent",
|
|
1762
1768
|
props: {
|
|
1763
1769
|
align: { default: "start" },
|
|
@@ -1782,7 +1788,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1782
1788
|
_: 3
|
|
1783
1789
|
}));
|
|
1784
1790
|
}
|
|
1785
|
-
}),
|
|
1791
|
+
}), Tr = /* @__PURE__ */ p({
|
|
1786
1792
|
__name: "DropdownMenuItem",
|
|
1787
1793
|
props: {
|
|
1788
1794
|
variant: {},
|
|
@@ -1818,12 +1824,12 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1818
1824
|
_: 3
|
|
1819
1825
|
}, 8, ["disabled", "class"]));
|
|
1820
1826
|
}
|
|
1821
|
-
}),
|
|
1827
|
+
}), Er = /* @__PURE__ */ p({
|
|
1822
1828
|
__name: "DropdownMenuSeparator",
|
|
1823
1829
|
setup(e) {
|
|
1824
1830
|
return (e, t) => (x(), s(O(je), { class: "my-1 h-px bg-border" }));
|
|
1825
1831
|
}
|
|
1826
|
-
}),
|
|
1832
|
+
}), Dr = /* @__PURE__ */ p({
|
|
1827
1833
|
__name: "DropdownMenuLabel",
|
|
1828
1834
|
setup(e) {
|
|
1829
1835
|
return (e, t) => (x(), s(O(Oe), { class: "px-2 py-1.5 text-xs font-medium text-muted" }, {
|
|
@@ -1831,7 +1837,7 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1831
1837
|
_: 3
|
|
1832
1838
|
}));
|
|
1833
1839
|
}
|
|
1834
|
-
}),
|
|
1840
|
+
}), Or = /* @__PURE__ */ p({
|
|
1835
1841
|
__name: "DropdownMenuGroup",
|
|
1836
1842
|
setup(e) {
|
|
1837
1843
|
return (e, t) => (x(), s(O(Ee), null, {
|
|
@@ -1839,13 +1845,13 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1839
1845
|
_: 3
|
|
1840
1846
|
}));
|
|
1841
1847
|
}
|
|
1842
|
-
}),
|
|
1848
|
+
}), kr = { class: "flex flex-col gap-2 sm:flex-row sm:items-stretch" }, Ar = { class: "border-b border-border px-3 py-2 text-xs font-medium text-muted" }, jr = { class: "max-h-64 flex-1 overflow-y-auto p-1" }, Mr = ["disabled", "onClick"], Nr = { class: "truncate" }, Pr = {
|
|
1843
1849
|
key: 0,
|
|
1844
1850
|
class: "px-2 py-1.5 text-sm text-muted"
|
|
1845
|
-
},
|
|
1851
|
+
}, Fr = { class: "flex flex-row items-center justify-center gap-1 sm:flex-col" }, Ir = { class: "border-b border-border px-3 py-2 text-xs font-medium text-muted" }, Lr = { class: "max-h-64 flex-1 overflow-y-auto p-1" }, Rr = ["disabled", "onClick"], zr = { class: "truncate" }, Br = {
|
|
1846
1852
|
key: 0,
|
|
1847
1853
|
class: "px-2 py-1.5 text-sm text-muted"
|
|
1848
|
-
},
|
|
1854
|
+
}, Vr = /* @__PURE__ */ p({
|
|
1849
1855
|
__name: "TransferList",
|
|
1850
1856
|
props: {
|
|
1851
1857
|
options: {},
|
|
@@ -1883,13 +1889,13 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1883
1889
|
function E() {
|
|
1884
1890
|
i.value.clear(), p.value.clear(), _();
|
|
1885
1891
|
}
|
|
1886
|
-
return (t, n) => (x(), l("div",
|
|
1887
|
-
u("div", { class: g(["flex min-h-40 flex-1 flex-col rounded-md border border-border bg-surface", e.disabled && "opacity-50"]) }, [u("div",
|
|
1892
|
+
return (t, n) => (x(), l("div", kr, [
|
|
1893
|
+
u("div", { class: g(["flex min-h-40 flex-1 flex-col rounded-md border border-border bg-surface", e.disabled && "opacity-50"]) }, [u("div", Ar, [T(t.$slots, "source-header", {}, () => [d(D(e.sourceLabel), 1)])]), u("ul", jr, [(x(!0), l(a, null, w(m.value, (r) => (x(), l("li", { key: r.value }, [u("button", {
|
|
1888
1894
|
type: "button",
|
|
1889
1895
|
disabled: e.disabled,
|
|
1890
1896
|
class: "flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-sm transition-colors hover:bg-surface-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed",
|
|
1891
1897
|
onClick: (e) => v(s.value, r.value)
|
|
1892
|
-
}, [f(
|
|
1898
|
+
}, [f(Cn, {
|
|
1893
1899
|
"model-value": s.value.has(r.value),
|
|
1894
1900
|
disabled: e.disabled,
|
|
1895
1901
|
onClick: n[0] ||= F(() => {}, ["stop"]),
|
|
@@ -1898,8 +1904,8 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1898
1904
|
"model-value",
|
|
1899
1905
|
"disabled",
|
|
1900
1906
|
"onUpdate:modelValue"
|
|
1901
|
-
]), T(t.$slots, "item", { option: r }, () => [u("span",
|
|
1902
|
-
u("div",
|
|
1907
|
+
]), T(t.$slots, "item", { option: r }, () => [u("span", Nr, D(r.label), 1)])], 8, Mr)]))), 128)), m.value.length === 0 ? (x(), l("li", Pr, "Empty")) : c("", !0)])], 2),
|
|
1908
|
+
u("div", Fr, [
|
|
1903
1909
|
f(X, {
|
|
1904
1910
|
variant: "outline",
|
|
1905
1911
|
size: "icon-sm",
|
|
@@ -1941,12 +1947,12 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1941
1947
|
_: 1
|
|
1942
1948
|
}, 8, ["disabled"])
|
|
1943
1949
|
]),
|
|
1944
|
-
u("div", { class: g(["flex min-h-40 flex-1 flex-col rounded-md border border-border bg-surface", e.disabled && "opacity-50"]) }, [u("div",
|
|
1950
|
+
u("div", { class: g(["flex min-h-40 flex-1 flex-col rounded-md border border-border bg-surface", e.disabled && "opacity-50"]) }, [u("div", Ir, [T(t.$slots, "target-header", {}, () => [d(D(e.targetLabel), 1)])]), u("ul", Lr, [(x(!0), l(a, null, w(h.value, (r) => (x(), l("li", { key: r.value }, [u("button", {
|
|
1945
1951
|
type: "button",
|
|
1946
1952
|
disabled: e.disabled,
|
|
1947
1953
|
class: "flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-sm transition-colors hover:bg-surface-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed",
|
|
1948
1954
|
onClick: (e) => v(p.value, r.value)
|
|
1949
|
-
}, [f(
|
|
1955
|
+
}, [f(Cn, {
|
|
1950
1956
|
"model-value": p.value.has(r.value),
|
|
1951
1957
|
disabled: e.disabled,
|
|
1952
1958
|
onClick: n[1] ||= F(() => {}, ["stop"]),
|
|
@@ -1955,10 +1961,10 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1955
1961
|
"model-value",
|
|
1956
1962
|
"disabled",
|
|
1957
1963
|
"onUpdate:modelValue"
|
|
1958
|
-
]), T(t.$slots, "item", { option: r }, () => [u("span",
|
|
1964
|
+
]), T(t.$slots, "item", { option: r }, () => [u("span", zr, D(r.label), 1)])], 8, Rr)]))), 128)), h.value.length === 0 ? (x(), l("li", Br, "Empty")) : c("", !0)])], 2)
|
|
1959
1965
|
]));
|
|
1960
1966
|
}
|
|
1961
|
-
}),
|
|
1967
|
+
}), Hr = /* @__PURE__ */ p({
|
|
1962
1968
|
__name: "Table",
|
|
1963
1969
|
props: {
|
|
1964
1970
|
striped: { type: Boolean },
|
|
@@ -1972,19 +1978,19 @@ var Xt = { class: "relative w-full" }, Zt = [
|
|
|
1972
1978
|
let t = e, n = o(() => H("w-full border-collapse text-start text-sm text-foreground", t.size === "sm" ? "text-xs" : "text-sm", t.striped && "[&_tbody>tr:nth-child(even)]:bg-surface-muted/40", t.contained && "overflow-hidden rounded-md border border-border bg-surface"));
|
|
1973
1979
|
return (e, t) => (x(), l("table", { class: g(n.value) }, [T(e.$slots, "default")], 2));
|
|
1974
1980
|
}
|
|
1975
|
-
}),
|
|
1981
|
+
}), Ur = (e, t) => {
|
|
1976
1982
|
let n = e.__vccOpts || e;
|
|
1977
1983
|
for (let [e, r] of t) n[e] = r;
|
|
1978
1984
|
return n;
|
|
1979
|
-
},
|
|
1980
|
-
function
|
|
1981
|
-
return x(), l("thead",
|
|
1985
|
+
}, Wr = {}, Gr = { class: "border-b border-border bg-surface-muted/60 text-xs font-medium text-muted" };
|
|
1986
|
+
function Kr(e, t) {
|
|
1987
|
+
return x(), l("thead", Gr, [T(e.$slots, "default")]);
|
|
1982
1988
|
}
|
|
1983
|
-
var
|
|
1984
|
-
function
|
|
1989
|
+
var qr = /*#__PURE__*/ Ur(Wr, [["render", Kr]]), Jr = {};
|
|
1990
|
+
function Yr(e, t) {
|
|
1985
1991
|
return x(), l("tbody", null, [T(e.$slots, "default")]);
|
|
1986
1992
|
}
|
|
1987
|
-
var
|
|
1993
|
+
var Xr = /*#__PURE__*/ Ur(Jr, [["render", Yr]]), Q = /* @__PURE__ */ p({
|
|
1988
1994
|
__name: "TableRow",
|
|
1989
1995
|
props: { clickable: {
|
|
1990
1996
|
type: Boolean,
|
|
@@ -1993,7 +1999,7 @@ var Jr = /*#__PURE__*/ Vr(Kr, [["render", qr]]), Q = /* @__PURE__ */ p({
|
|
|
1993
1999
|
setup(e) {
|
|
1994
2000
|
return (t, n) => (x(), l("tr", { class: g(["border-b border-border/60 last:border-b-0", e.clickable && "cursor-pointer transition-colors hover:bg-surface-muted/50"]) }, [T(t.$slots, "default")], 2));
|
|
1995
2001
|
}
|
|
1996
|
-
}),
|
|
2002
|
+
}), Zr = ["aria-sort"], Qr = /* @__PURE__ */ p({
|
|
1997
2003
|
__name: "TableHead",
|
|
1998
2004
|
props: {
|
|
1999
2005
|
sortDirection: {},
|
|
@@ -2007,7 +2013,7 @@ var Jr = /*#__PURE__*/ Vr(Kr, [["render", qr]]), Q = /* @__PURE__ */ p({
|
|
|
2007
2013
|
"aria-sort": n.value,
|
|
2008
2014
|
style: _(e.width ? { width: e.width } : void 0),
|
|
2009
2015
|
class: g(O(H)("px-3 py-2 font-medium", e.align === "center" && "text-center", e.align === "end" && "text-end"))
|
|
2010
|
-
}, [T(t.$slots, "default")], 14,
|
|
2016
|
+
}, [T(t.$slots, "default")], 14, Zr));
|
|
2011
2017
|
}
|
|
2012
2018
|
}), $ = /* @__PURE__ */ p({
|
|
2013
2019
|
__name: "TableCell",
|
|
@@ -2019,7 +2025,7 @@ var Jr = /*#__PURE__*/ Vr(Kr, [["render", qr]]), Q = /* @__PURE__ */ p({
|
|
|
2019
2025
|
let t = e, n = o(() => H("px-3 py-2 align-middle", t.align === "center" && "text-center", t.align === "end" && "text-end", t.truncate && "max-w-0 truncate"));
|
|
2020
2026
|
return (e, t) => (x(), l("td", { class: g(n.value) }, [T(e.$slots, "default")], 2));
|
|
2021
2027
|
}
|
|
2022
|
-
}),
|
|
2028
|
+
}), $r = ["colspan"], ei = /* @__PURE__ */ p({
|
|
2023
2029
|
__name: "TableEmpty",
|
|
2024
2030
|
props: {
|
|
2025
2031
|
columns: {},
|
|
@@ -2029,12 +2035,12 @@ var Jr = /*#__PURE__*/ Vr(Kr, [["render", qr]]), Q = /* @__PURE__ */ p({
|
|
|
2029
2035
|
return (t, n) => (x(), l("tr", null, [u("td", {
|
|
2030
2036
|
colspan: e.columns,
|
|
2031
2037
|
class: "px-3 py-8 text-center text-sm text-muted"
|
|
2032
|
-
}, [T(t.$slots, "default", {}, () => [d(D(e.label), 1)])], 8,
|
|
2038
|
+
}, [T(t.$slots, "default", {}, () => [d(D(e.label), 1)])], 8, $r)]));
|
|
2033
2039
|
}
|
|
2034
2040
|
});
|
|
2035
2041
|
//#endregion
|
|
2036
2042
|
//#region src/lib/pagination.ts
|
|
2037
|
-
function
|
|
2043
|
+
function ti(e, t, n) {
|
|
2038
2044
|
if (n <= 0 || t <= 0) return {
|
|
2039
2045
|
from: 0,
|
|
2040
2046
|
to: 0,
|
|
@@ -2051,17 +2057,17 @@ function $r(e, t, n) {
|
|
|
2051
2057
|
total: n
|
|
2052
2058
|
};
|
|
2053
2059
|
}
|
|
2054
|
-
function
|
|
2060
|
+
function ni(e, t) {
|
|
2055
2061
|
return t <= 0 ? 1 : Math.max(1, Math.ceil(e / t));
|
|
2056
2062
|
}
|
|
2057
|
-
function
|
|
2063
|
+
function ri(e, t, n = 5) {
|
|
2058
2064
|
if (t <= 0) return [];
|
|
2059
2065
|
let r = Math.floor(n / 2), i = Math.max(0, Math.min(e - r, t - n)), a = Math.max(0, i);
|
|
2060
2066
|
return Array.from({ length: Math.min(n, t - a) }, (e, t) => a + t + 1);
|
|
2061
2067
|
}
|
|
2062
2068
|
//#endregion
|
|
2063
2069
|
//#region src/components/table/TablePagination.vue?vue&type=script&setup=true&lang.ts
|
|
2064
|
-
var
|
|
2070
|
+
var ii = { class: "flex flex-wrap items-center justify-between gap-3 px-3 py-2 text-sm text-muted" }, ai = { class: "flex items-center gap-2" }, oi = ["value"], si = ["value"], ci = { class: "flex items-center gap-2" }, li = { class: "flex items-center gap-1" }, ui = /* @__PURE__ */ p({
|
|
2065
2071
|
__name: "TablePagination",
|
|
2066
2072
|
props: {
|
|
2067
2073
|
pageIndex: {},
|
|
@@ -2079,18 +2085,18 @@ var ni = { class: "flex flex-wrap items-center justify-between gap-3 px-3 py-2 t
|
|
|
2079
2085
|
},
|
|
2080
2086
|
emits: ["update:pageIndex", "update:pageSize"],
|
|
2081
2087
|
setup(e, { emit: t }) {
|
|
2082
|
-
let n = e, r = t, i = o(() =>
|
|
2088
|
+
let n = e, r = t, i = o(() => ni(n.total, n.pageSize)), c = o(() => ti(n.pageIndex, n.pageSize, n.total)), p = o(() => ri(n.pageIndex, i.value));
|
|
2083
2089
|
function m(e) {
|
|
2084
2090
|
r("update:pageIndex", Math.max(0, Math.min(e, i.value - 1)));
|
|
2085
2091
|
}
|
|
2086
|
-
return (t, n) => (x(), l("div",
|
|
2092
|
+
return (t, n) => (x(), l("div", ii, [u("div", ai, [u("span", null, D(e.rowsPerPageLabel), 1), u("select", {
|
|
2087
2093
|
value: e.pageSize,
|
|
2088
2094
|
class: "rounded-md border border-border bg-surface px-2 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
|
|
2089
2095
|
onChange: n[0] ||= (e) => r("update:pageSize", Number(e.target.value))
|
|
2090
2096
|
}, [(x(!0), l(a, null, w(e.pageSizeOptions, (e) => (x(), l("option", {
|
|
2091
2097
|
key: e,
|
|
2092
2098
|
value: e
|
|
2093
|
-
}, D(e), 9,
|
|
2099
|
+
}, D(e), 9, si))), 128))], 40, oi)]), u("div", ci, [u("span", null, D(c.value.from) + "–" + D(c.value.to) + " " + D(e.ofLabel) + " " + D(c.value.total), 1), u("div", li, [
|
|
2094
2100
|
f(X, {
|
|
2095
2101
|
variant: "ghost",
|
|
2096
2102
|
size: "icon-sm",
|
|
@@ -2127,15 +2133,15 @@ var ni = { class: "flex flex-wrap items-center justify-between gap-3 px-3 py-2 t
|
|
|
2127
2133
|
}, 8, ["disabled", "aria-label"])
|
|
2128
2134
|
])])]));
|
|
2129
2135
|
}
|
|
2130
|
-
}),
|
|
2131
|
-
rowSortingFeature:
|
|
2132
|
-
rowPaginationFeature:
|
|
2133
|
-
rowExpandingFeature:
|
|
2134
|
-
sortedRowModel:
|
|
2135
|
-
paginatedRowModel:
|
|
2136
|
-
expandedRowModel:
|
|
2137
|
-
sortFns:
|
|
2138
|
-
}),
|
|
2136
|
+
}), di = bt({
|
|
2137
|
+
rowSortingFeature: vt,
|
|
2138
|
+
rowPaginationFeature: _t,
|
|
2139
|
+
rowExpandingFeature: gt,
|
|
2140
|
+
sortedRowModel: ht(),
|
|
2141
|
+
paginatedRowModel: mt(),
|
|
2142
|
+
expandedRowModel: pt(),
|
|
2143
|
+
sortFns: yt
|
|
2144
|
+
}), fi = [
|
|
2139
2145
|
"a[href]",
|
|
2140
2146
|
"button",
|
|
2141
2147
|
"input",
|
|
@@ -2148,21 +2154,21 @@ var ni = { class: "flex flex-wrap items-center justify-between gap-3 px-3 py-2 t
|
|
|
2148
2154
|
"[role=\"menu\"]",
|
|
2149
2155
|
"[data-row-toggle-ignore]"
|
|
2150
2156
|
].join(",");
|
|
2151
|
-
function
|
|
2157
|
+
function pi(e) {
|
|
2152
2158
|
let t = e;
|
|
2153
|
-
return !t || typeof t.closest != "function" ? !1 : t.closest(
|
|
2159
|
+
return !t || typeof t.closest != "function" ? !1 : t.closest(fi) !== null;
|
|
2154
2160
|
}
|
|
2155
|
-
function
|
|
2161
|
+
function mi(e, t) {
|
|
2156
2162
|
return e[t] ? {} : { [t]: !0 };
|
|
2157
2163
|
}
|
|
2158
2164
|
//#endregion
|
|
2159
2165
|
//#region src/components/data-table/DataTable.vue?vue&type=script&setup=true&lang.ts
|
|
2160
|
-
var
|
|
2166
|
+
var hi = ["aria-busy"], gi = {
|
|
2161
2167
|
key: 0,
|
|
2162
2168
|
class: "sr-only",
|
|
2163
2169
|
role: "status",
|
|
2164
2170
|
"aria-live": "polite"
|
|
2165
|
-
},
|
|
2171
|
+
}, _i = ["onClick"], vi = /* @__PURE__ */ p({
|
|
2166
2172
|
__name: "DataTable",
|
|
2167
2173
|
props: {
|
|
2168
2174
|
data: {},
|
|
@@ -2201,8 +2207,8 @@ var pi = ["aria-busy"], mi = {
|
|
|
2201
2207
|
"row-click"
|
|
2202
2208
|
],
|
|
2203
2209
|
setup(e, { emit: t }) {
|
|
2204
|
-
let n = e, r = t, i =
|
|
2205
|
-
features:
|
|
2210
|
+
let n = e, r = t, i = A(), u = C([]), p = n.getRowId ? (e) => n.getRowId(e) : void 0, m = xt({
|
|
2211
|
+
features: di,
|
|
2206
2212
|
get columns() {
|
|
2207
2213
|
return n.columns;
|
|
2208
2214
|
},
|
|
@@ -2239,19 +2245,19 @@ var pi = ["aria-busy"], mi = {
|
|
|
2239
2245
|
return t ? `${t}px` : void 0;
|
|
2240
2246
|
};
|
|
2241
2247
|
function k(e, t) {
|
|
2242
|
-
r("row-click", h.value.find((e) => e.id === t)?.original), n.expandable && (n.stopRowToggleOnInteractiveCells &&
|
|
2248
|
+
r("row-click", h.value.find((e) => e.id === t)?.original), n.expandable && (n.stopRowToggleOnInteractiveCells && pi(e.target) || r("update:expanded", mi(n.expanded, t)));
|
|
2243
2249
|
}
|
|
2244
2250
|
return (t, n) => (x(), l("div", {
|
|
2245
2251
|
class: g(e.maxHeight ? "overflow-auto" : void 0),
|
|
2246
2252
|
style: _(e.maxHeight ? { maxHeight: e.maxHeight } : void 0),
|
|
2247
2253
|
"aria-busy": e.loading || void 0
|
|
2248
|
-
}, [e.loading ? (x(), l("span",
|
|
2254
|
+
}, [e.loading ? (x(), l("span", gi, D(e.loadingLabel), 1)) : c("", !0), f(Hr, {
|
|
2249
2255
|
striped: e.striped,
|
|
2250
2256
|
size: e.size
|
|
2251
2257
|
}, {
|
|
2252
|
-
default: N(() => [f(
|
|
2258
|
+
default: N(() => [f(qr, null, {
|
|
2253
2259
|
default: N(() => [f(Q, null, {
|
|
2254
|
-
default: N(() => [(x(!0), l(a, null, w(O(m).getHeaderGroups()[0]?.headers ?? [], (t) => (x(), s(
|
|
2260
|
+
default: N(() => [(x(!0), l(a, null, w(O(m).getHeaderGroups()[0]?.headers ?? [], (t) => (x(), s(Qr, {
|
|
2255
2261
|
key: t.id,
|
|
2256
2262
|
width: E(t.column.columnDef),
|
|
2257
2263
|
"sort-direction": t.column.getCanSort() ? b(t.column.id) : void 0
|
|
@@ -2261,7 +2267,7 @@ var pi = ["aria-busy"], mi = {
|
|
|
2261
2267
|
type: "button",
|
|
2262
2268
|
class: "inline-flex items-center gap-1 rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
|
|
2263
2269
|
onClick: (e) => t.column.toggleSorting()
|
|
2264
|
-
}, [f(O(
|
|
2270
|
+
}, [f(O(ft), { header: t }, null, 8, ["header"]), b(t.column.id) === "descending" ? (x(), s(O(R), {
|
|
2265
2271
|
key: 0,
|
|
2266
2272
|
class: "size-3.5"
|
|
2267
2273
|
})) : b(t.column.id) === "ascending" ? (x(), s(O(ae), {
|
|
@@ -2270,7 +2276,7 @@ var pi = ["aria-busy"], mi = {
|
|
|
2270
2276
|
})) : (x(), s(O(se), {
|
|
2271
2277
|
key: 2,
|
|
2272
2278
|
class: "size-3.5 opacity-40"
|
|
2273
|
-
}))], 8,
|
|
2279
|
+
}))], 8, _i)) : (x(), s(O(ft), {
|
|
2274
2280
|
key: 1,
|
|
2275
2281
|
header: t
|
|
2276
2282
|
}, null, 8, ["header"]))]),
|
|
@@ -2279,8 +2285,8 @@ var pi = ["aria-busy"], mi = {
|
|
|
2279
2285
|
_: 1
|
|
2280
2286
|
})]),
|
|
2281
2287
|
_: 1
|
|
2282
|
-
}), f(
|
|
2283
|
-
default: N(() => [!e.loading && h.value.length === 0 ? (x(), s(
|
|
2288
|
+
}), f(Xr, null, {
|
|
2289
|
+
default: N(() => [!e.loading && h.value.length === 0 ? (x(), s(ei, {
|
|
2284
2290
|
key: 0,
|
|
2285
2291
|
columns: v.value
|
|
2286
2292
|
}, {
|
|
@@ -2288,7 +2294,7 @@ var pi = ["aria-busy"], mi = {
|
|
|
2288
2294
|
_: 3
|
|
2289
2295
|
}, 8, ["columns"])) : c("", !0), e.loading ? (x(!0), l(a, { key: 1 }, w(y.value, (e) => (x(), s(Q, { key: "loading-" + e }, {
|
|
2290
2296
|
default: N(() => [(x(!0), l(a, null, w(v.value, (e) => (x(), s($, { key: e }, {
|
|
2291
|
-
default: N(() => [f(
|
|
2297
|
+
default: N(() => [f(Nn, {
|
|
2292
2298
|
height: "1rem",
|
|
2293
2299
|
rounded: "sm"
|
|
2294
2300
|
})]),
|
|
@@ -2306,7 +2312,7 @@ var pi = ["aria-busy"], mi = {
|
|
|
2306
2312
|
row: n,
|
|
2307
2313
|
cell: e,
|
|
2308
2314
|
value: e.getValue()
|
|
2309
|
-
}, void 0, void 0, 0) : (x(), s(O(
|
|
2315
|
+
}, void 0, void 0, 0) : (x(), s(O(ft), {
|
|
2310
2316
|
key: 1,
|
|
2311
2317
|
cell: e
|
|
2312
2318
|
}, null, 8, ["cell"]))]),
|
|
@@ -2331,12 +2337,12 @@ var pi = ["aria-busy"], mi = {
|
|
|
2331
2337
|
_: 3
|
|
2332
2338
|
})]),
|
|
2333
2339
|
_: 3
|
|
2334
|
-
}, 8, ["striped", "size"])], 14,
|
|
2340
|
+
}, 8, ["striped", "size"])], 14, hi));
|
|
2335
2341
|
}
|
|
2336
2342
|
});
|
|
2337
2343
|
//#endregion
|
|
2338
2344
|
//#region src/lib/tree.ts
|
|
2339
|
-
function
|
|
2345
|
+
function yi(e, t, n = 1, r = null) {
|
|
2340
2346
|
return e.flatMap((e) => {
|
|
2341
2347
|
let i = {
|
|
2342
2348
|
node: e,
|
|
@@ -2345,27 +2351,27 @@ function _i(e, t, n = 1, r = null) {
|
|
|
2345
2351
|
parentKey: r,
|
|
2346
2352
|
hasChildren: !!e.children?.length
|
|
2347
2353
|
};
|
|
2348
|
-
return !i.hasChildren || !t.includes(e.value) ? [i] : [i, ...
|
|
2354
|
+
return !i.hasChildren || !t.includes(e.value) ? [i] : [i, ...yi(e.children, t, n + 1, e.value)];
|
|
2349
2355
|
});
|
|
2350
2356
|
}
|
|
2351
|
-
function
|
|
2357
|
+
function bi(e, t) {
|
|
2352
2358
|
for (let n of e) {
|
|
2353
2359
|
if (n.value === t) return n;
|
|
2354
|
-
let e = n.children ?
|
|
2360
|
+
let e = n.children ? bi(n.children, t) : void 0;
|
|
2355
2361
|
if (e) return e;
|
|
2356
2362
|
}
|
|
2357
2363
|
}
|
|
2358
|
-
function
|
|
2359
|
-
return e.flatMap((e) => e.children?.length ?
|
|
2364
|
+
function xi(e) {
|
|
2365
|
+
return e.flatMap((e) => e.children?.length ? xi(e.children) : [e.value]);
|
|
2360
2366
|
}
|
|
2361
|
-
function
|
|
2362
|
-
let n = e.children?.length ?
|
|
2367
|
+
function Si(e, t) {
|
|
2368
|
+
let n = e.children?.length ? xi([e]) : [e.value], r = n.filter((e) => t.includes(e)).length;
|
|
2363
2369
|
return r === 0 ? "unchecked" : r === n.length ? "checked" : "indeterminate";
|
|
2364
2370
|
}
|
|
2365
|
-
function
|
|
2371
|
+
function Ci(e, t, n = (e) => e.label ?? "") {
|
|
2366
2372
|
let r = t.trim().toLowerCase();
|
|
2367
2373
|
return r ? e.reduce((e, i) => {
|
|
2368
|
-
let a = i.children ?
|
|
2374
|
+
let a = i.children ? Ci(i.children, t, n) : void 0;
|
|
2369
2375
|
return !n(i).toLowerCase().includes(r) && (!a || a.length === 0) || e.push({
|
|
2370
2376
|
...i,
|
|
2371
2377
|
children: a
|
|
@@ -2374,10 +2380,10 @@ function xi(e, t, n = (e) => e.label ?? "") {
|
|
|
2374
2380
|
}
|
|
2375
2381
|
//#endregion
|
|
2376
2382
|
//#region src/components/tree-table/TreeTable.vue?vue&type=script&setup=true&lang.ts
|
|
2377
|
-
var
|
|
2383
|
+
var wi = { class: "overflow-hidden rounded-md border border-border bg-surface" }, Ti = { class: "px-3 py-2" }, Ei = ["aria-label", "onClick"], Di = {
|
|
2378
2384
|
key: 1,
|
|
2379
2385
|
class: "inline-block size-4"
|
|
2380
|
-
},
|
|
2386
|
+
}, Oi = /* @__PURE__ */ p({
|
|
2381
2387
|
__name: "TreeTable",
|
|
2382
2388
|
props: {
|
|
2383
2389
|
nodes: {},
|
|
@@ -2391,21 +2397,21 @@ var Si = { class: "overflow-hidden rounded-md border border-border bg-surface" }
|
|
|
2391
2397
|
},
|
|
2392
2398
|
emits: ["update:expanded"],
|
|
2393
2399
|
setup(e, { emit: t }) {
|
|
2394
|
-
let n = e, r = t, i = o(() => `minmax(12rem, 1fr) ${n.columns.map((e) => e.width ?? "minmax(6rem, 1fr)").join(" ")}`), c = o(() =>
|
|
2395
|
-
return (t, n) => (x(), l("div",
|
|
2400
|
+
let n = e, r = t, i = o(() => `minmax(12rem, 1fr) ${n.columns.map((e) => e.width ?? "minmax(6rem, 1fr)").join(" ")}`), c = o(() => yi(n.nodes, n.expanded));
|
|
2401
|
+
return (t, n) => (x(), l("div", wi, [u("div", {
|
|
2396
2402
|
class: "grid border-b border-border bg-surface-muted/60 text-xs font-medium text-muted",
|
|
2397
2403
|
style: _({ gridTemplateColumns: i.value })
|
|
2398
|
-
}, [u("div",
|
|
2404
|
+
}, [u("div", Ti, [T(t.$slots, "header", {}, () => [d(D(e.rowColumnHeader), 1)])]), (x(!0), l(a, null, w(e.columns, (e) => (x(), l("div", {
|
|
2399
2405
|
key: e.key,
|
|
2400
2406
|
class: g(["px-3 py-2", [e.align === "center" && "text-center", e.align === "end" && "text-end"]])
|
|
2401
|
-
}, D(e.header), 3))), 128))], 4), f(O(
|
|
2407
|
+
}, D(e.header), 3))), 128))], 4), f(O(ut), {
|
|
2402
2408
|
items: e.nodes,
|
|
2403
2409
|
"get-key": (e) => e.value,
|
|
2404
2410
|
"get-children": (e) => e.children,
|
|
2405
2411
|
expanded: e.expanded,
|
|
2406
2412
|
"onUpdate:expanded": n[0] ||= (e) => r("update:expanded", e)
|
|
2407
2413
|
}, {
|
|
2408
|
-
default: N(() => [(x(!0), l(a, null, w(c.value, (n) => (x(), s(O(
|
|
2414
|
+
default: N(() => [(x(!0), l(a, null, w(c.value, (n) => (x(), s(O(lt), {
|
|
2409
2415
|
key: n.key,
|
|
2410
2416
|
value: n.node,
|
|
2411
2417
|
level: n.level,
|
|
@@ -2422,7 +2428,7 @@ var Si = { class: "overflow-hidden rounded-md border border-border bg-surface" }
|
|
|
2422
2428
|
"aria-label": e.rowLabel(n.node),
|
|
2423
2429
|
class: g(["rounded p-0.5 text-muted transition-transform hover:bg-surface-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500", r && "rotate-90"]),
|
|
2424
2430
|
onClick: F(i, ["stop"])
|
|
2425
|
-
}, [f(O(z), { class: "size-3.5 rtl:rotate-180" })], 10,
|
|
2431
|
+
}, [f(O(z), { class: "size-3.5 rtl:rotate-180" })], 10, Ei)) : (x(), l("span", Di)), T(t.$slots, "row-label", {
|
|
2426
2432
|
node: n.node,
|
|
2427
2433
|
level: n.level
|
|
2428
2434
|
}, () => [d(D(e.rowLabel(n.node)), 1)])], 4), (x(!0), l(a, null, w(e.columns, (e) => (x(), l("div", {
|
|
@@ -2449,22 +2455,22 @@ var Si = { class: "overflow-hidden rounded-md border border-border bg-surface" }
|
|
|
2449
2455
|
"expanded"
|
|
2450
2456
|
])]));
|
|
2451
2457
|
}
|
|
2452
|
-
}),
|
|
2458
|
+
}), ki = ["disabled"], Ai = {
|
|
2453
2459
|
key: 0,
|
|
2454
2460
|
class: "truncate text-muted"
|
|
2455
|
-
},
|
|
2461
|
+
}, ji = {
|
|
2456
2462
|
key: 1,
|
|
2457
2463
|
class: "flex flex-wrap items-center gap-1"
|
|
2458
|
-
},
|
|
2464
|
+
}, Mi = {
|
|
2459
2465
|
key: 0,
|
|
2460
2466
|
class: "relative mb-2"
|
|
2461
|
-
},
|
|
2467
|
+
}, Ni = ["placeholder"], Pi = {
|
|
2462
2468
|
key: 1,
|
|
2463
2469
|
class: "block h-0.5 w-2 rounded bg-white"
|
|
2464
|
-
},
|
|
2470
|
+
}, Fi = { class: "truncate" }, Ii = {
|
|
2465
2471
|
key: 1,
|
|
2466
2472
|
class: "mt-2 flex justify-end border-t border-border pt-2"
|
|
2467
|
-
},
|
|
2473
|
+
}, Li = /* @__PURE__ */ p({
|
|
2468
2474
|
__name: "TreeSelect",
|
|
2469
2475
|
props: {
|
|
2470
2476
|
modelValue: { default: () => [] },
|
|
@@ -2484,19 +2490,19 @@ var Si = { class: "overflow-hidden rounded-md border border-border bg-surface" }
|
|
|
2484
2490
|
},
|
|
2485
2491
|
emits: ["update:modelValue"],
|
|
2486
2492
|
setup(e, { emit: t }) {
|
|
2487
|
-
let n = e, r = t, i = C(!1), p = C(""), m = C([]), h = o(() =>
|
|
2493
|
+
let n = e, r = t, i = C(!1), p = C(""), m = C([]), h = o(() => Ci(n.nodes, p.value)), v = o(() => yi(h.value, m.value)), y = o(() => xi(n.nodes)), b = o(() => n.modelValue.map((e) => bi(n.nodes, e)).filter((e) => !!e));
|
|
2488
2494
|
function S(e) {
|
|
2489
|
-
return
|
|
2495
|
+
return Si(e, n.modelValue);
|
|
2490
2496
|
}
|
|
2491
2497
|
function T(e) {
|
|
2492
2498
|
let t = (Array.isArray(e) ? e : []).map((e) => e.value);
|
|
2493
2499
|
r("update:modelValue", n.leafOnly ? t.filter((e) => y.value.includes(e)) : t);
|
|
2494
2500
|
}
|
|
2495
|
-
return (t, n) => (x(), s(O(
|
|
2501
|
+
return (t, n) => (x(), s(O(ze), {
|
|
2496
2502
|
open: i.value,
|
|
2497
2503
|
"onUpdate:open": n[3] ||= (e) => i.value = e
|
|
2498
2504
|
}, {
|
|
2499
|
-
default: N(() => [f(O(
|
|
2505
|
+
default: N(() => [f(O(Be), {
|
|
2500
2506
|
"as-child": "",
|
|
2501
2507
|
disabled: e.disabled
|
|
2502
2508
|
}, {
|
|
@@ -2504,25 +2510,25 @@ var Si = { class: "overflow-hidden rounded-md border border-border bg-surface" }
|
|
|
2504
2510
|
type: "button",
|
|
2505
2511
|
disabled: e.disabled,
|
|
2506
2512
|
class: g(["flex w-full items-center justify-between gap-2 rounded-md border border-border bg-surface px-3 text-start text-sm text-foreground shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-50", e.size === "sm" ? "min-h-8 py-1 text-xs" : "min-h-9 py-1.5"])
|
|
2507
|
-
}, [b.value.length === 0 ? (x(), l("span",
|
|
2513
|
+
}, [b.value.length === 0 ? (x(), l("span", Ai, D(e.placeholder), 1)) : (x(), l("span", ji, [(x(!0), l(a, null, w(b.value, (e) => (x(), s(Tn, {
|
|
2508
2514
|
key: e.value,
|
|
2509
2515
|
tone: "secondary"
|
|
2510
2516
|
}, {
|
|
2511
2517
|
default: N(() => [d(D(e.label ?? e.value), 1)]),
|
|
2512
2518
|
_: 2
|
|
2513
|
-
}, 1024))), 128))])), f(O(R), { class: "size-4 shrink-0 opacity-50" })], 10,
|
|
2519
|
+
}, 1024))), 128))])), f(O(R), { class: "size-4 shrink-0 opacity-50" })], 10, ki)]),
|
|
2514
2520
|
_: 1
|
|
2515
2521
|
}, 8, ["disabled"]), f(O(Le), {
|
|
2516
2522
|
"side-offset": 4,
|
|
2517
2523
|
class: "z-50 w-72 rounded-md border border-border bg-surface p-2 shadow-popover"
|
|
2518
2524
|
}, {
|
|
2519
2525
|
default: N(() => [
|
|
2520
|
-
e.filterable ? (x(), l("div",
|
|
2526
|
+
e.filterable ? (x(), l("div", Mi, [f(O(fe), { class: "pointer-events-none absolute start-2 top-1/2 size-3.5 -translate-y-1/2 text-muted" }), P(u("input", {
|
|
2521
2527
|
"onUpdate:modelValue": n[0] ||= (e) => p.value = e,
|
|
2522
2528
|
placeholder: e.filterPlaceholder,
|
|
2523
2529
|
class: "w-full rounded-md border border-border bg-surface py-1.5 pe-2 ps-7 text-sm placeholder:text-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
|
|
2524
|
-
}, null, 8,
|
|
2525
|
-
f(O(
|
|
2530
|
+
}, null, 8, Ni), [[j, p.value]])])) : c("", !0),
|
|
2531
|
+
f(O(ut), {
|
|
2526
2532
|
"model-value": b.value,
|
|
2527
2533
|
items: h.value,
|
|
2528
2534
|
"get-key": (e) => e.value,
|
|
@@ -2533,7 +2539,7 @@ var Si = { class: "overflow-hidden rounded-md border border-border bg-surface" }
|
|
|
2533
2539
|
"bubble-select": "",
|
|
2534
2540
|
"onUpdate:modelValue": T
|
|
2535
2541
|
}, {
|
|
2536
|
-
default: N(() => [(x(!0), l(a, null, w(v.value, (e) => (x(), s(O(
|
|
2542
|
+
default: N(() => [(x(!0), l(a, null, w(v.value, (e) => (x(), s(O(lt), {
|
|
2537
2543
|
key: e.key,
|
|
2538
2544
|
value: e.node,
|
|
2539
2545
|
level: e.level,
|
|
@@ -2547,7 +2553,7 @@ var Si = { class: "overflow-hidden rounded-md border border-border bg-surface" }
|
|
|
2547
2553
|
}, [S(e.node) === "checked" ? (x(), s(O(L), {
|
|
2548
2554
|
key: 0,
|
|
2549
2555
|
class: "size-3"
|
|
2550
|
-
})) : S(e.node) === "indeterminate" ? (x(), l("span",
|
|
2556
|
+
})) : S(e.node) === "indeterminate" ? (x(), l("span", Pi)) : c("", !0)], 2), u("span", Fi, D(e.node.label ?? e.node.value), 1)]),
|
|
2551
2557
|
_: 2
|
|
2552
2558
|
}, 1032, [
|
|
2553
2559
|
"value",
|
|
@@ -2562,7 +2568,7 @@ var Si = { class: "overflow-hidden rounded-md border border-border bg-surface" }
|
|
|
2562
2568
|
"get-children",
|
|
2563
2569
|
"expanded"
|
|
2564
2570
|
]),
|
|
2565
|
-
e.modelValue.length ? (x(), l("div",
|
|
2571
|
+
e.modelValue.length ? (x(), l("div", Ii, [u("button", {
|
|
2566
2572
|
type: "button",
|
|
2567
2573
|
class: "inline-flex items-center gap-1 rounded px-2 py-1 text-xs text-muted hover:bg-surface-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
|
|
2568
2574
|
onClick: n[2] ||= (e) => r("update:modelValue", [])
|
|
@@ -2573,11 +2579,11 @@ var Si = { class: "overflow-hidden rounded-md border border-border bg-surface" }
|
|
|
2573
2579
|
_: 1
|
|
2574
2580
|
}, 8, ["open"]));
|
|
2575
2581
|
}
|
|
2576
|
-
}),
|
|
2577
|
-
function
|
|
2582
|
+
}), Ri = Symbol("myghf-toast"), zi = 0;
|
|
2583
|
+
function Bi(e = {}) {
|
|
2578
2584
|
let t = Math.max(1, e.max ?? 4), n = e.duration ?? 5e3, r = e.position ?? "top-end", i = C([]), a = o(() => i.value.slice(0, t));
|
|
2579
2585
|
function s(e) {
|
|
2580
|
-
let t = `toast-${++
|
|
2586
|
+
let t = `toast-${++zi}`;
|
|
2581
2587
|
return i.value.push({
|
|
2582
2588
|
severity: "info",
|
|
2583
2589
|
position: r,
|
|
@@ -2613,14 +2619,14 @@ function Ri(e = {}) {
|
|
|
2613
2619
|
secondary: u("secondary")
|
|
2614
2620
|
};
|
|
2615
2621
|
}
|
|
2616
|
-
function
|
|
2617
|
-
let e = m(
|
|
2622
|
+
function Vi() {
|
|
2623
|
+
let e = m(Ri);
|
|
2618
2624
|
if (!e) throw Error("useToast() requires a <Toaster /> mounted above this component.");
|
|
2619
2625
|
return e;
|
|
2620
2626
|
}
|
|
2621
2627
|
//#endregion
|
|
2622
2628
|
//#region src/components/toast/Toast.vue?vue&type=script&setup=true&lang.ts
|
|
2623
|
-
var
|
|
2629
|
+
var Hi = { class: "min-w-0 flex-1" }, Ui = /* @__PURE__ */ p({
|
|
2624
2630
|
__name: "Toast",
|
|
2625
2631
|
props: {
|
|
2626
2632
|
item: {},
|
|
@@ -2635,7 +2641,7 @@ var Bi = { class: "min-w-0 flex-1" }, Vi = /* @__PURE__ */ p({
|
|
|
2635
2641
|
danger: "circle-alert",
|
|
2636
2642
|
secondary: "info"
|
|
2637
2643
|
};
|
|
2638
|
-
return (t, n) => (x(), s(O(
|
|
2644
|
+
return (t, n) => (x(), s(O(ot), {
|
|
2639
2645
|
"default-open": !0,
|
|
2640
2646
|
duration: l.value,
|
|
2641
2647
|
type: a.value,
|
|
@@ -2649,20 +2655,20 @@ var Bi = { class: "min-w-0 flex-1" }, Vi = /* @__PURE__ */ p({
|
|
|
2649
2655
|
name: e.item.icon || p[i.value],
|
|
2650
2656
|
class: g(["mt-0.5 size-4 shrink-0", O(q)[i.value].icon])
|
|
2651
2657
|
}, null, 8, ["name", "class"]),
|
|
2652
|
-
u("div",
|
|
2658
|
+
u("div", Hi, [e.item.title ? (x(), s(O(st), {
|
|
2653
2659
|
key: 0,
|
|
2654
2660
|
class: "font-medium"
|
|
2655
2661
|
}, {
|
|
2656
2662
|
default: N(() => [d(D(e.item.title), 1)]),
|
|
2657
2663
|
_: 1
|
|
2658
|
-
})) : c("", !0), e.item.description ? (x(), s(O(
|
|
2664
|
+
})) : c("", !0), e.item.description ? (x(), s(O(it), {
|
|
2659
2665
|
key: 1,
|
|
2660
2666
|
class: g(["leading-relaxed", e.item.title ? "mt-1" : ""])
|
|
2661
2667
|
}, {
|
|
2662
2668
|
default: N(() => [d(D(e.item.description), 1)]),
|
|
2663
2669
|
_: 1
|
|
2664
2670
|
}, 8, ["class"])) : c("", !0)]),
|
|
2665
|
-
e.item.action ? (x(), s(O(
|
|
2671
|
+
e.item.action ? (x(), s(O(nt), {
|
|
2666
2672
|
key: 0,
|
|
2667
2673
|
"alt-text": e.item.action.label,
|
|
2668
2674
|
class: "-my-1 shrink-0 rounded-md px-2 py-1 font-medium transition-colors hover:bg-black/10 dark:hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
|
|
@@ -2671,7 +2677,7 @@ var Bi = { class: "min-w-0 flex-1" }, Vi = /* @__PURE__ */ p({
|
|
|
2671
2677
|
default: N(() => [d(D(e.item.action.label), 1)]),
|
|
2672
2678
|
_: 1
|
|
2673
2679
|
}, 8, ["alt-text"])) : c("", !0),
|
|
2674
|
-
e.item.closable === !1 ? c("", !0) : (x(), s(O(
|
|
2680
|
+
e.item.closable === !1 ? c("", !0) : (x(), s(O(rt), {
|
|
2675
2681
|
key: 1,
|
|
2676
2682
|
"aria-label": "Close",
|
|
2677
2683
|
class: "-me-1 -mt-1 shrink-0 rounded-md p-1 transition-colors hover:bg-black/10 dark:hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
|
|
@@ -2688,7 +2694,7 @@ var Bi = { class: "min-w-0 flex-1" }, Vi = /* @__PURE__ */ p({
|
|
|
2688
2694
|
"class"
|
|
2689
2695
|
]));
|
|
2690
2696
|
}
|
|
2691
|
-
}),
|
|
2697
|
+
}), Wi = /* @__PURE__ */ p({
|
|
2692
2698
|
__name: "Toaster",
|
|
2693
2699
|
props: {
|
|
2694
2700
|
position: { default: "top-end" },
|
|
@@ -2699,12 +2705,12 @@ var Bi = { class: "min-w-0 flex-1" }, Vi = /* @__PURE__ */ p({
|
|
|
2699
2705
|
store: {}
|
|
2700
2706
|
},
|
|
2701
2707
|
setup(e) {
|
|
2702
|
-
let t = e, n = t.store ??
|
|
2708
|
+
let t = e, n = t.store ?? Bi({
|
|
2703
2709
|
max: t.max,
|
|
2704
2710
|
duration: t.duration,
|
|
2705
2711
|
position: t.position
|
|
2706
2712
|
});
|
|
2707
|
-
S(
|
|
2713
|
+
S(Ri, n);
|
|
2708
2714
|
let r = [
|
|
2709
2715
|
"top-start",
|
|
2710
2716
|
"top-center",
|
|
@@ -2723,17 +2729,17 @@ var Bi = { class: "min-w-0 flex-1" }, Vi = /* @__PURE__ */ p({
|
|
|
2723
2729
|
function o(e) {
|
|
2724
2730
|
return n.visible.value.filter((n) => (n.position ?? t.position) === e);
|
|
2725
2731
|
}
|
|
2726
|
-
return (t, u) => (x(), s(O(
|
|
2732
|
+
return (t, u) => (x(), s(O(at), {
|
|
2727
2733
|
label: e.label,
|
|
2728
2734
|
duration: e.duration
|
|
2729
2735
|
}, {
|
|
2730
|
-
default: N(() => [T(t.$slots, "default"), (x(), l(a, null, w(r, (t) => (x(), l(a, { key: t }, [o(t).length > 0 ? (x(), s(O(
|
|
2736
|
+
default: N(() => [T(t.$slots, "default"), (x(), l(a, null, w(r, (t) => (x(), l(a, { key: t }, [o(t).length > 0 ? (x(), s(O(ct), {
|
|
2731
2737
|
key: 0,
|
|
2732
2738
|
label: e.label,
|
|
2733
2739
|
class: g(["pointer-events-none fixed z-50 flex max-h-screen w-full max-w-sm flex-col", i[t]]),
|
|
2734
2740
|
style: _({ gap: e.gap })
|
|
2735
2741
|
}, {
|
|
2736
|
-
default: N(() => [(x(!0), l(a, null, w(o(t), (t) => (x(), s(
|
|
2742
|
+
default: N(() => [(x(!0), l(a, null, w(o(t), (t) => (x(), s(Ui, {
|
|
2737
2743
|
key: t.id,
|
|
2738
2744
|
item: t,
|
|
2739
2745
|
duration: e.duration,
|
|
@@ -2754,6 +2760,6 @@ var Bi = { class: "min-w-0 flex-1" }, Vi = /* @__PURE__ */ p({
|
|
|
2754
2760
|
}
|
|
2755
2761
|
});
|
|
2756
2762
|
//#endregion
|
|
2757
|
-
export {
|
|
2763
|
+
export { An as Alert, An as Message, In as Avatar, X as Button, Cn as Checkbox, vi as DataTable, dr as DatePicker, gr as Dialog, xr as Drawer, Sr as DropdownMenu, wr as DropdownMenuContent, Or as DropdownMenuGroup, Tr as DropdownMenuItem, Dr as DropdownMenuLabel, Er as DropdownMenuSeparator, Cr as DropdownMenuTrigger, vn as FormDescription, Sn as FormField, bn as FormMessage, Y as Icon, en as Input, an as InputNumber, gn as Label, pn as Password, Un as Select, Wn as SelectButton, Nn as Skeleton, Mn as Spinner, Hr as Table, Xr as TableBody, $ as TableCell, ei as TableEmpty, Qr as TableHead, qr as TableHeader, ui as TablePagination, Q as TableRow, Ln as Tabs, Bn as TabsContent, Rn as TabsList, zn as TabsTrigger, Tn as Tag, sn as Textarea, Yt as ThemeToggle, Wi as Toaster, Vr as TransferList, Li as TreeSelect, Oi as TreeTable, Dt as buildHourOptions, Ot as buildMinuteOptions, Tt as clampTime, H as cn, Gt as createTheme, Bi as createToastStore, St as dateToValue, K as formatLocalizedDate, Nt as formatLocalizedTime, kt as from12Hour, At as getFirstDayOfWeek, Mt as getMonthLabel, jt as getWeekdayLabels, Ft as mergeFormatOptions, Rt as resolveIconName, W as sortRange, G as to12Hour, Et as toISODate, wt as toMinutes, Pt as toNumberOrNull, It as toPascalCase, U as toTime, Ri as toastKey, q as toneClasses, Z as useFormField, qt as useTheme, Vi as useToast, Ct as valueToDate };
|
|
2758
2764
|
|
|
2759
2765
|
//# sourceMappingURL=index.js.map
|