@base-framework/ui 1.0.262 → 1.0.263
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/atoms.es.js +36 -36
- package/dist/{empty-state-DowNCqbA.js → empty-state-BPMXo_Tx.js} +259 -250
- package/dist/index.es.js +152 -149
- package/dist/molecules.es.js +41 -38
- package/dist/{tooltip-iKwNah4y.js → tooltip-Pwsjx1Gp.js} +40 -65
- package/dist/types/components/molecules/form/form-card.d.ts +31 -0
- package/dist/types/components/molecules/molecules.d.ts +1 -0
- package/dist/veil-tVDPinrr.js +48 -0
- package/package.json +1 -1
- package/dist/veil-D4dRxILB.js +0 -21
package/dist/index.es.js
CHANGED
|
@@ -1,168 +1,171 @@
|
|
|
1
|
-
import { B as s, C as o,
|
|
2
|
-
import { B as
|
|
3
|
-
import { C as
|
|
4
|
-
import {
|
|
5
|
-
import { Icons as
|
|
6
|
-
import { A as
|
|
7
|
-
import { A as
|
|
8
|
-
import { B as
|
|
9
|
-
import { B as
|
|
10
|
-
import { B as
|
|
11
|
-
import { A as
|
|
12
|
-
import { B as
|
|
13
|
-
import { F as
|
|
14
|
-
import { I as
|
|
1
|
+
import { B as s, C as o, F as t, L as r, P as n, R as l, S as i, a as p, T as m } from "./tooltip-Pwsjx1Gp.js";
|
|
2
|
+
import { B as d, I as g, L as C } from "./buttons-Cm9etaEG.js";
|
|
3
|
+
import { C as T, F as D, V as I, a as b } from "./veil-tVDPinrr.js";
|
|
4
|
+
import { C as F, d as P, D as B, c as k, E as M, F as f, H as x, I as N, M as v, N as y, P as h, R as L, T as W, a as H, b as A, U as R, W as w } from "./inputs-DscqfC6k.js";
|
|
5
|
+
import { Icons as G } from "./icons.es.js";
|
|
6
|
+
import { A as E, B as V, C as j, w as q, J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, O as $, K as aa, v as ea, c as sa, a as oa, b as ta, Q as ra, l as na, g as la, i as ia, h as pa, j as ma, e as ua, k as da, F as ga, d as Ca, f as ca, L as Ta, x as Da, M as Ia, o as ba, N as Sa, P as Fa, s as Pa, t as Ba, S as ka, q as Ma, r as fa, T as xa, H as Na, I as va, p as ya, u as ha } from "./empty-state-BPMXo_Tx.js";
|
|
7
|
+
import { A as Wa, b as Ha, C as Aa, D as Ra, a as wa, F as Ua, M as Ga, P as Oa, R as Ea, c as Va, g as ja, p as qa } from "./range-calendar-BxLjYfrT.js";
|
|
8
|
+
import { B as za, p as Ka, C as Qa, j as _a, D as Xa, m as Ya, k as Za, H as $a, I as ae, N as ee, O as se, P as oe, S as te, n as re, o as ne, t as le, s as ie, q as pe, r as me, T as ue, l as de, U as ge, W as Ce, f as ce, h as Te, i as De, c as Ie, d as be, b as Se, e as Fe, a as Pe, g as Be } from "./signature-panel-obojbki5.js";
|
|
9
|
+
import { B as Me, I as fe, M as xe, d as Ne, e as ve, g as ye, N as he, b as Le, a as We, f as He, P as Ae, c as Re, S as we, T as Ue } from "./mobile-nav-wrapper-Dj67Pb8l.js";
|
|
10
|
+
import { B as Oe, a as Ee, C as Ve, F as je, b as qe, c as Je, M as ze, P as Ke, S as Qe } from "./sidebar-menu-page-BVryQj2Z.js";
|
|
11
|
+
import { A as Xe, F as Ye, M as Ze, a as $e, T as as } from "./aside-template-McEj_Gxc.js";
|
|
12
|
+
import { B as ss } from "./bside-template-Du2m3rsE.js";
|
|
13
|
+
import { F as ts, c as rs } from "./format-DnofNaaz.js";
|
|
14
|
+
import { I as ls } from "./image-scaler-DNyRgMye.js";
|
|
15
15
|
export {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
16
|
+
E as Alert,
|
|
17
|
+
Xe as AsideTemplate,
|
|
18
|
+
Wa as Avatar,
|
|
19
|
+
za as BackButton,
|
|
20
|
+
Me as Backdrop,
|
|
21
21
|
s as Badge,
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
Oe as BasicPage,
|
|
23
|
+
Ee as BlankPage,
|
|
24
24
|
V as Breadcrumb,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
25
|
+
ss as BsideTemplate,
|
|
26
|
+
d as Button,
|
|
27
|
+
Ka as ButtonTab,
|
|
28
|
+
Ha as Calendar,
|
|
29
|
+
Aa as CalendarCells,
|
|
30
|
+
T as Card,
|
|
31
|
+
Ve as CenterPage,
|
|
32
|
+
F as Checkbox,
|
|
33
|
+
Qa as CheckboxCol,
|
|
34
|
+
o as CircleGraph,
|
|
35
|
+
P as ColorInput,
|
|
36
36
|
j as ColumnRow,
|
|
37
37
|
q as Combobox,
|
|
38
38
|
J as Confirmation,
|
|
39
39
|
z as CountDisplay,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
40
|
+
K as Counter,
|
|
41
|
+
_a as DataTable,
|
|
42
|
+
Xa as DataTableBody,
|
|
43
|
+
B as DateInput,
|
|
44
|
+
Q as DatePicker,
|
|
45
|
+
_ as DateRangePicker,
|
|
46
|
+
k as DateTimeInput,
|
|
47
|
+
Ra as DayCell,
|
|
48
|
+
wa as DayHeader,
|
|
49
49
|
X as DelayComponent,
|
|
50
50
|
Y as DetailBody,
|
|
51
51
|
Z as DetailSection,
|
|
52
52
|
$ as Dialog,
|
|
53
53
|
aa as DialogContainer,
|
|
54
|
-
|
|
54
|
+
Ya as DockableOverlay,
|
|
55
55
|
ea as DotsIndicator,
|
|
56
56
|
sa as Dropdown,
|
|
57
57
|
oa as DropdownItem,
|
|
58
58
|
ta as DropdownMenu,
|
|
59
|
-
|
|
60
|
-
|
|
59
|
+
Za as DynamicDataTable,
|
|
60
|
+
M as EmailInput,
|
|
61
61
|
ra as EmptyState,
|
|
62
|
-
|
|
63
|
-
|
|
62
|
+
t as Fieldset,
|
|
63
|
+
f as FileInput,
|
|
64
64
|
na as Form,
|
|
65
|
-
la as
|
|
66
|
-
ia as
|
|
67
|
-
pa as
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
ye as
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
ie as
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
R as
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
65
|
+
la as FormCard,
|
|
66
|
+
ia as FormCardContent,
|
|
67
|
+
pa as FormCardGroup,
|
|
68
|
+
ma as FormControl,
|
|
69
|
+
ua as FormDescription,
|
|
70
|
+
da as FormField,
|
|
71
|
+
D as FormGroup,
|
|
72
|
+
ga as FormItem,
|
|
73
|
+
Ca as FormLabel,
|
|
74
|
+
ca as FormMessage,
|
|
75
|
+
ts as Format,
|
|
76
|
+
Ua as FormatDate,
|
|
77
|
+
je as FullContainPage,
|
|
78
|
+
qe as FullPage,
|
|
79
|
+
Ye as FullTemplate,
|
|
80
|
+
Je as FullscreenPage,
|
|
81
|
+
$a as HeaderCol,
|
|
82
|
+
x as HiddenInput,
|
|
83
|
+
g as Icon,
|
|
84
|
+
G as Icons,
|
|
85
|
+
ls as ImageScaler,
|
|
86
|
+
fe as InlineNavigation,
|
|
87
|
+
ae as InlineOverlay,
|
|
88
|
+
N as Input,
|
|
89
|
+
r as Legend,
|
|
90
|
+
C as LoadingButton,
|
|
91
|
+
Ta as LogoUploader,
|
|
92
|
+
Ze as MainColumn,
|
|
93
|
+
xe as MainLink,
|
|
94
|
+
ze as MainSection,
|
|
95
|
+
Da as MinusButton,
|
|
96
|
+
Ne as MobileNavButton,
|
|
97
|
+
ve as MobileNavWrapper,
|
|
98
|
+
Ia as Modal,
|
|
99
|
+
Ga as MonthCalendar,
|
|
100
|
+
v as MonthInput,
|
|
101
|
+
ye as NavButton,
|
|
102
|
+
he as NavButtonLink,
|
|
103
|
+
Le as Navigation,
|
|
104
|
+
We as NavigationGroup,
|
|
105
|
+
ee as NavigationMenu,
|
|
106
|
+
He as NavigationPopover,
|
|
107
|
+
ba as Notification,
|
|
108
|
+
Sa as NotificationContainer,
|
|
109
|
+
y as NumberInput,
|
|
110
|
+
se as Overlay,
|
|
111
|
+
Ke as Page,
|
|
112
|
+
oe as Panel,
|
|
113
|
+
h as PasswordInput,
|
|
114
|
+
Fa as PlusButton,
|
|
115
|
+
Oa as PopOver,
|
|
116
|
+
Ae as PopupHeader,
|
|
117
|
+
n as ProgressBar,
|
|
118
|
+
L as Radio,
|
|
119
|
+
Ea as RangeCalendar,
|
|
120
|
+
l as RangeSlider,
|
|
121
|
+
Pa as STATUSES,
|
|
122
|
+
Ba as STATUS_CLASS,
|
|
123
|
+
te as ScrollableDataTable,
|
|
124
|
+
re as SearchDropdown,
|
|
125
|
+
ne as SearchInput,
|
|
126
|
+
i as Select,
|
|
127
|
+
Re as SidebarMenu,
|
|
128
|
+
Qe as SidebarMenuPage,
|
|
129
|
+
le as SignaturePanel,
|
|
130
|
+
p as Skeleton,
|
|
131
|
+
ka as SplitRow,
|
|
132
|
+
Ma as StaticStatusIndicator,
|
|
133
|
+
fa as StatusIndicator,
|
|
134
|
+
we as SubNavigation,
|
|
135
|
+
ie as Tab,
|
|
136
|
+
pe as TabGroup,
|
|
137
|
+
me as TabNavigation,
|
|
138
|
+
ue as TableHeader,
|
|
139
|
+
W as TelInput,
|
|
140
|
+
$e as Template,
|
|
141
|
+
H as Textarea,
|
|
142
|
+
xa as ThemeToggle,
|
|
143
|
+
Na as TimeFrame,
|
|
144
|
+
A as TimeInput,
|
|
145
|
+
va as TimePicker,
|
|
146
|
+
Ue as TitleHeader,
|
|
147
|
+
ya as Toggle,
|
|
148
|
+
m as Tooltip,
|
|
149
|
+
as as TopBar,
|
|
150
|
+
R as UrlInput,
|
|
151
|
+
de as UserList,
|
|
152
|
+
ge as UserListItem,
|
|
153
|
+
I as Veil,
|
|
154
|
+
b as VeilJot,
|
|
155
|
+
Ce as WeekCalendar,
|
|
156
|
+
ce as WeekCell,
|
|
157
|
+
Te as WeekCells,
|
|
158
|
+
De as WeekHeader,
|
|
159
|
+
w as WeekInput,
|
|
160
|
+
Va as addTime,
|
|
161
|
+
Ie as calculateWeekNumber,
|
|
162
|
+
rs as createWatcherCallback,
|
|
163
|
+
be as generateWeeks,
|
|
164
|
+
Se as getDateFromWeek,
|
|
165
|
+
Fe as getMonthDays,
|
|
166
|
+
Pe as getNextMonthDays,
|
|
167
|
+
ja as getPosition,
|
|
168
|
+
Be as getPreviousMonthDays,
|
|
169
|
+
ha as getStatusClass,
|
|
170
|
+
qa as pad
|
|
168
171
|
};
|
package/dist/molecules.es.js
CHANGED
|
@@ -1,49 +1,52 @@
|
|
|
1
|
-
import { A as
|
|
2
|
-
import { A as
|
|
1
|
+
import { A as s, B as t, C as r, w as e, J as i, y as n, z as m, E as l, G as C, D as d, m as S, n as p, O as u, K as D, v as c, c as g, a as F, b as T, Q as P, l as A, g as f, i as w, h as I, j as b, e as y, k as B, F as M, d as k, f as x, L, x as v, M as E, o as N, N as R, P as U, s as h, t as G, S as O, q as j, r as q, T as z, H, I as J, p as K, u as Q } from "./empty-state-BPMXo_Tx.js";
|
|
2
|
+
import { A as V, P as W, g as X } from "./range-calendar-BxLjYfrT.js";
|
|
3
3
|
export {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
s as Alert,
|
|
5
|
+
V as Avatar,
|
|
6
6
|
t as Breadcrumb,
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
r as ColumnRow,
|
|
8
|
+
e as Combobox,
|
|
9
9
|
i as Confirmation,
|
|
10
10
|
n as CountDisplay,
|
|
11
11
|
m as Counter,
|
|
12
12
|
l as DatePicker,
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
13
|
+
C as DateRangePicker,
|
|
14
|
+
d as DelayComponent,
|
|
15
|
+
S as DetailBody,
|
|
16
|
+
p as DetailSection,
|
|
17
|
+
u as Dialog,
|
|
18
|
+
D as DialogContainer,
|
|
19
|
+
c as DotsIndicator,
|
|
20
|
+
g as Dropdown,
|
|
21
21
|
F as DropdownItem,
|
|
22
22
|
T as DropdownMenu,
|
|
23
23
|
P as EmptyState,
|
|
24
24
|
A as Form,
|
|
25
|
-
f as
|
|
26
|
-
w as
|
|
27
|
-
I as
|
|
28
|
-
b as
|
|
29
|
-
y as
|
|
30
|
-
B as
|
|
31
|
-
M as
|
|
32
|
-
k as
|
|
33
|
-
x as
|
|
34
|
-
L as
|
|
35
|
-
v as
|
|
36
|
-
E as
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
h as
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
J as
|
|
25
|
+
f as FormCard,
|
|
26
|
+
w as FormCardContent,
|
|
27
|
+
I as FormCardGroup,
|
|
28
|
+
b as FormControl,
|
|
29
|
+
y as FormDescription,
|
|
30
|
+
B as FormField,
|
|
31
|
+
M as FormItem,
|
|
32
|
+
k as FormLabel,
|
|
33
|
+
x as FormMessage,
|
|
34
|
+
L as LogoUploader,
|
|
35
|
+
v as MinusButton,
|
|
36
|
+
E as Modal,
|
|
37
|
+
N as Notification,
|
|
38
|
+
R as NotificationContainer,
|
|
39
|
+
U as PlusButton,
|
|
40
|
+
W as PopOver,
|
|
41
|
+
h as STATUSES,
|
|
42
|
+
G as STATUS_CLASS,
|
|
43
|
+
O as SplitRow,
|
|
44
|
+
j as StaticStatusIndicator,
|
|
45
|
+
q as StatusIndicator,
|
|
46
|
+
z as ThemeToggle,
|
|
47
|
+
H as TimeFrame,
|
|
48
|
+
J as TimePicker,
|
|
49
|
+
K as Toggle,
|
|
50
|
+
X as getPosition,
|
|
51
|
+
Q as getStatusClass
|
|
49
52
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { Span as
|
|
1
|
+
import { Span as c, Legend as b, Fieldset as C, Div as l, UseParent as u, Input as x } from "@base-framework/atoms";
|
|
2
2
|
import { Atom as s, Html as p } from "@base-framework/base";
|
|
3
|
-
import { a as d } from "./veil-
|
|
4
|
-
import { f as
|
|
3
|
+
import { a as d } from "./veil-tVDPinrr.js";
|
|
4
|
+
import { f as h, e as y, g as k } from "./inputs-DscqfC6k.js";
|
|
5
5
|
const a = {
|
|
6
6
|
gray: {
|
|
7
7
|
backgroundColor: "bg-gray-50",
|
|
@@ -78,48 +78,25 @@ const a = {
|
|
|
78
78
|
textColor: "text-primary",
|
|
79
79
|
ringColor: "ring-background"
|
|
80
80
|
}
|
|
81
|
-
},
|
|
82
|
-
const { backgroundColor: e, textColor: r, ringColor: o } =
|
|
81
|
+
}, w = (t) => a[t] || a.gray, $ = (t) => {
|
|
82
|
+
const { backgroundColor: e, textColor: r, ringColor: o } = w(t);
|
|
83
83
|
return `inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors ${e} ${r} ${o}`;
|
|
84
|
-
},
|
|
85
|
-
const r =
|
|
86
|
-
return
|
|
87
|
-
}),
|
|
88
|
-
const r = t.margin ?? "my-5 mx-5", o = t.padding ?? "p-4";
|
|
89
|
-
return t.hover && (t.class += " hover:shadow-lg hover:bg-muted/50"), l({
|
|
90
|
-
...t,
|
|
91
|
-
class: `rounded-lg border bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${r} ${o} ${t.class || ""}`
|
|
92
|
-
}, e);
|
|
93
|
-
}), S = s((t, e) => f({
|
|
84
|
+
}, T = s((t, e) => {
|
|
85
|
+
const r = $(t == null ? void 0 : t.type);
|
|
86
|
+
return c({ ...t, class: r }, e);
|
|
87
|
+
}), v = s((t, e) => b({
|
|
94
88
|
...t,
|
|
95
89
|
class: ` font-medium -mt-4 -mx-1 px-2 py-2 ${t.class || ""}`
|
|
96
|
-
}, e)),
|
|
90
|
+
}, e)), L = s((t, e) => {
|
|
97
91
|
const r = t.border === "full" ? "border rounded-md" : "border-t";
|
|
98
|
-
return
|
|
92
|
+
return C({
|
|
99
93
|
...t,
|
|
100
94
|
class: `p-6 ${r} ${t.class || ""}`
|
|
101
95
|
}, [
|
|
102
|
-
t.legend &&
|
|
96
|
+
t.legend && v(t.legend),
|
|
103
97
|
l({ class: "flex flex-auto flex-col space-y-6" }, e)
|
|
104
98
|
]);
|
|
105
|
-
}),
|
|
106
|
-
var o;
|
|
107
|
-
const r = t.border === !0 ? "border-t" : "";
|
|
108
|
-
return l({
|
|
109
|
-
...t,
|
|
110
|
-
class: `grid grid-cols-1 gap-y-4 sm:grid-cols-[1fr,2fr] sm:gap-x-6 pt-8 ${r} ${t.class || ""}`
|
|
111
|
-
}, [
|
|
112
|
-
t.label && l({
|
|
113
|
-
...t.labelProps,
|
|
114
|
-
class: `space-y-1 ${((o = t.labelProps) == null ? void 0 : o.class) || ""}`
|
|
115
|
-
}, [
|
|
116
|
-
C({ class: "text-base" }, t.label),
|
|
117
|
-
t.description && h({ class: "text-sm text-muted-foreground" }, t.description)
|
|
118
|
-
]),
|
|
119
|
-
// Controls container: grows to fill remaining space, spacing between items
|
|
120
|
-
l({ class: "flex flex-col space-y-4" }, e)
|
|
121
|
-
]);
|
|
122
|
-
}), V = d(
|
|
99
|
+
}), I = d(
|
|
123
100
|
{
|
|
124
101
|
/**
|
|
125
102
|
* This will create the initial state of the RangeSlider.
|
|
@@ -169,7 +146,7 @@ const a = {
|
|
|
169
146
|
style: ["left: [[filledPercentage]]%", t]
|
|
170
147
|
}),
|
|
171
148
|
// Hidden Range Input
|
|
172
|
-
|
|
149
|
+
x({
|
|
173
150
|
type: "range",
|
|
174
151
|
min: ["[[min]]", t],
|
|
175
152
|
max: ["[[max]]", t],
|
|
@@ -177,8 +154,8 @@ const a = {
|
|
|
177
154
|
// Incorporate your new classes here
|
|
178
155
|
class: `
|
|
179
156
|
absolute w-full h-full opacity-0 cursor-pointer
|
|
180
|
-
${
|
|
181
|
-
${
|
|
157
|
+
${h}
|
|
158
|
+
${y}
|
|
182
159
|
${this.class || ""}
|
|
183
160
|
`.trim(),
|
|
184
161
|
bind: this.bind,
|
|
@@ -191,15 +168,15 @@ const a = {
|
|
|
191
168
|
]);
|
|
192
169
|
}
|
|
193
170
|
}
|
|
194
|
-
),
|
|
171
|
+
), G = s((t) => ({
|
|
195
172
|
tag: "select",
|
|
196
173
|
onCreated(e) {
|
|
197
174
|
t.options && p.setupSelectOptions(e, t.options);
|
|
198
175
|
},
|
|
199
176
|
...t,
|
|
200
|
-
class: `${
|
|
201
|
-
})),
|
|
202
|
-
const r = t, o = 16, n = 2 * Math.PI * o, m = r / 100 * n,
|
|
177
|
+
class: `${k} ${t.class || ""}`.trim()
|
|
178
|
+
})), P = (t) => !t || isNaN(t) ? null : t, i = (t, e) => {
|
|
179
|
+
const r = t, o = 16, n = 2 * Math.PI * o, m = r / 100 * n, f = `
|
|
203
180
|
<svg class="w-40 h-40 mx-auto" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
|
|
204
181
|
<!-- Background Circle -->
|
|
205
182
|
<circle
|
|
@@ -239,21 +216,21 @@ const a = {
|
|
|
239
216
|
`;
|
|
240
217
|
return l({
|
|
241
218
|
class: "circle-graph text-inherit",
|
|
242
|
-
html:
|
|
219
|
+
html: f
|
|
243
220
|
});
|
|
244
|
-
},
|
|
221
|
+
}, R = s((t) => {
|
|
245
222
|
const e = t.progress || 0, r = t.class || "", o = i(e, r);
|
|
246
223
|
return l({
|
|
247
224
|
class: "circle-graph-wrap",
|
|
248
225
|
onSet: [
|
|
249
226
|
t.prop,
|
|
250
|
-
(n) => (n =
|
|
227
|
+
(n) => (n = P(n), n ? i(n, r) : o)
|
|
251
228
|
]
|
|
252
229
|
}, [o]);
|
|
253
|
-
}),
|
|
230
|
+
}), S = () => u(({ state: t }) => l({
|
|
254
231
|
class: "absolute h-full rounded-full bg-primary transition-all duration-300",
|
|
255
232
|
style: ["width: [[progress]]%;", t]
|
|
256
|
-
})),
|
|
233
|
+
})), O = d(
|
|
257
234
|
{
|
|
258
235
|
/**
|
|
259
236
|
* This will render the progress bar component.
|
|
@@ -262,7 +239,7 @@ const a = {
|
|
|
262
239
|
*/
|
|
263
240
|
render() {
|
|
264
241
|
return l({ class: "relative w-full h-4 rounded-full bg-muted" }, [
|
|
265
|
-
|
|
242
|
+
S()
|
|
266
243
|
]);
|
|
267
244
|
},
|
|
268
245
|
/**
|
|
@@ -305,9 +282,9 @@ const a = {
|
|
|
305
282
|
t < 0 && (t = 0), t > 100 && (t = 100), this.state.progress = t;
|
|
306
283
|
}
|
|
307
284
|
}
|
|
308
|
-
),
|
|
285
|
+
), V = ({ class: t, shape: e = "rectangle", width: r = "w-full", height: o = "h-4" }) => l({
|
|
309
286
|
class: `bg-muted animate-pulse ${r} ${o} ${e === "circle" ? "rounded-full" : "rounded-md"} ${t || ""}`
|
|
310
|
-
}),
|
|
287
|
+
}), g = {
|
|
311
288
|
top: "bottom-full left-1/2 transform -translate-x-1/2 mb-2",
|
|
312
289
|
"top-right": "bottom-full left-full transform -translate-x-1 mb-2",
|
|
313
290
|
"top-left": "bottom-full right-full transform translate-x-1 mb-2",
|
|
@@ -316,12 +293,12 @@ const a = {
|
|
|
316
293
|
"bottom-left": "top-full right-full transform translate-x-1 mt-2",
|
|
317
294
|
left: "top-1/2 right-full transform -translate-y-1/2 mr-2",
|
|
318
295
|
right: "top-1/2 left-full transform -translate-y-1/2 ml-2"
|
|
319
|
-
},
|
|
320
|
-
const o =
|
|
296
|
+
}, E = (t) => g[t] || g.top, D = s(({ position: t = "top", content: e }, r) => {
|
|
297
|
+
const o = E(t);
|
|
321
298
|
return Array.isArray(r) === !1 && (r = [r]), l({ class: "relative group inline-block" }, [
|
|
322
299
|
...r,
|
|
323
300
|
// Tooltip box
|
|
324
|
-
|
|
301
|
+
c({
|
|
325
302
|
class: `
|
|
326
303
|
absolute z-20 px-2 py-1 border text-sm bg-background rounded shadow-md opacity-0 whitespace-nowrap
|
|
327
304
|
group-hover:opacity-100 transition-opacity duration-200 ${o} pointer-events-none
|
|
@@ -330,15 +307,13 @@ const a = {
|
|
|
330
307
|
]);
|
|
331
308
|
});
|
|
332
309
|
export {
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
H as b,
|
|
343
|
-
_ as c
|
|
310
|
+
T as B,
|
|
311
|
+
R as C,
|
|
312
|
+
L as F,
|
|
313
|
+
v as L,
|
|
314
|
+
O as P,
|
|
315
|
+
I as R,
|
|
316
|
+
G as S,
|
|
317
|
+
D as T,
|
|
318
|
+
V as a
|
|
344
319
|
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* FormCard
|
|
3
|
+
*
|
|
4
|
+
* A card component for displaying a form.
|
|
5
|
+
*
|
|
6
|
+
* @param {object} props - The component props.
|
|
7
|
+
* @param {string} props.title - The title of the form.
|
|
8
|
+
* @param {array} children - The children to render inside the card.
|
|
9
|
+
* @returns {object} The rendered form card component.
|
|
10
|
+
*/
|
|
11
|
+
export const FormCard: Function;
|
|
12
|
+
/**
|
|
13
|
+
* FormCardGroup
|
|
14
|
+
*
|
|
15
|
+
* A group of form cards.
|
|
16
|
+
*
|
|
17
|
+
* @param {object} props - The component props.
|
|
18
|
+
* @param {array} children - The children to render inside the group.
|
|
19
|
+
* @returns {object} The rendered form card group component.
|
|
20
|
+
*/
|
|
21
|
+
export const FormCardGroup: Function;
|
|
22
|
+
/**
|
|
23
|
+
* FormCardGroup
|
|
24
|
+
*
|
|
25
|
+
* A group of form cards.
|
|
26
|
+
*
|
|
27
|
+
* @param {object} props - The component props.
|
|
28
|
+
* @param {array} children - The children to render inside the group.
|
|
29
|
+
* @returns {object} The rendered form card group component.
|
|
30
|
+
*/
|
|
31
|
+
export const FormCardContent: Function;
|
|
@@ -4,6 +4,7 @@ export * from "./dropdowns/dropdown-item.js";
|
|
|
4
4
|
export * from "./dropdowns/dropdown-menu.js";
|
|
5
5
|
export * from "./dropdowns/dropdown.js";
|
|
6
6
|
export * from "./form/form-atoms.js";
|
|
7
|
+
export * from "./form/form-card.js";
|
|
7
8
|
export * from "./form/form-control.js";
|
|
8
9
|
export * from "./form/form-field.js";
|
|
9
10
|
export * from "./form/form.js";
|