adverich-kun-ui 0.1.188 → 0.1.190

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

@@ -48,7 +48,7 @@ const H = "fixed inset-0 z-250 flex", U = /* @__PURE__ */ x({
       c();
     });
     function d(o) {
-      console.log(o), o.stopPropagation(), o.key === "Escape" && (console.log("y se"), t.persistent || (console.log("y seeee"), s("update:modelValue", !1)));
+      o.stopPropagation(), o.key === "Escape" && (t.persistent || s("update:modelValue", !1));
     }
     return f(() => {
       window.addEventListener("keydown", d);

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

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

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

@@ -18,6 +18,10 @@ const t = () => ({
   mutliSort: Boolean,
   pageOptions: { type: Array, default: () => [5, 10, 25, 50, 100] },
   searchable: { type: Boolean, default: !1 },
+  search: {
+    type: String,
+    default: ""
+  },
   searchableKeys: { type: Array, default: null },
   searchPosition: {
     type: String,
@@ -46,8 +50,8 @@ const t = () => ({
   tfootClass: { type: String, default: "" },
   rowClass: { type: String, default: "" },
   // Misc
-  noDataText: { type: String, default: "No data available" },
-  loadingText: { type: String, default: "Loading..." },
+  noDataText: { type: String, default: "No hay elementos disponibles" },
+  loadingText: { type: String, default: "Cargando..." },
   // Slots control
   showTopSlot: { type: Boolean, default: !1 },
   showBottomSlot: { type: Boolean, default: !1 }

package/package.json

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