@dronico/droni-kit 1.18.1 → 1.19.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 +14 -0
- package/dist/droni-kit.cjs.js +9 -9
- package/dist/droni-kit.css +1 -1
- package/dist/droni-kit.es.js +205 -209
- package/dist/stories/Elements/DuiAction.stories.d.ts +0 -3
- package/dist/stories/Elements/DuiAction.vue.d.ts +0 -2
- package/dist/stories/Elements/DuiCard.stories.d.ts +0 -3
- package/dist/stories/Elements/DuiCard.vue.d.ts +0 -2
- package/dist/stories/Forms/DuiButton.stories.d.ts +0 -3
- package/dist/stories/Forms/DuiButton.vue.d.ts +0 -2
- package/dist/stories/Widgets/DuiNavbar.stories.d.ts +0 -3
- package/dist/stories/Widgets/DuiNavbar.vue.d.ts +0 -2
- package/dist/utils/router-detection.d.ts +2 -3
- package/package.json +1 -1
package/dist/droni-kit.es.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { getCurrentInstance as Le, defineComponent as L, computed as o, openBlock as
|
|
1
|
+
import { getCurrentInstance as Le, defineComponent as L, computed as o, openBlock as t, createBlock as F, resolveDynamicComponent as Q, mergeProps as W, withCtx as E, renderSlot as _, createElementBlock as a, toDisplayString as j, createCommentVNode as S, Fragment as I, renderList as N, ref as U, normalizeClass as s, createElementVNode as b, createTextVNode as A, withDirectives as be, vShow as pe, useSlots as we, unref as R, createVNode as de, watch as le, onMounted as ge, onBeforeUnmount as me, Teleport as fe, Transition as he, normalizeStyle as ie, withModifiers as te, nextTick as se, withKeys as ve, reactive as ze, readonly as Ae, TransitionGroup as Ie } from "vue";
|
|
2
2
|
function We() {
|
|
3
3
|
try {
|
|
4
|
-
const d = Le(),
|
|
5
|
-
return
|
|
4
|
+
const d = Le(), r = d == null ? void 0 : d.appContext.app;
|
|
5
|
+
return r ? !!(r.config.globalProperties.$router || r.config.globalProperties.$route || r.component("RouterLink")) : typeof window < "u" ? !!window.VueRouter : !1;
|
|
6
6
|
} catch {
|
|
7
7
|
return !1;
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
|
-
function ae(d
|
|
11
|
-
return d ?
|
|
10
|
+
function ae(d) {
|
|
11
|
+
return d ? We() ? "RouterLink" : "a" : "button";
|
|
12
12
|
}
|
|
13
|
-
function ce(d,
|
|
13
|
+
function ce(d, r, e = {}) {
|
|
14
14
|
const i = { ...e };
|
|
15
|
-
return
|
|
15
|
+
return r === "a" ? (i.href = typeof d == "string" ? d : "#", i.role = "button") : r !== "button" && r !== "span" && (i.to = d), i;
|
|
16
16
|
}
|
|
17
17
|
const Ee = { key: 1 }, Oe = `
|
|
18
18
|
dk:transition
|
|
@@ -37,13 +37,12 @@ const Ee = { key: 1 }, Oe = `
|
|
|
37
37
|
block: { type: Boolean, default: !1 },
|
|
38
38
|
title: { default: void 0 },
|
|
39
39
|
rounded: { default: "all" },
|
|
40
|
-
to: { default: void 0 }
|
|
41
|
-
nuxt: { type: Boolean, default: !1 }
|
|
40
|
+
to: { default: void 0 }
|
|
42
41
|
},
|
|
43
42
|
setup(d) {
|
|
44
|
-
const
|
|
43
|
+
const r = d, e = o(() => ae(r.to)), i = o(() => {
|
|
45
44
|
const n = {};
|
|
46
|
-
return e.value === "button" && (n.type =
|
|
45
|
+
return e.value === "button" && (n.type = r.type), ce(r.to, e.value, n);
|
|
47
46
|
}), g = {
|
|
48
47
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
49
48
|
md: "dk:text-base dk:px-4 dk:py-2",
|
|
@@ -229,16 +228,16 @@ const Ee = { key: 1 }, Oe = `
|
|
|
229
228
|
}
|
|
230
229
|
}, y = o(() => {
|
|
231
230
|
var C;
|
|
232
|
-
const n = (((C = z[
|
|
231
|
+
const n = (((C = z[r.variant]) == null ? void 0 : C[r.color]) || "") + " " + z[r.variant].base, c = g[r.size] || "", m = r.block ? "dk:w-full" : "", h = u[r.rounded] || "";
|
|
233
232
|
return [Oe, n, c, m, h].join(" ");
|
|
234
233
|
});
|
|
235
|
-
return (n, c) => (
|
|
234
|
+
return (n, c) => (t(), F(Q(e.value), W(i.value, {
|
|
236
235
|
class: y.value,
|
|
237
|
-
title:
|
|
238
|
-
disabled:
|
|
236
|
+
title: r.title,
|
|
237
|
+
disabled: r.disabled || r.loading
|
|
239
238
|
}), {
|
|
240
239
|
default: E(() => [
|
|
241
|
-
|
|
240
|
+
r.loading ? (t(), a("span", Ee, "Cargando...")) : _(n.$slots, "default", { key: 0 })
|
|
242
241
|
]),
|
|
243
242
|
_: 3
|
|
244
243
|
}, 16, ["class", "title", "disabled"]));
|
|
@@ -277,8 +276,8 @@ const Ee = { key: 1 }, Oe = `
|
|
|
277
276
|
}
|
|
278
277
|
},
|
|
279
278
|
emits: ["update:modelValue"],
|
|
280
|
-
setup(d, { emit:
|
|
281
|
-
const e = d, i =
|
|
279
|
+
setup(d, { emit: r }) {
|
|
280
|
+
const e = d, i = r;
|
|
282
281
|
function g(n) {
|
|
283
282
|
const c = n.target;
|
|
284
283
|
i("update:modelValue", c.value);
|
|
@@ -298,7 +297,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
298
297
|
const n = u[e.size] || "", c = e.block ? "dk:w-full" : "", m = z[e.rounded] || "";
|
|
299
298
|
return [Fe, n, c, m].join(" ");
|
|
300
299
|
});
|
|
301
|
-
return (n, c) => (
|
|
300
|
+
return (n, c) => (t(), a("input", W({
|
|
302
301
|
class: y.value,
|
|
303
302
|
value: d.modelValue
|
|
304
303
|
}, n.$attrs, { onInput: g }), null, 16, Ne));
|
|
@@ -345,8 +344,8 @@ const Ee = { key: 1 }, Oe = `
|
|
|
345
344
|
}
|
|
346
345
|
},
|
|
347
346
|
emits: ["update:modelValue"],
|
|
348
|
-
setup(d, { emit:
|
|
349
|
-
const e = d, i =
|
|
347
|
+
setup(d, { emit: r }) {
|
|
348
|
+
const e = d, i = r;
|
|
350
349
|
function g(m) {
|
|
351
350
|
const h = m.target;
|
|
352
351
|
e.autoheight && c(h), i("update:modelValue", h.value);
|
|
@@ -373,7 +372,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
373
372
|
}), c = (m) => {
|
|
374
373
|
m.style.height = "auto", m.style.height = `${m.scrollHeight + 5}px`;
|
|
375
374
|
};
|
|
376
|
-
return (m, h) => (
|
|
375
|
+
return (m, h) => (t(), a("textarea", W(m.$attrs, {
|
|
377
376
|
class: n.value,
|
|
378
377
|
value: d.modelValue,
|
|
379
378
|
onInput: g
|
|
@@ -435,8 +434,8 @@ const Ee = { key: 1 }, Oe = `
|
|
|
435
434
|
}
|
|
436
435
|
},
|
|
437
436
|
emits: ["update:modelValue"],
|
|
438
|
-
setup(d, { emit:
|
|
439
|
-
const e = d, i =
|
|
437
|
+
setup(d, { emit: r }) {
|
|
438
|
+
const e = d, i = r;
|
|
440
439
|
function g(n) {
|
|
441
440
|
const m = n.target.value, h = Number(m);
|
|
442
441
|
!isNaN(h) && m !== "" ? i("update:modelValue", h) : i("update:modelValue", m);
|
|
@@ -456,12 +455,12 @@ const Ee = { key: 1 }, Oe = `
|
|
|
456
455
|
const n = u[e.size] || "", c = e.block ? "dk:w-full" : "", m = z[e.rounded] || "";
|
|
457
456
|
return [Qe, n, c, m].join(" ");
|
|
458
457
|
});
|
|
459
|
-
return (n, c) => (
|
|
458
|
+
return (n, c) => (t(), a("select", W(n.$attrs, {
|
|
460
459
|
class: y.value,
|
|
461
460
|
onChange: g
|
|
462
461
|
}), [
|
|
463
|
-
d.placeholder ? (
|
|
464
|
-
(
|
|
462
|
+
d.placeholder ? (t(), a("option", He, j(d.placeholder), 1)) : S("", !0),
|
|
463
|
+
(t(!0), a(I, null, N(d.options, (m, h) => (t(), a("option", {
|
|
465
464
|
key: h,
|
|
466
465
|
value: m[d.itemValue] ?? "",
|
|
467
466
|
selected: m[d.itemValue] == d.modelValue
|
|
@@ -500,7 +499,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
500
499
|
}
|
|
501
500
|
},
|
|
502
501
|
setup(d) {
|
|
503
|
-
const
|
|
502
|
+
const r = U(!1), e = d, i = {
|
|
504
503
|
s: "dk:text-sm",
|
|
505
504
|
m: "dk:text-base",
|
|
506
505
|
l: "dk:text-lg"
|
|
@@ -516,30 +515,30 @@ const Ee = { key: 1 }, Oe = `
|
|
|
516
515
|
const m = i[e.size] || i.m, h = "dk:block dk:font-medium dk:text-zinc-700 dk:dark:text-zinc-200 dk:flex dk:items-center", C = e.helpText ? "dk:cursor-help" : "";
|
|
517
516
|
return [h, m, C].join(" ");
|
|
518
517
|
}), n = o(() => [g[e.size] || g.m].join(" ")), c = o(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", u[e.size] || u.m].join(" "));
|
|
519
|
-
return (m, h) => (
|
|
518
|
+
return (m, h) => (t(), a("label", {
|
|
520
519
|
class: s(z.value)
|
|
521
520
|
}, [
|
|
522
|
-
d.title ? (
|
|
521
|
+
d.title ? (t(), a("div", {
|
|
523
522
|
key: 0,
|
|
524
523
|
class: "dk:relative",
|
|
525
|
-
onMouseenter: h[0] || (h[0] = (C) =>
|
|
526
|
-
onMouseleave: h[1] || (h[1] = (C) =>
|
|
524
|
+
onMouseenter: h[0] || (h[0] = (C) => r.value = !!d.helpText),
|
|
525
|
+
onMouseleave: h[1] || (h[1] = (C) => r.value = !1)
|
|
527
526
|
}, [
|
|
528
527
|
b("div", {
|
|
529
528
|
class: s(y.value)
|
|
530
529
|
}, [
|
|
531
|
-
d.icon ? (
|
|
530
|
+
d.icon ? (t(), a("i", {
|
|
532
531
|
key: 0,
|
|
533
532
|
class: s([d.icon, "dk:mr-2"])
|
|
534
533
|
}, null, 2)) : S("", !0),
|
|
535
534
|
A(" " + j(d.title) + " ", 1),
|
|
536
|
-
d.required ? (
|
|
535
|
+
d.required ? (t(), a("span", Ge, "*")) : S("", !0)
|
|
537
536
|
], 2),
|
|
538
537
|
be(b("div", Je, [
|
|
539
538
|
A(j(d.helpText) + " ", 1),
|
|
540
539
|
h[2] || (h[2] = b("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
|
|
541
540
|
], 512), [
|
|
542
|
-
[pe,
|
|
541
|
+
[pe, r.value && d.helpText]
|
|
543
542
|
])
|
|
544
543
|
], 32)) : S("", !0),
|
|
545
544
|
b("div", {
|
|
@@ -547,7 +546,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
547
546
|
}, [
|
|
548
547
|
_(m.$slots, "default", {}, void 0, !0)
|
|
549
548
|
], 2),
|
|
550
|
-
d.error ? (
|
|
549
|
+
d.error ? (t(), a("div", {
|
|
551
550
|
key: 1,
|
|
552
551
|
class: s(c.value)
|
|
553
552
|
}, [
|
|
@@ -556,9 +555,9 @@ const Ee = { key: 1 }, Oe = `
|
|
|
556
555
|
], 2)) : S("", !0)
|
|
557
556
|
], 2));
|
|
558
557
|
}
|
|
559
|
-
}), ke = (d,
|
|
558
|
+
}), ke = (d, r) => {
|
|
560
559
|
const e = d.__vccOpts || d;
|
|
561
|
-
for (const [i, g] of
|
|
560
|
+
for (const [i, g] of r)
|
|
562
561
|
e[i] = g;
|
|
563
562
|
return e;
|
|
564
563
|
}, Ct = /* @__PURE__ */ ke(Ye, [["__scopeId", "data-v-aa6b6cdc"]]), Ze = { class: "dk:relative dk:inline-flex dk:items-center dk:flex-shrink-0" }, Re = ["checked", "disabled"], $t = /* @__PURE__ */ L({
|
|
@@ -599,8 +598,8 @@ const Ee = { key: 1 }, Oe = `
|
|
|
599
598
|
}
|
|
600
599
|
},
|
|
601
600
|
emits: ["update:modelValue"],
|
|
602
|
-
setup(d, { emit:
|
|
603
|
-
const e = d, i =
|
|
601
|
+
setup(d, { emit: r }) {
|
|
602
|
+
const e = d, i = r, g = we(), u = {
|
|
604
603
|
sm: {
|
|
605
604
|
track: "dk:w-9 dk:h-5",
|
|
606
605
|
thumb: "dk:w-3.5 dk:h-3.5",
|
|
@@ -662,10 +661,10 @@ const Ee = { key: 1 }, Oe = `
|
|
|
662
661
|
const l = x.target;
|
|
663
662
|
i("update:modelValue", l.checked);
|
|
664
663
|
}
|
|
665
|
-
return (x, l) => (
|
|
664
|
+
return (x, l) => (t(), a("label", {
|
|
666
665
|
class: s(c.value)
|
|
667
666
|
}, [
|
|
668
|
-
n.value && d.labelPosition === "left" ? (
|
|
667
|
+
n.value && d.labelPosition === "left" ? (t(), a("span", {
|
|
669
668
|
key: 0,
|
|
670
669
|
class: s(m.value)
|
|
671
670
|
}, [
|
|
@@ -687,7 +686,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
687
686
|
class: s(C.value)
|
|
688
687
|
}, null, 2)
|
|
689
688
|
]),
|
|
690
|
-
n.value && d.labelPosition === "right" ? (
|
|
689
|
+
n.value && d.labelPosition === "right" ? (t(), a("span", {
|
|
691
690
|
key: 1,
|
|
692
691
|
class: s(m.value)
|
|
693
692
|
}, [
|
|
@@ -712,8 +711,8 @@ const Ee = { key: 1 }, Oe = `
|
|
|
712
711
|
disabled: { type: Boolean, default: !1 }
|
|
713
712
|
},
|
|
714
713
|
emits: ["update:modelValue", "change"],
|
|
715
|
-
setup(d, { emit:
|
|
716
|
-
const e = d, i =
|
|
714
|
+
setup(d, { emit: r }) {
|
|
715
|
+
const e = d, i = r, g = Math.random().toString(36).slice(2, 8);
|
|
717
716
|
function u(w) {
|
|
718
717
|
i("update:modelValue", w), i("change", w);
|
|
719
718
|
}
|
|
@@ -767,17 +766,17 @@ const Ee = { key: 1 }, Oe = `
|
|
|
767
766
|
f
|
|
768
767
|
].join(" ");
|
|
769
768
|
}), l = o(() => "dk:flex dk:flex-col"), k = o(() => [z[e.size].label, "dk:leading-snug dk:text-zinc-800 dk:dark:text-zinc-200"].join(" ")), p = o(() => [z[e.size].description, "dk:leading-snug dk:text-zinc-500 dk:dark:text-zinc-400 dk:mt-0.5"].join(" "));
|
|
770
|
-
return (w, f) => (
|
|
769
|
+
return (w, f) => (t(), a("div", {
|
|
771
770
|
class: s(m.value),
|
|
772
771
|
role: "radiogroup",
|
|
773
772
|
"aria-labelledby": d.groupLabel ? `rg-label-${R(g)}` : void 0
|
|
774
773
|
}, [
|
|
775
|
-
d.groupLabel ? (
|
|
774
|
+
d.groupLabel ? (t(), a("span", {
|
|
776
775
|
key: 0,
|
|
777
776
|
id: `rg-label-${R(g)}`,
|
|
778
777
|
class: s(h.value)
|
|
779
778
|
}, j(d.groupLabel), 11, dd)) : S("", !0),
|
|
780
|
-
(
|
|
779
|
+
(t(!0), a(I, null, N(d.options, (v) => (t(), a("label", {
|
|
781
780
|
key: v.value,
|
|
782
781
|
class: s(C(v.value, v.disabled))
|
|
783
782
|
}, [
|
|
@@ -805,7 +804,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
805
804
|
b("span", {
|
|
806
805
|
class: s(k.value)
|
|
807
806
|
}, j(v.label), 3),
|
|
808
|
-
v.description ? (
|
|
807
|
+
v.description ? (t(), a("span", {
|
|
809
808
|
key: 0,
|
|
810
809
|
class: s(p.value)
|
|
811
810
|
}, j(v.description), 3)) : S("", !0)
|
|
@@ -865,8 +864,8 @@ const Ee = { key: 1 }, Oe = `
|
|
|
865
864
|
}
|
|
866
865
|
},
|
|
867
866
|
emits: ["update:modelValue", "change"],
|
|
868
|
-
setup(d, { emit:
|
|
869
|
-
const e = d, i =
|
|
867
|
+
setup(d, { emit: r }) {
|
|
868
|
+
const e = d, i = r, g = we(), u = {
|
|
870
869
|
sm: {
|
|
871
870
|
track: "dk:w-8 dk:h-4",
|
|
872
871
|
thumb: "dk:w-3 dk:h-3",
|
|
@@ -932,17 +931,17 @@ const Ee = { key: 1 }, Oe = `
|
|
|
932
931
|
const p = k.target;
|
|
933
932
|
i("update:modelValue", p.checked), i("change", p.checked);
|
|
934
933
|
}
|
|
935
|
-
return (k, p) => (
|
|
934
|
+
return (k, p) => (t(), a("label", {
|
|
936
935
|
class: s(n.value)
|
|
937
936
|
}, [
|
|
938
|
-
y.value && d.labelPosition === "left" ? (
|
|
937
|
+
y.value && d.labelPosition === "left" ? (t(), a("span", {
|
|
939
938
|
key: 0,
|
|
940
939
|
class: s(c.value)
|
|
941
940
|
}, [
|
|
942
941
|
_(k.$slots, "default", {}, () => [
|
|
943
942
|
A(j(d.label), 1)
|
|
944
943
|
]),
|
|
945
|
-
d.description ? (
|
|
944
|
+
d.description ? (t(), a("span", {
|
|
946
945
|
key: 0,
|
|
947
946
|
class: s(m.value)
|
|
948
947
|
}, j(d.description), 3)) : S("", !0)
|
|
@@ -962,12 +961,12 @@ const Ee = { key: 1 }, Oe = `
|
|
|
962
961
|
b("span", {
|
|
963
962
|
class: s(C.value)
|
|
964
963
|
}, [
|
|
965
|
-
d.showIcons ? (
|
|
964
|
+
d.showIcons ? (t(), a("span", {
|
|
966
965
|
key: 0,
|
|
967
966
|
"aria-hidden": "true",
|
|
968
967
|
class: s(x.value)
|
|
969
968
|
}, [
|
|
970
|
-
d.modelValue ? (
|
|
969
|
+
d.modelValue ? (t(), a("svg", kd, [...p[0] || (p[0] = [
|
|
971
970
|
b("path", {
|
|
972
971
|
d: "M3.5 6.5l2 2 3-3",
|
|
973
972
|
stroke: "currentColor",
|
|
@@ -976,7 +975,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
976
975
|
"stroke-linejoin": "round",
|
|
977
976
|
fill: "none"
|
|
978
977
|
}, null, -1)
|
|
979
|
-
])])) : (
|
|
978
|
+
])])) : (t(), a("svg", nd, [...p[1] || (p[1] = [
|
|
980
979
|
b("line", {
|
|
981
980
|
x1: "3",
|
|
982
981
|
y1: "3",
|
|
@@ -999,14 +998,14 @@ const Ee = { key: 1 }, Oe = `
|
|
|
999
998
|
], 2)) : S("", !0)
|
|
1000
999
|
], 2)
|
|
1001
1000
|
]),
|
|
1002
|
-
y.value && d.labelPosition === "right" ? (
|
|
1001
|
+
y.value && d.labelPosition === "right" ? (t(), a("span", {
|
|
1003
1002
|
key: 1,
|
|
1004
1003
|
class: s(c.value)
|
|
1005
1004
|
}, [
|
|
1006
1005
|
_(k.$slots, "default", {}, () => [
|
|
1007
1006
|
A(j(d.label), 1)
|
|
1008
1007
|
]),
|
|
1009
|
-
d.description ? (
|
|
1008
|
+
d.description ? (t(), a("span", {
|
|
1010
1009
|
key: 0,
|
|
1011
1010
|
class: s(m.value)
|
|
1012
1011
|
}, j(d.description), 3)) : S("", !0)
|
|
@@ -1036,7 +1035,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1036
1035
|
}
|
|
1037
1036
|
},
|
|
1038
1037
|
setup(d) {
|
|
1039
|
-
const
|
|
1038
|
+
const r = d, e = {
|
|
1040
1039
|
all: "dk:rounded",
|
|
1041
1040
|
top: "dk:rounded-t",
|
|
1042
1041
|
bottom: "dk:rounded-b",
|
|
@@ -1073,10 +1072,10 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1073
1072
|
}
|
|
1074
1073
|
}, g = o(() => {
|
|
1075
1074
|
var n;
|
|
1076
|
-
const u = ((n = i[
|
|
1075
|
+
const u = ((n = i[r.variant]) == null ? void 0 : n[r.color]) || "", z = i[r.variant].base || "", y = e[r.rounded] || "";
|
|
1077
1076
|
return [sd, z, u, y].join(" ");
|
|
1078
1077
|
});
|
|
1079
|
-
return (u, z) => (
|
|
1078
|
+
return (u, z) => (t(), a("div", {
|
|
1080
1079
|
class: s(g.value),
|
|
1081
1080
|
role: "alert"
|
|
1082
1081
|
}, [
|
|
@@ -1107,8 +1106,8 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1107
1106
|
}
|
|
1108
1107
|
},
|
|
1109
1108
|
emits: ["paginate"],
|
|
1110
|
-
setup(d, { emit:
|
|
1111
|
-
const e = d, i =
|
|
1109
|
+
setup(d, { emit: r }) {
|
|
1110
|
+
const e = d, i = r, g = o(() => e.pagination ? Math.ceil(e.pagination.total / e.pagination.perPage) : 0), u = o(() => {
|
|
1112
1111
|
if (!e.pagination) return [];
|
|
1113
1112
|
const y = [], n = 5, { page: c } = e.pagination, m = g.value;
|
|
1114
1113
|
let h = Math.max(1, c - Math.floor(n / 2)), C = Math.min(m, h + n - 1);
|
|
@@ -1119,16 +1118,16 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1119
1118
|
}), z = (y) => {
|
|
1120
1119
|
e.pagination && y >= 1 && y <= g.value && i("paginate", y);
|
|
1121
1120
|
};
|
|
1122
|
-
return (y, n) => (
|
|
1121
|
+
return (y, n) => (t(), a("div", ld, [
|
|
1123
1122
|
b("table", id, [
|
|
1124
1123
|
b("thead", cd, [
|
|
1125
1124
|
b("tr", null, [
|
|
1126
|
-
(
|
|
1125
|
+
(t(!0), a(I, null, N(e.columns, (c) => (t(), a("th", {
|
|
1127
1126
|
key: c.name,
|
|
1128
1127
|
class: s(["dk:px-6 dk:py-3", c.classes])
|
|
1129
1128
|
}, j(c.label), 3))), 128))
|
|
1130
1129
|
]),
|
|
1131
|
-
e.loading ? (
|
|
1130
|
+
e.loading ? (t(), a("tr", ud, [
|
|
1132
1131
|
b("td", {
|
|
1133
1132
|
colspan: e.columns.length,
|
|
1134
1133
|
class: "dk:p-0"
|
|
@@ -1140,11 +1139,11 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1140
1139
|
b("tbody", {
|
|
1141
1140
|
class: s({ "is-loading": e.loading })
|
|
1142
1141
|
}, [
|
|
1143
|
-
(
|
|
1142
|
+
(t(!0), a(I, null, N(e.rows, (c, m) => (t(), a("tr", {
|
|
1144
1143
|
key: m,
|
|
1145
1144
|
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"
|
|
1146
1145
|
}, [
|
|
1147
|
-
(
|
|
1146
|
+
(t(!0), a(I, null, N(e.columns, (h) => (t(), a("td", {
|
|
1148
1147
|
key: h.name,
|
|
1149
1148
|
class: "dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"
|
|
1150
1149
|
}, [
|
|
@@ -1154,7 +1153,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1154
1153
|
]))), 128))
|
|
1155
1154
|
]))), 128))
|
|
1156
1155
|
], 2),
|
|
1157
|
-
e.pagination ? (
|
|
1156
|
+
e.pagination ? (t(), a("tfoot", pd, [
|
|
1158
1157
|
b("tr", null, [
|
|
1159
1158
|
b("td", {
|
|
1160
1159
|
colspan: e.columns.length,
|
|
@@ -1176,7 +1175,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1176
1175
|
_: 1
|
|
1177
1176
|
}, 8, ["disabled"]),
|
|
1178
1177
|
b("div", xd, [
|
|
1179
|
-
(
|
|
1178
|
+
(t(!0), a(I, null, N(u.value, (c) => (t(), a("button", {
|
|
1180
1179
|
key: c,
|
|
1181
1180
|
onClick: (m) => z(c),
|
|
1182
1181
|
class: s(["page-number", { active: c === e.pagination.page }])
|
|
@@ -1223,11 +1222,10 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1223
1222
|
block: { type: Boolean, default: !1 },
|
|
1224
1223
|
title: { default: void 0 },
|
|
1225
1224
|
rounded: { default: "all" },
|
|
1226
|
-
to: { default: void 0 }
|
|
1227
|
-
nuxt: { type: Boolean, default: !1 }
|
|
1225
|
+
to: { default: void 0 }
|
|
1228
1226
|
},
|
|
1229
1227
|
setup(d) {
|
|
1230
|
-
const
|
|
1228
|
+
const r = d, e = o(() => r.to ? ae(r.to) : "span"), i = o(() => ce(r.to, e.value)), g = {
|
|
1231
1229
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
1232
1230
|
md: "dk:text-base dk:px-4 dk:py-2",
|
|
1233
1231
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
@@ -1412,15 +1410,15 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1412
1410
|
}
|
|
1413
1411
|
}, y = o(() => {
|
|
1414
1412
|
var C;
|
|
1415
|
-
const n = (((C = z[
|
|
1413
|
+
const n = (((C = z[r.variant]) == null ? void 0 : C[r.color]) || "") + " " + z[r.variant].base, c = g[r.size] || "", m = r.block ? "dk:block" : "dk:inline-block", h = u[r.rounded] || "";
|
|
1416
1414
|
return [zd, n, c, m, h].join(" ");
|
|
1417
1415
|
});
|
|
1418
|
-
return (n, c) => (
|
|
1416
|
+
return (n, c) => (t(), F(Q(e.value), W(i.value, {
|
|
1419
1417
|
class: y.value,
|
|
1420
|
-
title:
|
|
1418
|
+
title: r.title
|
|
1421
1419
|
}), {
|
|
1422
1420
|
default: E(() => [
|
|
1423
|
-
|
|
1421
|
+
r.loading ? (t(), a("span", wd, "Cargando...")) : _(n.$slots, "default", { key: 0 })
|
|
1424
1422
|
]),
|
|
1425
1423
|
_: 3
|
|
1426
1424
|
}, 16, ["class", "title"]));
|
|
@@ -1435,13 +1433,12 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1435
1433
|
image: { default: void 0 },
|
|
1436
1434
|
title: { default: void 0 },
|
|
1437
1435
|
subtitle: { default: void 0 },
|
|
1438
|
-
to: { default: void 0 }
|
|
1439
|
-
nuxt: { type: Boolean, default: !1 }
|
|
1436
|
+
to: { default: void 0 }
|
|
1440
1437
|
},
|
|
1441
1438
|
setup(d) {
|
|
1442
|
-
const
|
|
1439
|
+
const r = d, e = () => r.to ? ae(r.to) : "div", i = () => r.to ? ae(r.to) : "h3", g = () => {
|
|
1443
1440
|
const l = e();
|
|
1444
|
-
return ce(
|
|
1441
|
+
return ce(r.to, l);
|
|
1445
1442
|
}, u = {
|
|
1446
1443
|
s: {
|
|
1447
1444
|
padding: "dk:p-3",
|
|
@@ -1484,7 +1481,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1484
1481
|
"dk:w-full dk:h-48 dk:object-cover",
|
|
1485
1482
|
"dk:relative dk:z-10"
|
|
1486
1483
|
].join(" ")), n = o(() => {
|
|
1487
|
-
const l = u[
|
|
1484
|
+
const l = u[r.size];
|
|
1488
1485
|
return [
|
|
1489
1486
|
l.padding,
|
|
1490
1487
|
l.spacing,
|
|
@@ -1492,14 +1489,14 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1492
1489
|
"dk:relative dk:z-10"
|
|
1493
1490
|
].join(" ");
|
|
1494
1491
|
}), c = o(() => [
|
|
1495
|
-
u[
|
|
1492
|
+
u[r.size].spacing
|
|
1496
1493
|
].join(" ")), m = o(() => {
|
|
1497
1494
|
const k = [
|
|
1498
|
-
u[
|
|
1495
|
+
u[r.size].titleSize,
|
|
1499
1496
|
"dk:font-semibold dk:text-gray-900 dk:dark:text-gray-100",
|
|
1500
1497
|
"dk:line-clamp-2"
|
|
1501
1498
|
];
|
|
1502
|
-
return
|
|
1499
|
+
return r.to && k.push(
|
|
1503
1500
|
"dk:no-underline dk:hover:underline dk:transition-colors",
|
|
1504
1501
|
"dk:hover:text-blue-600 dk:dark:hover:text-blue-400"
|
|
1505
1502
|
), k.join(" ");
|
|
@@ -1510,24 +1507,24 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1510
1507
|
"dk:hover:scale-105",
|
|
1511
1508
|
"dk:relative dk:z-10"
|
|
1512
1509
|
];
|
|
1513
|
-
return
|
|
1510
|
+
return r.to && l.push("dk:no-underline"), l.join(" ");
|
|
1514
1511
|
}), C = o(() => [
|
|
1515
|
-
u[
|
|
1512
|
+
u[r.size].subtitleSize,
|
|
1516
1513
|
"dk:text-gray-600 dk:dark:text-gray-400",
|
|
1517
1514
|
"dk:line-clamp-3"
|
|
1518
1515
|
].join(" ")), D = o(() => [
|
|
1519
|
-
u[
|
|
1516
|
+
u[r.size].contentSize,
|
|
1520
1517
|
"dk:text-gray-700 dk:dark:text-gray-300"
|
|
1521
1518
|
].join(" ")), x = o(() => [
|
|
1522
1519
|
"dk:border-t dk:border-gray-300/40 dk:dark:border-white/10",
|
|
1523
1520
|
"dk:pt-3 dk:mt-3",
|
|
1524
1521
|
"dk:relative dk:z-10"
|
|
1525
1522
|
].join(" "));
|
|
1526
|
-
return (l, k) => (
|
|
1523
|
+
return (l, k) => (t(), a("div", {
|
|
1527
1524
|
class: s(z.value)
|
|
1528
1525
|
}, [
|
|
1529
|
-
d.image ? (
|
|
1530
|
-
(
|
|
1526
|
+
d.image ? (t(), a("div", Cd, [
|
|
1527
|
+
(t(), F(Q(e()), W(g(), { class: h.value }), {
|
|
1531
1528
|
default: E(() => [
|
|
1532
1529
|
b("img", {
|
|
1533
1530
|
src: d.image,
|
|
@@ -1541,28 +1538,28 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1541
1538
|
b("div", {
|
|
1542
1539
|
class: s(n.value)
|
|
1543
1540
|
}, [
|
|
1544
|
-
d.title || d.subtitle ? (
|
|
1541
|
+
d.title || d.subtitle ? (t(), a("div", {
|
|
1545
1542
|
key: 0,
|
|
1546
1543
|
class: s(c.value)
|
|
1547
1544
|
}, [
|
|
1548
|
-
d.title ? (
|
|
1545
|
+
d.title ? (t(), F(Q(i()), W({ key: 0 }, g(), { class: m.value }), {
|
|
1549
1546
|
default: E(() => [
|
|
1550
1547
|
A(j(d.title), 1)
|
|
1551
1548
|
]),
|
|
1552
1549
|
_: 1
|
|
1553
1550
|
}, 16, ["class"])) : S("", !0),
|
|
1554
|
-
d.subtitle ? (
|
|
1551
|
+
d.subtitle ? (t(), a("p", {
|
|
1555
1552
|
key: 1,
|
|
1556
1553
|
class: s(C.value)
|
|
1557
1554
|
}, j(d.subtitle), 3)) : S("", !0)
|
|
1558
1555
|
], 2)) : S("", !0),
|
|
1559
|
-
l.$slots.default ? (
|
|
1556
|
+
l.$slots.default ? (t(), a("div", {
|
|
1560
1557
|
key: 1,
|
|
1561
1558
|
class: s(D.value)
|
|
1562
1559
|
}, [
|
|
1563
1560
|
_(l.$slots, "default")
|
|
1564
1561
|
], 2)) : S("", !0),
|
|
1565
|
-
l.$slots.footer ? (
|
|
1562
|
+
l.$slots.footer ? (t(), a("div", {
|
|
1566
1563
|
key: 2,
|
|
1567
1564
|
class: s(x.value)
|
|
1568
1565
|
}, [
|
|
@@ -1591,8 +1588,8 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1591
1588
|
zIndex: { default: 50 }
|
|
1592
1589
|
},
|
|
1593
1590
|
emits: ["update:modelValue", "open", "close", "backdrop", "escape"],
|
|
1594
|
-
setup(d, { emit:
|
|
1595
|
-
const e = d, i =
|
|
1591
|
+
setup(d, { emit: r }) {
|
|
1592
|
+
const e = d, i = r, g = Math.random().toString(36).slice(2, 10), u = `dui-modal-title-${g}`, z = `dui-modal-description-${g}`, y = {
|
|
1596
1593
|
all: "dk:rounded-xl",
|
|
1597
1594
|
top: "dk:rounded-t-xl",
|
|
1598
1595
|
bottom: "dk:rounded-b-xl",
|
|
@@ -1688,7 +1685,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1688
1685
|
e.modelValue && k(), typeof window < "u" && window.addEventListener("keydown", v);
|
|
1689
1686
|
}), me(() => {
|
|
1690
1687
|
e.modelValue && p(), typeof window < "u" && window.removeEventListener("keydown", v);
|
|
1691
|
-
}), ($, M) => (
|
|
1688
|
+
}), ($, M) => (t(), F(fe, { to: "body" }, [
|
|
1692
1689
|
de(he, {
|
|
1693
1690
|
"enter-active-class": "dk:transition-opacity dk:duration-200",
|
|
1694
1691
|
"leave-active-class": "dk:transition-opacity dk:duration-200",
|
|
@@ -1696,7 +1693,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1696
1693
|
"leave-to-class": "dk:opacity-0"
|
|
1697
1694
|
}, {
|
|
1698
1695
|
default: E(() => [
|
|
1699
|
-
e.modelValue ? (
|
|
1696
|
+
e.modelValue ? (t(), a("div", {
|
|
1700
1697
|
key: 0,
|
|
1701
1698
|
style: ie({ zIndex: String(e.zIndex) }),
|
|
1702
1699
|
class: s(m.value),
|
|
@@ -1714,25 +1711,25 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1714
1711
|
onClick: M[1] || (M[1] = te(() => {
|
|
1715
1712
|
}, ["stop"]))
|
|
1716
1713
|
}, [
|
|
1717
|
-
$.$slots.header || e.title || e.description || e.showClose ? (
|
|
1714
|
+
$.$slots.header || e.title || e.description || e.showClose ? (t(), a("header", {
|
|
1718
1715
|
key: 0,
|
|
1719
1716
|
class: s(D.value)
|
|
1720
1717
|
}, [
|
|
1721
1718
|
b("div", null, [
|
|
1722
1719
|
_($.$slots, "header", {}, () => [
|
|
1723
|
-
e.title ? (
|
|
1720
|
+
e.title ? (t(), a("h2", {
|
|
1724
1721
|
key: 0,
|
|
1725
1722
|
id: u,
|
|
1726
1723
|
class: "dk:text-lg dk:font-semibold"
|
|
1727
1724
|
}, j(e.title), 1)) : S("", !0),
|
|
1728
|
-
e.description ? (
|
|
1725
|
+
e.description ? (t(), a("p", {
|
|
1729
1726
|
key: 1,
|
|
1730
1727
|
id: z,
|
|
1731
1728
|
class: "dk:mt-1 dk:text-sm dk:opacity-80"
|
|
1732
1729
|
}, j(e.description), 1)) : S("", !0)
|
|
1733
1730
|
])
|
|
1734
1731
|
]),
|
|
1735
|
-
e.showClose ? (
|
|
1732
|
+
e.showClose ? (t(), a("button", {
|
|
1736
1733
|
key: 0,
|
|
1737
1734
|
type: "button",
|
|
1738
1735
|
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",
|
|
@@ -1747,7 +1744,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1747
1744
|
}, [
|
|
1748
1745
|
_($.$slots, "default")
|
|
1749
1746
|
], 2),
|
|
1750
|
-
$.$slots.footer ? (
|
|
1747
|
+
$.$slots.footer ? (t(), a("footer", {
|
|
1751
1748
|
key: 1,
|
|
1752
1749
|
class: s(l.value)
|
|
1753
1750
|
}, [
|
|
@@ -1786,8 +1783,8 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1786
1783
|
teleportTo: { default: "body" }
|
|
1787
1784
|
},
|
|
1788
1785
|
emits: ["update:modelValue", "open", "close"],
|
|
1789
|
-
setup(d, { emit:
|
|
1790
|
-
const e = d, i =
|
|
1786
|
+
setup(d, { emit: r }) {
|
|
1787
|
+
const e = d, i = r, g = U(null), u = U(null), z = U(!1), y = o(() => e.modelValue !== void 0), n = o(() => y.value ? !!e.modelValue : z.value), c = U(e.placement), m = U({ top: 0, left: 0 }), h = U(!1);
|
|
1791
1788
|
let C = null, D = null;
|
|
1792
1789
|
const x = `dui-tooltip-${Math.random().toString(36).slice(2, 10)}`, l = {
|
|
1793
1790
|
all: "dk:rounded-md",
|
|
@@ -1974,7 +1971,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1974
1971
|
typeof window > "u" || (window.addEventListener("resize", X), window.addEventListener("scroll", X, !0), window.addEventListener("click", xe));
|
|
1975
1972
|
}), me(() => {
|
|
1976
1973
|
P(), !(typeof window > "u") && (window.removeEventListener("resize", X), window.removeEventListener("scroll", X, !0), window.removeEventListener("click", xe));
|
|
1977
|
-
}), (B, V) => (
|
|
1974
|
+
}), (B, V) => (t(), a(I, null, [
|
|
1978
1975
|
b("span", {
|
|
1979
1976
|
ref_key: "triggerRef",
|
|
1980
1977
|
ref: g,
|
|
@@ -1992,7 +1989,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
1992
1989
|
])
|
|
1993
1990
|
])
|
|
1994
1991
|
], 40, jd),
|
|
1995
|
-
(
|
|
1992
|
+
(t(), F(fe, {
|
|
1996
1993
|
to: e.teleportTo
|
|
1997
1994
|
}, [
|
|
1998
1995
|
de(he, {
|
|
@@ -2002,7 +1999,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
2002
1999
|
"leave-to-class": "dk:opacity-0"
|
|
2003
2000
|
}, {
|
|
2004
2001
|
default: E(() => [
|
|
2005
|
-
n.value && !e.disabled ? (
|
|
2002
|
+
n.value && !e.disabled ? (t(), a("div", {
|
|
2006
2003
|
key: 0,
|
|
2007
2004
|
ref_key: "tooltipRef",
|
|
2008
2005
|
ref: u,
|
|
@@ -2016,7 +2013,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
2016
2013
|
_(B.$slots, "content", {}, () => [
|
|
2017
2014
|
A(j(e.text), 1)
|
|
2018
2015
|
]),
|
|
2019
|
-
e.arrow ? (
|
|
2016
|
+
e.arrow ? (t(), a("span", {
|
|
2020
2017
|
key: 0,
|
|
2021
2018
|
"aria-hidden": "true",
|
|
2022
2019
|
class: s(M.value)
|
|
@@ -2040,8 +2037,8 @@ const Ee = { key: 1 }, Oe = `
|
|
|
2040
2037
|
flush: { type: Boolean, default: !1 }
|
|
2041
2038
|
},
|
|
2042
2039
|
emits: ["update:modelValue", "change"],
|
|
2043
|
-
setup(d, { emit:
|
|
2044
|
-
const e = d, i =
|
|
2040
|
+
setup(d, { emit: r }) {
|
|
2041
|
+
const e = d, i = r, g = U([]);
|
|
2045
2042
|
function u() {
|
|
2046
2043
|
return e.modelValue === void 0 ? g.value : Array.isArray(e.modelValue) ? e.modelValue : e.modelValue ? [e.modelValue] : [];
|
|
2047
2044
|
}
|
|
@@ -2115,10 +2112,10 @@ const Ee = { key: 1 }, Oe = `
|
|
|
2115
2112
|
n[e.size].content,
|
|
2116
2113
|
"dk:text-zinc-600 dk:dark:text-zinc-400 dk:leading-relaxed"
|
|
2117
2114
|
].join(" "));
|
|
2118
|
-
return (w, f) => (
|
|
2115
|
+
return (w, f) => (t(), a("div", {
|
|
2119
2116
|
class: s(C.value)
|
|
2120
2117
|
}, [
|
|
2121
|
-
(
|
|
2118
|
+
(t(!0), a(I, null, N(d.items, (v, $) => (t(), a("details", {
|
|
2122
2119
|
key: v.value ?? $,
|
|
2123
2120
|
open: z(v.value ?? String($)),
|
|
2124
2121
|
class: s(D.value),
|
|
@@ -2129,13 +2126,13 @@ const Ee = { key: 1 }, Oe = `
|
|
|
2129
2126
|
class: s(x(v.value ?? String($), v.disabled)),
|
|
2130
2127
|
onClick: te((M) => y(v.value ?? String($), v.disabled), ["prevent"])
|
|
2131
2128
|
}, [
|
|
2132
|
-
v.icon ? (
|
|
2129
|
+
v.icon ? (t(), a("span", {
|
|
2133
2130
|
key: 0,
|
|
2134
2131
|
"aria-hidden": "true",
|
|
2135
2132
|
class: s(k.value)
|
|
2136
2133
|
}, j(v.icon), 3)) : S("", !0),
|
|
2137
2134
|
b("span", Dd, j(v.title), 1),
|
|
2138
|
-
(
|
|
2135
|
+
(t(), a("svg", {
|
|
2139
2136
|
class: s(l(v.value ?? String($))),
|
|
2140
2137
|
viewBox: "0 0 16 16",
|
|
2141
2138
|
fill: "none",
|
|
@@ -2174,8 +2171,8 @@ const Ee = { key: 1 }, Oe = `
|
|
|
2174
2171
|
href: { default: void 0 }
|
|
2175
2172
|
},
|
|
2176
2173
|
emits: ["dismiss"],
|
|
2177
|
-
setup(d, { emit:
|
|
2178
|
-
const e = d, i =
|
|
2174
|
+
setup(d, { emit: r }) {
|
|
2175
|
+
const e = d, i = r, g = {
|
|
2179
2176
|
xs: "dk:text-[10px] dk:leading-none dk:px-1.5 dk:py-0.5 dk:gap-1",
|
|
2180
2177
|
sm: "dk:text-xs dk:leading-none dk:px-2 dk:py-1 dk:gap-1",
|
|
2181
2178
|
md: "dk:text-sm dk:px-2.5 dk:py-1 dk:gap-1.5",
|
|
@@ -2225,17 +2222,17 @@ const Ee = { key: 1 }, Oe = `
|
|
|
2225
2222
|
"dk:opacity-60 dk:hover:opacity-100 dk:transition-opacity dk:outline-none",
|
|
2226
2223
|
"dk:hover:bg-black/10 dk:dark:hover:bg-white/10"
|
|
2227
2224
|
].join(" "));
|
|
2228
|
-
return (C, D) => (
|
|
2225
|
+
return (C, D) => (t(), F(Q(d.href ? "a" : "span"), W({
|
|
2229
2226
|
href: d.href,
|
|
2230
2227
|
class: n.value
|
|
2231
2228
|
}, C.$attrs), {
|
|
2232
2229
|
default: E(() => [
|
|
2233
|
-
C.$slots.icon || d.dot ? (
|
|
2230
|
+
C.$slots.icon || d.dot ? (t(), a("span", {
|
|
2234
2231
|
key: 0,
|
|
2235
2232
|
"aria-hidden": "true",
|
|
2236
2233
|
class: s(m.value)
|
|
2237
2234
|
}, [
|
|
2238
|
-
d.dot ? (
|
|
2235
|
+
d.dot ? (t(), a("span", {
|
|
2239
2236
|
key: 0,
|
|
2240
2237
|
class: s(c.value)
|
|
2241
2238
|
}, null, 2)) : _(C.$slots, "icon", { key: 1 })
|
|
@@ -2243,7 +2240,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
2243
2240
|
_(C.$slots, "default", {}, () => [
|
|
2244
2241
|
A(j(d.label), 1)
|
|
2245
2242
|
]),
|
|
2246
|
-
d.dismissible ? (
|
|
2243
|
+
d.dismissible ? (t(), a("button", {
|
|
2247
2244
|
key: 1,
|
|
2248
2245
|
type: "button",
|
|
2249
2246
|
class: s(h.value),
|
|
@@ -2268,8 +2265,8 @@ const Ee = { key: 1 }, Oe = `
|
|
|
2268
2265
|
disabled: { type: Boolean, default: !1 }
|
|
2269
2266
|
},
|
|
2270
2267
|
emits: ["update:modelValue", "open", "close"],
|
|
2271
|
-
setup(d, { emit:
|
|
2272
|
-
const e = d, i =
|
|
2268
|
+
setup(d, { emit: r }) {
|
|
2269
|
+
const e = d, i = r, g = U(null), u = U(!1), z = o(() => e.modelValue !== void 0 ? e.modelValue : u.value);
|
|
2273
2270
|
function y() {
|
|
2274
2271
|
if (e.disabled) return;
|
|
2275
2272
|
const l = !z.value;
|
|
@@ -2324,7 +2321,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
2324
2321
|
h[e.rounded],
|
|
2325
2322
|
C[e.variant][e.color]
|
|
2326
2323
|
].join(" "));
|
|
2327
|
-
return (l, k) => (
|
|
2324
|
+
return (l, k) => (t(), a("div", {
|
|
2328
2325
|
ref_key: "wrapperRef",
|
|
2329
2326
|
ref: g,
|
|
2330
2327
|
class: "dk:relative dk:inline-block"
|
|
@@ -2345,7 +2342,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
2345
2342
|
"leave-to-class": "dk:opacity-0 dk:scale-95"
|
|
2346
2343
|
}, {
|
|
2347
2344
|
default: E(() => [
|
|
2348
|
-
z.value ? (
|
|
2345
|
+
z.value ? (t(), a("div", {
|
|
2349
2346
|
key: 0,
|
|
2350
2347
|
class: s(x.value),
|
|
2351
2348
|
style: ie(D.value),
|
|
@@ -2374,8 +2371,8 @@ const Ee = { key: 1 }, Oe = `
|
|
|
2374
2371
|
size: { default: "md" }
|
|
2375
2372
|
},
|
|
2376
2373
|
emits: ["click"],
|
|
2377
|
-
setup(d, { emit:
|
|
2378
|
-
const e = d, i =
|
|
2374
|
+
setup(d, { emit: r }) {
|
|
2375
|
+
const e = d, i = r, g = o(() => e.href ? { href: e.href, target: e.target } : { type: "button", disabled: e.disabled }), u = {
|
|
2379
2376
|
sm: "dk:px-3 dk:py-1 dk:text-xs",
|
|
2380
2377
|
md: "dk:px-3 dk:py-2 dk:text-sm",
|
|
2381
2378
|
lg: "dk:px-4 dk:py-2.5 dk:text-base"
|
|
@@ -2386,14 +2383,14 @@ const Ee = { key: 1 }, Oe = `
|
|
|
2386
2383
|
function n(c) {
|
|
2387
2384
|
e.disabled || i("click", c);
|
|
2388
2385
|
}
|
|
2389
|
-
return (c, m) => (
|
|
2386
|
+
return (c, m) => (t(), F(Q(d.href ? "a" : "button"), W(g.value, {
|
|
2390
2387
|
class: z.value,
|
|
2391
2388
|
role: "menuitem",
|
|
2392
2389
|
"aria-disabled": d.disabled,
|
|
2393
2390
|
onClick: n
|
|
2394
2391
|
}), {
|
|
2395
2392
|
default: E(() => [
|
|
2396
|
-
c.$slots.icon || d.icon ? (
|
|
2393
|
+
c.$slots.icon || d.icon ? (t(), a("span", {
|
|
2397
2394
|
key: 0,
|
|
2398
2395
|
class: s(y.value),
|
|
2399
2396
|
"aria-hidden": "true"
|
|
@@ -2407,7 +2404,7 @@ const Ee = { key: 1 }, Oe = `
|
|
|
2407
2404
|
A(j(d.label), 1)
|
|
2408
2405
|
])
|
|
2409
2406
|
]),
|
|
2410
|
-
c.$slots.trailing ? (
|
|
2407
|
+
c.$slots.trailing ? (t(), a("span", Wd, [
|
|
2411
2408
|
_(c.$slots, "trailing")
|
|
2412
2409
|
])) : S("", !0)
|
|
2413
2410
|
]),
|
|
@@ -2419,8 +2416,8 @@ const Ee = { key: 1 }, Oe = `
|
|
|
2419
2416
|
role: "separator",
|
|
2420
2417
|
"aria-orientation": "horizontal"
|
|
2421
2418
|
};
|
|
2422
|
-
function Nd(d,
|
|
2423
|
-
return
|
|
2419
|
+
function Nd(d, r) {
|
|
2420
|
+
return t(), a("hr", Od);
|
|
2424
2421
|
}
|
|
2425
2422
|
const Wt = /* @__PURE__ */ ke(Ed, [["render", Nd]]), Fd = ["aria-label"], Kd = ["disabled", "aria-label"], qd = {
|
|
2426
2423
|
key: 0,
|
|
@@ -2446,8 +2443,8 @@ const Wt = /* @__PURE__ */ ke(Ed, [["render", Nd]]), Fd = ["aria-label"], Kd = [
|
|
|
2446
2443
|
ariaLabel: { default: "Paginacion" }
|
|
2447
2444
|
},
|
|
2448
2445
|
emits: ["update:modelValue", "change"],
|
|
2449
|
-
setup(d, { emit:
|
|
2450
|
-
const e = d, i =
|
|
2446
|
+
setup(d, { emit: r }) {
|
|
2447
|
+
const e = d, i = r, g = o(() => Math.max(1, Math.ceil(e.total / e.perPage)));
|
|
2451
2448
|
function u(l) {
|
|
2452
2449
|
l < 1 || l > g.value || l === e.modelValue || (i("update:modelValue", l), i("change", l));
|
|
2453
2450
|
}
|
|
@@ -2517,7 +2514,7 @@ const Wt = /* @__PURE__ */ ke(Ed, [["render", Nd]]), Fd = ["aria-label"], Kd = [
|
|
|
2517
2514
|
].join(" ");
|
|
2518
2515
|
}
|
|
2519
2516
|
const x = o(() => ["dk:inline-flex dk:items-center dk:justify-center dk:text-zinc-400 dk:select-none", y[e.size]].join(" "));
|
|
2520
|
-
return (l, k) => (
|
|
2517
|
+
return (l, k) => (t(), a("nav", {
|
|
2521
2518
|
"aria-label": d.ariaLabel,
|
|
2522
2519
|
class: s(m.value)
|
|
2523
2520
|
}, [
|
|
@@ -2540,14 +2537,14 @@ const Wt = /* @__PURE__ */ ke(Ed, [["render", Nd]]), Fd = ["aria-label"], Kd = [
|
|
|
2540
2537
|
}, [
|
|
2541
2538
|
b("polyline", { points: "10 4 6 8 10 12" })
|
|
2542
2539
|
], -1)),
|
|
2543
|
-
d.showLabels ? (
|
|
2540
|
+
d.showLabels ? (t(), a("span", qd, j(d.prevLabel), 1)) : S("", !0)
|
|
2544
2541
|
], 10, Kd),
|
|
2545
|
-
(
|
|
2546
|
-
p === "..." ? (
|
|
2542
|
+
(t(!0), a(I, null, N(z.value, (p) => (t(), a(I, { key: p }, [
|
|
2543
|
+
p === "..." ? (t(), a("span", {
|
|
2547
2544
|
key: 0,
|
|
2548
2545
|
class: s(x.value),
|
|
2549
2546
|
"aria-hidden": "true"
|
|
2550
|
-
}, "…", 2)) : (
|
|
2547
|
+
}, "…", 2)) : (t(), a("button", {
|
|
2551
2548
|
key: 1,
|
|
2552
2549
|
type: "button",
|
|
2553
2550
|
"aria-label": `Pagina ${p}`,
|
|
@@ -2563,7 +2560,7 @@ const Wt = /* @__PURE__ */ ke(Ed, [["render", Nd]]), Fd = ["aria-label"], Kd = [
|
|
|
2563
2560
|
class: s([C.value, d.modelValue >= g.value ? "dk:opacity-40 dk:cursor-not-allowed" : ""]),
|
|
2564
2561
|
onClick: k[1] || (k[1] = (p) => u(d.modelValue + 1))
|
|
2565
2562
|
}, [
|
|
2566
|
-
d.showLabels ? (
|
|
2563
|
+
d.showLabels ? (t(), a("span", Qd, j(d.nextLabel), 1)) : S("", !0),
|
|
2567
2564
|
k[3] || (k[3] = b("svg", {
|
|
2568
2565
|
class: "dk:w-4 dk:h-4",
|
|
2569
2566
|
viewBox: "0 0 16 16",
|
|
@@ -2588,14 +2585,14 @@ const Wt = /* @__PURE__ */ ke(Ed, [["render", Nd]]), Fd = ["aria-label"], Kd = [
|
|
|
2588
2585
|
animation: { default: "pulse" }
|
|
2589
2586
|
},
|
|
2590
2587
|
setup(d) {
|
|
2591
|
-
const
|
|
2588
|
+
const r = d;
|
|
2592
2589
|
function e(y) {
|
|
2593
2590
|
if (y !== void 0)
|
|
2594
2591
|
return typeof y == "number" ? `${y}px` : y;
|
|
2595
2592
|
}
|
|
2596
2593
|
const i = o(() => ({
|
|
2597
|
-
width: e(
|
|
2598
|
-
height: e(
|
|
2594
|
+
width: e(r.width),
|
|
2595
|
+
height: e(r.height)
|
|
2599
2596
|
})), g = {
|
|
2600
2597
|
pulse: "dui-skeleton-pulse",
|
|
2601
2598
|
wave: "dui-skeleton-wave",
|
|
@@ -2607,10 +2604,10 @@ const Wt = /* @__PURE__ */ ke(Ed, [["render", Nd]]), Fd = ["aria-label"], Kd = [
|
|
|
2607
2604
|
rounded: "dk:block dk:w-full dk:h-20 dk:rounded-xl"
|
|
2608
2605
|
}, z = o(() => [
|
|
2609
2606
|
"dk:bg-zinc-200 dk:dark:bg-zinc-700",
|
|
2610
|
-
u[
|
|
2611
|
-
g[
|
|
2607
|
+
u[r.variant],
|
|
2608
|
+
g[r.animation]
|
|
2612
2609
|
].join(" "));
|
|
2613
|
-
return (y, n) => (
|
|
2610
|
+
return (y, n) => (t(), a("span", {
|
|
2614
2611
|
class: s(z.value),
|
|
2615
2612
|
style: ie(i.value),
|
|
2616
2613
|
"aria-hidden": "true",
|
|
@@ -2633,8 +2630,8 @@ const Wt = /* @__PURE__ */ ke(Ed, [["render", Nd]]), Fd = ["aria-label"], Kd = [
|
|
|
2633
2630
|
ariaLabel: { default: "Tabs" }
|
|
2634
2631
|
},
|
|
2635
2632
|
emits: ["update:modelValue", "change"],
|
|
2636
|
-
setup(d, { emit:
|
|
2637
|
-
const e = d, i =
|
|
2633
|
+
setup(d, { emit: r }) {
|
|
2634
|
+
const e = d, i = r, g = Math.random().toString(36).slice(2, 8);
|
|
2638
2635
|
function u(x, l) {
|
|
2639
2636
|
l || (i("update:modelValue", x), i("change", x));
|
|
2640
2637
|
}
|
|
@@ -2685,7 +2682,7 @@ const Wt = /* @__PURE__ */ ke(Ed, [["render", Nd]]), Fd = ["aria-label"], Kd = [
|
|
|
2685
2682
|
return [k, p, $, f, v, M].join(" ");
|
|
2686
2683
|
}
|
|
2687
2684
|
const C = o(() => "dk:ml-1 dk:inline-flex dk:items-center dk:justify-center dk:rounded-full dk:bg-current/15 dk:text-current dk:text-[10px] dk:font-semibold dk:px-1.5 dk:py-px dk:leading-none"), D = o(() => [{ sm: "dk:pt-3", md: "dk:pt-4", lg: "dk:pt-5" }[e.size], "dk:outline-none"].join(" "));
|
|
2688
|
-
return (x, l) => (
|
|
2685
|
+
return (x, l) => (t(), a("div", {
|
|
2689
2686
|
class: s(c.value)
|
|
2690
2687
|
}, [
|
|
2691
2688
|
b("div", {
|
|
@@ -2693,7 +2690,7 @@ const Wt = /* @__PURE__ */ ke(Ed, [["render", Nd]]), Fd = ["aria-label"], Kd = [
|
|
|
2693
2690
|
role: "tablist",
|
|
2694
2691
|
"aria-label": d.ariaLabel
|
|
2695
2692
|
}, [
|
|
2696
|
-
(
|
|
2693
|
+
(t(!0), a(I, null, N(d.tabs, (k) => (t(), a("button", {
|
|
2697
2694
|
key: k.value,
|
|
2698
2695
|
type: "button",
|
|
2699
2696
|
id: `tab-${R(g)}-${k.value}`,
|
|
@@ -2705,15 +2702,15 @@ const Wt = /* @__PURE__ */ ke(Ed, [["render", Nd]]), Fd = ["aria-label"], Kd = [
|
|
|
2705
2702
|
onClick: (p) => u(k.value, k.disabled),
|
|
2706
2703
|
onKeydown: (p) => z(p, k.value)
|
|
2707
2704
|
}, [
|
|
2708
|
-
k.icon ? (
|
|
2705
|
+
k.icon ? (t(), a("span", Yd, j(k.icon), 1)) : S("", !0),
|
|
2709
2706
|
A(" " + j(k.label) + " ", 1),
|
|
2710
|
-
k.badge !== void 0 ? (
|
|
2707
|
+
k.badge !== void 0 ? (t(), a("span", {
|
|
2711
2708
|
key: 1,
|
|
2712
2709
|
class: s(C.value)
|
|
2713
2710
|
}, j(k.badge), 3)) : S("", !0)
|
|
2714
2711
|
], 42, Xd))), 128))
|
|
2715
2712
|
], 10, Jd),
|
|
2716
|
-
(
|
|
2713
|
+
(t(!0), a(I, null, N(d.tabs, (k) => (t(), a("div", {
|
|
2717
2714
|
key: k.value,
|
|
2718
2715
|
id: `panel-${R(g)}-${k.value}`,
|
|
2719
2716
|
"aria-labelledby": `tab-${R(g)}-${k.value}`,
|
|
@@ -2728,8 +2725,8 @@ const Wt = /* @__PURE__ */ ke(Ed, [["render", Nd]]), Fd = ["aria-label"], Kd = [
|
|
|
2728
2725
|
}
|
|
2729
2726
|
}), oe = ze({ toasts: [] });
|
|
2730
2727
|
function re(d) {
|
|
2731
|
-
const
|
|
2732
|
-
id:
|
|
2728
|
+
const r = Math.random().toString(36).slice(2, 10), e = {
|
|
2729
|
+
id: r,
|
|
2733
2730
|
title: d.title,
|
|
2734
2731
|
message: d.message,
|
|
2735
2732
|
color: d.color ?? "neutral",
|
|
@@ -2737,11 +2734,11 @@ function re(d) {
|
|
|
2737
2734
|
closable: d.closable ?? !0,
|
|
2738
2735
|
icon: d.icon
|
|
2739
2736
|
};
|
|
2740
|
-
return oe.toasts.push(e), e.duration > 0 && setTimeout(() => Ce(
|
|
2737
|
+
return oe.toasts.push(e), e.duration > 0 && setTimeout(() => Ce(r), e.duration), r;
|
|
2741
2738
|
}
|
|
2742
2739
|
function Ce(d) {
|
|
2743
|
-
const
|
|
2744
|
-
|
|
2740
|
+
const r = oe.toasts.findIndex((e) => e.id === d);
|
|
2741
|
+
r !== -1 && oe.toasts.splice(r, 1);
|
|
2745
2742
|
}
|
|
2746
2743
|
function Rd() {
|
|
2747
2744
|
oe.toasts.splice(0);
|
|
@@ -2752,10 +2749,10 @@ function et() {
|
|
|
2752
2749
|
add: re,
|
|
2753
2750
|
remove: Ce,
|
|
2754
2751
|
clear: Rd,
|
|
2755
|
-
success: (d,
|
|
2756
|
-
error: (d,
|
|
2757
|
-
warning: (d,
|
|
2758
|
-
info: (d,
|
|
2752
|
+
success: (d, r) => re({ ...r, message: d, color: "success" }),
|
|
2753
|
+
error: (d, r) => re({ ...r, message: d, color: "danger" }),
|
|
2754
|
+
warning: (d, r) => re({ ...r, message: d, color: "warning" }),
|
|
2755
|
+
info: (d, r) => re({ ...r, message: d, color: "primary" })
|
|
2759
2756
|
};
|
|
2760
2757
|
}
|
|
2761
2758
|
const dt = {
|
|
@@ -2773,7 +2770,7 @@ const dt = {
|
|
|
2773
2770
|
zIndex: { default: 9999 }
|
|
2774
2771
|
},
|
|
2775
2772
|
setup(d) {
|
|
2776
|
-
const
|
|
2773
|
+
const r = d, { toasts: e, remove: i } = et(), g = o(() => e.slice(0, r.maxToasts)), u = {
|
|
2777
2774
|
"top-right": "dk:top-4 dk:right-4 dk:items-end",
|
|
2778
2775
|
"top-left": "dk:top-4 dk:left-4 dk:items-start",
|
|
2779
2776
|
"top-center": "dk:top-4 dk:left-1/2 dk:-translate-x-1/2 dk:items-center",
|
|
@@ -2782,8 +2779,8 @@ const dt = {
|
|
|
2782
2779
|
"bottom-center": "dk:bottom-4 dk:left-1/2 dk:-translate-x-1/2 dk:items-center"
|
|
2783
2780
|
}, z = o(() => [
|
|
2784
2781
|
"dk:fixed dk:pointer-events-none",
|
|
2785
|
-
u[
|
|
2786
|
-
`dk:z-[${
|
|
2782
|
+
u[r.position],
|
|
2783
|
+
`dk:z-[${r.zIndex}]`
|
|
2787
2784
|
].join(" ")), y = o(() => "dk:relative dk:flex dk:flex-col dk:gap-2 dk:w-80 dk:max-w-[calc(100vw-2rem)]"), n = {
|
|
2788
2785
|
neutral: "dk:bg-zinc-800 dk:dark:bg-zinc-700 dk:text-white dk:border-zinc-600",
|
|
2789
2786
|
primary: "dk:bg-slate-700 dk:dark:bg-slate-700 dk:text-white dk:border-slate-500",
|
|
@@ -2809,7 +2806,7 @@ const dt = {
|
|
|
2809
2806
|
function h(C) {
|
|
2810
2807
|
return ["dk:flex-shrink-0 dk:w-2 dk:h-2 dk:rounded-full dk:mt-1", c[C]].join(" ");
|
|
2811
2808
|
}
|
|
2812
|
-
return (C, D) => (
|
|
2809
|
+
return (C, D) => (t(), F(fe, { to: "body" }, [
|
|
2813
2810
|
b("div", {
|
|
2814
2811
|
class: s(z.value),
|
|
2815
2812
|
"aria-live": "polite",
|
|
@@ -2825,23 +2822,23 @@ const dt = {
|
|
|
2825
2822
|
"move-class": "dk:transition-all dk:duration-300"
|
|
2826
2823
|
}, {
|
|
2827
2824
|
default: E(() => [
|
|
2828
|
-
(
|
|
2825
|
+
(t(!0), a(I, null, N(g.value, (x) => (t(), a("div", {
|
|
2829
2826
|
key: x.id,
|
|
2830
2827
|
role: "alert",
|
|
2831
2828
|
class: s(m(x.color))
|
|
2832
2829
|
}, [
|
|
2833
|
-
x.icon ? (
|
|
2830
|
+
x.icon ? (t(), a("span", dt, j(x.icon), 1)) : (t(), a("span", {
|
|
2834
2831
|
key: 1,
|
|
2835
2832
|
class: s(h(x.color)),
|
|
2836
2833
|
"aria-hidden": "true"
|
|
2837
2834
|
}, null, 2)),
|
|
2838
2835
|
b("div", tt, [
|
|
2839
|
-
x.title ? (
|
|
2836
|
+
x.title ? (t(), a("p", rt, j(x.title), 1)) : S("", !0),
|
|
2840
2837
|
b("p", {
|
|
2841
2838
|
class: s(["dk:text-sm dk:leading-snug", { "dk:opacity-80": x.title }])
|
|
2842
2839
|
}, j(x.message), 3)
|
|
2843
2840
|
]),
|
|
2844
|
-
x.closable ? (
|
|
2841
|
+
x.closable ? (t(), a("button", {
|
|
2845
2842
|
key: 2,
|
|
2846
2843
|
type: "button",
|
|
2847
2844
|
class: s(ot),
|
|
@@ -2861,14 +2858,14 @@ const dt = {
|
|
|
2861
2858
|
}, nt = { class: "dk:hidden dk:md:flex dk:items-center dk:flex-1" }, st = {
|
|
2862
2859
|
key: 0,
|
|
2863
2860
|
class: "dk:relative dk:group"
|
|
2864
|
-
}, lt = { 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:
|
|
2861
|
+
}, lt = { 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:bg-none dk:dark:bg-zinc-900 dk:backdrop-blur-md dk:shadow-lg dk:border dk:border-white/40 dk:dark:border-zinc-800 dk:opacity-0 dk:invisible dk:group-hover:opacity-100 dk:group-hover:visible dk:transition-all dk:duration-200 dk:z-50" }, it = {
|
|
2865
2862
|
key: 1,
|
|
2866
2863
|
class: "dk:hidden dk:md:flex dk:items-center dk:gap-2 dk:flex-shrink-0"
|
|
2867
2864
|
}, ct = {
|
|
2868
2865
|
class: "dk:w-6 dk:h-6 dk:stroke-gray-900 dk:dark:stroke-white",
|
|
2869
2866
|
fill: "none",
|
|
2870
2867
|
viewBox: "0 0 24 24"
|
|
2871
|
-
}, ut = ["d"], bt = { 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:
|
|
2868
|
+
}, ut = ["d"], bt = { 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:bg-none dk:dark:bg-zinc-900 dk:backdrop-blur-md dk:border-t dk:border-white/40 dk:dark:border-zinc-800 dk:shadow-lg dk:dark:shadow-black/30 dk:z-40" }, pt = { class: "dk:px-4 dk:py-3 dk:space-y-2" }, gt = { key: 0 }, mt = ["onClick"], ft = { class: "dk:flex dk:items-center" }, ht = { class: "dk:ml-4 dk:mt-2 dk:space-y-1" }, xt = {
|
|
2872
2869
|
key: 0,
|
|
2873
2870
|
class: "dk:pt-3 dk:border-t dk:border-white/20 dk:dark:border-white/10"
|
|
2874
2871
|
}, Kt = /* @__PURE__ */ L({
|
|
@@ -2876,12 +2873,11 @@ const dt = {
|
|
|
2876
2873
|
props: {
|
|
2877
2874
|
items: { default: () => [] },
|
|
2878
2875
|
size: { default: "m" },
|
|
2879
|
-
nuxt: { type: Boolean, default: !1 },
|
|
2880
2876
|
itemsAlignment: { default: "left" },
|
|
2881
2877
|
underlineColor: { default: "primary" }
|
|
2882
2878
|
},
|
|
2883
2879
|
setup(d) {
|
|
2884
|
-
const
|
|
2880
|
+
const r = d, e = U(!1), i = ze({}), g = (p) => ae(p.to), u = (p) => {
|
|
2885
2881
|
const w = g(p);
|
|
2886
2882
|
return ce(p.to, w);
|
|
2887
2883
|
}, z = () => {
|
|
@@ -2912,18 +2908,18 @@ const dt = {
|
|
|
2912
2908
|
itemPadding: "dk:px-4 dk:py-3"
|
|
2913
2909
|
}
|
|
2914
2910
|
}, m = o(() => {
|
|
2915
|
-
const p = c[
|
|
2911
|
+
const p = c[r.size];
|
|
2916
2912
|
return [
|
|
2917
|
-
|
|
2918
|
-
"dk:
|
|
2919
|
-
"dk:dark:
|
|
2920
|
-
"dk:backdrop-blur-md dk:backdrop-brightness-110",
|
|
2921
|
-
"dk:border-b dk:border-white/40 dk:dark:border-
|
|
2913
|
+
"dk:relative",
|
|
2914
|
+
"dk:bg-gradient-to-b dk:from-white/80 dk:via-white/70 dk:to-gray-50/80",
|
|
2915
|
+
"dk:dark:bg-none dk:dark:bg-zinc-900",
|
|
2916
|
+
"dk:backdrop-blur-md dk:backdrop-brightness-110 dk:dark:backdrop-filter-none",
|
|
2917
|
+
"dk:border-b dk:border-white/40 dk:dark:border-zinc-800",
|
|
2922
2918
|
"dk:shadow-lg dk:shadow-black/10 dk:dark:shadow-black/30",
|
|
2923
|
-
// Borde superior iluminado (
|
|
2919
|
+
// Borde superior iluminado (solo en light)
|
|
2924
2920
|
"dk:before:absolute dk:before:top-0 dk:before:left-0 dk:before:right-0 dk:before:h-0.5",
|
|
2925
2921
|
"dk:before:bg-gradient-to-r dk:before:from-white/60 dk:before:via-white/40 dk:before:to-transparent",
|
|
2926
|
-
"dk:dark:before:
|
|
2922
|
+
"dk:dark:before:hidden",
|
|
2927
2923
|
"dk:flex dk:items-center dk:w-full dk:gap-4",
|
|
2928
2924
|
p.height,
|
|
2929
2925
|
p.padding,
|
|
@@ -2935,7 +2931,7 @@ const dt = {
|
|
|
2935
2931
|
left: "dk:justify-start",
|
|
2936
2932
|
center: "dk:justify-center",
|
|
2937
2933
|
right: "dk:justify-end"
|
|
2938
|
-
}[
|
|
2934
|
+
}[r.itemsAlignment]
|
|
2939
2935
|
].join(" ")), C = () => {
|
|
2940
2936
|
const p = {
|
|
2941
2937
|
neutral: "dk:before:from-zinc-500 dk:before:to-zinc-600 dk:dark:before:from-zinc-400 dk:dark:before:to-zinc-500",
|
|
@@ -2945,9 +2941,9 @@ const dt = {
|
|
|
2945
2941
|
danger: "dk:before:from-rose-500 dk:before:to-rose-600 dk:dark:before:from-rose-400 dk:dark:before:to-rose-500",
|
|
2946
2942
|
warning: "dk:before:from-amber-500 dk:before:to-amber-600 dk:dark:before:from-amber-400 dk:dark:before:to-amber-500"
|
|
2947
2943
|
};
|
|
2948
|
-
return p[
|
|
2944
|
+
return p[r.underlineColor] || p.primary;
|
|
2949
2945
|
}, D = o(() => {
|
|
2950
|
-
const p = c[
|
|
2946
|
+
const p = c[r.size], w = C();
|
|
2951
2947
|
return (f, v = !0) => {
|
|
2952
2948
|
const $ = f.active ?? !1, M = v ? "dk:pl-3" : "dk:pl-2", P = "dk:pr-3", J = v ? "dk:pl-2" : "dk:pl-1", Y = "dk:pr-2", Z = v ? "dk:pl-4" : "dk:pl-3", ue = "dk:pr-4";
|
|
2953
2949
|
let ee = "";
|
|
@@ -2986,25 +2982,25 @@ const dt = {
|
|
|
2986
2982
|
"dk:border-l-2 dk:border-transparent dk:hover:border-blue-500",
|
|
2987
2983
|
"dk:transition-all dk:duration-200 dk:no-underline"
|
|
2988
2984
|
].join(" "));
|
|
2989
|
-
return (p, w) => (
|
|
2985
|
+
return (p, w) => (t(), a("nav", {
|
|
2990
2986
|
class: s(m.value)
|
|
2991
2987
|
}, [
|
|
2992
|
-
p.$slots.brand ? (
|
|
2988
|
+
p.$slots.brand ? (t(), a("div", kt, [
|
|
2993
2989
|
_(p.$slots, "brand")
|
|
2994
2990
|
])) : S("", !0),
|
|
2995
2991
|
b("div", nt, [
|
|
2996
2992
|
b("div", {
|
|
2997
2993
|
class: s(h.value)
|
|
2998
2994
|
}, [
|
|
2999
|
-
(
|
|
2995
|
+
(t(!0), a(I, null, N(d.items, (f) => (t(), a(I, {
|
|
3000
2996
|
key: f.label
|
|
3001
2997
|
}, [
|
|
3002
|
-
f.children && f.children.length > 0 ? (
|
|
3003
|
-
(
|
|
2998
|
+
f.children && f.children.length > 0 ? (t(), a("div", st, [
|
|
2999
|
+
(t(), F(Q(g(f)), W({ ref_for: !0 }, u(f), {
|
|
3004
3000
|
class: D.value(f, !0)
|
|
3005
3001
|
}), {
|
|
3006
3002
|
default: E(() => [
|
|
3007
|
-
f.icon ? (
|
|
3003
|
+
f.icon ? (t(), a("i", {
|
|
3008
3004
|
key: 0,
|
|
3009
3005
|
class: s([f.icon, "dk:mr-2"])
|
|
3010
3006
|
}, null, 2)) : S("", !0),
|
|
@@ -3026,11 +3022,11 @@ const dt = {
|
|
|
3026
3022
|
_: 2
|
|
3027
3023
|
}, 1040, ["class"])),
|
|
3028
3024
|
b("div", lt, [
|
|
3029
|
-
(
|
|
3025
|
+
(t(!0), a(I, null, N(f.children, (v) => (t(), F(Q(g(v)), W({
|
|
3030
3026
|
key: v.label
|
|
3031
3027
|
}, { ref_for: !0 }, u(v), { class: x.value }), {
|
|
3032
3028
|
default: E(() => [
|
|
3033
|
-
v.icon ? (
|
|
3029
|
+
v.icon ? (t(), a("i", {
|
|
3034
3030
|
key: 0,
|
|
3035
3031
|
class: s([v.icon, "dk:mr-2"])
|
|
3036
3032
|
}, null, 2)) : S("", !0),
|
|
@@ -3039,14 +3035,14 @@ const dt = {
|
|
|
3039
3035
|
_: 2
|
|
3040
3036
|
}, 1040, ["class"]))), 128))
|
|
3041
3037
|
])
|
|
3042
|
-
])) : (
|
|
3038
|
+
])) : (t(), F(Q(g(f)), W({
|
|
3043
3039
|
key: 1,
|
|
3044
3040
|
ref_for: !0
|
|
3045
3041
|
}, u(f), {
|
|
3046
3042
|
class: D.value(f, !1)
|
|
3047
3043
|
}), {
|
|
3048
3044
|
default: E(() => [
|
|
3049
|
-
f.icon ? (
|
|
3045
|
+
f.icon ? (t(), a("i", {
|
|
3050
3046
|
key: 0,
|
|
3051
3047
|
class: s([f.icon, "dk:mr-2"])
|
|
3052
3048
|
}, null, 2)) : S("", !0),
|
|
@@ -3057,7 +3053,7 @@ const dt = {
|
|
|
3057
3053
|
], 64))), 128))
|
|
3058
3054
|
], 2)
|
|
3059
3055
|
]),
|
|
3060
|
-
p.$slots.actions ? (
|
|
3056
|
+
p.$slots.actions ? (t(), a("div", it, [
|
|
3061
3057
|
_(p.$slots, "actions")
|
|
3062
3058
|
])) : S("", !0),
|
|
3063
3059
|
b("button", {
|
|
@@ -3065,7 +3061,7 @@ const dt = {
|
|
|
3065
3061
|
onClick: z,
|
|
3066
3062
|
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"
|
|
3067
3063
|
}, [
|
|
3068
|
-
(
|
|
3064
|
+
(t(), a("svg", ct, [
|
|
3069
3065
|
b("path", {
|
|
3070
3066
|
"stroke-linecap": "round",
|
|
3071
3067
|
"stroke-linejoin": "round",
|
|
@@ -3076,23 +3072,23 @@ const dt = {
|
|
|
3076
3072
|
]),
|
|
3077
3073
|
be(b("div", bt, [
|
|
3078
3074
|
b("div", pt, [
|
|
3079
|
-
(
|
|
3075
|
+
(t(!0), a(I, null, N(d.items, (f) => (t(), a(I, {
|
|
3080
3076
|
key: f.label
|
|
3081
3077
|
}, [
|
|
3082
|
-
f.children && f.children.length > 0 ? (
|
|
3078
|
+
f.children && f.children.length > 0 ? (t(), a("div", gt, [
|
|
3083
3079
|
b("button", {
|
|
3084
3080
|
type: "button",
|
|
3085
3081
|
onClick: (v) => n(f.label),
|
|
3086
3082
|
class: s([l.value, "dk:justify-between"])
|
|
3087
3083
|
}, [
|
|
3088
3084
|
b("div", ft, [
|
|
3089
|
-
f.icon ? (
|
|
3085
|
+
f.icon ? (t(), a("i", {
|
|
3090
3086
|
key: 0,
|
|
3091
3087
|
class: s([f.icon, "dk:mr-2"])
|
|
3092
3088
|
}, null, 2)) : S("", !0),
|
|
3093
3089
|
A(" " + j(f.label), 1)
|
|
3094
3090
|
]),
|
|
3095
|
-
(
|
|
3091
|
+
(t(), a("svg", {
|
|
3096
3092
|
class: s(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0", i[f.label] ? "dk:rotate-180" : ""]),
|
|
3097
3093
|
fill: "none",
|
|
3098
3094
|
stroke: "currentColor",
|
|
@@ -3107,14 +3103,14 @@ const dt = {
|
|
|
3107
3103
|
])], 2))
|
|
3108
3104
|
], 10, mt),
|
|
3109
3105
|
be(b("div", ht, [
|
|
3110
|
-
(
|
|
3106
|
+
(t(!0), a(I, null, N(f.children, (v) => (t(), F(Q(g(v)), W({
|
|
3111
3107
|
key: v.label
|
|
3112
3108
|
}, { ref_for: !0 }, u(v), {
|
|
3113
3109
|
class: k.value,
|
|
3114
3110
|
onClick: y
|
|
3115
3111
|
}), {
|
|
3116
3112
|
default: E(() => [
|
|
3117
|
-
v.icon ? (
|
|
3113
|
+
v.icon ? (t(), a("i", {
|
|
3118
3114
|
key: 0,
|
|
3119
3115
|
class: s([v.icon, "dk:mr-2"])
|
|
3120
3116
|
}, null, 2)) : S("", !0),
|
|
@@ -3125,7 +3121,7 @@ const dt = {
|
|
|
3125
3121
|
], 512), [
|
|
3126
3122
|
[pe, i[f.label]]
|
|
3127
3123
|
])
|
|
3128
|
-
])) : (
|
|
3124
|
+
])) : (t(), F(Q(g(f)), W({
|
|
3129
3125
|
key: 1,
|
|
3130
3126
|
ref_for: !0
|
|
3131
3127
|
}, u(f), {
|
|
@@ -3133,7 +3129,7 @@ const dt = {
|
|
|
3133
3129
|
onClick: y
|
|
3134
3130
|
}), {
|
|
3135
3131
|
default: E(() => [
|
|
3136
|
-
f.icon ? (
|
|
3132
|
+
f.icon ? (t(), a("i", {
|
|
3137
3133
|
key: 0,
|
|
3138
3134
|
class: s([f.icon, "dk:mr-2"])
|
|
3139
3135
|
}, null, 2)) : S("", !0),
|
|
@@ -3142,7 +3138,7 @@ const dt = {
|
|
|
3142
3138
|
_: 2
|
|
3143
3139
|
}, 1040, ["class"]))
|
|
3144
3140
|
], 64))), 128)),
|
|
3145
|
-
p.$slots.actions ? (
|
|
3141
|
+
p.$slots.actions ? (t(), a("div", xt, [
|
|
3146
3142
|
_(p.$slots, "actions")
|
|
3147
3143
|
])) : S("", !0)
|
|
3148
3144
|
])
|