@dronico/droni-kit 1.18.0 → 1.18.2
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 +206 -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,8 +2690,9 @@ 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,
|
|
2695
|
+
type: "button",
|
|
2698
2696
|
id: `tab-${R(g)}-${k.value}`,
|
|
2699
2697
|
"aria-controls": `panel-${R(g)}-${k.value}`,
|
|
2700
2698
|
"aria-selected": d.modelValue === k.value,
|
|
@@ -2704,15 +2702,15 @@ const Wt = /* @__PURE__ */ ke(Ed, [["render", Nd]]), Fd = ["aria-label"], Kd = [
|
|
|
2704
2702
|
onClick: (p) => u(k.value, k.disabled),
|
|
2705
2703
|
onKeydown: (p) => z(p, k.value)
|
|
2706
2704
|
}, [
|
|
2707
|
-
k.icon ? (
|
|
2705
|
+
k.icon ? (t(), a("span", Yd, j(k.icon), 1)) : S("", !0),
|
|
2708
2706
|
A(" " + j(k.label) + " ", 1),
|
|
2709
|
-
k.badge !== void 0 ? (
|
|
2707
|
+
k.badge !== void 0 ? (t(), a("span", {
|
|
2710
2708
|
key: 1,
|
|
2711
2709
|
class: s(C.value)
|
|
2712
2710
|
}, j(k.badge), 3)) : S("", !0)
|
|
2713
2711
|
], 42, Xd))), 128))
|
|
2714
2712
|
], 10, Jd),
|
|
2715
|
-
(
|
|
2713
|
+
(t(!0), a(I, null, N(d.tabs, (k) => (t(), a("div", {
|
|
2716
2714
|
key: k.value,
|
|
2717
2715
|
id: `panel-${R(g)}-${k.value}`,
|
|
2718
2716
|
"aria-labelledby": `tab-${R(g)}-${k.value}`,
|
|
@@ -2727,8 +2725,8 @@ const Wt = /* @__PURE__ */ ke(Ed, [["render", Nd]]), Fd = ["aria-label"], Kd = [
|
|
|
2727
2725
|
}
|
|
2728
2726
|
}), oe = ze({ toasts: [] });
|
|
2729
2727
|
function re(d) {
|
|
2730
|
-
const
|
|
2731
|
-
id:
|
|
2728
|
+
const r = Math.random().toString(36).slice(2, 10), e = {
|
|
2729
|
+
id: r,
|
|
2732
2730
|
title: d.title,
|
|
2733
2731
|
message: d.message,
|
|
2734
2732
|
color: d.color ?? "neutral",
|
|
@@ -2736,11 +2734,11 @@ function re(d) {
|
|
|
2736
2734
|
closable: d.closable ?? !0,
|
|
2737
2735
|
icon: d.icon
|
|
2738
2736
|
};
|
|
2739
|
-
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;
|
|
2740
2738
|
}
|
|
2741
2739
|
function Ce(d) {
|
|
2742
|
-
const
|
|
2743
|
-
|
|
2740
|
+
const r = oe.toasts.findIndex((e) => e.id === d);
|
|
2741
|
+
r !== -1 && oe.toasts.splice(r, 1);
|
|
2744
2742
|
}
|
|
2745
2743
|
function Rd() {
|
|
2746
2744
|
oe.toasts.splice(0);
|
|
@@ -2751,10 +2749,10 @@ function et() {
|
|
|
2751
2749
|
add: re,
|
|
2752
2750
|
remove: Ce,
|
|
2753
2751
|
clear: Rd,
|
|
2754
|
-
success: (d,
|
|
2755
|
-
error: (d,
|
|
2756
|
-
warning: (d,
|
|
2757
|
-
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" })
|
|
2758
2756
|
};
|
|
2759
2757
|
}
|
|
2760
2758
|
const dt = {
|
|
@@ -2772,7 +2770,7 @@ const dt = {
|
|
|
2772
2770
|
zIndex: { default: 9999 }
|
|
2773
2771
|
},
|
|
2774
2772
|
setup(d) {
|
|
2775
|
-
const
|
|
2773
|
+
const r = d, { toasts: e, remove: i } = et(), g = o(() => e.slice(0, r.maxToasts)), u = {
|
|
2776
2774
|
"top-right": "dk:top-4 dk:right-4 dk:items-end",
|
|
2777
2775
|
"top-left": "dk:top-4 dk:left-4 dk:items-start",
|
|
2778
2776
|
"top-center": "dk:top-4 dk:left-1/2 dk:-translate-x-1/2 dk:items-center",
|
|
@@ -2781,8 +2779,8 @@ const dt = {
|
|
|
2781
2779
|
"bottom-center": "dk:bottom-4 dk:left-1/2 dk:-translate-x-1/2 dk:items-center"
|
|
2782
2780
|
}, z = o(() => [
|
|
2783
2781
|
"dk:fixed dk:pointer-events-none",
|
|
2784
|
-
u[
|
|
2785
|
-
`dk:z-[${
|
|
2782
|
+
u[r.position],
|
|
2783
|
+
`dk:z-[${r.zIndex}]`
|
|
2786
2784
|
].join(" ")), y = o(() => "dk:relative dk:flex dk:flex-col dk:gap-2 dk:w-80 dk:max-w-[calc(100vw-2rem)]"), n = {
|
|
2787
2785
|
neutral: "dk:bg-zinc-800 dk:dark:bg-zinc-700 dk:text-white dk:border-zinc-600",
|
|
2788
2786
|
primary: "dk:bg-slate-700 dk:dark:bg-slate-700 dk:text-white dk:border-slate-500",
|
|
@@ -2808,7 +2806,7 @@ const dt = {
|
|
|
2808
2806
|
function h(C) {
|
|
2809
2807
|
return ["dk:flex-shrink-0 dk:w-2 dk:h-2 dk:rounded-full dk:mt-1", c[C]].join(" ");
|
|
2810
2808
|
}
|
|
2811
|
-
return (C, D) => (
|
|
2809
|
+
return (C, D) => (t(), F(fe, { to: "body" }, [
|
|
2812
2810
|
b("div", {
|
|
2813
2811
|
class: s(z.value),
|
|
2814
2812
|
"aria-live": "polite",
|
|
@@ -2824,23 +2822,23 @@ const dt = {
|
|
|
2824
2822
|
"move-class": "dk:transition-all dk:duration-300"
|
|
2825
2823
|
}, {
|
|
2826
2824
|
default: E(() => [
|
|
2827
|
-
(
|
|
2825
|
+
(t(!0), a(I, null, N(g.value, (x) => (t(), a("div", {
|
|
2828
2826
|
key: x.id,
|
|
2829
2827
|
role: "alert",
|
|
2830
2828
|
class: s(m(x.color))
|
|
2831
2829
|
}, [
|
|
2832
|
-
x.icon ? (
|
|
2830
|
+
x.icon ? (t(), a("span", dt, j(x.icon), 1)) : (t(), a("span", {
|
|
2833
2831
|
key: 1,
|
|
2834
2832
|
class: s(h(x.color)),
|
|
2835
2833
|
"aria-hidden": "true"
|
|
2836
2834
|
}, null, 2)),
|
|
2837
2835
|
b("div", tt, [
|
|
2838
|
-
x.title ? (
|
|
2836
|
+
x.title ? (t(), a("p", rt, j(x.title), 1)) : S("", !0),
|
|
2839
2837
|
b("p", {
|
|
2840
2838
|
class: s(["dk:text-sm dk:leading-snug", { "dk:opacity-80": x.title }])
|
|
2841
2839
|
}, j(x.message), 3)
|
|
2842
2840
|
]),
|
|
2843
|
-
x.closable ? (
|
|
2841
|
+
x.closable ? (t(), a("button", {
|
|
2844
2842
|
key: 2,
|
|
2845
2843
|
type: "button",
|
|
2846
2844
|
class: s(ot),
|
|
@@ -2860,14 +2858,14 @@ const dt = {
|
|
|
2860
2858
|
}, nt = { class: "dk:hidden dk:md:flex dk:items-center dk:flex-1" }, st = {
|
|
2861
2859
|
key: 0,
|
|
2862
2860
|
class: "dk:relative dk:group"
|
|
2863
|
-
}, 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 = {
|
|
2864
2862
|
key: 1,
|
|
2865
2863
|
class: "dk:hidden dk:md:flex dk:items-center dk:gap-2 dk:flex-shrink-0"
|
|
2866
2864
|
}, ct = {
|
|
2867
2865
|
class: "dk:w-6 dk:h-6 dk:stroke-gray-900 dk:dark:stroke-white",
|
|
2868
2866
|
fill: "none",
|
|
2869
2867
|
viewBox: "0 0 24 24"
|
|
2870
|
-
}, 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 = {
|
|
2871
2869
|
key: 0,
|
|
2872
2870
|
class: "dk:pt-3 dk:border-t dk:border-white/20 dk:dark:border-white/10"
|
|
2873
2871
|
}, Kt = /* @__PURE__ */ L({
|
|
@@ -2875,12 +2873,11 @@ const dt = {
|
|
|
2875
2873
|
props: {
|
|
2876
2874
|
items: { default: () => [] },
|
|
2877
2875
|
size: { default: "m" },
|
|
2878
|
-
nuxt: { type: Boolean, default: !1 },
|
|
2879
2876
|
itemsAlignment: { default: "left" },
|
|
2880
2877
|
underlineColor: { default: "primary" }
|
|
2881
2878
|
},
|
|
2882
2879
|
setup(d) {
|
|
2883
|
-
const
|
|
2880
|
+
const r = d, e = U(!1), i = ze({}), g = (p) => ae(p.to), u = (p) => {
|
|
2884
2881
|
const w = g(p);
|
|
2885
2882
|
return ce(p.to, w);
|
|
2886
2883
|
}, z = () => {
|
|
@@ -2911,18 +2908,18 @@ const dt = {
|
|
|
2911
2908
|
itemPadding: "dk:px-4 dk:py-3"
|
|
2912
2909
|
}
|
|
2913
2910
|
}, m = o(() => {
|
|
2914
|
-
const p = c[
|
|
2911
|
+
const p = c[r.size];
|
|
2915
2912
|
return [
|
|
2916
|
-
|
|
2917
|
-
"dk:
|
|
2918
|
-
"dk:dark:
|
|
2919
|
-
"dk:backdrop-blur-md dk:backdrop-brightness-110",
|
|
2920
|
-
"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",
|
|
2921
2918
|
"dk:shadow-lg dk:shadow-black/10 dk:dark:shadow-black/30",
|
|
2922
|
-
// Borde superior iluminado (
|
|
2919
|
+
// Borde superior iluminado (solo en light)
|
|
2923
2920
|
"dk:before:absolute dk:before:top-0 dk:before:left-0 dk:before:right-0 dk:before:h-0.5",
|
|
2924
2921
|
"dk:before:bg-gradient-to-r dk:before:from-white/60 dk:before:via-white/40 dk:before:to-transparent",
|
|
2925
|
-
"dk:dark:before:
|
|
2922
|
+
"dk:dark:before:hidden",
|
|
2926
2923
|
"dk:flex dk:items-center dk:w-full dk:gap-4",
|
|
2927
2924
|
p.height,
|
|
2928
2925
|
p.padding,
|
|
@@ -2934,7 +2931,7 @@ const dt = {
|
|
|
2934
2931
|
left: "dk:justify-start",
|
|
2935
2932
|
center: "dk:justify-center",
|
|
2936
2933
|
right: "dk:justify-end"
|
|
2937
|
-
}[
|
|
2934
|
+
}[r.itemsAlignment]
|
|
2938
2935
|
].join(" ")), C = () => {
|
|
2939
2936
|
const p = {
|
|
2940
2937
|
neutral: "dk:before:from-zinc-500 dk:before:to-zinc-600 dk:dark:before:from-zinc-400 dk:dark:before:to-zinc-500",
|
|
@@ -2944,9 +2941,9 @@ const dt = {
|
|
|
2944
2941
|
danger: "dk:before:from-rose-500 dk:before:to-rose-600 dk:dark:before:from-rose-400 dk:dark:before:to-rose-500",
|
|
2945
2942
|
warning: "dk:before:from-amber-500 dk:before:to-amber-600 dk:dark:before:from-amber-400 dk:dark:before:to-amber-500"
|
|
2946
2943
|
};
|
|
2947
|
-
return p[
|
|
2944
|
+
return p[r.underlineColor] || p.primary;
|
|
2948
2945
|
}, D = o(() => {
|
|
2949
|
-
const p = c[
|
|
2946
|
+
const p = c[r.size], w = C();
|
|
2950
2947
|
return (f, v = !0) => {
|
|
2951
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";
|
|
2952
2949
|
let ee = "";
|
|
@@ -2985,25 +2982,25 @@ const dt = {
|
|
|
2985
2982
|
"dk:border-l-2 dk:border-transparent dk:hover:border-blue-500",
|
|
2986
2983
|
"dk:transition-all dk:duration-200 dk:no-underline"
|
|
2987
2984
|
].join(" "));
|
|
2988
|
-
return (p, w) => (
|
|
2985
|
+
return (p, w) => (t(), a("nav", {
|
|
2989
2986
|
class: s(m.value)
|
|
2990
2987
|
}, [
|
|
2991
|
-
p.$slots.brand ? (
|
|
2988
|
+
p.$slots.brand ? (t(), a("div", kt, [
|
|
2992
2989
|
_(p.$slots, "brand")
|
|
2993
2990
|
])) : S("", !0),
|
|
2994
2991
|
b("div", nt, [
|
|
2995
2992
|
b("div", {
|
|
2996
2993
|
class: s(h.value)
|
|
2997
2994
|
}, [
|
|
2998
|
-
(
|
|
2995
|
+
(t(!0), a(I, null, N(d.items, (f) => (t(), a(I, {
|
|
2999
2996
|
key: f.label
|
|
3000
2997
|
}, [
|
|
3001
|
-
f.children && f.children.length > 0 ? (
|
|
3002
|
-
(
|
|
2998
|
+
f.children && f.children.length > 0 ? (t(), a("div", st, [
|
|
2999
|
+
(t(), F(Q(g(f)), W({ ref_for: !0 }, u(f), {
|
|
3003
3000
|
class: D.value(f, !0)
|
|
3004
3001
|
}), {
|
|
3005
3002
|
default: E(() => [
|
|
3006
|
-
f.icon ? (
|
|
3003
|
+
f.icon ? (t(), a("i", {
|
|
3007
3004
|
key: 0,
|
|
3008
3005
|
class: s([f.icon, "dk:mr-2"])
|
|
3009
3006
|
}, null, 2)) : S("", !0),
|
|
@@ -3025,11 +3022,11 @@ const dt = {
|
|
|
3025
3022
|
_: 2
|
|
3026
3023
|
}, 1040, ["class"])),
|
|
3027
3024
|
b("div", lt, [
|
|
3028
|
-
(
|
|
3025
|
+
(t(!0), a(I, null, N(f.children, (v) => (t(), F(Q(g(v)), W({
|
|
3029
3026
|
key: v.label
|
|
3030
3027
|
}, { ref_for: !0 }, u(v), { class: x.value }), {
|
|
3031
3028
|
default: E(() => [
|
|
3032
|
-
v.icon ? (
|
|
3029
|
+
v.icon ? (t(), a("i", {
|
|
3033
3030
|
key: 0,
|
|
3034
3031
|
class: s([v.icon, "dk:mr-2"])
|
|
3035
3032
|
}, null, 2)) : S("", !0),
|
|
@@ -3038,14 +3035,14 @@ const dt = {
|
|
|
3038
3035
|
_: 2
|
|
3039
3036
|
}, 1040, ["class"]))), 128))
|
|
3040
3037
|
])
|
|
3041
|
-
])) : (
|
|
3038
|
+
])) : (t(), F(Q(g(f)), W({
|
|
3042
3039
|
key: 1,
|
|
3043
3040
|
ref_for: !0
|
|
3044
3041
|
}, u(f), {
|
|
3045
3042
|
class: D.value(f, !1)
|
|
3046
3043
|
}), {
|
|
3047
3044
|
default: E(() => [
|
|
3048
|
-
f.icon ? (
|
|
3045
|
+
f.icon ? (t(), a("i", {
|
|
3049
3046
|
key: 0,
|
|
3050
3047
|
class: s([f.icon, "dk:mr-2"])
|
|
3051
3048
|
}, null, 2)) : S("", !0),
|
|
@@ -3056,7 +3053,7 @@ const dt = {
|
|
|
3056
3053
|
], 64))), 128))
|
|
3057
3054
|
], 2)
|
|
3058
3055
|
]),
|
|
3059
|
-
p.$slots.actions ? (
|
|
3056
|
+
p.$slots.actions ? (t(), a("div", it, [
|
|
3060
3057
|
_(p.$slots, "actions")
|
|
3061
3058
|
])) : S("", !0),
|
|
3062
3059
|
b("button", {
|
|
@@ -3064,7 +3061,7 @@ const dt = {
|
|
|
3064
3061
|
onClick: z,
|
|
3065
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"
|
|
3066
3063
|
}, [
|
|
3067
|
-
(
|
|
3064
|
+
(t(), a("svg", ct, [
|
|
3068
3065
|
b("path", {
|
|
3069
3066
|
"stroke-linecap": "round",
|
|
3070
3067
|
"stroke-linejoin": "round",
|
|
@@ -3075,23 +3072,23 @@ const dt = {
|
|
|
3075
3072
|
]),
|
|
3076
3073
|
be(b("div", bt, [
|
|
3077
3074
|
b("div", pt, [
|
|
3078
|
-
(
|
|
3075
|
+
(t(!0), a(I, null, N(d.items, (f) => (t(), a(I, {
|
|
3079
3076
|
key: f.label
|
|
3080
3077
|
}, [
|
|
3081
|
-
f.children && f.children.length > 0 ? (
|
|
3078
|
+
f.children && f.children.length > 0 ? (t(), a("div", gt, [
|
|
3082
3079
|
b("button", {
|
|
3083
3080
|
type: "button",
|
|
3084
3081
|
onClick: (v) => n(f.label),
|
|
3085
3082
|
class: s([l.value, "dk:justify-between"])
|
|
3086
3083
|
}, [
|
|
3087
3084
|
b("div", ft, [
|
|
3088
|
-
f.icon ? (
|
|
3085
|
+
f.icon ? (t(), a("i", {
|
|
3089
3086
|
key: 0,
|
|
3090
3087
|
class: s([f.icon, "dk:mr-2"])
|
|
3091
3088
|
}, null, 2)) : S("", !0),
|
|
3092
3089
|
A(" " + j(f.label), 1)
|
|
3093
3090
|
]),
|
|
3094
|
-
(
|
|
3091
|
+
(t(), a("svg", {
|
|
3095
3092
|
class: s(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0", i[f.label] ? "dk:rotate-180" : ""]),
|
|
3096
3093
|
fill: "none",
|
|
3097
3094
|
stroke: "currentColor",
|
|
@@ -3106,14 +3103,14 @@ const dt = {
|
|
|
3106
3103
|
])], 2))
|
|
3107
3104
|
], 10, mt),
|
|
3108
3105
|
be(b("div", ht, [
|
|
3109
|
-
(
|
|
3106
|
+
(t(!0), a(I, null, N(f.children, (v) => (t(), F(Q(g(v)), W({
|
|
3110
3107
|
key: v.label
|
|
3111
3108
|
}, { ref_for: !0 }, u(v), {
|
|
3112
3109
|
class: k.value,
|
|
3113
3110
|
onClick: y
|
|
3114
3111
|
}), {
|
|
3115
3112
|
default: E(() => [
|
|
3116
|
-
v.icon ? (
|
|
3113
|
+
v.icon ? (t(), a("i", {
|
|
3117
3114
|
key: 0,
|
|
3118
3115
|
class: s([v.icon, "dk:mr-2"])
|
|
3119
3116
|
}, null, 2)) : S("", !0),
|
|
@@ -3124,7 +3121,7 @@ const dt = {
|
|
|
3124
3121
|
], 512), [
|
|
3125
3122
|
[pe, i[f.label]]
|
|
3126
3123
|
])
|
|
3127
|
-
])) : (
|
|
3124
|
+
])) : (t(), F(Q(g(f)), W({
|
|
3128
3125
|
key: 1,
|
|
3129
3126
|
ref_for: !0
|
|
3130
3127
|
}, u(f), {
|
|
@@ -3132,7 +3129,7 @@ const dt = {
|
|
|
3132
3129
|
onClick: y
|
|
3133
3130
|
}), {
|
|
3134
3131
|
default: E(() => [
|
|
3135
|
-
f.icon ? (
|
|
3132
|
+
f.icon ? (t(), a("i", {
|
|
3136
3133
|
key: 0,
|
|
3137
3134
|
class: s([f.icon, "dk:mr-2"])
|
|
3138
3135
|
}, null, 2)) : S("", !0),
|
|
@@ -3141,7 +3138,7 @@ const dt = {
|
|
|
3141
3138
|
_: 2
|
|
3142
3139
|
}, 1040, ["class"]))
|
|
3143
3140
|
], 64))), 128)),
|
|
3144
|
-
p.$slots.actions ? (
|
|
3141
|
+
p.$slots.actions ? (t(), a("div", xt, [
|
|
3145
3142
|
_(p.$slots, "actions")
|
|
3146
3143
|
])) : S("", !0)
|
|
3147
3144
|
])
|