adverich-kun-ui 0.1.502 → 0.1.504

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

@@ -1,260 +1,277 @@
-import { mergeModels as Q, toRefs as Se, useModel as be, ref as v, watch as q, computed as G, onMounted as Ce, createElementBlock as r, openBlock as l, mergeProps as O, createCommentVNode as u, createElementVNode as j, renderSlot as a, createBlock as b, unref as s, normalizeClass as C, withCtx as x, createVNode as T, withDirectives as J, vModelText as Te, vShow as X, normalizeProps as d, guardReactiveProps as g, Fragment as Fe, createSlots as Y, renderList as Z, toDisplayString as $e, isRef as ke, nextTick as Pe } from "vue";
-import { isMobile as m } from "../../../../utils/_platform.js";
-import _ from "../../../KunIcon/src/components/KunIcon.vue.js";
-import Me from "../../../../icons/IconFilter.vue.js";
-import Ae from "../../../../icons/IconSearch.vue.js";
-import Ie from "./KunTableHeaders.vue.js";
-import Re from "./KunTableFooter.vue.js";
-import Ee from "./KunTableRows.vue.js";
-import Be from "./KunTableIterators.vue.js";
-import Ve from "../../../KunBtn/src/components/KunBtn.vue.js";
-import Oe from "./KunTableFilter.vue.js";
-import je from "../composables/useExpand.js";
-import xe from "../composables/useOptions.js";
-import ze from "../composables/useSelect.js";
-import De from "../composables/useFilter.js";
-import He from "../composables/KunTableProps.js";
-const Ne = ["placeholder"], Ke = { class: "flex-1 overflow-auto bg-surface" }, Le = { key: 0 }, Ue = { key: 5 }, We = {
+import { mergeModels as X, toRefs as Te, useModel as Fe, ref as C, watch as Y, computed as Z, onMounted as $e, createElementBlock as n, openBlock as l, mergeProps as z, createCommentVNode as a, createElementVNode as g, renderSlot as r, createBlock as T, unref as s, toDisplayString as D, withCtx as H, createVNode as F, normalizeClass as N, withDirectives as _, vModelText as Pe, vShow as ee, normalizeProps as d, guardReactiveProps as v, Fragment as Ae, createSlots as se, renderList as oe, isRef as Me, nextTick as xe } from "vue";
+import { isMobile as f } from "../../../../utils/_platform.js";
+import te from "../../../KunIcon/src/components/KunIcon.vue.js";
+import Ie from "../../../../icons/IconFilter.vue.js";
+import Re from "../../../../icons/IconSearch.vue.js";
+import Ee from "./KunTableHeaders.vue.js";
+import Be from "./KunTableFooter.vue.js";
+import Ve from "./KunTableRows.vue.js";
+import Oe from "./KunTableIterators.vue.js";
+import ze from "../../../KunBtn/src/components/KunBtn.vue.js";
+import De from "./KunTableFilter.vue.js";
+import He from "../composables/useExpand.js";
+import Ne from "../composables/useOptions.js";
+import je from "../composables/useSelect.js";
+import Ke from "../composables/useFilter.js";
+import Le from "../composables/KunTableProps.js";
+const Ue = {
+  key: 0,
+  class: "p-2 bg-surface print:hidden flex w-full justify-between"
+}, We = { class: "w-fit flex items-center" }, Qe = {
+  key: 0,
+  class: "flex items-center justify-center"
+}, qe = { class: "pr-2" }, Ge = { class: "flex h-full items-center" }, Je = ["placeholder"], Xe = { class: "flex-1 overflow-auto bg-surface" }, Ye = { key: 0 }, Ze = { key: 5 }, _e = {
   key: 1,
   class: "h-full flex justify-center items-center"
-}, Qe = { class: "text-center text-4xl" }, qe = {
+}, es = { class: "text-center text-4xl" }, ss = {
   key: 1,
   class: "sticky bottom-0 z-10 print:hidden"
-}, Ge = "overflow-hidden 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", ms = {
+}, os = "overflow-hidden h-full w-full flex flex-col border border-slate-200 dark:border-slate-800 rounded", ts = "table-auto w-full h-fit text-sm text-left", Ss = {
   __name: "KunTable",
-  props: /* @__PURE__ */ Q(He(), {
+  props: /* @__PURE__ */ X(Le(), {
     selectedItems: { type: Array, default: () => [] },
     selectedItemsModifiers: {}
   }),
-  emits: /* @__PURE__ */ Q(["update:page", "update:itemsPerPage", "update:sortBy", "update:search", "focusOnSearch"], ["update:selectedItems"]),
-  setup(z, { emit: ee }) {
-    const S = ee, p = z, F = Se(p), se = be(z, "selectedItems"), {
-      headers: D,
-      showExpand: $,
-      showSelect: k,
-      rowClass: H,
-      hideDefaultFooter: oe,
-      hideDefaultHeader: te,
-      tableClass: le,
-      wrapperClass: ae,
-      pageOptions: ne,
-      items: Xe,
-      searchable: N,
-      debounceTime: re
-    } = F, w = v(p.search);
-    q(() => p.search, (e) => {
-      e !== w.value && (w.value = e);
+  emits: /* @__PURE__ */ X(["update:page", "update:itemsPerPage", "update:sortBy", "update:search", "focusOnSearch"], ["update:selectedItems"]),
+  setup(j, { emit: le }) {
+    const k = le, p = j, $ = Te(p), w = Fe(j, "selectedItems"), {
+      headers: K,
+      showExpand: P,
+      showSelect: A,
+      rowClass: L,
+      hideDefaultFooter: ne,
+      hideDefaultHeader: ae,
+      tableClass: re,
+      wrapperClass: ie,
+      pageOptions: ce,
+      items: ls,
+      searchable: U,
+      debounceTime: ue
+    } = $, y = C(p.search);
+    Y(() => p.search, (e) => {
+      e !== y.value && (y.value = e);
     });
-    const P = G(() => p.headers.map((e) => {
-      var t, c;
+    const M = Z(() => p.headers.map((e) => {
+      var t, u;
       const o = { ...e };
       if ((e.columnType === "function" || e.columnType == "objectFunction" || e.columnType == "simpleFunction") && typeof e.columnFunction == "string") {
-        const n = (t = p.functionMap) == null ? void 0 : t[e.columnFunction];
-        typeof n == "function" ? o.columnFunction = n : (console.warn(
+        const i = (t = p.functionMap) == null ? void 0 : t[e.columnFunction];
+        typeof i == "function" ? o.columnFunction = i : (console.warn(
           `[KunTable] No se encontró la función "${e.columnFunction}" en functionMap`
         ), o.columnFunction = () => "");
       }
       if (e.columnFormat === "function" && typeof e.columnRowText == "string") {
-        const n = (c = p.functionMap) == null ? void 0 : c[e.columnRowText];
-        typeof n == "function" ? o.columnRowText = n : (console.warn(
+        const i = (u = p.functionMap) == null ? void 0 : u[e.columnRowText];
+        typeof i == "function" ? o.columnRowText = i : (console.warn(
           `[KunTable] No se encontró la función "${e.columnRowText}" en functionMap`
         ), o.columnRowText = () => "");
       }
       return o;
-    })), { filteredItems: K, setSearch: ie, modalFilter: y, applyColumnFilters: ce, clearFilters: ue, appliedFilters: de } = De(F, re, P);
-    q(w, (e) => {
-      S("update:search", e), ie(e);
+    })), { filteredItems: b, setSearch: de, modalFilter: S, applyColumnFilters: pe, clearFilters: me, appliedFilters: fe } = Ke($, ue, M);
+    Y(y, (e) => {
+      k("update:search", e), de(e);
     });
-    const { options: i, paginatedItems: f, updateSort: pe } = xe(F, S, K), { isSelected: M, toggleSelect: A, toggleSelectAll: me, allSelected: fe, someSelected: he } = ze(f, se), { isExpanded: I, toggleExpand: R } = je(), h = G(() => ({
-      items: f.value,
-      headers: D.value,
-      page: i.page,
-      itemsPerPage: i.itemsPerPage,
-      toggleSelect: A,
-      isSelected: M,
-      toggleExpand: R,
-      isExpanded: I,
-      sortBy: i.sortBy,
+    const { options: c, paginatedItems: m, updateSort: he } = Ne($, k, b), { isSelected: x, toggleSelect: I, toggleSelectAll: ge, allSelected: ve, someSelected: we, moreThanPaginated: ye, clearSelection: W, selectCompleteAll: Q } = je(m, w, b), { isExpanded: R, toggleExpand: E } = He(), h = Z(() => ({
+      items: m.value,
+      headers: K.value,
+      page: c.page,
+      itemsPerPage: c.itemsPerPage,
+      toggleSelect: I,
+      isSelected: x,
+      toggleExpand: E,
+      isExpanded: R,
+      sortBy: c.sortBy,
       hasActions: p.hasActions
-    })), ge = [Ge, ae.value], we = [Je, le.value];
-    Ce(() => U());
-    const L = v(null), E = v(!0), B = v(!1);
-    function ye() {
-      ve();
+    })), be = [os, ie.value], Se = [ts, re.value];
+    $e(() => G());
+    const q = C(null), B = C(!0), V = C(!1);
+    function Ce() {
+      ke();
     }
-    function ve() {
-      m.value && (W(), Pe(() => {
-        L.value.focus();
+    function ke() {
+      f.value && (J(), xe(() => {
+        q.value.focus();
       }));
     }
-    function U() {
-      m.value && (V.value = "w-fit", E.value = !1, B.value = !0, S("focusOnSearch", !1));
+    function G() {
+      f.value && (O.value = "w-fit", B.value = !1, V.value = !0, k("focusOnSearch", !1));
     }
-    function W() {
-      m.value && (V.value = "w-full border", B.value = !1, E.value = !0, S("focusOnSearch", !0));
+    function J() {
+      f.value && (O.value = "w-full border", V.value = !1, B.value = !0, k("focusOnSearch", !0));
     }
-    const V = v("w-full border max-w-sm");
-    return (e, o) => (l(), r("div", O({ class: ge }, e.$attrs, { style: { "user-select": "text" } }), [
-      s(N) || e.filterable || e.$slots.prependSearch || e.$slots.appendSearch ? (l(), r("div", {
-        key: 0,
-        class: C(["p-2 bg-surface print:hidden", {
-          "justify-start flex": e.searchPosition === "start",
-          "justify-center flex": e.searchPosition === "center",
-          "justify-end flex": e.searchPosition === "end"
-        }])
-      }, [
-        a(e.$slots, "prependSearch"),
-        e.filterable && e.filters.length ? (l(), b(Ve, {
-          key: 0,
-          class: "h-fit",
-          onClick: o[0] || (o[0] = (t) => y.value = !0),
-          rounded: "rounded-full",
-          size: "xs",
-          bgColor: "bg-green-200 dark:bg-green-800"
-        }, {
-          default: x(() => [
-            T(_, {
-              class: "h-fit",
-              icon: Me,
-              size: "text-lg"
-            })
-          ]),
-          _: 1
-        })) : u("", !0),
-        s(N) ? (l(), r("div", {
-          key: 1,
-          class: C(["rounded flex mx-2", [V.value]])
-        }, [
-          J(j("input", {
-            "onUpdate:modelValue": o[1] || (o[1] = (t) => w.value = t),
-            type: "text",
-            placeholder: e.searchPlaceholder,
-            class: C(["w-full text-sm", s(m) ? "px-1" : "px-2 py-1"]),
-            ref_key: "searchRef",
-            ref: L,
-            onFocus: W,
-            onBlur: U
-          }, null, 42, Ne), [
-            [Te, w.value],
-            [X, E.value]
-          ]),
-          J(T(_, {
-            icon: Ae,
-            onClick: ye
-          }, null, 512), [
-            [X, B.value]
-          ])
-        ], 2)) : u("", !0),
-        a(e.$slots, "appendSearch")
-      ], 2)) : u("", !0),
-      j("div", Ke, [
-        s(f).length ? (l(), r("table", {
+    const O = C("w-full border max-w-sm");
+    return (e, o) => (l(), n("div", z({ class: be }, e.$attrs, { style: { "user-select": "text" } }), [
+      s(U) || e.filterable || e.$slots.prependSearch || e.$slots.appendSearch ? (l(), n("div", Ue, [
+        g("div", We, [
+          r(e.$slots, "prependSearch")
+        ]),
+        w.value.length ? (l(), n("div", Qe, [
+          g("span", qe, "Se han seleccionado " + D(w.value.length) + " registros.", 1),
+          s(m).length === w.value.length ? (l(), n("span", {
+            key: 0,
+            class: "bg-secondary hover:!bg-blue-500 rounded cursor-pointer px-2",
+            onClick: o[0] || (o[0] = (...t) => s(Q) && s(Q)(...t))
+          }, "Seleccionar todos los " + D(s(b).length) + " registros", 1)) : a("", !0),
+          s(b).length === w.value.length ? (l(), n("span", {
+            key: 1,
+            class: "bg-secondary hover:!bg-blue-500 rounded cursor-pointer px-2",
+            onClick: o[1] || (o[1] = (...t) => s(W) && s(W)(...t))
+          }, "Anular selección")) : a("", !0)
+        ])) : a("", !0),
+        g("div", Ge, [
+          e.filterable && e.filters.length ? (l(), T(ze, {
+            key: 0,
+            class: "h-fit",
+            onClick: o[2] || (o[2] = (t) => S.value = !0),
+            rounded: "rounded-full",
+            size: "xs",
+            bgColor: "bg-green-200 dark:bg-green-800"
+          }, {
+            default: H(() => [
+              F(te, {
+                class: "h-fit",
+                icon: Ie,
+                size: "text-lg"
+              })
+            ]),
+            _: 1
+          })) : a("", !0),
+          s(U) ? (l(), n("div", {
+            key: 1,
+            class: N(["rounded flex mx-2", [O.value]])
+          }, [
+            _(g("input", {
+              "onUpdate:modelValue": o[3] || (o[3] = (t) => y.value = t),
+              type: "text",
+              placeholder: e.searchPlaceholder,
+              class: N(["w-full text-sm", s(f) ? "px-1" : "px-2 py-1"]),
+              ref_key: "searchRef",
+              ref: q,
+              onFocus: J,
+              onBlur: G
+            }, null, 42, Je), [
+              [Pe, y.value],
+              [ee, B.value]
+            ]),
+            _(F(te, {
+              icon: Re,
+              onClick: Ce
+            }, null, 512), [
+              [ee, V.value]
+            ])
+          ], 2)) : a("", !0),
+          r(e.$slots, "appendSearch")
+        ])
+      ])) : a("", !0),
+      g("div", Xe, [
+        s(m).length ? (l(), n("table", {
           key: 0,
-          class: C(we)
+          class: N(Se)
         }, [
-          e.$slots.colgroup && !s(m) ? (l(), r("colgroup", Le, [
-            a(e.$slots, "colgroup", d(g(h.value)))
-          ])) : u("", !0),
-          !s(te) && !s(m) ? (l(), b(Ie, {
+          e.$slots.colgroup && !s(f) ? (l(), n("colgroup", Ye, [
+            r(e.$slots, "colgroup", d(v(h.value)))
+          ])) : a("", !0),
+          !s(ae) && !s(f) ? (l(), T(Ee, {
             key: 1,
-            headers: s(D),
-            "sort-by": s(i).sortBy,
-            "show-select": s(k),
-            "show-expand": s($),
-            "all-selected": s(fe),
-            "some-selected": s(he),
+            headers: s(K),
+            "sort-by": s(c).sortBy,
+            "show-select": s(A),
+            "show-expand": s(P),
+            "all-selected": s(ve),
+            "more-than-paginated": s(ye),
+            "some-selected": s(we),
             "thead-class": e.theadClass,
             "tr-class": e.trClass,
             "th-class": e.thClass,
             "has-actions": e.hasActions,
             "action-label": e.actionLabel,
-            onSort: s(pe),
-            onToggleSelectAll: s(me),
+            onSort: s(he),
+            onToggleSelectAll: s(ge),
             customHeaders: e.customSlots
-          }, 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", "customHeaders"])) : a(e.$slots, "thead", d(O({ key: 2 }, h.value))),
-          s(m) ? (l(), b(Be, {
+          }, null, 8, ["headers", "sort-by", "show-select", "show-expand", "all-selected", "more-than-paginated", "some-selected", "thead-class", "tr-class", "th-class", "has-actions", "action-label", "onSort", "onToggleSelectAll", "customHeaders"])) : r(e.$slots, "thead", d(z({ key: 2 }, h.value))),
+          s(f) ? (l(), T(Oe, {
             key: 4,
-            items: s(f),
-            headers: P.value,
-            "row-class": s(H),
+            items: s(m),
+            headers: M.value,
+            "row-class": s(L),
             "row-class-condition": e.rowClassCondition,
-            "is-selected": s(M),
-            "is-expanded": s(I),
-            "show-select": s(k),
-            "show-expand": s($),
+            "is-selected": s(x),
+            "is-expanded": s(R),
+            "show-select": s(A),
+            "show-expand": s(P),
             "has-actions": e.hasActions,
             "action-loading-map": e.actionLoadingMap,
-            onToggleExpand: s(R),
-            onToggleSelect: s(A),
+            onToggleExpand: s(E),
+            onToggleSelect: s(I),
             customSlots: e.customSlots
-          }, Y({ _: 2 }, [
-            Z(e.$slots, (t, c) => ({
-              name: c,
-              fn: x((n) => [
-                a(e.$slots, c, d(g(n)))
+          }, se({ _: 2 }, [
+            oe(e.$slots, (t, u) => ({
+              name: u,
+              fn: H((i) => [
+                r(e.$slots, u, d(v(i)))
               ])
             }))
-          ]), 1032, ["items", "headers", "row-class", "row-class-condition", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect", "customSlots"])) : (l(), r(Fe, { key: 3 }, [
-            a(e.$slots, "body.prepend", d(g(h.value))),
-            T(Ee, {
-              items: s(f),
-              headers: P.value,
+          ]), 1032, ["items", "headers", "row-class", "row-class-condition", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect", "customSlots"])) : (l(), n(Ae, { key: 3 }, [
+            r(e.$slots, "body.prepend", d(v(h.value))),
+            F(Ve, {
+              items: s(m),
+              headers: M.value,
               "tbody-class": e.tbodyClass,
-              "row-class": s(H),
+              "row-class": s(L),
               "row-class-condition": e.rowClassCondition,
               "tr-class": e.trClass,
               "td-class": e.tdClass,
               "selected-class": e.selectedClass,
               "striped-class": e.stripedClass,
-              "is-selected": s(M),
-              "is-expanded": s(I),
-              "show-select": s(k),
-              "show-expand": s($),
+              "is-selected": s(x),
+              "is-expanded": s(R),
+              "show-select": s(A),
+              "show-expand": s(P),
               "has-actions": e.hasActions,
               "action-loading-map": e.actionLoadingMap,
-              onToggleExpand: s(R),
-              onToggleSelect: s(A),
+              onToggleExpand: s(E),
+              onToggleSelect: s(I),
               customSlots: e.customSlots
-            }, Y({ _: 2 }, [
-              Z(e.$slots, (t, c) => ({
-                name: c,
-                fn: x((n) => [
-                  a(e.$slots, c, d(g(n)))
+            }, se({ _: 2 }, [
+              oe(e.$slots, (t, u) => ({
+                name: u,
+                fn: H((i) => [
+                  r(e.$slots, u, d(v(i)))
                 ])
               }))
             ]), 1032, ["items", "headers", "tbody-class", "row-class", "row-class-condition", "tr-class", "td-class", "selected-class", "striped-class", "is-selected", "is-expanded", "show-select", "show-expand", "has-actions", "action-loading-map", "onToggleExpand", "onToggleSelect", "customSlots"]),
-            a(e.$slots, "body.append", d(g(h.value)))
+            r(e.$slots, "body.append", d(v(h.value)))
           ], 64)),
-          e.$slots.tfoot ? (l(), r("tfoot", Ue, [
-            a(e.$slots, "tfoot", d(g(h.value)))
-          ])) : u("", !0)
-        ])) : u("", !0),
-        s(f).length ? u("", !0) : (l(), r("div", We, [
-          j("div", Qe, $e(e.noDataText), 1)
+          e.$slots.tfoot ? (l(), n("tfoot", Ze, [
+            r(e.$slots, "tfoot", d(v(h.value)))
+          ])) : a("", !0)
+        ])) : a("", !0),
+        s(m).length ? a("", !0) : (l(), n("div", _e, [
+          g("div", es, D(e.noDataText), 1)
         ]))
       ]),
-      s(oe) ? a(e.$slots, "footer", d(O({ key: 2 }, h.value))) : (l(), r("div", qe, [
-        T(Re, {
-          "items-length": s(K).length,
-          "items-per-page": s(i).itemsPerPage,
-          "current-page": s(i).page,
-          "page-options": s(ne),
-          "onUpdate:itemsPerPage": o[2] || (o[2] = (t) => s(i).itemsPerPage = t),
-          "onUpdate:page": o[3] || (o[3] = (t) => s(i).page = t)
+      s(ne) ? r(e.$slots, "footer", d(z({ key: 2 }, h.value))) : (l(), n("div", ss, [
+        F(Be, {
+          "items-length": s(b).length,
+          "items-per-page": s(c).itemsPerPage,
+          "current-page": s(c).page,
+          "page-options": s(ce),
+          "onUpdate:itemsPerPage": o[4] || (o[4] = (t) => s(c).itemsPerPage = t),
+          "onUpdate:page": o[5] || (o[5] = (t) => s(c).page = t)
         }, null, 8, ["items-length", "items-per-page", "current-page", "page-options"])
       ])),
-      e.filterable && s(y) ? (l(), b(Oe, {
+      e.filterable && s(S) ? (l(), T(De, {
         key: 3,
         filters: e.filters,
-        modelValue: s(y),
-        "onUpdate:modelValue": o[4] || (o[4] = (t) => ke(y) ? y.value = t : null),
-        onApplyFilters: s(ce),
-        onClearFilters: s(ue),
-        activeFilters: s(de).byColumn
-      }, null, 8, ["filters", "modelValue", "onApplyFilters", "onClearFilters", "activeFilters"])) : u("", !0)
+        modelValue: s(S),
+        "onUpdate:modelValue": o[6] || (o[6] = (t) => Me(S) ? S.value = t : null),
+        onApplyFilters: s(pe),
+        onClearFilters: s(me),
+        activeFilters: s(fe).byColumn
+      }, null, 8, ["filters", "modelValue", "onApplyFilters", "onClearFilters", "activeFilters"])) : a("", !0)
     ], 16));
   }
 };
 export {
-  ms as default
+  Ss as default
 };

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

@@ -1,12 +1,12 @@
-import { computed as k, ref as b, onMounted as g, createBlock as x, createCommentVNode as C, openBlock as d, withCtx as l, createElementVNode as c, createVNode as o, createElementBlock as $, Fragment as N, renderList as h, createTextVNode as V } from "vue";
+import { computed as g, ref as k, onMounted as b, watch as C, createBlock as x, createCommentVNode as $, openBlock as d, withCtx as o, createElementVNode as c, createVNode as a, createElementBlock as h, Fragment as N, renderList as w, createTextVNode as V } from "vue";
 import z from "../../../KunDialog/src/components/KunDialog.vue.js";
-import B from "../../../KunRow/src/components/KunRow.vue.js";
-import j from "../../../KunCol/src/components/KunCol.vue.js";
-import w from "../../../KunAutocomplete/src/components/KunAutocomplete.vue.js";
+import A from "../../../KunRow/src/components/KunRow.vue.js";
+import B from "../../../KunCol/src/components/KunCol.vue.js";
+import j from "../../../KunAutocomplete/src/components/KunAutocomplete.vue.js";
 import p from "../../../KunBtn/src/components/KunBtn.vue.js";
 import T from "../../../KunIcon/src/components/KunIcon.vue.js";
 import U from "../../../../icons/IconClose.vue.js";
-const A = { class: "w-full" }, D = { class: "flex justify-end px-1" }, E = { class: "flex justify-end mt-8 p-2 gap-x-2" }, q = {
+const D = { class: "w-full" }, E = { class: "flex justify-end px-1" }, I = { class: "flex justify-end mt-8 p-2 gap-x-2" }, G = {
   __name: "KunTableFilter",
   props: {
     modelValue: Boolean,
@@ -15,44 +15,47 @@ const A = { class: "w-full" }, D = { class: "flex justify-end px-1" }, E = { cla
   },
   emits: ["update:modelValue", "applyFilters", "clearFilters"],
   setup(f, { emit: v }) {
-    const n = f, i = v, m = k({
+    const n = f, r = v, m = g({
       get: () => n.modelValue,
-      set: (a) => i("update:modelValue", a)
-    }), s = b({});
-    g(() => {
-      s.value = { ...n.filters.reduce((a, t) => {
+      set: (l) => r("update:modelValue", l)
+    }), i = k({});
+    b(() => {
+      i.value = { ...n.filters.reduce((l, t) => {
         var _;
-        const e = t.key, r = (_ = n.activeFilters) == null ? void 0 : _[e];
-        return r !== void 0 && (a[e] = r), a;
+        const e = t.value, s = (_ = n.activeFilters) == null ? void 0 : _[e];
+        return s !== void 0 && (l[e] = s), l;
       }, {}) };
     });
-    function F() {
-      i("applyFilters", s.value), u();
-    }
     function y() {
-      i("clearFilters"), u();
+      r("applyFilters", i.value), u();
+    }
+    function F() {
+      r("clearFilters"), u();
     }
     function u() {
-      i("update:modelValue", !1);
+      r("update:modelValue", !1);
     }
-    return (a, t) => m.value ? (d(), x(z, {
+    return C(i, (l) => {
+      for (const t in l)
+        Array.isArray(l[t]) && l[t].length === 0 && delete l[t];
+    }, { deep: !0 }), (l, t) => m.value ? (d(), x(z, {
       key: 0,
       modelValue: m.value,
       "onUpdate:modelValue": t[0] || (t[0] = (e) => m.value = e),
       yPosition: "top",
       maxWidth: "max-w-1/2"
     }, {
-      default: l(() => [
-        c("div", A, [
-          c("div", D, [
-            o(p, {
+      default: o(() => [
+        c("div", D, [
+          c("div", E, [
+            a(p, {
               onClick: u,
               rounded: "rounded-full",
               size: "xxs",
               bgColor: "bg-transparent"
             }, {
-              default: l(() => [
-                o(T, {
+              default: o(() => [
+                a(T, {
                   color: "text-red-500",
                   icon: U,
                   size: "text-lg"
@@ -61,17 +64,17 @@ const A = { class: "w-full" }, D = { class: "flex justify-end px-1" }, E = { cla
               _: 1
             })
           ]),
-          o(B, null, {
-            default: l(() => [
-              (d(!0), $(N, null, h(f.filters, (e) => (d(), x(j, {
+          a(A, null, {
+            default: o(() => [
+              (d(!0), h(N, null, w(f.filters, (e) => (d(), x(B, {
                 cols: "4",
                 class: "px-2"
               }, {
-                default: l(() => [
-                  o(w, {
+                default: o(() => [
+                  a(j, {
                     multiple: "",
-                    modelValue: s.value[e.value],
-                    "onUpdate:modelValue": (r) => s.value[e.value] = r,
+                    modelValue: i.value[e.value],
+                    "onUpdate:modelValue": (s) => i.value[e.value] = s,
                     items: e.items,
                     "z-index": "z-250",
                     "item-value": "id",
@@ -87,16 +90,16 @@ const A = { class: "w-full" }, D = { class: "flex justify-end px-1" }, E = { cla
             ]),
             _: 1
           }),
-          c("div", E, [
-            o(p, { onClick: y }, {
-              default: l(() => t[1] || (t[1] = [
+          c("div", I, [
+            a(p, { onClick: F }, {
+              default: o(() => t[1] || (t[1] = [
                 V(" Limpiar filtros ")
               ])),
               _: 1,
               __: [1]
             }),
-            o(p, { onClick: F }, {
-              default: l(() => t[2] || (t[2] = [
+            a(p, { onClick: y }, {
+              default: o(() => t[2] || (t[2] = [
                 V(" Aplicar ")
               ])),
               _: 1,
@@ -106,9 +109,9 @@ const A = { class: "w-full" }, D = { class: "flex justify-end px-1" }, E = { cla
         ])
       ]),
       _: 1
-    }, 8, ["modelValue"])) : C("", !0);
+    }, 8, ["modelValue"])) : $("", !0);
   }
 };
 export {
-  q as default
+  G as default
 };