@dronico/droni-kit 1.12.1 → 1.12.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/dist/droni-kit.cjs.js +9 -9
- package/dist/droni-kit.es.js +369 -392
- package/dist/stories/Elements/DuiAction.stories.d.ts +6 -3
- package/dist/stories/Elements/DuiAction.vue.d.ts +3 -1
- package/dist/stories/Elements/DuiCard.stories.d.ts +3 -3
- package/dist/stories/Elements/DuiCard.vue.d.ts +1 -1
- package/dist/stories/Forms/DuiButton.stories.d.ts +6 -3
- package/dist/stories/Forms/DuiButton.vue.d.ts +3 -1
- package/dist/stories/Widgets/DuiNavbar.stories.d.ts +3 -0
- package/dist/stories/Widgets/DuiNavbar.vue.d.ts +2 -0
- package/dist/utils/router-detection.d.ts +17 -0
- package/package.json +1 -1
package/dist/droni-kit.es.js
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { getCurrentInstance as I, defineComponent as j, computed as c, createBlock as V, openBlock as d, resolveDynamicComponent as D, mergeProps as C, withCtx as T, renderSlot as _, createElementBlock as t, createCommentVNode as m, toDisplayString as z, Fragment as $, renderList as B, ref as q, normalizeClass as h, createElementVNode as p, withDirectives as R, createTextVNode as S, vShow as A, reactive as E } from "vue";
|
|
2
|
+
function F() {
|
|
3
|
+
try {
|
|
4
|
+
const r = I(), e = r == null ? void 0 : r.appContext.app;
|
|
5
|
+
return e ? !!(e.config.globalProperties.$router || e.config.globalProperties.$route || e.component("RouterLink")) : typeof window < "u" ? !!window.VueRouter : !1;
|
|
6
|
+
} catch {
|
|
7
|
+
return !1;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
function O(r, e = !1) {
|
|
11
|
+
return r ? e ? "NuxtLink" : F() ? "RouterLink" : "a" : "button";
|
|
12
|
+
}
|
|
13
|
+
function W(r, e, o = {}) {
|
|
14
|
+
const a = { ...o };
|
|
15
|
+
return e === "a" ? (a.href = typeof r == "string" ? r : "#", a.role = "button") : e !== "button" && e !== "span" && (a.to = r), a;
|
|
16
|
+
}
|
|
17
|
+
const H = { key: 1 }, G = `
|
|
3
18
|
dk:transition
|
|
4
19
|
dk:text-center
|
|
5
20
|
dk:disabled:opacity-50
|
|
@@ -22,27 +37,14 @@ const F = { key: 1 }, H = `
|
|
|
22
37
|
block: { type: Boolean, default: !1 },
|
|
23
38
|
title: { default: void 0 },
|
|
24
39
|
rounded: { default: "all" },
|
|
25
|
-
to: { default: void 0 }
|
|
40
|
+
to: { default: void 0 },
|
|
41
|
+
nuxt: { type: Boolean, default: !1 }
|
|
26
42
|
},
|
|
27
|
-
setup(
|
|
28
|
-
const
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
} catch {
|
|
33
|
-
return !1;
|
|
34
|
-
}
|
|
35
|
-
}), b = n(() => {
|
|
36
|
-
try {
|
|
37
|
-
return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || // Check if NuxtLink component is globally available
|
|
38
|
-
e != null && e.component("NuxtLink"));
|
|
39
|
-
} catch {
|
|
40
|
-
return !1;
|
|
41
|
-
}
|
|
42
|
-
}), v = n(() => d.to ? b.value ? "NuxtLink" : u.value ? "RouterLink" : "a" : "button"), f = n(() => {
|
|
43
|
-
const p = {};
|
|
44
|
-
return v.value === "button" ? p.type = d.type : v.value === "a" ? (p.href = typeof d.to == "string" ? d.to : "#", p.role = "button") : p.to = d.to, p;
|
|
45
|
-
}), i = {
|
|
43
|
+
setup(r) {
|
|
44
|
+
const e = r, o = c(() => O(e.to, e.nuxt)), a = c(() => {
|
|
45
|
+
const n = {};
|
|
46
|
+
return o.value === "button" && (n.type = e.type), W(e.to, o.value, n);
|
|
47
|
+
}), l = {
|
|
46
48
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
47
49
|
md: "dk:text-base dk:px-4 dk:py-2",
|
|
48
50
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
@@ -53,7 +55,7 @@ const F = { key: 1 }, H = `
|
|
|
53
55
|
left: "dk:rounded-l",
|
|
54
56
|
right: "dk:rounded-r",
|
|
55
57
|
none: "dk:rounded-none"
|
|
56
|
-
},
|
|
58
|
+
}, b = {
|
|
57
59
|
solid: {
|
|
58
60
|
base: "dk:border-b",
|
|
59
61
|
neutral: `
|
|
@@ -225,23 +227,23 @@ const F = { key: 1 }, H = `
|
|
|
225
227
|
dk:dark:text-amber-100
|
|
226
228
|
dk:dark:hover:bg-amber-800`
|
|
227
229
|
}
|
|
228
|
-
},
|
|
229
|
-
var
|
|
230
|
-
const
|
|
231
|
-
return [
|
|
230
|
+
}, y = c(() => {
|
|
231
|
+
var f;
|
|
232
|
+
const n = (((f = b[e.variant]) == null ? void 0 : f[e.color]) || "") + " " + b[e.variant].base, v = l[e.size] || "", s = e.block ? "dk:w-full" : "", u = g[e.rounded] || "";
|
|
233
|
+
return [G, n, v, s, u].join(" ");
|
|
232
234
|
});
|
|
233
|
-
return (
|
|
234
|
-
class:
|
|
235
|
-
title:
|
|
236
|
-
disabled:
|
|
235
|
+
return (n, v) => (d(), V(D(o.value), C(a.value, {
|
|
236
|
+
class: y.value,
|
|
237
|
+
title: e.title,
|
|
238
|
+
disabled: e.disabled || e.loading
|
|
237
239
|
}), {
|
|
238
|
-
default:
|
|
239
|
-
|
|
240
|
+
default: T(() => [
|
|
241
|
+
e.loading ? (d(), t("span", H, "Cargando...")) : _(n.$slots, "default", { key: 0 })
|
|
240
242
|
]),
|
|
241
243
|
_: 3
|
|
242
244
|
}, 16, ["class", "title", "disabled"]));
|
|
243
245
|
}
|
|
244
|
-
}),
|
|
246
|
+
}), J = ["value"], K = `
|
|
245
247
|
dk:border-b
|
|
246
248
|
dk:border-zinc-300
|
|
247
249
|
dk:bg-zinc-50
|
|
@@ -253,7 +255,7 @@ const F = { key: 1 }, H = `
|
|
|
253
255
|
dk:dark:bg-zinc-800
|
|
254
256
|
dk:dark:text-zinc-100
|
|
255
257
|
dk:dark:focus:bg-zinc-700
|
|
256
|
-
dk:dark:[color-scheme:dark]`,
|
|
258
|
+
dk:dark:[color-scheme:dark]`, _e = /* @__PURE__ */ j({
|
|
257
259
|
inheritAttrs: !1,
|
|
258
260
|
__name: "DuiInput",
|
|
259
261
|
props: {
|
|
@@ -275,33 +277,33 @@ const F = { key: 1 }, H = `
|
|
|
275
277
|
}
|
|
276
278
|
},
|
|
277
279
|
emits: ["update:modelValue"],
|
|
278
|
-
setup(
|
|
279
|
-
const o =
|
|
280
|
-
function
|
|
281
|
-
const
|
|
282
|
-
|
|
280
|
+
setup(r, { emit: e }) {
|
|
281
|
+
const o = r, a = e;
|
|
282
|
+
function l(n) {
|
|
283
|
+
const v = n.target;
|
|
284
|
+
a("update:modelValue", v.value);
|
|
283
285
|
}
|
|
284
|
-
const
|
|
286
|
+
const g = {
|
|
285
287
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
286
288
|
md: "dk:text-base dk:px-4 dk:py-2",
|
|
287
289
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
288
|
-
},
|
|
290
|
+
}, b = {
|
|
289
291
|
all: "dk:rounded",
|
|
290
292
|
top: "dk:rounded-t",
|
|
291
293
|
bottom: "dk:rounded-b",
|
|
292
294
|
left: "dk:rounded-l",
|
|
293
295
|
right: "dk:rounded-r",
|
|
294
296
|
none: "dk:rounded-none"
|
|
295
|
-
},
|
|
296
|
-
const
|
|
297
|
-
return [
|
|
297
|
+
}, y = c(() => {
|
|
298
|
+
const n = g[o.size] || "", v = o.block ? "dk:w-full" : "", s = b[o.rounded] || "";
|
|
299
|
+
return [K, n, v, s].join(" ");
|
|
298
300
|
});
|
|
299
|
-
return (
|
|
300
|
-
class:
|
|
301
|
-
value:
|
|
302
|
-
},
|
|
301
|
+
return (n, v) => (d(), t("input", C({
|
|
302
|
+
class: y.value,
|
|
303
|
+
value: r.modelValue
|
|
304
|
+
}, n.$attrs, { onInput: l }), null, 16, J));
|
|
303
305
|
}
|
|
304
|
-
}),
|
|
306
|
+
}), Q = ["value"], U = `
|
|
305
307
|
dk:border-b
|
|
306
308
|
dk:border-zinc-300
|
|
307
309
|
dk:bg-zinc-50
|
|
@@ -313,7 +315,7 @@ const F = { key: 1 }, H = `
|
|
|
313
315
|
dk:dark:bg-zinc-800
|
|
314
316
|
dk:dark:text-zinc-100
|
|
315
317
|
dk:dark:focus:bg-zinc-700
|
|
316
|
-
dk:dark:[color-scheme:dark]`,
|
|
318
|
+
dk:dark:[color-scheme:dark]`, je = /* @__PURE__ */ j({
|
|
317
319
|
inheritAttrs: !1,
|
|
318
320
|
__name: "DuiTextarea",
|
|
319
321
|
props: {
|
|
@@ -343,46 +345,46 @@ const F = { key: 1 }, H = `
|
|
|
343
345
|
}
|
|
344
346
|
},
|
|
345
347
|
emits: ["update:modelValue"],
|
|
346
|
-
setup(
|
|
347
|
-
const o =
|
|
348
|
-
function
|
|
349
|
-
const
|
|
350
|
-
o.autoheight &&
|
|
348
|
+
setup(r, { emit: e }) {
|
|
349
|
+
const o = r, a = e;
|
|
350
|
+
function l(s) {
|
|
351
|
+
const u = s.target;
|
|
352
|
+
o.autoheight && v(u), a("update:modelValue", u.value);
|
|
351
353
|
}
|
|
352
|
-
const
|
|
354
|
+
const g = {
|
|
353
355
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
354
356
|
md: "dk:text-base dk:px-3 dk:py-2",
|
|
355
357
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
356
|
-
},
|
|
358
|
+
}, b = {
|
|
357
359
|
all: "dk:rounded",
|
|
358
360
|
top: "dk:rounded-t",
|
|
359
361
|
bottom: "dk:rounded-b",
|
|
360
362
|
left: "dk:rounded-l",
|
|
361
363
|
right: "dk:rounded-r",
|
|
362
364
|
none: "dk:rounded-none"
|
|
363
|
-
},
|
|
365
|
+
}, y = {
|
|
364
366
|
none: "dk:resize-none",
|
|
365
367
|
both: "dk:resize",
|
|
366
368
|
horizontal: "dk:resize-x",
|
|
367
369
|
vertical: "dk:resize-y"
|
|
368
|
-
},
|
|
369
|
-
const s =
|
|
370
|
-
return [
|
|
371
|
-
}),
|
|
370
|
+
}, n = c(() => {
|
|
371
|
+
const s = g[o.size] || "", u = o.block ? "dk:w-full" : "", f = b[o.rounded] || "", N = y[o.resize] || "";
|
|
372
|
+
return [U, s, u, f, N].join(" ");
|
|
373
|
+
}), v = (s) => {
|
|
372
374
|
s.style.height = "auto", s.style.height = `${s.scrollHeight + 5}px`;
|
|
373
375
|
};
|
|
374
|
-
return (s,
|
|
375
|
-
class:
|
|
376
|
-
value:
|
|
377
|
-
onInput:
|
|
378
|
-
}), null, 16,
|
|
376
|
+
return (s, u) => (d(), t("textarea", C(s.$attrs, {
|
|
377
|
+
class: n.value,
|
|
378
|
+
value: r.modelValue,
|
|
379
|
+
onInput: l
|
|
380
|
+
}), null, 16, Q));
|
|
379
381
|
}
|
|
380
|
-
}),
|
|
382
|
+
}), X = {
|
|
381
383
|
key: 0,
|
|
382
384
|
disabled: "",
|
|
383
385
|
selected: "",
|
|
384
386
|
hidden: ""
|
|
385
|
-
},
|
|
387
|
+
}, Y = ["value", "selected"], Z = `
|
|
386
388
|
dk:border-b
|
|
387
389
|
dk:border-zinc-300
|
|
388
390
|
dk:bg-zinc-50
|
|
@@ -395,7 +397,7 @@ const F = { key: 1 }, H = `
|
|
|
395
397
|
dk:dark:text-zinc-100
|
|
396
398
|
dk:dark:focus:bg-zinc-700
|
|
397
399
|
dk:dark:[color-scheme:dark]
|
|
398
|
-
`,
|
|
400
|
+
`, Ve = /* @__PURE__ */ j({
|
|
399
401
|
inheritAttrs: !1,
|
|
400
402
|
__name: "DuiSelect",
|
|
401
403
|
props: {
|
|
@@ -433,43 +435,43 @@ const F = { key: 1 }, H = `
|
|
|
433
435
|
}
|
|
434
436
|
},
|
|
435
437
|
emits: ["update:modelValue"],
|
|
436
|
-
setup(
|
|
437
|
-
const o =
|
|
438
|
-
function
|
|
439
|
-
const s =
|
|
440
|
-
!isNaN(
|
|
438
|
+
setup(r, { emit: e }) {
|
|
439
|
+
const o = r, a = e;
|
|
440
|
+
function l(n) {
|
|
441
|
+
const s = n.target.value, u = Number(s);
|
|
442
|
+
!isNaN(u) && s !== "" ? a("update:modelValue", u) : a("update:modelValue", s);
|
|
441
443
|
}
|
|
442
|
-
const
|
|
444
|
+
const g = {
|
|
443
445
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
444
446
|
md: "dk:text-base dk:px-4 dk:py-2",
|
|
445
447
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
446
|
-
},
|
|
448
|
+
}, b = {
|
|
447
449
|
all: "dk:rounded",
|
|
448
450
|
top: "dk:rounded-t",
|
|
449
451
|
bottom: "dk:rounded-b",
|
|
450
452
|
left: "dk:rounded-l",
|
|
451
453
|
right: "dk:rounded-r",
|
|
452
454
|
none: "dk:rounded-none"
|
|
453
|
-
},
|
|
454
|
-
const
|
|
455
|
-
return [
|
|
455
|
+
}, y = c(() => {
|
|
456
|
+
const n = g[o.size] || "", v = o.block ? "dk:w-full" : "", s = b[o.rounded] || "";
|
|
457
|
+
return [Z, n, v, s].join(" ");
|
|
456
458
|
});
|
|
457
|
-
return (
|
|
458
|
-
class:
|
|
459
|
-
onChange:
|
|
459
|
+
return (n, v) => (d(), t("select", C(n.$attrs, {
|
|
460
|
+
class: y.value,
|
|
461
|
+
onChange: l
|
|
460
462
|
}), [
|
|
461
|
-
|
|
462
|
-
(
|
|
463
|
-
key:
|
|
464
|
-
value: s[
|
|
465
|
-
selected: s[
|
|
466
|
-
}, z(s[
|
|
463
|
+
r.placeholder ? (d(), t("option", X, z(r.placeholder), 1)) : m("", !0),
|
|
464
|
+
(d(!0), t($, null, B(r.options, (s, u) => (d(), t("option", {
|
|
465
|
+
key: u,
|
|
466
|
+
value: s[r.itemValue] ?? "",
|
|
467
|
+
selected: s[r.itemValue] == r.modelValue
|
|
468
|
+
}, z(s[r.itemLabel] ?? ""), 9, Y))), 128))
|
|
467
469
|
], 16));
|
|
468
470
|
}
|
|
469
|
-
}),
|
|
471
|
+
}), ee = {
|
|
470
472
|
key: 1,
|
|
471
473
|
class: "dk:text-rose-500 dk:ml-1"
|
|
472
|
-
},
|
|
474
|
+
}, de = { class: "tooltip-container tooltip-above dk:z-50 dk:text-xs dk:rounded dk:py-2 dk:px-3 dk:transition-all dk:duration-200 dk:min-w-[250px] dk:max-w-xs dk:shadow-lg dk:pointer-events-none" }, re = "dk:space-y-1", te = /* @__PURE__ */ j({
|
|
473
475
|
__name: "DuiLabel",
|
|
474
476
|
props: {
|
|
475
477
|
title: {
|
|
@@ -497,75 +499,75 @@ const F = { key: 1 }, H = `
|
|
|
497
499
|
default: !1
|
|
498
500
|
}
|
|
499
501
|
},
|
|
500
|
-
setup(
|
|
501
|
-
const
|
|
502
|
+
setup(r) {
|
|
503
|
+
const e = q(!1), o = r, a = {
|
|
502
504
|
s: "dk:text-sm",
|
|
503
505
|
m: "dk:text-base",
|
|
504
506
|
l: "dk:text-lg"
|
|
505
|
-
},
|
|
507
|
+
}, l = {
|
|
506
508
|
s: "dk:mt-1",
|
|
507
509
|
m: "dk:mt-1.5",
|
|
508
510
|
l: "dk:mt-2"
|
|
509
|
-
},
|
|
511
|
+
}, g = {
|
|
510
512
|
s: "dk:text-xs",
|
|
511
513
|
m: "dk:text-sm",
|
|
512
514
|
l: "dk:text-base"
|
|
513
|
-
},
|
|
514
|
-
const s =
|
|
515
|
-
return [
|
|
516
|
-
}),
|
|
517
|
-
return (s,
|
|
518
|
-
class:
|
|
515
|
+
}, b = c(() => [re].join(" ")), y = c(() => {
|
|
516
|
+
const s = a[o.size] || a.m, u = "dk:block dk:font-medium dk:text-zinc-700 dk:dark:text-zinc-200 dk:flex dk:items-center", f = o.helpText ? "dk:cursor-help" : "";
|
|
517
|
+
return [u, s, f].join(" ");
|
|
518
|
+
}), n = c(() => [l[o.size] || l.m].join(" ")), v = c(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", g[o.size] || g.m].join(" "));
|
|
519
|
+
return (s, u) => (d(), t("label", {
|
|
520
|
+
class: h(b.value)
|
|
519
521
|
}, [
|
|
520
|
-
|
|
522
|
+
r.title ? (d(), t("div", {
|
|
521
523
|
key: 0,
|
|
522
524
|
class: "dk:relative",
|
|
523
|
-
onMouseenter:
|
|
524
|
-
onMouseleave:
|
|
525
|
+
onMouseenter: u[0] || (u[0] = (f) => e.value = !!r.helpText),
|
|
526
|
+
onMouseleave: u[1] || (u[1] = (f) => e.value = !1)
|
|
525
527
|
}, [
|
|
526
|
-
|
|
527
|
-
class:
|
|
528
|
+
p("div", {
|
|
529
|
+
class: h(y.value)
|
|
528
530
|
}, [
|
|
529
|
-
|
|
531
|
+
r.icon ? (d(), t("i", {
|
|
530
532
|
key: 0,
|
|
531
|
-
class:
|
|
532
|
-
}, null, 2)) :
|
|
533
|
-
S(" " + z(
|
|
534
|
-
|
|
533
|
+
class: h([r.icon, "dk:mr-2"])
|
|
534
|
+
}, null, 2)) : m("", !0),
|
|
535
|
+
S(" " + z(r.title) + " ", 1),
|
|
536
|
+
r.required ? (d(), t("span", ee, "*")) : m("", !0)
|
|
535
537
|
], 2),
|
|
536
|
-
|
|
537
|
-
S(z(
|
|
538
|
-
|
|
538
|
+
R(p("div", de, [
|
|
539
|
+
S(z(r.helpText) + " ", 1),
|
|
540
|
+
u[2] || (u[2] = p("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
|
|
539
541
|
], 512), [
|
|
540
|
-
[
|
|
542
|
+
[A, e.value && r.helpText]
|
|
541
543
|
])
|
|
542
|
-
], 32)) :
|
|
543
|
-
|
|
544
|
-
class:
|
|
544
|
+
], 32)) : m("", !0),
|
|
545
|
+
p("div", {
|
|
546
|
+
class: h(n.value)
|
|
545
547
|
}, [
|
|
546
|
-
|
|
548
|
+
_(s.$slots, "default", {}, void 0, !0)
|
|
547
549
|
], 2),
|
|
548
|
-
|
|
550
|
+
r.error ? (d(), t("div", {
|
|
549
551
|
key: 1,
|
|
550
|
-
class:
|
|
552
|
+
class: h(v.value)
|
|
551
553
|
}, [
|
|
552
|
-
|
|
553
|
-
S(" " + z(
|
|
554
|
-
], 2)) :
|
|
554
|
+
u[3] || (u[3] = p("span", { class: "dk:inline-flex dk:items-center dk:justify-center dk:w-4 dk:h-4 dk:text-xs dk:bg-rose-500 dk:text-white dk:rounded-full dk:mr-2 dk:flex-shrink-0" }, " ! ", -1)),
|
|
555
|
+
S(" " + z(r.error), 1)
|
|
556
|
+
], 2)) : m("", !0)
|
|
555
557
|
], 2));
|
|
556
558
|
}
|
|
557
|
-
}),
|
|
558
|
-
const o =
|
|
559
|
-
for (const [
|
|
560
|
-
o[
|
|
559
|
+
}), oe = (r, e) => {
|
|
560
|
+
const o = r.__vccOpts || r;
|
|
561
|
+
for (const [a, l] of e)
|
|
562
|
+
o[a] = l;
|
|
561
563
|
return o;
|
|
562
|
-
},
|
|
564
|
+
}, De = /* @__PURE__ */ oe(te, [["__scopeId", "data-v-aa6b6cdc"]]), ke = `
|
|
563
565
|
dk:px-4
|
|
564
566
|
dk:py-3
|
|
565
567
|
dk:text-sm
|
|
566
568
|
dk:leading-relaxed
|
|
567
569
|
dk:max-w-full
|
|
568
|
-
`,
|
|
570
|
+
`, Te = /* @__PURE__ */ j({
|
|
569
571
|
__name: "DuiAlert",
|
|
570
572
|
props: {
|
|
571
573
|
variant: {
|
|
@@ -581,15 +583,15 @@ const F = { key: 1 }, H = `
|
|
|
581
583
|
default: "all"
|
|
582
584
|
}
|
|
583
585
|
},
|
|
584
|
-
setup(
|
|
585
|
-
const
|
|
586
|
+
setup(r) {
|
|
587
|
+
const e = r, o = {
|
|
586
588
|
all: "dk:rounded",
|
|
587
589
|
top: "dk:rounded-t",
|
|
588
590
|
bottom: "dk:rounded-b",
|
|
589
591
|
left: "dk:rounded-l",
|
|
590
592
|
right: "dk:rounded-r",
|
|
591
593
|
none: "dk:rounded-none"
|
|
592
|
-
},
|
|
594
|
+
}, a = {
|
|
593
595
|
solid: {
|
|
594
596
|
base: "",
|
|
595
597
|
neutral: "dk:bg-zinc-200 dk:text-zinc-800 dk:dark:bg-zinc-700 dk:dark:text-zinc-100",
|
|
@@ -617,19 +619,19 @@ const F = { key: 1 }, H = `
|
|
|
617
619
|
warning: "dk:text-amber-700 dk:dark:text-amber-200 dk:bg-amber-50 dk:dark:bg-amber-800",
|
|
618
620
|
danger: "dk:text-rose-700 dk:dark:text-rose-200 dk:bg-rose-50 dk:dark:bg-rose-800"
|
|
619
621
|
}
|
|
620
|
-
},
|
|
621
|
-
var
|
|
622
|
-
const
|
|
623
|
-
return [
|
|
622
|
+
}, l = c(() => {
|
|
623
|
+
var n;
|
|
624
|
+
const g = ((n = a[e.variant]) == null ? void 0 : n[e.color]) || "", b = a[e.variant].base || "", y = o[e.rounded] || "";
|
|
625
|
+
return [ke, b, g, y].join(" ");
|
|
624
626
|
});
|
|
625
|
-
return (
|
|
626
|
-
class:
|
|
627
|
+
return (g, b) => (d(), t("div", {
|
|
628
|
+
class: h(l.value),
|
|
627
629
|
role: "alert"
|
|
628
630
|
}, [
|
|
629
|
-
|
|
631
|
+
_(g.$slots, "default")
|
|
630
632
|
], 2));
|
|
631
633
|
}
|
|
632
|
-
}),
|
|
634
|
+
}), ae = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, se = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, ne = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200" }, Be = /* @__PURE__ */ j({
|
|
633
635
|
__name: "DuiTable",
|
|
634
636
|
props: {
|
|
635
637
|
columns: {
|
|
@@ -641,29 +643,29 @@ const F = { key: 1 }, H = `
|
|
|
641
643
|
required: !0
|
|
642
644
|
}
|
|
643
645
|
},
|
|
644
|
-
setup(
|
|
645
|
-
const
|
|
646
|
-
return (o,
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
(
|
|
651
|
-
key:
|
|
652
|
-
class:
|
|
653
|
-
}, z(
|
|
646
|
+
setup(r) {
|
|
647
|
+
const e = r;
|
|
648
|
+
return (o, a) => (d(), t("div", ae, [
|
|
649
|
+
p("table", se, [
|
|
650
|
+
p("thead", ne, [
|
|
651
|
+
p("tr", null, [
|
|
652
|
+
(d(!0), t($, null, B(e.columns, (l) => (d(), t("th", {
|
|
653
|
+
key: l.name,
|
|
654
|
+
class: h(["dk:px-6 dk:py-3", l.classes])
|
|
655
|
+
}, z(l.label), 3))), 128))
|
|
654
656
|
])
|
|
655
657
|
]),
|
|
656
|
-
|
|
657
|
-
(
|
|
658
|
-
key:
|
|
658
|
+
p("tbody", null, [
|
|
659
|
+
(d(!0), t($, null, B(e.rows, (l, g) => (d(), t("tr", {
|
|
660
|
+
key: g,
|
|
659
661
|
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"
|
|
660
662
|
}, [
|
|
661
|
-
(
|
|
662
|
-
key:
|
|
663
|
+
(d(!0), t($, null, B(e.columns, (b) => (d(), t("td", {
|
|
664
|
+
key: b.name,
|
|
663
665
|
class: "dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"
|
|
664
666
|
}, [
|
|
665
|
-
|
|
666
|
-
S(z(
|
|
667
|
+
_(o.$slots, b.name, C({ ref_for: !0 }, l), () => [
|
|
668
|
+
S(z(l[b.name]), 1)
|
|
667
669
|
])
|
|
668
670
|
]))), 128))
|
|
669
671
|
]))), 128))
|
|
@@ -671,7 +673,7 @@ const F = { key: 1 }, H = `
|
|
|
671
673
|
])
|
|
672
674
|
]));
|
|
673
675
|
}
|
|
674
|
-
}),
|
|
676
|
+
}), le = { key: 1 }, ie = `
|
|
675
677
|
dk:transition
|
|
676
678
|
dk:text-center
|
|
677
679
|
dk:disabled:opacity-50
|
|
@@ -692,25 +694,11 @@ const F = { key: 1 }, H = `
|
|
|
692
694
|
block: { type: Boolean, default: !1 },
|
|
693
695
|
title: { default: void 0 },
|
|
694
696
|
rounded: { default: "all" },
|
|
695
|
-
to: { default: void 0 }
|
|
697
|
+
to: { default: void 0 },
|
|
698
|
+
nuxt: { type: Boolean, default: !1 }
|
|
696
699
|
},
|
|
697
|
-
setup(
|
|
698
|
-
const
|
|
699
|
-
try {
|
|
700
|
-
return !!(e != null && e.config.globalProperties.$router || e != null && e.config.globalProperties.$route || globalThis.VueRouter || e != null && e.component("RouterLink"));
|
|
701
|
-
} catch {
|
|
702
|
-
return !1;
|
|
703
|
-
}
|
|
704
|
-
}), b = n(() => {
|
|
705
|
-
try {
|
|
706
|
-
return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || e != null && e.component("NuxtLink"));
|
|
707
|
-
} catch {
|
|
708
|
-
return !1;
|
|
709
|
-
}
|
|
710
|
-
}), v = n(() => d.to ? b.value ? "NuxtLink" : u.value ? "RouterLink" : "a" : "span"), f = n(() => {
|
|
711
|
-
const p = {};
|
|
712
|
-
return v.value === "a" ? (p.href = typeof d.to == "string" ? d.to : "#", p.role = "button") : v.value !== "span" && (p.to = d.to), p;
|
|
713
|
-
}), i = {
|
|
700
|
+
setup(r) {
|
|
701
|
+
const e = r, o = c(() => e.to ? O(e.to, e.nuxt) : "span"), a = c(() => W(e.to, o.value)), l = {
|
|
714
702
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
715
703
|
md: "dk:text-base dk:px-4 dk:py-2",
|
|
716
704
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
@@ -721,7 +709,7 @@ const F = { key: 1 }, H = `
|
|
|
721
709
|
left: "dk:rounded-l",
|
|
722
710
|
right: "dk:rounded-r",
|
|
723
711
|
none: "dk:rounded-none"
|
|
724
|
-
},
|
|
712
|
+
}, b = {
|
|
725
713
|
solid: {
|
|
726
714
|
base: "dk:border-b",
|
|
727
715
|
neutral: `
|
|
@@ -893,25 +881,25 @@ const F = { key: 1 }, H = `
|
|
|
893
881
|
dk:dark:text-amber-100
|
|
894
882
|
dk:dark:hover:bg-amber-800`
|
|
895
883
|
}
|
|
896
|
-
},
|
|
897
|
-
var
|
|
898
|
-
const
|
|
899
|
-
return [
|
|
884
|
+
}, y = c(() => {
|
|
885
|
+
var f;
|
|
886
|
+
const n = (((f = b[e.variant]) == null ? void 0 : f[e.color]) || "") + " " + b[e.variant].base, v = l[e.size] || "", s = e.block ? "dk:block" : "dk:inline-block", u = g[e.rounded] || "";
|
|
887
|
+
return [ie, n, v, s, u].join(" ");
|
|
900
888
|
});
|
|
901
|
-
return (
|
|
902
|
-
class:
|
|
903
|
-
title:
|
|
889
|
+
return (n, v) => (d(), V(D(o.value), C(a.value, {
|
|
890
|
+
class: y.value,
|
|
891
|
+
title: e.title
|
|
904
892
|
}), {
|
|
905
|
-
default:
|
|
906
|
-
|
|
893
|
+
default: T(() => [
|
|
894
|
+
e.loading ? (d(), t("span", le, "Cargando...")) : _(n.$slots, "default", { key: 0 })
|
|
907
895
|
]),
|
|
908
896
|
_: 3
|
|
909
897
|
}, 16, ["class", "title"]));
|
|
910
898
|
}
|
|
911
|
-
}),
|
|
899
|
+
}), ue = {
|
|
912
900
|
key: 0,
|
|
913
901
|
class: "dk:relative dk:overflow-hidden dk:rounded-t-lg"
|
|
914
|
-
},
|
|
902
|
+
}, ce = ["src", "alt"], Ne = /* @__PURE__ */ j({
|
|
915
903
|
__name: "DuiCard",
|
|
916
904
|
props: {
|
|
917
905
|
size: { default: "m" },
|
|
@@ -920,25 +908,25 @@ const F = { key: 1 }, H = `
|
|
|
920
908
|
subtitle: { default: void 0 },
|
|
921
909
|
to: { default: void 0 }
|
|
922
910
|
},
|
|
923
|
-
setup(
|
|
924
|
-
const
|
|
911
|
+
setup(r) {
|
|
912
|
+
const e = r, o = I(), a = o == null ? void 0 : o.appContext.app, l = c(() => {
|
|
925
913
|
try {
|
|
926
|
-
return !!(
|
|
914
|
+
return !!(a != null && a.config.globalProperties.$router || a != null && a.config.globalProperties.$route || globalThis.VueRouter || a != null && a.component("RouterLink"));
|
|
927
915
|
} catch {
|
|
928
916
|
return !1;
|
|
929
917
|
}
|
|
930
|
-
}),
|
|
918
|
+
}), g = c(() => {
|
|
931
919
|
try {
|
|
932
|
-
return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt ||
|
|
920
|
+
return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || a != null && a.component("NuxtLink"));
|
|
933
921
|
} catch {
|
|
934
922
|
return !1;
|
|
935
923
|
}
|
|
936
|
-
}),
|
|
937
|
-
const
|
|
938
|
-
if (!
|
|
939
|
-
const
|
|
940
|
-
return
|
|
941
|
-
},
|
|
924
|
+
}), b = () => e.to ? g.value ? "NuxtLink" : l.value ? "RouterLink" : "a" : "div", y = () => e.to ? g.value ? "NuxtLink" : l.value ? "RouterLink" : "a" : "h3", n = () => {
|
|
925
|
+
const k = {};
|
|
926
|
+
if (!e.to) return k;
|
|
927
|
+
const L = b();
|
|
928
|
+
return L === "a" ? k.href = typeof e.to == "string" ? e.to : "#" : (L === "RouterLink" || L === "NuxtLink") && (k.to = e.to), k;
|
|
929
|
+
}, v = {
|
|
942
930
|
s: {
|
|
943
931
|
padding: "dk:p-3",
|
|
944
932
|
spacing: "dk:space-y-2",
|
|
@@ -960,142 +948,131 @@ const F = { key: 1 }, H = `
|
|
|
960
948
|
subtitleSize: "dk:text-lg",
|
|
961
949
|
contentSize: "dk:text-lg"
|
|
962
950
|
}
|
|
963
|
-
}, s =
|
|
951
|
+
}, s = c(() => [
|
|
964
952
|
// Base card styles
|
|
965
953
|
"dk:bg-white dk:rounded-lg dk:shadow-md dk:border dk:border-gray-200",
|
|
966
954
|
"dk:dark:bg-gray-800 dk:dark:border-gray-700 dk:dark:shadow-gray-900/20",
|
|
967
955
|
"dk:transition-all dk:duration-200",
|
|
968
956
|
"dk:hover:shadow-lg dk:dark:hover:shadow-gray-900/40",
|
|
969
957
|
"dk:overflow-hidden"
|
|
970
|
-
].join(" ")),
|
|
958
|
+
].join(" ")), u = c(() => [
|
|
971
959
|
"dk:w-full dk:h-48 dk:object-cover"
|
|
972
|
-
].join(" ")),
|
|
973
|
-
const
|
|
960
|
+
].join(" ")), f = c(() => {
|
|
961
|
+
const k = v[e.size];
|
|
974
962
|
return [
|
|
975
|
-
|
|
976
|
-
|
|
963
|
+
k.padding,
|
|
964
|
+
k.spacing
|
|
977
965
|
].join(" ");
|
|
978
|
-
}),
|
|
979
|
-
|
|
980
|
-
].join(" ")),
|
|
981
|
-
const
|
|
982
|
-
|
|
966
|
+
}), N = c(() => [
|
|
967
|
+
v[e.size].spacing
|
|
968
|
+
].join(" ")), P = c(() => {
|
|
969
|
+
const L = [
|
|
970
|
+
v[e.size].titleSize,
|
|
983
971
|
"dk:font-semibold dk:text-gray-900 dk:dark:text-gray-100",
|
|
984
972
|
"dk:line-clamp-2"
|
|
985
973
|
];
|
|
986
|
-
return
|
|
974
|
+
return e.to && L.push(
|
|
987
975
|
"dk:no-underline dk:hover:underline dk:transition-colors",
|
|
988
976
|
"dk:hover:text-blue-600 dk:dark:hover:text-blue-400"
|
|
989
|
-
),
|
|
990
|
-
}),
|
|
991
|
-
const
|
|
977
|
+
), L.join(" ");
|
|
978
|
+
}), M = c(() => {
|
|
979
|
+
const k = [
|
|
992
980
|
"dk:block",
|
|
993
981
|
"dk:transition-transform dk:duration-200",
|
|
994
982
|
"dk:hover:scale-105"
|
|
995
983
|
];
|
|
996
|
-
return
|
|
997
|
-
}),
|
|
998
|
-
|
|
984
|
+
return e.to && k.push("dk:no-underline"), k.join(" ");
|
|
985
|
+
}), x = c(() => [
|
|
986
|
+
v[e.size].subtitleSize,
|
|
999
987
|
"dk:text-gray-600 dk:dark:text-gray-400",
|
|
1000
988
|
"dk:line-clamp-3"
|
|
1001
|
-
].join(" ")),
|
|
1002
|
-
|
|
989
|
+
].join(" ")), w = c(() => [
|
|
990
|
+
v[e.size].contentSize,
|
|
1003
991
|
"dk:text-gray-700 dk:dark:text-gray-300"
|
|
1004
|
-
].join(" ")),
|
|
992
|
+
].join(" ")), i = c(() => [
|
|
1005
993
|
"dk:border-t dk:border-gray-200 dk:dark:border-gray-700",
|
|
1006
994
|
"dk:pt-3 dk:mt-3"
|
|
1007
995
|
].join(" "));
|
|
1008
|
-
return (
|
|
1009
|
-
class:
|
|
996
|
+
return (k, L) => (d(), t("div", {
|
|
997
|
+
class: h(s.value)
|
|
1010
998
|
}, [
|
|
1011
|
-
|
|
1012
|
-
(
|
|
1013
|
-
default:
|
|
1014
|
-
|
|
1015
|
-
src:
|
|
1016
|
-
alt:
|
|
1017
|
-
class:
|
|
1018
|
-
}, null, 10,
|
|
999
|
+
k.image ? (d(), t("div", ue, [
|
|
1000
|
+
(d(), V(D(b()), C(n(), { class: M.value }), {
|
|
1001
|
+
default: T(() => [
|
|
1002
|
+
p("img", {
|
|
1003
|
+
src: k.image,
|
|
1004
|
+
alt: k.title || "Card image",
|
|
1005
|
+
class: h(u.value)
|
|
1006
|
+
}, null, 10, ce)
|
|
1019
1007
|
]),
|
|
1020
1008
|
_: 1
|
|
1021
1009
|
}, 16, ["class"]))
|
|
1022
|
-
])) :
|
|
1023
|
-
|
|
1024
|
-
class:
|
|
1010
|
+
])) : m("", !0),
|
|
1011
|
+
p("div", {
|
|
1012
|
+
class: h(f.value)
|
|
1025
1013
|
}, [
|
|
1026
|
-
|
|
1014
|
+
k.title || k.subtitle ? (d(), t("div", {
|
|
1027
1015
|
key: 0,
|
|
1028
|
-
class:
|
|
1016
|
+
class: h(N.value)
|
|
1029
1017
|
}, [
|
|
1030
|
-
|
|
1031
|
-
default:
|
|
1032
|
-
S(z(
|
|
1018
|
+
k.title ? (d(), V(D(y()), C({ key: 0 }, n(), { class: P.value }), {
|
|
1019
|
+
default: T(() => [
|
|
1020
|
+
S(z(k.title), 1)
|
|
1033
1021
|
]),
|
|
1034
1022
|
_: 1
|
|
1035
|
-
}, 16, ["class"])) :
|
|
1036
|
-
|
|
1023
|
+
}, 16, ["class"])) : m("", !0),
|
|
1024
|
+
k.subtitle ? (d(), t("p", {
|
|
1037
1025
|
key: 1,
|
|
1038
|
-
class: x
|
|
1039
|
-
}, z(
|
|
1040
|
-
], 2)) :
|
|
1041
|
-
|
|
1026
|
+
class: h(x.value)
|
|
1027
|
+
}, z(k.subtitle), 3)) : m("", !0)
|
|
1028
|
+
], 2)) : m("", !0),
|
|
1029
|
+
k.$slots.default ? (d(), t("div", {
|
|
1042
1030
|
key: 1,
|
|
1043
|
-
class:
|
|
1031
|
+
class: h(w.value)
|
|
1044
1032
|
}, [
|
|
1045
|
-
|
|
1046
|
-
], 2)) :
|
|
1047
|
-
|
|
1033
|
+
_(k.$slots, "default")
|
|
1034
|
+
], 2)) : m("", !0),
|
|
1035
|
+
k.$slots.footer ? (d(), t("div", {
|
|
1048
1036
|
key: 2,
|
|
1049
|
-
class:
|
|
1037
|
+
class: h(i.value)
|
|
1050
1038
|
}, [
|
|
1051
|
-
|
|
1052
|
-
], 2)) :
|
|
1039
|
+
_(k.$slots, "footer")
|
|
1040
|
+
], 2)) : m("", !0)
|
|
1053
1041
|
], 2)
|
|
1054
1042
|
], 2));
|
|
1055
1043
|
}
|
|
1056
|
-
}),
|
|
1044
|
+
}), be = {
|
|
1057
1045
|
key: 0,
|
|
1058
1046
|
class: "dk:flex dk:items-center dk:gap-4"
|
|
1059
|
-
},
|
|
1047
|
+
}, ge = { class: "dk:hidden dk:md:flex dk:items-center dk:space-x-1" }, pe = {
|
|
1060
1048
|
key: 0,
|
|
1061
1049
|
class: "dk:relative dk:group"
|
|
1062
|
-
},
|
|
1050
|
+
}, ve = { class: "dk:absolute dk:left-0 dk:top-full dk:min-w-48 dk:py-2 dk:mt-1 dk:bg-white dk:rounded-lg dk:shadow-lg dk:border dk:border-gray-200 dk:opacity-0 dk:invisible dk:group-hover:opacity-100 dk:group-hover:visible dk:transition-all dk:duration-200 dk:z-50 dk:dark:bg-gray-800 dk:dark:border-gray-700" }, xe = {
|
|
1063
1051
|
key: 2,
|
|
1064
1052
|
class: "dk:hidden dk:md:flex dk:items-center dk:gap-2"
|
|
1065
|
-
},
|
|
1053
|
+
}, he = { class: "dk:md:hidden dk:absolute dk:top-full dk:left-0 dk:w-full dk:bg-white dk:border-t dk:border-gray-200 dk:shadow-lg dk:dark:bg-gray-800 dk:dark:border-gray-700 dk:z-40" }, me = { class: "dk:px-4 dk:py-3 dk:space-y-2" }, ye = { key: 0 }, fe = ["onClick"], ze = { class: "dk:flex dk:items-center dk:flex-1" }, we = { class: "dk:ml-4 dk:mt-2 dk:space-y-1" }, Ce = {
|
|
1066
1054
|
key: 0,
|
|
1067
1055
|
class: "dk:pt-3 dk:border-t dk:border-gray-200 dk:dark:border-gray-700"
|
|
1068
|
-
},
|
|
1056
|
+
}, Pe = /* @__PURE__ */ j({
|
|
1069
1057
|
__name: "DuiNavbar",
|
|
1070
1058
|
props: {
|
|
1071
1059
|
items: { default: () => [] },
|
|
1072
|
-
size: { default: "m" }
|
|
1060
|
+
size: { default: "m" },
|
|
1061
|
+
nuxt: { type: Boolean, default: !1 }
|
|
1073
1062
|
},
|
|
1074
|
-
setup(
|
|
1075
|
-
const
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || e != null && e.component("NuxtLink"));
|
|
1084
|
-
} catch {
|
|
1085
|
-
return !1;
|
|
1086
|
-
}
|
|
1087
|
-
}), i = (t) => t.to ? f.value ? "NuxtLink" : v.value ? "RouterLink" : "a" : "button", g = (t) => {
|
|
1088
|
-
const m = {}, l = i(t);
|
|
1089
|
-
return l === "a" ? m.href = typeof t.to == "string" ? t.to : "#" : l !== "button" && (m.to = t.to), m;
|
|
1090
|
-
}, s = () => {
|
|
1091
|
-
u.value = !u.value;
|
|
1092
|
-
}, c = () => {
|
|
1093
|
-
u.value = !1, Object.keys(b).forEach((t) => {
|
|
1094
|
-
b[t] = !1;
|
|
1063
|
+
setup(r) {
|
|
1064
|
+
const e = r, o = I(), a = q(!1), l = E({}), g = (x) => O(x.to, e.nuxt), b = (x) => {
|
|
1065
|
+
const w = g(x);
|
|
1066
|
+
return W(x.to, w);
|
|
1067
|
+
}, y = () => {
|
|
1068
|
+
a.value = !a.value;
|
|
1069
|
+
}, n = () => {
|
|
1070
|
+
a.value = !1, Object.keys(l).forEach((x) => {
|
|
1071
|
+
l[x] = !1;
|
|
1095
1072
|
});
|
|
1096
|
-
},
|
|
1097
|
-
|
|
1098
|
-
},
|
|
1073
|
+
}, v = (x) => {
|
|
1074
|
+
l[x] = !l[x];
|
|
1075
|
+
}, s = {
|
|
1099
1076
|
s: {
|
|
1100
1077
|
height: "dk:h-12",
|
|
1101
1078
|
padding: "dk:px-3",
|
|
@@ -1114,8 +1091,8 @@ const F = { key: 1 }, H = `
|
|
|
1114
1091
|
text: "dk:text-lg",
|
|
1115
1092
|
itemPadding: "dk:px-4 dk:py-3"
|
|
1116
1093
|
}
|
|
1117
|
-
},
|
|
1118
|
-
const
|
|
1094
|
+
}, u = c(() => {
|
|
1095
|
+
const x = s[e.size];
|
|
1119
1096
|
return [
|
|
1120
1097
|
// Base classes
|
|
1121
1098
|
"dk:relative dk:bg-white dk:border-b dk:border-gray-200 dk:shadow-sm",
|
|
@@ -1123,52 +1100,52 @@ const F = { key: 1 }, H = `
|
|
|
1123
1100
|
"dk:flex dk:items-center dk:w-full",
|
|
1124
1101
|
// Conditional justify based on slots
|
|
1125
1102
|
!!(o != null && o.slots.brand || o != null && o.slots.actions) ? "dk:justify-between" : "dk:justify-center dk:md:justify-start",
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1103
|
+
x.height,
|
|
1104
|
+
x.padding,
|
|
1105
|
+
x.text
|
|
1129
1106
|
].join(" ");
|
|
1130
|
-
}),
|
|
1107
|
+
}), f = c(() => [
|
|
1131
1108
|
// Base styles
|
|
1132
1109
|
"dk:flex dk:items-center dk:rounded-lg dk:transition-all dk:duration-200",
|
|
1133
1110
|
"dk:text-gray-700 dk:hover:text-gray-900 dk:hover:bg-gray-100",
|
|
1134
1111
|
"dk:dark:text-gray-300 dk:dark:hover:text-gray-100 dk:dark:hover:bg-gray-700",
|
|
1135
1112
|
"dk:focus:outline-none dk:focus:ring-2 dk:focus:ring-gray-200 dk:dark:focus:ring-gray-600",
|
|
1136
1113
|
"dk:no-underline",
|
|
1137
|
-
|
|
1138
|
-
].join(" ")),
|
|
1114
|
+
s[e.size].itemPadding
|
|
1115
|
+
].join(" ")), N = c(() => [
|
|
1139
1116
|
"dk:block dk:w-full dk:text-left dk:px-4 dk:py-2 dk:text-sm",
|
|
1140
1117
|
"dk:text-gray-700 dk:hover:bg-gray-100 dk:hover:text-gray-900",
|
|
1141
1118
|
"dk:dark:text-gray-300 dk:dark:hover:bg-gray-700 dk:dark:hover:text-gray-100",
|
|
1142
1119
|
"dk:transition-colors dk:duration-200 dk:no-underline"
|
|
1143
|
-
].join(" ")),
|
|
1120
|
+
].join(" ")), P = c(() => [
|
|
1144
1121
|
"dk:flex dk:items-center dk:justify-between dk:w-full dk:text-left dk:px-3 dk:py-2",
|
|
1145
1122
|
"dk:text-gray-700 dk:hover:bg-gray-100 dk:hover:text-gray-900 dk:rounded-lg",
|
|
1146
1123
|
"dk:dark:text-gray-300 dk:dark:hover:bg-gray-700 dk:dark:hover:text-gray-100",
|
|
1147
1124
|
"dk:transition-colors dk:duration-200 dk:no-underline"
|
|
1148
|
-
].join(" ")),
|
|
1125
|
+
].join(" ")), M = c(() => [
|
|
1149
1126
|
"dk:block dk:w-full dk:text-left dk:px-3 dk:py-2 dk:text-sm dk:rounded-lg",
|
|
1150
1127
|
"dk:text-gray-600 dk:hover:bg-gray-100 dk:hover:text-gray-800",
|
|
1151
1128
|
"dk:dark:text-gray-400 dk:dark:hover:bg-gray-700 dk:dark:hover:text-gray-200",
|
|
1152
1129
|
"dk:transition-colors dk:duration-200 dk:no-underline"
|
|
1153
1130
|
].join(" "));
|
|
1154
|
-
return (
|
|
1155
|
-
class:
|
|
1131
|
+
return (x, w) => (d(), t("nav", {
|
|
1132
|
+
class: h(u.value)
|
|
1156
1133
|
}, [
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
|
|
1134
|
+
x.$slots.brand ? (d(), t("div", be, [
|
|
1135
|
+
_(x.$slots, "brand"),
|
|
1136
|
+
p("button", {
|
|
1160
1137
|
type: "button",
|
|
1161
1138
|
class: "dk:md:hidden dk:p-2 dk:rounded-lg dk:text-gray-500 dk:hover:bg-gray-100 dk:focus:outline-none dk:focus:ring-2 dk:focus:ring-gray-200 dk:dark:text-gray-400 dk:dark:hover:bg-gray-700 dk:dark:focus:ring-gray-600",
|
|
1162
|
-
onClick:
|
|
1163
|
-
},
|
|
1164
|
-
|
|
1165
|
-
|
|
1139
|
+
onClick: y
|
|
1140
|
+
}, w[0] || (w[0] = [
|
|
1141
|
+
p("span", { class: "dk:sr-only" }, "Open main menu", -1),
|
|
1142
|
+
p("svg", {
|
|
1166
1143
|
class: "dk:w-5 dk:h-5",
|
|
1167
1144
|
fill: "none",
|
|
1168
1145
|
stroke: "currentColor",
|
|
1169
1146
|
viewBox: "0 0 24 24"
|
|
1170
1147
|
}, [
|
|
1171
|
-
|
|
1148
|
+
p("path", {
|
|
1172
1149
|
"stroke-linecap": "round",
|
|
1173
1150
|
"stroke-linejoin": "round",
|
|
1174
1151
|
"stroke-width": "2",
|
|
@@ -1176,21 +1153,21 @@ const F = { key: 1 }, H = `
|
|
|
1176
1153
|
})
|
|
1177
1154
|
], -1)
|
|
1178
1155
|
]))
|
|
1179
|
-
])) :
|
|
1180
|
-
|
|
1156
|
+
])) : m("", !0),
|
|
1157
|
+
x.$slots.brand ? m("", !0) : (d(), t("button", {
|
|
1181
1158
|
key: 1,
|
|
1182
1159
|
type: "button",
|
|
1183
1160
|
class: "dk:md:hidden dk:p-2 dk:rounded-lg dk:text-gray-500 dk:hover:bg-gray-100 dk:focus:outline-none dk:focus:ring-2 dk:focus:ring-gray-200 dk:dark:text-gray-400 dk:dark:hover:bg-gray-700 dk:dark:focus:ring-gray-600",
|
|
1184
|
-
onClick:
|
|
1185
|
-
},
|
|
1186
|
-
|
|
1187
|
-
|
|
1161
|
+
onClick: y
|
|
1162
|
+
}, w[1] || (w[1] = [
|
|
1163
|
+
p("span", { class: "dk:sr-only" }, "Open main menu", -1),
|
|
1164
|
+
p("svg", {
|
|
1188
1165
|
class: "dk:w-5 dk:h-5",
|
|
1189
1166
|
fill: "none",
|
|
1190
1167
|
stroke: "currentColor",
|
|
1191
1168
|
viewBox: "0 0 24 24"
|
|
1192
1169
|
}, [
|
|
1193
|
-
|
|
1170
|
+
p("path", {
|
|
1194
1171
|
"stroke-linecap": "round",
|
|
1195
1172
|
"stroke-linejoin": "round",
|
|
1196
1173
|
"stroke-width": "2",
|
|
@@ -1198,25 +1175,25 @@ const F = { key: 1 }, H = `
|
|
|
1198
1175
|
})
|
|
1199
1176
|
], -1)
|
|
1200
1177
|
]))),
|
|
1201
|
-
|
|
1202
|
-
(
|
|
1203
|
-
key:
|
|
1178
|
+
p("div", ge, [
|
|
1179
|
+
(d(!0), t($, null, B(x.items, (i) => (d(), t($, {
|
|
1180
|
+
key: i.label
|
|
1204
1181
|
}, [
|
|
1205
|
-
|
|
1206
|
-
(
|
|
1207
|
-
default:
|
|
1208
|
-
|
|
1182
|
+
i.children && i.children.length > 0 ? (d(), t("div", pe, [
|
|
1183
|
+
(d(), V(D(g(i)), C({ ref_for: !0 }, b(i), { class: f.value }), {
|
|
1184
|
+
default: T(() => [
|
|
1185
|
+
i.icon ? (d(), t("i", {
|
|
1209
1186
|
key: 0,
|
|
1210
|
-
class:
|
|
1211
|
-
}, null, 2)) :
|
|
1212
|
-
S(" " + z(
|
|
1213
|
-
|
|
1187
|
+
class: h([i.icon, "dk:mr-2"])
|
|
1188
|
+
}, null, 2)) : m("", !0),
|
|
1189
|
+
S(" " + z(i.label) + " ", 1),
|
|
1190
|
+
w[2] || (w[2] = p("svg", {
|
|
1214
1191
|
class: "dk:w-4 dk:h-4 dk:ml-1 dk:transform dk:group-hover:rotate-180 dk:transition-transform",
|
|
1215
1192
|
fill: "none",
|
|
1216
1193
|
stroke: "currentColor",
|
|
1217
1194
|
viewBox: "0 0 24 24"
|
|
1218
1195
|
}, [
|
|
1219
|
-
|
|
1196
|
+
p("path", {
|
|
1220
1197
|
"stroke-linecap": "round",
|
|
1221
1198
|
"stroke-linejoin": "round",
|
|
1222
1199
|
"stroke-width": "2",
|
|
@@ -1226,127 +1203,127 @@ const F = { key: 1 }, H = `
|
|
|
1226
1203
|
]),
|
|
1227
1204
|
_: 2
|
|
1228
1205
|
}, 1040, ["class"])),
|
|
1229
|
-
|
|
1230
|
-
(
|
|
1231
|
-
key:
|
|
1206
|
+
p("div", ve, [
|
|
1207
|
+
(d(!0), t($, null, B(i.children, (k) => (d(), V(D(g(k)), C({
|
|
1208
|
+
key: k.label,
|
|
1232
1209
|
ref_for: !0
|
|
1233
|
-
},
|
|
1234
|
-
default:
|
|
1235
|
-
|
|
1210
|
+
}, b(k), { class: N.value }), {
|
|
1211
|
+
default: T(() => [
|
|
1212
|
+
k.icon ? (d(), t("i", {
|
|
1236
1213
|
key: 0,
|
|
1237
|
-
class:
|
|
1238
|
-
}, null, 2)) :
|
|
1239
|
-
S(" " + z(
|
|
1214
|
+
class: h([k.icon, "dk:mr-2"])
|
|
1215
|
+
}, null, 2)) : m("", !0),
|
|
1216
|
+
S(" " + z(k.label), 1)
|
|
1240
1217
|
]),
|
|
1241
1218
|
_: 2
|
|
1242
1219
|
}, 1040, ["class"]))), 128))
|
|
1243
1220
|
])
|
|
1244
|
-
])) : (
|
|
1221
|
+
])) : (d(), V(D(g(i)), C({
|
|
1245
1222
|
key: 1,
|
|
1246
1223
|
ref_for: !0
|
|
1247
|
-
},
|
|
1248
|
-
default:
|
|
1249
|
-
|
|
1224
|
+
}, b(i), { class: f.value }), {
|
|
1225
|
+
default: T(() => [
|
|
1226
|
+
i.icon ? (d(), t("i", {
|
|
1250
1227
|
key: 0,
|
|
1251
|
-
class:
|
|
1252
|
-
}, null, 2)) :
|
|
1253
|
-
S(" " + z(
|
|
1228
|
+
class: h([i.icon, "dk:mr-2"])
|
|
1229
|
+
}, null, 2)) : m("", !0),
|
|
1230
|
+
S(" " + z(i.label), 1)
|
|
1254
1231
|
]),
|
|
1255
1232
|
_: 2
|
|
1256
1233
|
}, 1040, ["class"]))
|
|
1257
1234
|
], 64))), 128))
|
|
1258
1235
|
]),
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
])) :
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
(
|
|
1265
|
-
key:
|
|
1236
|
+
x.$slots.actions ? (d(), t("div", xe, [
|
|
1237
|
+
_(x.$slots, "actions")
|
|
1238
|
+
])) : m("", !0),
|
|
1239
|
+
R(p("div", he, [
|
|
1240
|
+
p("div", me, [
|
|
1241
|
+
(d(!0), t($, null, B(x.items, (i) => (d(), t($, {
|
|
1242
|
+
key: i.label
|
|
1266
1243
|
}, [
|
|
1267
|
-
|
|
1268
|
-
|
|
1244
|
+
i.children && i.children.length > 0 ? (d(), t("div", ye, [
|
|
1245
|
+
p("button", {
|
|
1269
1246
|
type: "button",
|
|
1270
|
-
onClick: (
|
|
1271
|
-
class:
|
|
1247
|
+
onClick: (k) => v(i.label),
|
|
1248
|
+
class: h(P.value)
|
|
1272
1249
|
}, [
|
|
1273
|
-
|
|
1274
|
-
|
|
1250
|
+
p("div", ze, [
|
|
1251
|
+
i.icon ? (d(), t("i", {
|
|
1275
1252
|
key: 0,
|
|
1276
|
-
class:
|
|
1277
|
-
}, null, 2)) :
|
|
1278
|
-
S(" " + z(
|
|
1253
|
+
class: h([i.icon, "dk:mr-2"])
|
|
1254
|
+
}, null, 2)) : m("", !0),
|
|
1255
|
+
S(" " + z(i.label), 1)
|
|
1279
1256
|
]),
|
|
1280
|
-
(
|
|
1281
|
-
class:
|
|
1257
|
+
(d(), t("svg", {
|
|
1258
|
+
class: h(["dk:w-4 dk:h-4 dk:transform dk:transition-transform", l[i.label] ? "dk:rotate-180" : ""]),
|
|
1282
1259
|
fill: "none",
|
|
1283
1260
|
stroke: "currentColor",
|
|
1284
1261
|
viewBox: "0 0 24 24"
|
|
1285
|
-
},
|
|
1286
|
-
|
|
1262
|
+
}, w[3] || (w[3] = [
|
|
1263
|
+
p("path", {
|
|
1287
1264
|
"stroke-linecap": "round",
|
|
1288
1265
|
"stroke-linejoin": "round",
|
|
1289
1266
|
"stroke-width": "2",
|
|
1290
1267
|
d: "M19 9l-7 7-7-7"
|
|
1291
1268
|
}, null, -1)
|
|
1292
1269
|
]), 2))
|
|
1293
|
-
], 10,
|
|
1294
|
-
|
|
1295
|
-
(
|
|
1296
|
-
key:
|
|
1270
|
+
], 10, fe),
|
|
1271
|
+
R(p("div", we, [
|
|
1272
|
+
(d(!0), t($, null, B(i.children, (k) => (d(), V(D(g(k)), C({
|
|
1273
|
+
key: k.label,
|
|
1297
1274
|
ref_for: !0
|
|
1298
|
-
},
|
|
1299
|
-
class:
|
|
1300
|
-
onClick:
|
|
1275
|
+
}, b(k), {
|
|
1276
|
+
class: M.value,
|
|
1277
|
+
onClick: n
|
|
1301
1278
|
}), {
|
|
1302
|
-
default:
|
|
1303
|
-
|
|
1279
|
+
default: T(() => [
|
|
1280
|
+
k.icon ? (d(), t("i", {
|
|
1304
1281
|
key: 0,
|
|
1305
|
-
class:
|
|
1306
|
-
}, null, 2)) :
|
|
1307
|
-
S(" " + z(
|
|
1282
|
+
class: h([k.icon, "dk:mr-2"])
|
|
1283
|
+
}, null, 2)) : m("", !0),
|
|
1284
|
+
S(" " + z(k.label), 1)
|
|
1308
1285
|
]),
|
|
1309
1286
|
_: 2
|
|
1310
1287
|
}, 1040, ["class"]))), 128))
|
|
1311
1288
|
], 512), [
|
|
1312
|
-
[
|
|
1289
|
+
[A, l[i.label]]
|
|
1313
1290
|
])
|
|
1314
|
-
])) : (
|
|
1291
|
+
])) : (d(), V(D(g(i)), C({
|
|
1315
1292
|
key: 1,
|
|
1316
1293
|
ref_for: !0
|
|
1317
|
-
},
|
|
1318
|
-
class:
|
|
1319
|
-
onClick:
|
|
1294
|
+
}, b(i), {
|
|
1295
|
+
class: P.value,
|
|
1296
|
+
onClick: n
|
|
1320
1297
|
}), {
|
|
1321
|
-
default:
|
|
1322
|
-
|
|
1298
|
+
default: T(() => [
|
|
1299
|
+
i.icon ? (d(), t("i", {
|
|
1323
1300
|
key: 0,
|
|
1324
|
-
class:
|
|
1325
|
-
}, null, 2)) :
|
|
1326
|
-
S(" " + z(
|
|
1301
|
+
class: h([i.icon, "dk:mr-2"])
|
|
1302
|
+
}, null, 2)) : m("", !0),
|
|
1303
|
+
S(" " + z(i.label), 1)
|
|
1327
1304
|
]),
|
|
1328
1305
|
_: 2
|
|
1329
1306
|
}, 1040, ["class"]))
|
|
1330
1307
|
], 64))), 128)),
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
])) :
|
|
1308
|
+
x.$slots.actions ? (d(), t("div", Ce, [
|
|
1309
|
+
_(x.$slots, "actions")
|
|
1310
|
+
])) : m("", !0)
|
|
1334
1311
|
])
|
|
1335
1312
|
], 512), [
|
|
1336
|
-
[
|
|
1313
|
+
[A, a.value]
|
|
1337
1314
|
])
|
|
1338
1315
|
], 2));
|
|
1339
1316
|
}
|
|
1340
1317
|
});
|
|
1341
1318
|
export {
|
|
1342
1319
|
Le as DuiAction,
|
|
1343
|
-
|
|
1320
|
+
Te as DuiAlert,
|
|
1344
1321
|
$e as DuiButton,
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
|
|
1322
|
+
Ne as DuiCard,
|
|
1323
|
+
_e as DuiInput,
|
|
1324
|
+
De as DuiLabel,
|
|
1325
|
+
Pe as DuiNavbar,
|
|
1326
|
+
Ve as DuiSelect,
|
|
1327
|
+
Be as DuiTable,
|
|
1328
|
+
je as DuiTextarea
|
|
1352
1329
|
};
|