adverich-kun-ui 0.1.239 → 0.1.241

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

@@ -30,7 +30,9 @@ const b = ["innerHTML"], S = {
     function d(e) {
       t.disabled || f("click", e);
     }
-    const r = l(() => typeof n.value == "string" && n.value.trim().startsWith("<svg")), n = l(() => {
+    const r = l(
+      () => typeof n.value == "string" && n.value.trim().toLowerCase().startsWith("<svg")
+    ), n = l(() => {
       if (Array.isArray(t.icon)) return t.icon[0];
       if (typeof t.icon == "string" && t.icon.startsWith("$")) {
         const e = t.icon.slice(1);
@@ -52,8 +54,8 @@ const b = ["innerHTML"], S = {
         class: c([o.color, s.value, o.contentClass])
       }, null, 8, ["class"])) : (a(), i("span", {
         key: 2,
-        class: c([r.value ? "" : n.value, o.color, s.value, o.contentClass]),
-        innerHTML: [r.value ? n.value : ""]
+        innerHTML: r.value ? n.value : "",
+        class: c([r.value ? "" : n.value, o.color, s.value, o.contentClass])
       }, null, 10, b))
     ], 16));
   }

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

@@ -1,29 +1,29 @@
-import { mergeModels as V, toRefs as ne, useModel as ie, ref as de, watch as j, computed as z, createElementBlock as c, openBlock as l, mergeProps as A, createCommentVNode as i, createElementVNode as D, renderSlot as a, createBlock as y, unref as s, normalizeClass as L, withDirectives as pe, vModelText as ce, normalizeProps as d, guardReactiveProps as u, Fragment as me, createVNode as R, createSlots as U, renderList as N, withCtx as K, isRef as ue } from "vue";
+import { mergeModels as V, toRefs as ie, useModel as de, ref as pe, watch as j, computed as z, createElementBlock as c, openBlock as l, mergeProps as A, createCommentVNode as i, createElementVNode as D, renderSlot as a, createBlock as y, unref as s, normalizeClass as L, withDirectives as ce, vModelText as me, normalizeProps as d, guardReactiveProps as u, Fragment as ue, createVNode as R, createSlots as U, renderList as N, withCtx as K, isRef as he } from "vue";
 import { isMobile as w } from "../../../../utils/_platform.js";
-import he from "./KunTableHeaders.vue.js";
-import ge from "./KunTableFooter.vue.js";
-import fe from "./KunTableRows.vue.js";
-import ye from "./KunTableIterators.vue.js";
-import be from "../../../KunBtn/src/components/KunBtn.vue.js";
-import we from "./KunTableFilter.vue.js";
-import ve from "../../../KunCard/src/components/KunCard.vue.js";
-import Se from "../composables/useExpand.js";
-import Ce from "../composables/useOptions.js";
-import $e from "../composables/useSelect.js";
-import ke from "../composables/useFilter.js";
-import Pe from "../composables/KunTableProps.js";
-const Te = ["placeholder"], Fe = { key: 0 }, Ae = { key: 5 }, Ee = { class: "h-full" }, Be = {
+import ge from "./KunTableHeaders.vue.js";
+import fe from "./KunTableFooter.vue.js";
+import ye from "./KunTableRows.vue.js";
+import be from "./KunTableIterators.vue.js";
+import we from "../../../KunBtn/src/components/KunBtn.vue.js";
+import ve from "./KunTableFilter.vue.js";
+import Se from "../../../KunCard/src/components/KunCard.vue.js";
+import Ce from "../composables/useExpand.js";
+import $e from "../composables/useOptions.js";
+import ke from "../composables/useSelect.js";
+import Pe from "../composables/useFilter.js";
+import Te from "../composables/KunTableProps.js";
+const Fe = ["placeholder"], Ae = { key: 0 }, Ee = { key: 5 }, Be = { class: "h-full" }, Ie = {
   key: 1,
   class: "sticky bottom-0 z-10"
-}, Ie = "overflow-auto h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", Me = "table-auto w-full h-fit text-sm text-left", Ge = {
+}, Me = "overflow-auto h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", Ve = "table-auto w-full h-fit text-sm text-left", Ge = {
   __name: "KunTable",
-  props: /* @__PURE__ */ V(Pe(), {
+  props: /* @__PURE__ */ V(Te(), {
     selectedItems: { type: Array, default: () => [] },
     selectedItemsModifiers: {}
   }),
   emits: /* @__PURE__ */ V(["update:page", "update:itemsPerPage", "update:sortBy", "update:search"], ["update:selectedItems"]),
   setup(E, { emit: O }) {
-    const B = O, r = E, v = ne(r), W = ie(E, "selectedItems"), {
+    const B = O, r = E, v = ie(r), W = de(E, "selectedItems"), {
       headers: b,
       showExpand: S,
       showSelect: C,
@@ -35,16 +35,16 @@ const Te = ["placeholder"], Fe = { key: 0 }, Ae = { key: 5 }, Ee = { class: "h-f
       pageOptions: G,
       items: J,
       searchable: M,
-      debounceTime: Ve
-    } = v, h = de(r.search);
+      debounceTime: X
+    } = v, h = pe(r.search);
     j(() => r.search, (e) => {
       e !== h.value && (h.value = e);
     });
-    const { filteredItems: X, setSearch: Y, modalFilter: g, applyColumnFilters: Z, clearFilters: _, appliedFilters: ee } = ke(v);
+    const { filteredItems: Y, setSearch: Z, modalFilter: g, applyColumnFilters: _, clearFilters: ee, appliedFilters: se } = Pe(v, X);
     j(h, (e) => {
-      B("update:search", e), Y(e);
+      B("update:search", e), Z(e);
     });
-    const { options: n, paginatedItems: p, updateSort: se } = Ce(v, B, X), { isSelected: $, toggleSelect: k, toggleSelectAll: te, allSelected: le, someSelected: oe } = $e(p, W), { isExpanded: P, toggleExpand: T } = Se(), m = z(() => ({
+    const { options: n, paginatedItems: p, updateSort: te } = $e(v, B, Y), { isSelected: $, toggleSelect: k, toggleSelectAll: le, allSelected: oe, someSelected: ae } = ke(p, W), { isExpanded: P, toggleExpand: T } = Ce(), m = z(() => ({
       items: p.value,
       headers: b.value,
       page: n.page,
@@ -55,12 +55,12 @@ const Te = ["placeholder"], Fe = { key: 0 }, Ae = { key: 5 }, Ee = { class: "h-f
       isExpanded: P,
       sortBy: n.sortBy,
       hasActions: r.hasActions
-    })), ae = [Ie, q.value], re = [Me, Q.value];
+    })), re = [Me, q.value], ne = [Ve, Q.value];
     return z(() => {
       var t;
       let e = ((t = r.headers) == null ? void 0 : t.length) || 0;
       return r.showSelect && (e += 1), r.showExpand && (e += 1), r.hasActions && (e += 1), e;
-    }), (e, t) => (l(), c("div", A({ class: ae }, e.$attrs, { style: { "user-select": "text" } }), [
+    }), (e, t) => (l(), c("div", A({ class: re }, e.$attrs, { style: { "user-select": "text" } }), [
       s(M) || e.filterable || e.$slots.prependSearch || e.$slots.appendSearch ? (l(), c("div", {
         key: 0,
         class: L(["p-2 bg-slate-200 dark:bg-slate-800", {
@@ -70,48 +70,48 @@ const Te = ["placeholder"], Fe = { key: 0 }, Ae = { key: 5 }, Ee = { class: "h-f
         }])
       }, [
         a(e.$slots, "prependSearch"),
-        e.filterable ? (l(), y(be, {
+        e.filterable ? (l(), y(we, {
           key: 0,
           onClick: t[0] || (t[0] = (o) => g.value = !0),
           text: "Filtrar",
           bgColor: "bg-slate-300 dark:bg-slate-700"
         })) : i("", !0),
-        s(M) ? pe((l(), c("input", {
+        s(M) ? ce((l(), c("input", {
           key: 1,
           "onUpdate:modelValue": t[1] || (t[1] = (o) => h.value = o),
           type: "text",
           placeholder: e.searchPlaceholder,
           class: "border mx-2 px-3 py-1 rounded w-full max-w-sm text-sm"
-        }, null, 8, Te)), [
-          [ce, h.value]
+        }, null, 8, Fe)), [
+          [me, h.value]
         ]) : i("", !0),
         a(e.$slots, "appendSearch")
       ], 2)) : i("", !0),
       D("table", {
-        class: L(re)
+        class: L(ne)
       }, [
-        e.$slots.colgroup && !s(w) ? (l(), c("colgroup", Fe, [
+        e.$slots.colgroup && !s(w) ? (l(), c("colgroup", Ae, [
           a(e.$slots, "colgroup", d(u(m.value)))
         ])) : i("", !0),
-        !s(H) && !s(w) ? (l(), y(he, {
+        !s(H) && !s(w) ? (l(), y(ge, {
           key: 1,
           headers: s(b),
           "sort-by": s(n).sortBy,
           "show-select": s(C),
           "show-expand": s(S),
-          "all-selected": s(le),
-          "some-selected": s(oe),
+          "all-selected": s(oe),
+          "some-selected": s(ae),
           "thead-class": e.theadClass,
           "tr-class": e.trClass,
           "th-class": e.thClass,
           "has-actions": e.hasActions,
           "action-label": e.actionLabel,
-          onSort: s(se),
-          onToggleSelectAll: s(te)
+          onSort: s(te),
+          onToggleSelectAll: s(le)
         }, null, 8, ["headers", "sort-by", "show-select", "show-expand", "all-selected", "some-selected", "thead-class", "tr-class", "th-class", "has-actions", "action-label", "onSort", "onToggleSelectAll"])) : a(e.$slots, "thead", d(A({ key: 2 }, m.value))),
-        s(p).length && !s(w) ? (l(), c(me, { key: 3 }, [
+        s(p).length && !s(w) ? (l(), c(ue, { key: 3 }, [
           a(e.$slots, "body.prepend", d(u(m.value))),
-          R(fe, {
+          R(ye, {
             items: s(p),
             headers: s(b),
             "tbody-class": e.tbodyClass,
@@ -137,7 +137,7 @@ const Te = ["placeholder"], Fe = { key: 0 }, Ae = { key: 5 }, Ee = { class: "h-f
             }))
           ]), 1032, ["items", "headers", "tbody-class", "row-class", "tr-class", "td-class", "selected-class", "striped-class", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect"]),
           a(e.$slots, "body.append", d(u(m.value)))
-        ], 64)) : s(p).length && s(w) ? (l(), y(ye, {
+        ], 64)) : s(p).length && s(w) ? (l(), y(be, {
           key: 4,
           items: s(p),
           headers: s(b),
@@ -158,20 +158,20 @@ const Te = ["placeholder"], Fe = { key: 0 }, Ae = { key: 5 }, Ee = { class: "h-f
             ])
           }))
         ]), 1032, ["items", "headers", "row-class", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect"])) : i("", !0),
-        e.$slots.tfoot ? (l(), c("tfoot", Ae, [
+        e.$slots.tfoot ? (l(), c("tfoot", Ee, [
           a(e.$slots, "tfoot", d(u(m.value)))
         ])) : i("", !0)
       ]),
-      D("div", Ee, [
-        s(p).length ? i("", !0) : (l(), y(ve, {
+      D("div", Be, [
+        s(p).length ? i("", !0) : (l(), y(Se, {
           key: 0,
           class: "h-full flex justify-center items-center",
           title: e.noDataText,
           titleSize: "text-4xl"
         }, null, 8, ["title"]))
       ]),
-      s(x) ? a(e.$slots, "footer", d(A({ key: 2 }, m.value))) : (l(), c("div", Be, [
-        R(ge, {
+      s(x) ? a(e.$slots, "footer", d(A({ key: 2 }, m.value))) : (l(), c("div", Ie, [
+        R(fe, {
           "items-length": s(J).length,
           "items-per-page": s(n).itemsPerPage,
           "current-page": s(n).page,
@@ -180,14 +180,14 @@ const Te = ["placeholder"], Fe = { key: 0 }, Ae = { key: 5 }, Ee = { class: "h-f
           "onUpdate:page": t[3] || (t[3] = (o) => s(n).page = o)
         }, null, 8, ["items-length", "items-per-page", "current-page", "page-options"])
       ])),
-      e.filterable && s(g) ? (l(), y(we, {
+      e.filterable && s(g) ? (l(), y(ve, {
         key: 3,
         filters: e.filters,
         modelValue: s(g),
-        "onUpdate:modelValue": t[4] || (t[4] = (o) => ue(g) ? g.value = o : null),
-        onApplyFilters: s(Z),
-        onClearFilters: s(_),
-        activeFilters: s(ee).byColumn
+        "onUpdate:modelValue": t[4] || (t[4] = (o) => he(g) ? g.value = o : null),
+        onApplyFilters: s(_),
+        onClearFilters: s(ee),
+        activeFilters: s(se).byColumn
       }, null, 8, ["filters", "modelValue", "onApplyFilters", "onClearFilters", "activeFilters"])) : i("", !0)
     ], 16));
   }

package/dist/components/KunTable/src/composables/useFilter.js

@@ -1,14 +1,14 @@
-import { reactive as p, ref as F, computed as k, watch as w } from "vue";
-import { debounce as A } from "../../../../utils/utils.js";
-function L(a) {
-  const t = p({
+import { reactive as F, ref as k, computed as w, watch as A } from "vue";
+import { debounce as S } from "../../../../utils/utils.js";
+function v(u, i) {
+  const t = F({
     search: "",
     byColumn: {}
-  }), { items: c, customFilter: s, searchableKeys: u } = a, f = F(!1), i = (e, r) => e == null ? !1 : String(e).toLowerCase().includes(String(r).toLowerCase()), l = (e, r, n) => {
+  }), { items: c, customFilter: s, searchableKeys: f } = u, y = k(!1), a = (e, r) => e == null ? !1 : String(e).toLowerCase().includes(String(r).toLowerCase()), l = (e, r, n) => {
     const o = e[r];
-    return typeof (s == null ? void 0 : s.value) == "function" ? s.value(e, r, n) : Array.isArray(n) ? n.some((b) => i(o, b)) : i(o, n);
-  }, m = k(() => Array.isArray(c.value) ? c.value.filter((e) => {
-    if (t.search && !(u.value || Object.keys(e)).some((o) => l(e, o, t.search)))
+    return typeof (s == null ? void 0 : s.value) == "function" ? s.value(e, r, n) : Array.isArray(n) ? n.some((b) => a(o, b)) : a(o, n);
+  }, m = w(() => Array.isArray(c.value) ? c.value.filter((e) => {
+    if (t.search && !(f.value || Object.keys(e)).some((o) => l(e, o, t.search)))
       return !1;
     for (const r in t.byColumn) {
       const n = t.byColumn[r];
@@ -16,28 +16,28 @@ function L(a) {
         return !1;
     }
     return !0;
-  }) : []), y = A((e) => {
+  }) : []), h = S((e) => {
     t.search = (e == null ? void 0 : e.toString().toLowerCase()) || "";
-  }, a.debounceTime), h = (e, r) => {
+  }, i.value), p = (e, r) => {
     t.byColumn[e] = r;
   };
-  function d(e) {
+  function C(e) {
     for (const r in e)
-      h(r, e[r]);
+      p(r, e[r]);
   }
-  const C = () => {
+  const d = () => {
     t.search = "", t.byColumn = {};
   };
-  return w(() => c.value, () => {
+  return A(() => c.value, () => {
   }, { deep: !0 }), {
-    modalFilter: f,
+    modalFilter: y,
     appliedFilters: t,
     filteredItems: m,
-    setSearch: y,
-    applyColumnFilters: d,
-    clearFilters: C
+    setSearch: h,
+    applyColumnFilters: C,
+    clearFilters: d
   };
 }
 export {
-  L as default
+  v as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adverich-kun-ui",
-  "version": "0.1.239",
+  "version": "0.1.241",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",