@enos5/enos-vue 0.2.2 → 0.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/index.js +835 -846
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,86 +1,86 @@
|
|
|
1
|
-
import { ref as
|
|
2
|
-
import { usePage as tt, Link as
|
|
1
|
+
import { ref as j, computed as g, watch as Q, openBlock as a, createElementBlock as i, createElementVNode as o, Fragment as q, renderList as P, normalizeClass as S, normalizeStyle as Te, toDisplayString as T, createBlock as B, createCommentVNode as D, renderSlot as x, createVNode as R, Transition as oe, withCtx as O, mergeProps as z, useSlots as fe, unref as I, withDirectives as Z, vShow as ie, watchEffect as Qe, onMounted as se, useAttrs as ne, vModelCheckbox as Ye, nextTick as be, onBeforeUnmount as Je, Teleport as Ze, withModifiers as ve, onUnmounted as Ae, isRef as me, createTextVNode as ue, resolveDynamicComponent as Be, vModelText as et } from "vue";
|
|
2
|
+
import { usePage as tt, Link as ge } from "@inertiajs/vue3";
|
|
3
3
|
import { useI18n as lt } from "vue-i18n";
|
|
4
|
-
import { CheckCircleIcon as at, ExclamationTriangleIcon as Le, XMarkIcon as
|
|
5
|
-
const
|
|
4
|
+
import { CheckCircleIcon as at, ExclamationTriangleIcon as Le, XMarkIcon as st, LockClosedIcon as nt, ChevronDownIcon as xe, PhotoIcon as rt, ExclamationCircleIcon as ot, ChevronUpIcon as Ie, MagnifyingGlassIcon as it, CheckIcon as dt, PencilSquareIcon as ut } from "@heroicons/vue/24/outline";
|
|
5
|
+
const ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
6
6
|
__proto__: null,
|
|
7
7
|
get ActionCard() {
|
|
8
|
-
return
|
|
8
|
+
return bt;
|
|
9
9
|
},
|
|
10
10
|
get ActionMessage() {
|
|
11
|
-
return
|
|
11
|
+
return ht;
|
|
12
12
|
},
|
|
13
13
|
get ActionSection() {
|
|
14
|
-
return
|
|
14
|
+
return Bt;
|
|
15
15
|
},
|
|
16
16
|
get ApplicationLogo() {
|
|
17
|
-
return
|
|
17
|
+
return Mt;
|
|
18
18
|
},
|
|
19
19
|
get AuthenticationCard() {
|
|
20
|
-
return
|
|
20
|
+
return Ft;
|
|
21
21
|
},
|
|
22
22
|
get Badge() {
|
|
23
|
-
return
|
|
23
|
+
return Kt;
|
|
24
24
|
},
|
|
25
25
|
get Banner() {
|
|
26
|
-
return
|
|
26
|
+
return Xt;
|
|
27
27
|
},
|
|
28
28
|
get Button() {
|
|
29
|
-
return
|
|
29
|
+
return he;
|
|
30
30
|
},
|
|
31
31
|
get Card() {
|
|
32
|
-
return
|
|
32
|
+
return Me;
|
|
33
33
|
},
|
|
34
34
|
get CardTabs() {
|
|
35
|
-
return
|
|
35
|
+
return De;
|
|
36
36
|
},
|
|
37
37
|
get Checkbox() {
|
|
38
|
-
return
|
|
38
|
+
return Jt;
|
|
39
39
|
},
|
|
40
40
|
get CheckboxInput() {
|
|
41
|
-
return
|
|
41
|
+
return je;
|
|
42
42
|
},
|
|
43
43
|
get CheckboxMultipleInput() {
|
|
44
|
-
return
|
|
44
|
+
return qe;
|
|
45
45
|
},
|
|
46
46
|
get ConfirmationModal() {
|
|
47
|
-
return
|
|
47
|
+
return Ml;
|
|
48
48
|
},
|
|
49
49
|
get CustomSelect() {
|
|
50
|
-
return
|
|
50
|
+
return Ee;
|
|
51
51
|
},
|
|
52
52
|
get DateInput() {
|
|
53
|
-
return
|
|
53
|
+
return Ne;
|
|
54
54
|
},
|
|
55
55
|
get DialogModal() {
|
|
56
|
-
return
|
|
56
|
+
return Fl;
|
|
57
57
|
},
|
|
58
58
|
get Divider() {
|
|
59
59
|
return we;
|
|
60
60
|
},
|
|
61
61
|
get Dropdown() {
|
|
62
|
-
return
|
|
62
|
+
return Kl;
|
|
63
63
|
},
|
|
64
64
|
get DropdownLink() {
|
|
65
|
-
return
|
|
65
|
+
return Hl;
|
|
66
66
|
},
|
|
67
67
|
get EnosVue() {
|
|
68
|
-
return
|
|
68
|
+
return Za;
|
|
69
69
|
},
|
|
70
70
|
get FormSection() {
|
|
71
|
-
return
|
|
71
|
+
return Xl;
|
|
72
72
|
},
|
|
73
73
|
get ImageInput() {
|
|
74
74
|
return Ke;
|
|
75
75
|
},
|
|
76
76
|
get InputError() {
|
|
77
|
-
return
|
|
77
|
+
return Yl;
|
|
78
78
|
},
|
|
79
79
|
get InputGroup() {
|
|
80
|
-
return
|
|
80
|
+
return ye;
|
|
81
81
|
},
|
|
82
82
|
get InputLabel() {
|
|
83
|
-
return
|
|
83
|
+
return ta;
|
|
84
84
|
},
|
|
85
85
|
get LinkButton() {
|
|
86
86
|
return Ce;
|
|
@@ -89,51 +89,51 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
|
89
89
|
return $e;
|
|
90
90
|
},
|
|
91
91
|
get NavLink() {
|
|
92
|
-
return
|
|
92
|
+
return aa;
|
|
93
93
|
},
|
|
94
94
|
get NotationInput() {
|
|
95
|
-
return
|
|
95
|
+
return Ue;
|
|
96
96
|
},
|
|
97
97
|
get RadioInput() {
|
|
98
|
-
return
|
|
98
|
+
return Re;
|
|
99
99
|
},
|
|
100
100
|
get RadioMultipleInput() {
|
|
101
|
-
return
|
|
101
|
+
return He;
|
|
102
102
|
},
|
|
103
103
|
get ResponsiveNavLink() {
|
|
104
|
-
return
|
|
104
|
+
return na;
|
|
105
105
|
},
|
|
106
106
|
get SectionBorder() {
|
|
107
|
-
return
|
|
107
|
+
return ia;
|
|
108
108
|
},
|
|
109
109
|
get SectionTitle() {
|
|
110
110
|
return Se;
|
|
111
111
|
},
|
|
112
112
|
get SelectInput() {
|
|
113
|
-
return
|
|
113
|
+
return Fe;
|
|
114
114
|
},
|
|
115
115
|
get SortControls() {
|
|
116
|
-
return
|
|
116
|
+
return ma;
|
|
117
117
|
},
|
|
118
118
|
get TableList() {
|
|
119
|
-
return
|
|
119
|
+
return Da;
|
|
120
120
|
},
|
|
121
121
|
get TableListForm() {
|
|
122
|
-
return
|
|
122
|
+
return Ja;
|
|
123
123
|
},
|
|
124
124
|
get TextArea() {
|
|
125
|
-
return
|
|
125
|
+
return ze;
|
|
126
126
|
},
|
|
127
127
|
get TextInput() {
|
|
128
|
-
return
|
|
128
|
+
return Oe;
|
|
129
129
|
},
|
|
130
130
|
get ThSortable() {
|
|
131
131
|
return Ve;
|
|
132
132
|
}
|
|
133
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
133
|
+
}, Symbol.toStringTag, { value: "Module" })), ft = { class: "border-b border-gray-200/80 bg-gray-50/80 p-2" }, gt = {
|
|
134
134
|
role: "tablist",
|
|
135
135
|
class: "flex rounded-lg bg-white shadow-sm ring-1 ring-gray-200/80 overflow-hidden"
|
|
136
|
-
},
|
|
136
|
+
}, yt = ["aria-selected", "tabindex", "onClick", "onKeydown"], De = {
|
|
137
137
|
__name: "CardTabs",
|
|
138
138
|
props: {
|
|
139
139
|
tabs: {
|
|
@@ -151,71 +151,71 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
|
151
151
|
"tab-click"
|
|
152
152
|
],
|
|
153
153
|
setup(e, { emit: s }) {
|
|
154
|
-
const t = e, l = s,
|
|
155
|
-
|
|
156
|
-
|
|
154
|
+
const t = e, l = s, r = j([]), u = g(() => t.tabs.map((v) => v.value)), d = g(() => u.value.includes(t.activeTab) ? t.activeTab : u.value[0] ?? "");
|
|
155
|
+
Q(d, (v) => {
|
|
156
|
+
v !== t.activeTab && l("update:activeTab", v);
|
|
157
157
|
}, { immediate: !0 });
|
|
158
|
-
const f = (
|
|
159
|
-
|
|
160
|
-
},
|
|
161
|
-
!
|
|
162
|
-
}, b = (
|
|
163
|
-
|
|
164
|
-
},
|
|
158
|
+
const f = (v, w) => {
|
|
159
|
+
r.value[w] = v;
|
|
160
|
+
}, $ = (v) => {
|
|
161
|
+
!v || v === t.activeTab || (l("update:activeTab", v), l("tab-click", v));
|
|
162
|
+
}, b = (v) => {
|
|
163
|
+
r.value[v]?.focus();
|
|
164
|
+
}, k = (v, w) => {
|
|
165
165
|
if (t.tabs.length === 0)
|
|
166
166
|
return;
|
|
167
|
-
let
|
|
168
|
-
switch (
|
|
167
|
+
let V = w;
|
|
168
|
+
switch (v.key) {
|
|
169
169
|
case "ArrowRight":
|
|
170
170
|
case "ArrowDown":
|
|
171
|
-
|
|
171
|
+
V = (w + 1) % t.tabs.length;
|
|
172
172
|
break;
|
|
173
173
|
case "ArrowLeft":
|
|
174
174
|
case "ArrowUp":
|
|
175
|
-
|
|
175
|
+
V = (w - 1 + t.tabs.length) % t.tabs.length;
|
|
176
176
|
break;
|
|
177
177
|
case "Home":
|
|
178
|
-
|
|
178
|
+
V = 0;
|
|
179
179
|
break;
|
|
180
180
|
case "End":
|
|
181
|
-
|
|
181
|
+
V = t.tabs.length - 1;
|
|
182
182
|
break;
|
|
183
183
|
default:
|
|
184
184
|
return;
|
|
185
185
|
}
|
|
186
|
-
|
|
186
|
+
v.preventDefault(), $(t.tabs[V].value), b(V);
|
|
187
187
|
};
|
|
188
|
-
return (
|
|
189
|
-
o("div",
|
|
190
|
-
(a(!0), i(q, null,
|
|
191
|
-
key:
|
|
188
|
+
return (v, w) => (a(), i("div", ft, [
|
|
189
|
+
o("div", gt, [
|
|
190
|
+
(a(!0), i(q, null, P(e.tabs, (V, p) => (a(), i("button", {
|
|
191
|
+
key: V.value,
|
|
192
192
|
ref_for: !0,
|
|
193
|
-
ref: (
|
|
193
|
+
ref: (M) => f(M, p),
|
|
194
194
|
type: "button",
|
|
195
195
|
style: Te({ width: `${100 / e.tabs.length}%` }),
|
|
196
196
|
role: "tab",
|
|
197
|
-
"aria-selected": d.value ===
|
|
198
|
-
tabindex: d.value ===
|
|
197
|
+
"aria-selected": d.value === V.value,
|
|
198
|
+
tabindex: d.value === V.value ? 0 : -1,
|
|
199
199
|
class: S([
|
|
200
200
|
"px-4 py-3 text-center text-sm font-semibold tracking-wide transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40 focus-visible:ring-inset",
|
|
201
|
-
d.value ===
|
|
201
|
+
d.value === V.value ? "bg-blue-50 text-blue-700 shadow-[inset_0_-2px_0_0_rgb(37_99_235)]" : "text-gray-700 hover:bg-gray-50",
|
|
202
202
|
{
|
|
203
|
-
"border-r border-gray-200/80":
|
|
203
|
+
"border-r border-gray-200/80": p !== e.tabs.length - 1
|
|
204
204
|
}
|
|
205
205
|
]),
|
|
206
|
-
onClick: (
|
|
207
|
-
onKeydown: (
|
|
208
|
-
}, V
|
|
206
|
+
onClick: (M) => $(V.value),
|
|
207
|
+
onKeydown: (M) => k(M, p)
|
|
208
|
+
}, T(V.label), 47, yt))), 128))
|
|
209
209
|
])
|
|
210
210
|
]));
|
|
211
211
|
}
|
|
212
|
-
},
|
|
212
|
+
}, pt = {
|
|
213
213
|
key: 0,
|
|
214
214
|
class: "mb-4"
|
|
215
|
-
},
|
|
215
|
+
}, mt = {
|
|
216
216
|
key: 1,
|
|
217
217
|
class: "text-lg font-semibold text-gray-900 mb-4"
|
|
218
|
-
},
|
|
218
|
+
}, Me = {
|
|
219
219
|
__name: "Card",
|
|
220
220
|
props: {
|
|
221
221
|
title: {
|
|
@@ -257,29 +257,29 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
|
257
257
|
"tab-click"
|
|
258
258
|
],
|
|
259
259
|
setup(e) {
|
|
260
|
-
const s = e, t =
|
|
261
|
-
return g(() => s.tabs.findIndex((u) => u.value === t.value)),
|
|
260
|
+
const s = e, t = j(""), l = j("right"), r = g(() => s.tabs.findIndex((u) => u.value === s.activeTab));
|
|
261
|
+
return g(() => s.tabs.findIndex((u) => u.value === t.value)), Q(r, (u, d) => {
|
|
262
262
|
d !== void 0 && d !== -1 && u !== -1 && u !== d && (l.value = u > d ? "right" : "left", t.value = s.activeTab);
|
|
263
263
|
}), (u, d) => (a(), i("div", {
|
|
264
264
|
class: S(["bg-white/80 backdrop-blur-sm border border-gray-200/60 rounded-xl shadow-[0_1px_3px_rgba(0,0,0,0.1)]", e.overflowClass, { "sticky top-6 self-start": e.sticky }, e.cardClass])
|
|
265
265
|
}, [
|
|
266
|
-
e.tabs.length > 0 ? (a(), B(
|
|
266
|
+
e.tabs.length > 0 ? (a(), B(De, {
|
|
267
267
|
key: 0,
|
|
268
268
|
tabs: e.tabs,
|
|
269
269
|
"active-tab": e.activeTab,
|
|
270
270
|
"onUpdate:activeTab": d[0] || (d[0] = (f) => u.$emit("update:activeTab", f)),
|
|
271
271
|
onTabClick: d[1] || (d[1] = (f) => u.$emit("tab-click", f))
|
|
272
|
-
}, null, 8, ["tabs", "active-tab"])) :
|
|
272
|
+
}, null, 8, ["tabs", "active-tab"])) : D("", !0),
|
|
273
273
|
o("div", {
|
|
274
274
|
class: S(e.paddingClass)
|
|
275
275
|
}, [
|
|
276
|
-
u.$slots.customTitle ? (a(), i("div",
|
|
277
|
-
|
|
278
|
-
])) : e.title ? (a(), i("h3",
|
|
276
|
+
u.$slots.customTitle ? (a(), i("div", pt, [
|
|
277
|
+
x(u.$slots, "customTitle")
|
|
278
|
+
])) : e.title ? (a(), i("h3", mt, T(e.title), 1)) : D("", !0),
|
|
279
279
|
o("div", {
|
|
280
280
|
class: S(["relative", e.tabs.length > 0 ? "overflow-hidden" : "overflow-visible"])
|
|
281
281
|
}, [
|
|
282
|
-
|
|
282
|
+
R(oe, {
|
|
283
283
|
"enter-active-class": "transition-all duration-200 ease-in-out",
|
|
284
284
|
"enter-from-class": l.value === "right" ? "translate-x-full opacity-0" : "-translate-x-full opacity-0",
|
|
285
285
|
"enter-to-class": "translate-x-0 opacity-100",
|
|
@@ -288,12 +288,12 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
|
288
288
|
"leave-to-class": l.value === "right" ? "-translate-x-full opacity-0" : "translate-x-full opacity-0",
|
|
289
289
|
mode: "out-in"
|
|
290
290
|
}, {
|
|
291
|
-
default:
|
|
291
|
+
default: O(() => [
|
|
292
292
|
(a(), i("div", {
|
|
293
293
|
key: e.activeTab,
|
|
294
294
|
class: S([e.tabs.length > 0 ? "p-2" : "", e.contentClass])
|
|
295
295
|
}, [
|
|
296
|
-
|
|
296
|
+
x(u.$slots, "default")
|
|
297
297
|
], 2))
|
|
298
298
|
]),
|
|
299
299
|
_: 3
|
|
@@ -307,11 +307,11 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
|
307
307
|
}, {
|
|
308
308
|
__name: "Divider",
|
|
309
309
|
setup(e) {
|
|
310
|
-
return (s, t) => (a(), i("div",
|
|
311
|
-
|
|
310
|
+
return (s, t) => (a(), i("div", z({ class: "border-t border-gray-200" }, s.$attrs), [
|
|
311
|
+
x(s.$slots, "default")
|
|
312
312
|
], 16));
|
|
313
313
|
}
|
|
314
|
-
}),
|
|
314
|
+
}), bt = {
|
|
315
315
|
__name: "ActionCard",
|
|
316
316
|
props: {
|
|
317
317
|
title: {
|
|
@@ -324,43 +324,43 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
|
324
324
|
}
|
|
325
325
|
},
|
|
326
326
|
setup(e) {
|
|
327
|
-
const s =
|
|
328
|
-
return (t, l) => (a(), B(
|
|
327
|
+
const s = fe();
|
|
328
|
+
return (t, l) => (a(), B(Me, {
|
|
329
329
|
title: e.title,
|
|
330
330
|
"content-class": e.actionsClass
|
|
331
331
|
}, {
|
|
332
|
-
default:
|
|
333
|
-
|
|
332
|
+
default: O(() => [
|
|
333
|
+
x(t.$slots, "default"),
|
|
334
334
|
I(s).danger ? (a(), B(we, {
|
|
335
335
|
key: 0,
|
|
336
336
|
class: "mt-6 pt-4"
|
|
337
337
|
}, {
|
|
338
|
-
default:
|
|
339
|
-
|
|
338
|
+
default: O(() => [
|
|
339
|
+
x(t.$slots, "danger")
|
|
340
340
|
]),
|
|
341
341
|
_: 3
|
|
342
|
-
})) :
|
|
342
|
+
})) : D("", !0)
|
|
343
343
|
]),
|
|
344
344
|
_: 3
|
|
345
345
|
}, 8, ["title", "content-class"]));
|
|
346
346
|
}
|
|
347
|
-
},
|
|
347
|
+
}, vt = { class: "text-sm text-gray-600" }, ht = {
|
|
348
348
|
__name: "ActionMessage",
|
|
349
349
|
props: {
|
|
350
350
|
on: Boolean
|
|
351
351
|
},
|
|
352
352
|
setup(e) {
|
|
353
353
|
return (s, t) => (a(), i("div", null, [
|
|
354
|
-
|
|
354
|
+
R(oe, {
|
|
355
355
|
"leave-active-class": "transition ease-in duration-1000",
|
|
356
356
|
"leave-from-class": "opacity-100",
|
|
357
357
|
"leave-to-class": "opacity-0"
|
|
358
358
|
}, {
|
|
359
|
-
default:
|
|
360
|
-
|
|
361
|
-
|
|
359
|
+
default: O(() => [
|
|
360
|
+
Z(o("div", vt, [
|
|
361
|
+
x(s.$slots, "default")
|
|
362
362
|
], 512), [
|
|
363
|
-
[
|
|
363
|
+
[ie, e.on]
|
|
364
364
|
])
|
|
365
365
|
]),
|
|
366
366
|
_: 3
|
|
@@ -369,52 +369,52 @@ const ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
|
369
369
|
}
|
|
370
370
|
}, ke = (e, s) => {
|
|
371
371
|
const t = e.__vccOpts || e;
|
|
372
|
-
for (const [l,
|
|
373
|
-
t[l] =
|
|
372
|
+
for (const [l, r] of s)
|
|
373
|
+
t[l] = r;
|
|
374
374
|
return t;
|
|
375
|
-
},
|
|
376
|
-
function
|
|
377
|
-
return a(), i("div",
|
|
378
|
-
o("div",
|
|
379
|
-
o("h3",
|
|
380
|
-
|
|
375
|
+
}, xt = {}, wt = { class: "md:col-span-1 flex justify-between" }, kt = { class: "px-4 sm:px-0" }, St = { class: "text-lg font-medium text-gray-900" }, $t = { class: "mt-1 text-sm text-gray-600" }, Ct = { class: "px-4 sm:px-0" };
|
|
376
|
+
function Vt(e, s) {
|
|
377
|
+
return a(), i("div", wt, [
|
|
378
|
+
o("div", kt, [
|
|
379
|
+
o("h3", St, [
|
|
380
|
+
x(e.$slots, "title")
|
|
381
381
|
]),
|
|
382
|
-
o("p",
|
|
383
|
-
|
|
382
|
+
o("p", $t, [
|
|
383
|
+
x(e.$slots, "description")
|
|
384
384
|
])
|
|
385
385
|
]),
|
|
386
|
-
o("div",
|
|
387
|
-
|
|
386
|
+
o("div", Ct, [
|
|
387
|
+
x(e.$slots, "aside")
|
|
388
388
|
])
|
|
389
389
|
]);
|
|
390
390
|
}
|
|
391
|
-
const Se = /* @__PURE__ */ ke(
|
|
391
|
+
const Se = /* @__PURE__ */ ke(xt, [["render", Vt]]), _t = { class: "md:grid md:grid-cols-3 md:gap-6" }, Tt = { class: "mt-5 md:mt-0 md:col-span-2" }, At = { class: "px-4 py-5 sm:p-6 bg-white shadow sm:rounded-lg" }, Bt = {
|
|
392
392
|
__name: "ActionSection",
|
|
393
393
|
setup(e) {
|
|
394
|
-
return (s, t) => (a(), i("div",
|
|
395
|
-
|
|
396
|
-
title:
|
|
397
|
-
|
|
394
|
+
return (s, t) => (a(), i("div", _t, [
|
|
395
|
+
R(Se, null, {
|
|
396
|
+
title: O(() => [
|
|
397
|
+
x(s.$slots, "title")
|
|
398
398
|
]),
|
|
399
|
-
description:
|
|
400
|
-
|
|
399
|
+
description: O(() => [
|
|
400
|
+
x(s.$slots, "description")
|
|
401
401
|
]),
|
|
402
402
|
_: 3
|
|
403
403
|
}),
|
|
404
|
-
o("div",
|
|
405
|
-
o("div",
|
|
406
|
-
|
|
404
|
+
o("div", Tt, [
|
|
405
|
+
o("div", At, [
|
|
406
|
+
x(s.$slots, "content")
|
|
407
407
|
])
|
|
408
408
|
])
|
|
409
409
|
]));
|
|
410
410
|
}
|
|
411
|
-
},
|
|
411
|
+
}, Lt = {}, It = {
|
|
412
412
|
viewBox: "0 0 317 48",
|
|
413
413
|
fill: "none",
|
|
414
414
|
xmlns: "http://www.w3.org/2000/svg"
|
|
415
415
|
};
|
|
416
|
-
function
|
|
417
|
-
return a(), i("svg",
|
|
416
|
+
function Dt(e, s) {
|
|
417
|
+
return a(), i("svg", It, [...s[0] || (s[0] = [
|
|
418
418
|
o("path", {
|
|
419
419
|
d: "M74.09 30.04V13h-4.14v21H82.1v-3.96h-8.01zM95.379 19v1.77c-1.08-1.35-2.7-2.19-4.89-2.19-3.99 0-7.29 3.45-7.29 7.92s3.3 7.92 7.29 7.92c2.19 0 3.81-.84 4.89-2.19V34h3.87V19h-3.87zm-4.17 11.73c-2.37 0-4.14-1.71-4.14-4.23 0-2.52 1.77-4.23 4.14-4.23 2.4 0 4.17 1.71 4.17 4.23 0 2.52-1.77 4.23-4.17 4.23zM106.628 21.58V19h-3.87v15h3.87v-7.17c0-3.15 2.55-4.05 4.56-3.81V18.7c-1.89 0-3.78.84-4.56 2.88zM124.295 19v1.77c-1.08-1.35-2.7-2.19-4.89-2.19-3.99 0-7.29 3.45-7.29 7.92s3.3 7.92 7.29 7.92c2.19 0 3.81-.84 4.89-2.19V34h3.87V19h-3.87zm-4.17 11.73c-2.37 0-4.14-1.71-4.14-4.23 0-2.52 1.77-4.23 4.14-4.23 2.4 0 4.17 1.71 4.17 4.23 0 2.52-1.77 4.23-4.17 4.23zM141.544 19l-3.66 10.5-3.63-10.5h-4.26l5.7 15h4.41l5.7-15h-4.26zM150.354 28.09h11.31c.09-.51.15-1.02.15-1.59 0-4.41-3.15-7.92-7.59-7.92-4.71 0-7.92 3.45-7.92 7.92s3.18 7.92 8.22 7.92c2.88 0 5.13-1.17 6.54-3.21l-3.12-1.8c-.66.87-1.86 1.5-3.36 1.5-2.04 0-3.69-.84-4.23-2.82zm-.06-3c.45-1.92 1.86-3.03 3.93-3.03 1.62 0 3.24.87 3.72 3.03h-7.65zM164.516 34h3.87V12.1h-3.87V34zM185.248 34.36c3.69 0 6.9-2.01 6.9-6.3V13h-2.1v15.06c0 3.03-2.07 4.26-4.8 4.26-2.19 0-3.93-.78-4.62-2.61l-1.77 1.05c1.05 2.43 3.57 3.6 6.39 3.6zM203.124 18.64c-4.65 0-7.83 3.45-7.83 7.86 0 4.53 3.24 7.86 7.98 7.86 3.03 0 5.34-1.41 6.6-3.45l-1.74-1.02c-.81 1.44-2.46 2.55-4.83 2.55-3.18 0-5.55-1.89-5.97-4.95h13.17c.03-.3.06-.63.06-.93 0-4.11-2.85-7.92-7.44-7.92zm0 1.92c2.58 0 4.98 1.71 5.4 5.01h-11.19c.39-2.94 2.64-5.01 5.79-5.01zM221.224 20.92V19h-4.32v-4.2l-1.98.6V19h-3.15v1.92h3.15v9.09c0 3.6 2.25 4.59 6.3 3.99v-1.74c-2.91.12-4.32.33-4.32-2.25v-9.09h4.32zM225.176 22.93c0-1.62 1.59-2.37 3.15-2.37 1.44 0 2.97.57 3.6 2.1l1.65-.96c-.87-1.86-2.79-3.06-5.25-3.06-3 0-5.13 1.89-5.13 4.29 0 5.52 8.76 3.39 8.76 7.11 0 1.77-1.68 2.4-3.45 2.4-2.01 0-3.57-.99-4.11-2.52l-1.68.99c.75 1.92 2.79 3.45 5.79 3.45 3.21 0 5.43-1.77 5.43-4.32 0-5.52-8.76-3.39-8.76-7.11zM244.603 20.92V19h-4.32v-4.2l-1.98.6V19h-3.15v1.92h3.15v9.09c0 3.6 2.25 4.59 6.3 3.99v-1.74c-2.91.12-4.32.33-4.32-2.25v-9.09h4.32zM249.883 21.49V19h-1.98v15h1.98v-8.34c0-3.72 2.34-4.98 4.74-4.98v-1.92c-1.92 0-3.69.63-4.74 2.73zM263.358 18.64c-4.65 0-7.83 3.45-7.83 7.86 0 4.53 3.24 7.86 7.98 7.86 3.03 0 5.34-1.41 6.6-3.45l-1.74-1.02c-.81 1.44-2.46 2.55-4.83 2.55-3.18 0-5.55-1.89-5.97-4.95h13.17c.03-.3.06-.63.06-.93 0-4.11-2.85-7.92-7.44-7.92zm0 1.92c2.58 0 4.98 1.71 5.4 5.01h-11.19c.39-2.94 2.64-5.01 5.79-5.01zM286.848 19v2.94c-1.26-2.01-3.39-3.3-6.06-3.3-4.23 0-7.74 3.42-7.74 7.86s3.51 7.86 7.74 7.86c2.67 0 4.8-1.29 6.06-3.3V34h1.98V19h-1.98zm-5.91 13.44c-3.33 0-5.91-2.61-5.91-5.94 0-3.33 2.58-5.94 5.91-5.94s5.91 2.61 5.91 5.94c0 3.33-2.58 5.94-5.91 5.94zM309.01 18.64c-1.92 0-3.75.87-4.86 2.73-.84-1.74-2.46-2.73-4.56-2.73-1.8 0-3.42.72-4.59 2.55V19h-1.98v15H295v-8.31c0-3.72 2.16-5.13 4.32-5.13 2.13 0 3.51 1.41 3.51 4.08V34h1.98v-8.31c0-3.72 1.86-5.13 4.17-5.13 2.13 0 3.66 1.41 3.66 4.08V34h1.98v-9.36c0-3.75-2.31-6-5.61-6z",
|
|
420
420
|
class: "fill-black"
|
|
@@ -429,18 +429,18 @@ function It(e, s) {
|
|
|
429
429
|
}, null, -1)
|
|
430
430
|
])]);
|
|
431
431
|
}
|
|
432
|
-
const
|
|
433
|
-
function
|
|
434
|
-
return a(), i("div",
|
|
432
|
+
const Mt = /* @__PURE__ */ ke(Lt, [["render", Dt]]), jt = {}, Ot = { class: "min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100" }, zt = { class: "w-full sm:max-w-md mt-6 px-6 py-4 bg-white shadow-md overflow-hidden rounded-lg" };
|
|
433
|
+
function Et(e, s) {
|
|
434
|
+
return a(), i("div", Ot, [
|
|
435
435
|
o("div", null, [
|
|
436
|
-
|
|
436
|
+
x(e.$slots, "logo")
|
|
437
437
|
]),
|
|
438
|
-
o("div",
|
|
439
|
-
|
|
438
|
+
o("div", zt, [
|
|
439
|
+
x(e.$slots, "default")
|
|
440
440
|
])
|
|
441
441
|
]);
|
|
442
442
|
}
|
|
443
|
-
const
|
|
443
|
+
const Ft = /* @__PURE__ */ ke(jt, [["render", Et]]), Nt = { class: "sr-only" }, Kt = {
|
|
444
444
|
__name: "Badge",
|
|
445
445
|
props: {
|
|
446
446
|
type: {
|
|
@@ -495,15 +495,15 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
495
495
|
lg: "rounded-lg",
|
|
496
496
|
full: "rounded-full"
|
|
497
497
|
};
|
|
498
|
-
return (
|
|
498
|
+
return (r, u) => e.type === "dot" ? (a(), i("span", {
|
|
499
499
|
key: 0,
|
|
500
500
|
class: S(["inline-flex items-center justify-center w-6 h-6 rounded-full", s[e.color].bg])
|
|
501
501
|
}, [
|
|
502
502
|
o("span", {
|
|
503
503
|
class: S(["w-2 h-2 rounded-full", s[e.color].dot])
|
|
504
504
|
}, null, 2),
|
|
505
|
-
o("span",
|
|
506
|
-
|
|
505
|
+
o("span", Nt, [
|
|
506
|
+
x(r.$slots, "default")
|
|
507
507
|
])
|
|
508
508
|
], 2)) : (a(), i("span", {
|
|
509
509
|
key: 1,
|
|
@@ -514,18 +514,18 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
514
514
|
l[e.rounded]
|
|
515
515
|
]])
|
|
516
516
|
}, [
|
|
517
|
-
|
|
517
|
+
x(r.$slots, "default")
|
|
518
518
|
], 2));
|
|
519
519
|
}
|
|
520
520
|
}, Ut = {
|
|
521
521
|
key: 0,
|
|
522
522
|
class: "fixed bottom-4 right-4 z-50"
|
|
523
|
-
},
|
|
523
|
+
}, Rt = { class: "flex items-center" }, Ht = { class: "flex-shrink-0" }, qt = { class: "ml-3 w-0 flex-1" }, Pt = { class: "text-sm font-medium text-white" }, Wt = { class: "ml-4 flex-shrink-0 flex" }, Gt = { class: "sr-only" }, Xt = {
|
|
524
524
|
__name: "Banner",
|
|
525
525
|
setup(e) {
|
|
526
|
-
const s = tt(), { t } = lt(), l =
|
|
526
|
+
const s = tt(), { t } = lt(), l = j(!1), r = j("success"), u = j(""), d = j(!1);
|
|
527
527
|
let f = null;
|
|
528
|
-
const
|
|
528
|
+
const $ = () => {
|
|
529
529
|
d.value = !1, setTimeout(() => {
|
|
530
530
|
l.value = !1;
|
|
531
531
|
}, 300);
|
|
@@ -533,60 +533,60 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
533
533
|
f && clearTimeout(f), l.value = !0, setTimeout(() => {
|
|
534
534
|
d.value = !0;
|
|
535
535
|
}, 50), f = setTimeout(() => {
|
|
536
|
-
|
|
536
|
+
$();
|
|
537
537
|
}, 5e3);
|
|
538
538
|
};
|
|
539
539
|
return Qe(async () => {
|
|
540
|
-
const
|
|
541
|
-
|
|
540
|
+
const k = s.props.jetstream.flash?.bannerStyle || "success", v = s.props.jetstream.flash?.banner || "";
|
|
541
|
+
v && (r.value = k, u.value = v, b());
|
|
542
542
|
}), se(() => {
|
|
543
543
|
u.value && b();
|
|
544
|
-
}), (
|
|
544
|
+
}), (k, v) => l.value ? (a(), i("div", Ut, [
|
|
545
545
|
o("div", {
|
|
546
546
|
class: S([
|
|
547
547
|
"transform transition-all duration-300 ease-out shadow-lg rounded-lg p-4 min-w-[300px] max-w-md",
|
|
548
548
|
d.value ? "translate-y-0 opacity-100" : "translate-y-full opacity-0",
|
|
549
|
-
|
|
549
|
+
r.value === "success" ? "bg-green-600" : "bg-red-600"
|
|
550
550
|
])
|
|
551
551
|
}, [
|
|
552
|
-
o("div",
|
|
553
|
-
o("div",
|
|
552
|
+
o("div", Rt, [
|
|
553
|
+
o("div", Ht, [
|
|
554
554
|
o("div", {
|
|
555
555
|
class: S([
|
|
556
556
|
"flex p-2 rounded-full",
|
|
557
|
-
|
|
557
|
+
r.value === "success" ? "bg-green-700" : "bg-red-700"
|
|
558
558
|
])
|
|
559
559
|
}, [
|
|
560
|
-
|
|
560
|
+
r.value === "success" ? (a(), B(I(at), {
|
|
561
561
|
key: 0,
|
|
562
562
|
class: "w-5 h-5 text-white"
|
|
563
|
-
})) :
|
|
564
|
-
|
|
563
|
+
})) : D("", !0),
|
|
564
|
+
r.value === "danger" ? (a(), B(I(Le), {
|
|
565
565
|
key: 1,
|
|
566
566
|
class: "w-5 h-5 text-white"
|
|
567
|
-
})) :
|
|
567
|
+
})) : D("", !0)
|
|
568
568
|
], 2)
|
|
569
569
|
]),
|
|
570
|
-
o("div",
|
|
571
|
-
o("p",
|
|
570
|
+
o("div", qt, [
|
|
571
|
+
o("p", Pt, T(u.value), 1)
|
|
572
572
|
]),
|
|
573
|
-
o("div",
|
|
573
|
+
o("div", Wt, [
|
|
574
574
|
o("button", {
|
|
575
575
|
type: "button",
|
|
576
576
|
class: S(["inline-flex text-white hover:bg-white/20 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-green-600 focus:ring-white rounded-md p-1.5 transition-colors", [
|
|
577
|
-
|
|
577
|
+
r.value === "success" ? "hover:bg-green-700 focus:ring-offset-green-600" : "hover:bg-red-700 focus:ring-offset-red-600"
|
|
578
578
|
]]),
|
|
579
|
-
onClick:
|
|
579
|
+
onClick: $
|
|
580
580
|
}, [
|
|
581
|
-
o("span",
|
|
582
|
-
|
|
581
|
+
o("span", Gt, T(I(t)("Dismiss")), 1),
|
|
582
|
+
R(I(st), { class: "w-5 h-5" })
|
|
583
583
|
], 2)
|
|
584
584
|
])
|
|
585
585
|
])
|
|
586
586
|
], 2)
|
|
587
|
-
])) :
|
|
587
|
+
])) : D("", !0);
|
|
588
588
|
}
|
|
589
|
-
},
|
|
589
|
+
}, Qt = ["type", "disabled"], he = /* @__PURE__ */ Object.assign({
|
|
590
590
|
inheritAttrs: !1
|
|
591
591
|
}, {
|
|
592
592
|
__name: "Button",
|
|
@@ -611,20 +611,20 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
611
611
|
tertiary: "bg-gradient-to-r from-gray-500 to-gray-600 text-white shadow-[0_1px_3px_rgba(0,0,0,0.1)] hover:from-gray-600 hover:to-gray-700 hover:shadow-[0_2px_6px_rgba(0,0,0,0.15)] focus:ring-gray-500 disabled:hover:from-gray-500 disabled:hover:to-gray-600",
|
|
612
612
|
warning: "border border-yellow-300 bg-yellow-50 text-yellow-700 hover:bg-yellow-100 focus:ring-yellow-500 disabled:hover:bg-yellow-50",
|
|
613
613
|
danger: "border border-red-300 bg-red-50 text-red-700 hover:bg-red-100 focus:ring-red-500 disabled:hover:bg-red-50"
|
|
614
|
-
},
|
|
614
|
+
}, r = g(() => l[t.variant] ? t.variant : "primary"), u = g(() => [
|
|
615
615
|
"min-w-[40px] min-h-[35px] inline-flex items-center justify-center rounded-lg p-3 py-2 text-sm font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
|
|
616
|
-
l[
|
|
616
|
+
l[r.value],
|
|
617
617
|
s.class
|
|
618
618
|
]);
|
|
619
|
-
return (d, f) => (a(), i("button",
|
|
619
|
+
return (d, f) => (a(), i("button", z(I(s), {
|
|
620
620
|
type: e.type,
|
|
621
621
|
disabled: e.disabled,
|
|
622
622
|
class: u.value
|
|
623
623
|
}), [
|
|
624
|
-
|
|
625
|
-
], 16,
|
|
624
|
+
x(d.$slots, "default")
|
|
625
|
+
], 16, Qt));
|
|
626
626
|
}
|
|
627
|
-
}),
|
|
627
|
+
}), Yt = ["value"], Jt = {
|
|
628
628
|
__name: "Checkbox",
|
|
629
629
|
props: {
|
|
630
630
|
checked: {
|
|
@@ -638,7 +638,7 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
638
638
|
},
|
|
639
639
|
emits: ["update:checked"],
|
|
640
640
|
setup(e, { emit: s }) {
|
|
641
|
-
const t = s, l = e,
|
|
641
|
+
const t = s, l = e, r = g({
|
|
642
642
|
get() {
|
|
643
643
|
return l.checked;
|
|
644
644
|
},
|
|
@@ -646,16 +646,16 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
646
646
|
t("update:checked", u);
|
|
647
647
|
}
|
|
648
648
|
});
|
|
649
|
-
return (u, d) =>
|
|
650
|
-
"onUpdate:modelValue": d[0] || (d[0] = (f) =>
|
|
649
|
+
return (u, d) => Z((a(), i("input", {
|
|
650
|
+
"onUpdate:modelValue": d[0] || (d[0] = (f) => r.value = f),
|
|
651
651
|
type: "checkbox",
|
|
652
652
|
value: e.value,
|
|
653
653
|
class: "rounded border-gray-300 text-indigo-600 shadow-sm focus:ring-indigo-500"
|
|
654
|
-
}, null, 8,
|
|
655
|
-
[Ye,
|
|
654
|
+
}, null, 8, Yt)), [
|
|
655
|
+
[Ye, r.value]
|
|
656
656
|
]);
|
|
657
657
|
}
|
|
658
|
-
},
|
|
658
|
+
}, Zt = ["checked", "disabled"], je = {
|
|
659
659
|
__name: "CheckboxInput",
|
|
660
660
|
props: {
|
|
661
661
|
modelValue: {
|
|
@@ -681,16 +681,16 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
681
681
|
},
|
|
682
682
|
emits: ["update:modelValue"],
|
|
683
683
|
setup(e, { emit: s }) {
|
|
684
|
-
const t = s, l = e,
|
|
684
|
+
const t = s, l = e, r = g(() => l.modelValue === l.value), u = j(!1), d = () => {
|
|
685
685
|
u.value = !0;
|
|
686
686
|
}, f = () => {
|
|
687
687
|
u.value = !1;
|
|
688
|
-
},
|
|
688
|
+
}, $ = (b) => {
|
|
689
689
|
t("update:modelValue", b.target.checked ? l.value : l.uncheckedValue);
|
|
690
690
|
};
|
|
691
|
-
return (b,
|
|
691
|
+
return (b, k) => (a(), i("label", {
|
|
692
692
|
class: S(["inline-flex items-center gap-2 rounded-full border px-3 py-1 text-sm font-medium select-none transition-colors", [
|
|
693
|
-
|
|
693
|
+
r.value ? "bg-indigo-600 text-white border-indigo-600" : "text-gray-600 border-gray-200",
|
|
694
694
|
e.disabled ? "opacity-60 cursor-not-allowed" : "cursor-pointer",
|
|
695
695
|
u.value && !e.disabled ? "ring-2 ring-indigo-500/80 ring-offset-2 ring-offset-white" : ""
|
|
696
696
|
]])
|
|
@@ -698,37 +698,37 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
698
698
|
o("input", {
|
|
699
699
|
type: "checkbox",
|
|
700
700
|
class: "sr-only",
|
|
701
|
-
checked:
|
|
701
|
+
checked: r.value,
|
|
702
702
|
disabled: e.disabled,
|
|
703
|
-
onChange:
|
|
703
|
+
onChange: $,
|
|
704
704
|
onFocus: d,
|
|
705
705
|
onBlur: f
|
|
706
|
-
}, null, 40,
|
|
706
|
+
}, null, 40, Zt),
|
|
707
707
|
o("span", {
|
|
708
708
|
class: S(["inline-flex h-4 w-4 items-center justify-center border text-[10px] font-bold leading-none", [
|
|
709
|
-
|
|
709
|
+
r.value ? "border-current bg-white/15 text-current" : "border-current/70 text-transparent",
|
|
710
710
|
"rounded"
|
|
711
711
|
]])
|
|
712
712
|
}, " ✓ ", 2),
|
|
713
|
-
o("span", null,
|
|
713
|
+
o("span", null, T(e.label), 1)
|
|
714
714
|
], 2));
|
|
715
715
|
}
|
|
716
|
-
},
|
|
716
|
+
}, el = { class: "relative flex items-center" }, tl = {
|
|
717
717
|
key: 0,
|
|
718
718
|
class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"
|
|
719
|
-
},
|
|
719
|
+
}, ll = ["type", "value", "disabled"], al = ["aria-label"], sl = {
|
|
720
720
|
key: 0,
|
|
721
721
|
class: "h-5 w-5",
|
|
722
722
|
fill: "none",
|
|
723
723
|
stroke: "currentColor",
|
|
724
724
|
viewBox: "0 0 24 24"
|
|
725
|
-
},
|
|
725
|
+
}, nl = {
|
|
726
726
|
key: 1,
|
|
727
727
|
class: "h-5 w-5",
|
|
728
728
|
fill: "none",
|
|
729
729
|
stroke: "currentColor",
|
|
730
730
|
viewBox: "0 0 24 24"
|
|
731
|
-
},
|
|
731
|
+
}, rl = 254, Oe = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
732
732
|
__name: "TextInput",
|
|
733
733
|
props: {
|
|
734
734
|
modelValue: {
|
|
@@ -746,55 +746,55 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
746
746
|
},
|
|
747
747
|
emits: ["update:modelValue", "blur"],
|
|
748
748
|
setup(e, { expose: s, emit: t }) {
|
|
749
|
-
const l = e,
|
|
750
|
-
const { class:
|
|
751
|
-
return
|
|
752
|
-
}),
|
|
749
|
+
const l = e, r = t, u = ne(), d = j(null), f = j(!1), $ = g(() => String(u.type ?? "text")), b = g(() => $.value === "password"), k = g(() => b.value && f.value ? "text" : $.value), v = g(() => l.modelValue ?? ""), w = g(() => {
|
|
750
|
+
const { class: L, type: E, ...F } = u;
|
|
751
|
+
return F.maxlength === void 0 && (F.maxlength = rl), F;
|
|
752
|
+
}), V = g(() => [
|
|
753
753
|
"w-full min-w-0 max-w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm",
|
|
754
754
|
u.class,
|
|
755
755
|
b.value ? "pr-10 pl-10" : ""
|
|
756
|
-
]),
|
|
756
|
+
]), p = () => {
|
|
757
757
|
f.value = !f.value;
|
|
758
|
-
},
|
|
759
|
-
if (
|
|
758
|
+
}, M = (L) => {
|
|
759
|
+
if (k.value !== "number")
|
|
760
760
|
return;
|
|
761
|
-
|
|
762
|
-
const
|
|
763
|
-
|
|
761
|
+
L.preventDefault();
|
|
762
|
+
const E = document.scrollingElement ?? document.documentElement ?? document.body;
|
|
763
|
+
E && (E.scrollTop += L.deltaY);
|
|
764
764
|
};
|
|
765
765
|
return se(() => {
|
|
766
766
|
d.value?.hasAttribute("autofocus") && d.value.focus();
|
|
767
|
-
}), s({ focus: () => d.value?.focus() }), (
|
|
768
|
-
b.value ? (a(), i("div",
|
|
769
|
-
|
|
770
|
-
])) :
|
|
771
|
-
o("input",
|
|
767
|
+
}), s({ focus: () => d.value?.focus() }), (L, E) => (a(), i("div", el, [
|
|
768
|
+
b.value ? (a(), i("div", tl, [
|
|
769
|
+
R(I(nt), { class: "h-5 w-5 text-gray-400" })
|
|
770
|
+
])) : D("", !0),
|
|
771
|
+
o("input", z({
|
|
772
772
|
ref_key: "input",
|
|
773
773
|
ref: d
|
|
774
|
-
},
|
|
775
|
-
type:
|
|
776
|
-
class: [
|
|
777
|
-
value:
|
|
774
|
+
}, w.value, {
|
|
775
|
+
type: k.value,
|
|
776
|
+
class: [V.value, l.disabled ? l.disabledClass : null],
|
|
777
|
+
value: v.value,
|
|
778
778
|
disabled: l.disabled,
|
|
779
|
-
onInput:
|
|
780
|
-
onBlur:
|
|
781
|
-
onWheel:
|
|
782
|
-
}), null, 16,
|
|
779
|
+
onInput: E[0] || (E[0] = (F) => r("update:modelValue", F.target.value)),
|
|
780
|
+
onBlur: E[1] || (E[1] = (F) => r("blur", F)),
|
|
781
|
+
onWheel: M
|
|
782
|
+
}), null, 16, ll),
|
|
783
783
|
b.value ? (a(), i("button", {
|
|
784
784
|
key: 1,
|
|
785
785
|
type: "button",
|
|
786
786
|
class: "absolute inset-y-0 right-0 flex items-center pr-3 text-gray-400 hover:text-gray-600 focus:outline-none",
|
|
787
787
|
"aria-label": f.value ? "Hide password" : "Show password",
|
|
788
|
-
onClick:
|
|
788
|
+
onClick: p
|
|
789
789
|
}, [
|
|
790
|
-
f.value ? (a(), i("svg",
|
|
790
|
+
f.value ? (a(), i("svg", sl, [...E[2] || (E[2] = [
|
|
791
791
|
o("path", {
|
|
792
792
|
"stroke-linecap": "round",
|
|
793
793
|
"stroke-linejoin": "round",
|
|
794
794
|
"stroke-width": "2",
|
|
795
795
|
d: "M13.875 18.825A10.05 10.05 0 0112 19c-5 0-9.27-3.11-11-7 1.01-2.27 2.78-4.1 5-5.32m3.08-1.3A9.96 9.96 0 0112 5c5 0 9.27 3.11 11 7a11.03 11.03 0 01-4.16 4.91M15 12a3 3 0 00-3-3m0 0a3 3 0 00-2.94 3.59M3 3l18 18"
|
|
796
796
|
}, null, -1)
|
|
797
|
-
])])) : (a(), i("svg",
|
|
797
|
+
])])) : (a(), i("svg", nl, [...E[3] || (E[3] = [
|
|
798
798
|
o("path", {
|
|
799
799
|
"stroke-linecap": "round",
|
|
800
800
|
"stroke-linejoin": "round",
|
|
@@ -808,10 +808,10 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
808
808
|
d: "M2.458 12C3.732 7.943 7.523 5 12 5s8.268 2.943 9.542 7c-1.274 4.057-5.065 7-9.542 7S3.732 16.057 2.458 12z"
|
|
809
809
|
}, null, -1)
|
|
810
810
|
])]))
|
|
811
|
-
], 8,
|
|
811
|
+
], 8, al)) : D("", !0)
|
|
812
812
|
]));
|
|
813
813
|
}
|
|
814
|
-
}),
|
|
814
|
+
}), ol = ["value", "disabled"], il = 1e3, ze = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
815
815
|
__name: "TextArea",
|
|
816
816
|
props: {
|
|
817
817
|
modelValue: String,
|
|
@@ -830,39 +830,39 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
830
830
|
},
|
|
831
831
|
emits: ["update:modelValue"],
|
|
832
832
|
setup(e, { expose: s, emit: t }) {
|
|
833
|
-
const l = e,
|
|
834
|
-
const { class:
|
|
835
|
-
return
|
|
836
|
-
}),
|
|
833
|
+
const l = e, r = t, u = ne(), d = j(null), f = g(() => {
|
|
834
|
+
const { class: v, ...w } = u;
|
|
835
|
+
return w.maxlength === void 0 && (w.maxlength = il), w;
|
|
836
|
+
}), $ = g(() => [
|
|
837
837
|
"w-full min-w-0 max-w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm",
|
|
838
838
|
l.autoResize ? "resize-none overflow-y-auto" : "resize-y",
|
|
839
839
|
u.class
|
|
840
840
|
]), b = () => {
|
|
841
841
|
!l.autoResize || !d.value || (d.value.style.height = "auto", d.value.style.height = `${d.value.scrollHeight}px`);
|
|
842
|
-
},
|
|
843
|
-
|
|
842
|
+
}, k = (v) => {
|
|
843
|
+
r("update:modelValue", v.target.value), b();
|
|
844
844
|
};
|
|
845
845
|
return se(() => {
|
|
846
|
-
d.value?.hasAttribute("autofocus") && d.value.focus(),
|
|
846
|
+
d.value?.hasAttribute("autofocus") && d.value.focus(), be(() => {
|
|
847
847
|
b();
|
|
848
848
|
});
|
|
849
|
-
}),
|
|
850
|
-
|
|
849
|
+
}), Q(() => l.modelValue, () => {
|
|
850
|
+
be(() => {
|
|
851
851
|
b();
|
|
852
852
|
});
|
|
853
|
-
}), s({ focus: () => d.value?.focus() }), (
|
|
854
|
-
o("textarea",
|
|
853
|
+
}), s({ focus: () => d.value?.focus() }), (v, w) => (a(), i("div", null, [
|
|
854
|
+
o("textarea", z({
|
|
855
855
|
ref_key: "textarea",
|
|
856
856
|
ref: d
|
|
857
857
|
}, f.value, {
|
|
858
|
-
class: [
|
|
858
|
+
class: [$.value, l.disabled ? l.disabledClass : ""],
|
|
859
859
|
value: l.modelValue,
|
|
860
860
|
disabled: l.disabled,
|
|
861
|
-
onInput:
|
|
862
|
-
}), null, 16,
|
|
861
|
+
onInput: k
|
|
862
|
+
}), null, 16, ol)
|
|
863
863
|
]));
|
|
864
864
|
}
|
|
865
|
-
}),
|
|
865
|
+
}), dl = ["onClick"], Ee = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
866
866
|
__name: "CustomSelect",
|
|
867
867
|
props: {
|
|
868
868
|
modelValue: {
|
|
@@ -948,67 +948,67 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
948
948
|
},
|
|
949
949
|
emits: ["update:modelValue"],
|
|
950
950
|
setup(e, { emit: s }) {
|
|
951
|
-
const t = e, l = s,
|
|
952
|
-
if (t.modelValue === null || t.modelValue === void 0 || t.modelValue === "" && !t.options.some((
|
|
951
|
+
const t = e, l = s, r = ne(), u = j(!1), d = j(null), f = j(null), $ = j(null), b = j({}), k = (h) => typeof h == "object" && h !== null, v = (h) => k(h) ? h[t.valueKey] : h, w = (h) => t.optionLabel ? t.optionLabel(h) : k(h) ? h[t.labelKey] ?? h[t.valueKey] ?? "" : h, V = (h) => !t.softDeleteAware || !k(h) ? !1 : !!h[t.deletedKey], p = g(() => String(t.modelValue ?? "")), M = g(() => !t.softDeleteAware || p.value === "" ? null : t.options.find((h) => V(h) && String(v(h) ?? "") === p.value) ?? null), L = g(() => t.softDeleteAware ? t.options.filter((h) => !V(h)) : t.options), E = g(() => {
|
|
952
|
+
if (t.modelValue === null || t.modelValue === void 0 || t.modelValue === "" && !t.options.some((N) => v(N) === ""))
|
|
953
953
|
return t.placeholder;
|
|
954
|
-
const
|
|
955
|
-
const
|
|
956
|
-
return
|
|
954
|
+
const h = t.options.find((N) => {
|
|
955
|
+
const K = v(N);
|
|
956
|
+
return K === t.modelValue || String(K) === String(t.modelValue);
|
|
957
957
|
});
|
|
958
|
-
return
|
|
959
|
-
}),
|
|
958
|
+
return h ? w(h) : t.modelValue;
|
|
959
|
+
}), F = (h) => t.modelModifiers.number ? h === "" ? "" : Number(h) : h, re = () => {
|
|
960
960
|
t.disabled || (u.value = !u.value);
|
|
961
|
-
},
|
|
962
|
-
const
|
|
963
|
-
l("update:modelValue",
|
|
964
|
-
},
|
|
965
|
-
t.placeholderDisabled || (l("update:modelValue",
|
|
966
|
-
},
|
|
961
|
+
}, Y = (h) => {
|
|
962
|
+
const N = v(h);
|
|
963
|
+
l("update:modelValue", F(N)), u.value = !1;
|
|
964
|
+
}, W = () => {
|
|
965
|
+
t.placeholderDisabled || (l("update:modelValue", F("")), u.value = !1);
|
|
966
|
+
}, G = () => {
|
|
967
967
|
if (!f.value)
|
|
968
968
|
return;
|
|
969
|
-
const
|
|
969
|
+
const h = f.value.getBoundingClientRect(), N = window.innerWidth, K = window.innerHeight, X = K - h.bottom - 8, ee = h.top - 8, te = X < 240 && ee > X, le = Math.min(h.width, Math.max(N - h.left - 16, 160)), ae = Math.max(Math.min(240, te ? ee : X), 120);
|
|
970
970
|
b.value = {
|
|
971
971
|
position: "fixed",
|
|
972
|
-
left: `${Math.max(
|
|
973
|
-
width: `${
|
|
974
|
-
maxHeight: `${
|
|
972
|
+
left: `${Math.max(h.left, 8)}px`,
|
|
973
|
+
width: `${le}px`,
|
|
974
|
+
maxHeight: `${ae}px`,
|
|
975
975
|
zIndex: "9999",
|
|
976
|
-
...
|
|
976
|
+
...te ? { bottom: `${K - h.top + 1}px` } : { top: `${h.bottom - 1}px` }
|
|
977
977
|
};
|
|
978
|
-
},
|
|
979
|
-
const
|
|
980
|
-
!
|
|
978
|
+
}, J = (h) => {
|
|
979
|
+
const N = d.value?.contains(h.target), K = $.value?.contains(h.target);
|
|
980
|
+
!N && !K && (u.value = !1);
|
|
981
981
|
};
|
|
982
982
|
return se(() => {
|
|
983
|
-
document.addEventListener("click",
|
|
983
|
+
document.addEventListener("click", J), window.addEventListener("resize", G), window.addEventListener("scroll", G, !0);
|
|
984
984
|
}), Je(() => {
|
|
985
|
-
document.removeEventListener("click",
|
|
986
|
-
}),
|
|
987
|
-
|
|
988
|
-
}), (
|
|
985
|
+
document.removeEventListener("click", J), window.removeEventListener("resize", G), window.removeEventListener("scroll", G, !0);
|
|
986
|
+
}), Q(u, async (h) => {
|
|
987
|
+
h && (await be(), G());
|
|
988
|
+
}), (h, N) => (a(), i("div", {
|
|
989
989
|
ref_key: "rootRef",
|
|
990
990
|
ref: d,
|
|
991
991
|
class: "relative",
|
|
992
|
-
onClick:
|
|
992
|
+
onClick: re
|
|
993
993
|
}, [
|
|
994
|
-
o("div",
|
|
994
|
+
o("div", z({
|
|
995
995
|
ref_key: "triggerRef",
|
|
996
996
|
ref: f,
|
|
997
997
|
class: [
|
|
998
998
|
e.baseClass,
|
|
999
|
-
|
|
999
|
+
M.value ? e.deletedSelectedClass : e.normalTextClass,
|
|
1000
1000
|
"flex items-center justify-between cursor-pointer",
|
|
1001
|
-
I(
|
|
1001
|
+
I(r).class
|
|
1002
1002
|
]
|
|
1003
|
-
}, I(
|
|
1003
|
+
}, I(r), { tabindex: "0" }), [
|
|
1004
1004
|
o("span", {
|
|
1005
1005
|
class: S({ "text-gray-400": !e.modelValue && e.placeholder })
|
|
1006
|
-
},
|
|
1007
|
-
|
|
1006
|
+
}, T(E.value), 3),
|
|
1007
|
+
R(I(xe), {
|
|
1008
1008
|
class: S(["size-5 text-gray-400 transition-transform", { "rotate-180": u.value }])
|
|
1009
1009
|
}, null, 8, ["class"])
|
|
1010
1010
|
], 16),
|
|
1011
|
-
|
|
1011
|
+
R(oe, {
|
|
1012
1012
|
"enter-active-class": "transition-all duration-200 ease-out",
|
|
1013
1013
|
"enter-from-class": "opacity-0 transform scale-95 -translate-y-2",
|
|
1014
1014
|
"enter-to-class": "opacity-100 transform scale-100 translate-y-0",
|
|
@@ -1016,12 +1016,12 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1016
1016
|
"leave-from-class": "opacity-100 transform scale-100 translate-y-0",
|
|
1017
1017
|
"leave-to-class": "opacity-0 transform scale-95 -translate-y-2"
|
|
1018
1018
|
}, {
|
|
1019
|
-
default:
|
|
1019
|
+
default: O(() => [
|
|
1020
1020
|
(a(), B(Ze, { to: "body" }, [
|
|
1021
1021
|
u.value ? (a(), i("div", {
|
|
1022
1022
|
key: 0,
|
|
1023
1023
|
ref_key: "dropdownMenuRef",
|
|
1024
|
-
ref:
|
|
1024
|
+
ref: $,
|
|
1025
1025
|
class: S(e.dropdownClass),
|
|
1026
1026
|
style: Te(b.value)
|
|
1027
1027
|
}, [
|
|
@@ -1032,37 +1032,37 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1032
1032
|
e.placeholderClass,
|
|
1033
1033
|
{ "text-gray-400": !e.modelValue }
|
|
1034
1034
|
]),
|
|
1035
|
-
onClick:
|
|
1036
|
-
},
|
|
1037
|
-
|
|
1035
|
+
onClick: ve(W, ["stop"])
|
|
1036
|
+
}, T(e.placeholder), 3)) : D("", !0),
|
|
1037
|
+
M.value ? (a(), i("div", {
|
|
1038
1038
|
key: 1,
|
|
1039
1039
|
class: S([
|
|
1040
1040
|
e.dropdownOptionClass,
|
|
1041
1041
|
e.deletedOptionClass,
|
|
1042
1042
|
e.dropdownSelectedClass
|
|
1043
1043
|
])
|
|
1044
|
-
},
|
|
1045
|
-
(a(!0), i(q, null,
|
|
1046
|
-
key: String(
|
|
1044
|
+
}, T(w(M.value)), 3)) : D("", !0),
|
|
1045
|
+
(a(!0), i(q, null, P(L.value, (K) => (a(), i("div", {
|
|
1046
|
+
key: String(v(K)),
|
|
1047
1047
|
class: S([
|
|
1048
1048
|
e.dropdownOptionClass,
|
|
1049
1049
|
e.optionClass,
|
|
1050
1050
|
{
|
|
1051
|
-
[e.dropdownSelectedClass]:
|
|
1052
|
-
"rounded-b-lg":
|
|
1053
|
-
"rounded-lg": !e.placeholder &&
|
|
1051
|
+
[e.dropdownSelectedClass]: v(K) === e.modelValue || String(v(K)) === String(e.modelValue),
|
|
1052
|
+
"rounded-b-lg": K === L.value[L.value.length - 1] && !e.placeholder,
|
|
1053
|
+
"rounded-lg": !e.placeholder && L.value.length === 1
|
|
1054
1054
|
}
|
|
1055
1055
|
]),
|
|
1056
|
-
onClick:
|
|
1057
|
-
},
|
|
1058
|
-
], 6)) :
|
|
1056
|
+
onClick: ve((X) => Y(K), ["stop"])
|
|
1057
|
+
}, T(w(K)), 11, dl))), 128))
|
|
1058
|
+
], 6)) : D("", !0)
|
|
1059
1059
|
]))
|
|
1060
1060
|
]),
|
|
1061
1061
|
_: 1
|
|
1062
1062
|
})
|
|
1063
1063
|
], 512));
|
|
1064
1064
|
}
|
|
1065
|
-
}),
|
|
1065
|
+
}), Fe = {
|
|
1066
1066
|
__name: "SelectInput",
|
|
1067
1067
|
props: {
|
|
1068
1068
|
modelValue: {
|
|
@@ -1149,7 +1149,7 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1149
1149
|
emits: ["update:modelValue"],
|
|
1150
1150
|
setup(e, { emit: s }) {
|
|
1151
1151
|
const t = s;
|
|
1152
|
-
return (l,
|
|
1152
|
+
return (l, r) => (a(), B(Ee, z({
|
|
1153
1153
|
"model-value": e.modelValue,
|
|
1154
1154
|
"model-modifiers": e.modelModifiers,
|
|
1155
1155
|
options: e.options,
|
|
@@ -1170,10 +1170,10 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1170
1170
|
"dropdown-class": e.dropdownClass,
|
|
1171
1171
|
"dropdown-option-class": e.dropdownOptionClass,
|
|
1172
1172
|
"dropdown-selected-class": e.dropdownSelectedClass,
|
|
1173
|
-
"onUpdate:modelValue":
|
|
1173
|
+
"onUpdate:modelValue": r[0] || (r[0] = (u) => t("update:modelValue", u))
|
|
1174
1174
|
}, l.$attrs), null, 16, ["model-value", "model-modifiers", "options", "placeholder", "placeholder-disabled", "disabled", "soft-delete-aware", "label-key", "value-key", "deleted-key", "option-label", "base-class", "normal-text-class", "deleted-selected-class", "option-class", "deleted-option-class", "placeholder-class", "dropdown-class", "dropdown-option-class", "dropdown-selected-class"]));
|
|
1175
1175
|
}
|
|
1176
|
-
},
|
|
1176
|
+
}, ul = ["type", "max", "value", "disabled"], Ne = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
1177
1177
|
__name: "DateInput",
|
|
1178
1178
|
props: {
|
|
1179
1179
|
modelValue: {
|
|
@@ -1195,41 +1195,41 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1195
1195
|
},
|
|
1196
1196
|
emits: ["update:modelValue"],
|
|
1197
1197
|
setup(e, { expose: s, emit: t }) {
|
|
1198
|
-
const l = e,
|
|
1199
|
-
const
|
|
1200
|
-
return typeof
|
|
1201
|
-
}),
|
|
1202
|
-
const { class:
|
|
1203
|
-
return
|
|
1204
|
-
}),
|
|
1198
|
+
const l = e, r = t, u = ne(), d = j(null), f = g(() => l.withTimestamp ? "datetime-local" : "date"), $ = g(() => l.modelValue ?? ""), b = g(() => {
|
|
1199
|
+
const p = l.withTimestamp ? "9999-12-31T23:59" : "9999-12-31", M = u.max;
|
|
1200
|
+
return typeof M != "string" || M === "" || M > p ? p : M;
|
|
1201
|
+
}), k = g(() => {
|
|
1202
|
+
const { class: p, type: M, ...L } = u;
|
|
1203
|
+
return L;
|
|
1204
|
+
}), v = g(() => [
|
|
1205
1205
|
"w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm",
|
|
1206
1206
|
u.class
|
|
1207
|
-
]),
|
|
1208
|
-
const
|
|
1209
|
-
if (!
|
|
1207
|
+
]), w = (p) => typeof p != "string" ? "" : p.replace(/^(\d{4})\d+/, "$1"), V = (p) => {
|
|
1208
|
+
const M = p.target;
|
|
1209
|
+
if (!M)
|
|
1210
1210
|
return;
|
|
1211
|
-
const
|
|
1212
|
-
|
|
1211
|
+
const L = String(M.value ?? ""), E = w(L);
|
|
1212
|
+
E !== L && (M.value = E), r("update:modelValue", E);
|
|
1213
1213
|
};
|
|
1214
1214
|
return se(() => {
|
|
1215
1215
|
d.value?.hasAttribute("autofocus") && d.value.focus();
|
|
1216
|
-
}), s({ focus: () => d.value?.focus() }), (
|
|
1216
|
+
}), s({ focus: () => d.value?.focus() }), (p, M) => (a(), i("input", z({
|
|
1217
1217
|
ref_key: "input",
|
|
1218
1218
|
ref: d
|
|
1219
|
-
},
|
|
1219
|
+
}, k.value, {
|
|
1220
1220
|
type: f.value,
|
|
1221
1221
|
max: b.value,
|
|
1222
|
-
class: [
|
|
1223
|
-
value:
|
|
1222
|
+
class: [v.value, l.disabled ? l.disabledClass : null],
|
|
1223
|
+
value: $.value,
|
|
1224
1224
|
disabled: l.disabled,
|
|
1225
|
-
onInput:
|
|
1226
|
-
onChange:
|
|
1227
|
-
}), null, 16,
|
|
1225
|
+
onInput: V,
|
|
1226
|
+
onChange: V
|
|
1227
|
+
}), null, 16, ul));
|
|
1228
1228
|
}
|
|
1229
|
-
}),
|
|
1229
|
+
}), cl = { class: "relative" }, fl = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, gl = ["accept"], yl = {
|
|
1230
1230
|
key: 0,
|
|
1231
1231
|
class: "mt-4 p-4 bg-gray-50 rounded-lg border border-gray-200"
|
|
1232
|
-
},
|
|
1232
|
+
}, pl = { class: "flex items-center space-x-4" }, ml = ["src"], bl = { class: "text-sm font-medium text-gray-900" }, vl = { class: "text-xs text-gray-500" }, Ke = {
|
|
1233
1233
|
__name: "ImageInput",
|
|
1234
1234
|
props: {
|
|
1235
1235
|
currentImageUrl: {
|
|
@@ -1255,38 +1255,38 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1255
1255
|
},
|
|
1256
1256
|
emits: ["update:modelValue"],
|
|
1257
1257
|
setup(e, { emit: s }) {
|
|
1258
|
-
const t = s, l = e,
|
|
1258
|
+
const t = s, l = e, r = (u) => {
|
|
1259
1259
|
const d = u.target.files?.[0] ?? null;
|
|
1260
1260
|
t("update:modelValue", d);
|
|
1261
1261
|
};
|
|
1262
1262
|
return (u, d) => (a(), i("div", null, [
|
|
1263
|
-
o("div",
|
|
1264
|
-
o("div",
|
|
1265
|
-
|
|
1263
|
+
o("div", cl, [
|
|
1264
|
+
o("div", fl, [
|
|
1265
|
+
R(I(rt), { class: "size-5 text-gray-400" })
|
|
1266
1266
|
]),
|
|
1267
|
-
o("input",
|
|
1267
|
+
o("input", z(e.attrs, {
|
|
1268
1268
|
type: "file",
|
|
1269
1269
|
accept: e.accept,
|
|
1270
1270
|
class: "block w-full pl-10 pr-4 py-3 border border-gray-300 rounded-lg bg-white text-sm file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-sm file:font-medium file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200 cursor-pointer",
|
|
1271
|
-
onChange:
|
|
1272
|
-
}), null, 16,
|
|
1271
|
+
onChange: r
|
|
1272
|
+
}), null, 16, gl)
|
|
1273
1273
|
]),
|
|
1274
|
-
l.currentImageUrl ? (a(), i("div",
|
|
1275
|
-
o("div",
|
|
1274
|
+
l.currentImageUrl ? (a(), i("div", yl, [
|
|
1275
|
+
o("div", pl, [
|
|
1276
1276
|
o("img", {
|
|
1277
1277
|
src: l.currentImageUrl,
|
|
1278
1278
|
alt: "Current logo",
|
|
1279
1279
|
class: "h-16 w-auto max-w-24 object-contain rounded-lg shadow-sm"
|
|
1280
|
-
}, null, 8,
|
|
1280
|
+
}, null, 8, ml),
|
|
1281
1281
|
o("div", null, [
|
|
1282
|
-
o("p",
|
|
1283
|
-
o("p",
|
|
1282
|
+
o("p", bl, T(l.currentLabel), 1),
|
|
1283
|
+
o("p", vl, T(l.currentSubtext), 1)
|
|
1284
1284
|
])
|
|
1285
1285
|
])
|
|
1286
|
-
])) :
|
|
1286
|
+
])) : D("", !0)
|
|
1287
1287
|
]));
|
|
1288
1288
|
}
|
|
1289
|
-
},
|
|
1289
|
+
}, hl = { class: "flex h-12 overflow-hidden rounded-lg border border-gray-300 text-sm" }, xl = ["disabled", "onClick"], Ue = {
|
|
1290
1290
|
__name: "NotationInput",
|
|
1291
1291
|
props: {
|
|
1292
1292
|
modelValue: {
|
|
@@ -1304,23 +1304,23 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1304
1304
|
},
|
|
1305
1305
|
emits: ["update:modelValue"],
|
|
1306
1306
|
setup(e, { emit: s }) {
|
|
1307
|
-
const t = s, l = e,
|
|
1308
|
-
return (f,
|
|
1309
|
-
(a(!0), i(q, null,
|
|
1310
|
-
key: `notation-${
|
|
1307
|
+
const t = s, l = e, r = g(() => l.options.map((f) => f == null ? "" : String(f).trim()).filter((f) => f !== "")), u = (f) => String(f) === String(l.modelValue ?? ""), d = (f) => t("update:modelValue", f);
|
|
1308
|
+
return (f, $) => (a(), i("div", hl, [
|
|
1309
|
+
(a(!0), i(q, null, P(r.value, (b, k) => (a(), i("button", {
|
|
1310
|
+
key: `notation-${k}-${b}`,
|
|
1311
1311
|
type: "button",
|
|
1312
1312
|
class: S(["flex-1 border-l border-gray-300 px-2 text-center font-semibold transition-colors duration-150 first:border-l-0", [
|
|
1313
|
-
|
|
1314
|
-
|
|
1313
|
+
k === 0 ? "rounded-l-lg" : "",
|
|
1314
|
+
k === r.value.length - 1 ? "rounded-r-lg" : "",
|
|
1315
1315
|
u(b) ? "bg-indigo-600 text-white" : "bg-white text-gray-700 hover:bg-gray-50",
|
|
1316
1316
|
"focus-visible:ring-2 "
|
|
1317
1317
|
]]),
|
|
1318
1318
|
disabled: e.disabled,
|
|
1319
|
-
onClick: (
|
|
1320
|
-
},
|
|
1319
|
+
onClick: (v) => d(b)
|
|
1320
|
+
}, T(b), 11, xl))), 128))
|
|
1321
1321
|
]));
|
|
1322
1322
|
}
|
|
1323
|
-
},
|
|
1323
|
+
}, wl = ["name", "value", "checked", "disabled"], Re = {
|
|
1324
1324
|
__name: "RadioInput",
|
|
1325
1325
|
props: {
|
|
1326
1326
|
modelValue: {
|
|
@@ -1346,14 +1346,14 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1346
1346
|
},
|
|
1347
1347
|
emits: ["update:modelValue"],
|
|
1348
1348
|
setup(e, { emit: s }) {
|
|
1349
|
-
const t = s, l = e,
|
|
1349
|
+
const t = s, l = e, r = g(() => String(l.modelValue ?? "") === String(l.value)), u = j(!1), d = () => {
|
|
1350
1350
|
u.value = !0;
|
|
1351
1351
|
}, f = () => {
|
|
1352
1352
|
u.value = !1;
|
|
1353
|
-
},
|
|
1354
|
-
return (b,
|
|
1353
|
+
}, $ = () => t("update:modelValue", l.value);
|
|
1354
|
+
return (b, k) => (a(), i("label", {
|
|
1355
1355
|
class: S(["inline-flex items-center rounded-full border px-3 py-1 text-sm font-medium select-none transition-colors", [
|
|
1356
|
-
|
|
1356
|
+
r.value ? "bg-indigo-600 text-white border-indigo-600" : "text-gray-600 border-gray-200",
|
|
1357
1357
|
e.disabled ? "opacity-60 cursor-not-allowed" : "cursor-pointer",
|
|
1358
1358
|
u.value && !e.disabled ? "ring-2 ring-indigo-500/80 ring-offset-2 ring-offset-white" : ""
|
|
1359
1359
|
]])
|
|
@@ -1363,16 +1363,16 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1363
1363
|
class: "sr-only",
|
|
1364
1364
|
name: e.name,
|
|
1365
1365
|
value: e.value,
|
|
1366
|
-
checked:
|
|
1366
|
+
checked: r.value,
|
|
1367
1367
|
disabled: e.disabled,
|
|
1368
|
-
onChange:
|
|
1368
|
+
onChange: $,
|
|
1369
1369
|
onFocus: d,
|
|
1370
1370
|
onBlur: f
|
|
1371
|
-
}, null, 40,
|
|
1372
|
-
o("span", null,
|
|
1371
|
+
}, null, 40, wl),
|
|
1372
|
+
o("span", null, T(r.value ? "✓" : "○") + " " + T(e.label), 1)
|
|
1373
1373
|
], 2));
|
|
1374
1374
|
}
|
|
1375
|
-
},
|
|
1375
|
+
}, kl = { class: "flex flex-wrap gap-3" }, He = {
|
|
1376
1376
|
__name: "RadioMultipleInput",
|
|
1377
1377
|
props: {
|
|
1378
1378
|
modelValue: {
|
|
@@ -1394,27 +1394,27 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1394
1394
|
},
|
|
1395
1395
|
emits: ["update:modelValue"],
|
|
1396
1396
|
setup(e, { emit: s }) {
|
|
1397
|
-
const t = s, l = e,
|
|
1398
|
-
return (d, f) => (a(), i("div",
|
|
1399
|
-
(a(!0), i(q, null,
|
|
1400
|
-
key: `radio-${e.name ?? "group"}-${
|
|
1397
|
+
const t = s, l = e, r = g(() => l.options.map((d) => d == null ? "" : String(d).trim()).filter((d) => d !== "")), u = (d) => t("update:modelValue", d);
|
|
1398
|
+
return (d, f) => (a(), i("div", kl, [
|
|
1399
|
+
(a(!0), i(q, null, P(r.value, ($) => (a(), B(ye, {
|
|
1400
|
+
key: `radio-${e.name ?? "group"}-${$}`,
|
|
1401
1401
|
type: "radio-input",
|
|
1402
1402
|
"model-value": l.modelValue,
|
|
1403
1403
|
name: e.name,
|
|
1404
|
-
value:
|
|
1405
|
-
label:
|
|
1404
|
+
value: $,
|
|
1405
|
+
label: $,
|
|
1406
1406
|
disabled: e.disabled,
|
|
1407
1407
|
"onUpdate:modelValue": u
|
|
1408
1408
|
}, null, 8, ["model-value", "name", "value", "label", "disabled"]))), 128))
|
|
1409
1409
|
]));
|
|
1410
1410
|
}
|
|
1411
|
-
},
|
|
1411
|
+
}, Sl = ["for"], $l = {
|
|
1412
1412
|
key: 1,
|
|
1413
1413
|
class: "text-xs text-gray-500 mb-1 block break-all"
|
|
1414
|
-
},
|
|
1414
|
+
}, Cl = {
|
|
1415
1415
|
key: 14,
|
|
1416
1416
|
class: "flex items-center mt-2 text-sm text-red-600"
|
|
1417
|
-
}, ce = "block w-full px-4 py-3 rounded-lg bg-white text-sm placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200",
|
|
1417
|
+
}, ce = "block w-full px-4 py-3 rounded-lg bg-white text-sm placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200", ye = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
1418
1418
|
__name: "InputGroup",
|
|
1419
1419
|
props: {
|
|
1420
1420
|
type: {
|
|
@@ -1532,8 +1532,8 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1532
1532
|
},
|
|
1533
1533
|
emits: ["update:modelValue", "blur"],
|
|
1534
1534
|
setup(e, { emit: s }) {
|
|
1535
|
-
const t = e, l = s,
|
|
1536
|
-
const U =
|
|
1535
|
+
const t = e, l = s, r = ne(), u = (U) => l("update:modelValue", U), d = g(() => !!t.errorMessage), f = g(() => V.value || p.value), $ = g(() => {
|
|
1536
|
+
const U = r.id;
|
|
1537
1537
|
return typeof U == "string" && U !== "" ? U : void 0;
|
|
1538
1538
|
}), b = [
|
|
1539
1539
|
"text",
|
|
@@ -1547,30 +1547,30 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1547
1547
|
"month",
|
|
1548
1548
|
"week",
|
|
1549
1549
|
"color"
|
|
1550
|
-
],
|
|
1551
|
-
...
|
|
1552
|
-
class: [ce,
|
|
1550
|
+
], k = [], v = g(() => t.type === "image"), w = g(() => t.type === "notation"), V = g(() => t.type === "checkbox-input"), p = g(() => t.type === "radio-input"), M = g(() => t.type === "checkbox"), L = g(() => t.type === "radio"), E = g(() => t.type === "date" || t.type === "datetime-local"), F = g(() => t.type === "textarea"), re = g(() => t.type === "select"), Y = g(() => b.includes(t.type)), W = g(() => k.includes(t.type)), G = g(() => ({
|
|
1551
|
+
...r,
|
|
1552
|
+
class: [ce, r.class],
|
|
1553
1553
|
type: t.type,
|
|
1554
1554
|
modelValue: t.modelValue,
|
|
1555
1555
|
disabled: t.disabled,
|
|
1556
1556
|
disabledClass: t.disabledClass
|
|
1557
|
-
})),
|
|
1558
|
-
...
|
|
1559
|
-
class: [ce,
|
|
1557
|
+
})), J = g(() => ({
|
|
1558
|
+
...r,
|
|
1559
|
+
class: [ce, r.class],
|
|
1560
1560
|
modelValue: t.modelValue,
|
|
1561
1561
|
disabled: t.disabled,
|
|
1562
1562
|
disabledClass: t.disabledClass
|
|
1563
|
-
})),
|
|
1564
|
-
...
|
|
1565
|
-
class: [ce,
|
|
1563
|
+
})), h = g(() => ({
|
|
1564
|
+
...r,
|
|
1565
|
+
class: [ce, r.class],
|
|
1566
1566
|
modelValue: t.modelValue,
|
|
1567
1567
|
withTimestamp: t.type === "datetime-local" || t.withTimestamp,
|
|
1568
1568
|
disabled: t.disabled,
|
|
1569
1569
|
disabledClass: t.disabledClass
|
|
1570
|
-
})),
|
|
1570
|
+
})), N = g(() => {
|
|
1571
1571
|
const U = {
|
|
1572
|
-
...
|
|
1573
|
-
class: [ce,
|
|
1572
|
+
...r,
|
|
1573
|
+
class: [ce, r.class],
|
|
1574
1574
|
modelValue: t.modelValue,
|
|
1575
1575
|
modelModifiers: t.modelModifiers,
|
|
1576
1576
|
options: t.options,
|
|
@@ -1584,98 +1584,98 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1584
1584
|
optionLabel: t.optionLabel
|
|
1585
1585
|
};
|
|
1586
1586
|
return t.baseClass !== void 0 && (U.baseClass = t.baseClass), t.normalTextClass !== void 0 && (U.normalTextClass = t.normalTextClass), t.deletedSelectedClass !== void 0 && (U.deletedSelectedClass = t.deletedSelectedClass), t.optionClass !== void 0 && (U.optionClass = t.optionClass), t.deletedOptionClass !== void 0 && (U.deletedOptionClass = t.deletedOptionClass), t.placeholderClass !== void 0 && (U.placeholderClass = t.placeholderClass), U;
|
|
1587
|
-
}),
|
|
1588
|
-
...
|
|
1587
|
+
}), K = g(() => ({
|
|
1588
|
+
...r,
|
|
1589
1589
|
modelValue: t.modelValue,
|
|
1590
1590
|
options: t.options,
|
|
1591
1591
|
disabled: t.disabled
|
|
1592
|
-
})),
|
|
1593
|
-
...
|
|
1592
|
+
})), X = g(() => ({
|
|
1593
|
+
...r,
|
|
1594
1594
|
modelValue: t.modelValue,
|
|
1595
1595
|
options: t.options,
|
|
1596
1596
|
disabled: t.disabled
|
|
1597
|
-
})),
|
|
1598
|
-
...
|
|
1597
|
+
})), ee = g(() => ({
|
|
1598
|
+
...r,
|
|
1599
1599
|
modelValue: t.modelValue,
|
|
1600
1600
|
options: t.options,
|
|
1601
|
-
name: t.name ??
|
|
1601
|
+
name: t.name ?? r.name,
|
|
1602
1602
|
disabled: t.disabled
|
|
1603
|
-
})),
|
|
1604
|
-
...
|
|
1603
|
+
})), te = g(() => ({
|
|
1604
|
+
...r,
|
|
1605
1605
|
modelValue: t.modelValue,
|
|
1606
|
-
label: t.label ||
|
|
1606
|
+
label: t.label || r.label || "",
|
|
1607
1607
|
disabled: t.disabled
|
|
1608
|
-
})),
|
|
1609
|
-
...
|
|
1608
|
+
})), le = g(() => ({
|
|
1609
|
+
...r,
|
|
1610
1610
|
modelValue: t.modelValue,
|
|
1611
|
-
label: t.label ||
|
|
1612
|
-
name: t.name ??
|
|
1611
|
+
label: t.label || r.label || "",
|
|
1612
|
+
name: t.name ?? r.name,
|
|
1613
1613
|
disabled: t.disabled
|
|
1614
|
-
})),
|
|
1615
|
-
...
|
|
1616
|
-
accept: t.accept ??
|
|
1614
|
+
})), ae = g(() => ({
|
|
1615
|
+
...r,
|
|
1616
|
+
accept: t.accept ?? r.accept ?? "image/*",
|
|
1617
1617
|
modelValue: t.modelValue,
|
|
1618
1618
|
currentImageUrl: t.currentImageUrl,
|
|
1619
1619
|
currentLabel: t.currentLabel,
|
|
1620
1620
|
currentSubtext: t.currentSubtext
|
|
1621
1621
|
}));
|
|
1622
|
-
return (U,
|
|
1622
|
+
return (U, C) => (a(), i("div", null, [
|
|
1623
1623
|
e.label && !f.value ? (a(), i("label", {
|
|
1624
1624
|
key: 0,
|
|
1625
|
-
for:
|
|
1625
|
+
for: $.value,
|
|
1626
1626
|
class: "text-base font-semibold text-gray-900 mb-1 block"
|
|
1627
|
-
},
|
|
1628
|
-
e.helperText && !f.value ? (a(), i("span",
|
|
1629
|
-
|
|
1630
|
-
"onUpdate:modelValue":
|
|
1631
|
-
onBlur:
|
|
1632
|
-
}), null, 16)) :
|
|
1633
|
-
"onUpdate:modelValue":
|
|
1634
|
-
onBlur:
|
|
1635
|
-
}), null, 16)) :
|
|
1636
|
-
"onUpdate:modelValue":
|
|
1637
|
-
onBlur:
|
|
1638
|
-
}), null, 16)) :
|
|
1639
|
-
"onUpdate:modelValue":
|
|
1640
|
-
onBlur:
|
|
1641
|
-
}), null, 16)) :
|
|
1642
|
-
"onUpdate:modelValue":
|
|
1643
|
-
onBlur:
|
|
1644
|
-
}), null, 16)) :
|
|
1645
|
-
"onUpdate:modelValue":
|
|
1646
|
-
onBlur:
|
|
1647
|
-
}), null, 16)) :
|
|
1648
|
-
"onUpdate:modelValue":
|
|
1649
|
-
onBlur:
|
|
1650
|
-
}), null, 16)) :
|
|
1651
|
-
"onUpdate:modelValue":
|
|
1652
|
-
onBlur:
|
|
1653
|
-
}), null, 16)) :
|
|
1654
|
-
"onUpdate:modelValue":
|
|
1655
|
-
onBlur:
|
|
1656
|
-
}), null, 16)) :
|
|
1657
|
-
"onUpdate:modelValue":
|
|
1658
|
-
onBlur:
|
|
1659
|
-
}), null, 16)) :
|
|
1627
|
+
}, T(e.label), 9, Sl)) : D("", !0),
|
|
1628
|
+
e.helperText && !f.value ? (a(), i("span", $l, T(e.helperText), 1)) : D("", !0),
|
|
1629
|
+
F.value ? (a(), B(ze, z({ key: 2 }, J.value, {
|
|
1630
|
+
"onUpdate:modelValue": C[0] || (C[0] = (_) => l("update:modelValue", _)),
|
|
1631
|
+
onBlur: C[1] || (C[1] = (_) => l("blur", _))
|
|
1632
|
+
}), null, 16)) : re.value ? (a(), B(Fe, z({ key: 3 }, N.value, {
|
|
1633
|
+
"onUpdate:modelValue": C[2] || (C[2] = (_) => l("update:modelValue", _)),
|
|
1634
|
+
onBlur: C[3] || (C[3] = (_) => l("blur", _))
|
|
1635
|
+
}), null, 16)) : E.value ? (a(), B(Ne, z({ key: 4 }, h.value, {
|
|
1636
|
+
"onUpdate:modelValue": C[4] || (C[4] = (_) => l("update:modelValue", _)),
|
|
1637
|
+
onBlur: C[5] || (C[5] = (_) => l("blur", _))
|
|
1638
|
+
}), null, 16)) : Y.value ? (a(), B(Oe, z({ key: 5 }, G.value, {
|
|
1639
|
+
"onUpdate:modelValue": C[6] || (C[6] = (_) => l("update:modelValue", _)),
|
|
1640
|
+
onBlur: C[7] || (C[7] = (_) => l("blur", _))
|
|
1641
|
+
}), null, 16)) : v.value ? (a(), B(Ke, z({ key: 6 }, ae.value, {
|
|
1642
|
+
"onUpdate:modelValue": C[8] || (C[8] = (_) => l("update:modelValue", _)),
|
|
1643
|
+
onBlur: C[9] || (C[9] = (_) => l("blur", _))
|
|
1644
|
+
}), null, 16)) : V.value ? (a(), B(je, z({ key: 7 }, te.value, {
|
|
1645
|
+
"onUpdate:modelValue": C[10] || (C[10] = (_) => l("update:modelValue", _)),
|
|
1646
|
+
onBlur: C[11] || (C[11] = (_) => l("blur", _))
|
|
1647
|
+
}), null, 16)) : p.value ? (a(), B(Re, z({ key: 8 }, le.value, {
|
|
1648
|
+
"onUpdate:modelValue": C[12] || (C[12] = (_) => l("update:modelValue", _)),
|
|
1649
|
+
onBlur: C[13] || (C[13] = (_) => l("blur", _))
|
|
1650
|
+
}), null, 16)) : w.value ? (a(), B(Ue, z({ key: 9 }, K.value, {
|
|
1651
|
+
"onUpdate:modelValue": C[14] || (C[14] = (_) => l("update:modelValue", _)),
|
|
1652
|
+
onBlur: C[15] || (C[15] = (_) => l("blur", _))
|
|
1653
|
+
}), null, 16)) : M.value ? (a(), B(qe, z({ key: 10 }, X.value, {
|
|
1654
|
+
"onUpdate:modelValue": C[16] || (C[16] = (_) => l("update:modelValue", _)),
|
|
1655
|
+
onBlur: C[17] || (C[17] = (_) => l("blur", _))
|
|
1656
|
+
}), null, 16)) : L.value ? (a(), B(He, z({ key: 11 }, ee.value, {
|
|
1657
|
+
"onUpdate:modelValue": C[18] || (C[18] = (_) => l("update:modelValue", _)),
|
|
1658
|
+
onBlur: C[19] || (C[19] = (_) => l("blur", _))
|
|
1659
|
+
}), null, 16)) : W.value ? x(U.$slots, "unsupported-type", {
|
|
1660
1660
|
key: 12,
|
|
1661
1661
|
type: e.type,
|
|
1662
1662
|
modelValue: e.modelValue,
|
|
1663
1663
|
updateValue: u,
|
|
1664
|
-
attrs: I(
|
|
1665
|
-
}) :
|
|
1664
|
+
attrs: I(r)
|
|
1665
|
+
}) : x(U.$slots, "unsupported-type", {
|
|
1666
1666
|
key: 13,
|
|
1667
1667
|
type: e.type,
|
|
1668
1668
|
modelValue: e.modelValue,
|
|
1669
1669
|
updateValue: u,
|
|
1670
|
-
attrs: I(
|
|
1670
|
+
attrs: I(r)
|
|
1671
1671
|
}),
|
|
1672
|
-
d.value ? (a(), i("div",
|
|
1673
|
-
|
|
1674
|
-
o("span", null,
|
|
1675
|
-
])) :
|
|
1672
|
+
d.value ? (a(), i("div", Cl, [
|
|
1673
|
+
R(I(ot), { class: "mr-1 h-4 w-4 flex-shrink-0" }),
|
|
1674
|
+
o("span", null, T(e.errorMessage), 1)
|
|
1675
|
+
])) : D("", !0)
|
|
1676
1676
|
]));
|
|
1677
1677
|
}
|
|
1678
|
-
}),
|
|
1678
|
+
}), Vl = { class: "flex flex-wrap gap-3" }, qe = {
|
|
1679
1679
|
__name: "CheckboxMultipleInput",
|
|
1680
1680
|
props: {
|
|
1681
1681
|
modelValue: {
|
|
@@ -1693,12 +1693,12 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1693
1693
|
},
|
|
1694
1694
|
emits: ["update:modelValue"],
|
|
1695
1695
|
setup(e, { emit: s }) {
|
|
1696
|
-
const t = s, l = e,
|
|
1697
|
-
const b = Array.isArray(l.modelValue) ? [...l.modelValue] : [],
|
|
1698
|
-
|
|
1696
|
+
const t = s, l = e, r = g(() => l.options.map((f) => f == null ? "" : String(f).trim()).filter((f) => f !== "")), u = (f) => Array.isArray(l.modelValue) && l.modelValue.includes(f), d = (f, $) => {
|
|
1697
|
+
const b = Array.isArray(l.modelValue) ? [...l.modelValue] : [], k = b.indexOf(f);
|
|
1698
|
+
$ && k === -1 ? b.push(f) : !$ && k !== -1 && b.splice(k, 1), t("update:modelValue", b);
|
|
1699
1699
|
};
|
|
1700
|
-
return (f,
|
|
1701
|
-
(a(!0), i(q, null,
|
|
1700
|
+
return (f, $) => (a(), i("div", Vl, [
|
|
1701
|
+
(a(!0), i(q, null, P(r.value, (b) => (a(), B(ye, {
|
|
1702
1702
|
key: `checkbox-${b}`,
|
|
1703
1703
|
type: "checkbox-input",
|
|
1704
1704
|
"model-value": u(b),
|
|
@@ -1706,7 +1706,7 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1706
1706
|
"unchecked-value": !1,
|
|
1707
1707
|
label: b,
|
|
1708
1708
|
disabled: e.disabled,
|
|
1709
|
-
"onUpdate:modelValue": (
|
|
1709
|
+
"onUpdate:modelValue": (k) => d(b, k)
|
|
1710
1710
|
}, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"]))), 128))
|
|
1711
1711
|
]));
|
|
1712
1712
|
}
|
|
@@ -1733,21 +1733,21 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1733
1733
|
},
|
|
1734
1734
|
emits: ["close"],
|
|
1735
1735
|
setup(e, { emit: s }) {
|
|
1736
|
-
const t = e, l = s,
|
|
1737
|
-
|
|
1738
|
-
t.show ? (document.body.style.overflow = "hidden", u.value = !0,
|
|
1739
|
-
|
|
1736
|
+
const t = e, l = s, r = j(), u = j(t.show);
|
|
1737
|
+
Q(() => t.show, () => {
|
|
1738
|
+
t.show ? (document.body.style.overflow = "hidden", u.value = !0, r.value?.showModal()) : (document.body.style.overflow = null, setTimeout(() => {
|
|
1739
|
+
r.value?.close(), u.value = !1;
|
|
1740
1740
|
}, 200));
|
|
1741
1741
|
});
|
|
1742
1742
|
const d = () => {
|
|
1743
1743
|
t.closeable && l("close");
|
|
1744
|
-
}, f = (
|
|
1745
|
-
|
|
1744
|
+
}, f = (k) => {
|
|
1745
|
+
k.key === "Escape" && (k.preventDefault(), t.show && d());
|
|
1746
1746
|
};
|
|
1747
1747
|
se(() => document.addEventListener("keydown", f)), Ae(() => {
|
|
1748
1748
|
document.removeEventListener("keydown", f), document.body.style.overflow = null;
|
|
1749
1749
|
});
|
|
1750
|
-
const
|
|
1750
|
+
const $ = g(() => ({
|
|
1751
1751
|
sm: "sm:max-w-sm",
|
|
1752
1752
|
md: "sm:max-w-md",
|
|
1753
1753
|
lg: "sm:max-w-lg",
|
|
@@ -1763,15 +1763,15 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1763
1763
|
return "items-center justify-center";
|
|
1764
1764
|
}
|
|
1765
1765
|
});
|
|
1766
|
-
return (
|
|
1766
|
+
return (k, v) => (a(), i("dialog", {
|
|
1767
1767
|
class: "z-50 m-0 min-h-full min-w-full overflow-y-auto bg-transparent backdrop:bg-transparent",
|
|
1768
1768
|
ref_key: "dialog",
|
|
1769
|
-
ref:
|
|
1769
|
+
ref: r
|
|
1770
1770
|
}, [
|
|
1771
1771
|
o("div", {
|
|
1772
1772
|
class: S(["fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50 flex", b.value])
|
|
1773
1773
|
}, [
|
|
1774
|
-
|
|
1774
|
+
R(oe, {
|
|
1775
1775
|
"enter-active-class": "ease-out duration-300",
|
|
1776
1776
|
"enter-from-class": "opacity-0",
|
|
1777
1777
|
"enter-to-class": "opacity-100",
|
|
@@ -1779,19 +1779,19 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1779
1779
|
"leave-from-class": "opacity-100",
|
|
1780
1780
|
"leave-to-class": "opacity-0"
|
|
1781
1781
|
}, {
|
|
1782
|
-
default:
|
|
1783
|
-
|
|
1782
|
+
default: O(() => [
|
|
1783
|
+
Z(o("div", {
|
|
1784
1784
|
class: "fixed inset-0 transform transition-all",
|
|
1785
1785
|
onClick: d
|
|
1786
|
-
}, [...
|
|
1786
|
+
}, [...v[0] || (v[0] = [
|
|
1787
1787
|
o("div", { class: "absolute inset-0 bg-gray-500 opacity-75" }, null, -1)
|
|
1788
1788
|
])], 512), [
|
|
1789
|
-
[
|
|
1789
|
+
[ie, e.show]
|
|
1790
1790
|
])
|
|
1791
1791
|
]),
|
|
1792
1792
|
_: 1
|
|
1793
1793
|
}),
|
|
1794
|
-
|
|
1794
|
+
R(oe, {
|
|
1795
1795
|
"enter-active-class": "ease-out duration-300",
|
|
1796
1796
|
"enter-from-class": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
|
1797
1797
|
"enter-to-class": "opacity-100 translate-y-0 sm:scale-100",
|
|
@@ -1799,13 +1799,13 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1799
1799
|
"leave-from-class": "opacity-100 translate-y-0 sm:scale-100",
|
|
1800
1800
|
"leave-to-class": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
|
|
1801
1801
|
}, {
|
|
1802
|
-
default:
|
|
1803
|
-
|
|
1804
|
-
class: S(["mb-6 bg-white rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full sm:mx-auto",
|
|
1802
|
+
default: O(() => [
|
|
1803
|
+
Z(o("div", {
|
|
1804
|
+
class: S(["mb-6 bg-white rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full sm:mx-auto", $.value])
|
|
1805
1805
|
}, [
|
|
1806
|
-
u.value ?
|
|
1806
|
+
u.value ? x(k.$slots, "default", { key: 0 }) : D("", !0)
|
|
1807
1807
|
], 2), [
|
|
1808
|
-
[
|
|
1808
|
+
[ie, e.show]
|
|
1809
1809
|
])
|
|
1810
1810
|
]),
|
|
1811
1811
|
_: 3
|
|
@@ -1813,7 +1813,7 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1813
1813
|
], 2)
|
|
1814
1814
|
], 512));
|
|
1815
1815
|
}
|
|
1816
|
-
},
|
|
1816
|
+
}, _l = { class: "bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4" }, Tl = { class: "sm:flex sm:items-start" }, Al = { class: "mx-auto shrink-0 flex items-center justify-center size-12 rounded-full bg-red-100 sm:mx-0 sm:size-10" }, Bl = { class: "mt-3 text-center sm:mt-0 sm:ms-4 sm:text-start" }, Ll = { class: "text-lg font-medium text-gray-900" }, Il = { class: "mt-4 text-sm text-gray-600" }, Dl = { class: "flex flex-col-reverse lg:flex-row lg:justify-end px-6 py-4 bg-gray-100 text-end gap-4 lg:gap-0" }, Ml = {
|
|
1817
1817
|
__name: "ConfirmationModal",
|
|
1818
1818
|
props: {
|
|
1819
1819
|
show: {
|
|
@@ -1839,37 +1839,37 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1839
1839
|
const t = s, l = () => {
|
|
1840
1840
|
t("close");
|
|
1841
1841
|
};
|
|
1842
|
-
return (
|
|
1842
|
+
return (r, u) => (a(), B($e, {
|
|
1843
1843
|
show: e.show,
|
|
1844
1844
|
"max-width": e.maxWidth,
|
|
1845
1845
|
closeable: e.closeable,
|
|
1846
1846
|
position: e.position,
|
|
1847
1847
|
onClose: l
|
|
1848
1848
|
}, {
|
|
1849
|
-
default:
|
|
1850
|
-
o("div",
|
|
1851
|
-
o("div",
|
|
1852
|
-
o("div", Tl, [
|
|
1853
|
-
F(I(Le), { class: "size-6 text-red-600" })
|
|
1854
|
-
]),
|
|
1849
|
+
default: O(() => [
|
|
1850
|
+
o("div", _l, [
|
|
1851
|
+
o("div", Tl, [
|
|
1855
1852
|
o("div", Al, [
|
|
1856
|
-
|
|
1857
|
-
|
|
1853
|
+
R(I(Le), { class: "size-6 text-red-600" })
|
|
1854
|
+
]),
|
|
1855
|
+
o("div", Bl, [
|
|
1856
|
+
o("h3", Ll, [
|
|
1857
|
+
x(r.$slots, "title")
|
|
1858
1858
|
]),
|
|
1859
|
-
o("div",
|
|
1860
|
-
|
|
1859
|
+
o("div", Il, [
|
|
1860
|
+
x(r.$slots, "content")
|
|
1861
1861
|
])
|
|
1862
1862
|
])
|
|
1863
1863
|
])
|
|
1864
1864
|
]),
|
|
1865
|
-
o("div",
|
|
1866
|
-
|
|
1865
|
+
o("div", Dl, [
|
|
1866
|
+
x(r.$slots, "footer")
|
|
1867
1867
|
])
|
|
1868
1868
|
]),
|
|
1869
1869
|
_: 3
|
|
1870
1870
|
}, 8, ["show", "max-width", "closeable", "position"]));
|
|
1871
1871
|
}
|
|
1872
|
-
},
|
|
1872
|
+
}, jl = { class: "px-6 py-4" }, Ol = { class: "text-lg font-medium text-gray-900" }, zl = { class: "mt-4 text-sm text-gray-600" }, El = { class: "flex flex-row justify-end px-6 py-4 bg-gray-100 text-end" }, Fl = {
|
|
1873
1873
|
__name: "DialogModal",
|
|
1874
1874
|
props: {
|
|
1875
1875
|
show: {
|
|
@@ -1890,29 +1890,29 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1890
1890
|
const t = s, l = () => {
|
|
1891
1891
|
t("close");
|
|
1892
1892
|
};
|
|
1893
|
-
return (
|
|
1893
|
+
return (r, u) => (a(), B($e, {
|
|
1894
1894
|
show: e.show,
|
|
1895
1895
|
"max-width": e.maxWidth,
|
|
1896
1896
|
closeable: e.closeable,
|
|
1897
1897
|
onClose: l
|
|
1898
1898
|
}, {
|
|
1899
|
-
default:
|
|
1900
|
-
o("div",
|
|
1901
|
-
o("div", jl, [
|
|
1902
|
-
w(n.$slots, "title")
|
|
1903
|
-
]),
|
|
1899
|
+
default: O(() => [
|
|
1900
|
+
o("div", jl, [
|
|
1904
1901
|
o("div", Ol, [
|
|
1905
|
-
|
|
1902
|
+
x(r.$slots, "title")
|
|
1903
|
+
]),
|
|
1904
|
+
o("div", zl, [
|
|
1905
|
+
x(r.$slots, "content")
|
|
1906
1906
|
])
|
|
1907
1907
|
]),
|
|
1908
|
-
o("div",
|
|
1909
|
-
|
|
1908
|
+
o("div", El, [
|
|
1909
|
+
x(r.$slots, "footer")
|
|
1910
1910
|
])
|
|
1911
1911
|
]),
|
|
1912
1912
|
_: 3
|
|
1913
1913
|
}, 8, ["show", "max-width", "closeable"]));
|
|
1914
1914
|
}
|
|
1915
|
-
},
|
|
1915
|
+
}, Nl = { class: "relative" }, Kl = {
|
|
1916
1916
|
__name: "Dropdown",
|
|
1917
1917
|
props: {
|
|
1918
1918
|
align: {
|
|
@@ -1930,27 +1930,27 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1930
1930
|
},
|
|
1931
1931
|
setup(e) {
|
|
1932
1932
|
const s = e;
|
|
1933
|
-
let t =
|
|
1933
|
+
let t = j(!1);
|
|
1934
1934
|
const l = (d) => {
|
|
1935
1935
|
t.value && d.key === "Escape" && (t.value = !1);
|
|
1936
1936
|
};
|
|
1937
1937
|
se(() => document.addEventListener("keydown", l)), Ae(() => document.removeEventListener("keydown", l));
|
|
1938
|
-
const
|
|
1938
|
+
const r = g(() => ({
|
|
1939
1939
|
48: "w-48"
|
|
1940
1940
|
})[s.width.toString()]), u = g(() => s.align === "left" ? "ltr:origin-top-left rtl:origin-top-right start-0" : s.align === "right" ? "ltr:origin-top-right rtl:origin-top-left end-0" : "origin-top");
|
|
1941
|
-
return (d, f) => (a(), i("div",
|
|
1941
|
+
return (d, f) => (a(), i("div", Nl, [
|
|
1942
1942
|
o("div", {
|
|
1943
|
-
onClick: f[0] || (f[0] = (
|
|
1943
|
+
onClick: f[0] || (f[0] = ($) => me(t) ? t.value = !I(t) : t = !I(t))
|
|
1944
1944
|
}, [
|
|
1945
|
-
|
|
1945
|
+
x(d.$slots, "trigger", { open: I(t) })
|
|
1946
1946
|
]),
|
|
1947
|
-
|
|
1947
|
+
Z(o("div", {
|
|
1948
1948
|
class: "fixed inset-0 z-40",
|
|
1949
|
-
onClick: f[1] || (f[1] = (
|
|
1949
|
+
onClick: f[1] || (f[1] = ($) => me(t) ? t.value = !1 : t = !1)
|
|
1950
1950
|
}, null, 512), [
|
|
1951
|
-
[
|
|
1951
|
+
[ie, I(t)]
|
|
1952
1952
|
]),
|
|
1953
|
-
|
|
1953
|
+
R(oe, {
|
|
1954
1954
|
"enter-active-class": "transition-all duration-300 ease-out",
|
|
1955
1955
|
"enter-from-class": "transform opacity-0 scale-95 translate-y-2",
|
|
1956
1956
|
"enter-to-class": "transform opacity-100 scale-100 translate-y-0",
|
|
@@ -1958,19 +1958,19 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1958
1958
|
"leave-from-class": "transform opacity-100 scale-100 translate-y-0",
|
|
1959
1959
|
"leave-to-class": "transform opacity-0 scale-95 translate-y-2"
|
|
1960
1960
|
}, {
|
|
1961
|
-
default:
|
|
1962
|
-
|
|
1963
|
-
class: S(["absolute z-50 mt-2 rounded-xl shadow-xl shadow-gray-900/10", [
|
|
1961
|
+
default: O(() => [
|
|
1962
|
+
Z(o("div", {
|
|
1963
|
+
class: S(["absolute z-50 mt-2 rounded-xl shadow-xl shadow-gray-900/10", [r.value, u.value]]),
|
|
1964
1964
|
style: { display: "none" },
|
|
1965
|
-
onClick: f[2] || (f[2] = (
|
|
1965
|
+
onClick: f[2] || (f[2] = ($) => me(t) ? t.value = !1 : t = !1)
|
|
1966
1966
|
}, [
|
|
1967
1967
|
o("div", {
|
|
1968
1968
|
class: S(["rounded-xl ring-1 ring-gray-200/60 backdrop-blur-sm bg-white/95", e.contentClasses])
|
|
1969
1969
|
}, [
|
|
1970
|
-
|
|
1970
|
+
x(d.$slots, "content")
|
|
1971
1971
|
], 2)
|
|
1972
1972
|
], 2), [
|
|
1973
|
-
[
|
|
1973
|
+
[ie, I(t)]
|
|
1974
1974
|
])
|
|
1975
1975
|
]),
|
|
1976
1976
|
_: 3
|
|
@@ -1981,7 +1981,7 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1981
1981
|
key: 0,
|
|
1982
1982
|
type: "submit",
|
|
1983
1983
|
class: "block w-full px-4 py-2 text-start text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out"
|
|
1984
|
-
},
|
|
1984
|
+
}, Rl = ["href"], Hl = {
|
|
1985
1985
|
__name: "DropdownLink",
|
|
1986
1986
|
props: {
|
|
1987
1987
|
href: String,
|
|
@@ -1990,86 +1990,86 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
1990
1990
|
setup(e) {
|
|
1991
1991
|
return (s, t) => (a(), i("div", null, [
|
|
1992
1992
|
e.as == "button" ? (a(), i("button", Ul, [
|
|
1993
|
-
|
|
1993
|
+
x(s.$slots, "default")
|
|
1994
1994
|
])) : e.as == "a" ? (a(), i("a", {
|
|
1995
1995
|
key: 1,
|
|
1996
1996
|
href: e.href,
|
|
1997
1997
|
class: "block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out"
|
|
1998
1998
|
}, [
|
|
1999
|
-
|
|
2000
|
-
], 8,
|
|
1999
|
+
x(s.$slots, "default")
|
|
2000
|
+
], 8, Rl)) : (a(), B(I(ge), {
|
|
2001
2001
|
key: 2,
|
|
2002
2002
|
href: e.href,
|
|
2003
2003
|
class: "block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out"
|
|
2004
2004
|
}, {
|
|
2005
|
-
default:
|
|
2006
|
-
|
|
2005
|
+
default: O(() => [
|
|
2006
|
+
x(s.$slots, "default")
|
|
2007
2007
|
]),
|
|
2008
2008
|
_: 3
|
|
2009
2009
|
}, 8, ["href"]))
|
|
2010
2010
|
]));
|
|
2011
2011
|
}
|
|
2012
|
-
},
|
|
2012
|
+
}, ql = { class: "md:grid md:grid-cols-3 md:gap-6" }, Pl = { class: "mt-5 md:mt-0 md:col-span-2 shadow sm:rounded-lg" }, Wl = { class: "grid grid-cols-6 gap-6" }, Gl = {
|
|
2013
2013
|
key: 0,
|
|
2014
2014
|
class: "flex items-center justify-start px-3 pb-6 bg-white text-end sm:rounded-bl-md sm:rounded-br-md"
|
|
2015
|
-
},
|
|
2015
|
+
}, Xl = {
|
|
2016
2016
|
__name: "FormSection",
|
|
2017
2017
|
emits: ["submitted"],
|
|
2018
2018
|
setup(e) {
|
|
2019
|
-
const s = g(() => !!
|
|
2020
|
-
return (t, l) => (a(), i("div",
|
|
2021
|
-
|
|
2022
|
-
title:
|
|
2023
|
-
|
|
2019
|
+
const s = g(() => !!fe().actions);
|
|
2020
|
+
return (t, l) => (a(), i("div", ql, [
|
|
2021
|
+
R(Se, null, {
|
|
2022
|
+
title: O(() => [
|
|
2023
|
+
x(t.$slots, "title")
|
|
2024
2024
|
]),
|
|
2025
|
-
description:
|
|
2026
|
-
|
|
2025
|
+
description: O(() => [
|
|
2026
|
+
x(t.$slots, "description")
|
|
2027
2027
|
]),
|
|
2028
2028
|
_: 3
|
|
2029
2029
|
}),
|
|
2030
|
-
o("div",
|
|
2030
|
+
o("div", Pl, [
|
|
2031
2031
|
o("form", {
|
|
2032
|
-
onSubmit: l[0] || (l[0] =
|
|
2032
|
+
onSubmit: l[0] || (l[0] = ve((r) => t.$emit("submitted"), ["prevent"]))
|
|
2033
2033
|
}, [
|
|
2034
2034
|
o("div", {
|
|
2035
2035
|
class: S(["px-4 py-5 bg-white sm:p-6", s.value ? "sm:rounded-tl-md sm:rounded-tr-md" : "sm:rounded-md"])
|
|
2036
2036
|
}, [
|
|
2037
|
-
o("div",
|
|
2038
|
-
|
|
2037
|
+
o("div", Wl, [
|
|
2038
|
+
x(t.$slots, "form")
|
|
2039
2039
|
])
|
|
2040
2040
|
], 2),
|
|
2041
|
-
s.value ? (a(), i("div",
|
|
2042
|
-
|
|
2043
|
-
])) :
|
|
2041
|
+
s.value ? (a(), i("div", Gl, [
|
|
2042
|
+
x(t.$slots, "actions")
|
|
2043
|
+
])) : D("", !0)
|
|
2044
2044
|
], 32)
|
|
2045
2045
|
])
|
|
2046
2046
|
]));
|
|
2047
2047
|
}
|
|
2048
|
-
},
|
|
2048
|
+
}, Ql = { class: "text-sm text-red-600" }, Yl = {
|
|
2049
2049
|
__name: "InputError",
|
|
2050
2050
|
props: {
|
|
2051
2051
|
message: String
|
|
2052
2052
|
},
|
|
2053
2053
|
setup(e) {
|
|
2054
|
-
return (s, t) =>
|
|
2055
|
-
o("p",
|
|
2054
|
+
return (s, t) => Z((a(), i("div", null, [
|
|
2055
|
+
o("p", Ql, T(e.message), 1)
|
|
2056
2056
|
], 512)), [
|
|
2057
|
-
[
|
|
2057
|
+
[ie, e.message]
|
|
2058
2058
|
]);
|
|
2059
2059
|
}
|
|
2060
|
-
},
|
|
2060
|
+
}, Jl = { class: "block font-medium text-sm text-gray-700" }, Zl = { key: 0 }, ea = { key: 1 }, ta = {
|
|
2061
2061
|
__name: "InputLabel",
|
|
2062
2062
|
props: {
|
|
2063
2063
|
value: String
|
|
2064
2064
|
},
|
|
2065
2065
|
setup(e) {
|
|
2066
|
-
return (s, t) => (a(), i("label",
|
|
2067
|
-
e.value ? (a(), i("span",
|
|
2068
|
-
|
|
2066
|
+
return (s, t) => (a(), i("label", Jl, [
|
|
2067
|
+
e.value ? (a(), i("span", Zl, T(e.value), 1)) : (a(), i("span", ea, [
|
|
2068
|
+
x(s.$slots, "default")
|
|
2069
2069
|
]))
|
|
2070
2070
|
]));
|
|
2071
2071
|
}
|
|
2072
|
-
},
|
|
2072
|
+
}, la = ["href", "title", "target", "rel"], Ce = /* @__PURE__ */ Object.assign({
|
|
2073
2073
|
inheritAttrs: !1
|
|
2074
2074
|
}, {
|
|
2075
2075
|
__name: "LinkButton",
|
|
@@ -2106,31 +2106,31 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
2106
2106
|
tertiary: "bg-gradient-to-r from-gray-500 to-gray-600 text-white shadow-[0_1px_3px_rgba(0,0,0,0.1)] hover:from-gray-600 hover:to-gray-700 hover:shadow-[0_2px_6px_rgba(0,0,0,0.15)] focus:ring-gray-500",
|
|
2107
2107
|
warning: "border border-yellow-300 bg-yellow-50 text-yellow-700 hover:bg-yellow-100 focus:ring-yellow-500",
|
|
2108
2108
|
danger: "border border-red-300 bg-red-50 text-red-700 hover:bg-red-100 focus:ring-red-500"
|
|
2109
|
-
},
|
|
2109
|
+
}, r = g(() => l[t.variant] ? t.variant : "primary"), u = g(() => [
|
|
2110
2110
|
"min-w-[40px] min-h-[35px] inline-flex items-center justify-center rounded-lg p-3 py-2 text-sm font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2",
|
|
2111
|
-
l[
|
|
2111
|
+
l[r.value],
|
|
2112
2112
|
s.class
|
|
2113
2113
|
]);
|
|
2114
|
-
return (d, f) => e.external ? (a(), i("a",
|
|
2114
|
+
return (d, f) => e.external ? (a(), i("a", z({ key: 1 }, I(s), {
|
|
2115
2115
|
href: e.href,
|
|
2116
2116
|
title: e.title,
|
|
2117
2117
|
target: e.target,
|
|
2118
2118
|
rel: e.rel,
|
|
2119
2119
|
class: u.value
|
|
2120
2120
|
}), [
|
|
2121
|
-
|
|
2122
|
-
], 16,
|
|
2121
|
+
x(d.$slots, "default")
|
|
2122
|
+
], 16, la)) : (a(), B(I(ge), z({ key: 0 }, I(s), {
|
|
2123
2123
|
href: e.href,
|
|
2124
2124
|
title: e.title,
|
|
2125
2125
|
class: u.value
|
|
2126
2126
|
}), {
|
|
2127
|
-
default:
|
|
2128
|
-
|
|
2127
|
+
default: O(() => [
|
|
2128
|
+
x(d.$slots, "default")
|
|
2129
2129
|
]),
|
|
2130
2130
|
_: 3
|
|
2131
2131
|
}, 16, ["href", "title", "class"]));
|
|
2132
2132
|
}
|
|
2133
|
-
}),
|
|
2133
|
+
}), aa = {
|
|
2134
2134
|
__name: "NavLink",
|
|
2135
2135
|
props: {
|
|
2136
2136
|
href: String,
|
|
@@ -2138,17 +2138,17 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
2138
2138
|
},
|
|
2139
2139
|
setup(e) {
|
|
2140
2140
|
const s = e, t = g(() => s.active ? "inline-flex items-center px-1 pt-1 border-b-2 border-indigo-500 text-sm font-semibold leading-5 text-gray-900 focus:outline-none focus:border-indigo-700 transition-all duration-300 ease-out relative group" : "inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-600 hover:text-gray-900 hover:border-gray-400 focus:outline-none focus:text-gray-900 focus:border-gray-400 transition-all duration-300 ease-out relative group");
|
|
2141
|
-
return (l,
|
|
2141
|
+
return (l, r) => (a(), B(I(ge), {
|
|
2142
2142
|
href: e.href,
|
|
2143
2143
|
class: S(t.value)
|
|
2144
2144
|
}, {
|
|
2145
|
-
default:
|
|
2146
|
-
|
|
2145
|
+
default: O(() => [
|
|
2146
|
+
x(l.$slots, "default")
|
|
2147
2147
|
]),
|
|
2148
2148
|
_: 3
|
|
2149
2149
|
}, 8, ["href", "class"]));
|
|
2150
2150
|
}
|
|
2151
|
-
},
|
|
2151
|
+
}, sa = ["href"], na = {
|
|
2152
2152
|
__name: "ResponsiveNavLink",
|
|
2153
2153
|
props: {
|
|
2154
2154
|
active: Boolean,
|
|
@@ -2157,40 +2157,40 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
2157
2157
|
},
|
|
2158
2158
|
setup(e) {
|
|
2159
2159
|
const s = e, t = g(() => s.active ? "block w-full ps-3 pe-4 py-2 border-l-4 border-indigo-400 text-start text-base font-medium text-indigo-700 bg-indigo-50 focus:outline-none focus:text-indigo-800 focus:bg-indigo-100 focus:border-indigo-700 transition duration-150 ease-in-out" : "block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition duration-150 ease-in-out");
|
|
2160
|
-
return (l,
|
|
2160
|
+
return (l, r) => (a(), i("div", null, [
|
|
2161
2161
|
e.as == "button" ? (a(), i("button", {
|
|
2162
2162
|
key: 0,
|
|
2163
2163
|
class: S([t.value, "w-full text-start"])
|
|
2164
2164
|
}, [
|
|
2165
|
-
|
|
2165
|
+
x(l.$slots, "default")
|
|
2166
2166
|
], 2)) : e.as == "a" ? (a(), i("a", {
|
|
2167
2167
|
key: 1,
|
|
2168
2168
|
class: S([t.value, "w-full text-start"]),
|
|
2169
2169
|
href: e.href
|
|
2170
2170
|
}, [
|
|
2171
|
-
|
|
2172
|
-
], 10,
|
|
2171
|
+
x(l.$slots, "default")
|
|
2172
|
+
], 10, sa)) : (a(), B(I(ge), {
|
|
2173
2173
|
key: 2,
|
|
2174
2174
|
href: e.href,
|
|
2175
2175
|
class: S(t.value)
|
|
2176
2176
|
}, {
|
|
2177
|
-
default:
|
|
2178
|
-
|
|
2177
|
+
default: O(() => [
|
|
2178
|
+
x(l.$slots, "default")
|
|
2179
2179
|
]),
|
|
2180
2180
|
_: 3
|
|
2181
2181
|
}, 8, ["href", "class"]))
|
|
2182
2182
|
]));
|
|
2183
2183
|
}
|
|
2184
|
-
},
|
|
2184
|
+
}, ra = { class: "hidden sm:block" }, oa = { class: "py-8" }, ia = {
|
|
2185
2185
|
__name: "SectionBorder",
|
|
2186
2186
|
setup(e) {
|
|
2187
|
-
return (s, t) => (a(), i("div",
|
|
2188
|
-
o("div",
|
|
2189
|
-
|
|
2187
|
+
return (s, t) => (a(), i("div", ra, [
|
|
2188
|
+
o("div", oa, [
|
|
2189
|
+
R(we)
|
|
2190
2190
|
])
|
|
2191
2191
|
]));
|
|
2192
2192
|
}
|
|
2193
|
-
},
|
|
2193
|
+
}, da = { class: "bg-white/80 backdrop-blur-sm border border-gray-200/60 rounded-xl px-6 py-4" }, ua = { class: "flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4" }, ca = { class: "flex items-center gap-3" }, fa = { class: "text-sm font-medium text-gray-700" }, ga = { class: "flex flex-wrap items-center gap-2" }, ya = ["onClick"], pa = { class: "text-xs text-gray-500" }, ma = {
|
|
2194
2194
|
__name: "SortControls",
|
|
2195
2195
|
props: {
|
|
2196
2196
|
fields: {
|
|
@@ -2224,15 +2224,15 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
2224
2224
|
},
|
|
2225
2225
|
emits: ["sort"],
|
|
2226
2226
|
setup(e, { emit: s }) {
|
|
2227
|
-
const t = s, l = (
|
|
2228
|
-
t("sort",
|
|
2227
|
+
const t = s, l = (r) => {
|
|
2228
|
+
t("sort", r);
|
|
2229
2229
|
};
|
|
2230
|
-
return (
|
|
2231
|
-
o("div",
|
|
2232
|
-
o("div",
|
|
2233
|
-
o("label",
|
|
2234
|
-
o("div",
|
|
2235
|
-
(a(!0), i(q, null,
|
|
2230
|
+
return (r, u) => (a(), i("div", da, [
|
|
2231
|
+
o("div", ua, [
|
|
2232
|
+
o("div", ca, [
|
|
2233
|
+
o("label", fa, T(e.sortByLabel) + ":", 1),
|
|
2234
|
+
o("div", ga, [
|
|
2235
|
+
(a(!0), i(q, null, P(e.fields, (d) => (a(), i("button", {
|
|
2236
2236
|
key: d.key,
|
|
2237
2237
|
onClick: (f) => l(d.key),
|
|
2238
2238
|
class: S([
|
|
@@ -2240,23 +2240,23 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
2240
2240
|
e.currentSortField === d.key ? "bg-blue-500 text-white shadow-sm" : "bg-gray-100 text-gray-700 hover:bg-gray-200"
|
|
2241
2241
|
])
|
|
2242
2242
|
}, [
|
|
2243
|
-
ue(
|
|
2244
|
-
e.currentSortField === d.key && e.currentDirection === "asc" ? (a(), B(I(
|
|
2243
|
+
ue(T(d.label) + " ", 1),
|
|
2244
|
+
e.currentSortField === d.key && e.currentDirection === "asc" ? (a(), B(I(Ie), {
|
|
2245
2245
|
key: 0,
|
|
2246
2246
|
class: "w-3 h-3 ml-1 inline"
|
|
2247
|
-
})) :
|
|
2247
|
+
})) : D("", !0),
|
|
2248
2248
|
e.currentSortField === d.key && e.currentDirection === "desc" ? (a(), B(I(xe), {
|
|
2249
2249
|
key: 1,
|
|
2250
2250
|
class: "w-3 h-3 ml-1 inline"
|
|
2251
|
-
})) :
|
|
2252
|
-
], 10,
|
|
2251
|
+
})) : D("", !0)
|
|
2252
|
+
], 10, ya))), 128))
|
|
2253
2253
|
])
|
|
2254
2254
|
]),
|
|
2255
|
-
o("div",
|
|
2255
|
+
o("div", pa, T(e.count) + " " + T(e.countLabel), 1)
|
|
2256
2256
|
])
|
|
2257
2257
|
]));
|
|
2258
2258
|
}
|
|
2259
|
-
},
|
|
2259
|
+
}, ba = { class: "flex items-center space-x-1" }, va = { class: "flex flex-col" }, Ve = {
|
|
2260
2260
|
__name: "ThSortable",
|
|
2261
2261
|
props: {
|
|
2262
2262
|
field: {
|
|
@@ -2274,43 +2274,43 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
2274
2274
|
},
|
|
2275
2275
|
setup(e) {
|
|
2276
2276
|
const s = e, t = g(() => s.field === s.currentSortField), l = g(() => t.value ? "text-blue-600" : "text-gray-400");
|
|
2277
|
-
return (
|
|
2277
|
+
return (r, u) => (a(), i("th", {
|
|
2278
2278
|
class: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider cursor-pointer hover:bg-gray-100 transition-colors duration-150",
|
|
2279
|
-
onClick: u[0] || (u[0] = (d) =>
|
|
2279
|
+
onClick: u[0] || (u[0] = (d) => r.$emit("sort", e.field))
|
|
2280
2280
|
}, [
|
|
2281
|
-
o("div",
|
|
2281
|
+
o("div", ba, [
|
|
2282
2282
|
o("span", null, [
|
|
2283
|
-
|
|
2283
|
+
x(r.$slots, "default")
|
|
2284
2284
|
]),
|
|
2285
|
-
o("div",
|
|
2286
|
-
t.value && e.currentDirection === "asc" ? (a(), B(I(
|
|
2285
|
+
o("div", va, [
|
|
2286
|
+
t.value && e.currentDirection === "asc" ? (a(), B(I(Ie), {
|
|
2287
2287
|
key: 0,
|
|
2288
2288
|
class: S([l.value, "w-3 h-3"])
|
|
2289
|
-
}, null, 8, ["class"])) :
|
|
2289
|
+
}, null, 8, ["class"])) : D("", !0),
|
|
2290
2290
|
t.value && e.currentDirection === "desc" ? (a(), B(I(xe), {
|
|
2291
2291
|
key: 1,
|
|
2292
2292
|
class: S([l.value, "w-3 h-3"])
|
|
2293
|
-
}, null, 8, ["class"])) :
|
|
2293
|
+
}, null, 8, ["class"])) : D("", !0)
|
|
2294
2294
|
])
|
|
2295
2295
|
])
|
|
2296
2296
|
]));
|
|
2297
2297
|
}
|
|
2298
|
-
},
|
|
2298
|
+
}, ha = { class: "min-w-full divide-y divide-gray-200" }, xa = { class: "bg-gray-50" }, wa = {
|
|
2299
2299
|
key: 0,
|
|
2300
2300
|
class: "px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider"
|
|
2301
|
-
},
|
|
2301
|
+
}, ka = { class: "bg-white divide-y divide-gray-200" }, Sa = {
|
|
2302
2302
|
key: 0,
|
|
2303
2303
|
class: "flex items-center"
|
|
2304
|
-
},
|
|
2304
|
+
}, $a = ["title"], Ca = {
|
|
2305
2305
|
key: 0,
|
|
2306
2306
|
class: "ml-2 inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-red-100 text-red-800"
|
|
2307
|
-
},
|
|
2307
|
+
}, Va = ["innerHTML"], _a = { key: 3 }, Ta = {
|
|
2308
2308
|
key: 0,
|
|
2309
2309
|
class: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium"
|
|
2310
|
-
},
|
|
2310
|
+
}, Aa = {
|
|
2311
2311
|
key: 0,
|
|
2312
2312
|
class: "text-center py-12"
|
|
2313
|
-
},
|
|
2313
|
+
}, Ba = { class: "inline-flex items-center justify-center w-16 h-16 bg-gray-100 rounded-full mb-4" }, La = { class: "text-lg font-medium text-gray-900 mb-2" }, Ia = { class: "text-gray-500 mb-4" }, Da = {
|
|
2314
2314
|
__name: "TableList",
|
|
2315
2315
|
props: {
|
|
2316
2316
|
data: {
|
|
@@ -2365,127 +2365,127 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
2365
2365
|
},
|
|
2366
2366
|
emits: ["sort"],
|
|
2367
2367
|
setup(e, { emit: s }) {
|
|
2368
|
-
const t =
|
|
2368
|
+
const t = fe(), l = e, r = s;
|
|
2369
2369
|
g(() => !!t.actions);
|
|
2370
|
-
const u = g(() => l.data && l.data.length > 0), d = (
|
|
2371
|
-
|
|
2372
|
-
}, f = (
|
|
2373
|
-
const
|
|
2374
|
-
return !Number.isFinite(
|
|
2375
|
-
},
|
|
2376
|
-
if (
|
|
2370
|
+
const u = g(() => l.data && l.data.length > 0), d = (w) => {
|
|
2371
|
+
r("sort", w);
|
|
2372
|
+
}, f = (w) => {
|
|
2373
|
+
const V = String(w ?? ""), p = Number(l.maxTextLength);
|
|
2374
|
+
return !Number.isFinite(p) || p <= 0 || V.length <= p ? V : `${V.slice(0, p)}...`;
|
|
2375
|
+
}, $ = (w, V) => {
|
|
2376
|
+
if (V.slot)
|
|
2377
2377
|
return null;
|
|
2378
|
-
if (
|
|
2379
|
-
return
|
|
2380
|
-
const
|
|
2381
|
-
return
|
|
2382
|
-
}, b = (
|
|
2383
|
-
if (
|
|
2384
|
-
return
|
|
2385
|
-
let
|
|
2386
|
-
return
|
|
2387
|
-
},
|
|
2388
|
-
return (
|
|
2378
|
+
if (V.render)
|
|
2379
|
+
return V.render(w);
|
|
2380
|
+
const p = V.key.split(".").reduce((M, L) => M?.[L], w);
|
|
2381
|
+
return p == null || p === "" ? "-" : f(p);
|
|
2382
|
+
}, b = (w) => w.deleted_at || w.deleted, k = (w) => {
|
|
2383
|
+
if (w.class)
|
|
2384
|
+
return w.class;
|
|
2385
|
+
let V = "px-6 py-4 text-sm truncate";
|
|
2386
|
+
return w.isSecondary || (V += " font-medium"), w.isSecondary && (V += " text-gray-600"), V;
|
|
2387
|
+
}, v = (w) => w.sortable ? "" : "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider";
|
|
2388
|
+
return (w, V) => (a(), i("div", {
|
|
2389
2389
|
class: S(["bg-white", e.isCard ? "border border-gray-200/60 rounded-xl shadow-[0_1px_3px_rgba(0,0,0,0.1)] animate-fadeIn mx-4 md:mx-0" : ""])
|
|
2390
2390
|
}, [
|
|
2391
2391
|
o("div", {
|
|
2392
2392
|
class: S(["overflow-x-auto", e.isCard ? "rounded-xl" : ""])
|
|
2393
2393
|
}, [
|
|
2394
|
-
o("table",
|
|
2395
|
-
o("thead",
|
|
2394
|
+
o("table", ha, [
|
|
2395
|
+
o("thead", xa, [
|
|
2396
2396
|
o("tr", null, [
|
|
2397
|
-
(a(!0), i(q, null,
|
|
2398
|
-
key:
|
|
2397
|
+
(a(!0), i(q, null, P(e.columns, (p) => (a(), i(q, {
|
|
2398
|
+
key: p.key
|
|
2399
2399
|
}, [
|
|
2400
|
-
|
|
2400
|
+
p.sortable ? (a(), B(Ve, {
|
|
2401
2401
|
key: 0,
|
|
2402
|
-
field:
|
|
2402
|
+
field: p.key,
|
|
2403
2403
|
"current-sort-field": e.sortField,
|
|
2404
2404
|
"current-direction": e.sortDirection,
|
|
2405
2405
|
onSort: d
|
|
2406
2406
|
}, {
|
|
2407
|
-
default:
|
|
2408
|
-
ue(
|
|
2407
|
+
default: O(() => [
|
|
2408
|
+
ue(T(p.label), 1)
|
|
2409
2409
|
]),
|
|
2410
2410
|
_: 2
|
|
2411
2411
|
}, 1032, ["field", "current-sort-field", "current-direction"])) : (a(), i("th", {
|
|
2412
2412
|
key: 1,
|
|
2413
|
-
class: S([
|
|
2414
|
-
},
|
|
2413
|
+
class: S([v(p), { "text-right": p.align === "right" }])
|
|
2414
|
+
}, T(p.label), 3))
|
|
2415
2415
|
], 64))), 128)),
|
|
2416
|
-
|
|
2416
|
+
w.$slots.actions ? (a(), i("th", wa, T(e.actionsLabel), 1)) : D("", !0)
|
|
2417
2417
|
])
|
|
2418
2418
|
]),
|
|
2419
|
-
o("tbody",
|
|
2420
|
-
(a(!0), i(q, null,
|
|
2421
|
-
key:
|
|
2422
|
-
class: S(e.rowClasses(
|
|
2419
|
+
o("tbody", ka, [
|
|
2420
|
+
(a(!0), i(q, null, P(e.data, (p, M) => (a(), i("tr", {
|
|
2421
|
+
key: p.id,
|
|
2422
|
+
class: S(e.rowClasses(p, M))
|
|
2423
2423
|
}, [
|
|
2424
|
-
(a(!0), i(q, null,
|
|
2425
|
-
key:
|
|
2426
|
-
class: S(
|
|
2424
|
+
(a(!0), i(q, null, P(e.columns, (L) => (a(), i("td", {
|
|
2425
|
+
key: L.key,
|
|
2426
|
+
class: S(k(L))
|
|
2427
2427
|
}, [
|
|
2428
|
-
|
|
2428
|
+
L.key === "name" && !L.slot ? (a(), i("div", Sa, [
|
|
2429
2429
|
o("div", {
|
|
2430
2430
|
class: "text-sm font-medium truncate",
|
|
2431
|
-
title:
|
|
2432
|
-
},
|
|
2433
|
-
b(
|
|
2434
|
-
])) :
|
|
2431
|
+
title: $(p, L)
|
|
2432
|
+
}, T($(p, L)), 9, $a),
|
|
2433
|
+
b(p) ? (a(), i("span", Ca, T(e.deletedLabel), 1)) : D("", !0)
|
|
2434
|
+
])) : L.slot ? x(w.$slots, L.slot, {
|
|
2435
2435
|
key: 1,
|
|
2436
|
-
item:
|
|
2437
|
-
column:
|
|
2438
|
-
index:
|
|
2439
|
-
}) :
|
|
2436
|
+
item: p,
|
|
2437
|
+
column: L,
|
|
2438
|
+
index: M
|
|
2439
|
+
}) : L.render ? (a(), i("div", {
|
|
2440
2440
|
key: 2,
|
|
2441
|
-
innerHTML:
|
|
2442
|
-
}, null, 8,
|
|
2441
|
+
innerHTML: L.render(p)
|
|
2442
|
+
}, null, 8, Va)) : (a(), i("div", _a, T($(p, L)), 1))
|
|
2443
2443
|
], 2))), 128)),
|
|
2444
|
-
|
|
2445
|
-
w
|
|
2446
|
-
item:
|
|
2447
|
-
index:
|
|
2444
|
+
w.$slots.actions ? (a(), i("td", Ta, [
|
|
2445
|
+
x(w.$slots, "actions", {
|
|
2446
|
+
item: p,
|
|
2447
|
+
index: M
|
|
2448
2448
|
})
|
|
2449
|
-
])) :
|
|
2449
|
+
])) : D("", !0)
|
|
2450
2450
|
], 2))), 128))
|
|
2451
2451
|
])
|
|
2452
2452
|
])
|
|
2453
2453
|
], 2),
|
|
2454
|
-
u.value ?
|
|
2455
|
-
o("div",
|
|
2454
|
+
u.value ? D("", !0) : (a(), i("div", Aa, [
|
|
2455
|
+
o("div", Ba, [
|
|
2456
2456
|
(a(), B(Be(e.emptyState.icon), { class: "w-8 h-8 text-gray-400" }))
|
|
2457
2457
|
]),
|
|
2458
|
-
o("h3",
|
|
2459
|
-
o("p",
|
|
2458
|
+
o("h3", La, T(e.emptyState.title), 1),
|
|
2459
|
+
o("p", Ia, T(e.emptyState.description), 1),
|
|
2460
2460
|
e.emptyState.actionText && e.emptyState.actionUrl ? (a(), B(Ce, {
|
|
2461
2461
|
key: 0,
|
|
2462
2462
|
href: e.emptyState.actionUrl,
|
|
2463
2463
|
variant: "primary"
|
|
2464
2464
|
}, {
|
|
2465
|
-
default:
|
|
2466
|
-
ue(
|
|
2465
|
+
default: O(() => [
|
|
2466
|
+
ue(T(e.emptyState.actionText), 1)
|
|
2467
2467
|
]),
|
|
2468
2468
|
_: 1
|
|
2469
|
-
}, 8, ["href"])) :
|
|
2469
|
+
}, 8, ["href"])) : D("", !0)
|
|
2470
2470
|
]))
|
|
2471
2471
|
], 2));
|
|
2472
2472
|
}
|
|
2473
|
-
},
|
|
2473
|
+
}, Ma = { class: "relative max-w-sm" }, ja = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, Oa = ["placeholder"], za = { class: "min-w-full divide-y divide-gray-200" }, Ea = { class: "bg-gray-50" }, Fa = {
|
|
2474
2474
|
key: 0,
|
|
2475
2475
|
class: "px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider"
|
|
2476
|
-
},
|
|
2476
|
+
}, Na = { class: "bg-white divide-y divide-gray-200" }, Ka = {
|
|
2477
2477
|
key: 2,
|
|
2478
2478
|
class: "flex items-center"
|
|
2479
|
-
}, Ua = ["title"],
|
|
2479
|
+
}, Ua = ["title"], Ra = {
|
|
2480
2480
|
key: 0,
|
|
2481
2481
|
class: "ml-2 inline-flex items-center rounded-full bg-red-100 px-2 py-1 text-xs font-medium text-red-800"
|
|
2482
|
-
},
|
|
2482
|
+
}, Ha = ["innerHTML"], qa = { key: 5 }, Pa = {
|
|
2483
2483
|
key: 0,
|
|
2484
2484
|
class: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium"
|
|
2485
|
-
},
|
|
2485
|
+
}, Wa = { class: "flex items-center justify-end gap-2" }, Ga = {
|
|
2486
2486
|
key: 2,
|
|
2487
2487
|
class: "py-12 text-center"
|
|
2488
|
-
},
|
|
2488
|
+
}, Xa = { class: "mb-4 inline-flex h-16 w-16 items-center justify-center rounded-full bg-gray-100" }, Qa = { class: "mb-2 text-lg font-medium text-gray-900" }, Ya = { class: "mb-4 text-gray-500" }, Ja = {
|
|
2489
2489
|
__name: "TableListForm",
|
|
2490
2490
|
props: {
|
|
2491
2491
|
data: {
|
|
@@ -2565,6 +2565,10 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
2565
2565
|
type: Boolean,
|
|
2566
2566
|
default: !0
|
|
2567
2567
|
},
|
|
2568
|
+
editingRowKey: {
|
|
2569
|
+
type: [String, Number, null],
|
|
2570
|
+
default: void 0
|
|
2571
|
+
},
|
|
2568
2572
|
canEditRow: {
|
|
2569
2573
|
type: Function,
|
|
2570
2574
|
default: () => !0
|
|
@@ -2573,132 +2577,130 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
2573
2577
|
type: String,
|
|
2574
2578
|
default: "Edit row"
|
|
2575
2579
|
},
|
|
2576
|
-
saveLabel: {
|
|
2577
|
-
type: String,
|
|
2578
|
-
default: "Save row"
|
|
2579
|
-
},
|
|
2580
2580
|
cancelLabel: {
|
|
2581
2581
|
type: String,
|
|
2582
|
-
default: "
|
|
2582
|
+
default: "Done editing"
|
|
2583
2583
|
}
|
|
2584
2584
|
},
|
|
2585
|
-
emits: ["sort", "update", "edit-start", "edit-cancel"
|
|
2585
|
+
emits: ["sort", "update", "update:editingRowKey", "edit-start", "edit-cancel"],
|
|
2586
2586
|
setup(e, { emit: s }) {
|
|
2587
|
-
const t =
|
|
2588
|
-
|
|
2589
|
-
u.value =
|
|
2590
|
-
}),
|
|
2591
|
-
d.value =
|
|
2592
|
-
}),
|
|
2593
|
-
|
|
2594
|
-
}),
|
|
2587
|
+
const t = fe(), l = e, r = s, u = j(l.sortField), d = j(l.sortDirection), f = j(""), $ = j(null), b = j({}), k = g(() => l.editingRowKey !== void 0 ? l.editingRowKey : $.value);
|
|
2588
|
+
Q(() => l.sortField, (n) => {
|
|
2589
|
+
u.value = n;
|
|
2590
|
+
}), Q(() => l.sortDirection, (n) => {
|
|
2591
|
+
d.value = n;
|
|
2592
|
+
}), Q(() => l.rowEditing, (n) => {
|
|
2593
|
+
n || X();
|
|
2594
|
+
}), Q(k, (n, y) => {
|
|
2595
|
+
if (n === y)
|
|
2596
|
+
return;
|
|
2597
|
+
if (n == null || n === "") {
|
|
2598
|
+
b.value = {};
|
|
2599
|
+
return;
|
|
2600
|
+
}
|
|
2601
|
+
const c = l.data.find((A, m) => W(A, m) === n);
|
|
2602
|
+
b.value = c ? L(c) : {};
|
|
2603
|
+
}), Q(
|
|
2595
2604
|
() => l.data,
|
|
2596
2605
|
() => {
|
|
2597
|
-
if (
|
|
2606
|
+
if (k.value === null || k.value === void 0)
|
|
2598
2607
|
return;
|
|
2599
|
-
l.data.find((y, c) =>
|
|
2608
|
+
l.data.find((y, c) => W(y, c) === k.value) || X();
|
|
2600
2609
|
},
|
|
2601
2610
|
{ deep: !0 }
|
|
2602
2611
|
);
|
|
2603
|
-
const
|
|
2604
|
-
let
|
|
2612
|
+
const v = g(() => {
|
|
2613
|
+
let n = l.data;
|
|
2605
2614
|
if (l.search && f.value.trim()) {
|
|
2606
2615
|
const y = f.value.toLowerCase().trim();
|
|
2607
|
-
|
|
2616
|
+
n = l.data.filter((c) => l.columns.some((A) => {
|
|
2608
2617
|
if (!A.searchable)
|
|
2609
2618
|
return !1;
|
|
2610
|
-
const
|
|
2611
|
-
return
|
|
2619
|
+
const m = F(c, A.key);
|
|
2620
|
+
return m == null || m === "" ? !1 : String(m).toLowerCase().includes(y);
|
|
2612
2621
|
}));
|
|
2613
2622
|
}
|
|
2614
|
-
return u.value ? [...
|
|
2615
|
-
const A =
|
|
2623
|
+
return u.value ? [...n].sort((y, c) => {
|
|
2624
|
+
const A = F(y, u.value), m = F(c, u.value);
|
|
2616
2625
|
if (A == null || A === "") return 1;
|
|
2617
|
-
if (
|
|
2618
|
-
let
|
|
2619
|
-
return A <
|
|
2620
|
-
}) :
|
|
2621
|
-
}),
|
|
2622
|
-
u.value ===
|
|
2623
|
-
}, L = (
|
|
2624
|
-
Object.entries(
|
|
2625
|
-
) :
|
|
2626
|
-
const y = String(
|
|
2626
|
+
if (m == null || m === "") return -1;
|
|
2627
|
+
let H = 0;
|
|
2628
|
+
return A < m && (H = -1), A > m && (H = 1), d.value === "desc" ? -H : H;
|
|
2629
|
+
}) : n;
|
|
2630
|
+
}), w = g(() => !!t.actions), V = g(() => w.value || l.rowEditing), p = g(() => v.value && v.value.length > 0), M = (n) => {
|
|
2631
|
+
u.value === n ? d.value = d.value === "asc" ? "desc" : "asc" : (u.value = n, d.value = "asc"), r("sort", { field: n, direction: d.value });
|
|
2632
|
+
}, L = (n) => Array.isArray(n) ? n.map((y) => L(y)) : n && typeof n == "object" ? Object.fromEntries(
|
|
2633
|
+
Object.entries(n).map(([y, c]) => [y, L(c)])
|
|
2634
|
+
) : n, E = (n) => {
|
|
2635
|
+
const y = String(n ?? ""), c = Number(l.maxTextLength);
|
|
2627
2636
|
return !Number.isFinite(c) || c <= 0 || y.length <= c ? y : `${y.slice(0, c)}...`;
|
|
2628
|
-
},
|
|
2629
|
-
if (!y || typeof y != "string" ||
|
|
2637
|
+
}, F = (n, y) => !y || typeof y != "string" ? n : y.split(".").reduce((c, A) => c?.[A], n), re = (n, y, c) => {
|
|
2638
|
+
if (!y || typeof y != "string" || n == null)
|
|
2630
2639
|
return;
|
|
2631
|
-
const A = y.split("."),
|
|
2632
|
-
let
|
|
2640
|
+
const A = y.split("."), m = A.pop();
|
|
2641
|
+
let H = n;
|
|
2633
2642
|
for (const de of A)
|
|
2634
|
-
(
|
|
2635
|
-
|
|
2636
|
-
},
|
|
2637
|
-
|
|
2638
|
-
}, N = (
|
|
2639
|
-
|
|
2640
|
-
|
|
2641
|
-
|
|
2642
|
-
|
|
2643
|
-
|
|
2644
|
-
|
|
2645
|
-
|
|
2646
|
-
|
|
2647
|
-
|
|
2648
|
-
|
|
2649
|
-
|
|
2650
|
-
|
|
2651
|
-
|
|
2652
|
-
|
|
2653
|
-
|
|
2654
|
-
|
|
2655
|
-
|
|
2656
|
-
|
|
2657
|
-
draft: c,
|
|
2658
|
-
index: Q(r),
|
|
2659
|
-
rowKey: A
|
|
2660
|
-
}), K();
|
|
2661
|
-
}, Z = (r, y, c, A = void 0) => {
|
|
2662
|
-
H(b.value, r, y), n("update", {
|
|
2643
|
+
(H[de] === void 0 || H[de] === null || typeof H[de] != "object") && (H[de] = {}), H = H[de];
|
|
2644
|
+
m !== void 0 && (H[m] = c);
|
|
2645
|
+
}, Y = (n) => n?.id ? l.data.findIndex((y) => y?.id === n.id) : l.data.findIndex((y) => y === n), W = (n, y) => typeof l.rowKey == "function" ? l.rowKey(n, y) ?? `row-${y}` : F(n, l.rowKey) ?? `row-${y}`, G = (n) => `${n.slot}-edit`, J = (n) => l.isDeletedFn(n), h = (n) => {
|
|
2646
|
+
l.editingRowKey === void 0 && ($.value = n), r("update:editingRowKey", n);
|
|
2647
|
+
}, N = (n, y) => l.rowEditing && k.value !== null && k.value === W(n, y), K = (n, y) => !l.rowEditing || !l.canEditRow(n, y) || J(n) ? !0 : k.value !== null && !N(n, y), X = () => {
|
|
2648
|
+
h(null);
|
|
2649
|
+
}, ee = (n, y) => {
|
|
2650
|
+
if (K(n, y))
|
|
2651
|
+
return;
|
|
2652
|
+
const c = W(n, y);
|
|
2653
|
+
h(c), r("edit-start", {
|
|
2654
|
+
item: n,
|
|
2655
|
+
index: Y(n),
|
|
2656
|
+
rowKey: c
|
|
2657
|
+
});
|
|
2658
|
+
}, te = (n, y) => {
|
|
2659
|
+
r("edit-cancel", {
|
|
2660
|
+
item: n,
|
|
2661
|
+
index: Y(n),
|
|
2662
|
+
rowKey: W(n, y)
|
|
2663
|
+
}), X();
|
|
2664
|
+
}, le = (n, y, c, A = void 0) => {
|
|
2665
|
+
re(b.value, n, y), l.mutateRows && re(c, n, L(y)), r("update", {
|
|
2663
2666
|
item: c,
|
|
2664
2667
|
draft: b.value,
|
|
2665
|
-
field:
|
|
2668
|
+
field: n,
|
|
2666
2669
|
value: y,
|
|
2667
|
-
index:
|
|
2668
|
-
rowKey:
|
|
2670
|
+
index: Y(c),
|
|
2671
|
+
rowKey: k.value,
|
|
2669
2672
|
event: A
|
|
2670
2673
|
});
|
|
2671
|
-
}, ae = (
|
|
2674
|
+
}, ae = (n, y) => {
|
|
2672
2675
|
if (y.slot)
|
|
2673
2676
|
return null;
|
|
2674
2677
|
if (y.render)
|
|
2675
|
-
return y.render(
|
|
2676
|
-
const c =
|
|
2677
|
-
return c == null || c === "" ? "-" :
|
|
2678
|
-
},
|
|
2679
|
-
if (
|
|
2680
|
-
return
|
|
2681
|
-
let
|
|
2682
|
-
return
|
|
2683
|
-
},
|
|
2684
|
-
let y = "block w-full min-w-
|
|
2685
|
-
return
|
|
2686
|
-
}, We = (
|
|
2687
|
-
const c =
|
|
2678
|
+
return y.render(n);
|
|
2679
|
+
const c = F(n, y.key);
|
|
2680
|
+
return c == null || c === "" ? "-" : E(c);
|
|
2681
|
+
}, U = (n, y, c) => {
|
|
2682
|
+
if (n.class)
|
|
2683
|
+
return n.class;
|
|
2684
|
+
let m = N(y, c) && (n.input || t[G(n)]) ? "px-6 py-3 text-sm align-top" : "px-6 py-4 text-sm truncate";
|
|
2685
|
+
return n.isSecondary || (m += " font-medium"), n.isSecondary && (m += " text-gray-600"), m;
|
|
2686
|
+
}, C = (n) => n.sortable ? "" : "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", _ = (n) => n.inputType || "text", Pe = (n) => {
|
|
2687
|
+
let y = "block w-full min-w-[12rem] sm:min-w-[10rem] max-w-xs rounded-md border border-gray-200 bg-gray-50 px-3 py-2 text-sm text-gray-900 shadow-none placeholder-gray-400 transition-colors duration-200 focus:border-blue-500 focus:bg-white focus:outline-none focus:ring-2 focus:ring-blue-500/20";
|
|
2688
|
+
return n.inputClass && (y += ` ${n.inputClass}`), n.isSecondary && (y += " text-gray-600"), y;
|
|
2689
|
+
}, We = (n) => n.placeholder || n.label || "", _e = (n, y, c) => N(n, c) ? F(b.value, y.key) ?? "" : F(n, y.key) ?? "", Ge = (n, y) => {
|
|
2690
|
+
const c = Y(n);
|
|
2688
2691
|
return c === -1 ? null : l.getErrorMessage(c, y.key);
|
|
2689
|
-
},
|
|
2690
|
-
item:
|
|
2692
|
+
}, pe = (n, y, c) => ({
|
|
2693
|
+
item: n,
|
|
2691
2694
|
column: y,
|
|
2692
2695
|
index: c,
|
|
2693
|
-
isEditing:
|
|
2696
|
+
isEditing: N(n, c),
|
|
2694
2697
|
draft: b.value,
|
|
2695
|
-
rowKey:
|
|
2696
|
-
updateDraft: (A,
|
|
2697
|
-
startEdit: () =>
|
|
2698
|
-
cancelEdit: () =>
|
|
2699
|
-
|
|
2700
|
-
|
|
2701
|
-
return (r, y) => (a(), i("div", {
|
|
2698
|
+
rowKey: W(n, c),
|
|
2699
|
+
updateDraft: (A, m) => le(A, m, n),
|
|
2700
|
+
startEdit: () => ee(n, c),
|
|
2701
|
+
cancelEdit: () => te(n, c)
|
|
2702
|
+
}), Xe = (n, y, c) => !!((typeof n.disabled == "function" ? n.disabled(y, c) : n.disabled) || J(y));
|
|
2703
|
+
return (n, y) => (a(), i("div", {
|
|
2702
2704
|
class: S(["bg-white", e.isCard ? "mx-4 md:mx-0 border border-gray-200/60 rounded-xl shadow-[0_1px_3px_rgba(0,0,0,0.1)] animate-fadeIn" : ""])
|
|
2703
2705
|
}, [
|
|
2704
2706
|
e.search ? (a(), i("div", {
|
|
@@ -2708,28 +2710,28 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
2708
2710
|
e.isCard ? "border-b border-gray-200 bg-gray-50/80 rounded-t-xl" : "mb-4 bg-white/80 backdrop-blur-sm"
|
|
2709
2711
|
])
|
|
2710
2712
|
}, [
|
|
2711
|
-
o("div",
|
|
2712
|
-
o("div",
|
|
2713
|
-
|
|
2713
|
+
o("div", Ma, [
|
|
2714
|
+
o("div", ja, [
|
|
2715
|
+
R(I(it), { class: "h-4 w-4 text-gray-400" })
|
|
2714
2716
|
]),
|
|
2715
|
-
|
|
2717
|
+
Z(o("input", {
|
|
2716
2718
|
"onUpdate:modelValue": y[0] || (y[0] = (c) => f.value = c),
|
|
2717
2719
|
type: "text",
|
|
2718
2720
|
placeholder: e.searchPlaceholder,
|
|
2719
2721
|
class: "block w-full rounded-md border border-gray-200 bg-white pl-9 pr-3 py-2 text-sm text-gray-900 placeholder-gray-500 transition-colors duration-200 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20"
|
|
2720
|
-
}, null, 8,
|
|
2722
|
+
}, null, 8, Oa), [
|
|
2721
2723
|
[et, f.value]
|
|
2722
2724
|
])
|
|
2723
2725
|
])
|
|
2724
|
-
], 2)) :
|
|
2725
|
-
|
|
2726
|
+
], 2)) : D("", !0),
|
|
2727
|
+
p.value ? (a(), i("div", {
|
|
2726
2728
|
key: 1,
|
|
2727
2729
|
class: S(["overflow-x-auto", e.isCard ? "rounded-xl" : ""])
|
|
2728
2730
|
}, [
|
|
2729
|
-
o("table",
|
|
2730
|
-
o("thead",
|
|
2731
|
+
o("table", za, [
|
|
2732
|
+
o("thead", Ea, [
|
|
2731
2733
|
o("tr", null, [
|
|
2732
|
-
(a(!0), i(q, null,
|
|
2734
|
+
(a(!0), i(q, null, P(e.columns, (c) => (a(), i(q, {
|
|
2733
2735
|
key: c.key
|
|
2734
2736
|
}, [
|
|
2735
2737
|
c.sortable ? (a(), B(Ve, {
|
|
@@ -2737,174 +2739,161 @@ const Et = /* @__PURE__ */ ke(Mt, [["render", zt]]), Ft = { class: "sr-only" },
|
|
|
2737
2739
|
field: c.key,
|
|
2738
2740
|
"current-sort-field": u.value,
|
|
2739
2741
|
"current-direction": d.value,
|
|
2740
|
-
onSort:
|
|
2742
|
+
onSort: M
|
|
2741
2743
|
}, {
|
|
2742
|
-
default:
|
|
2743
|
-
ue(
|
|
2744
|
+
default: O(() => [
|
|
2745
|
+
ue(T(c.label), 1)
|
|
2744
2746
|
]),
|
|
2745
2747
|
_: 2
|
|
2746
2748
|
}, 1032, ["field", "current-sort-field", "current-direction"])) : (a(), i("th", {
|
|
2747
2749
|
key: 1,
|
|
2748
|
-
class: S([
|
|
2749
|
-
},
|
|
2750
|
+
class: S([C(c), { "text-right": c.align === "right" }])
|
|
2751
|
+
}, T(c.label), 3))
|
|
2750
2752
|
], 64))), 128)),
|
|
2751
|
-
|
|
2753
|
+
V.value ? (a(), i("th", Fa, T(e.actionsLabel), 1)) : D("", !0)
|
|
2752
2754
|
])
|
|
2753
2755
|
]),
|
|
2754
|
-
o("tbody",
|
|
2755
|
-
(a(!0), i(q, null,
|
|
2756
|
-
key:
|
|
2756
|
+
o("tbody", Na, [
|
|
2757
|
+
(a(!0), i(q, null, P(v.value, (c, A) => (a(), i("tr", {
|
|
2758
|
+
key: W(c, A),
|
|
2757
2759
|
class: S(e.rowClasses(c, A))
|
|
2758
2760
|
}, [
|
|
2759
|
-
(a(!0), i(q, null,
|
|
2760
|
-
key:
|
|
2761
|
-
class: S([
|
|
2761
|
+
(a(!0), i(q, null, P(e.columns, (m) => (a(), i("td", {
|
|
2762
|
+
key: m.key,
|
|
2763
|
+
class: S([U(m, c, A), { "text-right": m.align === "right" }])
|
|
2762
2764
|
}, [
|
|
2763
|
-
|
|
2765
|
+
N(c, A) && m.slot && I(t)[G(m)] ? x(n.$slots, G(m), z({
|
|
2764
2766
|
key: 0,
|
|
2765
2767
|
ref_for: !0
|
|
2766
|
-
},
|
|
2768
|
+
}, pe(c, m, A))) : N(c, A) && m.input ? (a(), B(ye, {
|
|
2767
2769
|
key: 1,
|
|
2768
|
-
type:
|
|
2769
|
-
class: S(
|
|
2770
|
-
placeholder: We(
|
|
2771
|
-
"model-value": _e(c,
|
|
2772
|
-
disabled: Xe(
|
|
2773
|
-
maxlength:
|
|
2774
|
-
"error-message": Ge(c,
|
|
2770
|
+
type: _(m),
|
|
2771
|
+
class: S(Pe(m)),
|
|
2772
|
+
placeholder: We(m),
|
|
2773
|
+
"model-value": _e(c, m, A),
|
|
2774
|
+
disabled: Xe(m, c, A),
|
|
2775
|
+
maxlength: m.maxlength,
|
|
2776
|
+
"error-message": Ge(c, m),
|
|
2775
2777
|
"helper-text": "",
|
|
2776
|
-
"onUpdate:modelValue": (
|
|
2777
|
-
onBlur: (
|
|
2778
|
-
}, null, 8, ["type", "class", "placeholder", "model-value", "disabled", "maxlength", "error-message", "onUpdate:modelValue", "onBlur"])) :
|
|
2778
|
+
"onUpdate:modelValue": (H) => le(m.key, H, c),
|
|
2779
|
+
onBlur: (H) => le(m.key, H?.target?.value ?? _e(c, m, A), c, "blur")
|
|
2780
|
+
}, null, 8, ["type", "class", "placeholder", "model-value", "disabled", "maxlength", "error-message", "onUpdate:modelValue", "onBlur"])) : m.key === "name" && !m.slot ? (a(), i("div", Ka, [
|
|
2779
2781
|
o("div", {
|
|
2780
2782
|
class: "text-sm font-medium truncate",
|
|
2781
|
-
title: ae(c,
|
|
2782
|
-
},
|
|
2783
|
-
|
|
2784
|
-
])) :
|
|
2783
|
+
title: ae(c, m)
|
|
2784
|
+
}, T(ae(c, m)), 9, Ua),
|
|
2785
|
+
J(c) ? (a(), i("span", Ra, T(e.deletedLabel), 1)) : D("", !0)
|
|
2786
|
+
])) : m.slot ? x(n.$slots, m.slot, z({
|
|
2785
2787
|
key: 3,
|
|
2786
2788
|
ref_for: !0
|
|
2787
|
-
},
|
|
2789
|
+
}, pe(c, m, A))) : m.render ? (a(), i("div", {
|
|
2788
2790
|
key: 4,
|
|
2789
|
-
innerHTML:
|
|
2790
|
-
}, null, 8,
|
|
2791
|
+
innerHTML: m.render(c)
|
|
2792
|
+
}, null, 8, Ha)) : (a(), i("div", qa, T(ae(c, m)), 1))
|
|
2791
2793
|
], 2))), 128)),
|
|
2792
|
-
|
|
2793
|
-
o("div",
|
|
2794
|
-
|
|
2794
|
+
V.value ? (a(), i("td", Pa, [
|
|
2795
|
+
o("div", Wa, [
|
|
2796
|
+
w.value ? x(n.$slots, "actions", z({
|
|
2795
2797
|
key: 0,
|
|
2796
2798
|
ref_for: !0
|
|
2797
|
-
},
|
|
2798
|
-
e.rowEditing &&
|
|
2799
|
-
|
|
2800
|
-
|
|
2801
|
-
|
|
2802
|
-
|
|
2803
|
-
|
|
2804
|
-
|
|
2805
|
-
|
|
2806
|
-
|
|
2807
|
-
|
|
2808
|
-
|
|
2809
|
-
|
|
2810
|
-
|
|
2811
|
-
F(fe, {
|
|
2812
|
-
type: "button",
|
|
2813
|
-
variant: "tertiary",
|
|
2814
|
-
title: e.cancelLabel,
|
|
2815
|
-
"aria-label": e.cancelLabel,
|
|
2816
|
-
onClick: (p) => Y(c, A)
|
|
2817
|
-
}, {
|
|
2818
|
-
default: z(() => [
|
|
2819
|
-
F(I(Ie), { class: "size-4" })
|
|
2820
|
-
]),
|
|
2821
|
-
_: 1
|
|
2822
|
-
}, 8, ["title", "aria-label", "onClick"])
|
|
2823
|
-
], 64)) : e.rowEditing ? (a(), B(fe, {
|
|
2799
|
+
}, pe(c, null, A))) : D("", !0),
|
|
2800
|
+
e.rowEditing && N(c, A) ? (a(), B(he, {
|
|
2801
|
+
key: 1,
|
|
2802
|
+
type: "button",
|
|
2803
|
+
variant: "tertiary",
|
|
2804
|
+
title: e.cancelLabel,
|
|
2805
|
+
"aria-label": e.cancelLabel,
|
|
2806
|
+
onClick: (m) => te(c, A)
|
|
2807
|
+
}, {
|
|
2808
|
+
default: O(() => [
|
|
2809
|
+
R(I(dt), { class: "size-4" })
|
|
2810
|
+
]),
|
|
2811
|
+
_: 1
|
|
2812
|
+
}, 8, ["title", "aria-label", "onClick"])) : e.rowEditing ? (a(), B(he, {
|
|
2824
2813
|
key: 2,
|
|
2825
2814
|
type: "button",
|
|
2826
2815
|
variant: "warning",
|
|
2827
|
-
disabled:
|
|
2816
|
+
disabled: K(c, A),
|
|
2828
2817
|
title: e.editLabel,
|
|
2829
2818
|
"aria-label": e.editLabel,
|
|
2830
|
-
onClick: (
|
|
2819
|
+
onClick: (m) => ee(c, A)
|
|
2831
2820
|
}, {
|
|
2832
|
-
default:
|
|
2833
|
-
|
|
2821
|
+
default: O(() => [
|
|
2822
|
+
R(I(ut), { class: "size-4" })
|
|
2834
2823
|
]),
|
|
2835
2824
|
_: 1
|
|
2836
|
-
}, 8, ["disabled", "title", "aria-label", "onClick"])) :
|
|
2825
|
+
}, 8, ["disabled", "title", "aria-label", "onClick"])) : D("", !0)
|
|
2837
2826
|
])
|
|
2838
|
-
])) :
|
|
2827
|
+
])) : D("", !0)
|
|
2839
2828
|
], 2))), 128))
|
|
2840
2829
|
])
|
|
2841
2830
|
])
|
|
2842
|
-
], 2)) : (a(), i("div",
|
|
2843
|
-
o("div",
|
|
2831
|
+
], 2)) : (a(), i("div", Ga, [
|
|
2832
|
+
o("div", Xa, [
|
|
2844
2833
|
(a(), B(Be(e.emptyState.icon), { class: "h-8 w-8 text-gray-400" }))
|
|
2845
2834
|
]),
|
|
2846
|
-
o("h3",
|
|
2847
|
-
o("p",
|
|
2835
|
+
o("h3", Qa, T(e.emptyState.title), 1),
|
|
2836
|
+
o("p", Ya, T(e.emptyState.description), 1),
|
|
2848
2837
|
e.emptyState.actionText && e.emptyState.actionUrl ? (a(), B(Ce, {
|
|
2849
2838
|
key: 0,
|
|
2850
2839
|
href: e.emptyState.actionUrl,
|
|
2851
2840
|
variant: "primary"
|
|
2852
2841
|
}, {
|
|
2853
|
-
default:
|
|
2854
|
-
ue(
|
|
2842
|
+
default: O(() => [
|
|
2843
|
+
ue(T(e.emptyState.actionText), 1)
|
|
2855
2844
|
]),
|
|
2856
2845
|
_: 1
|
|
2857
|
-
}, 8, ["href"])) :
|
|
2846
|
+
}, 8, ["href"])) : D("", !0)
|
|
2858
2847
|
]))
|
|
2859
2848
|
], 2));
|
|
2860
2849
|
}
|
|
2861
|
-
},
|
|
2850
|
+
}, Za = {
|
|
2862
2851
|
install(e) {
|
|
2863
|
-
for (const [s, t] of Object.entries(
|
|
2852
|
+
for (const [s, t] of Object.entries(ct))
|
|
2864
2853
|
s !== "EnosVue" && e.component(s, t);
|
|
2865
2854
|
}
|
|
2866
2855
|
};
|
|
2867
2856
|
export {
|
|
2868
|
-
|
|
2869
|
-
|
|
2870
|
-
|
|
2871
|
-
|
|
2872
|
-
|
|
2873
|
-
|
|
2874
|
-
|
|
2875
|
-
|
|
2876
|
-
|
|
2877
|
-
|
|
2878
|
-
|
|
2879
|
-
|
|
2880
|
-
|
|
2881
|
-
|
|
2882
|
-
|
|
2883
|
-
|
|
2884
|
-
|
|
2857
|
+
bt as ActionCard,
|
|
2858
|
+
ht as ActionMessage,
|
|
2859
|
+
Bt as ActionSection,
|
|
2860
|
+
Mt as ApplicationLogo,
|
|
2861
|
+
Ft as AuthenticationCard,
|
|
2862
|
+
Kt as Badge,
|
|
2863
|
+
Xt as Banner,
|
|
2864
|
+
he as Button,
|
|
2865
|
+
Me as Card,
|
|
2866
|
+
De as CardTabs,
|
|
2867
|
+
Jt as Checkbox,
|
|
2868
|
+
je as CheckboxInput,
|
|
2869
|
+
qe as CheckboxMultipleInput,
|
|
2870
|
+
Ml as ConfirmationModal,
|
|
2871
|
+
Ee as CustomSelect,
|
|
2872
|
+
Ne as DateInput,
|
|
2873
|
+
Fl as DialogModal,
|
|
2885
2874
|
we as Divider,
|
|
2886
|
-
|
|
2887
|
-
|
|
2888
|
-
|
|
2889
|
-
|
|
2875
|
+
Kl as Dropdown,
|
|
2876
|
+
Hl as DropdownLink,
|
|
2877
|
+
Za as EnosVue,
|
|
2878
|
+
Xl as FormSection,
|
|
2890
2879
|
Ke as ImageInput,
|
|
2891
|
-
|
|
2892
|
-
|
|
2893
|
-
|
|
2880
|
+
Yl as InputError,
|
|
2881
|
+
ye as InputGroup,
|
|
2882
|
+
ta as InputLabel,
|
|
2894
2883
|
Ce as LinkButton,
|
|
2895
2884
|
$e as Modal,
|
|
2896
|
-
|
|
2897
|
-
|
|
2898
|
-
|
|
2899
|
-
|
|
2900
|
-
|
|
2901
|
-
|
|
2885
|
+
aa as NavLink,
|
|
2886
|
+
Ue as NotationInput,
|
|
2887
|
+
Re as RadioInput,
|
|
2888
|
+
He as RadioMultipleInput,
|
|
2889
|
+
na as ResponsiveNavLink,
|
|
2890
|
+
ia as SectionBorder,
|
|
2902
2891
|
Se as SectionTitle,
|
|
2903
|
-
|
|
2904
|
-
|
|
2905
|
-
|
|
2906
|
-
|
|
2907
|
-
|
|
2908
|
-
|
|
2892
|
+
Fe as SelectInput,
|
|
2893
|
+
ma as SortControls,
|
|
2894
|
+
Da as TableList,
|
|
2895
|
+
Ja as TableListForm,
|
|
2896
|
+
ze as TextArea,
|
|
2897
|
+
Oe as TextInput,
|
|
2909
2898
|
Ve as ThSortable
|
|
2910
2899
|
};
|