adverich-kun-ui 0.1.321 → 0.1.323

package/dist/components/KunCheckbox/src/composables/useValidation.js

@@ -0,0 +1,31 @@
+import { ref as f, watch as d } from "vue";
+function h(t, o) {
+  const i = f(!0), u = f([]);
+  function c(e) {
+    const a = t.rules || [], n = [];
+    for (const s of a)
+      if (typeof s == "function") {
+        const l = s(e);
+        typeof l == "string" ? n.push(l) : l === !1 && n.push("Campo inválido");
+      } else typeof s == "string" ? n.push(s) : s === !1 && n.push("Campo inválido");
+    return n;
+  }
+  const r = () => {
+    const e = t.validationValue !== void 0 ? t.validationValue : o.value, a = c(e);
+    return u.value = a, i.value = a.length === 0, i.value;
+  }, v = () => {
+    u.value = [], i.value = !0;
+  };
+  return d(o, () => {
+    var e;
+    (t.validateOn === "input" || (e = t.validateOn) != null && e.includes("input")) && r();
+  }), {
+    errorMessages: u,
+    isValid: i,
+    validate: r,
+    resetValidation: v
+  };
+}
+export {
+  h as useValidation
+};

package/dist/components/KunDialog/src/components/KunDialog.vue.js

@@ -1,114 +1,4 @@
-import { defineComponent as x, watch as C, onMounted as f, onBeforeUnmount as S, onUnmounted as k, createBlock as m, openBlock as a, Teleport as P, createVNode as o, Transition as u, withCtx as n, createElementBlock as B, createCommentVNode as h, mergeProps as V, renderSlot as E } from "vue";
-import H from "./KunDialogOverlay.vue.js";
-import W from "./KunDialogContent.vue.js";
-const $ = "fixed inset-0 z-250 flex", T = /* @__PURE__ */ x({
-  __name: "KunDialog",
-  props: {
-    modelValue: Boolean,
-    overlay: { type: Boolean, default: !0 },
-    fullscreen: { type: Boolean, default: !1 },
-    scrollable: { type: Boolean, default: !1 },
-    persistent: { type: Boolean, default: !1 },
-    dialogClass: { type: String, default: "" },
-    xPosition: {
-      type: String,
-      default: "center",
-      // 'start' | 'center' | 'end'
-      validator: (e) => ["start", "center", "end"].includes(e)
-    },
-    yPosition: {
-      type: String,
-      default: "center",
-      // 'start' | 'center' | 'end'
-      validator: (e) => ["top", "center", "bottom"].includes(e)
-    },
-    contentClass: { type: String, default: "" },
-    bgColor: { type: String, default: "bg-slate-100 dark:bg-slate-900" },
-    minHeight: { type: String, default: "h-fit" },
-    height: { type: String, default: "h-fit" },
-    maxHeight: { type: String, default: "max-h-[100vh]" },
-    minWidth: { type: String, default: "min-w-1/3" },
-    width: { type: String, default: "w-full" },
-    maxWidth: { type: String, default: "max-w-full" }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: y }) {
-    const t = e, i = y, g = "justify-" + t.xPosition, p = "items-" + t.yPosition, w = t.yPosition === "top" ? "pt-15" : t.yPosition === "bottom" ? "pb-15" : "", b = [$, t.dialogClass, g, p, w], s = () => {
-      t.persistent || i("update:modelValue", !1);
-    }, v = () => {
-      s();
-    }, r = () => {
-      document.body.style.overflow = "hidden";
-    }, d = () => {
-      document.body.style.overflow = "";
-    };
-    C(() => t.modelValue, (l) => {
-      l && !t.fullscreen ? r() : d();
-    }), f(() => {
-      t.modelValue && !t.fullscreen && r();
-    }), S(() => {
-      d();
-    });
-    function c(l) {
-      l.stopPropagation(), l.key === "Escape" && (t.persistent || i("update:modelValue", !1));
-    }
-    return f(() => {
-      window.addEventListener("keydown", c);
-    }), k(() => {
-      window.removeEventListener("keydown", c);
-    }), (l, D) => (a(), m(P, { to: "body" }, [
-      o(u, {
-        name: "fade",
-        appear: ""
-      }, {
-        default: n(() => [
-          e.modelValue ? (a(), B("div", V({
-            key: 0,
-            class: b
-          }, l.$attrs), [
-            e.overlay ? (a(), m(H, {
-              key: 0,
-              persistent: e.persistent,
-              onClick: v
-            }, null, 8, ["persistent"])) : h("", !0),
-            o(u, {
-              name: "scale",
-              "enter-active-class": "transition transform ease-out duration-300",
-              "enter-from-class": "opacity-0 scale-95",
-              "enter-to-class": "opacity-100 scale-100",
-              "leave-active-class": "transition transform ease-in duration-200",
-              "leave-from-class": "opacity-100 scale-100",
-              "leave-to-class": "opacity-0 scale-95"
-            }, {
-              default: n(() => [
-                o(W, {
-                  fullscreen: e.fullscreen,
-                  scrollable: e.scrollable,
-                  "min-width": e.minWidth,
-                  width: e.width,
-                  "max-width": e.maxWidth,
-                  "min-height": e.minHeight,
-                  height: e.height,
-                  "max-height": e.maxHeight,
-                  "bg-color": e.bgColor,
-                  "content-class": e.contentClass,
-                  onClose: s
-                }, {
-                  default: n(() => [
-                    E(l.$slots, "default")
-                  ]),
-                  _: 3
-                }, 8, ["fullscreen", "scrollable", "min-width", "width", "max-width", "min-height", "height", "max-height", "bg-color", "content-class"])
-              ]),
-              _: 3
-            })
-          ], 16)) : h("", !0)
-        ]),
-        _: 3
-      })
-    ]));
-  }
-});
+import f from "./KunDialog.vue2.js";
 export {
-  T as default
+  f as default
 };

package/dist/components/KunDialog/src/components/KunDialog.vue2.js

@@ -1,4 +1,114 @@
-import f from "./KunDialog.vue.js";
+import { defineComponent as x, watch as C, onMounted as f, onBeforeUnmount as S, onUnmounted as k, createBlock as m, openBlock as a, Teleport as P, createVNode as o, Transition as u, withCtx as n, createElementBlock as B, createCommentVNode as h, mergeProps as V, renderSlot as E } from "vue";
+import H from "./KunDialogOverlay.vue2.js";
+import W from "./KunDialogContent.vue.js";
+const $ = "fixed inset-0 z-250 flex", T = /* @__PURE__ */ x({
+  __name: "KunDialog",
+  props: {
+    modelValue: Boolean,
+    overlay: { type: Boolean, default: !0 },
+    fullscreen: { type: Boolean, default: !1 },
+    scrollable: { type: Boolean, default: !1 },
+    persistent: { type: Boolean, default: !1 },
+    dialogClass: { type: String, default: "" },
+    xPosition: {
+      type: String,
+      default: "center",
+      // 'start' | 'center' | 'end'
+      validator: (e) => ["start", "center", "end"].includes(e)
+    },
+    yPosition: {
+      type: String,
+      default: "center",
+      // 'start' | 'center' | 'end'
+      validator: (e) => ["top", "center", "bottom"].includes(e)
+    },
+    contentClass: { type: String, default: "" },
+    bgColor: { type: String, default: "bg-slate-100 dark:bg-slate-900" },
+    minHeight: { type: String, default: "h-fit" },
+    height: { type: String, default: "h-fit" },
+    maxHeight: { type: String, default: "max-h-[100vh]" },
+    minWidth: { type: String, default: "min-w-1/3" },
+    width: { type: String, default: "w-full" },
+    maxWidth: { type: String, default: "max-w-full" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: y }) {
+    const t = e, i = y, g = "justify-" + t.xPosition, p = "items-" + t.yPosition, w = t.yPosition === "top" ? "pt-15" : t.yPosition === "bottom" ? "pb-15" : "", b = [$, t.dialogClass, g, p, w], s = () => {
+      t.persistent || i("update:modelValue", !1);
+    }, v = () => {
+      s();
+    }, r = () => {
+      document.body.style.overflow = "hidden";
+    }, d = () => {
+      document.body.style.overflow = "";
+    };
+    C(() => t.modelValue, (l) => {
+      l && !t.fullscreen ? r() : d();
+    }), f(() => {
+      t.modelValue && !t.fullscreen && r();
+    }), S(() => {
+      d();
+    });
+    function c(l) {
+      l.stopPropagation(), l.key === "Escape" && (t.persistent || i("update:modelValue", !1));
+    }
+    return f(() => {
+      window.addEventListener("keydown", c);
+    }), k(() => {
+      window.removeEventListener("keydown", c);
+    }), (l, D) => (a(), m(P, { to: "body" }, [
+      o(u, {
+        name: "fade",
+        appear: ""
+      }, {
+        default: n(() => [
+          e.modelValue ? (a(), B("div", V({
+            key: 0,
+            class: b
+          }, l.$attrs), [
+            e.overlay ? (a(), m(H, {
+              key: 0,
+              persistent: e.persistent,
+              onClick: v
+            }, null, 8, ["persistent"])) : h("", !0),
+            o(u, {
+              name: "scale",
+              "enter-active-class": "transition transform ease-out duration-300",
+              "enter-from-class": "opacity-0 scale-95",
+              "enter-to-class": "opacity-100 scale-100",
+              "leave-active-class": "transition transform ease-in duration-200",
+              "leave-from-class": "opacity-100 scale-100",
+              "leave-to-class": "opacity-0 scale-95"
+            }, {
+              default: n(() => [
+                o(W, {
+                  fullscreen: e.fullscreen,
+                  scrollable: e.scrollable,
+                  "min-width": e.minWidth,
+                  width: e.width,
+                  "max-width": e.maxWidth,
+                  "min-height": e.minHeight,
+                  height: e.height,
+                  "max-height": e.maxHeight,
+                  "bg-color": e.bgColor,
+                  "content-class": e.contentClass,
+                  onClose: s
+                }, {
+                  default: n(() => [
+                    E(l.$slots, "default")
+                  ]),
+                  _: 3
+                }, 8, ["fullscreen", "scrollable", "min-width", "width", "max-width", "min-height", "height", "max-height", "bg-color", "content-class"])
+              ]),
+              _: 3
+            })
+          ], 16)) : h("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+});
 export {
-  f as default
+  T as default
 };

package/dist/components/KunDialog/src/components/KunDialogOverlay.vue.js

@@ -1,20 +1,4 @@
-import { defineComponent as c, createElementBlock as s, openBlock as r } from "vue";
-const m = /* @__PURE__ */ c({
-  __name: "KunDialogOverlay",
-  props: {
-    persistent: Boolean
-  },
-  emits: ["click"],
-  setup(e, { emit: t }) {
-    const n = e, o = t, i = () => {
-      n.persistent || o("click");
-    };
-    return (a, l) => (r(), s("div", {
-      class: "fixed inset-0 bg-black/50 transition-opacity duration-300",
-      onClick: i
-    }));
-  }
-});
+import f from "./KunDialogOverlay.vue2.js";
 export {
-  m as default
+  f as default
 };

package/dist/components/KunDialog/src/components/KunDialogOverlay.vue2.js

@@ -1,4 +1,20 @@
-import f from "./KunDialogOverlay.vue.js";
+import { defineComponent as c, createElementBlock as s, openBlock as r } from "vue";
+const m = /* @__PURE__ */ c({
+  __name: "KunDialogOverlay",
+  props: {
+    persistent: Boolean
+  },
+  emits: ["click"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, i = () => {
+      n.persistent || o("click");
+    };
+    return (a, l) => (r(), s("div", {
+      class: "fixed inset-0 bg-black/50 transition-opacity duration-300",
+      onClick: i
+    }));
+  }
+});
 export {
-  f as default
+  m as default
 };

package/dist/components/KunInfiniteScroll/examples/Default.vue.js

@@ -0,0 +1,52 @@
+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";
+import y from "../src/components/KunInfiniteScroll.vue.js";
+const h = { class: "p-4 space-y-6" }, _ = { class: "flex items-center gap-4" }, I = {
+  __name: "Default",
+  setup(k) {
+    const u = l(""), o = l(!0), a = l(null), c = l([]), p = l(
+      Array.from({ length: 200 }, (s, e) => ({
+        id: e,
+        label: `Elemento ${e}`
+      }))
+    );
+    function d(s) {
+      a.value = s;
+    }
+    return (s, e) => (v(), m("div", h, [
+      r("div", _, [
+        r("button", {
+          class: "px-4 py-2 bg-green-600 text-white rounded hover:bg-green-700",
+          onClick: e[0] || (e[0] = (t) => o.value = !o.value)
+        }, " Toggle Virtual Scroll (" + n(o.value ? "ON" : "OFF") + ") ", 1),
+        r("button", {
+          class: "px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700",
+          onClick: e[1] || (e[1] = (t) => d(50))
+        }, " Scroll to Item #50 ")
+      ]),
+      b(y, {
+        items: p.value,
+        search: u.value,
+        "searchable-keys": ["label"],
+        "items-per-intersection": 20,
+        enabled: !0,
+        virtual: o.value,
+        "scroll-to-index": a.value,
+        "onUpdate:items": e[2] || (e[2] = (t) => c.value = t)
+      }, {
+        default: g(({ item: t, index: i }) => [
+          r("div", {
+            class: "border-b border-gray-200 py-2 px-4",
+            style: x({ height: i % 2 === 0 ? "40px" : "60px" })
+          }, [
+            r("strong", null, "#" + n(i), 1),
+            f(" — " + n(t.label), 1)
+          ], 4)
+        ]),
+        _: 1
+      }, 8, ["items", "search", "virtual", "scroll-to-index"])
+    ]));
+  }
+};
+export {
+  I as default
+};

package/dist/components/KunList/examples/Default.vue.js

@@ -0,0 +1,46 @@
+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";
+import f from "../src/components/KunList.vue.js";
+import a from "../../KunListItem/src/components/KunListItem.vue.js";
+const i = { class: "p-4 max-w-md" }, p = { class: "mt-4" }, N = {
+  __name: "Default",
+  setup(v) {
+    const o = n([]);
+    return (c, e) => (u(), r("div", i, [
+      t(f, {
+        "selected-values": o.value,
+        "onUpdate:selectedValues": e[0] || (e[0] = (m) => o.value = m),
+        selectable: "multiple",
+        nav: ""
+      }, {
+        default: l(() => [
+          t(a, { value: "1" }, {
+            default: l(() => e[1] || (e[1] = [
+              s("Elemento 1")
+            ])),
+            _: 1,
+            __: [1]
+          }),
+          t(a, { value: "2" }, {
+            default: l(() => e[2] || (e[2] = [
+              s("Elemento 2")
+            ])),
+            _: 1,
+            __: [2]
+          }),
+          t(a, { value: "3" }, {
+            default: l(() => e[3] || (e[3] = [
+              s("Elemento 3")
+            ])),
+            _: 1,
+            __: [3]
+          })
+        ]),
+        _: 1
+      }, 8, ["selected-values"]),
+      _("pre", p, d(o.value), 1)
+    ]));
+  }
+};
+export {
+  N as default
+};

package/dist/components/KunList/examples/WhiteGroups.vue.js

@@ -0,0 +1,72 @@
+import { createBlock as a, openBlock as u, withCtx as e, createVNode as l, createTextVNode as r, createElementVNode as s } from "vue";
+import n from "../src/components/KunList.vue.js";
+import i from "../../KunListGroup/src/components/KunListGroup.vue.js";
+import o from "../../KunListItem/src/components/KunListItem.vue.js";
+const c = {
+  __name: "WhiteGroups",
+  setup(f) {
+    return (m, t) => (u(), a(n, { selectable: "multiple" }, {
+      default: e(() => [
+        l(i, { title: "Usuarios" }, {
+          activator: e(() => t[0] || (t[0] = [
+            s("span", { class: "flex items-center gap-2" }, [
+              s("svg", null, "👥"),
+              r(" Usuarios del sistema ")
+            ], -1)
+          ])),
+          default: e(() => [
+            l(o, { value: "admin" }, {
+              default: e(() => t[1] || (t[1] = [
+                r("Administrador")
+              ])),
+              _: 1,
+              __: [1]
+            }),
+            l(o, { value: "editor" }, {
+              default: e(() => t[2] || (t[2] = [
+                r("Editor")
+              ])),
+              _: 1,
+              __: [2]
+            })
+          ]),
+          _: 1
+        }),
+        l(i, {
+          title: "Preferencias",
+          open: ""
+        }, {
+          default: e(() => [
+            l(o, null, {
+              default: e(() => [
+                l(o, null, {
+                  default: e(() => t[3] || (t[3] = [
+                    r("Modo oscuro")
+                  ])),
+                  _: 1,
+                  __: [3]
+                }),
+                l(o, null, {
+                  default: e(() => t[4] || (t[4] = [
+                    s("input", {
+                      type: "checkbox",
+                      class: "form-switch"
+                    }, null, -1)
+                  ])),
+                  _: 1,
+                  __: [4]
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+};
+export {
+  c as default
+};

package/dist/components/KunListGroup/examples/Default.vue.js

@@ -0,0 +1,67 @@
+import { createElementBlock as r, openBlock as u, createElementVNode as i, createVNode as e, withCtx as l, createTextVNode as o } from "vue";
+import n from "../src/components/KunListGroup.vue.js";
+import s from "../../KunListItem/src/components/KunListItem.vue.js";
+const d = { class: "p-4 max-w-md" }, a = { class: "space-y-2" }, N = {
+  __name: "Default",
+  setup(f) {
+    return (_, t) => (u(), r("div", d, [
+      t[6] || (t[6] = i("h2", { class: "text-lg font-semibold mb-2" }, "Grupos de Lista:", -1)),
+      i("ul", a, [
+        e(n, { title: "Usuarios" }, {
+          activator: l(() => t[0] || (t[0] = [
+            i("span", null, "Usuarios del sistema", -1)
+          ])),
+          default: l(() => [
+            e(s, null, {
+              default: l(() => t[1] || (t[1] = [
+                o("Admin")
+              ])),
+              _: 1,
+              __: [1]
+            }),
+            e(s, null, {
+              default: l(() => t[2] || (t[2] = [
+                o("Editor")
+              ])),
+              _: 1,
+              __: [2]
+            }),
+            e(s, null, {
+              default: l(() => t[3] || (t[3] = [
+                o("Lector")
+              ])),
+              _: 1,
+              __: [3]
+            })
+          ]),
+          _: 1
+        }),
+        e(n, {
+          title: "Configuración",
+          open: ""
+        }, {
+          default: l(() => [
+            e(s, null, {
+              default: l(() => t[4] || (t[4] = [
+                o("Perfil")
+              ])),
+              _: 1,
+              __: [4]
+            }),
+            e(s, null, {
+              default: l(() => t[5] || (t[5] = [
+                o("Notificaciones")
+              ])),
+              _: 1,
+              __: [5]
+            })
+          ]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+};
+export {
+  N as default
+};

package/dist/components/KunListImg/examples/Default.vue.js

@@ -0,0 +1,31 @@
+import { createElementBlock as o, openBlock as n, createElementVNode as t, createVNode as e } from "vue";
+import l from "../src/components/KunListImg.vue.js";
+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" }, _ = {
+  __name: "Default",
+  setup(p) {
+    return (c, s) => (n(), o("div", a, [
+      s[2] || (s[2] = t("h2", { class: "text-lg font-semibold mb-2" }, "Imágenes en lista:", -1)),
+      t("ul", i, [
+        t("li", r, [
+          e(l, {
+            src: "https://picsum.photos/id/1025/200/200 ",
+            alt: "Usuario 1",
+            class: "w-8 h-8 rounded-full"
+          }),
+          s[0] || (s[0] = t("span", null, "Juan Pérez", -1))
+        ]),
+        t("li", m, [
+          e(l, {
+            src: "https://picsum.photos/id/1062/200/200 ",
+            alt: "Usuario 2",
+            class: "w-8 h-8"
+          }),
+          s[1] || (s[1] = t("span", null, "Ana Gómez", -1))
+        ])
+      ])
+    ]));
+  }
+};
+export {
+  _ as default
+};

package/dist/components/KunListItem/examples/Default.vue.js

@@ -0,0 +1,39 @@
+import { createElementBlock as n, openBlock as i, createElementVNode as a, createVNode as t, withCtx as o, createTextVNode as s } from "vue";
+import l from "../src/components/KunListItem.vue.js";
+const d = { class: "p-4 max-w-md" }, m = { class: "space-y-1" }, p = {
+  __name: "Default",
+  setup(r) {
+    return (_, e) => (i(), n("div", d, [
+      e[3] || (e[3] = a("h2", { class: "text-lg font-semibold mb-2" }, "Lista básica:", -1)),
+      a("ul", m, [
+        t(l, null, {
+          default: o(() => e[0] || (e[0] = [
+            s("Elemento 1")
+          ])),
+          _: 1,
+          __: [0]
+        }),
+        t(l, {
+          active: "",
+          "active-class": "bg-green-100 text-green-600"
+        }, {
+          default: o(() => e[1] || (e[1] = [
+            s("Elemento activo")
+          ])),
+          _: 1,
+          __: [1]
+        }),
+        t(l, { disabled: "" }, {
+          default: o(() => e[2] || (e[2] = [
+            s("Elemento deshabilitado")
+          ])),
+          _: 1,
+          __: [2]
+        })
+      ])
+    ]));
+  }
+};
+export {
+  p as default
+};