@dronico/droni-kit 1.14.0 → 1.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/droni-kit.cjs.js +9 -9
- package/dist/droni-kit.css +1 -1
- package/dist/droni-kit.es.js +551 -360
- package/dist/index.d.ts +2 -1
- package/dist/stories/Elements/DuiModal.stories.d.ts +205 -0
- package/dist/stories/Elements/DuiModal.vue.d.ts +64 -0
- package/package.json +2 -1
package/dist/droni-kit.es.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { getCurrentInstance as Z, defineComponent as
|
|
2
|
-
function
|
|
1
|
+
import { getCurrentInstance as Z, defineComponent as D, computed as i, openBlock as r, createBlock as L, resolveDynamicComponent as N, mergeProps as V, withCtx as P, renderSlot as _, createElementBlock as o, toDisplayString as w, createCommentVNode as x, Fragment as T, renderList as E, ref as G, normalizeClass as b, createElementVNode as c, createTextVNode as j, withDirectives as F, vShow as U, useSlots as ee, createVNode as H, watch as de, onMounted as te, onBeforeUnmount as re, Teleport as oe, Transition as ae, normalizeStyle as ke, withModifiers as ne, reactive as se } from "vue";
|
|
2
|
+
function le() {
|
|
3
3
|
try {
|
|
4
|
-
const t = Z(),
|
|
5
|
-
return
|
|
4
|
+
const t = Z(), d = t == null ? void 0 : t.appContext.app;
|
|
5
|
+
return d ? !!(d.config.globalProperties.$router || d.config.globalProperties.$route || d.component("RouterLink")) : typeof window < "u" ? !!window.VueRouter : !1;
|
|
6
6
|
} catch {
|
|
7
7
|
return !1;
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
|
-
function
|
|
11
|
-
return t ?
|
|
10
|
+
function R(t, d = !1) {
|
|
11
|
+
return t ? d ? "NuxtLink" : le() ? "RouterLink" : "a" : "button";
|
|
12
12
|
}
|
|
13
|
-
function
|
|
14
|
-
const l = { ...
|
|
15
|
-
return
|
|
13
|
+
function W(t, d, e = {}) {
|
|
14
|
+
const l = { ...e };
|
|
15
|
+
return d === "a" ? (l.href = typeof t == "string" ? t : "#", l.role = "button") : d !== "button" && d !== "span" && (l.to = t), l;
|
|
16
16
|
}
|
|
17
|
-
const
|
|
17
|
+
const ie = { key: 1 }, ce = `
|
|
18
18
|
dk:transition
|
|
19
19
|
dk:text-center
|
|
20
20
|
dk:disabled:opacity-50
|
|
@@ -25,7 +25,7 @@ const re = { key: 1 }, oe = `
|
|
|
25
25
|
dk:text-ellipsis
|
|
26
26
|
dk:whitespace-nowrap
|
|
27
27
|
dk:active:scale-95
|
|
28
|
-
dk:max-w-full`,
|
|
28
|
+
dk:max-w-full`, K = /* @__PURE__ */ D({
|
|
29
29
|
__name: "DuiButton",
|
|
30
30
|
props: {
|
|
31
31
|
variant: { default: "solid" },
|
|
@@ -41,9 +41,9 @@ const re = { key: 1 }, oe = `
|
|
|
41
41
|
nuxt: { type: Boolean, default: !1 }
|
|
42
42
|
},
|
|
43
43
|
setup(t) {
|
|
44
|
-
const
|
|
44
|
+
const d = t, e = i(() => R(d.to, d.nuxt)), l = i(() => {
|
|
45
45
|
const a = {};
|
|
46
|
-
return
|
|
46
|
+
return e.value === "button" && (a.type = d.type), W(d.to, e.value, a);
|
|
47
47
|
}), g = {
|
|
48
48
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
49
49
|
md: "dk:text-base dk:px-4 dk:py-2",
|
|
@@ -55,7 +55,7 @@ const re = { key: 1 }, oe = `
|
|
|
55
55
|
left: "dk:rounded-l",
|
|
56
56
|
right: "dk:rounded-r",
|
|
57
57
|
none: "dk:rounded-none"
|
|
58
|
-
},
|
|
58
|
+
}, m = {
|
|
59
59
|
solid: {
|
|
60
60
|
base: "dk:border-b",
|
|
61
61
|
neutral: `
|
|
@@ -227,23 +227,23 @@ const re = { key: 1 }, oe = `
|
|
|
227
227
|
dk:dark:text-amber-100
|
|
228
228
|
dk:dark:hover:bg-amber-800`
|
|
229
229
|
}
|
|
230
|
-
},
|
|
231
|
-
var
|
|
232
|
-
const a = (((
|
|
233
|
-
return [
|
|
230
|
+
}, f = i(() => {
|
|
231
|
+
var z;
|
|
232
|
+
const a = (((z = m[d.variant]) == null ? void 0 : z[d.color]) || "") + " " + m[d.variant].base, n = g[d.size] || "", k = d.block ? "dk:w-full" : "", s = u[d.rounded] || "";
|
|
233
|
+
return [ce, a, n, k, s].join(" ");
|
|
234
234
|
});
|
|
235
|
-
return (a, n) => (r(),
|
|
236
|
-
class:
|
|
237
|
-
title:
|
|
238
|
-
disabled:
|
|
235
|
+
return (a, n) => (r(), L(N(e.value), V(l.value, {
|
|
236
|
+
class: f.value,
|
|
237
|
+
title: d.title,
|
|
238
|
+
disabled: d.disabled || d.loading
|
|
239
239
|
}), {
|
|
240
240
|
default: P(() => [
|
|
241
|
-
|
|
241
|
+
d.loading ? (r(), o("span", ie, "Cargando...")) : _(a.$slots, "default", { key: 0 })
|
|
242
242
|
]),
|
|
243
243
|
_: 3
|
|
244
244
|
}, 16, ["class", "title", "disabled"]));
|
|
245
245
|
}
|
|
246
|
-
}),
|
|
246
|
+
}), ue = ["value"], be = `
|
|
247
247
|
dk:border-b
|
|
248
248
|
dk:border-zinc-300
|
|
249
249
|
dk:bg-zinc-50
|
|
@@ -255,7 +255,7 @@ const re = { key: 1 }, oe = `
|
|
|
255
255
|
dk:dark:bg-zinc-800
|
|
256
256
|
dk:dark:text-zinc-100
|
|
257
257
|
dk:dark:focus:bg-zinc-700
|
|
258
|
-
dk:dark:[color-scheme:dark]`,
|
|
258
|
+
dk:dark:[color-scheme:dark]`, ad = /* @__PURE__ */ D({
|
|
259
259
|
inheritAttrs: !1,
|
|
260
260
|
__name: "DuiInput",
|
|
261
261
|
props: {
|
|
@@ -277,8 +277,8 @@ const re = { key: 1 }, oe = `
|
|
|
277
277
|
}
|
|
278
278
|
},
|
|
279
279
|
emits: ["update:modelValue"],
|
|
280
|
-
setup(t, { emit:
|
|
281
|
-
const
|
|
280
|
+
setup(t, { emit: d }) {
|
|
281
|
+
const e = t, l = d;
|
|
282
282
|
function g(a) {
|
|
283
283
|
const n = a.target;
|
|
284
284
|
l("update:modelValue", n.value);
|
|
@@ -287,23 +287,23 @@ const re = { key: 1 }, oe = `
|
|
|
287
287
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
288
288
|
md: "dk:text-base dk:px-4 dk:py-2",
|
|
289
289
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
290
|
-
},
|
|
290
|
+
}, m = {
|
|
291
291
|
all: "dk:rounded",
|
|
292
292
|
top: "dk:rounded-t",
|
|
293
293
|
bottom: "dk:rounded-b",
|
|
294
294
|
left: "dk:rounded-l",
|
|
295
295
|
right: "dk:rounded-r",
|
|
296
296
|
none: "dk:rounded-none"
|
|
297
|
-
},
|
|
298
|
-
const a = u[
|
|
299
|
-
return [
|
|
297
|
+
}, f = i(() => {
|
|
298
|
+
const a = u[e.size] || "", n = e.block ? "dk:w-full" : "", k = m[e.rounded] || "";
|
|
299
|
+
return [be, a, n, k].join(" ");
|
|
300
300
|
});
|
|
301
|
-
return (a, n) => (r(), o("input",
|
|
302
|
-
class:
|
|
301
|
+
return (a, n) => (r(), o("input", V({
|
|
302
|
+
class: f.value,
|
|
303
303
|
value: t.modelValue
|
|
304
|
-
}, a.$attrs, { onInput: g }), null, 16,
|
|
304
|
+
}, a.$attrs, { onInput: g }), null, 16, ue));
|
|
305
305
|
}
|
|
306
|
-
}),
|
|
306
|
+
}), ge = ["value"], pe = `
|
|
307
307
|
dk:border-b
|
|
308
308
|
dk:border-zinc-300
|
|
309
309
|
dk:bg-zinc-50
|
|
@@ -315,7 +315,7 @@ const re = { key: 1 }, oe = `
|
|
|
315
315
|
dk:dark:bg-zinc-800
|
|
316
316
|
dk:dark:text-zinc-100
|
|
317
317
|
dk:dark:focus:bg-zinc-700
|
|
318
|
-
dk:dark:[color-scheme:dark]`,
|
|
318
|
+
dk:dark:[color-scheme:dark]`, kd = /* @__PURE__ */ D({
|
|
319
319
|
inheritAttrs: !1,
|
|
320
320
|
__name: "DuiTextarea",
|
|
321
321
|
props: {
|
|
@@ -345,46 +345,46 @@ const re = { key: 1 }, oe = `
|
|
|
345
345
|
}
|
|
346
346
|
},
|
|
347
347
|
emits: ["update:modelValue"],
|
|
348
|
-
setup(t, { emit:
|
|
349
|
-
const
|
|
348
|
+
setup(t, { emit: d }) {
|
|
349
|
+
const e = t, l = d;
|
|
350
350
|
function g(k) {
|
|
351
351
|
const s = k.target;
|
|
352
|
-
|
|
352
|
+
e.autoheight && n(s), l("update:modelValue", s.value);
|
|
353
353
|
}
|
|
354
354
|
const u = {
|
|
355
355
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
356
356
|
md: "dk:text-base dk:px-3 dk:py-2",
|
|
357
357
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
358
|
-
},
|
|
358
|
+
}, m = {
|
|
359
359
|
all: "dk:rounded",
|
|
360
360
|
top: "dk:rounded-t",
|
|
361
361
|
bottom: "dk:rounded-b",
|
|
362
362
|
left: "dk:rounded-l",
|
|
363
363
|
right: "dk:rounded-r",
|
|
364
364
|
none: "dk:rounded-none"
|
|
365
|
-
},
|
|
365
|
+
}, f = {
|
|
366
366
|
none: "dk:resize-none",
|
|
367
367
|
both: "dk:resize",
|
|
368
368
|
horizontal: "dk:resize-x",
|
|
369
369
|
vertical: "dk:resize-y"
|
|
370
|
-
}, a =
|
|
371
|
-
const k = u[
|
|
372
|
-
return [
|
|
370
|
+
}, a = i(() => {
|
|
371
|
+
const k = u[e.size] || "", s = e.block ? "dk:w-full" : "", z = m[e.rounded] || "", B = f[e.resize] || "";
|
|
372
|
+
return [pe, k, s, z, B].join(" ");
|
|
373
373
|
}), n = (k) => {
|
|
374
374
|
k.style.height = "auto", k.style.height = `${k.scrollHeight + 5}px`;
|
|
375
375
|
};
|
|
376
|
-
return (k, s) => (r(), o("textarea",
|
|
376
|
+
return (k, s) => (r(), o("textarea", V(k.$attrs, {
|
|
377
377
|
class: a.value,
|
|
378
378
|
value: t.modelValue,
|
|
379
379
|
onInput: g
|
|
380
|
-
}), null, 16,
|
|
380
|
+
}), null, 16, ge));
|
|
381
381
|
}
|
|
382
|
-
}),
|
|
382
|
+
}), fe = {
|
|
383
383
|
key: 0,
|
|
384
384
|
disabled: "",
|
|
385
385
|
selected: "",
|
|
386
386
|
hidden: ""
|
|
387
|
-
},
|
|
387
|
+
}, me = ["value", "selected"], he = `
|
|
388
388
|
dk:border-b
|
|
389
389
|
dk:border-zinc-300
|
|
390
390
|
dk:bg-zinc-50
|
|
@@ -397,7 +397,7 @@ const re = { key: 1 }, oe = `
|
|
|
397
397
|
dk:dark:text-zinc-100
|
|
398
398
|
dk:dark:focus:bg-zinc-700
|
|
399
399
|
dk:dark:[color-scheme:dark]
|
|
400
|
-
`,
|
|
400
|
+
`, nd = /* @__PURE__ */ D({
|
|
401
401
|
inheritAttrs: !1,
|
|
402
402
|
__name: "DuiSelect",
|
|
403
403
|
props: {
|
|
@@ -435,8 +435,8 @@ const re = { key: 1 }, oe = `
|
|
|
435
435
|
}
|
|
436
436
|
},
|
|
437
437
|
emits: ["update:modelValue"],
|
|
438
|
-
setup(t, { emit:
|
|
439
|
-
const
|
|
438
|
+
setup(t, { emit: d }) {
|
|
439
|
+
const e = t, l = d;
|
|
440
440
|
function g(a) {
|
|
441
441
|
const k = a.target.value, s = Number(k);
|
|
442
442
|
!isNaN(s) && k !== "" ? l("update:modelValue", s) : l("update:modelValue", k);
|
|
@@ -445,33 +445,33 @@ const re = { key: 1 }, oe = `
|
|
|
445
445
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
446
446
|
md: "dk:text-base dk:px-4 dk:py-2",
|
|
447
447
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
448
|
-
},
|
|
448
|
+
}, m = {
|
|
449
449
|
all: "dk:rounded",
|
|
450
450
|
top: "dk:rounded-t",
|
|
451
451
|
bottom: "dk:rounded-b",
|
|
452
452
|
left: "dk:rounded-l",
|
|
453
453
|
right: "dk:rounded-r",
|
|
454
454
|
none: "dk:rounded-none"
|
|
455
|
-
},
|
|
456
|
-
const a = u[
|
|
457
|
-
return [
|
|
455
|
+
}, f = i(() => {
|
|
456
|
+
const a = u[e.size] || "", n = e.block ? "dk:w-full" : "", k = m[e.rounded] || "";
|
|
457
|
+
return [he, a, n, k].join(" ");
|
|
458
458
|
});
|
|
459
|
-
return (a, n) => (r(), o("select",
|
|
460
|
-
class:
|
|
459
|
+
return (a, n) => (r(), o("select", V(a.$attrs, {
|
|
460
|
+
class: f.value,
|
|
461
461
|
onChange: g
|
|
462
462
|
}), [
|
|
463
|
-
t.placeholder ? (r(), o("option",
|
|
464
|
-
(r(!0), o(
|
|
463
|
+
t.placeholder ? (r(), o("option", fe, w(t.placeholder), 1)) : x("", !0),
|
|
464
|
+
(r(!0), o(T, null, E(t.options, (k, s) => (r(), o("option", {
|
|
465
465
|
key: s,
|
|
466
466
|
value: k[t.itemValue] ?? "",
|
|
467
467
|
selected: k[t.itemValue] == t.modelValue
|
|
468
|
-
},
|
|
468
|
+
}, w(k[t.itemLabel] ?? ""), 9, me))), 128))
|
|
469
469
|
], 16));
|
|
470
470
|
}
|
|
471
|
-
}),
|
|
471
|
+
}), xe = {
|
|
472
472
|
key: 1,
|
|
473
473
|
class: "dk:text-rose-500 dk:ml-1"
|
|
474
|
-
},
|
|
474
|
+
}, ve = { class: "tooltip-container tooltip-above dk:z-50 dk:text-xs dk:rounded dk:py-2 dk:px-3 dk:transition-all dk:duration-200 dk:min-w-[250px] dk:max-w-xs dk:shadow-lg dk:pointer-events-none" }, ye = "dk:space-y-1", ze = /* @__PURE__ */ D({
|
|
475
475
|
__name: "DuiLabel",
|
|
476
476
|
props: {
|
|
477
477
|
title: {
|
|
@@ -500,7 +500,7 @@ const re = { key: 1 }, oe = `
|
|
|
500
500
|
}
|
|
501
501
|
},
|
|
502
502
|
setup(t) {
|
|
503
|
-
const
|
|
503
|
+
const d = G(!1), e = t, l = {
|
|
504
504
|
s: "dk:text-sm",
|
|
505
505
|
m: "dk:text-base",
|
|
506
506
|
l: "dk:text-lg"
|
|
@@ -512,56 +512,56 @@ const re = { key: 1 }, oe = `
|
|
|
512
512
|
s: "dk:text-xs",
|
|
513
513
|
m: "dk:text-sm",
|
|
514
514
|
l: "dk:text-base"
|
|
515
|
-
},
|
|
516
|
-
const k = l[
|
|
517
|
-
return [s, k,
|
|
518
|
-
}), a =
|
|
515
|
+
}, m = i(() => [ye].join(" ")), f = i(() => {
|
|
516
|
+
const k = l[e.size] || l.m, s = "dk:block dk:font-medium dk:text-zinc-700 dk:dark:text-zinc-200 dk:flex dk:items-center", z = e.helpText ? "dk:cursor-help" : "";
|
|
517
|
+
return [s, k, z].join(" ");
|
|
518
|
+
}), a = i(() => [g[e.size] || g.m].join(" ")), n = i(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", u[e.size] || u.m].join(" "));
|
|
519
519
|
return (k, s) => (r(), o("label", {
|
|
520
|
-
class:
|
|
520
|
+
class: b(m.value)
|
|
521
521
|
}, [
|
|
522
522
|
t.title ? (r(), o("div", {
|
|
523
523
|
key: 0,
|
|
524
524
|
class: "dk:relative",
|
|
525
|
-
onMouseenter: s[0] || (s[0] = (
|
|
526
|
-
onMouseleave: s[1] || (s[1] = (
|
|
525
|
+
onMouseenter: s[0] || (s[0] = (z) => d.value = !!t.helpText),
|
|
526
|
+
onMouseleave: s[1] || (s[1] = (z) => d.value = !1)
|
|
527
527
|
}, [
|
|
528
|
-
|
|
529
|
-
class:
|
|
528
|
+
c("div", {
|
|
529
|
+
class: b(f.value)
|
|
530
530
|
}, [
|
|
531
531
|
t.icon ? (r(), o("i", {
|
|
532
532
|
key: 0,
|
|
533
|
-
class:
|
|
533
|
+
class: b([t.icon, "dk:mr-2"])
|
|
534
534
|
}, null, 2)) : x("", !0),
|
|
535
|
-
|
|
536
|
-
t.required ? (r(), o("span",
|
|
535
|
+
j(" " + w(t.title) + " ", 1),
|
|
536
|
+
t.required ? (r(), o("span", xe, "*")) : x("", !0)
|
|
537
537
|
], 2),
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
s[2] || (s[2] =
|
|
538
|
+
F(c("div", ve, [
|
|
539
|
+
j(w(t.helpText) + " ", 1),
|
|
540
|
+
s[2] || (s[2] = c("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
|
|
541
541
|
], 512), [
|
|
542
|
-
[
|
|
542
|
+
[U, d.value && t.helpText]
|
|
543
543
|
])
|
|
544
544
|
], 32)) : x("", !0),
|
|
545
|
-
|
|
546
|
-
class:
|
|
545
|
+
c("div", {
|
|
546
|
+
class: b(a.value)
|
|
547
547
|
}, [
|
|
548
|
-
|
|
548
|
+
_(k.$slots, "default", {}, void 0, !0)
|
|
549
549
|
], 2),
|
|
550
550
|
t.error ? (r(), o("div", {
|
|
551
551
|
key: 1,
|
|
552
|
-
class:
|
|
552
|
+
class: b(n.value)
|
|
553
553
|
}, [
|
|
554
|
-
s[3] || (s[3] =
|
|
555
|
-
|
|
554
|
+
s[3] || (s[3] = c("span", { class: "dk:inline-flex dk:items-center dk:justify-center dk:w-4 dk:h-4 dk:text-xs dk:bg-rose-500 dk:text-white dk:rounded-full dk:mr-2 dk:flex-shrink-0" }, " ! ", -1)),
|
|
555
|
+
j(" " + w(t.error), 1)
|
|
556
556
|
], 2)) : x("", !0)
|
|
557
557
|
], 2));
|
|
558
558
|
}
|
|
559
|
-
}),
|
|
560
|
-
const
|
|
561
|
-
for (const [l, g] of
|
|
562
|
-
|
|
563
|
-
return
|
|
564
|
-
},
|
|
559
|
+
}), J = (t, d) => {
|
|
560
|
+
const e = t.__vccOpts || t;
|
|
561
|
+
for (const [l, g] of d)
|
|
562
|
+
e[l] = g;
|
|
563
|
+
return e;
|
|
564
|
+
}, sd = /* @__PURE__ */ J(ze, [["__scopeId", "data-v-aa6b6cdc"]]), we = { class: "dk:relative dk:inline-flex dk:items-center dk:flex-shrink-0" }, Ce = ["checked", "disabled"], ld = /* @__PURE__ */ D({
|
|
565
565
|
inheritAttrs: !1,
|
|
566
566
|
__name: "DuiCheckbox",
|
|
567
567
|
props: {
|
|
@@ -599,8 +599,8 @@ const re = { key: 1 }, oe = `
|
|
|
599
599
|
}
|
|
600
600
|
},
|
|
601
601
|
emits: ["update:modelValue"],
|
|
602
|
-
setup(t, { emit:
|
|
603
|
-
const
|
|
602
|
+
setup(t, { emit: d }) {
|
|
603
|
+
const e = t, l = d, g = ee(), u = {
|
|
604
604
|
sm: {
|
|
605
605
|
track: "dk:w-9 dk:h-5",
|
|
606
606
|
thumb: "dk:w-3.5 dk:h-3.5",
|
|
@@ -616,94 +616,94 @@ const re = { key: 1 }, oe = `
|
|
|
616
616
|
thumb: "dk:w-5 dk:h-5",
|
|
617
617
|
translate: "dk:peer-checked:translate-x-7"
|
|
618
618
|
}
|
|
619
|
-
},
|
|
619
|
+
}, m = {
|
|
620
620
|
all: "dk:rounded-full",
|
|
621
621
|
top: "dk:rounded-t-full",
|
|
622
622
|
bottom: "dk:rounded-b-full",
|
|
623
623
|
left: "dk:rounded-l-full",
|
|
624
624
|
right: "dk:rounded-r-full",
|
|
625
625
|
none: "dk:rounded-none"
|
|
626
|
-
},
|
|
626
|
+
}, f = {
|
|
627
627
|
neutral: "dk:peer-checked:bg-zinc-500 dk:peer-checked:dark:bg-zinc-500",
|
|
628
628
|
primary: "dk:peer-checked:bg-slate-600 dk:peer-checked:dark:bg-slate-500",
|
|
629
629
|
secondary: "dk:peer-checked:bg-pink-600 dk:peer-checked:dark:bg-pink-500",
|
|
630
630
|
success: "dk:peer-checked:bg-emerald-600 dk:peer-checked:dark:bg-emerald-500",
|
|
631
631
|
warning: "dk:peer-checked:bg-amber-500 dk:peer-checked:dark:bg-amber-400",
|
|
632
632
|
danger: "dk:peer-checked:bg-rose-600 dk:peer-checked:dark:bg-rose-500"
|
|
633
|
-
}, a =
|
|
634
|
-
const
|
|
635
|
-
return ["dk:inline-flex dk:items-center dk:gap-3 dk:select-none",
|
|
636
|
-
}), k =
|
|
633
|
+
}, a = i(() => !!(e.label || g.default)), n = i(() => {
|
|
634
|
+
const $ = e.block ? "dk:w-full dk:justify-between" : "", v = e.disabled ? "dk:opacity-60 dk:cursor-not-allowed" : "dk:cursor-pointer";
|
|
635
|
+
return ["dk:inline-flex dk:items-center dk:gap-3 dk:select-none", $, v].join(" ");
|
|
636
|
+
}), k = i(() => [
|
|
637
637
|
"dk:text-sm dk:leading-none dk:text-zinc-700 dk:dark:text-zinc-200",
|
|
638
|
-
|
|
639
|
-
].join(" ")), s =
|
|
640
|
-
const
|
|
638
|
+
e.disabled ? "dk:cursor-not-allowed" : "dk:cursor-pointer"
|
|
639
|
+
].join(" ")), s = i(() => {
|
|
640
|
+
const $ = u[e.size] || u.md, v = m[e.rounded] || m.all, A = f[e.color] || f.primary;
|
|
641
641
|
return [
|
|
642
642
|
"dk:inline-flex dk:items-center dk:transition-colors dk:duration-200",
|
|
643
643
|
"dk:bg-zinc-300 dk:dark:bg-zinc-700",
|
|
644
644
|
"dk:peer-focus-visible:outline-none dk:peer-focus-visible:ring-2 dk:peer-focus-visible:ring-offset-2 dk:peer-focus-visible:ring-slate-400 dk:dark:peer-focus-visible:ring-slate-500",
|
|
645
645
|
"dk:peer-disabled:opacity-70",
|
|
646
|
-
|
|
646
|
+
$.track,
|
|
647
647
|
v,
|
|
648
|
-
|
|
648
|
+
A
|
|
649
649
|
].join(" ");
|
|
650
|
-
}),
|
|
651
|
-
const
|
|
650
|
+
}), z = i(() => {
|
|
651
|
+
const $ = u[e.size] || u.md;
|
|
652
652
|
return [
|
|
653
653
|
"dk:absolute dk:left-1 dk:top-1/2 dk:-translate-y-1/2",
|
|
654
654
|
"dk:bg-white dk:dark:bg-zinc-100",
|
|
655
655
|
"dk:rounded-full dk:shadow-sm dk:transition-transform dk:duration-200",
|
|
656
656
|
"dk:pointer-events-none",
|
|
657
|
-
|
|
658
|
-
|
|
657
|
+
$.thumb,
|
|
658
|
+
$.translate
|
|
659
659
|
].join(" ");
|
|
660
660
|
});
|
|
661
|
-
function
|
|
662
|
-
const v =
|
|
661
|
+
function B($) {
|
|
662
|
+
const v = $.target;
|
|
663
663
|
l("update:modelValue", v.checked);
|
|
664
664
|
}
|
|
665
|
-
return (
|
|
666
|
-
class:
|
|
665
|
+
return ($, v) => (r(), o("label", {
|
|
666
|
+
class: b(n.value)
|
|
667
667
|
}, [
|
|
668
668
|
a.value && t.labelPosition === "left" ? (r(), o("span", {
|
|
669
669
|
key: 0,
|
|
670
|
-
class:
|
|
670
|
+
class: b(k.value)
|
|
671
671
|
}, [
|
|
672
|
-
|
|
673
|
-
|
|
672
|
+
_($.$slots, "default", {}, () => [
|
|
673
|
+
j(w(t.label), 1)
|
|
674
674
|
])
|
|
675
675
|
], 2)) : x("", !0),
|
|
676
|
-
|
|
677
|
-
|
|
676
|
+
c("span", we, [
|
|
677
|
+
c("input", V({
|
|
678
678
|
type: "checkbox",
|
|
679
679
|
class: "dk:sr-only dk:peer",
|
|
680
680
|
checked: t.modelValue,
|
|
681
681
|
disabled: t.disabled
|
|
682
|
-
},
|
|
683
|
-
|
|
684
|
-
class:
|
|
682
|
+
}, $.$attrs, { onChange: B }), null, 16, Ce),
|
|
683
|
+
c("span", {
|
|
684
|
+
class: b(s.value)
|
|
685
685
|
}, null, 2),
|
|
686
|
-
|
|
687
|
-
class:
|
|
686
|
+
c("span", {
|
|
687
|
+
class: b(z.value)
|
|
688
688
|
}, null, 2)
|
|
689
689
|
]),
|
|
690
690
|
a.value && t.labelPosition === "right" ? (r(), o("span", {
|
|
691
691
|
key: 1,
|
|
692
|
-
class:
|
|
692
|
+
class: b(k.value)
|
|
693
693
|
}, [
|
|
694
|
-
|
|
695
|
-
|
|
694
|
+
_($.$slots, "default", {}, () => [
|
|
695
|
+
j(w(t.label), 1)
|
|
696
696
|
])
|
|
697
697
|
], 2)) : x("", !0)
|
|
698
698
|
], 2));
|
|
699
699
|
}
|
|
700
|
-
}),
|
|
700
|
+
}), $e = `
|
|
701
701
|
dk:px-4
|
|
702
702
|
dk:py-3
|
|
703
703
|
dk:text-sm
|
|
704
704
|
dk:leading-relaxed
|
|
705
705
|
dk:max-w-full
|
|
706
|
-
`,
|
|
706
|
+
`, id = /* @__PURE__ */ D({
|
|
707
707
|
__name: "DuiAlert",
|
|
708
708
|
props: {
|
|
709
709
|
variant: {
|
|
@@ -720,7 +720,7 @@ const re = { key: 1 }, oe = `
|
|
|
720
720
|
}
|
|
721
721
|
},
|
|
722
722
|
setup(t) {
|
|
723
|
-
const
|
|
723
|
+
const d = t, e = {
|
|
724
724
|
all: "dk:rounded",
|
|
725
725
|
top: "dk:rounded-t",
|
|
726
726
|
bottom: "dk:rounded-b",
|
|
@@ -755,22 +755,22 @@ const re = { key: 1 }, oe = `
|
|
|
755
755
|
warning: "dk:text-amber-700 dk:dark:text-amber-200 dk:bg-amber-50 dk:dark:bg-amber-800",
|
|
756
756
|
danger: "dk:text-rose-700 dk:dark:text-rose-200 dk:bg-rose-50 dk:dark:bg-rose-800"
|
|
757
757
|
}
|
|
758
|
-
}, g =
|
|
758
|
+
}, g = i(() => {
|
|
759
759
|
var a;
|
|
760
|
-
const u = ((a = l[
|
|
761
|
-
return [
|
|
760
|
+
const u = ((a = l[d.variant]) == null ? void 0 : a[d.color]) || "", m = l[d.variant].base || "", f = e[d.rounded] || "";
|
|
761
|
+
return [$e, m, u, f].join(" ");
|
|
762
762
|
});
|
|
763
|
-
return (u,
|
|
764
|
-
class:
|
|
763
|
+
return (u, m) => (r(), o("div", {
|
|
764
|
+
class: b(g.value),
|
|
765
765
|
role: "alert"
|
|
766
766
|
}, [
|
|
767
|
-
|
|
767
|
+
_(u.$slots, "default")
|
|
768
768
|
], 2));
|
|
769
769
|
}
|
|
770
|
-
}),
|
|
770
|
+
}), Se = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, je = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, _e = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200 dk:relative" }, Be = { key: 0 }, Ve = ["colspan"], Me = {
|
|
771
771
|
key: 0,
|
|
772
772
|
class: "dk:bg-gray-50 dk:dark:bg-gray-700 dk:border-t dk:border-gray-200 dk:dark:border-gray-600"
|
|
773
|
-
},
|
|
773
|
+
}, Pe = ["colspan"], De = { class: "pagination-container" }, Te = { class: "pagination-info" }, Ae = { class: "pagination-buttons" }, Ie = { class: "page-numbers" }, Le = ["onClick"], Ne = /* @__PURE__ */ D({
|
|
774
774
|
__name: "DuiTable",
|
|
775
775
|
props: {
|
|
776
776
|
columns: {
|
|
@@ -791,102 +791,102 @@ const re = { key: 1 }, oe = `
|
|
|
791
791
|
}
|
|
792
792
|
},
|
|
793
793
|
emits: ["paginate"],
|
|
794
|
-
setup(t, { emit:
|
|
795
|
-
const
|
|
796
|
-
if (!
|
|
797
|
-
const
|
|
798
|
-
let s = Math.max(1, n - Math.floor(a / 2)),
|
|
799
|
-
|
|
800
|
-
for (let
|
|
801
|
-
|
|
802
|
-
return
|
|
803
|
-
}),
|
|
804
|
-
|
|
794
|
+
setup(t, { emit: d }) {
|
|
795
|
+
const e = t, l = d, g = i(() => e.pagination ? Math.ceil(e.pagination.total / e.pagination.perPage) : 0), u = i(() => {
|
|
796
|
+
if (!e.pagination) return [];
|
|
797
|
+
const f = [], a = 5, { page: n } = e.pagination, k = g.value;
|
|
798
|
+
let s = Math.max(1, n - Math.floor(a / 2)), z = Math.min(k, s + a - 1);
|
|
799
|
+
z - s < a - 1 && (s = Math.max(1, z - a + 1));
|
|
800
|
+
for (let B = s; B <= z; B++)
|
|
801
|
+
f.push(B);
|
|
802
|
+
return f;
|
|
803
|
+
}), m = (f) => {
|
|
804
|
+
e.pagination && f >= 1 && f <= g.value && l("paginate", f);
|
|
805
805
|
};
|
|
806
|
-
return (
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
(r(!0), o(
|
|
806
|
+
return (f, a) => (r(), o("div", Se, [
|
|
807
|
+
c("table", je, [
|
|
808
|
+
c("thead", _e, [
|
|
809
|
+
c("tr", null, [
|
|
810
|
+
(r(!0), o(T, null, E(e.columns, (n) => (r(), o("th", {
|
|
811
811
|
key: n.name,
|
|
812
|
-
class:
|
|
813
|
-
},
|
|
812
|
+
class: b(["dk:px-6 dk:py-3", n.classes])
|
|
813
|
+
}, w(n.label), 3))), 128))
|
|
814
814
|
]),
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
colspan:
|
|
815
|
+
e.loading ? (r(), o("tr", Be, [
|
|
816
|
+
c("td", {
|
|
817
|
+
colspan: e.columns.length,
|
|
818
818
|
class: "dk:p-0"
|
|
819
819
|
}, [...a[2] || (a[2] = [
|
|
820
|
-
|
|
821
|
-
])], 8,
|
|
820
|
+
c("div", { class: "loading-bar" }, null, -1)
|
|
821
|
+
])], 8, Ve)
|
|
822
822
|
])) : x("", !0)
|
|
823
823
|
]),
|
|
824
|
-
|
|
825
|
-
class:
|
|
824
|
+
c("tbody", {
|
|
825
|
+
class: b({ "is-loading": e.loading })
|
|
826
826
|
}, [
|
|
827
|
-
(r(!0), o(
|
|
827
|
+
(r(!0), o(T, null, E(e.rows, (n, k) => (r(), o("tr", {
|
|
828
828
|
key: k,
|
|
829
829
|
class: "dk:bg-white dk:border-b dk:border-gray-200 dk:dark:bg-gray-800 dk:dark:border-gray-700 dk:hover:bg-gray-50 dk:dark:hover:bg-gray-600 dk:transition-colors"
|
|
830
830
|
}, [
|
|
831
|
-
(r(!0), o(
|
|
831
|
+
(r(!0), o(T, null, E(e.columns, (s) => (r(), o("td", {
|
|
832
832
|
key: s.name,
|
|
833
833
|
class: "dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"
|
|
834
834
|
}, [
|
|
835
|
-
|
|
836
|
-
|
|
835
|
+
_(f.$slots, s.name, V({ ref_for: !0 }, n), () => [
|
|
836
|
+
j(w(n[s.name]), 1)
|
|
837
837
|
], !0)
|
|
838
838
|
]))), 128))
|
|
839
839
|
]))), 128))
|
|
840
840
|
], 2),
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
colspan:
|
|
841
|
+
e.pagination ? (r(), o("tfoot", Me, [
|
|
842
|
+
c("tr", null, [
|
|
843
|
+
c("td", {
|
|
844
|
+
colspan: e.columns.length,
|
|
845
845
|
class: "dk:px-6 dk:py-4"
|
|
846
846
|
}, [
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
847
|
+
c("div", De, [
|
|
848
|
+
c("div", Te, " Página " + w(e.pagination.page) + " de " + w(g.value) + " | " + w(e.pagination.total) + " registros ", 1),
|
|
849
|
+
c("div", Ae, [
|
|
850
|
+
H(K, {
|
|
851
851
|
variant: "outline",
|
|
852
852
|
color: "neutral",
|
|
853
853
|
size: "sm",
|
|
854
|
-
onClick: a[0] || (a[0] = (n) =>
|
|
855
|
-
disabled:
|
|
854
|
+
onClick: a[0] || (a[0] = (n) => m(e.pagination.page - 1)),
|
|
855
|
+
disabled: e.pagination.page === 1
|
|
856
856
|
}, {
|
|
857
857
|
default: P(() => [...a[3] || (a[3] = [
|
|
858
|
-
|
|
858
|
+
j(" ← Anterior ", -1)
|
|
859
859
|
])]),
|
|
860
860
|
_: 1
|
|
861
861
|
}, 8, ["disabled"]),
|
|
862
|
-
|
|
863
|
-
(r(!0), o(
|
|
862
|
+
c("div", Ie, [
|
|
863
|
+
(r(!0), o(T, null, E(u.value, (n) => (r(), o("button", {
|
|
864
864
|
key: n,
|
|
865
|
-
onClick: (k) =>
|
|
866
|
-
class:
|
|
867
|
-
},
|
|
865
|
+
onClick: (k) => m(n),
|
|
866
|
+
class: b(["page-number", { active: n === e.pagination.page }])
|
|
867
|
+
}, w(n), 11, Le))), 128))
|
|
868
868
|
]),
|
|
869
|
-
|
|
869
|
+
H(K, {
|
|
870
870
|
variant: "outline",
|
|
871
871
|
color: "neutral",
|
|
872
872
|
size: "sm",
|
|
873
|
-
onClick: a[1] || (a[1] = (n) =>
|
|
874
|
-
disabled:
|
|
873
|
+
onClick: a[1] || (a[1] = (n) => m(e.pagination.page + 1)),
|
|
874
|
+
disabled: e.pagination.page === g.value
|
|
875
875
|
}, {
|
|
876
876
|
default: P(() => [...a[4] || (a[4] = [
|
|
877
|
-
|
|
877
|
+
j(" Siguiente → ", -1)
|
|
878
878
|
])]),
|
|
879
879
|
_: 1
|
|
880
880
|
}, 8, ["disabled"])
|
|
881
881
|
])
|
|
882
882
|
])
|
|
883
|
-
], 8,
|
|
883
|
+
], 8, Pe)
|
|
884
884
|
])
|
|
885
885
|
])) : x("", !0)
|
|
886
886
|
])
|
|
887
887
|
]));
|
|
888
888
|
}
|
|
889
|
-
}),
|
|
889
|
+
}), cd = /* @__PURE__ */ J(Ne, [["__scopeId", "data-v-60002528"]]), Ee = { key: 1 }, Re = `
|
|
890
890
|
dk:transition
|
|
891
891
|
dk:text-center
|
|
892
892
|
dk:disabled:opacity-50
|
|
@@ -897,7 +897,7 @@ const re = { key: 1 }, oe = `
|
|
|
897
897
|
dk:text-ellipsis
|
|
898
898
|
dk:whitespace-nowrap
|
|
899
899
|
dk:active:scale-95
|
|
900
|
-
dk:max-w-full`,
|
|
900
|
+
dk:max-w-full`, ud = /* @__PURE__ */ D({
|
|
901
901
|
__name: "DuiAction",
|
|
902
902
|
props: {
|
|
903
903
|
variant: { default: "solid" },
|
|
@@ -911,7 +911,7 @@ const re = { key: 1 }, oe = `
|
|
|
911
911
|
nuxt: { type: Boolean, default: !1 }
|
|
912
912
|
},
|
|
913
913
|
setup(t) {
|
|
914
|
-
const
|
|
914
|
+
const d = t, e = i(() => d.to ? R(d.to, d.nuxt) : "span"), l = i(() => W(d.to, e.value)), g = {
|
|
915
915
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
916
916
|
md: "dk:text-base dk:px-4 dk:py-2",
|
|
917
917
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
@@ -922,7 +922,7 @@ const re = { key: 1 }, oe = `
|
|
|
922
922
|
left: "dk:rounded-l",
|
|
923
923
|
right: "dk:rounded-r",
|
|
924
924
|
none: "dk:rounded-none"
|
|
925
|
-
},
|
|
925
|
+
}, m = {
|
|
926
926
|
solid: {
|
|
927
927
|
base: "dk:border-b",
|
|
928
928
|
neutral: `
|
|
@@ -1094,25 +1094,25 @@ const re = { key: 1 }, oe = `
|
|
|
1094
1094
|
dk:dark:text-amber-100
|
|
1095
1095
|
dk:dark:hover:bg-amber-800`
|
|
1096
1096
|
}
|
|
1097
|
-
},
|
|
1098
|
-
var
|
|
1099
|
-
const a = (((
|
|
1100
|
-
return [
|
|
1097
|
+
}, f = i(() => {
|
|
1098
|
+
var z;
|
|
1099
|
+
const a = (((z = m[d.variant]) == null ? void 0 : z[d.color]) || "") + " " + m[d.variant].base, n = g[d.size] || "", k = d.block ? "dk:block" : "dk:inline-block", s = u[d.rounded] || "";
|
|
1100
|
+
return [Re, a, n, k, s].join(" ");
|
|
1101
1101
|
});
|
|
1102
|
-
return (a, n) => (r(),
|
|
1103
|
-
class:
|
|
1104
|
-
title:
|
|
1102
|
+
return (a, n) => (r(), L(N(e.value), V(l.value, {
|
|
1103
|
+
class: f.value,
|
|
1104
|
+
title: d.title
|
|
1105
1105
|
}), {
|
|
1106
1106
|
default: P(() => [
|
|
1107
|
-
|
|
1107
|
+
d.loading ? (r(), o("span", Ee, "Cargando...")) : _(a.$slots, "default", { key: 0 })
|
|
1108
1108
|
]),
|
|
1109
1109
|
_: 3
|
|
1110
1110
|
}, 16, ["class", "title"]));
|
|
1111
1111
|
}
|
|
1112
|
-
}),
|
|
1112
|
+
}), Oe = {
|
|
1113
1113
|
key: 0,
|
|
1114
1114
|
class: "dk:relative dk:overflow-hidden dk:rounded-t-lg"
|
|
1115
|
-
},
|
|
1115
|
+
}, We = ["src", "alt"], bd = /* @__PURE__ */ D({
|
|
1116
1116
|
__name: "DuiCard",
|
|
1117
1117
|
props: {
|
|
1118
1118
|
size: { default: "m" },
|
|
@@ -1123,9 +1123,9 @@ const re = { key: 1 }, oe = `
|
|
|
1123
1123
|
nuxt: { type: Boolean, default: !1 }
|
|
1124
1124
|
},
|
|
1125
1125
|
setup(t) {
|
|
1126
|
-
const
|
|
1127
|
-
const v =
|
|
1128
|
-
return
|
|
1126
|
+
const d = t, e = () => d.to ? R(d.to, d.nuxt) : "div", l = () => d.to ? R(d.to, d.nuxt) : "h3", g = () => {
|
|
1127
|
+
const v = e();
|
|
1128
|
+
return W(d.to, v);
|
|
1129
1129
|
}, u = {
|
|
1130
1130
|
s: {
|
|
1131
1131
|
padding: "dk:p-3",
|
|
@@ -1148,7 +1148,7 @@ const re = { key: 1 }, oe = `
|
|
|
1148
1148
|
subtitleSize: "dk:text-lg",
|
|
1149
1149
|
contentSize: "dk:text-lg"
|
|
1150
1150
|
}
|
|
1151
|
-
},
|
|
1151
|
+
}, m = i(() => [
|
|
1152
1152
|
// Glassmorphism card styles (Windows Vista inspired)
|
|
1153
1153
|
"dk:relative dk:bg-gradient-to-br dk:from-white/80 dk:via-white/70 dk:to-gray-50/80",
|
|
1154
1154
|
"dk:dark:from-gray-700/60 dk:dark:via-gray-800/60 dk:dark:to-gray-900/60",
|
|
@@ -1164,114 +1164,304 @@ const re = { key: 1 }, oe = `
|
|
|
1164
1164
|
"dk:before:absolute dk:before:top-0 dk:before:left-0 dk:before:right-0 dk:before:h-0.5",
|
|
1165
1165
|
"dk:before:bg-gradient-to-r dk:before:from-white/60 dk:before:via-white/40 dk:before:to-transparent",
|
|
1166
1166
|
"dk:dark:before:from-white/20 dk:dark:before:via-white/10 dk:dark:before:to-transparent"
|
|
1167
|
-
].join(" ")),
|
|
1167
|
+
].join(" ")), f = i(() => [
|
|
1168
1168
|
"dk:w-full dk:h-48 dk:object-cover",
|
|
1169
1169
|
"dk:relative dk:z-10"
|
|
1170
|
-
].join(" ")), a =
|
|
1171
|
-
const v = u[
|
|
1170
|
+
].join(" ")), a = i(() => {
|
|
1171
|
+
const v = u[d.size];
|
|
1172
1172
|
return [
|
|
1173
1173
|
v.padding,
|
|
1174
1174
|
v.spacing,
|
|
1175
1175
|
// Glass effect for content wrapper
|
|
1176
1176
|
"dk:relative dk:z-10"
|
|
1177
1177
|
].join(" ");
|
|
1178
|
-
}), n =
|
|
1179
|
-
u[
|
|
1180
|
-
].join(" ")), k =
|
|
1181
|
-
const
|
|
1182
|
-
u[
|
|
1178
|
+
}), n = i(() => [
|
|
1179
|
+
u[d.size].spacing
|
|
1180
|
+
].join(" ")), k = i(() => {
|
|
1181
|
+
const A = [
|
|
1182
|
+
u[d.size].titleSize,
|
|
1183
1183
|
"dk:font-semibold dk:text-gray-900 dk:dark:text-gray-100",
|
|
1184
1184
|
"dk:line-clamp-2"
|
|
1185
1185
|
];
|
|
1186
|
-
return
|
|
1186
|
+
return d.to && A.push(
|
|
1187
1187
|
"dk:no-underline dk:hover:underline dk:transition-colors",
|
|
1188
1188
|
"dk:hover:text-blue-600 dk:dark:hover:text-blue-400"
|
|
1189
|
-
),
|
|
1190
|
-
}), s =
|
|
1189
|
+
), A.join(" ");
|
|
1190
|
+
}), s = i(() => {
|
|
1191
1191
|
const v = [
|
|
1192
1192
|
"dk:block",
|
|
1193
1193
|
"dk:transition-transform dk:duration-300",
|
|
1194
1194
|
"dk:hover:scale-105",
|
|
1195
1195
|
"dk:relative dk:z-10"
|
|
1196
1196
|
];
|
|
1197
|
-
return
|
|
1198
|
-
}),
|
|
1199
|
-
u[
|
|
1197
|
+
return d.to && v.push("dk:no-underline"), v.join(" ");
|
|
1198
|
+
}), z = i(() => [
|
|
1199
|
+
u[d.size].subtitleSize,
|
|
1200
1200
|
"dk:text-gray-600 dk:dark:text-gray-400",
|
|
1201
1201
|
"dk:line-clamp-3"
|
|
1202
|
-
].join(" ")),
|
|
1203
|
-
u[
|
|
1202
|
+
].join(" ")), B = i(() => [
|
|
1203
|
+
u[d.size].contentSize,
|
|
1204
1204
|
"dk:text-gray-700 dk:dark:text-gray-300"
|
|
1205
|
-
].join(" ")),
|
|
1205
|
+
].join(" ")), $ = i(() => [
|
|
1206
1206
|
"dk:border-t dk:border-gray-300/40 dk:dark:border-white/10",
|
|
1207
1207
|
"dk:pt-3 dk:mt-3",
|
|
1208
1208
|
"dk:relative dk:z-10"
|
|
1209
1209
|
].join(" "));
|
|
1210
|
-
return (v,
|
|
1211
|
-
class:
|
|
1210
|
+
return (v, A) => (r(), o("div", {
|
|
1211
|
+
class: b(m.value)
|
|
1212
1212
|
}, [
|
|
1213
|
-
t.image ? (r(), o("div",
|
|
1214
|
-
(r(),
|
|
1213
|
+
t.image ? (r(), o("div", Oe, [
|
|
1214
|
+
(r(), L(N(e()), V(g(), { class: s.value }), {
|
|
1215
1215
|
default: P(() => [
|
|
1216
|
-
|
|
1216
|
+
c("img", {
|
|
1217
1217
|
src: t.image,
|
|
1218
1218
|
alt: t.title || "Card image",
|
|
1219
|
-
class:
|
|
1220
|
-
}, null, 10,
|
|
1219
|
+
class: b(f.value)
|
|
1220
|
+
}, null, 10, We)
|
|
1221
1221
|
]),
|
|
1222
1222
|
_: 1
|
|
1223
1223
|
}, 16, ["class"]))
|
|
1224
1224
|
])) : x("", !0),
|
|
1225
|
-
|
|
1226
|
-
class:
|
|
1225
|
+
c("div", {
|
|
1226
|
+
class: b(a.value)
|
|
1227
1227
|
}, [
|
|
1228
1228
|
t.title || t.subtitle ? (r(), o("div", {
|
|
1229
1229
|
key: 0,
|
|
1230
|
-
class:
|
|
1230
|
+
class: b(n.value)
|
|
1231
1231
|
}, [
|
|
1232
|
-
t.title ? (r(),
|
|
1232
|
+
t.title ? (r(), L(N(l()), V({ key: 0 }, g(), { class: k.value }), {
|
|
1233
1233
|
default: P(() => [
|
|
1234
|
-
|
|
1234
|
+
j(w(t.title), 1)
|
|
1235
1235
|
]),
|
|
1236
1236
|
_: 1
|
|
1237
1237
|
}, 16, ["class"])) : x("", !0),
|
|
1238
1238
|
t.subtitle ? (r(), o("p", {
|
|
1239
1239
|
key: 1,
|
|
1240
|
-
class:
|
|
1241
|
-
},
|
|
1240
|
+
class: b(z.value)
|
|
1241
|
+
}, w(t.subtitle), 3)) : x("", !0)
|
|
1242
1242
|
], 2)) : x("", !0),
|
|
1243
1243
|
v.$slots.default ? (r(), o("div", {
|
|
1244
1244
|
key: 1,
|
|
1245
|
-
class:
|
|
1245
|
+
class: b(B.value)
|
|
1246
1246
|
}, [
|
|
1247
|
-
|
|
1247
|
+
_(v.$slots, "default")
|
|
1248
1248
|
], 2)) : x("", !0),
|
|
1249
1249
|
v.$slots.footer ? (r(), o("div", {
|
|
1250
1250
|
key: 2,
|
|
1251
|
-
class:
|
|
1251
|
+
class: b($.value)
|
|
1252
1252
|
}, [
|
|
1253
|
-
|
|
1253
|
+
_(v.$slots, "footer")
|
|
1254
1254
|
], 2)) : x("", !0)
|
|
1255
1255
|
], 2)
|
|
1256
1256
|
], 2));
|
|
1257
1257
|
}
|
|
1258
|
-
}),
|
|
1258
|
+
}), qe = ["aria-labelledby", "aria-describedby"], gd = /* @__PURE__ */ D({
|
|
1259
|
+
__name: "DuiModal",
|
|
1260
|
+
props: {
|
|
1261
|
+
modelValue: { type: Boolean, default: !1 },
|
|
1262
|
+
title: { default: void 0 },
|
|
1263
|
+
description: { default: void 0 },
|
|
1264
|
+
size: { default: "md" },
|
|
1265
|
+
variant: { default: "solid" },
|
|
1266
|
+
color: { default: "neutral" },
|
|
1267
|
+
rounded: { default: "all" },
|
|
1268
|
+
showClose: { type: Boolean, default: !0 },
|
|
1269
|
+
closeOnBackdrop: { type: Boolean, default: !0 },
|
|
1270
|
+
closeOnEsc: { type: Boolean, default: !0 },
|
|
1271
|
+
persistent: { type: Boolean, default: !1 },
|
|
1272
|
+
centered: { type: Boolean, default: !0 },
|
|
1273
|
+
scrollable: { type: Boolean, default: !0 },
|
|
1274
|
+
blurBackdrop: { type: Boolean, default: !0 },
|
|
1275
|
+
zIndex: { default: 50 }
|
|
1276
|
+
},
|
|
1277
|
+
emits: ["update:modelValue", "open", "close", "backdrop", "escape"],
|
|
1278
|
+
setup(t, { emit: d }) {
|
|
1279
|
+
const e = t, l = d, g = Math.random().toString(36).slice(2, 10), u = `dui-modal-title-${g}`, m = `dui-modal-description-${g}`, f = {
|
|
1280
|
+
all: "dk:rounded-xl",
|
|
1281
|
+
top: "dk:rounded-t-xl",
|
|
1282
|
+
bottom: "dk:rounded-b-xl",
|
|
1283
|
+
left: "dk:rounded-l-xl",
|
|
1284
|
+
right: "dk:rounded-r-xl",
|
|
1285
|
+
none: "dk:rounded-none"
|
|
1286
|
+
}, a = {
|
|
1287
|
+
xs: "dk:w-full dk:max-w-xs",
|
|
1288
|
+
sm: "dk:w-full dk:max-w-md",
|
|
1289
|
+
md: "dk:w-full dk:max-w-xl",
|
|
1290
|
+
lg: "dk:w-full dk:max-w-3xl",
|
|
1291
|
+
xl: "dk:w-full dk:max-w-5xl",
|
|
1292
|
+
full: "dk:h-[calc(100vh-2rem)] dk:w-[calc(100vw-2rem)] dk:max-w-none"
|
|
1293
|
+
}, n = {
|
|
1294
|
+
solid: {
|
|
1295
|
+
base: "dk:border dk:shadow-xl",
|
|
1296
|
+
neutral: "dk:bg-white dk:text-zinc-900 dk:border-zinc-200 dk:dark:bg-zinc-900 dk:dark:text-zinc-100 dk:dark:border-zinc-700",
|
|
1297
|
+
primary: "dk:bg-slate-50 dk:text-slate-900 dk:border-slate-200 dk:dark:bg-slate-900 dk:dark:text-slate-100 dk:dark:border-slate-700",
|
|
1298
|
+
secondary: "dk:bg-pink-50 dk:text-pink-900 dk:border-pink-200 dk:dark:bg-pink-900 dk:dark:text-pink-100 dk:dark:border-pink-700",
|
|
1299
|
+
success: "dk:bg-emerald-50 dk:text-emerald-900 dk:border-emerald-200 dk:dark:bg-emerald-900 dk:dark:text-emerald-100 dk:dark:border-emerald-700",
|
|
1300
|
+
warning: "dk:bg-amber-50 dk:text-amber-900 dk:border-amber-200 dk:dark:bg-amber-900 dk:dark:text-amber-100 dk:dark:border-amber-700",
|
|
1301
|
+
danger: "dk:bg-rose-50 dk:text-rose-900 dk:border-rose-200 dk:dark:bg-rose-900 dk:dark:text-rose-100 dk:dark:border-rose-700"
|
|
1302
|
+
},
|
|
1303
|
+
outline: {
|
|
1304
|
+
base: "dk:border-2 dk:shadow-lg dk:bg-white/95 dk:dark:bg-zinc-900/95",
|
|
1305
|
+
neutral: "dk:text-zinc-900 dk:border-zinc-300 dk:dark:text-zinc-100 dk:dark:border-zinc-600",
|
|
1306
|
+
primary: "dk:text-slate-900 dk:border-slate-400 dk:dark:text-slate-100 dk:dark:border-slate-500",
|
|
1307
|
+
secondary: "dk:text-pink-900 dk:border-pink-400 dk:dark:text-pink-100 dk:dark:border-pink-500",
|
|
1308
|
+
success: "dk:text-emerald-900 dk:border-emerald-400 dk:dark:text-emerald-100 dk:dark:border-emerald-500",
|
|
1309
|
+
warning: "dk:text-amber-900 dk:border-amber-400 dk:dark:text-amber-100 dk:dark:border-amber-500",
|
|
1310
|
+
danger: "dk:text-rose-900 dk:border-rose-400 dk:dark:text-rose-100 dk:dark:border-rose-500"
|
|
1311
|
+
},
|
|
1312
|
+
ghost: {
|
|
1313
|
+
base: "dk:border dk:shadow-xl dk:backdrop-blur-md",
|
|
1314
|
+
neutral: "dk:bg-white/85 dk:text-zinc-900 dk:border-zinc-300/70 dk:dark:bg-zinc-900/75 dk:dark:text-zinc-100 dk:dark:border-zinc-600/60",
|
|
1315
|
+
primary: "dk:bg-slate-100/85 dk:text-slate-900 dk:border-slate-300/70 dk:dark:bg-slate-900/70 dk:dark:text-slate-100 dk:dark:border-slate-600/60",
|
|
1316
|
+
secondary: "dk:bg-pink-100/85 dk:text-pink-900 dk:border-pink-300/70 dk:dark:bg-pink-900/70 dk:dark:text-pink-100 dk:dark:border-pink-600/60",
|
|
1317
|
+
success: "dk:bg-emerald-100/85 dk:text-emerald-900 dk:border-emerald-300/70 dk:dark:bg-emerald-900/70 dk:dark:text-emerald-100 dk:dark:border-emerald-600/60",
|
|
1318
|
+
warning: "dk:bg-amber-100/85 dk:text-amber-900 dk:border-amber-300/70 dk:dark:bg-amber-900/70 dk:dark:text-amber-100 dk:dark:border-amber-600/60",
|
|
1319
|
+
danger: "dk:bg-rose-100/85 dk:text-rose-900 dk:border-rose-300/70 dk:dark:bg-rose-900/70 dk:dark:text-rose-100 dk:dark:border-rose-600/60"
|
|
1320
|
+
}
|
|
1321
|
+
}, k = i(() => [
|
|
1322
|
+
"dk:fixed dk:inset-0 dk:bg-black/55",
|
|
1323
|
+
e.blurBackdrop ? "dk:backdrop-blur-[2px]" : ""
|
|
1324
|
+
].join(" ")), s = i(() => [
|
|
1325
|
+
"dk:flex dk:min-h-full dk:w-full dk:p-4",
|
|
1326
|
+
e.centered ? "dk:items-center" : "dk:items-start dk:pt-8",
|
|
1327
|
+
"dk:justify-center"
|
|
1328
|
+
].join(" ")), z = i(() => {
|
|
1329
|
+
const y = n[e.variant].base, S = n[e.variant][e.color], I = f[e.rounded], q = a[e.size];
|
|
1330
|
+
return [
|
|
1331
|
+
"dk:relative dk:flex dk:flex-col dk:overflow-hidden",
|
|
1332
|
+
y,
|
|
1333
|
+
S,
|
|
1334
|
+
I,
|
|
1335
|
+
q
|
|
1336
|
+
].join(" ");
|
|
1337
|
+
}), B = i(() => [
|
|
1338
|
+
"dk:flex dk:items-start dk:justify-between dk:gap-3 dk:px-5 dk:pt-5 dk:pb-3",
|
|
1339
|
+
"dk:border-b dk:border-current/10"
|
|
1340
|
+
].join(" ")), $ = i(() => [
|
|
1341
|
+
"dk:px-5 dk:py-4",
|
|
1342
|
+
e.scrollable ? "dk:max-h-[65vh] dk:overflow-y-auto" : ""
|
|
1343
|
+
].join(" ")), v = i(() => [
|
|
1344
|
+
"dk:px-5 dk:py-4 dk:border-t dk:border-current/10",
|
|
1345
|
+
"dk:flex dk:items-center dk:justify-end dk:gap-2"
|
|
1346
|
+
].join(" "));
|
|
1347
|
+
function A() {
|
|
1348
|
+
if (typeof document > "u") return;
|
|
1349
|
+
const y = document.body, I = Number(y.dataset.duiModalCount || "0") + 1;
|
|
1350
|
+
y.dataset.duiModalCount = String(I), I === 1 && (y.style.overflow = "hidden");
|
|
1351
|
+
}
|
|
1352
|
+
function h() {
|
|
1353
|
+
if (typeof document > "u") return;
|
|
1354
|
+
const y = document.body, S = Number(y.dataset.duiModalCount || "0"), I = Math.max(0, S - 1);
|
|
1355
|
+
y.dataset.duiModalCount = String(I), I === 0 && (y.style.overflow = "");
|
|
1356
|
+
}
|
|
1357
|
+
function M(y) {
|
|
1358
|
+
l("update:modelValue", !1), l("close", y);
|
|
1359
|
+
}
|
|
1360
|
+
function p() {
|
|
1361
|
+
l("backdrop"), !(e.persistent || !e.closeOnBackdrop) && M("backdrop");
|
|
1362
|
+
}
|
|
1363
|
+
function C(y) {
|
|
1364
|
+
y.key !== "Escape" || !e.modelValue || (l("escape"), !(e.persistent || !e.closeOnEsc) && M("escape"));
|
|
1365
|
+
}
|
|
1366
|
+
return de(
|
|
1367
|
+
() => e.modelValue,
|
|
1368
|
+
(y, S) => {
|
|
1369
|
+
y && !S && (A(), l("open")), !y && S && h();
|
|
1370
|
+
}
|
|
1371
|
+
), te(() => {
|
|
1372
|
+
e.modelValue && A(), typeof window < "u" && window.addEventListener("keydown", C);
|
|
1373
|
+
}), re(() => {
|
|
1374
|
+
e.modelValue && h(), typeof window < "u" && window.removeEventListener("keydown", C);
|
|
1375
|
+
}), (y, S) => (r(), L(oe, { to: "body" }, [
|
|
1376
|
+
H(ae, {
|
|
1377
|
+
"enter-active-class": "dk:transition-opacity dk:duration-200",
|
|
1378
|
+
"leave-active-class": "dk:transition-opacity dk:duration-200",
|
|
1379
|
+
"enter-from-class": "dk:opacity-0",
|
|
1380
|
+
"leave-to-class": "dk:opacity-0"
|
|
1381
|
+
}, {
|
|
1382
|
+
default: P(() => [
|
|
1383
|
+
e.modelValue ? (r(), o("div", {
|
|
1384
|
+
key: 0,
|
|
1385
|
+
style: ke({ zIndex: String(e.zIndex) }),
|
|
1386
|
+
class: b(k.value),
|
|
1387
|
+
onClick: p
|
|
1388
|
+
}, [
|
|
1389
|
+
c("div", {
|
|
1390
|
+
class: b(s.value)
|
|
1391
|
+
}, [
|
|
1392
|
+
c("div", {
|
|
1393
|
+
role: "dialog",
|
|
1394
|
+
"aria-modal": "true",
|
|
1395
|
+
"aria-labelledby": e.title ? u : void 0,
|
|
1396
|
+
"aria-describedby": e.description ? m : void 0,
|
|
1397
|
+
class: b(z.value),
|
|
1398
|
+
onClick: S[1] || (S[1] = ne(() => {
|
|
1399
|
+
}, ["stop"]))
|
|
1400
|
+
}, [
|
|
1401
|
+
y.$slots.header || e.title || e.description || e.showClose ? (r(), o("header", {
|
|
1402
|
+
key: 0,
|
|
1403
|
+
class: b(B.value)
|
|
1404
|
+
}, [
|
|
1405
|
+
c("div", null, [
|
|
1406
|
+
_(y.$slots, "header", {}, () => [
|
|
1407
|
+
e.title ? (r(), o("h2", {
|
|
1408
|
+
key: 0,
|
|
1409
|
+
id: u,
|
|
1410
|
+
class: "dk:text-lg dk:font-semibold"
|
|
1411
|
+
}, w(e.title), 1)) : x("", !0),
|
|
1412
|
+
e.description ? (r(), o("p", {
|
|
1413
|
+
key: 1,
|
|
1414
|
+
id: m,
|
|
1415
|
+
class: "dk:mt-1 dk:text-sm dk:opacity-80"
|
|
1416
|
+
}, w(e.description), 1)) : x("", !0)
|
|
1417
|
+
])
|
|
1418
|
+
]),
|
|
1419
|
+
e.showClose ? (r(), o("button", {
|
|
1420
|
+
key: 0,
|
|
1421
|
+
type: "button",
|
|
1422
|
+
class: "dk:inline-flex dk:h-8 dk:w-8 dk:items-center dk:justify-center dk:rounded dk:text-current dk:opacity-70 dk:transition-opacity dk:hover:opacity-100 dk:focus-visible:opacity-100 dk:outline-none dk:ring-2 dk:ring-current/30",
|
|
1423
|
+
"aria-label": "Cerrar modal",
|
|
1424
|
+
onClick: S[0] || (S[0] = (I) => M("button"))
|
|
1425
|
+
}, [...S[2] || (S[2] = [
|
|
1426
|
+
c("span", { "aria-hidden": "true" }, "×", -1)
|
|
1427
|
+
])])) : x("", !0)
|
|
1428
|
+
], 2)) : x("", !0),
|
|
1429
|
+
c("section", {
|
|
1430
|
+
class: b($.value)
|
|
1431
|
+
}, [
|
|
1432
|
+
_(y.$slots, "default")
|
|
1433
|
+
], 2),
|
|
1434
|
+
y.$slots.footer ? (r(), o("footer", {
|
|
1435
|
+
key: 1,
|
|
1436
|
+
class: b(v.value)
|
|
1437
|
+
}, [
|
|
1438
|
+
_(y.$slots, "footer")
|
|
1439
|
+
], 2)) : x("", !0)
|
|
1440
|
+
], 10, qe)
|
|
1441
|
+
], 2)
|
|
1442
|
+
], 6)) : x("", !0)
|
|
1443
|
+
]),
|
|
1444
|
+
_: 3
|
|
1445
|
+
})
|
|
1446
|
+
]));
|
|
1447
|
+
}
|
|
1448
|
+
}), Fe = {
|
|
1259
1449
|
key: 0,
|
|
1260
1450
|
class: "dk:flex dk:items-center dk:gap-4 dk:flex-shrink-0"
|
|
1261
|
-
},
|
|
1451
|
+
}, Ue = { class: "dk:hidden dk:md:flex dk:items-center dk:flex-1" }, He = {
|
|
1262
1452
|
key: 0,
|
|
1263
1453
|
class: "dk:relative dk:group"
|
|
1264
|
-
},
|
|
1454
|
+
}, Ke = { class: "dk:absolute dk:left-0 dk:top-full dk:min-w-56 dk:py-2 dk:mt-1 dk:bg-gradient-to-b dk:from-white/95 dk:to-gray-50/95 dk:dark:from-gray-700/90 dk:dark:to-gray-800/90 dk:backdrop-blur-md dk:rounded-lg dk:shadow-lg dk:border dk:border-white/40 dk:dark:border-white/10 dk:opacity-0 dk:invisible dk:group-hover:opacity-100 dk:group-hover:visible dk:transition-all dk:duration-200 dk:z-50" }, Ge = {
|
|
1265
1455
|
key: 1,
|
|
1266
1456
|
class: "dk:hidden dk:md:flex dk:items-center dk:gap-2 dk:flex-shrink-0"
|
|
1267
|
-
},
|
|
1457
|
+
}, Je = {
|
|
1268
1458
|
class: "dk:w-6 dk:h-6 dk:stroke-gray-900 dk:dark:stroke-white",
|
|
1269
1459
|
fill: "none",
|
|
1270
1460
|
viewBox: "0 0 24 24"
|
|
1271
|
-
},
|
|
1461
|
+
}, Qe = ["d"], Xe = { class: "dk:md:hidden dk:absolute dk:top-full dk:left-0 dk:w-full dk:bg-gradient-to-b dk:from-white/95 dk:to-gray-50/95 dk:dark:from-gray-700/90 dk:dark:to-gray-800/90 dk:backdrop-blur-md dk:border-t dk:border-white/40 dk:dark:border-white/10 dk:shadow-lg dk:dark:shadow-black/30 dk:z-40" }, Ye = { class: "dk:px-4 dk:py-3 dk:space-y-2" }, Ze = { key: 0 }, ed = ["onClick"], dd = { class: "dk:flex dk:items-center" }, td = { class: "dk:ml-4 dk:mt-2 dk:space-y-1" }, rd = {
|
|
1272
1462
|
key: 0,
|
|
1273
1463
|
class: "dk:pt-3 dk:border-t dk:border-white/20 dk:dark:border-white/10"
|
|
1274
|
-
},
|
|
1464
|
+
}, pd = /* @__PURE__ */ D({
|
|
1275
1465
|
__name: "DuiNavbar",
|
|
1276
1466
|
props: {
|
|
1277
1467
|
items: { default: () => [] },
|
|
@@ -1281,17 +1471,17 @@ const re = { key: 1 }, oe = `
|
|
|
1281
1471
|
underlineColor: { default: "primary" }
|
|
1282
1472
|
},
|
|
1283
1473
|
setup(t) {
|
|
1284
|
-
const
|
|
1285
|
-
const
|
|
1286
|
-
return
|
|
1474
|
+
const d = t, e = G(!1), l = se({}), g = (h) => R(h.to, d.nuxt), u = (h) => {
|
|
1475
|
+
const M = g(h);
|
|
1476
|
+
return W(h.to, M);
|
|
1477
|
+
}, m = () => {
|
|
1478
|
+
e.value = !e.value;
|
|
1287
1479
|
}, f = () => {
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
d.value = !1, Object.keys(l).forEach((m) => {
|
|
1291
|
-
l[m] = !1;
|
|
1480
|
+
e.value = !1, Object.keys(l).forEach((h) => {
|
|
1481
|
+
l[h] = !1;
|
|
1292
1482
|
});
|
|
1293
|
-
}, a = (
|
|
1294
|
-
l[
|
|
1483
|
+
}, a = (h) => {
|
|
1484
|
+
l[h] = !l[h];
|
|
1295
1485
|
}, n = {
|
|
1296
1486
|
s: {
|
|
1297
1487
|
height: "dk:h-12",
|
|
@@ -1311,8 +1501,8 @@ const re = { key: 1 }, oe = `
|
|
|
1311
1501
|
text: "dk:text-lg",
|
|
1312
1502
|
itemPadding: "dk:px-4 dk:py-3"
|
|
1313
1503
|
}
|
|
1314
|
-
}, k =
|
|
1315
|
-
const
|
|
1504
|
+
}, k = i(() => {
|
|
1505
|
+
const h = n[d.size];
|
|
1316
1506
|
return [
|
|
1317
1507
|
// Glassmorphism navbar styles (Windows Vista inspired)
|
|
1318
1508
|
"dk:relative dk:bg-gradient-to-b dk:from-white/80 dk:via-white/70 dk:to-gray-50/80",
|
|
@@ -1325,19 +1515,19 @@ const re = { key: 1 }, oe = `
|
|
|
1325
1515
|
"dk:before:bg-gradient-to-r dk:before:from-white/60 dk:before:via-white/40 dk:before:to-transparent",
|
|
1326
1516
|
"dk:dark:before:from-white/20 dk:dark:before:via-white/10 dk:dark:before:to-transparent",
|
|
1327
1517
|
"dk:flex dk:items-center dk:w-full dk:gap-4",
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
|
|
1518
|
+
h.height,
|
|
1519
|
+
h.padding,
|
|
1520
|
+
h.text
|
|
1331
1521
|
].join(" ");
|
|
1332
|
-
}), s =
|
|
1522
|
+
}), s = i(() => [
|
|
1333
1523
|
"dk:flex dk:items-center dk:space-x-1 dk:flex-1",
|
|
1334
1524
|
{
|
|
1335
1525
|
left: "dk:justify-start",
|
|
1336
1526
|
center: "dk:justify-center",
|
|
1337
1527
|
right: "dk:justify-end"
|
|
1338
|
-
}[
|
|
1339
|
-
].join(" ")),
|
|
1340
|
-
const
|
|
1528
|
+
}[d.itemsAlignment]
|
|
1529
|
+
].join(" ")), z = () => {
|
|
1530
|
+
const h = {
|
|
1341
1531
|
neutral: "dk:before:from-zinc-500 dk:before:to-zinc-600 dk:dark:before:from-zinc-400 dk:dark:before:to-zinc-500",
|
|
1342
1532
|
primary: "dk:before:from-slate-600 dk:before:to-slate-700 dk:dark:before:from-slate-400 dk:dark:before:to-slate-500",
|
|
1343
1533
|
secondary: "dk:before:from-pink-500 dk:before:to-pink-600 dk:dark:before:from-pink-400 dk:dark:before:to-pink-500",
|
|
@@ -1345,13 +1535,13 @@ const re = { key: 1 }, oe = `
|
|
|
1345
1535
|
danger: "dk:before:from-rose-500 dk:before:to-rose-600 dk:dark:before:from-rose-400 dk:dark:before:to-rose-500",
|
|
1346
1536
|
warning: "dk:before:from-amber-500 dk:before:to-amber-600 dk:dark:before:from-amber-400 dk:dark:before:to-amber-500"
|
|
1347
1537
|
};
|
|
1348
|
-
return
|
|
1349
|
-
},
|
|
1350
|
-
const
|
|
1351
|
-
return (
|
|
1352
|
-
const
|
|
1353
|
-
let
|
|
1354
|
-
return
|
|
1538
|
+
return h[d.underlineColor] || h.primary;
|
|
1539
|
+
}, B = i(() => {
|
|
1540
|
+
const h = n[d.size], M = z();
|
|
1541
|
+
return (p, C = !0) => {
|
|
1542
|
+
const y = p.active ?? !1, S = C ? "dk:pl-3" : "dk:pl-2", I = "dk:pr-3", q = C ? "dk:pl-2" : "dk:pl-1", Q = "dk:pr-2", X = C ? "dk:pl-4" : "dk:pl-3", Y = "dk:pr-4";
|
|
1543
|
+
let O = "";
|
|
1544
|
+
return h.itemPadding.includes("px-2") ? O = `${q} ${Q} dk:py-1.5` : h.itemPadding.includes("px-4") ? O = `${X} ${Y} dk:py-3` : O = `${S} ${I} dk:py-2`, [
|
|
1355
1545
|
// Block style with animated underline
|
|
1356
1546
|
"dk:flex dk:items-center dk:relative dk:transition-all dk:duration-300",
|
|
1357
1547
|
"dk:text-gray-700 dk:hover:text-gray-900 dk:dark:text-gray-300 dk:dark:hover:text-gray-100",
|
|
@@ -1360,62 +1550,62 @@ const re = { key: 1 }, oe = `
|
|
|
1360
1550
|
// Animated underline effect
|
|
1361
1551
|
"dk:before:absolute dk:before:bottom-0 dk:before:left-0 dk:before:h-0.5",
|
|
1362
1552
|
"dk:before:bg-gradient-to-r",
|
|
1363
|
-
|
|
1553
|
+
M,
|
|
1364
1554
|
"dk:before:transition-all dk:before:duration-300",
|
|
1365
|
-
|
|
1366
|
-
|
|
1555
|
+
y ? "dk:before:w-full dk:text-gray-900 dk:dark:text-gray-100" : "dk:before:w-0 dk:hover:before:w-full",
|
|
1556
|
+
O
|
|
1367
1557
|
].join(" ");
|
|
1368
1558
|
};
|
|
1369
|
-
}),
|
|
1559
|
+
}), $ = i(() => [
|
|
1370
1560
|
"dk:block dk:w-full dk:text-left dk:px-4 dk:py-2 dk:text-sm dk:whitespace-nowrap",
|
|
1371
1561
|
"dk:text-gray-700 dk:hover:text-gray-900 dk:hover:bg-white/50 dk:dark:hover:bg-white/10",
|
|
1372
1562
|
"dk:dark:text-gray-300 dk:dark:hover:text-gray-100",
|
|
1373
1563
|
"dk:transition-all dk:duration-200 dk:no-underline",
|
|
1374
1564
|
"dk:border-l-2 dk:border-transparent dk:hover:border-blue-500"
|
|
1375
|
-
].join(" ")), v =
|
|
1565
|
+
].join(" ")), v = i(() => [
|
|
1376
1566
|
"dk:flex dk:items-center dk:justify-start dk:w-full dk:text-left dk:px-3 dk:py-2",
|
|
1377
1567
|
"dk:text-gray-700 dk:hover:text-gray-900 dk:rounded-lg",
|
|
1378
1568
|
"dk:bg-white/10 dk:hover:bg-white/25 dk:dark:bg-white/5 dk:dark:hover:bg-white/15",
|
|
1379
1569
|
"dk:dark:text-gray-300 dk:dark:hover:text-gray-100",
|
|
1380
1570
|
"dk:border dk:border-white/20 dk:dark:border-white/10 dk:hover:border-white/40 dk:dark:hover:border-white/20",
|
|
1381
1571
|
"dk:transition-all dk:duration-200 dk:no-underline"
|
|
1382
|
-
].join(" ")),
|
|
1572
|
+
].join(" ")), A = i(() => [
|
|
1383
1573
|
"dk:block dk:w-full dk:text-left dk:px-3 dk:py-2 dk:text-sm dk:rounded-lg",
|
|
1384
1574
|
"dk:text-gray-600 dk:hover:text-gray-800 dk:hover:bg-white/30 dk:dark:hover:bg-white/10",
|
|
1385
1575
|
"dk:dark:text-gray-400 dk:dark:hover:text-gray-200",
|
|
1386
1576
|
"dk:border-l-2 dk:border-transparent dk:hover:border-blue-500",
|
|
1387
1577
|
"dk:transition-all dk:duration-200 dk:no-underline"
|
|
1388
1578
|
].join(" "));
|
|
1389
|
-
return (
|
|
1390
|
-
class:
|
|
1579
|
+
return (h, M) => (r(), o("nav", {
|
|
1580
|
+
class: b(k.value)
|
|
1391
1581
|
}, [
|
|
1392
|
-
|
|
1393
|
-
|
|
1582
|
+
h.$slots.brand ? (r(), o("div", Fe, [
|
|
1583
|
+
_(h.$slots, "brand")
|
|
1394
1584
|
])) : x("", !0),
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
class:
|
|
1585
|
+
c("div", Ue, [
|
|
1586
|
+
c("div", {
|
|
1587
|
+
class: b(s.value)
|
|
1398
1588
|
}, [
|
|
1399
|
-
(r(!0), o(
|
|
1400
|
-
key:
|
|
1589
|
+
(r(!0), o(T, null, E(t.items, (p) => (r(), o(T, {
|
|
1590
|
+
key: p.label
|
|
1401
1591
|
}, [
|
|
1402
|
-
|
|
1403
|
-
(r(),
|
|
1404
|
-
class:
|
|
1592
|
+
p.children && p.children.length > 0 ? (r(), o("div", He, [
|
|
1593
|
+
(r(), L(N(g(p)), V({ ref_for: !0 }, u(p), {
|
|
1594
|
+
class: B.value(p, !0)
|
|
1405
1595
|
}), {
|
|
1406
1596
|
default: P(() => [
|
|
1407
|
-
|
|
1597
|
+
p.icon ? (r(), o("i", {
|
|
1408
1598
|
key: 0,
|
|
1409
|
-
class:
|
|
1599
|
+
class: b([p.icon, "dk:mr-2"])
|
|
1410
1600
|
}, null, 2)) : x("", !0),
|
|
1411
|
-
|
|
1412
|
-
|
|
1601
|
+
j(" " + w(p.label) + " ", 1),
|
|
1602
|
+
M[0] || (M[0] = c("svg", {
|
|
1413
1603
|
class: "dk:w-4 dk:h-4 dk:ml-1 dk:transform dk:group-hover:rotate-180 dk:transition-transform",
|
|
1414
1604
|
fill: "none",
|
|
1415
1605
|
stroke: "currentColor",
|
|
1416
1606
|
viewBox: "0 0 24 24"
|
|
1417
1607
|
}, [
|
|
1418
|
-
|
|
1608
|
+
c("path", {
|
|
1419
1609
|
"stroke-linecap": "round",
|
|
1420
1610
|
"stroke-linejoin": "round",
|
|
1421
1611
|
"stroke-width": "2",
|
|
@@ -1425,143 +1615,144 @@ const re = { key: 1 }, oe = `
|
|
|
1425
1615
|
]),
|
|
1426
1616
|
_: 2
|
|
1427
1617
|
}, 1040, ["class"])),
|
|
1428
|
-
|
|
1429
|
-
(r(!0), o(
|
|
1430
|
-
key:
|
|
1431
|
-
}, { ref_for: !0 }, u(
|
|
1618
|
+
c("div", Ke, [
|
|
1619
|
+
(r(!0), o(T, null, E(p.children, (C) => (r(), L(N(g(C)), V({
|
|
1620
|
+
key: C.label
|
|
1621
|
+
}, { ref_for: !0 }, u(C), { class: $.value }), {
|
|
1432
1622
|
default: P(() => [
|
|
1433
|
-
|
|
1623
|
+
C.icon ? (r(), o("i", {
|
|
1434
1624
|
key: 0,
|
|
1435
|
-
class:
|
|
1625
|
+
class: b([C.icon, "dk:mr-2"])
|
|
1436
1626
|
}, null, 2)) : x("", !0),
|
|
1437
|
-
|
|
1627
|
+
j(" " + w(C.label), 1)
|
|
1438
1628
|
]),
|
|
1439
1629
|
_: 2
|
|
1440
1630
|
}, 1040, ["class"]))), 128))
|
|
1441
1631
|
])
|
|
1442
|
-
])) : (r(),
|
|
1632
|
+
])) : (r(), L(N(g(p)), V({
|
|
1443
1633
|
key: 1,
|
|
1444
1634
|
ref_for: !0
|
|
1445
|
-
}, u(
|
|
1446
|
-
class:
|
|
1635
|
+
}, u(p), {
|
|
1636
|
+
class: B.value(p, !1)
|
|
1447
1637
|
}), {
|
|
1448
1638
|
default: P(() => [
|
|
1449
|
-
|
|
1639
|
+
p.icon ? (r(), o("i", {
|
|
1450
1640
|
key: 0,
|
|
1451
|
-
class:
|
|
1641
|
+
class: b([p.icon, "dk:mr-2"])
|
|
1452
1642
|
}, null, 2)) : x("", !0),
|
|
1453
|
-
|
|
1643
|
+
j(" " + w(p.label), 1)
|
|
1454
1644
|
]),
|
|
1455
1645
|
_: 2
|
|
1456
1646
|
}, 1040, ["class"]))
|
|
1457
1647
|
], 64))), 128))
|
|
1458
1648
|
], 2)
|
|
1459
1649
|
]),
|
|
1460
|
-
|
|
1461
|
-
|
|
1650
|
+
h.$slots.actions ? (r(), o("div", Ge, [
|
|
1651
|
+
_(h.$slots, "actions")
|
|
1462
1652
|
])) : x("", !0),
|
|
1463
|
-
|
|
1653
|
+
c("button", {
|
|
1464
1654
|
type: "button",
|
|
1465
|
-
onClick:
|
|
1655
|
+
onClick: m,
|
|
1466
1656
|
class: "dk:md:hidden dk:ml-auto dk:flex-shrink-0 dk:p-2 dk:rounded-md dk:hover:bg-gray-100 dk:dark:hover:bg-gray-700 dk:transition-colors"
|
|
1467
1657
|
}, [
|
|
1468
|
-
(r(), o("svg",
|
|
1469
|
-
|
|
1658
|
+
(r(), o("svg", Je, [
|
|
1659
|
+
c("path", {
|
|
1470
1660
|
"stroke-linecap": "round",
|
|
1471
1661
|
"stroke-linejoin": "round",
|
|
1472
1662
|
"stroke-width": "2",
|
|
1473
|
-
d:
|
|
1474
|
-
}, null, 8,
|
|
1663
|
+
d: e.value ? "M6 18L18 6M6 6l12 12" : "M4 6h16M4 12h16M4 18h16"
|
|
1664
|
+
}, null, 8, Qe)
|
|
1475
1665
|
]))
|
|
1476
1666
|
]),
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
(r(!0), o(
|
|
1480
|
-
key:
|
|
1667
|
+
F(c("div", Xe, [
|
|
1668
|
+
c("div", Ye, [
|
|
1669
|
+
(r(!0), o(T, null, E(t.items, (p) => (r(), o(T, {
|
|
1670
|
+
key: p.label
|
|
1481
1671
|
}, [
|
|
1482
|
-
|
|
1483
|
-
|
|
1672
|
+
p.children && p.children.length > 0 ? (r(), o("div", Ze, [
|
|
1673
|
+
c("button", {
|
|
1484
1674
|
type: "button",
|
|
1485
|
-
onClick: (
|
|
1486
|
-
class:
|
|
1675
|
+
onClick: (C) => a(p.label),
|
|
1676
|
+
class: b([v.value, "dk:justify-between"])
|
|
1487
1677
|
}, [
|
|
1488
|
-
|
|
1489
|
-
|
|
1678
|
+
c("div", dd, [
|
|
1679
|
+
p.icon ? (r(), o("i", {
|
|
1490
1680
|
key: 0,
|
|
1491
|
-
class:
|
|
1681
|
+
class: b([p.icon, "dk:mr-2"])
|
|
1492
1682
|
}, null, 2)) : x("", !0),
|
|
1493
|
-
|
|
1683
|
+
j(" " + w(p.label), 1)
|
|
1494
1684
|
]),
|
|
1495
1685
|
(r(), o("svg", {
|
|
1496
|
-
class:
|
|
1686
|
+
class: b(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0", l[p.label] ? "dk:rotate-180" : ""]),
|
|
1497
1687
|
fill: "none",
|
|
1498
1688
|
stroke: "currentColor",
|
|
1499
1689
|
viewBox: "0 0 24 24"
|
|
1500
|
-
}, [...
|
|
1501
|
-
|
|
1690
|
+
}, [...M[1] || (M[1] = [
|
|
1691
|
+
c("path", {
|
|
1502
1692
|
"stroke-linecap": "round",
|
|
1503
1693
|
"stroke-linejoin": "round",
|
|
1504
1694
|
"stroke-width": "2",
|
|
1505
1695
|
d: "M19 9l-7 7-7-7"
|
|
1506
1696
|
}, null, -1)
|
|
1507
1697
|
])], 2))
|
|
1508
|
-
], 10,
|
|
1509
|
-
|
|
1510
|
-
(r(!0), o(
|
|
1511
|
-
key:
|
|
1512
|
-
}, { ref_for: !0 }, u(
|
|
1513
|
-
class:
|
|
1514
|
-
onClick:
|
|
1698
|
+
], 10, ed),
|
|
1699
|
+
F(c("div", td, [
|
|
1700
|
+
(r(!0), o(T, null, E(p.children, (C) => (r(), L(N(g(C)), V({
|
|
1701
|
+
key: C.label
|
|
1702
|
+
}, { ref_for: !0 }, u(C), {
|
|
1703
|
+
class: A.value,
|
|
1704
|
+
onClick: f
|
|
1515
1705
|
}), {
|
|
1516
1706
|
default: P(() => [
|
|
1517
|
-
|
|
1707
|
+
C.icon ? (r(), o("i", {
|
|
1518
1708
|
key: 0,
|
|
1519
|
-
class:
|
|
1709
|
+
class: b([C.icon, "dk:mr-2"])
|
|
1520
1710
|
}, null, 2)) : x("", !0),
|
|
1521
|
-
|
|
1711
|
+
j(" " + w(C.label), 1)
|
|
1522
1712
|
]),
|
|
1523
1713
|
_: 2
|
|
1524
1714
|
}, 1040, ["class"]))), 128))
|
|
1525
1715
|
], 512), [
|
|
1526
|
-
[
|
|
1716
|
+
[U, l[p.label]]
|
|
1527
1717
|
])
|
|
1528
|
-
])) : (r(),
|
|
1718
|
+
])) : (r(), L(N(g(p)), V({
|
|
1529
1719
|
key: 1,
|
|
1530
1720
|
ref_for: !0
|
|
1531
|
-
}, u(
|
|
1721
|
+
}, u(p), {
|
|
1532
1722
|
class: v.value,
|
|
1533
|
-
onClick:
|
|
1723
|
+
onClick: f
|
|
1534
1724
|
}), {
|
|
1535
1725
|
default: P(() => [
|
|
1536
|
-
|
|
1726
|
+
p.icon ? (r(), o("i", {
|
|
1537
1727
|
key: 0,
|
|
1538
|
-
class:
|
|
1728
|
+
class: b([p.icon, "dk:mr-2"])
|
|
1539
1729
|
}, null, 2)) : x("", !0),
|
|
1540
|
-
|
|
1730
|
+
j(" " + w(p.label), 1)
|
|
1541
1731
|
]),
|
|
1542
1732
|
_: 2
|
|
1543
1733
|
}, 1040, ["class"]))
|
|
1544
1734
|
], 64))), 128)),
|
|
1545
|
-
|
|
1546
|
-
|
|
1735
|
+
h.$slots.actions ? (r(), o("div", rd, [
|
|
1736
|
+
_(h.$slots, "actions")
|
|
1547
1737
|
])) : x("", !0)
|
|
1548
1738
|
])
|
|
1549
1739
|
], 512), [
|
|
1550
|
-
[
|
|
1740
|
+
[U, e.value]
|
|
1551
1741
|
])
|
|
1552
1742
|
], 2));
|
|
1553
1743
|
}
|
|
1554
1744
|
});
|
|
1555
1745
|
export {
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
|
|
1559
|
-
|
|
1560
|
-
|
|
1561
|
-
|
|
1562
|
-
|
|
1563
|
-
|
|
1564
|
-
|
|
1565
|
-
|
|
1566
|
-
|
|
1746
|
+
ud as DuiAction,
|
|
1747
|
+
id as DuiAlert,
|
|
1748
|
+
K as DuiButton,
|
|
1749
|
+
bd as DuiCard,
|
|
1750
|
+
ld as DuiCheckbox,
|
|
1751
|
+
ad as DuiInput,
|
|
1752
|
+
sd as DuiLabel,
|
|
1753
|
+
gd as DuiModal,
|
|
1754
|
+
pd as DuiNavbar,
|
|
1755
|
+
nd as DuiSelect,
|
|
1756
|
+
cd as DuiTable,
|
|
1757
|
+
kd as DuiTextarea
|
|
1567
1758
|
};
|