@dronico/droni-kit 1.24.1 → 1.24.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 +7 -0
- package/dist/droni-kit.cjs.js +9 -9
- package/dist/droni-kit.es.js +683 -675
- package/package.json +1 -1
package/dist/droni-kit.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { getCurrentInstance as Pe, defineComponent as L, computed as k, openBlock as t, createBlock as W, resolveDynamicComponent as Q, mergeProps as O, withCtx as A, renderSlot as _, createElementBlock as a, ref as F, watch as ae, normalizeClass as c, createElementVNode as m, withModifiers as R, toDisplayString as j, createCommentVNode as
|
|
1
|
+
import { getCurrentInstance as Pe, defineComponent as L, computed as k, openBlock as t, createBlock as W, resolveDynamicComponent as Q, mergeProps as O, withCtx as A, renderSlot as _, createElementBlock as a, ref as F, watch as ae, normalizeClass as c, createElementVNode as m, withModifiers as R, toDisplayString as j, createCommentVNode as S, Fragment as E, renderList as K, createTextVNode as P, withDirectives as xe, vShow as he, useSlots as we, unref as Z, createVNode as J, onMounted as be, onBeforeUnmount as pe, Teleport as me, Transition as ne, normalizeStyle as te, nextTick as ue, withKeys as ye, reactive as ze, readonly as Ie, TransitionGroup as Ae } from "vue";
|
|
2
2
|
function Ee() {
|
|
3
3
|
try {
|
|
4
4
|
const d = Pe(), r = d == null ? void 0 : d.appContext.app;
|
|
@@ -11,8 +11,8 @@ function se(d) {
|
|
|
11
11
|
return d ? Ee() ? "RouterLink" : "a" : "button";
|
|
12
12
|
}
|
|
13
13
|
function fe(d, r, e = {}) {
|
|
14
|
-
const
|
|
15
|
-
return r === "a" ? (
|
|
14
|
+
const i = { ...e };
|
|
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 We = { key: 1 }, Oe = `
|
|
18
18
|
dk:transition
|
|
@@ -40,10 +40,10 @@ const We = { key: 1 }, Oe = `
|
|
|
40
40
|
to: { default: void 0 }
|
|
41
41
|
},
|
|
42
42
|
setup(d) {
|
|
43
|
-
const r = d, e = k(() => se(r.to)),
|
|
44
|
-
const
|
|
45
|
-
return e.value === "button" && (
|
|
46
|
-
}),
|
|
43
|
+
const r = d, e = k(() => se(r.to)), i = k(() => {
|
|
44
|
+
const p = {};
|
|
45
|
+
return e.value === "button" && (p.type = r.type), fe(r.to, e.value, p);
|
|
46
|
+
}), g = {
|
|
47
47
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
48
48
|
md: "dk:text-base dk:px-4 dk:py-2",
|
|
49
49
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
@@ -226,18 +226,18 @@ const We = { key: 1 }, Oe = `
|
|
|
226
226
|
dk:dark:text-amber-100
|
|
227
227
|
dk:dark:hover:bg-amber-800`
|
|
228
228
|
}
|
|
229
|
-
},
|
|
230
|
-
var
|
|
231
|
-
const
|
|
232
|
-
return [Oe,
|
|
229
|
+
}, v = k(() => {
|
|
230
|
+
var z;
|
|
231
|
+
const p = (((z = w[r.variant]) == null ? void 0 : z[r.color]) || "") + " " + w[r.variant].base, b = g[r.size] || "", h = r.block ? "dk:w-full" : "", f = n[r.rounded] || "";
|
|
232
|
+
return [Oe, p, b, h, f].join(" ");
|
|
233
233
|
});
|
|
234
|
-
return (
|
|
235
|
-
class:
|
|
234
|
+
return (p, b) => (t(), W(Q(e.value), O(i.value, {
|
|
235
|
+
class: v.value,
|
|
236
236
|
title: r.title,
|
|
237
237
|
disabled: r.disabled || r.loading
|
|
238
238
|
}), {
|
|
239
239
|
default: A(() => [
|
|
240
|
-
r.loading ? (t(), a("span", We, "Cargando...")) : _(
|
|
240
|
+
r.loading ? (t(), a("span", We, "Cargando...")) : _(p.$slots, "default", {}, void 0, void 0, 0)
|
|
241
241
|
]),
|
|
242
242
|
_: 3
|
|
243
243
|
}, 16, ["class", "title", "disabled"]));
|
|
@@ -277,19 +277,19 @@ const We = { key: 1 }, Oe = `
|
|
|
277
277
|
},
|
|
278
278
|
emits: ["update:modelValue", "open-browser", "upload-file", "open-file"],
|
|
279
279
|
setup(d, { emit: r }) {
|
|
280
|
-
const e = d,
|
|
280
|
+
const e = d, i = r, g = F(null), n = F(""), w = {
|
|
281
281
|
sm: "dk:gap-1 dk:px-2 dk:py-1",
|
|
282
282
|
md: "dk:gap-2 dk:px-3 dk:py-2",
|
|
283
283
|
lg: "dk:gap-3 dk:px-4 dk:py-3"
|
|
284
|
-
},
|
|
284
|
+
}, v = {
|
|
285
285
|
all: "dk:rounded-xl",
|
|
286
286
|
top: "dk:rounded-t-xl",
|
|
287
287
|
bottom: "dk:rounded-b-xl",
|
|
288
288
|
left: "dk:rounded-l-xl",
|
|
289
289
|
right: "dk:rounded-r-xl",
|
|
290
290
|
none: "dk:rounded-none"
|
|
291
|
-
},
|
|
292
|
-
const o = w[e.size] || w.md, s =
|
|
291
|
+
}, p = k(() => e.block ? "dk:w-full" : "dk:inline-flex dk:max-w-full"), b = k(() => {
|
|
292
|
+
const o = w[e.size] || w.md, s = v[e.rounded] || v.all;
|
|
293
293
|
return [
|
|
294
294
|
"dk:flex dk:w-full dk:flex-col dk:items-stretch dk:justify-between dk:border-b dk:border-zinc-300 dk:bg-zinc-50 dk:text-zinc-800 dk:shadow-sm dk:transition-colors",
|
|
295
295
|
"dk:dark:border-zinc-600 dk:dark:bg-zinc-800 dk:dark:text-zinc-100",
|
|
@@ -297,60 +297,60 @@ const We = { key: 1 }, Oe = `
|
|
|
297
297
|
o,
|
|
298
298
|
s
|
|
299
299
|
].join(" ");
|
|
300
|
-
}),
|
|
300
|
+
}), h = k(() => "dk:min-w-0 dk:flex-1"), f = k(() => [
|
|
301
301
|
"dk:flex dk:flex-col dk:gap-2 dk:w-full",
|
|
302
302
|
"dk:sm:w-auto dk:sm:flex-row dk:sm:items-center dk:sm:justify-end"
|
|
303
|
-
].join(" ")),
|
|
303
|
+
].join(" ")), z = k(() => [
|
|
304
304
|
"dk:mt-1 dk:max-w-full dk:overflow-hidden dk:text-ellipsis dk:whitespace-nowrap dk:text-sm",
|
|
305
305
|
e.modelValue || n.value ? "dk:text-zinc-900 dk:dark:text-zinc-100" : "dk:text-zinc-500 dk:dark:text-zinc-400"
|
|
306
|
-
].join(" ")),
|
|
306
|
+
].join(" ")), V = k(() => n.value ? n.value : e.modelValue ? $(e.modelValue) : "No hay archivo seleccionado");
|
|
307
307
|
ae(
|
|
308
308
|
() => e.modelValue,
|
|
309
309
|
(o) => {
|
|
310
310
|
o && (n.value = "");
|
|
311
311
|
}
|
|
312
312
|
);
|
|
313
|
-
function
|
|
313
|
+
function $(o) {
|
|
314
314
|
const s = o.split("/");
|
|
315
315
|
return s[s.length - 1];
|
|
316
316
|
}
|
|
317
|
-
function
|
|
318
|
-
|
|
317
|
+
function u() {
|
|
318
|
+
i("open-browser");
|
|
319
319
|
}
|
|
320
320
|
function l() {
|
|
321
321
|
var o;
|
|
322
|
-
(o =
|
|
322
|
+
(o = g.value) == null || o.click();
|
|
323
323
|
}
|
|
324
|
-
function
|
|
324
|
+
function x(o) {
|
|
325
325
|
var D;
|
|
326
|
-
const s = o.target,
|
|
327
|
-
|
|
326
|
+
const s = o.target, C = (D = s.files) == null ? void 0 : D[0];
|
|
327
|
+
C && (n.value = C.name, i("upload-file", C), y(s));
|
|
328
328
|
}
|
|
329
329
|
function y(o) {
|
|
330
330
|
o.value = "";
|
|
331
331
|
}
|
|
332
332
|
return (o, s) => (t(), a("div", {
|
|
333
|
-
class: c(
|
|
333
|
+
class: c(p.value)
|
|
334
334
|
}, [
|
|
335
335
|
m("div", {
|
|
336
|
-
class: c(
|
|
336
|
+
class: c(b.value)
|
|
337
337
|
}, [
|
|
338
338
|
m("div", {
|
|
339
|
-
class: c(
|
|
339
|
+
class: c(h.value)
|
|
340
340
|
}, [
|
|
341
341
|
e.modelValue ?? n.value ? (t(), a("p", {
|
|
342
342
|
key: 0,
|
|
343
|
-
class: c(
|
|
343
|
+
class: c(z.value)
|
|
344
344
|
}, [
|
|
345
345
|
m("a", {
|
|
346
346
|
href: "#",
|
|
347
|
-
onClick: s[0] || (s[0] = R((
|
|
347
|
+
onClick: s[0] || (s[0] = R((C) => i("open-file", e.modelValue ?? n.value), ["prevent"])),
|
|
348
348
|
class: "dk:ml-2 dk:text-pink-500 dk:underline dk:transition-colors dk:hover:text-pink-800 dk:dark:text-pink-400 dk:dark:hover:text-pink-300"
|
|
349
|
-
}, j(
|
|
350
|
-
], 2)) :
|
|
349
|
+
}, j(V.value), 1)
|
|
350
|
+
], 2)) : S("", !0)
|
|
351
351
|
], 2),
|
|
352
352
|
m("div", {
|
|
353
|
-
class: c(
|
|
353
|
+
class: c(f.value)
|
|
354
354
|
}, [
|
|
355
355
|
e.browserBtn ? (t(), W(oe, {
|
|
356
356
|
key: 0,
|
|
@@ -359,7 +359,7 @@ const We = { key: 1 }, Oe = `
|
|
|
359
359
|
size: "sm",
|
|
360
360
|
block: !1,
|
|
361
361
|
title: "Abrir navegador de archivos",
|
|
362
|
-
onClick:
|
|
362
|
+
onClick: u
|
|
363
363
|
}, {
|
|
364
364
|
default: A(() => [...s[1] || (s[1] = [
|
|
365
365
|
m("i", {
|
|
@@ -368,7 +368,7 @@ const We = { key: 1 }, Oe = `
|
|
|
368
368
|
}, null, -1)
|
|
369
369
|
])]),
|
|
370
370
|
_: 1
|
|
371
|
-
})) :
|
|
371
|
+
})) : S("", !0),
|
|
372
372
|
e.uploadBtn ? (t(), W(oe, {
|
|
373
373
|
key: 1,
|
|
374
374
|
color: "neutral",
|
|
@@ -385,16 +385,16 @@ const We = { key: 1 }, Oe = `
|
|
|
385
385
|
}, null, -1)
|
|
386
386
|
])]),
|
|
387
387
|
_: 1
|
|
388
|
-
})) :
|
|
388
|
+
})) : S("", !0)
|
|
389
389
|
], 2)
|
|
390
390
|
], 2),
|
|
391
391
|
m("input", {
|
|
392
392
|
ref_key: "fileInputRef",
|
|
393
|
-
ref:
|
|
393
|
+
ref: g,
|
|
394
394
|
type: "file",
|
|
395
395
|
class: "dk:hidden",
|
|
396
396
|
accept: e.accept,
|
|
397
|
-
onChange:
|
|
397
|
+
onChange: x
|
|
398
398
|
}, null, 40, Ne)
|
|
399
399
|
], 2));
|
|
400
400
|
}
|
|
@@ -433,10 +433,10 @@ const We = { key: 1 }, Oe = `
|
|
|
433
433
|
},
|
|
434
434
|
emits: ["update:modelValue"],
|
|
435
435
|
setup(d, { emit: r }) {
|
|
436
|
-
const e = d,
|
|
437
|
-
function
|
|
438
|
-
const
|
|
439
|
-
|
|
436
|
+
const e = d, i = r;
|
|
437
|
+
function g(p) {
|
|
438
|
+
const b = p.target;
|
|
439
|
+
i("update:modelValue", b.value);
|
|
440
440
|
}
|
|
441
441
|
const n = {
|
|
442
442
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
@@ -449,14 +449,14 @@ const We = { key: 1 }, Oe = `
|
|
|
449
449
|
left: "dk:rounded-l",
|
|
450
450
|
right: "dk:rounded-r",
|
|
451
451
|
none: "dk:rounded-none"
|
|
452
|
-
},
|
|
453
|
-
const
|
|
454
|
-
return [Ke,
|
|
452
|
+
}, v = k(() => {
|
|
453
|
+
const p = n[e.size] || "", b = e.block ? "dk:w-full" : "", h = w[e.rounded] || "";
|
|
454
|
+
return [Ke, p, b, h].join(" ");
|
|
455
455
|
});
|
|
456
|
-
return (
|
|
457
|
-
class:
|
|
456
|
+
return (p, b) => (t(), a("input", O({
|
|
457
|
+
class: v.value,
|
|
458
458
|
value: d.modelValue
|
|
459
|
-
},
|
|
459
|
+
}, p.$attrs, { onInput: g }), null, 16, Fe));
|
|
460
460
|
}
|
|
461
461
|
}), qe = ["value"], Ue = `
|
|
462
462
|
dk:border-b
|
|
@@ -501,10 +501,10 @@ const We = { key: 1 }, Oe = `
|
|
|
501
501
|
},
|
|
502
502
|
emits: ["update:modelValue"],
|
|
503
503
|
setup(d, { emit: r }) {
|
|
504
|
-
const e = d,
|
|
505
|
-
function
|
|
506
|
-
const
|
|
507
|
-
e.autoheight &&
|
|
504
|
+
const e = d, i = r;
|
|
505
|
+
function g(h) {
|
|
506
|
+
const f = h.target;
|
|
507
|
+
e.autoheight && b(f), i("update:modelValue", f.value);
|
|
508
508
|
}
|
|
509
509
|
const n = {
|
|
510
510
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
@@ -517,21 +517,21 @@ const We = { key: 1 }, Oe = `
|
|
|
517
517
|
left: "dk:rounded-l",
|
|
518
518
|
right: "dk:rounded-r",
|
|
519
519
|
none: "dk:rounded-none"
|
|
520
|
-
},
|
|
520
|
+
}, v = {
|
|
521
521
|
none: "dk:resize-none",
|
|
522
522
|
both: "dk:resize",
|
|
523
523
|
horizontal: "dk:resize-x",
|
|
524
524
|
vertical: "dk:resize-y"
|
|
525
|
-
},
|
|
526
|
-
const
|
|
527
|
-
return [Ue,
|
|
528
|
-
}),
|
|
529
|
-
|
|
525
|
+
}, p = k(() => {
|
|
526
|
+
const h = n[e.size] || "", f = e.block ? "dk:w-full" : "", z = w[e.rounded] || "", V = v[e.resize] || "";
|
|
527
|
+
return [Ue, h, f, z, V].join(" ");
|
|
528
|
+
}), b = (h) => {
|
|
529
|
+
h.style.height = "auto", h.style.height = `${h.scrollHeight + 5}px`;
|
|
530
530
|
};
|
|
531
|
-
return (
|
|
532
|
-
class:
|
|
531
|
+
return (h, f) => (t(), a("textarea", O(h.$attrs, {
|
|
532
|
+
class: p.value,
|
|
533
533
|
value: d.modelValue,
|
|
534
|
-
onInput:
|
|
534
|
+
onInput: g
|
|
535
535
|
}), null, 16, qe));
|
|
536
536
|
}
|
|
537
537
|
}), He = {
|
|
@@ -591,36 +591,44 @@ const We = { key: 1 }, Oe = `
|
|
|
591
591
|
},
|
|
592
592
|
emits: ["update:modelValue"],
|
|
593
593
|
setup(d, { emit: r }) {
|
|
594
|
-
const e = d
|
|
595
|
-
function
|
|
596
|
-
const
|
|
597
|
-
|
|
594
|
+
const e = d;
|
|
595
|
+
function i(b, h) {
|
|
596
|
+
const f = h.split(".").reduce((z, V) => {
|
|
597
|
+
if (!(z === null || typeof z != "object"))
|
|
598
|
+
return z[V];
|
|
599
|
+
}, b);
|
|
600
|
+
return typeof f == "string" || typeof f == "number" ? f : void 0;
|
|
601
|
+
}
|
|
602
|
+
const g = r;
|
|
603
|
+
function n(b) {
|
|
604
|
+
const f = b.target.value, z = Number(f);
|
|
605
|
+
!isNaN(z) && f !== "" ? g("update:modelValue", z) : g("update:modelValue", f);
|
|
598
606
|
}
|
|
599
|
-
const
|
|
607
|
+
const w = {
|
|
600
608
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
601
609
|
md: "dk:text-base dk:px-4 dk:py-2",
|
|
602
610
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
603
|
-
},
|
|
611
|
+
}, v = {
|
|
604
612
|
all: "dk:rounded",
|
|
605
613
|
top: "dk:rounded-t",
|
|
606
614
|
bottom: "dk:rounded-b",
|
|
607
615
|
left: "dk:rounded-l",
|
|
608
616
|
right: "dk:rounded-r",
|
|
609
617
|
none: "dk:rounded-none"
|
|
610
|
-
},
|
|
611
|
-
const
|
|
612
|
-
return [Ge,
|
|
618
|
+
}, p = k(() => {
|
|
619
|
+
const b = w[e.size] || "", h = e.block ? "dk:w-full" : "", f = v[e.rounded] || "";
|
|
620
|
+
return [Ge, b, h, f].join(" ");
|
|
613
621
|
});
|
|
614
|
-
return (
|
|
615
|
-
class:
|
|
616
|
-
onChange:
|
|
622
|
+
return (b, h) => (t(), a("select", O(b.$attrs, {
|
|
623
|
+
class: p.value,
|
|
624
|
+
onChange: n
|
|
617
625
|
}), [
|
|
618
|
-
d.placeholder ? (t(), a("option", He, j(d.placeholder), 1)) :
|
|
619
|
-
(t(!0), a(E, null, K(d.options, (
|
|
620
|
-
key:
|
|
621
|
-
value:
|
|
622
|
-
selected:
|
|
623
|
-
}, j(
|
|
626
|
+
d.placeholder ? (t(), a("option", He, j(d.placeholder), 1)) : S("", !0),
|
|
627
|
+
(t(!0), a(E, null, K(d.options, (f, z) => (t(), a("option", {
|
|
628
|
+
key: z,
|
|
629
|
+
value: i(f, d.itemValue) ?? "",
|
|
630
|
+
selected: i(f, d.itemValue) == d.modelValue
|
|
631
|
+
}, j(i(f, d.itemLabel) ?? ""), 9, Qe))), 128))
|
|
624
632
|
], 16));
|
|
625
633
|
}
|
|
626
634
|
}), Je = {
|
|
@@ -655,11 +663,11 @@ const We = { key: 1 }, Oe = `
|
|
|
655
663
|
}
|
|
656
664
|
},
|
|
657
665
|
setup(d) {
|
|
658
|
-
const r = F(!1), e = d,
|
|
666
|
+
const r = F(!1), e = d, i = {
|
|
659
667
|
s: "dk:text-sm",
|
|
660
668
|
m: "dk:text-base",
|
|
661
669
|
l: "dk:text-lg"
|
|
662
|
-
},
|
|
670
|
+
}, g = {
|
|
663
671
|
s: "dk:mt-1",
|
|
664
672
|
m: "dk:mt-1.5",
|
|
665
673
|
l: "dk:mt-2"
|
|
@@ -667,54 +675,54 @@ const We = { key: 1 }, Oe = `
|
|
|
667
675
|
s: "dk:text-xs",
|
|
668
676
|
m: "dk:text-sm",
|
|
669
677
|
l: "dk:text-base"
|
|
670
|
-
}, w = k(() => [Ye].join(" ")),
|
|
671
|
-
const
|
|
672
|
-
return [
|
|
673
|
-
}),
|
|
674
|
-
return (
|
|
678
|
+
}, w = k(() => [Ye].join(" ")), v = k(() => {
|
|
679
|
+
const h = i[e.size] || i.m, f = "dk:block dk:font-medium dk:text-zinc-700 dk:dark:text-zinc-200 dk:flex dk:items-center", z = e.helpText ? "dk:cursor-help" : "";
|
|
680
|
+
return [f, h, z].join(" ");
|
|
681
|
+
}), p = k(() => [g[e.size] || g.m].join(" ")), b = k(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", n[e.size] || n.m].join(" "));
|
|
682
|
+
return (h, f) => (t(), a("label", {
|
|
675
683
|
class: c(w.value)
|
|
676
684
|
}, [
|
|
677
685
|
d.title ? (t(), a("div", {
|
|
678
686
|
key: 0,
|
|
679
687
|
class: "dk:relative",
|
|
680
|
-
onMouseenter:
|
|
681
|
-
onMouseleave:
|
|
688
|
+
onMouseenter: f[0] || (f[0] = (z) => r.value = !!d.helpText),
|
|
689
|
+
onMouseleave: f[1] || (f[1] = (z) => r.value = !1)
|
|
682
690
|
}, [
|
|
683
691
|
m("div", {
|
|
684
|
-
class: c(
|
|
692
|
+
class: c(v.value)
|
|
685
693
|
}, [
|
|
686
694
|
d.icon ? (t(), a("i", {
|
|
687
695
|
key: 0,
|
|
688
696
|
class: c([d.icon, "dk:mr-2"])
|
|
689
|
-
}, null, 2)) :
|
|
697
|
+
}, null, 2)) : S("", !0),
|
|
690
698
|
P(" " + j(d.title) + " ", 1),
|
|
691
|
-
d.required ? (t(), a("span", Je, "*")) :
|
|
699
|
+
d.required ? (t(), a("span", Je, "*")) : S("", !0)
|
|
692
700
|
], 2),
|
|
693
701
|
xe(m("div", Xe, [
|
|
694
702
|
P(j(d.helpText) + " ", 1),
|
|
695
|
-
|
|
703
|
+
f[2] || (f[2] = m("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
|
|
696
704
|
], 512), [
|
|
697
705
|
[he, r.value && d.helpText]
|
|
698
706
|
])
|
|
699
|
-
], 32)) :
|
|
707
|
+
], 32)) : S("", !0),
|
|
700
708
|
m("div", {
|
|
701
|
-
class: c(
|
|
709
|
+
class: c(p.value)
|
|
702
710
|
}, [
|
|
703
|
-
_(
|
|
711
|
+
_(h.$slots, "default", {}, void 0, !0)
|
|
704
712
|
], 2),
|
|
705
713
|
d.error ? (t(), a("div", {
|
|
706
714
|
key: 1,
|
|
707
|
-
class: c(
|
|
715
|
+
class: c(b.value)
|
|
708
716
|
}, [
|
|
709
|
-
|
|
717
|
+
f[3] || (f[3] = m("span", { class: "dk:inline-flex dk:items-center dk:justify-center dk:w-4 dk:h-4 dk:text-xs dk:bg-rose-500 dk:text-white dk:rounded-full dk:mr-2 dk:flex-shrink-0" }, " ! ", -1)),
|
|
710
718
|
P(" " + j(d.error), 1)
|
|
711
|
-
], 2)) :
|
|
719
|
+
], 2)) : S("", !0)
|
|
712
720
|
], 2));
|
|
713
721
|
}
|
|
714
722
|
}), ie = (d, r) => {
|
|
715
723
|
const e = d.__vccOpts || d;
|
|
716
|
-
for (const [
|
|
717
|
-
e[
|
|
724
|
+
for (const [i, g] of r)
|
|
725
|
+
e[i] = g;
|
|
718
726
|
return e;
|
|
719
727
|
}, Dt = /* @__PURE__ */ ie(Ze, [["__scopeId", "data-v-aa6b6cdc"]]), Re = { class: "dk:relative dk:inline-flex dk:items-center dk:flex-shrink-0" }, ed = ["checked", "disabled"], Mt = /* @__PURE__ */ L({
|
|
720
728
|
inheritAttrs: !1,
|
|
@@ -755,7 +763,7 @@ const We = { key: 1 }, Oe = `
|
|
|
755
763
|
},
|
|
756
764
|
emits: ["update:modelValue"],
|
|
757
765
|
setup(d, { emit: r }) {
|
|
758
|
-
const e = d,
|
|
766
|
+
const e = d, i = r, g = we(), n = {
|
|
759
767
|
sm: {
|
|
760
768
|
track: "dk:w-9 dk:h-5",
|
|
761
769
|
thumb: "dk:w-3.5 dk:h-3.5",
|
|
@@ -778,78 +786,78 @@ const We = { key: 1 }, Oe = `
|
|
|
778
786
|
left: "dk:rounded-l-full",
|
|
779
787
|
right: "dk:rounded-r-full",
|
|
780
788
|
none: "dk:rounded-none"
|
|
781
|
-
},
|
|
789
|
+
}, v = {
|
|
782
790
|
neutral: "dk:peer-checked:bg-zinc-500 dk:peer-checked:dark:bg-zinc-500",
|
|
783
791
|
primary: "dk:peer-checked:bg-slate-600 dk:peer-checked:dark:bg-slate-500",
|
|
784
792
|
secondary: "dk:peer-checked:bg-pink-600 dk:peer-checked:dark:bg-pink-500",
|
|
785
793
|
success: "dk:peer-checked:bg-emerald-600 dk:peer-checked:dark:bg-emerald-500",
|
|
786
794
|
warning: "dk:peer-checked:bg-amber-500 dk:peer-checked:dark:bg-amber-400",
|
|
787
795
|
danger: "dk:peer-checked:bg-rose-600 dk:peer-checked:dark:bg-rose-500"
|
|
788
|
-
},
|
|
789
|
-
const
|
|
790
|
-
return ["dk:inline-flex dk:items-center dk:gap-3 dk:select-none",
|
|
791
|
-
}),
|
|
796
|
+
}, p = k(() => !!(e.label || g.default)), b = k(() => {
|
|
797
|
+
const $ = e.block ? "dk:w-full dk:justify-between" : "", u = e.disabled ? "dk:opacity-60 dk:cursor-not-allowed" : "dk:cursor-pointer";
|
|
798
|
+
return ["dk:inline-flex dk:items-center dk:gap-3 dk:select-none", $, u].join(" ");
|
|
799
|
+
}), h = k(() => [
|
|
792
800
|
"dk:text-sm dk:leading-none dk:text-zinc-700 dk:dark:text-zinc-200",
|
|
793
801
|
e.disabled ? "dk:cursor-not-allowed" : "dk:cursor-pointer"
|
|
794
|
-
].join(" ")),
|
|
795
|
-
const
|
|
802
|
+
].join(" ")), f = k(() => {
|
|
803
|
+
const $ = n[e.size] || n.md, u = w[e.rounded] || w.all, l = v[e.color] || v.primary;
|
|
796
804
|
return [
|
|
797
805
|
"dk:inline-flex dk:items-center dk:transition-colors dk:duration-200",
|
|
798
806
|
"dk:bg-zinc-300 dk:dark:bg-zinc-700",
|
|
799
807
|
"dk:peer-focus-visible:outline-none dk:peer-focus-visible:ring-2 dk:peer-focus-visible:ring-offset-2 dk:peer-focus-visible:ring-slate-400 dk:dark:peer-focus-visible:ring-slate-500",
|
|
800
808
|
"dk:peer-disabled:opacity-70",
|
|
801
|
-
|
|
802
|
-
|
|
809
|
+
$.track,
|
|
810
|
+
u,
|
|
803
811
|
l
|
|
804
812
|
].join(" ");
|
|
805
|
-
}),
|
|
806
|
-
const
|
|
813
|
+
}), z = k(() => {
|
|
814
|
+
const $ = n[e.size] || n.md;
|
|
807
815
|
return [
|
|
808
816
|
"dk:absolute dk:left-1 dk:top-1/2 dk:-translate-y-1/2",
|
|
809
817
|
"dk:bg-white dk:dark:bg-zinc-100",
|
|
810
818
|
"dk:rounded-full dk:shadow-sm dk:transition-transform dk:duration-200",
|
|
811
819
|
"dk:pointer-events-none",
|
|
812
|
-
|
|
813
|
-
|
|
820
|
+
$.thumb,
|
|
821
|
+
$.translate
|
|
814
822
|
].join(" ");
|
|
815
823
|
});
|
|
816
|
-
function
|
|
817
|
-
const
|
|
818
|
-
|
|
824
|
+
function V($) {
|
|
825
|
+
const u = $.target;
|
|
826
|
+
i("update:modelValue", u.checked);
|
|
819
827
|
}
|
|
820
|
-
return (
|
|
821
|
-
class: c(
|
|
828
|
+
return ($, u) => (t(), a("label", {
|
|
829
|
+
class: c(b.value)
|
|
822
830
|
}, [
|
|
823
|
-
|
|
831
|
+
p.value && d.labelPosition === "left" ? (t(), a("span", {
|
|
824
832
|
key: 0,
|
|
825
|
-
class: c(
|
|
833
|
+
class: c(h.value)
|
|
826
834
|
}, [
|
|
827
|
-
_(
|
|
835
|
+
_($.$slots, "default", {}, () => [
|
|
828
836
|
P(j(d.label), 1)
|
|
829
837
|
])
|
|
830
|
-
], 2)) :
|
|
838
|
+
], 2)) : S("", !0),
|
|
831
839
|
m("span", Re, [
|
|
832
840
|
m("input", O({
|
|
833
841
|
type: "checkbox",
|
|
834
842
|
class: "dk:sr-only dk:peer",
|
|
835
843
|
checked: d.modelValue,
|
|
836
844
|
disabled: d.disabled
|
|
837
|
-
},
|
|
845
|
+
}, $.$attrs, { onChange: V }), null, 16, ed),
|
|
838
846
|
m("span", {
|
|
839
|
-
class: c(
|
|
847
|
+
class: c(f.value)
|
|
840
848
|
}, null, 2),
|
|
841
849
|
m("span", {
|
|
842
|
-
class: c(
|
|
850
|
+
class: c(z.value)
|
|
843
851
|
}, null, 2)
|
|
844
852
|
]),
|
|
845
|
-
|
|
853
|
+
p.value && d.labelPosition === "right" ? (t(), a("span", {
|
|
846
854
|
key: 1,
|
|
847
|
-
class: c(
|
|
855
|
+
class: c(h.value)
|
|
848
856
|
}, [
|
|
849
|
-
_(
|
|
857
|
+
_($.$slots, "default", {}, () => [
|
|
850
858
|
P(j(d.label), 1)
|
|
851
859
|
])
|
|
852
|
-
], 2)) :
|
|
860
|
+
], 2)) : S("", !0)
|
|
853
861
|
], 2));
|
|
854
862
|
}
|
|
855
863
|
}), dd = ["aria-labelledby"], td = ["id"], rd = { class: "dk:relative dk:inline-flex dk:flex-shrink-0" }, ad = ["name", "value", "checked", "disabled", "onChange"], Tt = /* @__PURE__ */ L({
|
|
@@ -868,42 +876,42 @@ const We = { key: 1 }, Oe = `
|
|
|
868
876
|
},
|
|
869
877
|
emits: ["update:modelValue", "change"],
|
|
870
878
|
setup(d, { emit: r }) {
|
|
871
|
-
const e = d,
|
|
879
|
+
const e = d, i = r, g = Math.random().toString(36).slice(2, 8);
|
|
872
880
|
function n(y) {
|
|
873
|
-
|
|
881
|
+
i("update:modelValue", y), i("change", y);
|
|
874
882
|
}
|
|
875
883
|
const w = {
|
|
876
884
|
sm: { radio: "dk:w-3.5 dk:h-3.5", dot: "dk:w-1.5 dk:h-1.5", label: "dk:text-xs", description: "dk:text-xs" },
|
|
877
885
|
md: { radio: "dk:w-4 dk:h-4", dot: "dk:w-2 dk:h-2", label: "dk:text-sm", description: "dk:text-xs" },
|
|
878
886
|
lg: { radio: "dk:w-5 dk:h-5", dot: "dk:w-2.5 dk:h-2.5", label: "dk:text-base", description: "dk:text-sm" }
|
|
879
|
-
},
|
|
887
|
+
}, v = {
|
|
880
888
|
neutral: "dk:peer-checked:border-zinc-600 dk:dark:peer-checked:border-zinc-400",
|
|
881
889
|
primary: "dk:peer-checked:border-slate-600 dk:dark:peer-checked:border-slate-400",
|
|
882
890
|
secondary: "dk:peer-checked:border-pink-600 dk:dark:peer-checked:border-pink-400",
|
|
883
891
|
success: "dk:peer-checked:border-emerald-600 dk:dark:peer-checked:border-emerald-400",
|
|
884
892
|
warning: "dk:peer-checked:border-amber-500 dk:dark:peer-checked:border-amber-400",
|
|
885
893
|
danger: "dk:peer-checked:border-rose-600 dk:dark:peer-checked:border-rose-400"
|
|
886
|
-
},
|
|
894
|
+
}, p = {
|
|
887
895
|
neutral: "dk:peer-checked:bg-zinc-600 dk:dark:peer-checked:bg-zinc-400",
|
|
888
896
|
primary: "dk:peer-checked:bg-slate-600 dk:dark:peer-checked:bg-slate-400",
|
|
889
897
|
secondary: "dk:peer-checked:bg-pink-600 dk:dark:peer-checked:bg-pink-400",
|
|
890
898
|
success: "dk:peer-checked:bg-emerald-600 dk:dark:peer-checked:bg-emerald-400",
|
|
891
899
|
warning: "dk:peer-checked:bg-amber-500 dk:dark:peer-checked:bg-amber-400",
|
|
892
900
|
danger: "dk:peer-checked:bg-rose-600 dk:dark:peer-checked:bg-rose-400"
|
|
893
|
-
},
|
|
901
|
+
}, b = {
|
|
894
902
|
neutral: "dk:peer-focus-visible:ring-zinc-400",
|
|
895
903
|
primary: "dk:peer-focus-visible:ring-slate-400",
|
|
896
904
|
secondary: "dk:peer-focus-visible:ring-pink-400",
|
|
897
905
|
success: "dk:peer-focus-visible:ring-emerald-400",
|
|
898
906
|
warning: "dk:peer-focus-visible:ring-amber-400",
|
|
899
907
|
danger: "dk:peer-focus-visible:ring-rose-400"
|
|
900
|
-
},
|
|
901
|
-
function
|
|
902
|
-
const
|
|
903
|
-
return ["dk:inline-flex dk:items-start dk:gap-3 dk:select-none",
|
|
908
|
+
}, h = k(() => [e.orientation === "horizontal" ? "dk:flex dk:flex-row dk:flex-wrap dk:gap-x-5 dk:gap-y-3" : "dk:flex dk:flex-col dk:gap-3"].join(" ")), f = k(() => "dk:block dk:text-xs dk:font-semibold dk:uppercase dk:tracking-wide dk:text-zinc-500 dk:dark:text-zinc-400 dk:mb-1");
|
|
909
|
+
function z(y, o) {
|
|
910
|
+
const C = o || e.disabled ? "dk:opacity-50 dk:cursor-not-allowed" : "dk:cursor-pointer", D = e.block ? "dk:w-full dk:justify-between" : "";
|
|
911
|
+
return ["dk:inline-flex dk:items-start dk:gap-3 dk:select-none", C, D].join(" ");
|
|
904
912
|
}
|
|
905
|
-
function
|
|
906
|
-
const o = w[e.size], s =
|
|
913
|
+
function V(y) {
|
|
914
|
+
const o = w[e.size], s = v[e.color], C = b[e.color];
|
|
907
915
|
return [
|
|
908
916
|
"dk:rounded-full dk:border-2 dk:transition-colors dk:duration-150",
|
|
909
917
|
"dk:border-zinc-300 dk:dark:border-zinc-600",
|
|
@@ -911,30 +919,30 @@ const We = { key: 1 }, Oe = `
|
|
|
911
919
|
"dk:bg-white dk:dark:bg-zinc-900",
|
|
912
920
|
o.radio,
|
|
913
921
|
s,
|
|
914
|
-
|
|
922
|
+
C
|
|
915
923
|
].join(" ");
|
|
916
924
|
}
|
|
917
|
-
const
|
|
918
|
-
const y = w[e.size], o =
|
|
925
|
+
const $ = k(() => {
|
|
926
|
+
const y = w[e.size], o = p[e.color];
|
|
919
927
|
return [
|
|
920
928
|
"dk:absolute dk:inset-0 dk:m-auto dk:rounded-full dk:scale-0 dk:peer-checked:scale-100 dk:transition-transform dk:duration-150 dk:pointer-events-none",
|
|
921
929
|
y.dot,
|
|
922
930
|
o
|
|
923
931
|
].join(" ");
|
|
924
|
-
}),
|
|
932
|
+
}), u = k(() => "dk:flex dk:flex-col"), l = k(() => [w[e.size].label, "dk:leading-snug dk:text-zinc-800 dk:dark:text-zinc-200"].join(" ")), x = k(() => [w[e.size].description, "dk:leading-snug dk:text-zinc-500 dk:dark:text-zinc-400 dk:mt-0.5"].join(" "));
|
|
925
933
|
return (y, o) => (t(), a("div", {
|
|
926
|
-
class: c(
|
|
934
|
+
class: c(h.value),
|
|
927
935
|
role: "radiogroup",
|
|
928
|
-
"aria-labelledby": d.groupLabel ? `rg-label-${Z(
|
|
936
|
+
"aria-labelledby": d.groupLabel ? `rg-label-${Z(g)}` : void 0
|
|
929
937
|
}, [
|
|
930
938
|
d.groupLabel ? (t(), a("span", {
|
|
931
939
|
key: 0,
|
|
932
|
-
id: `rg-label-${Z(
|
|
933
|
-
class: c(
|
|
934
|
-
}, j(d.groupLabel), 11, td)) :
|
|
940
|
+
id: `rg-label-${Z(g)}`,
|
|
941
|
+
class: c(f.value)
|
|
942
|
+
}, j(d.groupLabel), 11, td)) : S("", !0),
|
|
935
943
|
(t(!0), a(E, null, K(d.options, (s) => (t(), a("label", {
|
|
936
944
|
key: s.value,
|
|
937
|
-
class: c(
|
|
945
|
+
class: c(z(s.value, s.disabled))
|
|
938
946
|
}, [
|
|
939
947
|
m("span", rd, [
|
|
940
948
|
m("input", O({
|
|
@@ -945,25 +953,25 @@ const We = { key: 1 }, Oe = `
|
|
|
945
953
|
checked: d.modelValue === s.value,
|
|
946
954
|
disabled: s.disabled || d.disabled
|
|
947
955
|
}, { ref_for: !0 }, y.$attrs, {
|
|
948
|
-
onChange: (
|
|
956
|
+
onChange: (C) => n(s.value)
|
|
949
957
|
}), null, 16, ad),
|
|
950
958
|
m("span", {
|
|
951
|
-
class: c(
|
|
959
|
+
class: c(V(s.value))
|
|
952
960
|
}, null, 2),
|
|
953
961
|
m("span", {
|
|
954
|
-
class: c(
|
|
962
|
+
class: c($.value)
|
|
955
963
|
}, null, 2)
|
|
956
964
|
]),
|
|
957
965
|
m("span", {
|
|
958
|
-
class: c(
|
|
966
|
+
class: c(u.value)
|
|
959
967
|
}, [
|
|
960
968
|
m("span", {
|
|
961
969
|
class: c(l.value)
|
|
962
970
|
}, j(s.label), 3),
|
|
963
971
|
s.description ? (t(), a("span", {
|
|
964
972
|
key: 0,
|
|
965
|
-
class: c(
|
|
966
|
-
}, j(s.description), 3)) :
|
|
973
|
+
class: c(x.value)
|
|
974
|
+
}, j(s.description), 3)) : S("", !0)
|
|
967
975
|
], 2)
|
|
968
976
|
], 2))), 128))
|
|
969
977
|
], 10, dd));
|
|
@@ -1021,7 +1029,7 @@ const We = { key: 1 }, Oe = `
|
|
|
1021
1029
|
},
|
|
1022
1030
|
emits: ["update:modelValue", "change"],
|
|
1023
1031
|
setup(d, { emit: r }) {
|
|
1024
|
-
const e = d,
|
|
1032
|
+
const e = d, i = r, g = we(), n = {
|
|
1025
1033
|
sm: {
|
|
1026
1034
|
track: "dk:w-8 dk:h-4",
|
|
1027
1035
|
thumb: "dk:w-3 dk:h-3",
|
|
@@ -1047,24 +1055,24 @@ const We = { key: 1 }, Oe = `
|
|
|
1047
1055
|
success: "dk:peer-checked:bg-emerald-600 dk:dark:peer-checked:bg-emerald-500",
|
|
1048
1056
|
warning: "dk:peer-checked:bg-amber-500 dk:dark:peer-checked:bg-amber-400",
|
|
1049
1057
|
danger: "dk:peer-checked:bg-rose-600 dk:dark:peer-checked:bg-rose-500"
|
|
1050
|
-
},
|
|
1051
|
-
const l = e.block ? "dk:w-full dk:justify-between" : "",
|
|
1052
|
-
return [
|
|
1053
|
-
}),
|
|
1058
|
+
}, v = k(() => !!(e.label || g.default)), p = k(() => {
|
|
1059
|
+
const l = e.block ? "dk:w-full dk:justify-between" : "", x = e.block ? "dk:flex" : "dk:inline-flex", y = e.disabled ? "dk:opacity-60 dk:cursor-not-allowed" : "dk:cursor-pointer";
|
|
1060
|
+
return [x, "dk:items-center dk:gap-3 dk:select-none", l, y].join(" ");
|
|
1061
|
+
}), b = k(() => [
|
|
1054
1062
|
"dk:flex dk:flex-col",
|
|
1055
1063
|
"dk:text-sm dk:leading-snug dk:text-zinc-700 dk:dark:text-zinc-200",
|
|
1056
1064
|
e.disabled ? "dk:cursor-not-allowed" : "dk:cursor-pointer"
|
|
1057
|
-
].join(" ")),
|
|
1058
|
-
const l = n[e.size],
|
|
1065
|
+
].join(" ")), h = k(() => "dk:text-xs dk:text-zinc-500 dk:dark:text-zinc-400 dk:mt-0.5"), f = k(() => {
|
|
1066
|
+
const l = n[e.size], x = w[e.color];
|
|
1059
1067
|
return [
|
|
1060
1068
|
"dk:relative dk:inline-flex dk:items-center dk:transition-colors dk:duration-200 dk:rounded-full",
|
|
1061
1069
|
"dk:bg-zinc-300 dk:dark:bg-zinc-600",
|
|
1062
1070
|
"dk:peer-focus-visible:outline-none dk:peer-focus-visible:ring-2 dk:peer-focus-visible:ring-offset-2 dk:peer-focus-visible:ring-slate-400 dk:dark:peer-focus-visible:ring-slate-500",
|
|
1063
1071
|
"dk:peer-disabled:opacity-70",
|
|
1064
1072
|
l.track,
|
|
1065
|
-
|
|
1073
|
+
x
|
|
1066
1074
|
].join(" ");
|
|
1067
|
-
}),
|
|
1075
|
+
}), z = k(() => {
|
|
1068
1076
|
const l = n[e.size];
|
|
1069
1077
|
return [
|
|
1070
1078
|
"dk:absolute",
|
|
@@ -1075,33 +1083,33 @@ const We = { key: 1 }, Oe = `
|
|
|
1075
1083
|
l.thumb,
|
|
1076
1084
|
l.translate
|
|
1077
1085
|
].join(" ");
|
|
1078
|
-
}),
|
|
1086
|
+
}), V = {
|
|
1079
1087
|
neutral: "dk:text-zinc-600 dk:dark:text-zinc-400",
|
|
1080
1088
|
primary: "dk:text-slate-600 dk:dark:text-slate-400",
|
|
1081
1089
|
secondary: "dk:text-pink-600 dk:dark:text-pink-400",
|
|
1082
1090
|
success: "dk:text-emerald-600 dk:dark:text-emerald-400",
|
|
1083
1091
|
warning: "dk:text-amber-600 dk:dark:text-amber-400",
|
|
1084
1092
|
danger: "dk:text-rose-600 dk:dark:text-rose-400"
|
|
1085
|
-
},
|
|
1086
|
-
function
|
|
1087
|
-
const
|
|
1088
|
-
|
|
1093
|
+
}, $ = k(() => e.modelValue ? V[e.color] : "dk:text-zinc-400 dk:dark:text-zinc-500");
|
|
1094
|
+
function u(l) {
|
|
1095
|
+
const x = l.target;
|
|
1096
|
+
i("update:modelValue", x.checked), i("change", x.checked);
|
|
1089
1097
|
}
|
|
1090
|
-
return (l,
|
|
1091
|
-
class: c(
|
|
1098
|
+
return (l, x) => (t(), a("label", {
|
|
1099
|
+
class: c(p.value)
|
|
1092
1100
|
}, [
|
|
1093
|
-
|
|
1101
|
+
v.value && d.labelPosition === "left" ? (t(), a("span", {
|
|
1094
1102
|
key: 0,
|
|
1095
|
-
class: c(
|
|
1103
|
+
class: c(b.value)
|
|
1096
1104
|
}, [
|
|
1097
1105
|
_(l.$slots, "default", {}, () => [
|
|
1098
1106
|
P(j(d.label), 1)
|
|
1099
1107
|
]),
|
|
1100
1108
|
d.description ? (t(), a("span", {
|
|
1101
1109
|
key: 0,
|
|
1102
|
-
class: c(
|
|
1103
|
-
}, j(d.description), 3)) :
|
|
1104
|
-
], 2)) :
|
|
1110
|
+
class: c(h.value)
|
|
1111
|
+
}, j(d.description), 3)) : S("", !0)
|
|
1112
|
+
], 2)) : S("", !0),
|
|
1105
1113
|
m("span", od, [
|
|
1106
1114
|
m("input", O({
|
|
1107
1115
|
type: "checkbox",
|
|
@@ -1110,19 +1118,19 @@ const We = { key: 1 }, Oe = `
|
|
|
1110
1118
|
"aria-checked": d.modelValue,
|
|
1111
1119
|
checked: d.modelValue,
|
|
1112
1120
|
disabled: d.disabled
|
|
1113
|
-
}, l.$attrs, { onChange:
|
|
1121
|
+
}, l.$attrs, { onChange: u }), null, 16, kd),
|
|
1114
1122
|
m("span", {
|
|
1115
|
-
class: c(
|
|
1123
|
+
class: c(f.value)
|
|
1116
1124
|
}, null, 2),
|
|
1117
1125
|
m("span", {
|
|
1118
|
-
class: c(
|
|
1126
|
+
class: c(z.value)
|
|
1119
1127
|
}, [
|
|
1120
1128
|
d.showIcons ? (t(), a("span", {
|
|
1121
1129
|
key: 0,
|
|
1122
1130
|
"aria-hidden": "true",
|
|
1123
|
-
class: c(
|
|
1131
|
+
class: c($.value)
|
|
1124
1132
|
}, [
|
|
1125
|
-
d.modelValue ? (t(), a("svg", nd, [...
|
|
1133
|
+
d.modelValue ? (t(), a("svg", nd, [...x[0] || (x[0] = [
|
|
1126
1134
|
m("path", {
|
|
1127
1135
|
d: "M3.5 6.5l2 2 3-3",
|
|
1128
1136
|
stroke: "currentColor",
|
|
@@ -1131,7 +1139,7 @@ const We = { key: 1 }, Oe = `
|
|
|
1131
1139
|
"stroke-linejoin": "round",
|
|
1132
1140
|
fill: "none"
|
|
1133
1141
|
}, null, -1)
|
|
1134
|
-
])])) : (t(), a("svg", sd, [...
|
|
1142
|
+
])])) : (t(), a("svg", sd, [...x[1] || (x[1] = [
|
|
1135
1143
|
m("line", {
|
|
1136
1144
|
x1: "3",
|
|
1137
1145
|
y1: "3",
|
|
@@ -1151,21 +1159,21 @@ const We = { key: 1 }, Oe = `
|
|
|
1151
1159
|
"stroke-linecap": "round"
|
|
1152
1160
|
}, null, -1)
|
|
1153
1161
|
])]))
|
|
1154
|
-
], 2)) :
|
|
1162
|
+
], 2)) : S("", !0)
|
|
1155
1163
|
], 2)
|
|
1156
1164
|
]),
|
|
1157
|
-
|
|
1165
|
+
v.value && d.labelPosition === "right" ? (t(), a("span", {
|
|
1158
1166
|
key: 1,
|
|
1159
|
-
class: c(
|
|
1167
|
+
class: c(b.value)
|
|
1160
1168
|
}, [
|
|
1161
1169
|
_(l.$slots, "default", {}, () => [
|
|
1162
1170
|
P(j(d.label), 1)
|
|
1163
1171
|
]),
|
|
1164
1172
|
d.description ? (t(), a("span", {
|
|
1165
1173
|
key: 0,
|
|
1166
|
-
class: c(
|
|
1167
|
-
}, j(d.description), 3)) :
|
|
1168
|
-
], 2)) :
|
|
1174
|
+
class: c(h.value)
|
|
1175
|
+
}, j(d.description), 3)) : S("", !0)
|
|
1176
|
+
], 2)) : S("", !0)
|
|
1169
1177
|
], 2));
|
|
1170
1178
|
}
|
|
1171
1179
|
}), id = `
|
|
@@ -1198,7 +1206,7 @@ const We = { key: 1 }, Oe = `
|
|
|
1198
1206
|
left: "dk:rounded-l",
|
|
1199
1207
|
right: "dk:rounded-r",
|
|
1200
1208
|
none: "dk:rounded-none"
|
|
1201
|
-
},
|
|
1209
|
+
}, i = {
|
|
1202
1210
|
solid: {
|
|
1203
1211
|
base: "",
|
|
1204
1212
|
neutral: "dk:bg-zinc-200 dk:text-zinc-800 dk:dark:bg-zinc-700 dk:dark:text-zinc-100",
|
|
@@ -1226,13 +1234,13 @@ const We = { key: 1 }, Oe = `
|
|
|
1226
1234
|
warning: "dk:text-amber-700 dk:dark:text-amber-200 dk:bg-amber-50 dk:dark:bg-amber-800",
|
|
1227
1235
|
danger: "dk:text-rose-700 dk:dark:text-rose-200 dk:bg-rose-50 dk:dark:bg-rose-800"
|
|
1228
1236
|
}
|
|
1229
|
-
},
|
|
1230
|
-
var
|
|
1231
|
-
const n = ((
|
|
1232
|
-
return [id, w, n,
|
|
1237
|
+
}, g = k(() => {
|
|
1238
|
+
var p;
|
|
1239
|
+
const n = ((p = i[r.variant]) == null ? void 0 : p[r.color]) || "", w = i[r.variant].base || "", v = e[r.rounded] || "";
|
|
1240
|
+
return [id, w, n, v].join(" ");
|
|
1233
1241
|
});
|
|
1234
1242
|
return (n, w) => (t(), a("div", {
|
|
1235
|
-
class: c(
|
|
1243
|
+
class: c(g.value),
|
|
1236
1244
|
role: "alert"
|
|
1237
1245
|
}, [
|
|
1238
1246
|
_(n.$slots, "default")
|
|
@@ -1263,48 +1271,48 @@ const We = { key: 1 }, Oe = `
|
|
|
1263
1271
|
},
|
|
1264
1272
|
emits: ["paginate"],
|
|
1265
1273
|
setup(d, { emit: r }) {
|
|
1266
|
-
const e = d,
|
|
1274
|
+
const e = d, i = r, g = k(() => e.pagination ? Math.ceil(e.pagination.total / e.pagination.perPage) : 0), n = k(() => {
|
|
1267
1275
|
if (!e.pagination) return [];
|
|
1268
|
-
const
|
|
1269
|
-
let
|
|
1270
|
-
|
|
1271
|
-
for (let
|
|
1272
|
-
|
|
1273
|
-
return
|
|
1274
|
-
}), w = (
|
|
1275
|
-
e.pagination &&
|
|
1276
|
+
const v = [], p = 5, { page: b } = e.pagination, h = g.value;
|
|
1277
|
+
let f = Math.max(1, b - Math.floor(p / 2)), z = Math.min(h, f + p - 1);
|
|
1278
|
+
z - f < p - 1 && (f = Math.max(1, z - p + 1));
|
|
1279
|
+
for (let V = f; V <= z; V++)
|
|
1280
|
+
v.push(V);
|
|
1281
|
+
return v;
|
|
1282
|
+
}), w = (v) => {
|
|
1283
|
+
e.pagination && v >= 1 && v <= g.value && i("paginate", v);
|
|
1276
1284
|
};
|
|
1277
|
-
return (
|
|
1285
|
+
return (v, p) => (t(), a("div", cd, [
|
|
1278
1286
|
m("table", ud, [
|
|
1279
1287
|
m("thead", bd, [
|
|
1280
1288
|
m("tr", null, [
|
|
1281
|
-
(t(!0), a(E, null, K(e.columns, (
|
|
1282
|
-
key:
|
|
1283
|
-
class: c(["dk:px-6 dk:py-3",
|
|
1284
|
-
}, j(
|
|
1289
|
+
(t(!0), a(E, null, K(e.columns, (b) => (t(), a("th", {
|
|
1290
|
+
key: b.name,
|
|
1291
|
+
class: c(["dk:px-6 dk:py-3", b.classes])
|
|
1292
|
+
}, j(b.label), 3))), 128))
|
|
1285
1293
|
]),
|
|
1286
1294
|
e.loading ? (t(), a("tr", pd, [
|
|
1287
1295
|
m("td", {
|
|
1288
1296
|
colspan: e.columns.length,
|
|
1289
1297
|
class: "dk:p-0"
|
|
1290
|
-
}, [...
|
|
1298
|
+
}, [...p[2] || (p[2] = [
|
|
1291
1299
|
m("div", { class: "loading-bar" }, null, -1)
|
|
1292
1300
|
])], 8, md)
|
|
1293
|
-
])) :
|
|
1301
|
+
])) : S("", !0)
|
|
1294
1302
|
]),
|
|
1295
1303
|
m("tbody", {
|
|
1296
1304
|
class: c({ "is-loading": e.loading })
|
|
1297
1305
|
}, [
|
|
1298
|
-
(t(!0), a(E, null, K(e.rows, (
|
|
1299
|
-
key:
|
|
1306
|
+
(t(!0), a(E, null, K(e.rows, (b, h) => (t(), a("tr", {
|
|
1307
|
+
key: h,
|
|
1300
1308
|
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"
|
|
1301
1309
|
}, [
|
|
1302
|
-
(t(!0), a(E, null, K(e.columns, (
|
|
1303
|
-
key:
|
|
1310
|
+
(t(!0), a(E, null, K(e.columns, (f) => (t(), a("td", {
|
|
1311
|
+
key: f.name,
|
|
1304
1312
|
class: "dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"
|
|
1305
1313
|
}, [
|
|
1306
|
-
_(
|
|
1307
|
-
P(j(
|
|
1314
|
+
_(v.$slots, f.name, O({ ref_for: !0 }, b), () => [
|
|
1315
|
+
P(j(b[f.name]), 1)
|
|
1308
1316
|
], !0)
|
|
1309
1317
|
]))), 128))
|
|
1310
1318
|
]))), 128))
|
|
@@ -1316,35 +1324,35 @@ const We = { key: 1 }, Oe = `
|
|
|
1316
1324
|
class: "dk:px-6 dk:py-4"
|
|
1317
1325
|
}, [
|
|
1318
1326
|
m("div", xd, [
|
|
1319
|
-
m("div", hd, " Página " + j(e.pagination.page) + " de " + j(
|
|
1327
|
+
m("div", hd, " Página " + j(e.pagination.page) + " de " + j(g.value) + " | " + j(e.pagination.total) + " registros ", 1),
|
|
1320
1328
|
m("div", vd, [
|
|
1321
1329
|
J(oe, {
|
|
1322
1330
|
variant: "outline",
|
|
1323
1331
|
color: "neutral",
|
|
1324
1332
|
size: "sm",
|
|
1325
|
-
onClick:
|
|
1333
|
+
onClick: p[0] || (p[0] = (b) => w(e.pagination.page - 1)),
|
|
1326
1334
|
disabled: e.pagination.page === 1
|
|
1327
1335
|
}, {
|
|
1328
|
-
default: A(() => [...
|
|
1336
|
+
default: A(() => [...p[3] || (p[3] = [
|
|
1329
1337
|
P(" ← Anterior ", -1)
|
|
1330
1338
|
])]),
|
|
1331
1339
|
_: 1
|
|
1332
1340
|
}, 8, ["disabled"]),
|
|
1333
1341
|
m("div", yd, [
|
|
1334
|
-
(t(!0), a(E, null, K(n.value, (
|
|
1335
|
-
key:
|
|
1336
|
-
onClick: (
|
|
1337
|
-
class: c(["page-number", { active:
|
|
1338
|
-
}, j(
|
|
1342
|
+
(t(!0), a(E, null, K(n.value, (b) => (t(), a("button", {
|
|
1343
|
+
key: b,
|
|
1344
|
+
onClick: (h) => w(b),
|
|
1345
|
+
class: c(["page-number", { active: b === e.pagination.page }])
|
|
1346
|
+
}, j(b), 11, wd))), 128))
|
|
1339
1347
|
]),
|
|
1340
1348
|
J(oe, {
|
|
1341
1349
|
variant: "outline",
|
|
1342
1350
|
color: "neutral",
|
|
1343
1351
|
size: "sm",
|
|
1344
|
-
onClick:
|
|
1345
|
-
disabled: e.pagination.page ===
|
|
1352
|
+
onClick: p[1] || (p[1] = (b) => w(e.pagination.page + 1)),
|
|
1353
|
+
disabled: e.pagination.page === g.value
|
|
1346
1354
|
}, {
|
|
1347
|
-
default: A(() => [...
|
|
1355
|
+
default: A(() => [...p[4] || (p[4] = [
|
|
1348
1356
|
P(" Siguiente → ", -1)
|
|
1349
1357
|
])]),
|
|
1350
1358
|
_: 1
|
|
@@ -1353,7 +1361,7 @@ const We = { key: 1 }, Oe = `
|
|
|
1353
1361
|
])
|
|
1354
1362
|
], 8, gd)
|
|
1355
1363
|
])
|
|
1356
|
-
])) :
|
|
1364
|
+
])) : S("", !0)
|
|
1357
1365
|
])
|
|
1358
1366
|
]));
|
|
1359
1367
|
}
|
|
@@ -1381,7 +1389,7 @@ const We = { key: 1 }, Oe = `
|
|
|
1381
1389
|
to: { default: void 0 }
|
|
1382
1390
|
},
|
|
1383
1391
|
setup(d) {
|
|
1384
|
-
const r = d, e = k(() => r.to ? se(r.to) : "span"),
|
|
1392
|
+
const r = d, e = k(() => r.to ? se(r.to) : "span"), i = k(() => fe(r.to, e.value)), g = {
|
|
1385
1393
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
1386
1394
|
md: "dk:text-base dk:px-4 dk:py-2",
|
|
1387
1395
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
@@ -1564,17 +1572,17 @@ const We = { key: 1 }, Oe = `
|
|
|
1564
1572
|
dk:dark:text-amber-100
|
|
1565
1573
|
dk:dark:hover:bg-amber-800`
|
|
1566
1574
|
}
|
|
1567
|
-
},
|
|
1568
|
-
var
|
|
1569
|
-
const
|
|
1570
|
-
return [$d,
|
|
1575
|
+
}, v = k(() => {
|
|
1576
|
+
var z;
|
|
1577
|
+
const p = (((z = w[r.variant]) == null ? void 0 : z[r.color]) || "") + " " + w[r.variant].base, b = g[r.size] || "", h = r.block ? "dk:block" : "dk:inline-block", f = n[r.rounded] || "";
|
|
1578
|
+
return [$d, p, b, h, f].join(" ");
|
|
1571
1579
|
});
|
|
1572
|
-
return (
|
|
1573
|
-
class:
|
|
1580
|
+
return (p, b) => (t(), W(Q(e.value), O(i.value, {
|
|
1581
|
+
class: v.value,
|
|
1574
1582
|
title: r.title
|
|
1575
1583
|
}), {
|
|
1576
1584
|
default: A(() => [
|
|
1577
|
-
r.loading ? (t(), a("span", Cd, "Cargando...")) : _(
|
|
1585
|
+
r.loading ? (t(), a("span", Cd, "Cargando...")) : _(p.$slots, "default", {}, void 0, void 0, 0)
|
|
1578
1586
|
]),
|
|
1579
1587
|
_: 3
|
|
1580
1588
|
}, 16, ["class", "title"]));
|
|
@@ -1592,9 +1600,9 @@ const We = { key: 1 }, Oe = `
|
|
|
1592
1600
|
to: { default: void 0 }
|
|
1593
1601
|
},
|
|
1594
1602
|
setup(d) {
|
|
1595
|
-
const r = d, e = () => r.to ? se(r.to) : "div",
|
|
1596
|
-
const
|
|
1597
|
-
return fe(r.to,
|
|
1603
|
+
const r = d, e = () => r.to ? se(r.to) : "div", i = () => r.to ? se(r.to) : "h3", g = () => {
|
|
1604
|
+
const u = e();
|
|
1605
|
+
return fe(r.to, u);
|
|
1598
1606
|
}, n = {
|
|
1599
1607
|
s: {
|
|
1600
1608
|
padding: "dk:p-3",
|
|
@@ -1633,20 +1641,20 @@ const We = { key: 1 }, Oe = `
|
|
|
1633
1641
|
"dk:before:absolute dk:before:top-0 dk:before:left-0 dk:before:right-0 dk:before:h-0.5",
|
|
1634
1642
|
"dk:before:bg-gradient-to-r dk:before:from-white/60 dk:before:via-white/40 dk:before:to-transparent",
|
|
1635
1643
|
"dk:dark:before:from-white/20 dk:dark:before:via-white/10 dk:dark:before:to-transparent"
|
|
1636
|
-
].join(" ")),
|
|
1644
|
+
].join(" ")), v = k(() => [
|
|
1637
1645
|
"dk:w-full dk:h-48 dk:object-cover",
|
|
1638
1646
|
"dk:relative dk:z-10"
|
|
1639
|
-
].join(" ")),
|
|
1640
|
-
const
|
|
1647
|
+
].join(" ")), p = k(() => {
|
|
1648
|
+
const u = n[r.size];
|
|
1641
1649
|
return [
|
|
1642
|
-
|
|
1643
|
-
|
|
1650
|
+
u.padding,
|
|
1651
|
+
u.spacing,
|
|
1644
1652
|
// Glass effect for content wrapper
|
|
1645
1653
|
"dk:relative dk:z-10"
|
|
1646
1654
|
].join(" ");
|
|
1647
|
-
}),
|
|
1655
|
+
}), b = k(() => [
|
|
1648
1656
|
n[r.size].spacing
|
|
1649
|
-
].join(" ")),
|
|
1657
|
+
].join(" ")), h = k(() => {
|
|
1650
1658
|
const l = [
|
|
1651
1659
|
n[r.size].titleSize,
|
|
1652
1660
|
"dk:font-semibold dk:text-gray-900 dk:dark:text-gray-100",
|
|
@@ -1656,71 +1664,71 @@ const We = { key: 1 }, Oe = `
|
|
|
1656
1664
|
"dk:no-underline dk:hover:underline dk:transition-colors",
|
|
1657
1665
|
"dk:hover:text-blue-600 dk:dark:hover:text-blue-400"
|
|
1658
1666
|
), l.join(" ");
|
|
1659
|
-
}),
|
|
1660
|
-
const
|
|
1667
|
+
}), f = k(() => {
|
|
1668
|
+
const u = [
|
|
1661
1669
|
"dk:block",
|
|
1662
1670
|
"dk:transition-transform dk:duration-300",
|
|
1663
1671
|
"dk:hover:scale-105",
|
|
1664
1672
|
"dk:relative dk:z-10"
|
|
1665
1673
|
];
|
|
1666
|
-
return r.to &&
|
|
1667
|
-
}),
|
|
1674
|
+
return r.to && u.push("dk:no-underline"), u.join(" ");
|
|
1675
|
+
}), z = k(() => [
|
|
1668
1676
|
n[r.size].subtitleSize,
|
|
1669
1677
|
"dk:text-gray-600 dk:dark:text-gray-400",
|
|
1670
1678
|
"dk:line-clamp-3"
|
|
1671
|
-
].join(" ")),
|
|
1679
|
+
].join(" ")), V = k(() => [
|
|
1672
1680
|
n[r.size].contentSize,
|
|
1673
1681
|
"dk:text-gray-700 dk:dark:text-gray-300"
|
|
1674
|
-
].join(" ")),
|
|
1682
|
+
].join(" ")), $ = k(() => [
|
|
1675
1683
|
"dk:border-t dk:border-gray-300/40 dk:dark:border-white/10",
|
|
1676
1684
|
"dk:pt-3 dk:mt-3",
|
|
1677
1685
|
"dk:relative dk:z-10"
|
|
1678
1686
|
].join(" "));
|
|
1679
|
-
return (
|
|
1687
|
+
return (u, l) => (t(), a("div", {
|
|
1680
1688
|
class: c(w.value)
|
|
1681
1689
|
}, [
|
|
1682
1690
|
d.image ? (t(), a("div", Sd, [
|
|
1683
|
-
(t(), W(Q(e()), O(
|
|
1691
|
+
(t(), W(Q(e()), O(g(), { class: f.value }), {
|
|
1684
1692
|
default: A(() => [
|
|
1685
1693
|
m("img", {
|
|
1686
1694
|
src: d.image,
|
|
1687
1695
|
alt: d.title || "Card image",
|
|
1688
|
-
class: c(
|
|
1696
|
+
class: c(v.value)
|
|
1689
1697
|
}, null, 10, jd)
|
|
1690
1698
|
]),
|
|
1691
1699
|
_: 1
|
|
1692
1700
|
}, 16, ["class"]))
|
|
1693
|
-
])) :
|
|
1701
|
+
])) : S("", !0),
|
|
1694
1702
|
m("div", {
|
|
1695
|
-
class: c(
|
|
1703
|
+
class: c(p.value)
|
|
1696
1704
|
}, [
|
|
1697
1705
|
d.title || d.subtitle ? (t(), a("div", {
|
|
1698
1706
|
key: 0,
|
|
1699
|
-
class: c(
|
|
1707
|
+
class: c(b.value)
|
|
1700
1708
|
}, [
|
|
1701
|
-
d.title ? (t(), W(Q(
|
|
1709
|
+
d.title ? (t(), W(Q(i()), O({ key: 0 }, g(), { class: h.value }), {
|
|
1702
1710
|
default: A(() => [
|
|
1703
1711
|
P(j(d.title), 1)
|
|
1704
1712
|
]),
|
|
1705
1713
|
_: 1
|
|
1706
|
-
}, 16, ["class"])) :
|
|
1714
|
+
}, 16, ["class"])) : S("", !0),
|
|
1707
1715
|
d.subtitle ? (t(), a("p", {
|
|
1708
1716
|
key: 1,
|
|
1709
|
-
class: c(
|
|
1710
|
-
}, j(d.subtitle), 3)) :
|
|
1711
|
-
], 2)) :
|
|
1712
|
-
|
|
1717
|
+
class: c(z.value)
|
|
1718
|
+
}, j(d.subtitle), 3)) : S("", !0)
|
|
1719
|
+
], 2)) : S("", !0),
|
|
1720
|
+
u.$slots.default ? (t(), a("div", {
|
|
1713
1721
|
key: 1,
|
|
1714
|
-
class: c(
|
|
1722
|
+
class: c(V.value)
|
|
1715
1723
|
}, [
|
|
1716
|
-
_(
|
|
1717
|
-
], 2)) :
|
|
1718
|
-
|
|
1724
|
+
_(u.$slots, "default")
|
|
1725
|
+
], 2)) : S("", !0),
|
|
1726
|
+
u.$slots.footer ? (t(), a("div", {
|
|
1719
1727
|
key: 2,
|
|
1720
|
-
class: c(
|
|
1728
|
+
class: c($.value)
|
|
1721
1729
|
}, [
|
|
1722
|
-
_(
|
|
1723
|
-
], 2)) :
|
|
1730
|
+
_(u.$slots, "footer")
|
|
1731
|
+
], 2)) : S("", !0)
|
|
1724
1732
|
], 2)
|
|
1725
1733
|
], 2));
|
|
1726
1734
|
}
|
|
@@ -1745,21 +1753,21 @@ const We = { key: 1 }, Oe = `
|
|
|
1745
1753
|
},
|
|
1746
1754
|
emits: ["update:modelValue", "open", "close", "backdrop", "escape"],
|
|
1747
1755
|
setup(d, { emit: r }) {
|
|
1748
|
-
const e = d,
|
|
1756
|
+
const e = d, i = r, g = Math.random().toString(36).slice(2, 10), n = `dui-modal-title-${g}`, w = `dui-modal-description-${g}`, v = {
|
|
1749
1757
|
all: "dk:rounded-xl",
|
|
1750
1758
|
top: "dk:rounded-t-xl",
|
|
1751
1759
|
bottom: "dk:rounded-b-xl",
|
|
1752
1760
|
left: "dk:rounded-l-xl",
|
|
1753
1761
|
right: "dk:rounded-r-xl",
|
|
1754
1762
|
none: "dk:rounded-none"
|
|
1755
|
-
},
|
|
1763
|
+
}, p = {
|
|
1756
1764
|
xs: "dk:w-full dk:max-w-xs",
|
|
1757
1765
|
sm: "dk:w-full dk:max-w-md",
|
|
1758
1766
|
md: "dk:w-full dk:max-w-xl",
|
|
1759
1767
|
lg: "dk:w-full dk:max-w-3xl",
|
|
1760
1768
|
xl: "dk:w-full dk:max-w-5xl",
|
|
1761
1769
|
full: "dk:h-[calc(100vh-2rem)] dk:w-[calc(100vw-2rem)] dk:max-w-none"
|
|
1762
|
-
},
|
|
1770
|
+
}, b = {
|
|
1763
1771
|
solid: {
|
|
1764
1772
|
base: "dk:border dk:shadow-xl",
|
|
1765
1773
|
neutral: "dk:bg-white dk:text-zinc-900 dk:border-zinc-200 dk:dark:bg-zinc-900 dk:dark:text-zinc-100 dk:dark:border-zinc-700",
|
|
@@ -1787,61 +1795,61 @@ const We = { key: 1 }, Oe = `
|
|
|
1787
1795
|
warning: "dk:bg-amber-100/85 dk:text-amber-900 dk:border-amber-300/70 dk:dark:bg-amber-900/70 dk:dark:text-amber-100 dk:dark:border-amber-600/60",
|
|
1788
1796
|
danger: "dk:bg-rose-100/85 dk:text-rose-900 dk:border-rose-300/70 dk:dark:bg-rose-900/70 dk:dark:text-rose-100 dk:dark:border-rose-600/60"
|
|
1789
1797
|
}
|
|
1790
|
-
},
|
|
1798
|
+
}, h = k(() => [
|
|
1791
1799
|
"dk:fixed dk:inset-0 dk:bg-black/55",
|
|
1792
1800
|
e.blurBackdrop ? "dk:backdrop-blur-[2px]" : ""
|
|
1793
|
-
].join(" ")),
|
|
1801
|
+
].join(" ")), f = k(() => [
|
|
1794
1802
|
"dk:flex dk:min-h-full dk:w-full dk:p-4",
|
|
1795
1803
|
e.centered ? "dk:items-center" : "dk:items-start dk:pt-8",
|
|
1796
1804
|
"dk:justify-center"
|
|
1797
|
-
].join(" ")),
|
|
1798
|
-
const
|
|
1805
|
+
].join(" ")), z = k(() => {
|
|
1806
|
+
const C = b[e.variant].base, D = b[e.variant][e.color], I = v[e.rounded], X = p[e.size];
|
|
1799
1807
|
return [
|
|
1800
1808
|
"dk:relative dk:flex dk:flex-col dk:overflow-hidden",
|
|
1801
|
-
|
|
1809
|
+
C,
|
|
1802
1810
|
D,
|
|
1803
1811
|
I,
|
|
1804
1812
|
X
|
|
1805
1813
|
].join(" ");
|
|
1806
|
-
}),
|
|
1814
|
+
}), V = k(() => [
|
|
1807
1815
|
"dk:flex dk:items-start dk:justify-between dk:gap-3 dk:px-5 dk:pt-5 dk:pb-3",
|
|
1808
1816
|
"dk:border-b dk:border-current/10"
|
|
1809
|
-
].join(" ")),
|
|
1817
|
+
].join(" ")), $ = k(() => [
|
|
1810
1818
|
"dk:px-5 dk:py-4",
|
|
1811
1819
|
e.scrollable ? "dk:max-h-[65vh] dk:overflow-y-auto" : ""
|
|
1812
|
-
].join(" ")),
|
|
1820
|
+
].join(" ")), u = k(() => [
|
|
1813
1821
|
"dk:px-5 dk:py-4 dk:border-t dk:border-current/10",
|
|
1814
1822
|
"dk:flex dk:items-center dk:justify-end dk:gap-2"
|
|
1815
1823
|
].join(" "));
|
|
1816
1824
|
function l() {
|
|
1817
1825
|
if (typeof document > "u") return;
|
|
1818
|
-
const
|
|
1819
|
-
|
|
1826
|
+
const C = document.body, I = Number(C.dataset.duiModalCount || "0") + 1;
|
|
1827
|
+
C.dataset.duiModalCount = String(I), I === 1 && (C.style.overflow = "hidden");
|
|
1820
1828
|
}
|
|
1821
|
-
function
|
|
1829
|
+
function x() {
|
|
1822
1830
|
if (typeof document > "u") return;
|
|
1823
|
-
const
|
|
1824
|
-
|
|
1831
|
+
const C = document.body, D = Number(C.dataset.duiModalCount || "0"), I = Math.max(0, D - 1);
|
|
1832
|
+
C.dataset.duiModalCount = String(I), I === 0 && (C.style.overflow = "");
|
|
1825
1833
|
}
|
|
1826
|
-
function y(
|
|
1827
|
-
|
|
1834
|
+
function y(C) {
|
|
1835
|
+
i("update:modelValue", !1), i("close", C);
|
|
1828
1836
|
}
|
|
1829
1837
|
function o() {
|
|
1830
|
-
|
|
1838
|
+
i("backdrop"), !(e.persistent || !e.closeOnBackdrop) && y("backdrop");
|
|
1831
1839
|
}
|
|
1832
|
-
function s(
|
|
1833
|
-
|
|
1840
|
+
function s(C) {
|
|
1841
|
+
C.key !== "Escape" || !e.modelValue || (i("escape"), !(e.persistent || !e.closeOnEsc) && y("escape"));
|
|
1834
1842
|
}
|
|
1835
1843
|
return ae(
|
|
1836
1844
|
() => e.modelValue,
|
|
1837
|
-
(
|
|
1838
|
-
|
|
1845
|
+
(C, D) => {
|
|
1846
|
+
C && !D && (l(), i("open")), !C && D && x();
|
|
1839
1847
|
}
|
|
1840
1848
|
), be(() => {
|
|
1841
1849
|
e.modelValue && l(), typeof window < "u" && window.addEventListener("keydown", s);
|
|
1842
1850
|
}), pe(() => {
|
|
1843
|
-
e.modelValue &&
|
|
1844
|
-
}), (
|
|
1851
|
+
e.modelValue && x(), typeof window < "u" && window.removeEventListener("keydown", s);
|
|
1852
|
+
}), (C, D) => (t(), W(me, { to: "body" }, [
|
|
1845
1853
|
J(ne, {
|
|
1846
1854
|
"enter-active-class": "dk:transition-opacity dk:duration-200",
|
|
1847
1855
|
"leave-active-class": "dk:transition-opacity dk:duration-200",
|
|
@@ -1852,37 +1860,37 @@ const We = { key: 1 }, Oe = `
|
|
|
1852
1860
|
e.modelValue ? (t(), a("div", {
|
|
1853
1861
|
key: 0,
|
|
1854
1862
|
style: te({ zIndex: String(e.zIndex) }),
|
|
1855
|
-
class: c(
|
|
1863
|
+
class: c(h.value),
|
|
1856
1864
|
onClick: o
|
|
1857
1865
|
}, [
|
|
1858
1866
|
m("div", {
|
|
1859
|
-
class: c(
|
|
1867
|
+
class: c(f.value)
|
|
1860
1868
|
}, [
|
|
1861
1869
|
m("div", {
|
|
1862
1870
|
role: "dialog",
|
|
1863
1871
|
"aria-modal": "true",
|
|
1864
1872
|
"aria-labelledby": e.title ? n : void 0,
|
|
1865
1873
|
"aria-describedby": e.description ? w : void 0,
|
|
1866
|
-
class: c(
|
|
1874
|
+
class: c(z.value),
|
|
1867
1875
|
onClick: D[1] || (D[1] = R(() => {
|
|
1868
1876
|
}, ["stop"]))
|
|
1869
1877
|
}, [
|
|
1870
|
-
|
|
1878
|
+
C.$slots.header || e.title || e.description || e.showClose ? (t(), a("header", {
|
|
1871
1879
|
key: 0,
|
|
1872
|
-
class: c(
|
|
1880
|
+
class: c(V.value)
|
|
1873
1881
|
}, [
|
|
1874
1882
|
m("div", null, [
|
|
1875
|
-
_(
|
|
1883
|
+
_(C.$slots, "header", {}, () => [
|
|
1876
1884
|
e.title ? (t(), a("h2", {
|
|
1877
1885
|
key: 0,
|
|
1878
1886
|
id: n,
|
|
1879
1887
|
class: "dk:text-lg dk:font-semibold"
|
|
1880
|
-
}, j(e.title), 1)) :
|
|
1888
|
+
}, j(e.title), 1)) : S("", !0),
|
|
1881
1889
|
e.description ? (t(), a("p", {
|
|
1882
1890
|
key: 1,
|
|
1883
1891
|
id: w,
|
|
1884
1892
|
class: "dk:mt-1 dk:text-sm dk:opacity-80"
|
|
1885
|
-
}, j(e.description), 1)) :
|
|
1893
|
+
}, j(e.description), 1)) : S("", !0)
|
|
1886
1894
|
])
|
|
1887
1895
|
]),
|
|
1888
1896
|
e.showClose ? (t(), a("button", {
|
|
@@ -1893,22 +1901,22 @@ const We = { key: 1 }, Oe = `
|
|
|
1893
1901
|
onClick: D[0] || (D[0] = (I) => y("button"))
|
|
1894
1902
|
}, [...D[2] || (D[2] = [
|
|
1895
1903
|
m("span", { "aria-hidden": "true" }, "×", -1)
|
|
1896
|
-
])])) :
|
|
1897
|
-
], 2)) :
|
|
1904
|
+
])])) : S("", !0)
|
|
1905
|
+
], 2)) : S("", !0),
|
|
1898
1906
|
m("section", {
|
|
1899
|
-
class: c(
|
|
1907
|
+
class: c($.value)
|
|
1900
1908
|
}, [
|
|
1901
|
-
_(
|
|
1909
|
+
_(C.$slots, "default")
|
|
1902
1910
|
], 2),
|
|
1903
|
-
|
|
1911
|
+
C.$slots.footer ? (t(), a("footer", {
|
|
1904
1912
|
key: 1,
|
|
1905
|
-
class: c(
|
|
1913
|
+
class: c(u.value)
|
|
1906
1914
|
}, [
|
|
1907
|
-
_(
|
|
1908
|
-
], 2)) :
|
|
1915
|
+
_(C.$slots, "footer")
|
|
1916
|
+
], 2)) : S("", !0)
|
|
1909
1917
|
], 10, Vd)
|
|
1910
1918
|
], 2)
|
|
1911
|
-
], 6)) :
|
|
1919
|
+
], 6)) : S("", !0)
|
|
1912
1920
|
]),
|
|
1913
1921
|
_: 3
|
|
1914
1922
|
})
|
|
@@ -1932,7 +1940,7 @@ const We = { key: 1 }, Oe = `
|
|
|
1932
1940
|
},
|
|
1933
1941
|
emits: ["update:modelValue", "open", "close", "backdrop", "escape"],
|
|
1934
1942
|
setup(d, { emit: r }) {
|
|
1935
|
-
const e = d,
|
|
1943
|
+
const e = d, i = r, n = `dui-drawer-title-${Math.random().toString(36).slice(2, 10)}`, w = {
|
|
1936
1944
|
left: {
|
|
1937
1945
|
sm: "dk:w-[95%] dk:md:w-16",
|
|
1938
1946
|
md: "dk:w-[95%] dk:md:w-1/3",
|
|
@@ -1957,12 +1965,12 @@ const We = { key: 1 }, Oe = `
|
|
|
1957
1965
|
lg: "dk:h-[95%] dk:md:h-1/2",
|
|
1958
1966
|
xl: "dk:h-[95%] dk:md:h-[90%]"
|
|
1959
1967
|
}
|
|
1960
|
-
},
|
|
1968
|
+
}, v = {
|
|
1961
1969
|
left: "dk:inset-y-0 dk:left-0 dk:h-full dk:rounded-r-xl",
|
|
1962
1970
|
right: "dk:inset-y-0 dk:right-0 dk:h-full dk:rounded-l-xl",
|
|
1963
1971
|
top: "dk:inset-x-0 dk:top-0 dk:w-full dk:rounded-b-xl",
|
|
1964
1972
|
bottom: "dk:inset-x-0 dk:bottom-0 dk:w-full dk:rounded-t-xl"
|
|
1965
|
-
},
|
|
1973
|
+
}, p = k(() => ({
|
|
1966
1974
|
enterActive: "dk:transition-transform dk:duration-300",
|
|
1967
1975
|
leaveActive: "dk:transition-transform dk:duration-300",
|
|
1968
1976
|
hidden: {
|
|
@@ -1971,7 +1979,7 @@ const We = { key: 1 }, Oe = `
|
|
|
1971
1979
|
top: "dk:-translate-y-full",
|
|
1972
1980
|
bottom: "dk:translate-y-full"
|
|
1973
1981
|
}[e.position]
|
|
1974
|
-
})),
|
|
1982
|
+
})), b = {
|
|
1975
1983
|
solid: {
|
|
1976
1984
|
base: "dk:border dk:shadow-xl",
|
|
1977
1985
|
neutral: "dk:bg-white dk:text-zinc-900 dk:border-zinc-200 dk:dark:bg-zinc-900 dk:dark:text-zinc-100 dk:dark:border-zinc-700",
|
|
@@ -1999,53 +2007,53 @@ const We = { key: 1 }, Oe = `
|
|
|
1999
2007
|
warning: "dk:bg-amber-100/85 dk:text-amber-900 dk:border-amber-300/70 dk:dark:bg-amber-900/70 dk:dark:text-amber-100 dk:dark:border-amber-600/60",
|
|
2000
2008
|
danger: "dk:bg-rose-100/85 dk:text-rose-900 dk:border-rose-300/70 dk:dark:bg-rose-900/70 dk:dark:text-rose-100 dk:dark:border-rose-600/60"
|
|
2001
2009
|
}
|
|
2002
|
-
},
|
|
2010
|
+
}, h = k(() => [
|
|
2003
2011
|
"dk:fixed dk:inset-0 dk:bg-black/55",
|
|
2004
2012
|
e.blurBackdrop ? "dk:backdrop-blur-[2px]" : ""
|
|
2005
|
-
].join(" ")),
|
|
2006
|
-
const o =
|
|
2013
|
+
].join(" ")), f = k(() => {
|
|
2014
|
+
const o = b[e.variant].base, s = b[e.variant][e.color], C = w[e.position][e.size];
|
|
2007
2015
|
return [
|
|
2008
2016
|
"dk:fixed dk:flex dk:flex-col dk:overflow-hidden",
|
|
2009
|
-
|
|
2017
|
+
v[e.position],
|
|
2010
2018
|
o,
|
|
2011
2019
|
s,
|
|
2012
|
-
|
|
2020
|
+
C
|
|
2013
2021
|
].join(" ");
|
|
2014
|
-
}),
|
|
2022
|
+
}), z = k(() => [
|
|
2015
2023
|
"dk:flex dk:items-center dk:justify-between dk:gap-3 dk:px-5 dk:py-4 dk:shrink-0",
|
|
2016
2024
|
"dk:border-b dk:border-current/10"
|
|
2017
|
-
].join(" ")),
|
|
2025
|
+
].join(" ")), V = [
|
|
2018
2026
|
"dk:px-5 dk:py-4 dk:border-t dk:border-current/10 dk:shrink-0",
|
|
2019
2027
|
"dk:flex dk:items-center dk:justify-end dk:gap-2"
|
|
2020
2028
|
].join(" ");
|
|
2021
|
-
function
|
|
2029
|
+
function $() {
|
|
2022
2030
|
if (typeof document > "u") return;
|
|
2023
|
-
const o = document.body,
|
|
2024
|
-
o.dataset.duiDrawerCount = String(
|
|
2031
|
+
const o = document.body, C = Number(o.dataset.duiDrawerCount || "0") + 1;
|
|
2032
|
+
o.dataset.duiDrawerCount = String(C), C === 1 && (o.style.overflow = "hidden");
|
|
2025
2033
|
}
|
|
2026
|
-
function
|
|
2034
|
+
function u() {
|
|
2027
2035
|
if (typeof document > "u") return;
|
|
2028
|
-
const o = document.body, s = Number(o.dataset.duiDrawerCount || "0"),
|
|
2029
|
-
o.dataset.duiDrawerCount = String(
|
|
2036
|
+
const o = document.body, s = Number(o.dataset.duiDrawerCount || "0"), C = Math.max(0, s - 1);
|
|
2037
|
+
o.dataset.duiDrawerCount = String(C), C === 0 && (o.style.overflow = "");
|
|
2030
2038
|
}
|
|
2031
2039
|
function l(o) {
|
|
2032
|
-
|
|
2040
|
+
i("update:modelValue", !1), i("close", o);
|
|
2033
2041
|
}
|
|
2034
|
-
function
|
|
2035
|
-
|
|
2042
|
+
function x() {
|
|
2043
|
+
i("backdrop"), !(e.persistent || !e.closeOnBackdrop) && l("backdrop");
|
|
2036
2044
|
}
|
|
2037
2045
|
function y(o) {
|
|
2038
|
-
o.key !== "Escape" || !e.modelValue || (
|
|
2046
|
+
o.key !== "Escape" || !e.modelValue || (i("escape"), !(e.persistent || !e.closeOnEsc) && l("escape"));
|
|
2039
2047
|
}
|
|
2040
2048
|
return ae(
|
|
2041
2049
|
() => e.modelValue,
|
|
2042
2050
|
(o, s) => {
|
|
2043
|
-
o && !s && (
|
|
2051
|
+
o && !s && ($(), i("open")), !o && s && u();
|
|
2044
2052
|
}
|
|
2045
2053
|
), be(() => {
|
|
2046
|
-
e.modelValue &&
|
|
2054
|
+
e.modelValue && $(), typeof window < "u" && window.addEventListener("keydown", y);
|
|
2047
2055
|
}), pe(() => {
|
|
2048
|
-
e.modelValue &&
|
|
2056
|
+
e.modelValue && u(), typeof window < "u" && window.removeEventListener("keydown", y);
|
|
2049
2057
|
}), (o, s) => (t(), W(me, { to: "body" }, [
|
|
2050
2058
|
J(ne, {
|
|
2051
2059
|
"enter-active-class": "dk:transition-opacity dk:duration-200",
|
|
@@ -2057,17 +2065,17 @@ const We = { key: 1 }, Oe = `
|
|
|
2057
2065
|
e.modelValue ? (t(), a("div", {
|
|
2058
2066
|
key: 0,
|
|
2059
2067
|
style: te({ zIndex: String(e.zIndex) }),
|
|
2060
|
-
class: c(
|
|
2061
|
-
onClick:
|
|
2062
|
-
}, null, 6)) :
|
|
2068
|
+
class: c(h.value),
|
|
2069
|
+
onClick: x
|
|
2070
|
+
}, null, 6)) : S("", !0)
|
|
2063
2071
|
]),
|
|
2064
2072
|
_: 1
|
|
2065
2073
|
}),
|
|
2066
2074
|
J(ne, {
|
|
2067
|
-
"enter-active-class":
|
|
2068
|
-
"leave-active-class":
|
|
2069
|
-
"enter-from-class":
|
|
2070
|
-
"leave-to-class":
|
|
2075
|
+
"enter-active-class": p.value.enterActive,
|
|
2076
|
+
"leave-active-class": p.value.leaveActive,
|
|
2077
|
+
"enter-from-class": p.value.hidden,
|
|
2078
|
+
"leave-to-class": p.value.hidden
|
|
2071
2079
|
}, {
|
|
2072
2080
|
default: A(() => [
|
|
2073
2081
|
e.modelValue ? (t(), a("div", {
|
|
@@ -2076,31 +2084,31 @@ const We = { key: 1 }, Oe = `
|
|
|
2076
2084
|
role: "dialog",
|
|
2077
2085
|
"aria-modal": "true",
|
|
2078
2086
|
"aria-labelledby": e.name ? n : void 0,
|
|
2079
|
-
class: c(
|
|
2087
|
+
class: c(f.value),
|
|
2080
2088
|
onClick: s[1] || (s[1] = R(() => {
|
|
2081
2089
|
}, ["stop"]))
|
|
2082
2090
|
}, [
|
|
2083
2091
|
o.$slots.header || e.name || e.showClose ? (t(), a("header", {
|
|
2084
2092
|
key: 0,
|
|
2085
|
-
class: c(
|
|
2093
|
+
class: c(z.value)
|
|
2086
2094
|
}, [
|
|
2087
2095
|
_(o.$slots, "header", {}, () => [
|
|
2088
2096
|
e.name ? (t(), a("h2", {
|
|
2089
2097
|
key: 0,
|
|
2090
2098
|
id: n,
|
|
2091
2099
|
class: "dk:text-lg dk:font-semibold dk:truncate"
|
|
2092
|
-
}, j(e.name), 1)) :
|
|
2100
|
+
}, j(e.name), 1)) : S("", !0)
|
|
2093
2101
|
]),
|
|
2094
2102
|
e.showClose ? (t(), a("button", {
|
|
2095
2103
|
key: 0,
|
|
2096
2104
|
type: "button",
|
|
2097
2105
|
class: "dk:ml-auto dk:inline-flex dk:h-8 dk:w-8 dk:shrink-0 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",
|
|
2098
2106
|
"aria-label": "Cerrar panel",
|
|
2099
|
-
onClick: s[0] || (s[0] = (
|
|
2107
|
+
onClick: s[0] || (s[0] = (C) => l("button"))
|
|
2100
2108
|
}, [...s[2] || (s[2] = [
|
|
2101
2109
|
m("span", { "aria-hidden": "true" }, "×", -1)
|
|
2102
|
-
])])) :
|
|
2103
|
-
], 2)) :
|
|
2110
|
+
])])) : S("", !0)
|
|
2111
|
+
], 2)) : S("", !0),
|
|
2104
2112
|
m("section", {
|
|
2105
2113
|
class: c(Dd)
|
|
2106
2114
|
}, [
|
|
@@ -2108,11 +2116,11 @@ const We = { key: 1 }, Oe = `
|
|
|
2108
2116
|
]),
|
|
2109
2117
|
o.$slots.actions ? (t(), a("footer", {
|
|
2110
2118
|
key: 1,
|
|
2111
|
-
class: c(Z(
|
|
2119
|
+
class: c(Z(V))
|
|
2112
2120
|
}, [
|
|
2113
2121
|
_(o.$slots, "actions")
|
|
2114
|
-
], 2)) :
|
|
2115
|
-
], 14, Bd)) :
|
|
2122
|
+
], 2)) : S("", !0)
|
|
2123
|
+
], 14, Bd)) : S("", !0)
|
|
2116
2124
|
]),
|
|
2117
2125
|
_: 3
|
|
2118
2126
|
}, 8, ["enter-active-class", "leave-active-class", "enter-from-class", "leave-to-class"])
|
|
@@ -2144,9 +2152,9 @@ const We = { key: 1 }, Oe = `
|
|
|
2144
2152
|
},
|
|
2145
2153
|
emits: ["update:modelValue", "open", "close"],
|
|
2146
2154
|
setup(d, { emit: r }) {
|
|
2147
|
-
const e = d,
|
|
2148
|
-
let
|
|
2149
|
-
const
|
|
2155
|
+
const e = d, i = r, g = F(null), n = F(null), w = F(!1), v = k(() => e.modelValue !== void 0), p = k(() => v.value ? !!e.modelValue : w.value), b = F(e.placement), h = F({ top: 0, left: 0 }), f = F(!1);
|
|
2156
|
+
let z = null, V = null;
|
|
2157
|
+
const $ = `dui-tooltip-${Math.random().toString(36).slice(2, 10)}`, u = {
|
|
2150
2158
|
all: "dk:rounded-md",
|
|
2151
2159
|
top: "dk:rounded-t-md",
|
|
2152
2160
|
bottom: "dk:rounded-b-md",
|
|
@@ -2157,7 +2165,7 @@ const We = { key: 1 }, Oe = `
|
|
|
2157
2165
|
sm: "dk:px-2 dk:py-1 dk:text-xs",
|
|
2158
2166
|
md: "dk:px-2.5 dk:py-1.5 dk:text-sm",
|
|
2159
2167
|
lg: "dk:px-3 dk:py-2 dk:text-base"
|
|
2160
|
-
},
|
|
2168
|
+
}, x = {
|
|
2161
2169
|
xs: "dk:max-w-40",
|
|
2162
2170
|
sm: "dk:max-w-56",
|
|
2163
2171
|
md: "dk:max-w-72",
|
|
@@ -2165,7 +2173,7 @@ const We = { key: 1 }, Oe = `
|
|
|
2165
2173
|
full: "dk:max-w-[min(92vw,42rem)]"
|
|
2166
2174
|
};
|
|
2167
2175
|
function y(M) {
|
|
2168
|
-
return typeof M == "string" && M in
|
|
2176
|
+
return typeof M == "string" && M in x;
|
|
2169
2177
|
}
|
|
2170
2178
|
const o = {
|
|
2171
2179
|
solid: {
|
|
@@ -2187,25 +2195,25 @@ const We = { key: 1 }, Oe = `
|
|
|
2187
2195
|
danger: "dk:text-rose-900 dk:border-rose-400 dk:dark:text-rose-100 dk:dark:border-rose-500"
|
|
2188
2196
|
}
|
|
2189
2197
|
}, s = k(() => {
|
|
2190
|
-
const M =
|
|
2198
|
+
const M = u[e.rounded], B = l[e.size], T = o[e.variant].base, q = o[e.variant][e.color], N = y(e.maxWidth) ? x[e.maxWidth] : "";
|
|
2191
2199
|
return [
|
|
2192
2200
|
"dk:fixed dk:pointer-events-auto dk:leading-tight dk:select-text dk:cursor-default",
|
|
2193
2201
|
"dk:break-words dk:whitespace-normal",
|
|
2194
2202
|
M,
|
|
2195
|
-
|
|
2203
|
+
B,
|
|
2196
2204
|
T,
|
|
2197
2205
|
q,
|
|
2198
2206
|
N
|
|
2199
2207
|
].join(" ");
|
|
2200
|
-
}),
|
|
2208
|
+
}), C = k(() => {
|
|
2201
2209
|
const M = {
|
|
2202
|
-
top: `${
|
|
2203
|
-
left: `${
|
|
2210
|
+
top: `${h.value.top}px`,
|
|
2211
|
+
left: `${h.value.left}px`,
|
|
2204
2212
|
zIndex: String(e.zIndex)
|
|
2205
2213
|
};
|
|
2206
2214
|
return typeof e.maxWidth == "number" ? M.maxWidth = `${e.maxWidth}px` : typeof e.maxWidth == "string" && !y(e.maxWidth) && (M.maxWidth = e.maxWidth), M;
|
|
2207
2215
|
}), D = k(() => {
|
|
2208
|
-
const M = o[e.variant][e.color],
|
|
2216
|
+
const M = o[e.variant][e.color], B = b.value, T = {
|
|
2209
2217
|
top: "dk:-bottom-1.5 dk:left-1/2 dk:-translate-x-1/2 dk:rotate-45",
|
|
2210
2218
|
"top-start": "dk:-bottom-1.5 dk:left-3 dk:rotate-45",
|
|
2211
2219
|
"top-end": "dk:-bottom-1.5 dk:right-3 dk:rotate-45",
|
|
@@ -2222,25 +2230,25 @@ const We = { key: 1 }, Oe = `
|
|
|
2222
2230
|
return [
|
|
2223
2231
|
"dk:absolute dk:block dk:h-3 dk:w-3",
|
|
2224
2232
|
M,
|
|
2225
|
-
T[
|
|
2233
|
+
T[B] || T.top
|
|
2226
2234
|
].join(" ");
|
|
2227
2235
|
});
|
|
2228
2236
|
function I() {
|
|
2229
|
-
|
|
2237
|
+
z && (clearTimeout(z), z = null), V && (clearTimeout(V), V = null);
|
|
2230
2238
|
}
|
|
2231
|
-
function X(M,
|
|
2232
|
-
e.disabled || (
|
|
2239
|
+
function X(M, B) {
|
|
2240
|
+
e.disabled || (v.value ? i("update:modelValue", M) : w.value = M, M ? (i("open", B), ue(() => {
|
|
2233
2241
|
Y();
|
|
2234
|
-
})) :
|
|
2242
|
+
})) : i("close", B));
|
|
2235
2243
|
}
|
|
2236
2244
|
function ee(M) {
|
|
2237
|
-
I(),
|
|
2245
|
+
I(), z = setTimeout(() => {
|
|
2238
2246
|
X(!0, M);
|
|
2239
2247
|
}, Math.max(0, e.showDelay));
|
|
2240
2248
|
}
|
|
2241
2249
|
function de(M) {
|
|
2242
|
-
I(),
|
|
2243
|
-
M === "hover" && e.interactive &&
|
|
2250
|
+
I(), V = setTimeout(() => {
|
|
2251
|
+
M === "hover" && e.interactive && f.value || X(!1, M);
|
|
2244
2252
|
}, Math.max(0, e.hideDelay));
|
|
2245
2253
|
}
|
|
2246
2254
|
function ge(M) {
|
|
@@ -2259,33 +2267,33 @@ const We = { key: 1 }, Oe = `
|
|
|
2259
2267
|
"right-end": "left-end"
|
|
2260
2268
|
}[M];
|
|
2261
2269
|
}
|
|
2262
|
-
function re(M,
|
|
2270
|
+
function re(M, B, T) {
|
|
2263
2271
|
const [q, N] = M.split("-"), G = e.offset;
|
|
2264
2272
|
let U = 0, H = 0;
|
|
2265
|
-
q === "top" && (U =
|
|
2273
|
+
q === "top" && (U = B.top - T.height - G, N === "start" ? H = B.left : N === "end" ? H = B.right - T.width : H = B.left + B.width / 2 - T.width / 2), q === "bottom" && (U = B.bottom + G, N === "start" ? H = B.left : N === "end" ? H = B.right - T.width : H = B.left + B.width / 2 - T.width / 2), q === "left" && (H = B.left - T.width - G, N === "start" ? U = B.top : N === "end" ? U = B.bottom - T.height : U = B.top + B.height / 2 - T.height / 2), q === "right" && (H = B.right + G, N === "start" ? U = B.top : N === "end" ? U = B.bottom - T.height : U = B.top + B.height / 2 - T.height / 2);
|
|
2266
2274
|
const ce = e.viewportPadding, _e = window.innerWidth, Le = window.innerHeight;
|
|
2267
2275
|
return U = Math.min(Math.max(ce, U), Le - T.height - ce), H = Math.min(Math.max(ce, H), _e - T.width - ce), { top: U, left: H };
|
|
2268
2276
|
}
|
|
2269
|
-
function $e(M,
|
|
2277
|
+
function $e(M, B, T) {
|
|
2270
2278
|
if (!e.flip) return !1;
|
|
2271
2279
|
const [q] = M.split("-"), N = e.offset, G = e.viewportPadding;
|
|
2272
|
-
return q === "top" ?
|
|
2280
|
+
return q === "top" ? B.top - T.height - N < G : q === "bottom" ? B.bottom + T.height + N > window.innerHeight - G : q === "left" ? B.left - T.width - N < G : B.right + T.width + N > window.innerWidth - G;
|
|
2273
2281
|
}
|
|
2274
2282
|
function Y() {
|
|
2275
|
-
if (!
|
|
2276
|
-
const M =
|
|
2283
|
+
if (!g.value || !n.value) return;
|
|
2284
|
+
const M = g.value.getBoundingClientRect(), B = n.value.getBoundingClientRect();
|
|
2277
2285
|
let T = e.placement;
|
|
2278
|
-
$e(T, M,
|
|
2286
|
+
$e(T, M, B) && (T = ge(T)), b.value = T, h.value = re(T, M, B);
|
|
2279
2287
|
}
|
|
2280
2288
|
function Se() {
|
|
2281
2289
|
e.trigger === "hover" && ee("hover");
|
|
2282
2290
|
}
|
|
2283
2291
|
function je(M) {
|
|
2284
|
-
var
|
|
2292
|
+
var B;
|
|
2285
2293
|
if (e.trigger === "hover") {
|
|
2286
2294
|
if (e.interactive) {
|
|
2287
2295
|
const T = M.relatedTarget;
|
|
2288
|
-
if (T && ((
|
|
2296
|
+
if (T && ((B = n.value) != null && B.contains(T)))
|
|
2289
2297
|
return;
|
|
2290
2298
|
}
|
|
2291
2299
|
de("hover");
|
|
@@ -2298,45 +2306,45 @@ const We = { key: 1 }, Oe = `
|
|
|
2298
2306
|
e.trigger !== "focus" && e.trigger !== "hover" || de("focus");
|
|
2299
2307
|
}
|
|
2300
2308
|
function De(M) {
|
|
2301
|
-
e.trigger === "click" && (M.stopPropagation(),
|
|
2309
|
+
e.trigger === "click" && (M.stopPropagation(), p.value ? de("click") : ee("click"));
|
|
2302
2310
|
}
|
|
2303
2311
|
function Me() {
|
|
2304
|
-
e.interactive && (
|
|
2312
|
+
e.interactive && (f.value = !0, I());
|
|
2305
2313
|
}
|
|
2306
2314
|
function Te(M) {
|
|
2307
2315
|
var T;
|
|
2308
2316
|
if (!e.interactive) return;
|
|
2309
|
-
const
|
|
2310
|
-
|
|
2317
|
+
const B = M.relatedTarget;
|
|
2318
|
+
B && ((T = g.value) != null && T.contains(B)) || (f.value = !1, de("hover"));
|
|
2311
2319
|
}
|
|
2312
2320
|
function ve(M) {
|
|
2313
2321
|
var T, q;
|
|
2314
|
-
if (e.trigger !== "click" || !
|
|
2315
|
-
const
|
|
2316
|
-
(T =
|
|
2322
|
+
if (e.trigger !== "click" || !p.value) return;
|
|
2323
|
+
const B = M.target;
|
|
2324
|
+
(T = g.value) != null && T.contains(B) || (q = n.value) != null && q.contains(B) || de("outside");
|
|
2317
2325
|
}
|
|
2318
2326
|
return ae(
|
|
2319
2327
|
() => e.modelValue,
|
|
2320
2328
|
(M) => {
|
|
2321
|
-
|
|
2329
|
+
v.value && M && ue(Y);
|
|
2322
2330
|
}
|
|
2323
2331
|
), ae(
|
|
2324
2332
|
() => e.placement,
|
|
2325
2333
|
() => {
|
|
2326
|
-
|
|
2334
|
+
p.value && ue(Y);
|
|
2327
2335
|
}
|
|
2328
|
-
), ae(
|
|
2336
|
+
), ae(p, (M) => {
|
|
2329
2337
|
M && ue(Y);
|
|
2330
2338
|
}), be(() => {
|
|
2331
2339
|
typeof window > "u" || (window.addEventListener("resize", Y), window.addEventListener("scroll", Y, !0), window.addEventListener("click", ve));
|
|
2332
2340
|
}), pe(() => {
|
|
2333
2341
|
I(), !(typeof window > "u") && (window.removeEventListener("resize", Y), window.removeEventListener("scroll", Y, !0), window.removeEventListener("click", ve));
|
|
2334
|
-
}), (M,
|
|
2342
|
+
}), (M, B) => (t(), a(E, null, [
|
|
2335
2343
|
m("span", {
|
|
2336
2344
|
ref_key: "triggerRef",
|
|
2337
|
-
ref:
|
|
2345
|
+
ref: g,
|
|
2338
2346
|
class: "dk:relative dk:inline-flex dk:max-w-full",
|
|
2339
|
-
"aria-describedby":
|
|
2347
|
+
"aria-describedby": p.value ? $ : void 0,
|
|
2340
2348
|
onMouseenter: Se,
|
|
2341
2349
|
onMouseleave: je,
|
|
2342
2350
|
onFocusin: Ve,
|
|
@@ -2359,14 +2367,14 @@ const We = { key: 1 }, Oe = `
|
|
|
2359
2367
|
"leave-to-class": "dk:opacity-0"
|
|
2360
2368
|
}, {
|
|
2361
2369
|
default: A(() => [
|
|
2362
|
-
|
|
2370
|
+
p.value && !e.disabled ? (t(), a("div", {
|
|
2363
2371
|
key: 0,
|
|
2364
2372
|
ref_key: "tooltipRef",
|
|
2365
2373
|
ref: n,
|
|
2366
|
-
id:
|
|
2374
|
+
id: $,
|
|
2367
2375
|
role: "tooltip",
|
|
2368
2376
|
class: c(s.value),
|
|
2369
|
-
style: te(
|
|
2377
|
+
style: te(C.value),
|
|
2370
2378
|
onMouseenter: Me,
|
|
2371
2379
|
onMouseleave: Te
|
|
2372
2380
|
}, [
|
|
@@ -2377,8 +2385,8 @@ const We = { key: 1 }, Oe = `
|
|
|
2377
2385
|
key: 0,
|
|
2378
2386
|
"aria-hidden": "true",
|
|
2379
2387
|
class: c(D.value)
|
|
2380
|
-
}, null, 2)) :
|
|
2381
|
-
], 38)) :
|
|
2388
|
+
}, null, 2)) : S("", !0)
|
|
2389
|
+
], 38)) : S("", !0)
|
|
2382
2390
|
]),
|
|
2383
2391
|
_: 3
|
|
2384
2392
|
})
|
|
@@ -2398,20 +2406,20 @@ const We = { key: 1 }, Oe = `
|
|
|
2398
2406
|
},
|
|
2399
2407
|
emits: ["update:modelValue", "change"],
|
|
2400
2408
|
setup(d, { emit: r }) {
|
|
2401
|
-
const e = d,
|
|
2409
|
+
const e = d, i = r, g = F([]);
|
|
2402
2410
|
function n() {
|
|
2403
|
-
return e.modelValue === void 0 ?
|
|
2411
|
+
return e.modelValue === void 0 ? g.value : Array.isArray(e.modelValue) ? e.modelValue : e.modelValue ? [e.modelValue] : [];
|
|
2404
2412
|
}
|
|
2405
2413
|
function w(y) {
|
|
2406
2414
|
return n().includes(y);
|
|
2407
2415
|
}
|
|
2408
|
-
function
|
|
2416
|
+
function v(y, o) {
|
|
2409
2417
|
if (o) return;
|
|
2410
2418
|
const s = n();
|
|
2411
|
-
let
|
|
2412
|
-
e.multiple ?
|
|
2419
|
+
let C;
|
|
2420
|
+
e.multiple ? C = s.includes(y) ? s.filter((D) => D !== y) : [...s, y] : C = s.includes(y) ? [] : [y], g.value = C, i("update:modelValue", e.multiple ? C : C[0] ?? ""), i("change", y);
|
|
2413
2421
|
}
|
|
2414
|
-
const
|
|
2422
|
+
const p = {
|
|
2415
2423
|
sm: {
|
|
2416
2424
|
summary: "dk:px-3 dk:py-2.5 dk:text-sm dk:gap-2",
|
|
2417
2425
|
content: "dk:px-3 dk:pt-0 dk:pb-3 dk:text-sm",
|
|
@@ -2430,70 +2438,70 @@ const We = { key: 1 }, Oe = `
|
|
|
2430
2438
|
icon: "dk:text-xl",
|
|
2431
2439
|
chevron: "dk:w-5 dk:h-5"
|
|
2432
2440
|
}
|
|
2433
|
-
},
|
|
2441
|
+
}, b = {
|
|
2434
2442
|
neutral: "dk:bg-zinc-50 dk:dark:bg-zinc-800/60",
|
|
2435
2443
|
primary: "dk:bg-slate-50 dk:dark:bg-slate-800/60",
|
|
2436
2444
|
secondary: "dk:bg-pink-50 dk:dark:bg-pink-900/30",
|
|
2437
2445
|
success: "dk:bg-emerald-50 dk:dark:bg-emerald-900/30",
|
|
2438
2446
|
warning: "dk:bg-amber-50 dk:dark:bg-amber-900/30",
|
|
2439
2447
|
danger: "dk:bg-rose-50 dk:dark:bg-rose-900/30"
|
|
2440
|
-
},
|
|
2448
|
+
}, h = {
|
|
2441
2449
|
neutral: "dk:text-zinc-900 dk:dark:text-zinc-50",
|
|
2442
2450
|
primary: "dk:text-slate-800 dk:dark:text-slate-100",
|
|
2443
2451
|
secondary: "dk:text-pink-800 dk:dark:text-pink-100",
|
|
2444
2452
|
success: "dk:text-emerald-800 dk:dark:text-emerald-100",
|
|
2445
2453
|
warning: "dk:text-amber-800 dk:dark:text-amber-100",
|
|
2446
2454
|
danger: "dk:text-rose-800 dk:dark:text-rose-100"
|
|
2447
|
-
},
|
|
2455
|
+
}, f = {
|
|
2448
2456
|
neutral: "dk:text-zinc-500 dk:dark:text-zinc-400",
|
|
2449
2457
|
primary: "dk:text-slate-500 dk:dark:text-slate-400",
|
|
2450
2458
|
secondary: "dk:text-pink-500 dk:dark:text-pink-400",
|
|
2451
2459
|
success: "dk:text-emerald-500 dk:dark:text-emerald-400",
|
|
2452
2460
|
warning: "dk:text-amber-500 dk:dark:text-amber-400",
|
|
2453
2461
|
danger: "dk:text-rose-500 dk:dark:text-rose-400"
|
|
2454
|
-
},
|
|
2455
|
-
function
|
|
2456
|
-
const s =
|
|
2462
|
+
}, z = k(() => e.variant === "separated" ? "dk:flex dk:flex-col dk:gap-2" : e.variant === "ghost" ? "dk:divide-y dk:divide-zinc-200 dk:dark:divide-zinc-700/60" : e.flush ? "dk:divide-y dk:divide-zinc-200 dk:dark:divide-zinc-700" : "dk:border dk:border-zinc-200 dk:dark:border-zinc-700 dk:rounded-xl dk:divide-y dk:divide-zinc-200 dk:dark:divide-zinc-700 dk:overflow-hidden dk:shadow-sm"), V = k(() => e.variant === "separated" ? "dk:rounded-xl dk:border dk:border-zinc-200 dk:dark:border-zinc-700 dk:overflow-hidden dk:shadow-sm dk:bg-white dk:dark:bg-zinc-900" : e.variant === "ghost" ? "" : "dk:bg-white dk:dark:bg-zinc-900");
|
|
2463
|
+
function $(y, o) {
|
|
2464
|
+
const s = p[e.size], C = w(y), D = [
|
|
2457
2465
|
"dk:flex dk:w-full dk:items-center dk:select-none dk:outline-none",
|
|
2458
2466
|
"dk:transition-colors dk:duration-150",
|
|
2459
2467
|
s.summary
|
|
2460
|
-
], I =
|
|
2468
|
+
], I = C ? [b[e.color], h[e.color]] : ["dk:text-zinc-700 dk:dark:text-zinc-300", "dk:hover:bg-zinc-50 dk:dark:hover:bg-zinc-800/50 dk:hover:text-zinc-900 dk:dark:hover:text-zinc-100"], X = "dk:focus-visible:ring-2 dk:focus-visible:ring-inset dk:focus-visible:ring-slate-400 dk:dark:focus-visible:ring-slate-500", ee = o ? "dk:opacity-40 dk:cursor-not-allowed dk:pointer-events-none" : "dk:cursor-pointer";
|
|
2461
2469
|
return [...D, ...I, X, ee].join(" ");
|
|
2462
2470
|
}
|
|
2463
|
-
function
|
|
2464
|
-
const o =
|
|
2471
|
+
function u(y) {
|
|
2472
|
+
const o = p[e.size];
|
|
2465
2473
|
return [
|
|
2466
2474
|
"dk:flex-shrink-0 dk:transition-transform dk:duration-250 dk:ease-in-out dk:ml-auto",
|
|
2467
|
-
w(y) ? "dk:rotate-180 " +
|
|
2475
|
+
w(y) ? "dk:rotate-180 " + f[e.color] : "dk:text-zinc-400 dk:dark:text-zinc-500",
|
|
2468
2476
|
o.chevron
|
|
2469
2477
|
].join(" ");
|
|
2470
2478
|
}
|
|
2471
|
-
const l = k(() => ["dk:flex-shrink-0 dk:leading-none",
|
|
2472
|
-
|
|
2479
|
+
const l = k(() => ["dk:flex-shrink-0 dk:leading-none", p[e.size].icon].join(" ")), x = k(() => [
|
|
2480
|
+
p[e.size].content,
|
|
2473
2481
|
"dk:text-zinc-600 dk:dark:text-zinc-400 dk:leading-relaxed"
|
|
2474
2482
|
].join(" "));
|
|
2475
2483
|
return (y, o) => (t(), a("div", {
|
|
2476
|
-
class: c(
|
|
2484
|
+
class: c(z.value)
|
|
2477
2485
|
}, [
|
|
2478
|
-
(t(!0), a(E, null, K(d.items, (s,
|
|
2479
|
-
key: s.value ??
|
|
2480
|
-
open: w(s.value ?? String(
|
|
2481
|
-
class: c(
|
|
2486
|
+
(t(!0), a(E, null, K(d.items, (s, C) => (t(), a("details", {
|
|
2487
|
+
key: s.value ?? C,
|
|
2488
|
+
open: w(s.value ?? String(C)),
|
|
2489
|
+
class: c(V.value),
|
|
2482
2490
|
onToggle: o[0] || (o[0] = R(() => {
|
|
2483
2491
|
}, ["prevent"]))
|
|
2484
2492
|
}, [
|
|
2485
2493
|
m("summary", {
|
|
2486
|
-
class: c(
|
|
2487
|
-
onClick: R((D) =>
|
|
2494
|
+
class: c($(s.value ?? String(C), s.disabled)),
|
|
2495
|
+
onClick: R((D) => v(s.value ?? String(C), s.disabled), ["prevent"])
|
|
2488
2496
|
}, [
|
|
2489
2497
|
s.icon ? (t(), a("span", {
|
|
2490
2498
|
key: 0,
|
|
2491
2499
|
"aria-hidden": "true",
|
|
2492
2500
|
class: c(l.value)
|
|
2493
|
-
}, j(s.icon), 3)) :
|
|
2501
|
+
}, j(s.icon), 3)) : S("", !0),
|
|
2494
2502
|
m("span", Pd, j(s.title), 1),
|
|
2495
2503
|
(t(), a("svg", {
|
|
2496
|
-
class: c(
|
|
2504
|
+
class: c(u(s.value ?? String(C))),
|
|
2497
2505
|
viewBox: "0 0 16 16",
|
|
2498
2506
|
fill: "none",
|
|
2499
2507
|
stroke: "currentColor",
|
|
@@ -2507,9 +2515,9 @@ const We = { key: 1 }, Oe = `
|
|
|
2507
2515
|
], 10, Ld),
|
|
2508
2516
|
m("div", Id, [
|
|
2509
2517
|
m("div", {
|
|
2510
|
-
class: c(
|
|
2518
|
+
class: c(x.value)
|
|
2511
2519
|
}, [
|
|
2512
|
-
_(y.$slots, s.value ?? String(
|
|
2520
|
+
_(y.$slots, s.value ?? String(C), {}, () => [
|
|
2513
2521
|
m("p", null, j(s.content), 1)
|
|
2514
2522
|
], !0)
|
|
2515
2523
|
], 2)
|
|
@@ -2532,7 +2540,7 @@ const We = { key: 1 }, Oe = `
|
|
|
2532
2540
|
},
|
|
2533
2541
|
emits: ["dismiss"],
|
|
2534
2542
|
setup(d, { emit: r }) {
|
|
2535
|
-
const e = d,
|
|
2543
|
+
const e = d, i = r, g = {
|
|
2536
2544
|
xs: "dk:text-[10px] dk:leading-none dk:px-1.5 dk:py-0.5 dk:gap-1",
|
|
2537
2545
|
sm: "dk:text-xs dk:leading-none dk:px-2 dk:py-1 dk:gap-1",
|
|
2538
2546
|
md: "dk:text-sm dk:px-2.5 dk:py-1 dk:gap-1.5",
|
|
@@ -2566,47 +2574,47 @@ const We = { key: 1 }, Oe = `
|
|
|
2566
2574
|
warning: "dk:border dk:border-amber-400 dk:text-amber-700 dk:dark:border-amber-500 dk:dark:text-amber-300",
|
|
2567
2575
|
danger: "dk:border dk:border-rose-400 dk:text-rose-700 dk:dark:border-rose-500 dk:dark:text-rose-300"
|
|
2568
2576
|
}
|
|
2569
|
-
},
|
|
2577
|
+
}, v = {
|
|
2570
2578
|
neutral: "dk:bg-zinc-500 dk:dark:bg-zinc-400",
|
|
2571
2579
|
primary: "dk:bg-slate-500 dk:dark:bg-slate-400",
|
|
2572
2580
|
secondary: "dk:bg-pink-500 dk:dark:bg-pink-400",
|
|
2573
2581
|
success: "dk:bg-emerald-500 dk:dark:bg-emerald-400",
|
|
2574
2582
|
warning: "dk:bg-amber-500 dk:dark:bg-amber-400",
|
|
2575
2583
|
danger: "dk:bg-rose-500 dk:dark:bg-rose-400"
|
|
2576
|
-
},
|
|
2577
|
-
const
|
|
2578
|
-
return [
|
|
2579
|
-
}),
|
|
2584
|
+
}, p = k(() => {
|
|
2585
|
+
const z = "dk:inline-flex dk:items-center dk:font-medium dk:whitespace-nowrap dk:select-none", V = g[e.size], $ = n[e.rounded], u = w[e.variant][e.color], l = e.href ? "dk:cursor-pointer dk:hover:opacity-80 dk:transition-opacity" : "";
|
|
2586
|
+
return [z, V, $, u, l].join(" ");
|
|
2587
|
+
}), b = k(() => ["dk:rounded-full dk:flex-shrink-0", { xs: "dk:w-1.5 dk:h-1.5", sm: "dk:w-2 dk:h-2", md: "dk:w-2 dk:h-2", lg: "dk:w-2.5 dk:h-2.5" }[e.size], v[e.color]].join(" ")), h = k(() => "dk:flex-shrink-0 dk:flex dk:items-center"), f = k(() => [
|
|
2580
2588
|
"dk:-mr-0.5 dk:flex-shrink-0 dk:inline-flex dk:items-center dk:justify-center",
|
|
2581
2589
|
"dk:rounded-full dk:w-3.5 dk:h-3.5 dk:text-sm dk:leading-none",
|
|
2582
2590
|
"dk:opacity-60 dk:hover:opacity-100 dk:transition-opacity dk:outline-none",
|
|
2583
2591
|
"dk:hover:bg-black/10 dk:dark:hover:bg-white/10"
|
|
2584
2592
|
].join(" "));
|
|
2585
|
-
return (
|
|
2593
|
+
return (z, V) => (t(), W(Q(d.href ? "a" : "span"), O({
|
|
2586
2594
|
href: d.href,
|
|
2587
|
-
class:
|
|
2588
|
-
},
|
|
2595
|
+
class: p.value
|
|
2596
|
+
}, z.$attrs), {
|
|
2589
2597
|
default: A(() => [
|
|
2590
|
-
|
|
2598
|
+
z.$slots.icon || d.dot ? (t(), a("span", {
|
|
2591
2599
|
key: 0,
|
|
2592
2600
|
"aria-hidden": "true",
|
|
2593
|
-
class: c(
|
|
2601
|
+
class: c(h.value)
|
|
2594
2602
|
}, [
|
|
2595
2603
|
d.dot ? (t(), a("span", {
|
|
2596
2604
|
key: 0,
|
|
2597
|
-
class: c(
|
|
2598
|
-
}, null, 2)) : _(
|
|
2599
|
-
], 2)) :
|
|
2600
|
-
_(
|
|
2605
|
+
class: c(b.value)
|
|
2606
|
+
}, null, 2)) : _(z.$slots, "icon", {}, void 0, void 0, 1)
|
|
2607
|
+
], 2)) : S("", !0),
|
|
2608
|
+
_(z.$slots, "default", {}, () => [
|
|
2601
2609
|
P(j(d.label), 1)
|
|
2602
2610
|
]),
|
|
2603
2611
|
d.dismissible ? (t(), a("button", {
|
|
2604
2612
|
key: 1,
|
|
2605
2613
|
type: "button",
|
|
2606
|
-
class: c(
|
|
2614
|
+
class: c(f.value),
|
|
2607
2615
|
"aria-label": d.label ? `Quitar ${d.label}` : "Quitar",
|
|
2608
|
-
onClick:
|
|
2609
|
-
}, " × ", 10, Ed)) :
|
|
2616
|
+
onClick: V[0] || (V[0] = R(($) => i("dismiss"), ["prevent"]))
|
|
2617
|
+
}, " × ", 10, Ed)) : S("", !0)
|
|
2610
2618
|
]),
|
|
2611
2619
|
_: 3
|
|
2612
2620
|
}, 16, ["href", "class"]));
|
|
@@ -2626,31 +2634,31 @@ const We = { key: 1 }, Oe = `
|
|
|
2626
2634
|
},
|
|
2627
2635
|
emits: ["update:modelValue", "open", "close"],
|
|
2628
2636
|
setup(d, { emit: r }) {
|
|
2629
|
-
const e = d,
|
|
2630
|
-
function
|
|
2637
|
+
const e = d, i = r, g = F(null), n = F(!1), w = k(() => e.modelValue !== void 0 ? e.modelValue : n.value);
|
|
2638
|
+
function v() {
|
|
2631
2639
|
if (e.disabled) return;
|
|
2632
|
-
const
|
|
2633
|
-
n.value =
|
|
2640
|
+
const u = !w.value;
|
|
2641
|
+
n.value = u, i("update:modelValue", u), i(u ? "open" : "close");
|
|
2634
2642
|
}
|
|
2635
|
-
function
|
|
2636
|
-
n.value = !1,
|
|
2643
|
+
function p() {
|
|
2644
|
+
n.value = !1, i("update:modelValue", !1), i("close");
|
|
2637
2645
|
}
|
|
2638
|
-
function
|
|
2639
|
-
|
|
2646
|
+
function b(u) {
|
|
2647
|
+
g.value && !g.value.contains(u.target) && p();
|
|
2640
2648
|
}
|
|
2641
|
-
be(() => document.addEventListener("mousedown",
|
|
2642
|
-
const
|
|
2649
|
+
be(() => document.addEventListener("mousedown", b)), pe(() => document.removeEventListener("mousedown", b));
|
|
2650
|
+
const h = {
|
|
2643
2651
|
"bottom-start": "dk:top-full dk:left-0 dk:mt-1 dk:origin-top-left",
|
|
2644
2652
|
"bottom-end": "dk:top-full dk:right-0 dk:mt-1 dk:origin-top-right",
|
|
2645
2653
|
bottom: "dk:top-full dk:left-1/2 dk:-translate-x-1/2 dk:mt-1 dk:origin-top",
|
|
2646
2654
|
"top-start": "dk:bottom-full dk:left-0 dk:mb-1 dk:origin-bottom-left",
|
|
2647
2655
|
"top-end": "dk:bottom-full dk:right-0 dk:mb-1 dk:origin-bottom-right",
|
|
2648
2656
|
top: "dk:bottom-full dk:left-1/2 dk:-translate-x-1/2 dk:mb-1 dk:origin-bottom"
|
|
2649
|
-
},
|
|
2657
|
+
}, f = {
|
|
2650
2658
|
all: "dk:rounded-xl",
|
|
2651
2659
|
sm: "dk:rounded-lg",
|
|
2652
2660
|
none: "dk:rounded-none"
|
|
2653
|
-
},
|
|
2661
|
+
}, z = {
|
|
2654
2662
|
solid: {
|
|
2655
2663
|
neutral: "dk:bg-white dk:dark:bg-zinc-900 dk:border dk:border-zinc-200 dk:dark:border-zinc-700 dk:text-zinc-800 dk:dark:text-zinc-200",
|
|
2656
2664
|
primary: "dk:bg-slate-50 dk:dark:bg-slate-900 dk:border dk:border-slate-200 dk:dark:border-slate-700 dk:text-slate-800 dk:dark:text-slate-200",
|
|
@@ -2675,25 +2683,25 @@ const We = { key: 1 }, Oe = `
|
|
|
2675
2683
|
warning: "dk:bg-amber-100/85 dk:dark:bg-amber-900/70 dk:backdrop-blur-md dk:border dk:border-amber-300/70 dk:dark:border-amber-600/60 dk:text-amber-800 dk:dark:text-amber-200",
|
|
2676
2684
|
danger: "dk:bg-rose-100/85 dk:dark:bg-rose-900/70 dk:backdrop-blur-md dk:border dk:border-rose-300/70 dk:dark:border-rose-600/60 dk:text-rose-800 dk:dark:text-rose-200"
|
|
2677
2685
|
}
|
|
2678
|
-
},
|
|
2686
|
+
}, V = k(() => ({ minWidth: e.minWidth })), $ = k(() => [
|
|
2679
2687
|
"dk:absolute dk:z-50 dk:shadow-lg dk:py-1",
|
|
2680
|
-
|
|
2681
|
-
|
|
2682
|
-
|
|
2688
|
+
h[e.placement],
|
|
2689
|
+
f[e.rounded],
|
|
2690
|
+
z[e.variant][e.color]
|
|
2683
2691
|
].join(" "));
|
|
2684
|
-
return (
|
|
2692
|
+
return (u, l) => (t(), a("div", {
|
|
2685
2693
|
ref_key: "wrapperRef",
|
|
2686
|
-
ref:
|
|
2694
|
+
ref: g,
|
|
2687
2695
|
class: "dk:relative dk:inline-block"
|
|
2688
2696
|
}, [
|
|
2689
2697
|
m("div", {
|
|
2690
|
-
onClick:
|
|
2698
|
+
onClick: v,
|
|
2691
2699
|
onKeydown: [
|
|
2692
|
-
ye(R(
|
|
2693
|
-
ye(R(
|
|
2700
|
+
ye(R(v, ["prevent"]), ["enter"]),
|
|
2701
|
+
ye(R(v, ["prevent"]), ["space"])
|
|
2694
2702
|
]
|
|
2695
2703
|
}, [
|
|
2696
|
-
_(
|
|
2704
|
+
_(u.$slots, "trigger")
|
|
2697
2705
|
], 40, Wd),
|
|
2698
2706
|
J(ne, {
|
|
2699
2707
|
"enter-active-class": "dk:transition-all dk:duration-150 dk:ease-out",
|
|
@@ -2704,13 +2712,13 @@ const We = { key: 1 }, Oe = `
|
|
|
2704
2712
|
default: A(() => [
|
|
2705
2713
|
w.value ? (t(), a("div", {
|
|
2706
2714
|
key: 0,
|
|
2707
|
-
class: c(
|
|
2708
|
-
style: te(
|
|
2715
|
+
class: c($.value),
|
|
2716
|
+
style: te(V.value),
|
|
2709
2717
|
role: "menu",
|
|
2710
2718
|
"aria-label": d.ariaLabel
|
|
2711
2719
|
}, [
|
|
2712
|
-
_(
|
|
2713
|
-
], 14, Od)) :
|
|
2720
|
+
_(u.$slots, "default")
|
|
2721
|
+
], 14, Od)) : S("", !0)
|
|
2714
2722
|
]),
|
|
2715
2723
|
_: 3
|
|
2716
2724
|
})
|
|
@@ -2732,41 +2740,41 @@ const We = { key: 1 }, Oe = `
|
|
|
2732
2740
|
},
|
|
2733
2741
|
emits: ["click"],
|
|
2734
2742
|
setup(d, { emit: r }) {
|
|
2735
|
-
const e = d,
|
|
2743
|
+
const e = d, i = r, g = k(() => e.href ? { href: e.href, target: e.target } : { type: "button", disabled: e.disabled }), n = {
|
|
2736
2744
|
sm: "dk:px-3 dk:py-1 dk:text-xs",
|
|
2737
2745
|
md: "dk:px-3 dk:py-2 dk:text-sm",
|
|
2738
2746
|
lg: "dk:px-4 dk:py-2.5 dk:text-base"
|
|
2739
2747
|
}, w = k(() => {
|
|
2740
|
-
const
|
|
2741
|
-
return [
|
|
2742
|
-
}),
|
|
2743
|
-
function
|
|
2744
|
-
e.disabled ||
|
|
2748
|
+
const b = "dk:flex dk:w-full dk:items-center dk:gap-2 dk:transition-colors dk:duration-100 dk:outline-none dk:text-left dk:select-none", h = n[e.size], f = e.danger ? "dk:text-rose-600 dk:dark:text-rose-400 dk:hover:bg-rose-50 dk:dark:hover:bg-rose-900/40 dk:focus-visible:bg-rose-50 dk:dark:focus-visible:bg-rose-900/40" : "dk:hover:bg-black/5 dk:dark:hover:bg-white/10 dk:focus-visible:bg-black/5 dk:dark:focus-visible:bg-white/10", z = e.disabled ? "dk:opacity-50 dk:cursor-not-allowed dk:pointer-events-none" : "dk:cursor-pointer";
|
|
2749
|
+
return [b, h, f, z].join(" ");
|
|
2750
|
+
}), v = k(() => "dk:flex-shrink-0 dk:w-4 dk:h-4 dk:flex dk:items-center dk:justify-center dk:opacity-70");
|
|
2751
|
+
function p(b) {
|
|
2752
|
+
e.disabled || i("click", b);
|
|
2745
2753
|
}
|
|
2746
|
-
return (
|
|
2754
|
+
return (b, h) => (t(), W(Q(d.href ? "a" : "button"), O(g.value, {
|
|
2747
2755
|
class: w.value,
|
|
2748
2756
|
role: "menuitem",
|
|
2749
2757
|
"aria-disabled": d.disabled,
|
|
2750
|
-
onClick:
|
|
2758
|
+
onClick: p
|
|
2751
2759
|
}), {
|
|
2752
2760
|
default: A(() => [
|
|
2753
|
-
|
|
2761
|
+
b.$slots.icon || d.icon ? (t(), a("span", {
|
|
2754
2762
|
key: 0,
|
|
2755
|
-
class: c(
|
|
2763
|
+
class: c(v.value),
|
|
2756
2764
|
"aria-hidden": "true"
|
|
2757
2765
|
}, [
|
|
2758
|
-
_(
|
|
2766
|
+
_(b.$slots, "icon", {}, () => [
|
|
2759
2767
|
P(j(d.icon), 1)
|
|
2760
2768
|
])
|
|
2761
|
-
], 2)) :
|
|
2769
|
+
], 2)) : S("", !0),
|
|
2762
2770
|
m("span", Nd, [
|
|
2763
|
-
_(
|
|
2771
|
+
_(b.$slots, "default", {}, () => [
|
|
2764
2772
|
P(j(d.label), 1)
|
|
2765
2773
|
])
|
|
2766
2774
|
]),
|
|
2767
|
-
|
|
2768
|
-
_(
|
|
2769
|
-
])) :
|
|
2775
|
+
b.$slots.trailing ? (t(), a("span", Fd, [
|
|
2776
|
+
_(b.$slots, "trailing")
|
|
2777
|
+
])) : S("", !0)
|
|
2770
2778
|
]),
|
|
2771
2779
|
_: 3
|
|
2772
2780
|
}, 16, ["class", "aria-disabled"]));
|
|
@@ -2804,31 +2812,31 @@ const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = [
|
|
|
2804
2812
|
},
|
|
2805
2813
|
emits: ["update:modelValue", "change"],
|
|
2806
2814
|
setup(d, { emit: r }) {
|
|
2807
|
-
const e = d,
|
|
2808
|
-
function n(
|
|
2809
|
-
|
|
2815
|
+
const e = d, i = r, g = k(() => Math.max(1, Math.ceil(e.total / e.perPage)));
|
|
2816
|
+
function n(u) {
|
|
2817
|
+
u < 1 || u > g.value || u === e.modelValue || (i("update:modelValue", u), i("change", u));
|
|
2810
2818
|
}
|
|
2811
2819
|
const w = k(() => {
|
|
2812
|
-
const
|
|
2813
|
-
if (
|
|
2814
|
-
return Array.from({ length:
|
|
2820
|
+
const u = g.value, l = e.modelValue, x = e.siblingCount, y = e.showBoundary ? 1 : 0;
|
|
2821
|
+
if (u <= 2 * x + 2 * y + 3)
|
|
2822
|
+
return Array.from({ length: u }, (D, I) => I + 1);
|
|
2815
2823
|
const o = [];
|
|
2816
2824
|
for (let D = 1; D <= y; D++) o.push(D);
|
|
2817
|
-
const s = Math.max(y + 1, l -
|
|
2825
|
+
const s = Math.max(y + 1, l - x), C = Math.min(u - y, l + x);
|
|
2818
2826
|
s > y + 1 && o.push("...");
|
|
2819
|
-
for (let D = s; D <=
|
|
2820
|
-
|
|
2821
|
-
for (let D =
|
|
2827
|
+
for (let D = s; D <= C; D++) o.push(D);
|
|
2828
|
+
C < u - y && o.push("...");
|
|
2829
|
+
for (let D = u - y + 1; D <= u; D++) o.push(D);
|
|
2822
2830
|
return o;
|
|
2823
|
-
}),
|
|
2831
|
+
}), v = {
|
|
2824
2832
|
sm: "dk:w-7 dk:h-7 dk:text-xs",
|
|
2825
2833
|
md: "dk:w-9 dk:h-9 dk:text-sm",
|
|
2826
2834
|
lg: "dk:w-11 dk:h-11 dk:text-base"
|
|
2827
|
-
},
|
|
2835
|
+
}, p = {
|
|
2828
2836
|
full: "dk:rounded-full",
|
|
2829
2837
|
md: "dk:rounded-lg",
|
|
2830
2838
|
none: "dk:rounded-none"
|
|
2831
|
-
},
|
|
2839
|
+
}, b = {
|
|
2832
2840
|
solid: {
|
|
2833
2841
|
neutral: "dk:bg-zinc-700 dk:text-white dk:dark:bg-zinc-500",
|
|
2834
2842
|
primary: "dk:bg-slate-600 dk:text-white dk:dark:bg-slate-500",
|
|
@@ -2853,37 +2861,37 @@ const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = [
|
|
|
2853
2861
|
warning: "dk:bg-amber-100 dk:text-amber-800 dk:dark:bg-amber-700 dk:dark:text-amber-100",
|
|
2854
2862
|
danger: "dk:bg-rose-100 dk:text-rose-800 dk:dark:bg-rose-800 dk:dark:text-rose-100"
|
|
2855
2863
|
}
|
|
2856
|
-
},
|
|
2857
|
-
const
|
|
2864
|
+
}, h = k(() => "dk:flex dk:items-center dk:gap-1 dk:flex-wrap"), f = k(() => {
|
|
2865
|
+
const u = v[e.size], l = p[e.rounded];
|
|
2858
2866
|
return [
|
|
2859
2867
|
"dk:inline-flex dk:items-center dk:justify-center dk:font-medium dk:transition-colors dk:duration-150 dk:outline-none dk:select-none dk:cursor-pointer dk:disabled:cursor-not-allowed dk:disabled:pointer-events-none",
|
|
2860
|
-
|
|
2868
|
+
u,
|
|
2861
2869
|
l,
|
|
2862
2870
|
"dk:focus-visible:ring-2 dk:focus-visible:ring-offset-1 dk:focus-visible:ring-slate-400"
|
|
2863
2871
|
].join(" ");
|
|
2864
|
-
}),
|
|
2865
|
-
|
|
2872
|
+
}), z = k(() => [
|
|
2873
|
+
f.value,
|
|
2866
2874
|
"dk:text-zinc-600 dk:dark:text-zinc-400",
|
|
2867
2875
|
"dk:hover:bg-zinc-100 dk:dark:hover:bg-zinc-700",
|
|
2868
2876
|
"dk:hover:text-zinc-900 dk:dark:hover:text-zinc-100"
|
|
2869
2877
|
].join(" "));
|
|
2870
|
-
function
|
|
2871
|
-
return
|
|
2872
|
-
|
|
2878
|
+
function V(u) {
|
|
2879
|
+
return u === e.modelValue ? [f.value, b[e.variant][e.color]].join(" ") : [
|
|
2880
|
+
f.value,
|
|
2873
2881
|
"dk:text-zinc-600 dk:dark:text-zinc-400 dk:hover:bg-zinc-100 dk:dark:hover:bg-zinc-700 dk:hover:text-zinc-900 dk:dark:hover:text-zinc-100"
|
|
2874
2882
|
].join(" ");
|
|
2875
2883
|
}
|
|
2876
|
-
const
|
|
2877
|
-
return (
|
|
2884
|
+
const $ = k(() => ["dk:inline-flex dk:items-center dk:justify-center dk:text-zinc-400 dk:select-none", v[e.size]].join(" "));
|
|
2885
|
+
return (u, l) => (t(), a("nav", {
|
|
2878
2886
|
"aria-label": d.ariaLabel,
|
|
2879
|
-
class: c(
|
|
2887
|
+
class: c(h.value)
|
|
2880
2888
|
}, [
|
|
2881
2889
|
m("button", {
|
|
2882
2890
|
type: "button",
|
|
2883
2891
|
disabled: d.modelValue <= 1,
|
|
2884
2892
|
"aria-label": d.prevLabel,
|
|
2885
|
-
class: c([
|
|
2886
|
-
onClick: l[0] || (l[0] = (
|
|
2893
|
+
class: c([z.value, d.modelValue <= 1 ? "dk:opacity-40 dk:cursor-not-allowed" : ""]),
|
|
2894
|
+
onClick: l[0] || (l[0] = (x) => n(d.modelValue - 1))
|
|
2887
2895
|
}, [
|
|
2888
2896
|
l[2] || (l[2] = m("svg", {
|
|
2889
2897
|
class: "dk:w-4 dk:h-4",
|
|
@@ -2897,30 +2905,30 @@ const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = [
|
|
|
2897
2905
|
}, [
|
|
2898
2906
|
m("polyline", { points: "10 4 6 8 10 12" })
|
|
2899
2907
|
], -1)),
|
|
2900
|
-
d.showLabels ? (t(), a("span", Gd, j(d.prevLabel), 1)) :
|
|
2908
|
+
d.showLabels ? (t(), a("span", Gd, j(d.prevLabel), 1)) : S("", !0)
|
|
2901
2909
|
], 10, Qd),
|
|
2902
|
-
(t(!0), a(E, null, K(w.value, (
|
|
2903
|
-
|
|
2910
|
+
(t(!0), a(E, null, K(w.value, (x) => (t(), a(E, { key: x }, [
|
|
2911
|
+
x === "..." ? (t(), a("span", {
|
|
2904
2912
|
key: 0,
|
|
2905
|
-
class: c(
|
|
2913
|
+
class: c($.value),
|
|
2906
2914
|
"aria-hidden": "true"
|
|
2907
2915
|
}, "…", 2)) : (t(), a("button", {
|
|
2908
2916
|
key: 1,
|
|
2909
2917
|
type: "button",
|
|
2910
|
-
"aria-label": `Pagina ${
|
|
2911
|
-
"aria-current": d.modelValue ===
|
|
2912
|
-
class: c(
|
|
2913
|
-
onClick: (y) => n(
|
|
2914
|
-
}, j(
|
|
2918
|
+
"aria-label": `Pagina ${x}`,
|
|
2919
|
+
"aria-current": d.modelValue === x ? "page" : void 0,
|
|
2920
|
+
class: c(V(x)),
|
|
2921
|
+
onClick: (y) => n(x)
|
|
2922
|
+
}, j(x), 11, Jd))
|
|
2915
2923
|
], 64))), 128)),
|
|
2916
2924
|
m("button", {
|
|
2917
2925
|
type: "button",
|
|
2918
|
-
disabled: d.modelValue >=
|
|
2926
|
+
disabled: d.modelValue >= g.value,
|
|
2919
2927
|
"aria-label": d.nextLabel,
|
|
2920
|
-
class: c([
|
|
2921
|
-
onClick: l[1] || (l[1] = (
|
|
2928
|
+
class: c([z.value, d.modelValue >= g.value ? "dk:opacity-40 dk:cursor-not-allowed" : ""]),
|
|
2929
|
+
onClick: l[1] || (l[1] = (x) => n(d.modelValue + 1))
|
|
2922
2930
|
}, [
|
|
2923
|
-
d.showLabels ? (t(), a("span", Yd, j(d.nextLabel), 1)) :
|
|
2931
|
+
d.showLabels ? (t(), a("span", Yd, j(d.nextLabel), 1)) : S("", !0),
|
|
2924
2932
|
l[3] || (l[3] = m("svg", {
|
|
2925
2933
|
class: "dk:w-4 dk:h-4",
|
|
2926
2934
|
viewBox: "0 0 16 16",
|
|
@@ -2946,14 +2954,14 @@ const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = [
|
|
|
2946
2954
|
},
|
|
2947
2955
|
setup(d) {
|
|
2948
2956
|
const r = d;
|
|
2949
|
-
function e(
|
|
2950
|
-
if (
|
|
2951
|
-
return typeof
|
|
2957
|
+
function e(v) {
|
|
2958
|
+
if (v !== void 0)
|
|
2959
|
+
return typeof v == "number" ? `${v}px` : v;
|
|
2952
2960
|
}
|
|
2953
|
-
const
|
|
2961
|
+
const i = k(() => ({
|
|
2954
2962
|
width: e(r.width),
|
|
2955
2963
|
height: e(r.height)
|
|
2956
|
-
})),
|
|
2964
|
+
})), g = {
|
|
2957
2965
|
pulse: "dui-skeleton-pulse",
|
|
2958
2966
|
wave: "dui-skeleton-wave",
|
|
2959
2967
|
none: ""
|
|
@@ -2965,11 +2973,11 @@ const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = [
|
|
|
2965
2973
|
}, w = k(() => [
|
|
2966
2974
|
"dk:bg-zinc-200 dk:dark:bg-zinc-700",
|
|
2967
2975
|
n[r.variant],
|
|
2968
|
-
|
|
2976
|
+
g[r.animation]
|
|
2969
2977
|
].join(" "));
|
|
2970
|
-
return (
|
|
2978
|
+
return (v, p) => (t(), a("span", {
|
|
2971
2979
|
class: c(w.value),
|
|
2972
|
-
style: te(
|
|
2980
|
+
style: te(i.value),
|
|
2973
2981
|
"aria-hidden": "true",
|
|
2974
2982
|
role: "presentation"
|
|
2975
2983
|
}, null, 6));
|
|
@@ -2991,95 +2999,95 @@ const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = [
|
|
|
2991
2999
|
},
|
|
2992
3000
|
emits: ["update:modelValue", "change"],
|
|
2993
3001
|
setup(d, { emit: r }) {
|
|
2994
|
-
const e = d,
|
|
2995
|
-
function n(
|
|
2996
|
-
|
|
2997
|
-
}
|
|
2998
|
-
function w(
|
|
2999
|
-
const l = e.tabs.filter((y) => !y.disabled).map((y) => y.value),
|
|
3000
|
-
if (
|
|
3001
|
-
|
|
3002
|
-
const y = l[(
|
|
3002
|
+
const e = d, i = r, g = Math.random().toString(36).slice(2, 8);
|
|
3003
|
+
function n($, u) {
|
|
3004
|
+
u || (i("update:modelValue", $), i("change", $));
|
|
3005
|
+
}
|
|
3006
|
+
function w($, u) {
|
|
3007
|
+
const l = e.tabs.filter((y) => !y.disabled).map((y) => y.value), x = l.indexOf(u);
|
|
3008
|
+
if ($.key === "ArrowRight" || $.key === "ArrowDown") {
|
|
3009
|
+
$.preventDefault();
|
|
3010
|
+
const y = l[(x + 1) % l.length];
|
|
3003
3011
|
n(y);
|
|
3004
3012
|
}
|
|
3005
|
-
if (
|
|
3006
|
-
|
|
3007
|
-
const y = l[(
|
|
3013
|
+
if ($.key === "ArrowLeft" || $.key === "ArrowUp") {
|
|
3014
|
+
$.preventDefault();
|
|
3015
|
+
const y = l[(x - 1 + l.length) % l.length];
|
|
3008
3016
|
n(y);
|
|
3009
3017
|
}
|
|
3010
|
-
|
|
3018
|
+
$.key === "Home" && ($.preventDefault(), n(l[0])), $.key === "End" && ($.preventDefault(), n(l[l.length - 1]));
|
|
3011
3019
|
}
|
|
3012
|
-
const
|
|
3020
|
+
const v = {
|
|
3013
3021
|
sm: "dk:text-xs dk:px-3 dk:py-1.5",
|
|
3014
3022
|
md: "dk:text-sm dk:px-4 dk:py-2",
|
|
3015
3023
|
lg: "dk:text-base dk:px-5 dk:py-2.5"
|
|
3016
|
-
},
|
|
3024
|
+
}, p = {
|
|
3017
3025
|
neutral: { underline: "dk:border-zinc-600 dk:text-zinc-700 dk:dark:border-zinc-400 dk:dark:text-zinc-200", pills: "dk:bg-zinc-600 dk:text-white dk:dark:bg-zinc-500", boxed: "dk:bg-white dk:text-zinc-700 dk:dark:bg-zinc-800 dk:dark:text-zinc-200 dk:shadow-sm" },
|
|
3018
3026
|
primary: { underline: "dk:border-slate-600 dk:text-slate-700 dk:dark:border-slate-400 dk:dark:text-slate-200", pills: "dk:bg-slate-600 dk:text-white dk:dark:bg-slate-500", boxed: "dk:bg-white dk:text-slate-700 dk:dark:bg-zinc-800 dk:dark:text-slate-200 dk:shadow-sm" },
|
|
3019
3027
|
secondary: { underline: "dk:border-pink-600 dk:text-pink-700 dk:dark:border-pink-400 dk:dark:text-pink-200", pills: "dk:bg-pink-600 dk:text-white dk:dark:bg-pink-500", boxed: "dk:bg-white dk:text-pink-700 dk:dark:bg-zinc-800 dk:dark:text-pink-200 dk:shadow-sm" },
|
|
3020
3028
|
success: { underline: "dk:border-emerald-600 dk:text-emerald-700 dk:dark:border-emerald-400 dk:dark:text-emerald-200", pills: "dk:bg-emerald-600 dk:text-white dk:dark:bg-emerald-500", boxed: "dk:bg-white dk:text-emerald-700 dk:dark:bg-zinc-800 dk:dark:text-emerald-200 dk:shadow-sm" },
|
|
3021
3029
|
warning: { underline: "dk:border-amber-500 dk:text-amber-700 dk:dark:border-amber-400 dk:dark:text-amber-200", pills: "dk:bg-amber-500 dk:text-white dk:dark:bg-amber-400", boxed: "dk:bg-white dk:text-amber-700 dk:dark:bg-zinc-800 dk:dark:text-amber-200 dk:shadow-sm" },
|
|
3022
3030
|
danger: { underline: "dk:border-rose-600 dk:text-rose-700 dk:dark:border-rose-400 dk:dark:text-rose-200", pills: "dk:bg-rose-600 dk:text-white dk:dark:bg-rose-500", boxed: "dk:bg-white dk:text-rose-700 dk:dark:bg-zinc-800 dk:dark:text-rose-200 dk:shadow-sm" }
|
|
3023
|
-
},
|
|
3024
|
-
const
|
|
3031
|
+
}, b = k(() => "dk:w-full"), h = k(() => {
|
|
3032
|
+
const $ = "dk:flex dk:items-center dk:gap-0.5", u = e.fullWidth ? "dk:w-full" : "", l = {
|
|
3025
3033
|
underline: "dk:border-b dk:border-zinc-200 dk:dark:border-zinc-700",
|
|
3026
3034
|
pills: "dk:gap-1",
|
|
3027
3035
|
boxed: "dk:bg-zinc-100 dk:dark:bg-zinc-800 dk:p-1 dk:rounded-xl dk:gap-1"
|
|
3028
3036
|
}[e.variant];
|
|
3029
|
-
return [
|
|
3037
|
+
return [$, u, l].join(" ");
|
|
3030
3038
|
});
|
|
3031
|
-
function
|
|
3032
|
-
const l = "dk:inline-flex dk:items-center dk:gap-1.5 dk:font-medium dk:transition-all dk:duration-150 dk:outline-none dk:select-none dk:rounded-t",
|
|
3039
|
+
function f($, u) {
|
|
3040
|
+
const l = "dk:inline-flex dk:items-center dk:gap-1.5 dk:font-medium dk:transition-all dk:duration-150 dk:outline-none dk:select-none dk:rounded-t", x = v[e.size], y = e.modelValue === $, o = u ? "dk:opacity-40 dk:cursor-not-allowed" : "dk:cursor-pointer", s = "dk:focus-visible:ring-2 dk:focus-visible:ring-offset-1 dk:focus-visible:ring-slate-400 dk:dark:focus-visible:ring-slate-500";
|
|
3033
3041
|
if (e.variant === "underline") {
|
|
3034
|
-
const I = y ? `dk:border-b-2 ${
|
|
3035
|
-
return [l,
|
|
3042
|
+
const I = y ? `dk:border-b-2 ${p[e.color].underline}` : "dk:border-b-2 dk:border-transparent dk:text-zinc-500 dk:dark:text-zinc-400 dk:hover:text-zinc-700 dk:dark:hover:text-zinc-200 dk:hover:border-zinc-300 dk:dark:hover:border-zinc-600";
|
|
3043
|
+
return [l, x, I, o, s].join(" ");
|
|
3036
3044
|
}
|
|
3037
3045
|
if (e.variant === "pills") {
|
|
3038
|
-
const I = y ? `dk:rounded-lg ${
|
|
3039
|
-
return [l,
|
|
3046
|
+
const I = y ? `dk:rounded-lg ${p[e.color].pills}` : "dk:rounded-lg dk:text-zinc-500 dk:dark:text-zinc-400 dk:hover:bg-zinc-100 dk:dark:hover:bg-zinc-700 dk:hover:text-zinc-700 dk:dark:hover:text-zinc-200";
|
|
3047
|
+
return [l, x, I, o, s].join(" ");
|
|
3040
3048
|
}
|
|
3041
|
-
const
|
|
3042
|
-
return [l,
|
|
3049
|
+
const C = y ? `dk:rounded-lg ${p[e.color].boxed}` : "dk:rounded-lg dk:text-zinc-500 dk:dark:text-zinc-400 dk:hover:bg-black/5 dk:dark:hover:bg-white/5 dk:hover:text-zinc-700 dk:dark:hover:text-zinc-200", D = e.fullWidth ? "dk:flex-1 dk:text-center dk:justify-center" : "";
|
|
3050
|
+
return [l, x, C, o, s, D].join(" ");
|
|
3043
3051
|
}
|
|
3044
|
-
const
|
|
3045
|
-
return (
|
|
3046
|
-
class: c(
|
|
3052
|
+
const z = k(() => "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"), V = k(() => [{ sm: "dk:pt-3", md: "dk:pt-4", lg: "dk:pt-5" }[e.size], "dk:outline-none"].join(" "));
|
|
3053
|
+
return ($, u) => (t(), a("div", {
|
|
3054
|
+
class: c(b.value)
|
|
3047
3055
|
}, [
|
|
3048
3056
|
m("div", {
|
|
3049
|
-
class: c(
|
|
3057
|
+
class: c(h.value),
|
|
3050
3058
|
role: "tablist",
|
|
3051
3059
|
"aria-label": d.ariaLabel
|
|
3052
3060
|
}, [
|
|
3053
3061
|
(t(!0), a(E, null, K(d.tabs, (l) => (t(), a("button", {
|
|
3054
3062
|
key: l.value,
|
|
3055
3063
|
type: "button",
|
|
3056
|
-
id: `tab-${Z(
|
|
3057
|
-
"aria-controls": `panel-${Z(
|
|
3064
|
+
id: `tab-${Z(g)}-${l.value}`,
|
|
3065
|
+
"aria-controls": `panel-${Z(g)}-${l.value}`,
|
|
3058
3066
|
"aria-selected": d.modelValue === l.value,
|
|
3059
3067
|
disabled: l.disabled,
|
|
3060
3068
|
role: "tab",
|
|
3061
|
-
class: c(
|
|
3062
|
-
onClick: (
|
|
3063
|
-
onKeydown: (
|
|
3069
|
+
class: c(f(l.value, l.disabled)),
|
|
3070
|
+
onClick: (x) => n(l.value, l.disabled),
|
|
3071
|
+
onKeydown: (x) => w(x, l.value)
|
|
3064
3072
|
}, [
|
|
3065
|
-
l.icon ? (t(), a("span", dt, j(l.icon), 1)) :
|
|
3073
|
+
l.icon ? (t(), a("span", dt, j(l.icon), 1)) : S("", !0),
|
|
3066
3074
|
P(" " + j(l.label) + " ", 1),
|
|
3067
3075
|
l.badge !== void 0 ? (t(), a("span", {
|
|
3068
3076
|
key: 1,
|
|
3069
|
-
class: c(
|
|
3070
|
-
}, j(l.badge), 3)) :
|
|
3077
|
+
class: c(z.value)
|
|
3078
|
+
}, j(l.badge), 3)) : S("", !0)
|
|
3071
3079
|
], 42, et))), 128))
|
|
3072
3080
|
], 10, Rd),
|
|
3073
3081
|
(t(!0), a(E, null, K(d.tabs, (l) => (t(), a("div", {
|
|
3074
3082
|
key: l.value,
|
|
3075
|
-
id: `panel-${Z(
|
|
3076
|
-
"aria-labelledby": `tab-${Z(
|
|
3083
|
+
id: `panel-${Z(g)}-${l.value}`,
|
|
3084
|
+
"aria-labelledby": `tab-${Z(g)}-${l.value}`,
|
|
3077
3085
|
role: "tabpanel",
|
|
3078
3086
|
tabindex: d.modelValue === l.value ? 0 : -1,
|
|
3079
3087
|
hidden: d.modelValue !== l.value,
|
|
3080
|
-
class: c(
|
|
3088
|
+
class: c(V.value)
|
|
3081
3089
|
}, [
|
|
3082
|
-
_(
|
|
3090
|
+
_($.$slots, l.value)
|
|
3083
3091
|
], 10, tt))), 128))
|
|
3084
3092
|
], 2));
|
|
3085
3093
|
}
|
|
@@ -3130,7 +3138,7 @@ const ot = {
|
|
|
3130
3138
|
zIndex: { default: 9999 }
|
|
3131
3139
|
},
|
|
3132
3140
|
setup(d) {
|
|
3133
|
-
const r = d, { toasts: e, remove:
|
|
3141
|
+
const r = d, { toasts: e, remove: i } = at(), g = k(() => e.slice(0, r.maxToasts)), n = {
|
|
3134
3142
|
"top-right": "dk:top-4 dk:right-4 dk:items-end",
|
|
3135
3143
|
"top-left": "dk:top-4 dk:left-4 dk:items-start",
|
|
3136
3144
|
"top-center": "dk:top-4 dk:left-1/2 dk:-translate-x-1/2 dk:items-center",
|
|
@@ -3140,16 +3148,16 @@ const ot = {
|
|
|
3140
3148
|
}, w = k(() => [
|
|
3141
3149
|
"dk:fixed dk:pointer-events-none",
|
|
3142
3150
|
n[r.position]
|
|
3143
|
-
].join(" ")),
|
|
3151
|
+
].join(" ")), v = k(() => ({
|
|
3144
3152
|
zIndex: String(r.zIndex)
|
|
3145
|
-
})),
|
|
3153
|
+
})), p = k(() => "dk:relative dk:flex dk:flex-col dk:gap-2 dk:w-80 dk:max-w-[calc(100vw-2rem)]"), b = {
|
|
3146
3154
|
neutral: "dk:bg-zinc-800 dk:dark:bg-zinc-700 dk:text-white dk:border-zinc-600",
|
|
3147
3155
|
primary: "dk:bg-slate-700 dk:dark:bg-slate-700 dk:text-white dk:border-slate-500",
|
|
3148
3156
|
secondary: "dk:bg-pink-600 dk:dark:bg-pink-700 dk:text-white dk:border-pink-400",
|
|
3149
3157
|
success: "dk:bg-emerald-600 dk:dark:bg-emerald-700 dk:text-white dk:border-emerald-400",
|
|
3150
3158
|
warning: "dk:bg-amber-600 dk:dark:bg-amber-700 dk:text-white dk:border-amber-400",
|
|
3151
3159
|
danger: "dk:bg-rose-600 dk:dark:bg-rose-700 dk:text-white dk:border-rose-400"
|
|
3152
|
-
},
|
|
3160
|
+
}, h = {
|
|
3153
3161
|
neutral: "dk:bg-zinc-300",
|
|
3154
3162
|
primary: "dk:bg-slate-300",
|
|
3155
3163
|
secondary: "dk:bg-pink-200",
|
|
@@ -3157,26 +3165,26 @@ const ot = {
|
|
|
3157
3165
|
warning: "dk:bg-amber-200",
|
|
3158
3166
|
danger: "dk:bg-rose-200"
|
|
3159
3167
|
};
|
|
3160
|
-
function
|
|
3168
|
+
function f(V) {
|
|
3161
3169
|
return [
|
|
3162
3170
|
"dk:pointer-events-auto dk:flex dk:items-start dk:gap-3",
|
|
3163
3171
|
"dk:rounded-xl dk:border dk:px-4 dk:py-3 dk:shadow-xl",
|
|
3164
|
-
|
|
3172
|
+
b[V]
|
|
3165
3173
|
].join(" ");
|
|
3166
3174
|
}
|
|
3167
|
-
function
|
|
3168
|
-
return ["dk:flex-shrink-0 dk:w-2 dk:h-2 dk:rounded-full dk:mt-1",
|
|
3175
|
+
function z(V) {
|
|
3176
|
+
return ["dk:flex-shrink-0 dk:w-2 dk:h-2 dk:rounded-full dk:mt-1", h[V]].join(" ");
|
|
3169
3177
|
}
|
|
3170
|
-
return (
|
|
3178
|
+
return (V, $) => (t(), W(me, { to: "body" }, [
|
|
3171
3179
|
m("div", {
|
|
3172
3180
|
class: c(w.value),
|
|
3173
|
-
style: te(
|
|
3181
|
+
style: te(v.value),
|
|
3174
3182
|
"aria-live": "polite",
|
|
3175
3183
|
"aria-atomic": "false"
|
|
3176
3184
|
}, [
|
|
3177
3185
|
J(Ae, {
|
|
3178
3186
|
tag: "div",
|
|
3179
|
-
class: c(
|
|
3187
|
+
class: c(p.value),
|
|
3180
3188
|
"enter-active-class": "dk:transition-all dk:duration-300 dk:ease-out",
|
|
3181
3189
|
"leave-active-class": "dk:transition-all dk:duration-200 dk:ease-in dk:absolute dk:w-full",
|
|
3182
3190
|
"enter-from-class": "dk:opacity-0 dk:translate-y-2 dk:scale-95",
|
|
@@ -3184,34 +3192,34 @@ const ot = {
|
|
|
3184
3192
|
"move-class": "dk:transition-all dk:duration-300"
|
|
3185
3193
|
}, {
|
|
3186
3194
|
default: A(() => [
|
|
3187
|
-
(t(!0), a(E, null, K(
|
|
3188
|
-
key:
|
|
3195
|
+
(t(!0), a(E, null, K(g.value, (u) => (t(), a("div", {
|
|
3196
|
+
key: u.id,
|
|
3189
3197
|
role: "alert",
|
|
3190
|
-
class: c(
|
|
3198
|
+
class: c(f(u.color))
|
|
3191
3199
|
}, [
|
|
3192
|
-
|
|
3200
|
+
u.icon ? (t(), a("span", ot, j(u.icon), 1)) : (t(), a("span", {
|
|
3193
3201
|
key: 1,
|
|
3194
|
-
class: c(
|
|
3202
|
+
class: c(z(u.color)),
|
|
3195
3203
|
"aria-hidden": "true"
|
|
3196
3204
|
}, null, 2)),
|
|
3197
3205
|
m("div", kt, [
|
|
3198
|
-
|
|
3206
|
+
u.title ? (t(), a("p", nt, j(u.title), 1)) : S("", !0),
|
|
3199
3207
|
m("p", {
|
|
3200
|
-
class: c(["dk:text-sm dk:leading-snug", { "dk:opacity-80":
|
|
3201
|
-
}, j(
|
|
3208
|
+
class: c(["dk:text-sm dk:leading-snug", { "dk:opacity-80": u.title }])
|
|
3209
|
+
}, j(u.message), 3)
|
|
3202
3210
|
]),
|
|
3203
|
-
|
|
3211
|
+
u.closable ? (t(), a("button", {
|
|
3204
3212
|
key: 2,
|
|
3205
3213
|
type: "button",
|
|
3206
3214
|
class: c(lt),
|
|
3207
3215
|
"aria-label": "Cerrar notificacion",
|
|
3208
|
-
onClick: (l) => Z(
|
|
3209
|
-
}, [
|
|
3216
|
+
onClick: (l) => Z(i)(u.id)
|
|
3217
|
+
}, [...$[0] || ($[0] = [
|
|
3210
3218
|
m("i", {
|
|
3211
3219
|
class: "mdi mdi-close",
|
|
3212
3220
|
"aria-hidden": "true"
|
|
3213
3221
|
}, null, -1)
|
|
3214
|
-
])], 8, st)) :
|
|
3222
|
+
])], 8, st)) : S("", !0)
|
|
3215
3223
|
], 2))), 128))
|
|
3216
3224
|
]),
|
|
3217
3225
|
_: 1
|
|
@@ -3231,29 +3239,29 @@ const ot = {
|
|
|
3231
3239
|
},
|
|
3232
3240
|
emits: ["confirmed"],
|
|
3233
3241
|
setup(d, { emit: r }) {
|
|
3234
|
-
const e = F(!1),
|
|
3242
|
+
const e = F(!1), i = F(!1), g = r, n = d;
|
|
3235
3243
|
function w() {
|
|
3236
3244
|
e.value = !0, setTimeout(() => {
|
|
3237
|
-
e.value = !1,
|
|
3245
|
+
e.value = !1, i.value = !1;
|
|
3238
3246
|
}, 1e4);
|
|
3239
3247
|
}
|
|
3240
|
-
function
|
|
3241
|
-
|
|
3248
|
+
function v() {
|
|
3249
|
+
g("confirmed"), e.value = !1, i.value = !1;
|
|
3242
3250
|
}
|
|
3243
|
-
return (
|
|
3251
|
+
return (p, b) => e.value ? (t(), a("div", it, [
|
|
3244
3252
|
J(ld, {
|
|
3245
|
-
modelValue:
|
|
3246
|
-
"onUpdate:modelValue":
|
|
3253
|
+
modelValue: i.value,
|
|
3254
|
+
"onUpdate:modelValue": b[0] || (b[0] = (h) => i.value = h),
|
|
3247
3255
|
label: n.checkLabel,
|
|
3248
3256
|
size: n.size,
|
|
3249
3257
|
variant: n.variant,
|
|
3250
3258
|
color: n.color,
|
|
3251
|
-
checked:
|
|
3259
|
+
checked: i.value
|
|
3252
3260
|
}, null, 8, ["modelValue", "label", "size", "variant", "color", "checked"]),
|
|
3253
|
-
|
|
3254
|
-
|
|
3261
|
+
b[2] || (b[2] = m("br", null, null, -1)),
|
|
3262
|
+
i.value ? (t(), W(oe, {
|
|
3255
3263
|
key: 0,
|
|
3256
|
-
onClick:
|
|
3264
|
+
onClick: b[1] || (b[1] = (h) => v()),
|
|
3257
3265
|
variant: n.variant,
|
|
3258
3266
|
color: n.color,
|
|
3259
3267
|
size: n.size
|
|
@@ -3262,7 +3270,7 @@ const ot = {
|
|
|
3262
3270
|
P(j(n.confirmLabel), 1)
|
|
3263
3271
|
]),
|
|
3264
3272
|
_: 1
|
|
3265
|
-
}, 8, ["variant", "color", "size"])) :
|
|
3273
|
+
}, 8, ["variant", "color", "size"])) : S("", !0)
|
|
3266
3274
|
])) : (t(), W(oe, {
|
|
3267
3275
|
key: 0,
|
|
3268
3276
|
onClick: w,
|
|
@@ -3301,18 +3309,18 @@ const ot = {
|
|
|
3301
3309
|
underlineColor: { default: "primary" }
|
|
3302
3310
|
},
|
|
3303
3311
|
setup(d) {
|
|
3304
|
-
const r = d, e = F(!1),
|
|
3305
|
-
const y =
|
|
3306
|
-
return fe(
|
|
3312
|
+
const r = d, e = F(!1), i = ze({}), g = (x) => se(x.to), n = (x) => {
|
|
3313
|
+
const y = g(x);
|
|
3314
|
+
return fe(x.to, y);
|
|
3307
3315
|
}, w = () => {
|
|
3308
3316
|
e.value = !e.value;
|
|
3309
|
-
},
|
|
3310
|
-
e.value = !1, Object.keys(
|
|
3311
|
-
|
|
3317
|
+
}, v = () => {
|
|
3318
|
+
e.value = !1, Object.keys(i).forEach((x) => {
|
|
3319
|
+
i[x] = !1;
|
|
3312
3320
|
});
|
|
3313
|
-
},
|
|
3314
|
-
|
|
3315
|
-
},
|
|
3321
|
+
}, p = (x) => {
|
|
3322
|
+
i[x] = !i[x];
|
|
3323
|
+
}, b = {
|
|
3316
3324
|
s: {
|
|
3317
3325
|
height: "dk:h-12",
|
|
3318
3326
|
padding: "dk:px-3",
|
|
@@ -3331,8 +3339,8 @@ const ot = {
|
|
|
3331
3339
|
text: "dk:text-lg",
|
|
3332
3340
|
itemPadding: "dk:px-4 dk:py-3"
|
|
3333
3341
|
}
|
|
3334
|
-
},
|
|
3335
|
-
const
|
|
3342
|
+
}, h = k(() => {
|
|
3343
|
+
const x = b[r.size];
|
|
3336
3344
|
return [
|
|
3337
3345
|
"dk:relative",
|
|
3338
3346
|
"dk:bg-gradient-to-b dk:from-white/80 dk:via-white/70 dk:to-gray-50/80",
|
|
@@ -3345,19 +3353,19 @@ const ot = {
|
|
|
3345
3353
|
"dk:before:bg-gradient-to-r dk:before:from-white/60 dk:before:via-white/40 dk:before:to-transparent",
|
|
3346
3354
|
"dk:dark:before:hidden",
|
|
3347
3355
|
"dk:flex dk:items-center dk:w-full dk:gap-4",
|
|
3348
|
-
|
|
3349
|
-
|
|
3350
|
-
|
|
3356
|
+
x.height,
|
|
3357
|
+
x.padding,
|
|
3358
|
+
x.text
|
|
3351
3359
|
].join(" ");
|
|
3352
|
-
}),
|
|
3360
|
+
}), f = k(() => [
|
|
3353
3361
|
"dk:flex dk:items-center dk:space-x-1 dk:flex-1",
|
|
3354
3362
|
{
|
|
3355
3363
|
left: "dk:justify-start",
|
|
3356
3364
|
center: "dk:justify-center",
|
|
3357
3365
|
right: "dk:justify-end"
|
|
3358
3366
|
}[r.itemsAlignment]
|
|
3359
|
-
].join(" ")),
|
|
3360
|
-
const
|
|
3367
|
+
].join(" ")), z = () => {
|
|
3368
|
+
const x = {
|
|
3361
3369
|
neutral: "dk:before:from-zinc-500 dk:before:to-zinc-600 dk:dark:before:from-zinc-400 dk:dark:before:to-zinc-500",
|
|
3362
3370
|
primary: "dk:before:from-slate-600 dk:before:to-slate-700 dk:dark:before:from-slate-400 dk:dark:before:to-slate-500",
|
|
3363
3371
|
secondary: "dk:before:from-pink-500 dk:before:to-pink-600 dk:dark:before:from-pink-400 dk:dark:before:to-pink-500",
|
|
@@ -3365,13 +3373,13 @@ const ot = {
|
|
|
3365
3373
|
danger: "dk:before:from-rose-500 dk:before:to-rose-600 dk:dark:before:from-rose-400 dk:dark:before:to-rose-500",
|
|
3366
3374
|
warning: "dk:before:from-amber-500 dk:before:to-amber-600 dk:dark:before:from-amber-400 dk:dark:before:to-amber-500"
|
|
3367
3375
|
};
|
|
3368
|
-
return
|
|
3369
|
-
},
|
|
3370
|
-
const
|
|
3376
|
+
return x[r.underlineColor] || x.primary;
|
|
3377
|
+
}, V = k(() => {
|
|
3378
|
+
const x = b[r.size], y = z();
|
|
3371
3379
|
return (o, s = !0) => {
|
|
3372
|
-
const
|
|
3380
|
+
const C = o.active ?? !1, D = s ? "dk:pl-3" : "dk:pl-2", I = "dk:pr-3", X = s ? "dk:pl-2" : "dk:pl-1", ee = "dk:pr-2", de = s ? "dk:pl-4" : "dk:pl-3", ge = "dk:pr-4";
|
|
3373
3381
|
let re = "";
|
|
3374
|
-
return
|
|
3382
|
+
return x.itemPadding.includes("px-2") ? re = `${X} ${ee} dk:py-1.5` : x.itemPadding.includes("px-4") ? re = `${de} ${ge} dk:py-3` : re = `${D} ${I} dk:py-2`, [
|
|
3375
3383
|
// Block style with animated underline
|
|
3376
3384
|
"dk:flex dk:items-center dk:relative dk:transition-all dk:duration-300",
|
|
3377
3385
|
"dk:text-gray-700 dk:hover:text-gray-900 dk:dark:text-gray-300 dk:dark:hover:text-gray-100",
|
|
@@ -3382,17 +3390,17 @@ const ot = {
|
|
|
3382
3390
|
"dk:before:bg-gradient-to-r",
|
|
3383
3391
|
y,
|
|
3384
3392
|
"dk:before:transition-all dk:before:duration-300",
|
|
3385
|
-
|
|
3393
|
+
C ? "dk:before:w-full dk:text-gray-900 dk:dark:text-gray-100" : "dk:before:w-0 dk:hover:before:w-full",
|
|
3386
3394
|
re
|
|
3387
3395
|
].join(" ");
|
|
3388
3396
|
};
|
|
3389
|
-
}),
|
|
3397
|
+
}), $ = k(() => [
|
|
3390
3398
|
"dk:block dk:w-full dk:text-left dk:px-4 dk:py-2 dk:text-sm dk:whitespace-nowrap",
|
|
3391
3399
|
"dk:text-gray-700 dk:hover:text-gray-900 dk:hover:bg-white/50 dk:dark:hover:bg-white/10",
|
|
3392
3400
|
"dk:dark:text-gray-300 dk:dark:hover:text-gray-100",
|
|
3393
3401
|
"dk:transition-all dk:duration-200 dk:no-underline",
|
|
3394
3402
|
"dk:border-l-2 dk:border-transparent dk:hover:border-blue-500"
|
|
3395
|
-
].join(" ")),
|
|
3403
|
+
].join(" ")), u = k(() => [
|
|
3396
3404
|
"dk:flex dk:items-center dk:justify-start dk:w-full dk:text-left dk:px-3 dk:py-2",
|
|
3397
3405
|
"dk:text-gray-700 dk:hover:text-gray-900 dk:rounded-lg",
|
|
3398
3406
|
"dk:bg-white/10 dk:hover:bg-white/25 dk:dark:bg-white/5 dk:dark:hover:bg-white/15",
|
|
@@ -3406,28 +3414,28 @@ const ot = {
|
|
|
3406
3414
|
"dk:border-l-2 dk:border-transparent dk:hover:border-blue-500",
|
|
3407
3415
|
"dk:transition-all dk:duration-200 dk:no-underline"
|
|
3408
3416
|
].join(" "));
|
|
3409
|
-
return (
|
|
3410
|
-
class: c(
|
|
3417
|
+
return (x, y) => (t(), a("nav", {
|
|
3418
|
+
class: c(h.value)
|
|
3411
3419
|
}, [
|
|
3412
|
-
|
|
3413
|
-
_(
|
|
3414
|
-
])) :
|
|
3420
|
+
x.$slots.brand ? (t(), a("div", ct, [
|
|
3421
|
+
_(x.$slots, "brand")
|
|
3422
|
+
])) : S("", !0),
|
|
3415
3423
|
m("div", ut, [
|
|
3416
3424
|
m("div", {
|
|
3417
|
-
class: c(
|
|
3425
|
+
class: c(f.value)
|
|
3418
3426
|
}, [
|
|
3419
3427
|
(t(!0), a(E, null, K(d.items, (o) => (t(), a(E, {
|
|
3420
3428
|
key: o.label
|
|
3421
3429
|
}, [
|
|
3422
3430
|
o.children && o.children.length > 0 ? (t(), a("div", bt, [
|
|
3423
|
-
(t(), W(Q(
|
|
3424
|
-
class:
|
|
3431
|
+
(t(), W(Q(g(o)), O({ ref_for: !0 }, n(o), {
|
|
3432
|
+
class: V.value(o, !0)
|
|
3425
3433
|
}), {
|
|
3426
3434
|
default: A(() => [
|
|
3427
3435
|
o.icon ? (t(), a("i", {
|
|
3428
3436
|
key: 0,
|
|
3429
3437
|
class: c([o.icon, "dk:mr-2"])
|
|
3430
|
-
}, null, 2)) :
|
|
3438
|
+
}, null, 2)) : S("", !0),
|
|
3431
3439
|
P(" " + j(o.label) + " ", 1),
|
|
3432
3440
|
y[0] || (y[0] = m("svg", {
|
|
3433
3441
|
class: "dk:w-4 dk:h-4 dk:ml-1 dk:transform dk:group-hover:rotate-180 dk:transition-transform",
|
|
@@ -3446,30 +3454,30 @@ const ot = {
|
|
|
3446
3454
|
_: 2
|
|
3447
3455
|
}, 1040, ["class"])),
|
|
3448
3456
|
m("div", pt, [
|
|
3449
|
-
(t(!0), a(E, null, K(o.children, (s) => (t(), W(Q(
|
|
3457
|
+
(t(!0), a(E, null, K(o.children, (s) => (t(), W(Q(g(s)), O({
|
|
3450
3458
|
key: s.label
|
|
3451
|
-
}, { ref_for: !0 }, n(s), { class:
|
|
3459
|
+
}, { ref_for: !0 }, n(s), { class: $.value }), {
|
|
3452
3460
|
default: A(() => [
|
|
3453
3461
|
s.icon ? (t(), a("i", {
|
|
3454
3462
|
key: 0,
|
|
3455
3463
|
class: c([s.icon, "dk:mr-2"])
|
|
3456
|
-
}, null, 2)) :
|
|
3464
|
+
}, null, 2)) : S("", !0),
|
|
3457
3465
|
P(" " + j(s.label), 1)
|
|
3458
3466
|
]),
|
|
3459
3467
|
_: 2
|
|
3460
3468
|
}, 1040, ["class"]))), 128))
|
|
3461
3469
|
])
|
|
3462
|
-
])) : (t(), W(Q(
|
|
3470
|
+
])) : (t(), W(Q(g(o)), O({
|
|
3463
3471
|
key: 1,
|
|
3464
3472
|
ref_for: !0
|
|
3465
3473
|
}, n(o), {
|
|
3466
|
-
class:
|
|
3474
|
+
class: V.value(o, !1)
|
|
3467
3475
|
}), {
|
|
3468
3476
|
default: A(() => [
|
|
3469
3477
|
o.icon ? (t(), a("i", {
|
|
3470
3478
|
key: 0,
|
|
3471
3479
|
class: c([o.icon, "dk:mr-2"])
|
|
3472
|
-
}, null, 2)) :
|
|
3480
|
+
}, null, 2)) : S("", !0),
|
|
3473
3481
|
P(" " + j(o.label), 1)
|
|
3474
3482
|
]),
|
|
3475
3483
|
_: 2
|
|
@@ -3477,9 +3485,9 @@ const ot = {
|
|
|
3477
3485
|
], 64))), 128))
|
|
3478
3486
|
], 2)
|
|
3479
3487
|
]),
|
|
3480
|
-
|
|
3481
|
-
_(
|
|
3482
|
-
])) :
|
|
3488
|
+
x.$slots.actions ? (t(), a("div", mt, [
|
|
3489
|
+
_(x.$slots, "actions")
|
|
3490
|
+
])) : S("", !0),
|
|
3483
3491
|
m("button", {
|
|
3484
3492
|
type: "button",
|
|
3485
3493
|
onClick: w,
|
|
@@ -3502,18 +3510,18 @@ const ot = {
|
|
|
3502
3510
|
o.children && o.children.length > 0 ? (t(), a("div", vt, [
|
|
3503
3511
|
m("button", {
|
|
3504
3512
|
type: "button",
|
|
3505
|
-
onClick: (s) =>
|
|
3506
|
-
class: c([
|
|
3513
|
+
onClick: (s) => p(o.label),
|
|
3514
|
+
class: c([u.value, "dk:justify-between"])
|
|
3507
3515
|
}, [
|
|
3508
3516
|
m("div", wt, [
|
|
3509
3517
|
o.icon ? (t(), a("i", {
|
|
3510
3518
|
key: 0,
|
|
3511
3519
|
class: c([o.icon, "dk:mr-2"])
|
|
3512
|
-
}, null, 2)) :
|
|
3520
|
+
}, null, 2)) : S("", !0),
|
|
3513
3521
|
P(" " + j(o.label), 1)
|
|
3514
3522
|
]),
|
|
3515
3523
|
(t(), a("svg", {
|
|
3516
|
-
class: c(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0",
|
|
3524
|
+
class: c(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0", i[o.label] ? "dk:rotate-180" : ""]),
|
|
3517
3525
|
fill: "none",
|
|
3518
3526
|
stroke: "currentColor",
|
|
3519
3527
|
viewBox: "0 0 24 24"
|
|
@@ -3527,44 +3535,44 @@ const ot = {
|
|
|
3527
3535
|
])], 2))
|
|
3528
3536
|
], 10, yt),
|
|
3529
3537
|
xe(m("div", zt, [
|
|
3530
|
-
(t(!0), a(E, null, K(o.children, (s) => (t(), W(Q(
|
|
3538
|
+
(t(!0), a(E, null, K(o.children, (s) => (t(), W(Q(g(s)), O({
|
|
3531
3539
|
key: s.label
|
|
3532
3540
|
}, { ref_for: !0 }, n(s), {
|
|
3533
3541
|
class: l.value,
|
|
3534
|
-
onClick:
|
|
3542
|
+
onClick: v
|
|
3535
3543
|
}), {
|
|
3536
3544
|
default: A(() => [
|
|
3537
3545
|
s.icon ? (t(), a("i", {
|
|
3538
3546
|
key: 0,
|
|
3539
3547
|
class: c([s.icon, "dk:mr-2"])
|
|
3540
|
-
}, null, 2)) :
|
|
3548
|
+
}, null, 2)) : S("", !0),
|
|
3541
3549
|
P(" " + j(s.label), 1)
|
|
3542
3550
|
]),
|
|
3543
3551
|
_: 2
|
|
3544
3552
|
}, 1040, ["class"]))), 128))
|
|
3545
3553
|
], 512), [
|
|
3546
|
-
[he,
|
|
3554
|
+
[he, i[o.label]]
|
|
3547
3555
|
])
|
|
3548
|
-
])) : (t(), W(Q(
|
|
3556
|
+
])) : (t(), W(Q(g(o)), O({
|
|
3549
3557
|
key: 1,
|
|
3550
3558
|
ref_for: !0
|
|
3551
3559
|
}, n(o), {
|
|
3552
|
-
class:
|
|
3553
|
-
onClick:
|
|
3560
|
+
class: u.value,
|
|
3561
|
+
onClick: v
|
|
3554
3562
|
}), {
|
|
3555
3563
|
default: A(() => [
|
|
3556
3564
|
o.icon ? (t(), a("i", {
|
|
3557
3565
|
key: 0,
|
|
3558
3566
|
class: c([o.icon, "dk:mr-2"])
|
|
3559
|
-
}, null, 2)) :
|
|
3567
|
+
}, null, 2)) : S("", !0),
|
|
3560
3568
|
P(" " + j(o.label), 1)
|
|
3561
3569
|
]),
|
|
3562
3570
|
_: 2
|
|
3563
3571
|
}, 1040, ["class"]))
|
|
3564
3572
|
], 64))), 128)),
|
|
3565
|
-
|
|
3566
|
-
_(
|
|
3567
|
-
])) :
|
|
3573
|
+
x.$slots.actions ? (t(), a("div", Ct, [
|
|
3574
|
+
_(x.$slots, "actions")
|
|
3575
|
+
])) : S("", !0)
|
|
3568
3576
|
])
|
|
3569
3577
|
], 512), [
|
|
3570
3578
|
[he, e.value]
|