adverich-kun-ui 0.1.443 → 0.1.444

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

@@ -1,4 +1,4 @@
-import { mergeModels as W, toRefs as be, useModel as Ce, ref as v, watch as Q, computed as q, onMounted as Te, createElementBlock as r, openBlock as l, mergeProps as V, createCommentVNode as u, createElementVNode as O, renderSlot as a, createBlock as b, unref as s, normalizeClass as C, withCtx as j, createVNode as T, withDirectives as G, vModelText as Fe, vShow as J, normalizeProps as d, guardReactiveProps as g, Fragment as $e, createSlots as X, renderList as Y, toDisplayString as ke, isRef as Pe, nextTick as Me } from "vue";
+import { mergeModels as W, toRefs as be, useModel as Ce, ref as y, watch as Q, computed as q, onMounted as Te, createElementBlock as r, openBlock as l, mergeProps as V, createCommentVNode as u, createElementVNode as O, renderSlot as a, createBlock as b, unref as s, normalizeClass as C, withCtx as j, createVNode as T, withDirectives as G, vModelText as Fe, vShow as J, normalizeProps as d, guardReactiveProps as g, Fragment as $e, createSlots as X, renderList as Y, toDisplayString as ke, isRef as Pe, nextTick as Me } from "vue";
 import { isMobile as m } from "../../../../utils/_platform.js";
 import Z from "../../../KunIcon/src/components/KunIcon.vue.js";
 import Ae from "../../../../icons/IconFilter.vue.js";
@@ -20,7 +20,7 @@ const Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto" }, Ue = { key:
 }, qe = { class: "text-center text-4xl" }, Ge = {
   key: 1,
   class: "sticky bottom-0 z-10 print:hidden"
-}, Je = "overflow-hidden h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", Xe = "table-auto w-full h-fit text-sm text-left", ms = {
+}, Je = "overflow-hidden h-dvh w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", Xe = "table-auto w-full h-fit text-sm text-left", ms = {
   __name: "KunTable",
   props: /* @__PURE__ */ W(Ne(), {
     selectedItems: { type: Array, default: () => [] },
@@ -41,11 +41,11 @@ const Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto" }, Ue = { key:
       items: ne,
       searchable: H,
       debounceTime: re
-    } = F, w = v(p.search);
+    } = F, w = y(p.search);
     Q(() => p.search, (e) => {
       e !== w.value && (w.value = e);
     });
-    const { filteredItems: ie, setSearch: ce, modalFilter: y, applyColumnFilters: ue, clearFilters: de, appliedFilters: pe } = He(F, re);
+    const { filteredItems: ie, setSearch: ce, modalFilter: v, applyColumnFilters: ue, clearFilters: de, appliedFilters: pe } = He(F, re);
     Q(w, (e) => {
       S("update:search", e), ce(e);
     });
@@ -60,7 +60,7 @@ const Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto" }, Ue = { key:
       isExpanded: A,
       sortBy: i.sortBy,
       hasActions: p.hasActions
-    })), we = [Je, le.value], ye = [Xe, te.value], N = q(() => p.headers.map((e) => {
+    })), we = [Je, le.value], ve = [Xe, te.value], N = q(() => p.headers.map((e) => {
       var t, c;
       const o = { ...e };
       if ((e.columnType === "function" || e.columnType == "objectFunction" || e.columnType == "simpleFunction") && typeof e.columnFunction == "string") {
@@ -78,8 +78,8 @@ const Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto" }, Ue = { key:
       return o;
     }));
     Te(() => L());
-    const K = v(null), R = v(!0), E = v(!1);
-    function ve() {
+    const K = y(null), R = y(!0), E = y(!1);
+    function ye() {
       Se();
     }
     function Se() {
@@ -93,7 +93,7 @@ const Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto" }, Ue = { key:
     function U() {
       m.value && (B.value = "w-full border", E.value = !1, R.value = !0, S("focusOnSearch", !0));
     }
-    const B = v("w-full border max-w-sm");
+    const B = y("w-full border max-w-sm");
     return (e, o) => (l(), r("div", V({ class: we }, e.$attrs, { style: { "user-select": "text" } }), [
       s(H) || e.filterable || e.$slots.prependSearch || e.$slots.appendSearch ? (l(), r("div", {
         key: 0,
@@ -107,7 +107,7 @@ const Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto" }, Ue = { key:
         e.filterable && e.filters.length ? (l(), b(Oe, {
           key: 0,
           class: "h-fit",
-          onClick: o[0] || (o[0] = (t) => y.value = !0),
+          onClick: o[0] || (o[0] = (t) => v.value = !0),
           rounded: "rounded-full",
           size: "xs",
           bgColor: "bg-green-200 dark:bg-green-800"
@@ -140,7 +140,7 @@ const Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto" }, Ue = { key:
           ]),
           G(T(Z, {
             icon: Ie,
-            onClick: ve
+            onClick: ye
           }, null, 512), [
             [J, E.value]
           ])
@@ -150,7 +150,7 @@ const Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto" }, Ue = { key:
       O("div", Le, [
         s(f).length ? (l(), r("table", {
           key: 0,
-          class: C(ye)
+          class: C(ve)
         }, [
           e.$slots.colgroup && !s(m) ? (l(), r("colgroup", Ue, [
             a(e.$slots, "colgroup", d(g(h.value)))
@@ -243,11 +243,11 @@ const Ke = ["placeholder"], Le = { class: "flex-1 overflow-auto" }, Ue = { key:
           "onUpdate:page": o[3] || (o[3] = (t) => s(i).page = t)
         }, null, 8, ["items-length", "items-per-page", "current-page", "page-options"])
       ])),
-      e.filterable && s(y) ? (l(), b(je, {
+      e.filterable && s(v) ? (l(), b(je, {
         key: 3,
         filters: e.filters,
-        modelValue: s(y),
-        "onUpdate:modelValue": o[4] || (o[4] = (t) => Pe(y) ? y.value = t : null),
+        modelValue: s(v),
+        "onUpdate:modelValue": o[4] || (o[4] = (t) => Pe(v) ? v.value = t : null),
         onApplyFilters: s(ue),
         onClearFilters: s(de),
         activeFilters: s(pe).byColumn

package/package.json

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