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