adverich-kun-ui 0.1.124 → 0.1.125

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

@@ -1,133 +1,135 @@
-import { ref as a, computed as F, watch as m, nextTick as J } from "vue";
-import { isArray as g, isObject as o } from "../../../../utils/utils.js";
-function W(t, j, u, s, L) {
-  const r = a(null), v = a(null), y = a(null), c = a(!1), h = a(""), B = (e, n) => n.split(".").reduce((l, i) => l && l[i] !== void 0 ? l[i] : null, e), R = F(() => r.value ? g(r.value) ? r.value.length ? d(r.value, t.itemTitle, "hasDefault") : t.placeholderText : o(r.value) ? d(r.value, t.itemTitle, "hasDefault") : r.value.toString() : s.value.length ? t.placeholderText : t.textNoItems), D = F(() => t.itemText.includes(",") ? t.itemText.split(",") : t.itemText);
-  function d(e, n, l) {
-    if (o(e)) {
-      if (n) {
-        if (g(n))
-          return n.map((i) => e[i] ?? "No definido").join(" - ");
-        if (n.includes(","))
-          return n.split(",").map((i) => e[i]).join(" - ");
-        if (n.includes(".")) {
-          const i = n.split(".");
+import { ref as a, computed as m, nextTick as G } from "vue";
+import { isArray as O, isObject as d } from "../../../../utils/utils.js";
+function L(n, s, c, w) {
+  const i = a(null), o = a(null), g = a(null), r = a(!1), v = a(""), A = (e, t) => t.split(".").reduce((u, l) => u && u[l] !== void 0 ? u[l] : null, e), F = m(() => i.value ? O(i.value) ? i.value.length ? h(i.value, n.itemTitle, "hasDefault") : n.placeholderText : d(i.value) ? h(i.value, n.itemTitle, "hasDefault") : i.value.toString() : w.value.length ? n.placeholderText : n.textNoItems), V = m(() => n.itemText.includes(",") ? n.itemText.split(",") : n.itemText);
+  function h(e, t, u) {
+    if (d(e)) {
+      if (t) {
+        if (O(t))
+          return t.map((l) => e[l] ?? "No definido").join(" - ");
+        if (t.includes(","))
+          return t.split(",").map((l) => e[l]).join(" - ");
+        if (t.includes(".")) {
+          const l = t.split(".");
           let f = e;
-          for (const O of i)
-            f = f[O];
+          for (const b of l)
+            f = f[b];
           return f;
         }
-        return !t.returnObject && typeof e[n] == "number" || e[n] ? e[n].toString() : "";
+        return !n.returnObject && typeof e[t] == "number" || e[t] ? e[t].toString() : "";
       }
-      if (l)
+      if (u)
         return Object.values(e)[0];
     }
-    return g(e) ? t.returnObject ? e.map((i) => i[n]).join(" - ") : e.map((i) => i).join(" - ") : l && typeof e != "number" && e.includes(",") ? e.split(",") : e;
+    return O(e) ? n.returnObject ? e.map((l) => l[t]).join(" - ") : e.map((l) => l).join(" - ") : u && typeof e != "number" && e.includes(",") ? e.split(",") : e;
   }
-  function N(e) {
+  function R(e) {
     try {
-      x.value = !1, r.value = e, t.multiple ? (u.value || (u.value = []), S(e) ? e && T(e) : t.returnObject ? u.value.push(e) : o(e) ? t.itemValue ? u.value.push(e[t.itemValue]) : u.value.push(Object.values(e)[0]) : u.value.push(e)) : (t.returnObject ? u.value = e : o(e) ? t.itemValue ? u.value = e[t.itemValue] : u.value = Object.values(e)[0] : u.value = e, c.value = !1), j("selectedItem", r.value), t.clearOnSelect && k(), x.value = !0;
-    } catch (n) {
-      console.log(n);
+      if (j.value = !1, i.value = e, !n.multiple)
+        n.returnObject ? c.value = e : d(e) ? n.itemValue ? c.value = e[n.itemValue] : c.value = Object.values(e)[0] : c.value = e, r.value = !1;
+      else if (S(e))
+        e && T(e);
+      else {
+        const t = n.returnObject ? e : d(e) ? n.itemValue ? e[n.itemValue] : Object.values(e)[0] : e, u = [...c.value || [], t];
+        s("update:modelValue", u);
+      }
+      s("selectedItem", i.value), n.clearOnSelect && M(), j.value = !0;
+    } catch (t) {
+      console.log(t);
     } finally {
-      b();
+      x();
     }
   }
-  const x = a(!0);
-  m(() => u.value, (e) => {
-    x.value && (r.value = I(e));
-  }, { immediate: !0 }), m(() => s.value, () => {
-    r.value = I(u.value);
-  }, { immediate: !0 });
-  function I(e) {
-    return e ? t.returnObject ? e : t.multiple && Array.isArray(e) ? e.map((l) => s.value.find((i) => i[t.itemValue] === l)).filter(Boolean) : s.value.find((l) => l[t.itemValue] === e) || null : null;
-  }
+  const j = a(!0);
   function S(e) {
-    return u.value === null ? !1 : e ? u.value.some(
-      (n) => t.returnObject ? n[t.itemValue] === e[t.itemValue] : n === e[t.itemValue]
+    return c.value === null ? !1 : e ? c.value.some(
+      (t) => n.returnObject ? t[n.itemValue] === e[n.itemValue] : t === e[n.itemValue]
     ) : !0;
   }
   function T(e) {
-    if (t.returnObject) {
-      const n = u.value.find(
-        (i) => i[t.itemValue] === e[t.itemValue]
-      ), l = u.value.indexOf(n);
-      u.value.splice(l, 1);
+    let t = c.value;
+    if (n.returnObject) {
+      const u = t.find(
+        (f) => f[n.itemValue] === e[n.itemValue]
+      ), l = t.indexOf(u);
+      t.splice(l, 1);
     } else {
-      const n = u.value.indexOf(e[t.itemValue]);
-      u.value.splice(n, 1);
+      const u = t.indexOf(e[n.itemValue]);
+      t.splice(u, 1);
     }
+    s("update:modelValue", t);
   }
-  function C(e) {
-    t.clearSearchOnSelect && (h.value = ""), t.focusOnSelect && b();
+  function D(e) {
+    n.clearSearchOnSelect && (v.value = ""), n.focusOnSelect && x();
   }
-  function A() {
-    c.value || (c.value = !0);
+  function y() {
+    r.value || (r.value = !0);
   }
-  function K() {
-    c.value && (c.value = !1);
+  function N() {
+    r.value && (r.value = !1);
   }
-  function P() {
-    c.value = !c.value;
+  function B() {
+    r.value = !r.value;
   }
-  function M(e) {
+  function I(e) {
     return e.length === 1 && e.match(/\w/);
   }
-  function b() {
-    v.value.inputField.focus();
+  function x() {
+    o.value.inputField.focus();
   }
-  function $() {
-    c.value = !0, y.value && v.value.$el.focus();
+  function C() {
+    r.value = !0, g.value && o.value.$el.focus();
   }
-  function q(e) {
-    const n = e.key;
-    (M(n) || n === "Backspace") && (A(), b(), J(() => {
-      var i;
-      const l = (i = v.value) == null ? void 0 : i.inputField;
-      if (l) {
-        const f = l.selectionStart, O = l.selectionEnd, w = l.value, E = e.key.length === 1 ? e.key : "";
-        l.value = w.slice(0, f) + E + w.slice(O), l.selectionStart = l.selectionEnd = f + E.length, l.dispatchEvent(new Event("input", { bubbles: !0 }));
+  function K(e) {
+    const t = e.key;
+    (I(t) || t === "Backspace") && (y(), x(), G(() => {
+      var l;
+      const u = (l = o.value) == null ? void 0 : l.inputField;
+      if (u) {
+        const f = u.selectionStart, b = u.selectionEnd, k = u.value, E = e.key.length === 1 ? e.key : "";
+        u.value = k.slice(0, f) + E + k.slice(b), u.selectionStart = u.selectionEnd = f + E.length, u.dispatchEvent(new Event("input", { bubbles: !0 }));
       }
     }));
   }
-  function z() {
-    c.value = !1, j("createItem");
+  function $() {
+    r.value = !1, s("createItem");
   }
-  function G(e) {
-    let n = u.value.indexOf(e);
-    u.value.splice(n, 1);
+  function q(e) {
+    let t = c.value.indexOf(e);
+    c.value.splice(t, 1);
   }
-  function k() {
-    h.value = "", u.value = null, r.value = null;
+  function M() {
+    v.value = "", c.value = null, i.value = null;
   }
-  function H(e) {
-    return !!e.disabledItem;
+  function z(e) {
+    return !!e.disabled;
   }
   return {
-    selectedItem: r,
-    textFieldRef: v,
-    listRef: y,
-    menuModel: c,
-    search: h,
-    getItemText: B,
-    placeholder: R,
-    textArr: D,
-    itemToString: d,
-    getSelectedItem: N,
+    selectedItem: i,
+    textFieldRef: o,
+    listRef: g,
+    menuModel: r,
+    search: v,
+    getItemText: A,
+    placeholder: F,
+    textArr: V,
+    itemToString: h,
+    getSelectedItem: R,
     checkIfValueExist: S,
     removeFromArray: T,
-    lightReset: C,
-    openMenu: A,
-    closeMenu: K,
-    toggleMenu: P,
-    focusOnMenu: $,
-    onMenuKeydown: q,
-    createItem: z,
-    removeItem: G,
-    clearSelection: k,
-    checkDisabled: H,
-    isAlphanumeric: M
+    lightReset: D,
+    openMenu: y,
+    closeMenu: N,
+    toggleMenu: B,
+    focusOnMenu: C,
+    onMenuKeydown: K,
+    createItem: $,
+    removeItem: q,
+    clearSelection: M,
+    checkDisabled: z,
+    isAlphanumeric: I
   };
 }
 export {
-  W as useAutocomplete
+  L as useAutocomplete
 };

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

@@ -1,4 +1,4 @@
-import { computed as o, createBlock as x, openBlock as a, resolveDynamicComponent as y, mergeProps as b, withCtx as v, createElementBlock as r, createCommentVNode as u, renderSlot as S, normalizeClass as s, toDisplayString as d } from "vue";
+import { computed as l, createBlock as x, openBlock as r, resolveDynamicComponent as y, mergeProps as b, withCtx as v, createElementBlock as s, createCommentVNode as u, renderSlot as S, normalizeClass as a, toDisplayString as d } from "vue";
 const k = ["src", "alt"], w = {
   __name: "KunAvatar",
   props: {
@@ -19,48 +19,48 @@ const k = ["src", "alt"], w = {
     variant: { type: String, default: "flat" }
   },
   emits: ["click", "hover", "contextmenu", "focus"],
-  setup(e) {
-    const i = {
+  setup(m) {
+    const e = m, i = {
       "x-small": "w-6 h-6 text-xs",
       small: "w-8 h-8 text-sm",
       default: "w-12 h-12 text-base",
       large: "w-16 h-16 text-lg",
       "x-large": "w-24 h-24 text-xl"
-    }, m = o(() => [
+    }, c = l(() => [
       "relative flex items-center justify-center overflow-hidden cursor-pointer transition-all",
-      i[size] || i.default,
-      rounded ? "rounded-full" : tile ? "rounded-none" : "rounded",
-      border ? `border border-${border}` : "",
-      color ? `bg-${color}` : "bg-gray-200",
-      density === "compact" ? "p-1" : density === "comfortable" ? "p-2" : "p-3",
-      start ? "ms-2" : "",
-      end ? "me-2" : ""
-    ]), c = o(() => [
+      i[e.size] || i.default,
+      e.rounded ? "rounded-full" : e.tile ? "rounded-none" : "rounded",
+      e.border ? `border border-${e.border}` : "",
+      e.color ? `bg-${e.color}` : "bg-gray-200",
+      e.density === "compact" ? "p-1" : e.density === "comfortable" ? "p-2" : "p-3",
+      e.start ? "ms-2" : "",
+      e.end ? "me-2" : ""
+    ]), f = l(() => [
       "w-full h-full object-cover"
-    ]), f = o(() => [
+    ]), p = l(() => [
       "absolute text-white text-xl"
-    ]), g = o(() => [
+    ]), g = l(() => [
       "text-center font-semibold"
     ]);
-    return (n, t) => (a(), x(y(e.tag), b(n.$attrs, {
-      class: m.value,
-      onClick: t[0] || (t[0] = (l) => n.$emit("click", l)),
-      onMouseover: t[1] || (t[1] = (l) => n.$emit("hover", l)),
-      onContextmenu: t[2] || (t[2] = (l) => n.$emit("contextmenu", l)),
-      onFocus: t[3] || (t[3] = (l) => n.$emit("focus", l))
+    return (n, t) => (r(), x(y(e.tag), b(n.$attrs, {
+      class: c.value,
+      onClick: t[0] || (t[0] = (o) => n.$emit("click", o)),
+      onMouseover: t[1] || (t[1] = (o) => n.$emit("hover", o)),
+      onContextmenu: t[2] || (t[2] = (o) => n.$emit("contextmenu", o)),
+      onFocus: t[3] || (t[3] = (o) => n.$emit("focus", o))
     }), {
       default: v(() => [
-        e.image ? (a(), r("img", {
+        e.image ? (r(), s("img", {
           key: 0,
           src: e.image,
           alt: e.alt,
-          class: s(c.value)
-        }, null, 10, k)) : e.icon ? (a(), r("span", {
+          class: a(f.value)
+        }, null, 10, k)) : e.icon ? (r(), s("span", {
           key: 1,
-          class: s(f.value)
-        }, d(e.icon), 3)) : e.text ? (a(), r("span", {
+          class: a(p.value)
+        }, d(e.icon), 3)) : e.text ? (r(), s("span", {
           key: 2,
-          class: s(g.value)
+          class: a(g.value)
         }, d(e.text), 3)) : u("", !0),
         !e.image && !e.icon && !e.text ? S(n.$slots, "default", { key: 3 }) : u("", !0)
       ]),

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

@@ -1,6 +1,6 @@
-import { ref as o, computed as a, onMounted as y, createElementBlock as c, openBlock as n, createBlock as v, createElementVNode as I, resolveDynamicComponent as b, unref as u, withCtx as x, renderSlot as m, Fragment as _, renderList as S } from "vue";
-import { useIntersectionObserver as g } from "../composables/useIntersectionObserver.js";
-import { useKunInfiniteScroll as k } from "../composables/useKunInfiniteScroll.js";
+import { ref as c, computed as f, onMounted as v, createElementBlock as a, openBlock as o, createBlock as I, createElementVNode as g, resolveDynamicComponent as b, unref as t, withCtx as k, renderSlot as u, Fragment as d, renderList as x } from "vue";
+import { useIntersectionObserver as S } from "../composables/useIntersectionObserver.js";
+import { useKunInfiniteScroll as _ } from "../composables/useKunInfiniteScroll.js";
 import B from "../../../KunVirtualScroller/src/components/KunVirtualScroller.vue.js";
 /* empty css                       */
 import K from "../../../../_virtual/_plugin-vue_export-helper.js";
@@ -39,49 +39,60 @@ const N = {
     }
   },
   emits: ["update:items"],
-  setup(e, { emit: w }) {
-    const t = e, i = o(null), f = o(null), {
-      visibleItems: s,
-      loadNextBatch: d,
-      lastBatchReached: p
-    } = k({
-      items: a(() => t.items),
-      search: a(() => t.search),
-      searchableKeys: t.searchableKeys,
-      itemsPerIntersection: t.itemsPerIntersection
+  setup(r, { emit: w }) {
+    const n = r, m = c(null), h = c(null), {
+      visibleItems: e,
+      loadNextBatch: p,
+      lastBatchReached: y
+    } = _({
+      items: f(() => n.items),
+      search: f(() => n.search),
+      searchableKeys: n.searchableKeys,
+      itemsPerIntersection: n.itemsPerIntersection
     });
-    return y(() => {
-      g(i.value, ([r]) => {
-        r.isIntersecting && (p.value || d());
+    return v(() => {
+      S(m.value, ([l]) => {
+        l.isIntersecting && (y.value || p());
       });
-    }), (r, C) => (n(), c("div", {
+    }), (l, C) => (o(), a("div", {
       class: "w-full h-full overflow-auto",
       ref_key: "scrollContainer",
-      ref: f
+      ref: h
     }, [
-      e.virtual ? (n(), v(b(B), {
+      r.virtual ? (o(), I(b(B), {
         key: 0,
-        items: u(s),
-        "estimated-item-height": e.itemSize,
-        "scroll-to-index": e.scrollToIndex,
+        items: t(e).length ? t(e) : [{}],
+        "estimated-item-height": r.itemSize,
+        "scroll-to-index": r.scrollToIndex,
         class: "virtual-list"
       }, {
-        default: x(({ item: l, index: h }) => [
-          m(r.$slots, "default", {
-            item: l,
-            index: h
+        default: k(({ item: i, index: s }) => [
+          u(l.$slots, "default", {
+            item: t(e).length ? i : null,
+            index: t(e).length ? s : null,
+            empty: !t(e).length
           }, void 0, !0)
         ]),
         _: 3
-      }, 8, ["items", "estimated-item-height", "scroll-to-index"])) : (n(!0), c(_, { key: 1 }, S(u(s), (l) => m(r.$slots, "default", { item: l }, void 0, !0)), 256)),
-      I("div", {
+      }, 8, ["items", "estimated-item-height", "scroll-to-index"])) : (o(), a(d, { key: 1 }, [
+        t(e).length ? (o(!0), a(d, { key: 0 }, x(t(e), (i, s) => u(l.$slots, "default", {
+          key: i.id ?? s,
+          item: i,
+          index: s,
+          visibleItems: t(e)
+        }, void 0, !0)), 128)) : u(l.$slots, "default", {
+          key: 1,
+          visibleItems: t(e)
+        }, void 0, !0)
+      ], 64)),
+      g("div", {
         ref_key: "sentinel",
-        ref: i,
+        ref: m,
         class: "w-full h-1"
       }, null, 512)
     ], 512));
   }
-}, T = /* @__PURE__ */ K(N, [["__scopeId", "data-v-98c7f11d"]]);
+}, T = /* @__PURE__ */ K(N, [["__scopeId", "data-v-ecaa5fae"]]);
 export {
   T as default
 };