adverich-kun-ui 0.1.322 → 0.1.324

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.
Files changed (24) hide show
  1. package/dist/adverich-kun-ui.css +1 -1
  2. package/dist/index.js +188 -170
  3. package/package.json +1 -1
  4. package/dist/components/KunBadge/examples/Default.vue.js +0 -23
  5. package/dist/components/KunCardActions/exaples/Default.vue.js +0 -58
  6. package/dist/components/KunCardItem/exaples/Default.vue.js +0 -37
  7. package/dist/components/KunCardSubtitle/exaples/Default.vue.js +0 -26
  8. package/dist/components/KunCardText/exaples/Default.vue.js +0 -26
  9. package/dist/components/KunCardTitle/exaples/Default.vue.js +0 -41
  10. package/dist/components/KunInfiniteScroll/examples/Default.vue.js +0 -52
  11. package/dist/components/KunList/examples/Default.vue.js +0 -46
  12. package/dist/components/KunList/examples/WhiteGroups.vue.js +0 -72
  13. package/dist/components/KunListGroup/examples/Default.vue.js +0 -67
  14. package/dist/components/KunListImg/examples/Default.vue.js +0 -31
  15. package/dist/components/KunListItem/examples/Default.vue.js +0 -39
  16. package/dist/components/KunListItem/examples/WithAction.vue.js +0 -104
  17. package/dist/components/KunListItem/examples/WithAvatar.vue.js +0 -71
  18. package/dist/components/KunListSubheader/examples/Default.vue.js +0 -49
  19. package/dist/components/KunSlider/examples/ExampleBasic.vue.js +0 -18
  20. package/dist/components/KunSlider/examples/ExampleCustomThumb.vue.js +0 -24
  21. package/dist/components/KunSlider/examples/ExampleRange.vue.js +0 -20
  22. package/dist/components/KunSlider/examples/ExampleVertical.vue.js +0 -23
  23. package/dist/components/KunTooltip/examples/Default.vue.js +0 -59
  24. package/dist/components/KunVirtualScroller/examples/Default.vue.js +0 -29
@@ -1,26 +0,0 @@
1
- import { createElementBlock as r, openBlock as a, createElementVNode as t, createVNode as o, withCtx as l, createTextVNode as n } from "vue";
2
- import s from "../src/components/KunCardText.vue.js";
3
- const d = { class: "p-4 space-y-4" }, i = {
4
- __name: "Default",
5
- setup(p) {
6
- return (m, e) => (a(), r("div", d, [
7
- e[1] || (e[1] = t("h3", null, "Ejemplo básico de KunCardText", -1)),
8
- o(s, {
9
- text: "Este es un texto estándar dentro de una tarjeta.",
10
- color: "text-gray-800",
11
- class: "mb-2"
12
- }),
13
- e[2] || (e[2] = t("h3", null, "Ejemplo con slot personalizado", -1)),
14
- o(s, { class: "text-blue-700" }, {
15
- default: l(() => e[0] || (e[0] = [
16
- n(" Este contenido se pasa a través del slot por defecto. ")
17
- ])),
18
- _: 1,
19
- __: [0]
20
- })
21
- ]));
22
- }
23
- };
24
- export {
25
- i as default
26
- };
@@ -1,41 +0,0 @@
1
- import { resolveComponent as d, createElementBlock as i, openBlock as s, createElementVNode as o, createVNode as t, withCtx as n, createTextVNode as u } from "vue";
2
- import l from "../src/components/KunCardTitle.vue.js";
3
- const p = { class: "p-4 space-y-4" }, f = {
4
- __name: "Default",
5
- setup(m) {
6
- return (c, e) => {
7
- const r = d("KunIcon");
8
- return s(), i("div", p, [
9
- e[2] || (e[2] = o("h3", null, "Ejemplo básico de KunCardTitle", -1)),
10
- t(l, {
11
- title: "Título Principal",
12
- subtitle: "Este es un subtítulo descriptivo",
13
- "bg-color": "bg-blue-100",
14
- "text-color": "text-blue-900",
15
- rounded: "md",
16
- prepend: "$mdi-account-circle",
17
- append: "$mdi-dots-vertical"
18
- }),
19
- e[3] || (e[3] = o("h3", null, "Ejemplo con slot personalizado", -1)),
20
- t(l, {
21
- "bg-color": "bg-green-100",
22
- rounded: "",
23
- dense: ""
24
- }, {
25
- prepend: n(() => [
26
- t(r, { icon: "$mdi-information" })
27
- ]),
28
- default: n(() => [
29
- e[0] || (e[0] = o("strong", null, "Contenido customizado", -1)),
30
- e[1] || (e[1] = u(" desde el slot "))
31
- ]),
32
- _: 1,
33
- __: [0, 1]
34
- })
35
- ]);
36
- };
37
- }
38
- };
39
- export {
40
- f as default
41
- };
@@ -1,52 +0,0 @@
1
- import { ref as l, createElementBlock as m, openBlock as v, createElementVNode as r, createVNode as b, toDisplayString as n, withCtx as g, normalizeStyle as x, createTextVNode as f } from "vue";
2
- import y from "../src/components/KunInfiniteScroll.vue.js";
3
- const h = { class: "p-4 space-y-6" }, _ = { class: "flex items-center gap-4" }, I = {
4
- __name: "Default",
5
- setup(k) {
6
- const u = l(""), o = l(!0), a = l(null), c = l([]), p = l(
7
- Array.from({ length: 200 }, (s, e) => ({
8
- id: e,
9
- label: `Elemento ${e}`
10
- }))
11
- );
12
- function d(s) {
13
- a.value = s;
14
- }
15
- return (s, e) => (v(), m("div", h, [
16
- r("div", _, [
17
- r("button", {
18
- class: "px-4 py-2 bg-green-600 text-white rounded hover:bg-green-700",
19
- onClick: e[0] || (e[0] = (t) => o.value = !o.value)
20
- }, " Toggle Virtual Scroll (" + n(o.value ? "ON" : "OFF") + ") ", 1),
21
- r("button", {
22
- class: "px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700",
23
- onClick: e[1] || (e[1] = (t) => d(50))
24
- }, " Scroll to Item #50 ")
25
- ]),
26
- b(y, {
27
- items: p.value,
28
- search: u.value,
29
- "searchable-keys": ["label"],
30
- "items-per-intersection": 20,
31
- enabled: !0,
32
- virtual: o.value,
33
- "scroll-to-index": a.value,
34
- "onUpdate:items": e[2] || (e[2] = (t) => c.value = t)
35
- }, {
36
- default: g(({ item: t, index: i }) => [
37
- r("div", {
38
- class: "border-b border-gray-200 py-2 px-4",
39
- style: x({ height: i % 2 === 0 ? "40px" : "60px" })
40
- }, [
41
- r("strong", null, "#" + n(i), 1),
42
- f(" — " + n(t.label), 1)
43
- ], 4)
44
- ]),
45
- _: 1
46
- }, 8, ["items", "search", "virtual", "scroll-to-index"])
47
- ]));
48
- }
49
- };
50
- export {
51
- I as default
52
- };
@@ -1,46 +0,0 @@
1
- import { ref as n, createElementBlock as r, openBlock as u, createVNode as t, createElementVNode as _, withCtx as l, createTextVNode as s, toDisplayString as d } from "vue";
2
- import f from "../src/components/KunList.vue.js";
3
- import a from "../../KunListItem/src/components/KunListItem.vue.js";
4
- const i = { class: "p-4 max-w-md" }, p = { class: "mt-4" }, N = {
5
- __name: "Default",
6
- setup(v) {
7
- const o = n([]);
8
- return (c, e) => (u(), r("div", i, [
9
- t(f, {
10
- "selected-values": o.value,
11
- "onUpdate:selectedValues": e[0] || (e[0] = (m) => o.value = m),
12
- selectable: "multiple",
13
- nav: ""
14
- }, {
15
- default: l(() => [
16
- t(a, { value: "1" }, {
17
- default: l(() => e[1] || (e[1] = [
18
- s("Elemento 1")
19
- ])),
20
- _: 1,
21
- __: [1]
22
- }),
23
- t(a, { value: "2" }, {
24
- default: l(() => e[2] || (e[2] = [
25
- s("Elemento 2")
26
- ])),
27
- _: 1,
28
- __: [2]
29
- }),
30
- t(a, { value: "3" }, {
31
- default: l(() => e[3] || (e[3] = [
32
- s("Elemento 3")
33
- ])),
34
- _: 1,
35
- __: [3]
36
- })
37
- ]),
38
- _: 1
39
- }, 8, ["selected-values"]),
40
- _("pre", p, d(o.value), 1)
41
- ]));
42
- }
43
- };
44
- export {
45
- N as default
46
- };
@@ -1,72 +0,0 @@
1
- import { createBlock as a, openBlock as u, withCtx as e, createVNode as l, createTextVNode as r, createElementVNode as s } from "vue";
2
- import n from "../src/components/KunList.vue.js";
3
- import i from "../../KunListGroup/src/components/KunListGroup.vue.js";
4
- import o from "../../KunListItem/src/components/KunListItem.vue.js";
5
- const c = {
6
- __name: "WhiteGroups",
7
- setup(f) {
8
- return (m, t) => (u(), a(n, { selectable: "multiple" }, {
9
- default: e(() => [
10
- l(i, { title: "Usuarios" }, {
11
- activator: e(() => t[0] || (t[0] = [
12
- s("span", { class: "flex items-center gap-2" }, [
13
- s("svg", null, "👥"),
14
- r(" Usuarios del sistema ")
15
- ], -1)
16
- ])),
17
- default: e(() => [
18
- l(o, { value: "admin" }, {
19
- default: e(() => t[1] || (t[1] = [
20
- r("Administrador")
21
- ])),
22
- _: 1,
23
- __: [1]
24
- }),
25
- l(o, { value: "editor" }, {
26
- default: e(() => t[2] || (t[2] = [
27
- r("Editor")
28
- ])),
29
- _: 1,
30
- __: [2]
31
- })
32
- ]),
33
- _: 1
34
- }),
35
- l(i, {
36
- title: "Preferencias",
37
- open: ""
38
- }, {
39
- default: e(() => [
40
- l(o, null, {
41
- default: e(() => [
42
- l(o, null, {
43
- default: e(() => t[3] || (t[3] = [
44
- r("Modo oscuro")
45
- ])),
46
- _: 1,
47
- __: [3]
48
- }),
49
- l(o, null, {
50
- default: e(() => t[4] || (t[4] = [
51
- s("input", {
52
- type: "checkbox",
53
- class: "form-switch"
54
- }, null, -1)
55
- ])),
56
- _: 1,
57
- __: [4]
58
- })
59
- ]),
60
- _: 1
61
- })
62
- ]),
63
- _: 1
64
- })
65
- ]),
66
- _: 1
67
- }));
68
- }
69
- };
70
- export {
71
- c as default
72
- };
@@ -1,67 +0,0 @@
1
- import { createElementBlock as r, openBlock as u, createElementVNode as i, createVNode as e, withCtx as l, createTextVNode as o } from "vue";
2
- import n from "../src/components/KunListGroup.vue.js";
3
- import s from "../../KunListItem/src/components/KunListItem.vue.js";
4
- const d = { class: "p-4 max-w-md" }, a = { class: "space-y-2" }, N = {
5
- __name: "Default",
6
- setup(f) {
7
- return (_, t) => (u(), r("div", d, [
8
- t[6] || (t[6] = i("h2", { class: "text-lg font-semibold mb-2" }, "Grupos de Lista:", -1)),
9
- i("ul", a, [
10
- e(n, { title: "Usuarios" }, {
11
- activator: l(() => t[0] || (t[0] = [
12
- i("span", null, "Usuarios del sistema", -1)
13
- ])),
14
- default: l(() => [
15
- e(s, null, {
16
- default: l(() => t[1] || (t[1] = [
17
- o("Admin")
18
- ])),
19
- _: 1,
20
- __: [1]
21
- }),
22
- e(s, null, {
23
- default: l(() => t[2] || (t[2] = [
24
- o("Editor")
25
- ])),
26
- _: 1,
27
- __: [2]
28
- }),
29
- e(s, null, {
30
- default: l(() => t[3] || (t[3] = [
31
- o("Lector")
32
- ])),
33
- _: 1,
34
- __: [3]
35
- })
36
- ]),
37
- _: 1
38
- }),
39
- e(n, {
40
- title: "Configuración",
41
- open: ""
42
- }, {
43
- default: l(() => [
44
- e(s, null, {
45
- default: l(() => t[4] || (t[4] = [
46
- o("Perfil")
47
- ])),
48
- _: 1,
49
- __: [4]
50
- }),
51
- e(s, null, {
52
- default: l(() => t[5] || (t[5] = [
53
- o("Notificaciones")
54
- ])),
55
- _: 1,
56
- __: [5]
57
- })
58
- ]),
59
- _: 1
60
- })
61
- ])
62
- ]));
63
- }
64
- };
65
- export {
66
- N as default
67
- };
@@ -1,31 +0,0 @@
1
- import { createElementBlock as o, openBlock as n, createElementVNode as t, createVNode as e } from "vue";
2
- import l from "../src/components/KunListImg.vue.js";
3
- const a = { class: "p-4 max-w-md" }, i = { class: "space-y-2" }, r = { class: "flex items-center gap-3" }, m = { class: "flex items-center gap-3" }, _ = {
4
- __name: "Default",
5
- setup(p) {
6
- return (c, s) => (n(), o("div", a, [
7
- s[2] || (s[2] = t("h2", { class: "text-lg font-semibold mb-2" }, "Imágenes en lista:", -1)),
8
- t("ul", i, [
9
- t("li", r, [
10
- e(l, {
11
- src: "https://picsum.photos/id/1025/200/200 ",
12
- alt: "Usuario 1",
13
- class: "w-8 h-8 rounded-full"
14
- }),
15
- s[0] || (s[0] = t("span", null, "Juan Pérez", -1))
16
- ]),
17
- t("li", m, [
18
- e(l, {
19
- src: "https://picsum.photos/id/1062/200/200 ",
20
- alt: "Usuario 2",
21
- class: "w-8 h-8"
22
- }),
23
- s[1] || (s[1] = t("span", null, "Ana Gómez", -1))
24
- ])
25
- ])
26
- ]));
27
- }
28
- };
29
- export {
30
- _ as default
31
- };
@@ -1,39 +0,0 @@
1
- import { createElementBlock as n, openBlock as i, createElementVNode as a, createVNode as t, withCtx as o, createTextVNode as s } from "vue";
2
- import l from "../src/components/KunListItem.vue.js";
3
- const d = { class: "p-4 max-w-md" }, m = { class: "space-y-1" }, p = {
4
- __name: "Default",
5
- setup(r) {
6
- return (_, e) => (i(), n("div", d, [
7
- e[3] || (e[3] = a("h2", { class: "text-lg font-semibold mb-2" }, "Lista básica:", -1)),
8
- a("ul", m, [
9
- t(l, null, {
10
- default: o(() => e[0] || (e[0] = [
11
- s("Elemento 1")
12
- ])),
13
- _: 1,
14
- __: [0]
15
- }),
16
- t(l, {
17
- active: "",
18
- "active-class": "bg-green-100 text-green-600"
19
- }, {
20
- default: o(() => e[1] || (e[1] = [
21
- s("Elemento activo")
22
- ])),
23
- _: 1,
24
- __: [1]
25
- }),
26
- t(l, { disabled: "" }, {
27
- default: o(() => e[2] || (e[2] = [
28
- s("Elemento deshabilitado")
29
- ])),
30
- _: 1,
31
- __: [2]
32
- })
33
- ])
34
- ]));
35
- }
36
- };
37
- export {
38
- p as default
39
- };
@@ -1,104 +0,0 @@
1
- import { createElementBlock as i, openBlock as d, createElementVNode as l, createVNode as o, withCtx as e, createTextVNode as n } from "vue";
2
- import r from "../src/components/KunListItem.vue.js";
3
- import s from "../../KunListItemText/src/components/KunListItemText.vue.js";
4
- import m from "../../KunListItemAvatar/src/components/KunListItemAvatar.vue.js";
5
- import u from "../../KunListItemAction/src/components/KunListItemAction.vue.js";
6
- const a = { class: "p-4 max-w-md" }, _ = { class: "space-y-2" }, v = {
7
- __name: "WithAction",
8
- setup(f) {
9
- return (p, t) => (d(), i("div", a, [
10
- t[6] || (t[6] = l("h2", { class: "text-lg font-semibold mb-2" }, "Items con acciones:", -1)),
11
- l("ul", _, [
12
- o(r, null, {
13
- default: e(() => [
14
- o(s, null, {
15
- default: e(() => t[0] || (t[0] = [
16
- n("Notificación por correo")
17
- ])),
18
- _: 1,
19
- __: [0]
20
- }),
21
- o(u, null, {
22
- default: e(() => t[1] || (t[1] = [
23
- l("input", {
24
- type: "checkbox",
25
- checked: "",
26
- class: "form-checkbox text-blue-600"
27
- }, null, -1)
28
- ])),
29
- _: 1,
30
- __: [1]
31
- })
32
- ]),
33
- _: 1
34
- }),
35
- o(r, null, {
36
- default: e(() => [
37
- o(s, null, {
38
- default: e(() => t[2] || (t[2] = [
39
- n("Modo oscuro")
40
- ])),
41
- _: 1,
42
- __: [2]
43
- }),
44
- o(u, null, {
45
- default: e(() => t[3] || (t[3] = [
46
- l("input", {
47
- type: "checkbox",
48
- class: "form-switch text-blue-600"
49
- }, null, -1)
50
- ])),
51
- _: 1,
52
- __: [3]
53
- })
54
- ]),
55
- _: 1
56
- }),
57
- o(r, null, {
58
- default: e(() => [
59
- o(m, { text: "JD" }),
60
- o(s, null, {
61
- default: e(() => t[4] || (t[4] = [
62
- n("John Doe")
63
- ])),
64
- _: 1,
65
- __: [4]
66
- }),
67
- o(u, null, {
68
- default: e(() => t[5] || (t[5] = [
69
- l("button", { class: "text-blue-500 hover:text-blue-700" }, [
70
- l("svg", {
71
- xmlns: "http://www.w3.org/2000/svg",
72
- class: "h-5 w-5",
73
- fill: "none",
74
- viewBox: "0 0 24 24",
75
- stroke: "currentColor"
76
- }, [
77
- l("path", {
78
- "stroke-linecap": "round",
79
- "stroke-linejoin": "round",
80
- "stroke-width": "2",
81
- d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
82
- }),
83
- l("path", {
84
- "stroke-linecap": "round",
85
- "stroke-linejoin": "round",
86
- "stroke-width": "2",
87
- d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
88
- })
89
- ])
90
- ], -1)
91
- ])),
92
- _: 1,
93
- __: [5]
94
- })
95
- ]),
96
- _: 1
97
- })
98
- ])
99
- ]));
100
- }
101
- };
102
- export {
103
- v as default
104
- };
@@ -1,71 +0,0 @@
1
- import { createElementBlock as u, openBlock as i, createElementVNode as o, createVNode as l, withCtx as e, createTextVNode as a } from "vue";
2
- import r from "../src/components/KunListItem.vue.js";
3
- import s from "../../KunListItemText/src/components/KunListItemText.vue.js";
4
- import m from "../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
5
- import n from "../../KunListItemAvatar/src/components/KunListItemAvatar.vue.js";
6
- const _ = { class: "p-4 max-w-md" }, f = { class: "space-y-2" }, g = {
7
- __name: "WithAvatar",
8
- setup(d) {
9
- return (p, t) => (i(), u("div", _, [
10
- t[5] || (t[5] = o("h2", { class: "text-lg font-semibold mb-2" }, "Items con avatar:", -1)),
11
- o("ul", f, [
12
- l(r, null, {
13
- default: e(() => [
14
- l(n, { text: "JD" }),
15
- l(s, null, {
16
- default: e(() => t[0] || (t[0] = [
17
- a("John Doe")
18
- ])),
19
- _: 1,
20
- __: [0]
21
- }),
22
- l(m, null, {
23
- default: e(() => t[1] || (t[1] = [
24
- a("Administrador")
25
- ])),
26
- _: 1,
27
- __: [1]
28
- })
29
- ]),
30
- _: 1
31
- }),
32
- l(r, {
33
- active: "",
34
- "active-class": "bg-blue-100 text-blue-600"
35
- }, {
36
- default: e(() => [
37
- l(n, null, {
38
- default: e(() => t[2] || (t[2] = [
39
- o("img", {
40
- src: "https://i.pravatar.cc/40 ",
41
- alt: "Avatar",
42
- class: "w-full h-full object-cover"
43
- }, null, -1)
44
- ])),
45
- _: 1,
46
- __: [2]
47
- }),
48
- l(s, null, {
49
- default: e(() => t[3] || (t[3] = [
50
- a("Jane Smith")
51
- ])),
52
- _: 1,
53
- __: [3]
54
- }),
55
- l(m, null, {
56
- default: e(() => t[4] || (t[4] = [
57
- a("Desarrollador")
58
- ])),
59
- _: 1,
60
- __: [4]
61
- })
62
- ]),
63
- _: 1
64
- })
65
- ])
66
- ]));
67
- }
68
- };
69
- export {
70
- g as default
71
- };
@@ -1,49 +0,0 @@
1
- import { createElementBlock as a, openBlock as u, createElementVNode as r, createVNode as e, withCtx as o, createTextVNode as s } from "vue";
2
- import n from "../src/components/KunListSubheader.vue.js";
3
- import l from "../../KunListItem/src/components/KunListItem.vue.js";
4
- const d = { class: "p-4 max-w-md" }, i = { class: "space-y-2 bg-white dark:bg-gray-800 rounded-md shadow-sm p-2" }, b = {
5
- __name: "Default",
6
- setup(m) {
7
- return (_, t) => (u(), a("div", d, [
8
- t[4] || (t[4] = r("h2", { class: "text-lg font-semibold mb-2" }, "Lista con Subheaders:", -1)),
9
- r("ul", i, [
10
- e(n, { text: "Usuarios" }),
11
- e(l, null, {
12
- default: o(() => t[0] || (t[0] = [
13
- s("Juan Pérez")
14
- ])),
15
- _: 1,
16
- __: [0]
17
- }),
18
- e(l, null, {
19
- default: o(() => t[1] || (t[1] = [
20
- s("Ana Gómez")
21
- ])),
22
- _: 1,
23
- __: [1]
24
- }),
25
- e(n, {
26
- text: "Configuraciones",
27
- class: "text-blue-600 dark:text-blue-400"
28
- }),
29
- e(l, null, {
30
- default: o(() => t[2] || (t[2] = [
31
- s("Perfil")
32
- ])),
33
- _: 1,
34
- __: [2]
35
- }),
36
- e(l, null, {
37
- default: o(() => t[3] || (t[3] = [
38
- s("Notificaciones")
39
- ])),
40
- _: 1,
41
- __: [3]
42
- })
43
- ])
44
- ]));
45
- }
46
- };
47
- export {
48
- b as default
49
- };
@@ -1,18 +0,0 @@
1
- import { ref as a, createBlock as r, openBlock as m } from "vue";
2
- import t from "../src/components/KunSlider.vue.js";
3
- const c = {
4
- __name: "ExampleBasic",
5
- setup(u) {
6
- const e = a(50);
7
- return (n, l) => (m(), r(t, {
8
- modelValue: e.value,
9
- "onUpdate:modelValue": l[0] || (l[0] = (o) => e.value = o),
10
- min: 0,
11
- max: 100,
12
- label: "Básico"
13
- }, null, 8, ["modelValue"]));
14
- }
15
- };
16
- export {
17
- c as default
18
- };
@@ -1,24 +0,0 @@
1
- import { ref as r, createBlock as a, openBlock as u, withCtx as n, createElementVNode as m, normalizeStyle as s, toDisplayString as i } from "vue";
2
- import p from "../src/components/KunSlider.vue.js";
3
- const b = {
4
- __name: "ExampleCustomThumb",
5
- setup(d) {
6
- const t = r(42);
7
- return (c, l) => (u(), a(p, {
8
- modelValue: t.value,
9
- "onUpdate:modelValue": l[0] || (l[0] = (e) => t.value = e),
10
- label: "Con Thumb personalizado"
11
- }, {
12
- thumb: n(({ value: e, style: o }) => [
13
- m("div", {
14
- class: "absolute z-40 w-6 h-6 flex items-center justify-center rounded-full bg-purple-600 text-white text-xs font-bold",
15
- style: s(o)
16
- }, " 🔥" + i(e), 5)
17
- ]),
18
- _: 1
19
- }, 8, ["modelValue"]));
20
- }
21
- };
22
- export {
23
- b as default
24
- };
@@ -1,20 +0,0 @@
1
- import { ref as o, createBlock as r, openBlock as n } from "vue";
2
- import t from "../src/components/KunSlider.vue.js";
3
- const d = {
4
- __name: "ExampleRange",
5
- setup(u) {
6
- const e = o([20, 80]);
7
- return (m, a) => (n(), r(t, {
8
- modelValue: e.value,
9
- "onUpdate:modelValue": a[0] || (a[0] = (l) => e.value = l),
10
- min: 0,
11
- max: 100,
12
- step: 5,
13
- range: !0,
14
- label: "Rango de valores"
15
- }, null, 8, ["modelValue"]));
16
- }
17
- };
18
- export {
19
- d as default
20
- };