adverich-kun-ui 0.1.52 → 0.1.53

package/dist/components/KunAutocomplete/src/composables/useAutocomplete.js

@@ -1,119 +1,157 @@
-import { ref as O, computed as r } from "vue";
-import { isArray as b, isObject as i } from "../utils/helpers.js";
-function J(t, T, l, h) {
-  const n = O(null), o = O(null), y = O(null), v = O(!1), f = O(""), I = r(() => !t.searchableKeys.length), j = r(() => t.clearOnSelect);
-  r(() => t.clearSearchOnSelect), r(() => t.focusOnSelect);
-  const m = r(() => t.closeOnSelect);
-  function d() {
-    b(l.value) && (l.value.length ? n.value = h.value.filter(
-      (e) => i(e) ? l.value.some(
-        (u) => u[t.itemTitle].includes(e[t.itemTitle])
-      ) : l.value.some((u) => u.includes(e))
-    ) : n.value = []), (i(l.value) && Object.keys(l.value).length || typeof l.value == "number" && l.value || typeof l.value == "string" && l.value || typeof l.value == "boolean") && (n.value = h.value.find(
-      (e) => i(e) ? t.returnObject ? t.itemValue ? e[t.itemValue] === l.value[t.itemValue] : e[t.itemTitle] === l.value[t.itemTitle] : e[t.itemValue] === l.value : e === l.value
+import { ref as s, computed as i } from "vue";
+import { isArray as S, isObject as c } from "../utils/helpers.js";
+function ae(u, L, l, o, h) {
+  const n = s(null), x = s(null), y = s(null), g = s(!1), v = s(""), R = s(!1), m = i(() => !u.searchableKeys.length), I = i(() => u.clearOnSelect), E = i(() => u.clearSearchOnSelect), D = i(() => u.focusOnSelect), N = i(() => u.closeOnSelect), j = (e, t) => t.split(".").reduce((r, a) => r && r[a] !== void 0 ? r[a] : null, e);
+  function z() {
+    S(l.value) && (l.value.length ? n.value = o.value.filter((e) => {
+      let t = j(e, u.itemTitle);
+      return c(e) ? l.value.some(
+        (r) => j(r, u.itemTitle).includes(t)
+      ) : l.value.some((r) => r.includes(e));
+    }) : n.value = []), (c(l.value) && Object.keys(l.value).length || typeof l.value == "number" && l.value || typeof l.value == "string" && l.value || typeof l.value == "boolean") && (n.value = o.value.find(
+      (e) => c(e) ? u.returnObject ? u.itemValue ? e[u.itemValue] === l.value[u.itemValue] : e[u.itemTitle] === l.value[u.itemTitle] : e[u.itemValue] === l.value : e === l.value
     ));
   }
-  const C = r(() => n.value ? b(n.value) ? n.value.length ? S(n.value, t.itemTitle, "hasDefault") : t.placeholderText : i(n.value) ? S(n.value, t.itemTitle, "hasDefault") : n.value.toString() : h.value.length ? t.placeholderText : t.textNoItems), K = r(() => t.startEmtpy && f.value.length < 3 ? [] : h.value.filter((u) => {
-    if (i(u)) {
-      const s = Object.values(u).filter((c) => {
-        if (!i(c) && !b(c))
-          return c;
-      }), a = [u].reduce((c, B) => t.searchableKeys.map((q) => B[q]), []), x = I.value ? s : a;
-      return x ? x.some(
-        (c) => c ? c.toString().toLowerCase().includes(f.value.toLowerCase()) : ""
-      ) : f.value ? u == f.value : u;
+  const Z = i(() => n.value ? S(n.value) ? n.value.length ? d(n.value, u.itemTitle, "hasDefault") : u.placeholderText : c(n.value) ? d(n.value, u.itemTitle, "hasDefault") : n.value.toString() : o.value.length ? u.placeholderText : u.textNoItems), $ = i(() => u.startEmtpy && v.value.length < 3 ? [] : o.value.filter((t) => {
+    if (c(t)) {
+      const r = Object.values(t).filter((f) => {
+        if (!c(f) && !S(f))
+          return f;
+      }), a = [t].reduce((f, w) => u.searchableKeys.map((T) => T.includes(".") ? T.split(".").reduce((M, ee) => M && M[ee], w) : w[T]), []), O = m.value ? r : a;
+      return O ? O.some(
+        (f) => f ? f.toString().toLowerCase().includes(v.value.toLowerCase()) : ""
+      ) : v.value ? t == v.value : t;
     }
-    return u.toString().toLowerCase().includes(f.value.toLowerCase());
-  }).slice(0, currentBatchStep.value)), k = r(() => t.itemText.includes(",") ? t.itemText.split(",") : t.itemText);
-  function S(e, u, s) {
-    if (i(e)) {
-      if (u)
-        return b(u) ? u.map((a) => e[a] ?? "No definido").join(" - ") : u.includes(",") ? u.split(",").map((a) => e[a]).join(" - ") : !t.returnObject && typeof e[u] == "number" || e[u] ? e[u].toString() : "";
-      if (s)
+    return t.toString().toLowerCase().includes(v.value.toLowerCase());
+  }).slice(0, b.value)), q = i(() => u.itemText.includes(",") ? u.itemText.split(",") : u.itemText);
+  function d(e, t, r) {
+    if (c(e)) {
+      if (t) {
+        if (S(t))
+          return t.map((a) => e[a] ?? "No definido").join(" - ");
+        if (t.includes(","))
+          return t.split(",").map((a) => e[a]).join(" - ");
+        if (t.includes(".")) {
+          const a = t.split(".");
+          let O = e;
+          for (const f of a)
+            O = O[f];
+          return O;
+        }
+        return !u.returnObject && typeof e[t] == "number" || e[t] ? e[t].toString() : "";
+      }
+      if (r)
         return Object.values(e)[0];
     }
-    return b(e) ? t.returnObject ? e.map((a) => a[u]).join(" - ") : e.map((a) => a).join(" - ") : s && typeof e != "number" && e.includes(",") ? e.split(",") : e;
-  }
-  function w(e) {
-    let u = e[0];
-    if (!t.multiple)
-      n.value = e[0], t.returnObject && (l.value = u), !t.returnObject && i(u) && (t.itemValue ? l.value = u[t.itemValue] : l.value = Object.values(u)[0]), i(u) || (l.value = u), v.value = !1;
-    else if (n.value || (n.value = []), A(u))
-      F(u), l.value = n.value;
+    return S(e) ? u.returnObject ? e.map((a) => a[t]).join(" - ") : e.map((a) => a).join(" - ") : r && typeof e != "number" && e.includes(",") ? e.split(",") : e;
+  }
+  function G(e) {
+    let t = e[0];
+    if (!u.multiple)
+      n.value = e[0], u.returnObject && (l.value = t), !u.returnObject && c(t) && (u.itemValue ? l.value = t[u.itemValue] : l.value = Object.values(t)[0]), c(t) || (l.value = t), g.value = !1;
+    else if (n.value || (n.value = []), A(t))
+      t && C(t), l.value = n.value;
     else {
-      if (t.returnObject && n.value.push(u), !t.returnObject && i(u))
-        if (t.itemValue)
-          n.value.push(u[t.itemValue]);
+      if (u.returnObject && n.value.push(t), !u.returnObject && c(t))
+        if (u.itemValue)
+          n.value.push(t[u.itemValue]);
         else {
-          l.value = n.value.push(Object.values(u)[0]);
+          l.value = n.value.push(Object.values(t)[0]);
           return;
         }
       l.value = n.value;
     }
-    j.value && g(), o.value.focus();
+    I.value && F(), x.value.focus();
   }
   function A(e) {
-    return n.value === null ? !1 : n.value.some(
-      (u) => t.returnObject ? u[t.itemValue] === e[t.itemValue] : u === e[t.itemValue]
-    );
-  }
-  function F(e) {
-    if (t.returnObject) {
-      let u = n.value.find(
-        (a) => a[t.itemValue] === e[t.itemValue]
-      ), s = n.value.indexOf(u);
-      n.value.splice(s, 1);
+    return n.value === null ? !1 : e ? n.value.some(
+      (t) => u.returnObject ? t[u.itemValue] === e[u.itemValue] : t === e[u.itemValue]
+    ) : !0;
+  }
+  function C(e) {
+    if (u.returnObject) {
+      let t = n.value.find(
+        (a) => a[u.itemValue] === e[u.itemValue]
+      ), r = n.value.indexOf(t);
+      n.value.splice(r, 1);
     } else {
-      let u = n.value.indexOf(e[t.itemValue]);
-      n.value.splice(u, 1);
+      let t = n.value.indexOf(e[u.itemValue]);
+      n.value.splice(t, 1);
     }
   }
-  function L(e) {
-    e.key !== "Tab" && (v.value = !0);
+  function H() {
+    V(), E.value && (v.value = ""), D.value && x.value.focus();
+  }
+  function J(e) {
+    B(e.key) && (g.value = !0);
   }
-  function M(e) {
-    j.value && (v.value = !1);
+  function B(e) {
+    return /^[a-zA-Z0-9]$/.test(e);
   }
-  function E() {
-    v.value = !0, y.value && y.value.focus();
+  function Q() {
+    g.value = !0, y.value && y.value.focus();
   }
-  function D() {
-    v.value = !1, T("createItem");
+  function U(e) {
+    const t = e.key;
+    (B(t) || t === "Backspace") && x.value.focus();
   }
-  function N(e) {
-    let u = n.value.indexOf(e);
-    n.value.splice(u, 1), l.value = n.value;
+  function W() {
+    g.value = !1, L("createItem");
   }
-  function g() {
-    f.value = "", b(l.value) && (n.value = []), i(l.value) && (n.value = {}), typeof l.value == "number" && l.value && (n.value = 0), typeof l.value == "string" && l.value && (n.value = ""), typeof l.value == "boolean" && (n.value = !1), l.value = n.value;
+  function X(e) {
+    let t = n.value.indexOf(e);
+    n.value.splice(t, 1), l.value = n.value;
   }
-  function R(e) {
+  function F() {
+    v.value = "", S(l.value) && (n.value = []), c(l.value) && (n.value = {}), typeof l.value == "number" && l.value && (n.value = null), typeof l.value == "string" && l.value && (n.value = ""), typeof l.value == "boolean" && (n.value = !1), l.value = n.value;
+  }
+  function Y(e) {
     if (!e.disabledItem) return !1;
     if (e.disabledItem) return !0;
   }
+  const K = s(null), b = s(h.value), _ = i(
+    () => Math.ceil(o.value / h.value)
+  ), k = i(() => _.length >= b.value);
+  i(() => o.value.length);
+  const P = i(
+    () => h.value === b.value
+  );
+  function V() {
+    b.value = h.value;
+  }
+  function p() {
+    if (!(P.value && k.value) && !k.value)
+      return b.value += h.value, K.value = b.value + h.value, o.value.slice(0, K.value);
+  }
   return {
     selectedItem: n,
-    textFieldRef: o,
+    textFieldRef: x,
     listRef: y,
-    menuModel: v,
-    search: f,
-    isCloseOnSelect: m,
-    isClearOnSelect: j,
-    setSelectedItemValue: d,
-    placeholder: C,
-    filteredItems: K,
-    textArr: k,
-    itemToString: S,
-    getSelectedItem: w,
-    openMenu: L,
-    closeMenu: M,
-    focusOnMenu: E,
-    createItem: D,
-    removeItem: N,
-    clearSelection: g,
-    isDisabled: R
+    menuModel: g,
+    search: v,
+    isCloseOnSelect: N,
+    isClearOnSelect: I,
+    getItemText: j,
+    setSelectedItemValue: z,
+    placeholder: Z,
+    filteredItems: $,
+    textArr: q,
+    itemToString: d,
+    getSelectedItem: G,
+    checkIfValueExist: A,
+    removeFromArray: C,
+    lightReset: H,
+    openMenu: J,
+    focusOnMenu: Q,
+    onMenuKeydown: U,
+    createItem: W,
+    removeItem: X,
+    clearSelection: F,
+    checkDisabled: Y,
+    handleIntersect: p,
+    intersectObserved: R
   };
 }
 export {
-  J as useAutocomplete
+  ae as useAutocomplete
 };

package/dist/components/KunAutocomplete/src/composables/useIntersect.js

@@ -0,0 +1,22 @@
+function f(n, a = "0px", o, v, e) {
+  const r = {
+    root: null,
+    rootMargin: a,
+    threshold: 0.5
+  }, l = new IntersectionObserver(n, r);
+  function s() {
+    e.value && !o.value ? (o.value = !0, l.observe(e.value)) : console.warn("El valor de intersectRef es nulo.");
+  }
+  function u() {
+    e.value && (o.value = !1, l.unobserve(e.value));
+  }
+  return watch(v, (t) => {
+    !t && o.value && u();
+  }), {
+    observe: s,
+    stopObserver: u
+  };
+}
+export {
+  f as useIntersect
+};

package/dist/components/KunCard/src/composables/kunCardProps.js

@@ -24,6 +24,14 @@ const e = {
     default: !0,
     validator: (t) => typeof t == "boolean" || ["sm", "md", "lg", "xl"].includes(t)
   },
+  outlined: {
+    type: Boolean,
+    default: !1
+  },
+  outlineColor: {
+    type: String,
+    default: "border-gray-300 dark:border-gray-600"
+  },
   elevation: {
     type: [String, Number],
     default: 1,

package/dist/components/KunCard/src/composables/useCard.js

@@ -1,16 +1,17 @@
-import { computed as e } from "vue";
-function o(d) {
-  const n = e(() => [
-    d.bgColor,
-    d.flat ? "shadow-none" : "shadow-md",
-    d.rounded === !0 ? "rounded-lg" : d.rounded ? `rounded-${d.rounded}` : "",
-    d.class
-  ].filter(Boolean)), r = e(() => d.style || {});
+import { computed as d } from "vue";
+function r(e) {
+  const n = d(() => [
+    e.bgColor,
+    e.flat ? "shadow-none" : "shadow-md",
+    e.rounded === !0 ? "rounded-lg" : e.rounded ? `rounded-${e.rounded}` : "",
+    e.outlined ? `border ${e.outlineColor}` : "",
+    e.class
+  ].filter(Boolean)), o = d(() => e.style || {});
   return {
     cardClass: n,
-    cardStyle: r
+    cardStyle: o
   };
 }
 export {
-  o as useCard
+  r as useCard
 };

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

@@ -1,9 +1,38 @@
-import n from "../../../../_virtual/_plugin-vue_export-helper.js";
-const r = {};
-function t(c, e) {
-  return null;
-}
-const o = /* @__PURE__ */ n(r, [["render", t]]);
+import { createElementBlock as a, openBlock as t, normalizeClass as r, renderSlot as s } from "vue";
+import { useKunList as n } from "../composables/useKunList.js";
+const c = {
+  __name: "KunList",
+  props: {
+    nav: Boolean,
+    sub: Boolean,
+    dense: Boolean,
+    selectable: {
+      type: [Boolean, String],
+      default: !1,
+      validator: (e) => ["single", "multiple", !0, !1].includes(e)
+    },
+    selectedClass: {
+      type: String,
+      default: "bg-blue-100 text-blue-600 dark:bg-blue-900 dark:text-blue-300"
+    }
+  },
+  setup(e) {
+    return n(e), (l, u) => (t(), a("ul", {
+      role: "list",
+      class: r([
+        "kun-list",
+        {
+          "space-y-1": !e.dense,
+          "space-y-0.5": e.dense,
+          "pl-4 border-l-2 border-gray-200 dark:border-gray-700": e.sub,
+          "bg-gray-100 dark:bg-gray-800 p-2 rounded-md": e.nav
+        }
+      ])
+    }, [
+      s(l.$slots, "default")
+    ], 2));
+  }
+};
 export {
-  o as default
+  c as default
 };

package/dist/components/KunList/src/composables/useKunList.js

@@ -0,0 +1,31 @@
+import { ref as c, provide as a } from "vue";
+const o = Symbol("kun-list");
+function d(l) {
+  const e = c([]);
+  function t(i) {
+    if (!l.selectable || l.disabled) return;
+    const u = l.selectable === "multiple";
+    if (l.selectable === "single")
+      e.value = e.value[0] === i ? [] : [i];
+    else if (u) {
+      const s = e.value.indexOf(i);
+      s === -1 ? e.value.push(i) : e.value.splice(s, 1);
+    }
+  }
+  function n(i) {
+    return e.value.includes(i);
+  }
+  return a(o, {
+    toggleItem: t,
+    isSelected: n,
+    isMultiple: () => l.selectable === "multiple",
+    isSingle: () => l.selectable === "single"
+  }), {
+    selectedValues: e,
+    toggleItem: t,
+    isSelected: n
+  };
+}
+export {
+  d as useKunList
+};

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

@@ -0,0 +1,31 @@
+import { createElementBlock as s, openBlock as a, normalizeClass as l, renderSlot as n, createTextVNode as o, toDisplayString as u } from "vue";
+const i = {
+  __name: "KunListGroup",
+  props: {
+    text: {
+      type: [String, Number],
+      default: null
+    },
+    class: {
+      type: [String, Object, Array],
+      default: null
+    }
+  },
+  setup(e) {
+    const t = e;
+    return (r, c) => (a(), s("span", {
+      class: l([
+        "kun-list-item-subtitle",
+        "text-xs text-gray-500 dark:text-gray-400 truncate",
+        t.class
+      ])
+    }, [
+      n(r.$slots, "default", {}, () => [
+        o(u(t.text), 1)
+      ])
+    ], 2));
+  }
+};
+export {
+  i as default
+};

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

@@ -0,0 +1,37 @@
+import { createElementBlock as r, openBlock as l, normalizeClass as s, createElementVNode as a } from "vue";
+const c = ["src", "alt"], i = {
+  __name: "KunListImg",
+  props: {
+    src: {
+      type: String,
+      required: !0
+    },
+    alt: {
+      type: String,
+      default: ""
+    },
+    class: {
+      type: [String, Object, Array],
+      default: null
+    }
+  },
+  setup(t) {
+    const e = t;
+    return (n, o) => (l(), r("div", {
+      class: s([
+        "kun-list-img",
+        "overflow-hidden rounded-md bg-gray-200 dark:bg-gray-700",
+        e.class
+      ])
+    }, [
+      a("img", {
+        src: e.src,
+        alt: e.alt,
+        class: "w-full h-full object-cover"
+      }, null, 8, c)
+    ], 2));
+  }
+};
+export {
+  i as default
+};

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

@@ -0,0 +1,39 @@
+import { ref as i, inject as o, createElementBlock as s, openBlock as u, normalizeClass as c, renderSlot as d } from "vue";
+const m = {
+  __name: "KunListItem",
+  props: {
+    value: {
+      type: [String, Number, Boolean, Object, Array, null],
+      default: null
+    },
+    disabled: Boolean,
+    active: Boolean,
+    activeClass: {
+      type: String,
+      default: "bg-blue-100 text-blue-600 dark:bg-blue-900 dark:text-blue-300"
+    }
+  },
+  setup(e) {
+    const t = e, l = i(t.active), a = o("kun-list", null);
+    function r() {
+      t.disabled || (a && t.value !== null ? a.toggleItem(t.value) : l.value = !l.value);
+    }
+    return (n, b) => (u(), s("li", {
+      role: "listitem",
+      class: c([
+        "kun-list-item",
+        {
+          "px-4 py-2 rounded-md cursor-pointer hover:bg-gray-200 dark:hover:bg-gray-700 flex items-center gap-2": !e.disabled,
+          "text-gray-500 dark:text-gray-400 cursor-not-allowed": e.disabled,
+          [e.activeClass]: l.value
+        }
+      ]),
+      onClick: r
+    }, [
+      d(n.$slots, "default")
+    ], 2));
+  }
+};
+export {
+  m as default
+};

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

@@ -0,0 +1,31 @@
+import { createElementBlock as a, openBlock as s, normalizeClass as n, renderSlot as l, createTextVNode as o, toDisplayString as c } from "vue";
+const m = {
+  __name: "KunListItemAction",
+  props: {
+    text: {
+      type: [String, Number],
+      default: null
+    },
+    class: {
+      type: [String, Object, Array],
+      default: null
+    }
+  },
+  setup(e) {
+    const t = e;
+    return (r, u) => (s(), a("span", {
+      class: n([
+        "kun-list-item-text",
+        "text-sm font-medium text-gray-900 dark:text-gray-100 truncate",
+        t.class
+      ])
+    }, [
+      l(r.$slots, "default", {}, () => [
+        o(c(t.text), 1)
+      ])
+    ], 2));
+  }
+};
+export {
+  m as default
+};

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

@@ -0,0 +1,31 @@
+import { createElementBlock as a, openBlock as s, normalizeClass as l, renderSlot as n, createTextVNode as o, toDisplayString as c } from "vue";
+const p = {
+  __name: "KunListItemAvatar",
+  props: {
+    text: {
+      type: [String, Number],
+      default: null
+    },
+    class: {
+      type: [String, Object, Array],
+      default: null
+    }
+  },
+  setup(e) {
+    const t = e;
+    return (r, u) => (s(), a("span", {
+      class: l([
+        "kun-list-item-text",
+        "text-sm font-medium text-gray-900 dark:text-gray-100 truncate",
+        t.class
+      ])
+    }, [
+      n(r.$slots, "default", {}, () => [
+        o(c(t.text), 1)
+      ])
+    ], 2));
+  }
+};
+export {
+  p as default
+};

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

@@ -0,0 +1,31 @@
+import { createElementBlock as s, openBlock as a, normalizeClass as l, renderSlot as n, createTextVNode as o, toDisplayString as u } from "vue";
+const p = {
+  __name: "KunListItemSubtitle",
+  props: {
+    text: {
+      type: [String, Number],
+      default: null
+    },
+    class: {
+      type: [String, Object, Array],
+      default: null
+    }
+  },
+  setup(e) {
+    const t = e;
+    return (r, c) => (a(), s("span", {
+      class: l([
+        "kun-list-item-subtitle",
+        "text-xs text-gray-500 dark:text-gray-400 truncate",
+        t.class
+      ])
+    }, [
+      n(r.$slots, "default", {}, () => [
+        o(u(t.text), 1)
+      ])
+    ], 2));
+  }
+};
+export {
+  p as default
+};

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

@@ -0,0 +1,31 @@
+import { createElementBlock as a, openBlock as s, normalizeClass as l, renderSlot as n, createTextVNode as o, toDisplayString as c } from "vue";
+const p = {
+  __name: "KunListItemText",
+  props: {
+    text: {
+      type: [String, Number],
+      default: null
+    },
+    class: {
+      type: [String, Object, Array],
+      default: null
+    }
+  },
+  setup(e) {
+    const t = e;
+    return (r, u) => (s(), a("span", {
+      class: l([
+        "kun-list-item-text",
+        "text-sm font-medium text-gray-900 dark:text-gray-100 truncate",
+        t.class
+      ])
+    }, [
+      n(r.$slots, "default", {}, () => [
+        o(c(t.text), 1)
+      ])
+    ], 2));
+  }
+};
+export {
+  p as default
+};

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

@@ -0,0 +1,31 @@
+import { createElementBlock as a, openBlock as s, normalizeClass as l, createTextVNode as o, renderSlot as n, toDisplayString as p } from "vue";
+const i = {
+  __name: "KunListSubheader",
+  props: {
+    text: {
+      type: [String, Number],
+      default: ""
+    },
+    class: {
+      type: [String, Object, Array],
+      default: null
+    }
+  },
+  setup(t) {
+    const e = t;
+    return (r, c) => (s(), a("li", {
+      class: l([
+        "kun-list-subheader",
+        "px-4 py-2 text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider",
+        e.class
+      ]),
+      role: "separator"
+    }, [
+      o(p(e.text) + " ", 1),
+      n(r.$slots, "default")
+    ], 2));
+  }
+};
+export {
+  i as default
+};