vueye-table 2.0.0-alpha.12 → 2.0.0-alpha.13

package/dist/vueye-table.js

@@ -1,67 +1,67 @@
-import { openBlock as h, createElementBlock as g, createElementVNode as i, defineComponent as M, mergeDefaults as H, ref as V, computed as v, watchEffect as J, unref as c, toDisplayString as P, createVNode as $, createCommentVNode as T, withDirectives as E, normalizeClass as S, Fragment as L, renderList as B, vShow as X, nextTick as ee, mergeProps as te, isRef as I, vModelCheckbox as ne, createStaticVNode as oe, renderSlot as m, createTextVNode as G, toValue as O, useSlots as le, createSlots as x, withCtx as R, normalizeProps as j, guardReactiveProps as D } from "vue";
-function se(t) {
+import { openBlock as g, createElementBlock as b, createElementVNode as d, defineComponent as L, mergeDefaults as D, ref as C, computed as m, watchEffect as Y, unref as c, toDisplayString as P, createVNode as $, createCommentVNode as z, withDirectives as F, normalizeClass as K, Fragment as j, renderList as R, vShow as q, nextTick as te, mergeProps as ne, isRef as A, vModelCheckbox as oe, createStaticVNode as le, renderSlot as y, createTextVNode as J, watch as se, toValue as S, useSlots as ae, createSlots as X, withCtx as O, normalizeProps as M, guardReactiveProps as H } from "vue";
+function re(t) {
   return t.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/(?:^|\s)\S/g, (n) => n.toUpperCase()).trim().replace(/\s\s+/g, " ");
 }
-function z(t) {
+function Q(t) {
   let n = 1;
   return t.forEach((e) => {
-    e.children && (n = Math.max(n, z(e.children) + 1));
+    e.children && (n = Math.max(n, Q(e.children) + 1));
   }), n;
 }
-function F(t) {
+function W(t) {
   let n = 0;
   return t.forEach((e) => {
-    e.children ? n += F(e.children) : n++;
+    e.children ? n += W(e.children) : n++;
   }), n;
 }
-function Q(t, n, e = [], o = 0, s = 0, r = "") {
-  return t.forEach((d) => {
-    if (e[o] || (e[o] = []), d.children) {
-      const { children: _, ...a } = d, l = F(_);
+function Z(t, n, e = [], o = 0, s = 0, a = "") {
+  return t.forEach((u) => {
+    if (e[o] || (e[o] = []), u.children) {
+      const { children: h, ...r } = u, l = W(h);
       e[o].push({
-        ...a,
+        ...r,
         colSpan: l,
         scope: "colgroup"
-      }), Q(_, n, e, o + 1, s + 1, `${r}${d.key}.`);
+      }), Z(h, n, e, o + 1, s + 1, `${a}${u.key}.`);
     } else {
-      const _ = n - s;
+      const h = n - s;
       e[o].push({
-        ...d,
-        key: d.key,
-        fullKey: `${r}${d.key}`,
-        label: d.label,
-        rowSpan: _,
+        ...u,
+        key: u.key,
+        fullKey: `${a}${u.key}`,
+        label: u.label,
+        rowSpan: h,
         scope: "col",
-        sortable: Object.prototype.hasOwnProperty.call(d, "sortable") ? d.sortable : !0
+        sortable: Object.prototype.hasOwnProperty.call(u, "sortable") ? u.sortable : !0
       });
     }
   }), e;
 }
-function W(t, n = "", e = []) {
+function I(t, n = "", e = []) {
   return t.forEach((o) => {
-    o.children ? W(o.children, `${n}${o.key}.`, e) : e.push(`${n}${o.key}`);
+    o.children ? I(o.children, `${n}${o.key}.`, e) : e.push(`${n}${o.key}`);
   }), e;
 }
-function Kt(t) {
-  const n = z(t);
-  return Q(t, n).reduce((s, r) => [...s, ...r], []);
+function At(t) {
+  const n = Q(t);
+  return Z(t, n).reduce((s, a) => [...s, ...a], []);
 }
-function Y(t) {
+function G(t) {
   const n = [];
   for (const e in t) {
-    const o = se(e), s = {
+    const o = re(e), s = {
       key: e,
       label: o
     };
     if (typeof t[e] == "object" && t[e] !== null) {
-      const r = Y(t[e]);
-      r.length > 0 && (s.children = r);
+      const a = G(t[e]);
+      a.length > 0 && (s.children = a);
     }
     n.push(s);
   }
   return n;
 }
-const ae = (t, n) => {
+const ce = (t, n) => {
   const e = n.split(".");
   let o = t;
   for (let s = 0; s < e.length; s++)
@@ -71,39 +71,40 @@ const ae = (t, n) => {
       return;
   return o;
 };
-function re(t, n) {
-  return t.map((e) => W(n).map((o) => ({
-    [o]: ae(e, o)
-  })).reduce((o, s) => ({ ...o, ...s }), {}));
+function ie(t, n) {
+  return t.map((e) => n.map((a) => ({
+    [a]: ce(e, a)
+    // ...row,
+  })).reduce((a, u) => ({ ...a, ...u }), {}));
 }
-function ce(t, n = 0, e = t.length) {
+function ue(t, n = 0, e = t.length) {
   return t.slice(n, e);
 }
-function Z(t) {
+function x(t) {
   const n = {};
   for (const [e, o] of Object.entries(t))
     if (e.includes(".")) {
-      const [s, r] = e.split(".");
-      n[s] || (n[s] = {}), n[s][r] = o;
+      const [s, a] = e.split(".");
+      n[s] || (n[s] = {}), n[s][a] = o;
     } else
       n[e] = o;
   for (const [e, o] of Object.entries(n))
-    typeof o == "object" && (n[e] = Z(o));
+    typeof o == "object" && (n[e] = x(o));
   return n;
 }
-function ie(t) {
+function de(t) {
   const n = [];
   for (const e in t)
-    typeof t[e] == "object" ? n.push(...ie(t[e])) : n.push(t[e]);
+    typeof t[e] == "object" ? n.push(...de(t[e])) : n.push(t[e]);
   return n;
 }
-function ue(t) {
+function pe(t) {
   return typeof t != "function" || typeof t != "object";
 }
-function Nt(t) {
+function It(t) {
   return (n, e, o) => t(n, e, o);
 }
-function de() {
+function _e() {
   return {
     itemValue: "id",
     columnHeaders: () => [],
@@ -119,12 +120,12 @@ function de() {
     filterQuery: "",
     filterBy: void 0,
     filterMethod: (t, n, e) => t === "" || t === void 0 || e === void 0 || e.length === 0 ? !0 : e == null ? void 0 : e.some((s) => {
-      const r = n[s];
-      return ue(r) ? r == null ? void 0 : r.toString().toLowerCase().includes(t.toLowerCase()) : !1;
+      const a = n[s];
+      return pe(a) ? a == null ? void 0 : a.toString().toLowerCase().includes(t.toLowerCase()) : !1;
     })
   };
 }
-const pe = {
+const he = {
   options: () => [],
   modelValue: "",
   label: ""
@@ -133,99 +134,99 @@ const pe = {
   for (const [o, s] of n)
     e[o] = s;
   return e;
-}, _e = {}, he = {
+}, ge = {}, be = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 24 24"
-}, ge = /* @__PURE__ */ i("path", {
+}, fe = /* @__PURE__ */ d("path", {
   fill: "none",
   stroke: "currentColor",
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "1.5",
   d: "m19 9l-7 6l-7-6"
-}, null, -1), be = [
-  ge
+}, null, -1), me = [
+  fe
 ];
-function fe(t, n) {
-  return h(), g("svg", he, be);
+function ye(t, n) {
+  return g(), b("svg", be, me);
 }
-const me = /* @__PURE__ */ U(_e, [["render", fe]]), ve = { class: "table__dropdown-wrapper" }, we = ["aria-expanded"], ye = {
+const ve = /* @__PURE__ */ U(ge, [["render", ye]]), we = { class: "table__dropdown-wrapper" }, ke = ["aria-expanded"], $e = {
   class: "py-1",
   role: "none"
-}, ke = ["onClick"], $e = /* @__PURE__ */ M({
+}, Pe = ["onClick"], Ce = /* @__PURE__ */ L({
   __name: "VueyeDropdown",
-  props: H({
+  props: D({
     options: {},
     modelValue: {},
     label: {},
     defaultValue: {}
-  }, pe),
+  }, he),
   emits: ["update:modelValue"],
   setup(t, { emit: n }) {
-    const e = t, o = V(!1), s = V(-1), r = V(null), d = V(null), _ = V(!0), a = v(() => s.value === -1 ? e.options[0] : e.options[s.value]), l = `dropdown-label-${Math.random().toString(36).substring(2, 9)}`;
-    async function u() {
-      var w, p;
+    const e = t, o = C(!1), s = C(-1), a = C(null), u = C(null), h = C(!0), r = m(() => s.value === -1 ? e.options[0] : e.options[s.value]), l = `dropdown-label-${Math.random().toString(36).substring(2, 9)}`;
+    async function i() {
+      var v, p;
       if (o.value = !o.value, o.value) {
-        await ee();
-        const C = ((w = r.value) == null ? void 0 : w.getBoundingClientRect()) ?? { bottom: 0 }, k = ((p = d.value) == null ? void 0 : p.offsetHeight) ?? 200;
-        _.value = window.innerHeight - (C == null ? void 0 : C.bottom) > k;
+        await te();
+        const k = ((v = a.value) == null ? void 0 : v.getBoundingClientRect()) ?? { bottom: 0 }, V = ((p = u.value) == null ? void 0 : p.offsetHeight) ?? 200;
+        h.value = window.innerHeight - (k == null ? void 0 : k.bottom) > V;
       }
     }
-    function b(w) {
-      s.value = w, o.value = !1, n("update:modelValue", a.value.content);
+    function _(v) {
+      s.value = v, o.value = !1, n("update:modelValue", r.value.content);
     }
-    return J(() => {
-      const w = e.options.findIndex((p) => p.content === e.modelValue);
-      w !== -1 && (s.value = w), e.modelValue === void 0 && (s.value = -1);
-    }), (w, p) => (h(), g("div", ve, [
-      i("button", {
+    return Y(() => {
+      const v = e.options.findIndex((p) => p.content === e.modelValue);
+      v !== -1 && (s.value = v), e.modelValue === void 0 && (s.value = -1);
+    }), (v, p) => (g(), b("div", we, [
+      d("button", {
         type: "button",
         class: "table__dropdown-trigger",
-        onClick: u,
+        onClick: i,
         "aria-expanded": c(o),
         "aria-haspopup": !0,
         ref_key: "buttonRef",
-        ref: r
+        ref: a
       }, [
-        i("span", null, P(c(a).label), 1),
-        $(me)
-      ], 8, we),
-      c(o) ? (h(), g("div", {
+        d("span", null, P(c(r).label), 1),
+        $(ve)
+      ], 8, ke),
+      c(o) ? (g(), b("div", {
         key: 0,
         class: "table__dropdown-overlay",
-        onClick: u
-      })) : T("", !0),
-      E(i("div", {
-        class: S(["table__dropdown-menu", { "table__dropdown-menu--top": !c(_) }]),
+        onClick: i
+      })) : z("", !0),
+      F(d("div", {
+        class: K(["table__dropdown-menu", { "table__dropdown-menu--top": !c(h) }]),
         role: "menu",
         "aria-orientation": "vertical",
         "aria-labelledby": l,
         ref_key: "dropdownMenuRef",
-        ref: d
+        ref: u
       }, [
-        i("div", ye, [
-          (h(!0), g(L, null, B(w.options, (C, k) => (h(), g("button", {
-            key: k,
-            class: S([{
-              "table__dropdown-menu-item--selected ": k === c(s)
+        d("div", $e, [
+          (g(!0), b(j, null, R(v.options, (k, V) => (g(), b("button", {
+            key: V,
+            class: K([{
+              "table__dropdown-menu-item--selected ": V === c(s)
             }, "table__dropdown-menu-item"]),
             role: "menuitem",
-            onClick: (K) => b(k)
-          }, P(C.label), 11, ke))), 128))
+            onClick: (B) => _(V)
+          }, P(k.label), 11, Pe))), 128))
         ])
       ], 2), [
-        [X, c(o)]
+        [q, c(o)]
       ])
     ]));
   }
-}), Pe = {
+}), Ve = {
   loading: !1,
   bodyRows: () => [],
   itemValue: "id",
   columnsLength: 0
-}, Ce = ["id", "checked", "indeterminate"], Ve = ["for"], Se = /* @__PURE__ */ oe('<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" aria-hidden="true"><g fill="none" stroke="currentColor" stroke-width="1.5"><path class="rounded-square" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Z"></path><path class="checkmark" stroke-linecap="round" stroke-linejoin="round" d="m8.5 12.5l2 2l5-5"></path><path class="indeterminate" stroke-linecap="round" stroke-linejoin="round" d="M6 12h12"></path></g></svg>', 1), q = /* @__PURE__ */ M({
+}, Se = ["id", "checked", "indeterminate"], Ke = ["for"], Oe = /* @__PURE__ */ le('<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" aria-hidden="true"><g fill="none" stroke="currentColor" stroke-width="1.5"><path class="rounded-square" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Z"></path><path class="checkmark" stroke-linecap="round" stroke-linejoin="round" d="m8.5 12.5l2 2l5-5"></path><path class="indeterminate" stroke-linecap="round" stroke-linejoin="round" d="M6 12h12"></path></g></svg>', 1), ee = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VueyeCheckbox",
   props: {
@@ -233,127 +234,128 @@ const me = /* @__PURE__ */ U(_e, [["render", fe]]), ve = { class: "table__dropdo
     id: String,
     label: String,
     indeterminate: Boolean,
-    modelValue: Boolean
+    modelValue: [Boolean, Array]
   },
   emits: ["change", "update:modelValue"],
   setup(t, { emit: n }) {
-    const e = t, o = V(e.modelValue), s = v({
+    const e = t, o = C(e.modelValue), s = m({
       get() {
         return e.modelValue;
       },
-      set(d) {
-        n("update:modelValue", d);
+      set(u) {
+        n("update:modelValue", u);
       }
-    }), r = (d) => {
-      n("change", d);
+    }), a = (u) => {
+      n("change", u);
     };
-    return (d, _) => (h(), g("div", {
-      class: S(["table__checkbox", { "table__checkbox--checked": o.value, "table__checkbox--indeterminate": t.indeterminate }])
+    return (u, h) => (g(), b("div", {
+      class: K(["table__checkbox", { "table__checkbox--checked": o.value, "table__checkbox--indeterminate": t.indeterminate }])
     }, [
-      E(i("input", te({
+      F(d("input", ne({
         id: t.id,
         type: "checkbox",
         checked: o.value,
-        "onUpdate:modelValue": _[0] || (_[0] = (a) => I(s) ? s.value = a : null),
+        "onUpdate:modelValue": h[0] || (h[0] = (r) => A(s) ? s.value = r : null),
         indeterminate: t.indeterminate,
-        onChange: r,
+        onChange: a,
         "aria-labelledby": "checkboxLabel"
-      }, d.$attrs), null, 16, Ce), [
-        [ne, c(s)]
+      }, u.$attrs), null, 16, Se), [
+        [oe, c(s)]
       ]),
-      i("label", {
+      d("label", {
         for: t.id,
         id: "checkboxLabel"
-      }, P(t.label), 9, Ve),
-      Se
+      }, P(t.label), 9, Ke),
+      Oe
     ], 2));
   }
 });
-const Oe = { class: "table__body" }, Re = {
+const Re = { class: "table__body" }, Be = {
   key: 0,
   class: "table__row table__row--loading"
-}, Be = ["colspan"], Me = {
+}, Le = ["colspan"], Me = {
   key: 1,
   class: "table__row table__row--empty"
-}, je = ["colspan"], De = /* @__PURE__ */ i("div", { class: "text-center" }, "No data available", -1), Le = { class: "table__row" }, He = { class: "table__cell table_cell--checkbox" }, Ue = { class: "table__cell" }, Ke = /* @__PURE__ */ M({
+}, He = ["colspan"], je = /* @__PURE__ */ d("div", { class: "text-center" }, "No data available", -1), De = { class: "table__row" }, Ue = { class: "table__cell table_cell--checkbox" }, Ne = { class: "table__cell" }, Ae = /* @__PURE__ */ L({
   __name: "VueyeBody",
-  props: H({
+  props: D({
     loading: { type: Boolean },
     bodyRows: {},
+    notListedKeys: {},
     itemValue: {},
     columnsLength: {},
     selected: {}
-  }, Pe),
+  }, Ve),
   emits: ["update:selected"],
   setup(t, { emit: n }) {
-    const e = t, o = v(() => Object.keys(e.bodyRows[0])), s = v(() => o.value.reduce(
-      (a, l) => ({
-        ...a,
+    const e = t, o = m(() => Object.keys(e.bodyRows[0]).filter((r) => !e.notListedKeys.includes(r))), s = m(() => o.value.reduce(
+      (r, l) => ({
+        ...r,
         [l]: l.split(".").pop() ?? ""
       }),
       {}
-    )), r = v(() => e.bodyRows.map((a) => ({
-      flat: a,
-      nest: Z(a)
-    }))), d = v(() => r.value.map((a) => a.nest)), _ = v({
+    )), a = m(() => e.bodyRows.map((r) => ({
+      flat: r,
+      nest: x(r)
+    }))), u = m(() => a.value.map((r) => r.nest)), h = m({
       get() {
         return e.selected;
       },
-      set(a) {
-        n("update:selected", a);
+      set(r) {
+        n("update:selected", r);
       }
     });
-    return (a, l) => m(a.$slots, "body", { rows: a.bodyRows }, () => [
-      i("tbody", Oe, [
-        a.loading ? (h(), g("tr", Re, [
-          i("td", {
-            colspan: a.columnsLength,
+    return (r, l) => y(r.$slots, "body", { rows: r.bodyRows }, () => [
+      d("tbody", Re, [
+        r.loading ? (g(), b("tr", Be, [
+          d("td", {
+            colspan: r.columnsLength,
             class: "table__cell table__cell--loading"
           }, [
-            m(a.$slots, "loading", {}, () => [
-              G(" Loading... ")
+            y(r.$slots, "loading", {}, () => [
+              J(" Loading... ")
             ])
-          ], 8, Be)
-        ])) : a.bodyRows.length === 0 ? (h(), g("tr", Me, [
-          i("td", {
+          ], 8, Le)
+        ])) : r.bodyRows.length === 0 ? (g(), b("tr", Me, [
+          d("td", {
             class: "table__cell",
-            colspan: a.columnsLength
+            colspan: r.columnsLength
           }, [
-            m(a.$slots, "empty", {}, () => [
-              De
+            y(r.$slots, "empty", {}, () => [
+              je
             ])
-          ], 8, je)
-        ])) : m(a.$slots, "rows", {
+          ], 8, He)
+        ])) : y(r.$slots, "rows", {
           key: 2,
-          rows: c(d)
+          rows: c(u)
         }, () => [
-          (h(!0), g(L, null, B(c(r), (u) => m(a.$slots, "row", {
-            key: u[a.itemValue],
-            row: u.nest
+          (g(!0), b(j, null, R(c(a), (i) => y(r.$slots, "row", {
+            key: i[r.itemValue],
+            row: i.nest
           }, () => [
-            i("tr", Le, [
-              a.selected ? m(a.$slots, "checkbox", {
+            d("tr", De, [
+              r.selected ? y(r.$slots, "checkbox", {
                 key: 0,
-                row: u.nest
+                row: i.nest
               }, () => [
-                i("td", He, [
-                  $(q, {
-                    modelValue: c(_),
-                    "onUpdate:modelValue": l[0] || (l[0] = (b) => I(_) ? _.value = b : null),
-                    value: u.nest,
+                d("td", Ue, [
+                  $(ee, {
+                    modelValue: c(h),
+                    "onUpdate:modelValue": l[0] || (l[0] = (_) => A(h) ? h.value = _ : null),
+                    value: i.nest,
                     "aria-label": "Select row"
                   }, null, 8, ["modelValue", "value"])
                 ])
-              ]) : T("", !0),
-              (h(!0), g(L, null, B(c(o), (b) => m(a.$slots, `itemCell.${b}`, {
-                key: `${u[a.itemValue]}.${b}`,
-                itemCell: u.nest
+              ]) : z("", !0),
+              (g(!0), b(j, null, R(c(o), (_) => y(r.$slots, `itemCell.${_}`, {
+                key: `${i[r.itemValue]}.${_}`,
+                itemCell: i.nest
               }, () => [
-                i("td", Ue, [
-                  m(a.$slots, `itemCellContent.${c(s)[b]}`, {
-                    itemCellContent: u.nest
+                d("td", Ne, [
+                  y(r.$slots, `itemCellContent.${c(s)[_]}`, {
+                    itemCellContent: i.nest
                   }, () => [
-                    G(P(u.flat[b]), 1)
+                    J(P(i.flat[_]), 1)
                   ])
                 ])
               ])), 128))
@@ -363,54 +365,54 @@ const Oe = { class: "table__body" }, Re = {
       ])
     ]);
   }
-}), Ne = {
+}), Ie = {
   columnHeaders: () => [],
   selectable: !1,
   select: "none"
-}, Ie = {
+}, Te = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 16 16"
-}, Ae = ["opacity"], Te = ["opacity"], Ee = /* @__PURE__ */ M({
+}, Ee = ["opacity"], ze = ["opacity"], Fe = /* @__PURE__ */ L({
   __name: "ArrowUpDownIcon",
   props: {
     down: Boolean
   },
   setup(t) {
-    const n = t, e = v(() => ({
+    const n = t, e = m(() => ({
       up: n.down ? 0.5 : 1,
       down: n.down ? 1 : 0.5
     }));
-    return (o, s) => (h(), g("svg", Ie, [
-      i("path", {
+    return (o, s) => (g(), b("svg", Te, [
+      d("path", {
         opacity: c(e).up,
         fill: "currentColor",
         fillRule: "evenodd",
         d: "M2.22 5.53a.75.75 0 0 1 0-1.06l2.25-2.25a.75.75 0 0 1 1.06 0l2.25 2.25a.75.75 0 0 1-1.06 1.06l-.97-.97v5.69a.75.75 0 0 1-1.5 0V4.56l-.97.97a.75.75 0 0 1-1.06 0",
         clipRule: "evenodd"
-      }, null, 8, Ae),
-      i("path", {
+      }, null, 8, Ee),
+      d("path", {
         opacity: c(e).down,
         fill: "currentColor",
         fillRule: "evenodd",
         d: "M13.78 10.47a.75.75 0 0 1 0 1.06l-2.25 2.25a.75.75 0 0 1-1.06 0l-2.25-2.25a.75.75 0 1 1 1.06-1.06l.97.97V5.75a.75.75 0 0 1 1.5 0v5.69l.97-.97a.75.75 0 0 1 1.06 0",
         clipRule: "evenodd"
-      }, null, 8, Te)
+      }, null, 8, ze)
     ]));
   }
-}), ze = { class: "table__head" }, Fe = ["colspan", "rowspan", "scope"], Qe = ["onClick"], We = /* @__PURE__ */ M({
+}), Qe = { class: "table__head" }, We = ["colspan", "rowspan", "scope"], Ze = ["onClick"], Ge = /* @__PURE__ */ L({
   __name: "VueyeHead",
-  props: H({
+  props: D({
     columnHeaders: {},
     selectable: { type: Boolean },
     select: {}
-  }, Ne),
+  }, Ie),
   emits: ["update:select", "sort"],
   setup(t, { emit: n }) {
-    const e = t, o = V(""), s = V(!1), r = (l) => {
+    const e = t, o = C(""), s = C(!1), a = (l) => {
       l.sortable && l.scope === "col" && (o.value === l.fullKey ? s.value = !s.value : (o.value = l.fullKey ?? "", s.value = !1), n("sort", { key: o.value, desc: s.value }));
-    }, d = v(() => e.selectable ? [
+    }, u = m(() => e.selectable ? [
       [
         {
           key: "checkbox",
@@ -423,255 +425,260 @@ const Oe = { class: "table__body" }, Re = {
         ...e.columnHeaders[0]
       ],
       ...e.columnHeaders.slice(1)
-    ] : e.columnHeaders), _ = v({
+    ] : e.columnHeaders), h = m({
       get() {
         return e.select;
       },
       set(l) {
         n("update:select", l);
       }
-    }), a = (l) => {
-      l.target.checked ? _.value = "all" : _.value = "none";
+    }), r = (l) => {
+      l.target.checked ? h.value = "all" : h.value = "none";
     };
-    return (l, u) => m(l.$slots, "headers", { headers: l.columnHeaders }, () => [
-      i("thead", ze, [
-        (h(!0), g(L, null, B(c(d), (b, w) => (h(), g("tr", {
+    return (l, i) => y(l.$slots, "headers", { headers: l.columnHeaders }, () => [
+      d("thead", Qe, [
+        (g(!0), b(j, null, R(c(u), (_, v) => (g(), b("tr", {
           class: "table__row table__row",
-          key: w
+          key: v
         }, [
-          (h(!0), g(L, null, B(b, (p) => m(l.$slots, `headerCell.${p.key}`, {
+          (g(!0), b(j, null, R(_, (p) => y(l.$slots, `headerCell.${p.key}`, {
             key: p.key,
             headerItem: p
           }, () => [
-            i("th", {
+            d("th", {
               colspan: p.colSpan,
               rowspan: p.rowSpan,
               scope: p.scope,
-              class: S(["table__cell table__cell--head", p.className])
+              class: K(["table__cell table__cell--head", p.className])
             }, [
-              p.key === "checkbox" && l.selectable ? m(l.$slots, "checkbox", { key: 0 }, () => [
-                $(q, {
-                  indeterminate: c(_) === "indeterminate",
+              p.key === "checkbox" && l.selectable ? y(l.$slots, "checkbox", { key: 0 }, () => [
+                $(ee, {
+                  indeterminate: c(h) === "indeterminate",
                   type: "checkbox",
-                  checked: c(_) === "all",
-                  onChange: a,
+                  checked: c(h) === "all",
+                  onChange: r,
                   "aria-label": "select all rows",
                   class: "table__checkbox"
                 }, null, 8, ["indeterminate", "checked"])
-              ]) : m(l.$slots, `headerCellContent.${p.key}`, {
+              ]) : y(l.$slots, `headerCellContent.${p.key}`, {
                 key: 1,
                 headerItem: p
               }, () => [
-                p.scope === "col" ? (h(), g("button", {
+                p.scope === "col" ? (g(), b("button", {
                   key: 0,
-                  onClick: (C) => r(p),
+                  onClick: (k) => a(p),
                   class: "table__sort-button"
                 }, [
-                  i("span", {
-                    class: S(["table__label table__label--head", p.labelClassName])
+                  d("span", {
+                    class: K(["table__label table__label--head", p.labelClassName])
                   }, P(p.label), 3),
-                  $(Ee, {
-                    class: S([{ "table__sort-icon--show": c(o) === p.key }, "table__sort-icon"]),
+                  $(Fe, {
+                    class: K([{ "table__sort-icon--show": c(o) === p.key }, "table__sort-icon"]),
                     down: c(s)
                   }, null, 8, ["class", "down"])
-                ], 8, Qe)) : (h(), g("span", {
+                ], 8, Ze)) : (g(), b("span", {
                   key: 1,
-                  class: S(["table__label table__label--head", p.labelClassName])
+                  class: K(["table__label table__label--head", p.labelClassName])
                 }, P(p.label), 3))
               ])
-            ], 10, Fe)
+            ], 10, We)
           ])), 128))
         ]))), 128))
       ])
     ]);
   }
 });
-const Ze = {}, Ge = {
+const xe = {}, Je = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 24 24"
-}, xe = /* @__PURE__ */ i("path", {
+}, Xe = /* @__PURE__ */ d("path", {
   fill: "none",
   stroke: "currentColor",
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "1.5",
   d: "m9 5l6 7l-6 7"
-}, null, -1), Je = [
-  xe
+}, null, -1), Ye = [
+  Xe
 ];
-function Xe(t, n) {
-  return h(), g("svg", Ge, Je);
+function qe(t, n) {
+  return g(), b("svg", Je, Ye);
 }
-const Ye = /* @__PURE__ */ U(Ze, [["render", Xe]]), qe = {}, et = {
+const et = /* @__PURE__ */ U(xe, [["render", qe]]), tt = {}, nt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 24 24"
-}, tt = /* @__PURE__ */ i("path", {
+}, ot = /* @__PURE__ */ d("path", {
   fill: "none",
   stroke: "currentColor",
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "1.5",
   d: "m15 5l-6 7l6 7"
-}, null, -1), nt = [
-  tt
+}, null, -1), lt = [
+  ot
 ];
-function ot(t, n) {
-  return h(), g("svg", et, nt);
+function st(t, n) {
+  return g(), b("svg", nt, lt);
 }
-const lt = /* @__PURE__ */ U(qe, [["render", ot]]), st = {}, at = {
+const at = /* @__PURE__ */ U(tt, [["render", st]]), rt = {}, ct = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 24 24"
-}, rt = /* @__PURE__ */ i("g", {
+}, it = /* @__PURE__ */ d("g", {
   fill: "none",
   stroke: "currentColor",
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "1.5"
 }, [
-  /* @__PURE__ */ i("path", { d: "m11 19l6-7l-6-7" }),
-  /* @__PURE__ */ i("path", { d: "m7 19l6-7l-6-7" })
-], -1), ct = [
-  rt
+  /* @__PURE__ */ d("path", { d: "m11 19l6-7l-6-7" }),
+  /* @__PURE__ */ d("path", { d: "m7 19l6-7l-6-7" })
+], -1), ut = [
+  it
 ];
-function it(t, n) {
-  return h(), g("svg", at, ct);
+function dt(t, n) {
+  return g(), b("svg", ct, ut);
 }
-const ut = /* @__PURE__ */ U(st, [["render", it]]), dt = {}, pt = {
+const pt = /* @__PURE__ */ U(rt, [["render", dt]]), _t = {}, ht = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   viewBox: "0 0 24 24"
-}, _t = /* @__PURE__ */ i("g", {
+}, gt = /* @__PURE__ */ d("g", {
   fill: "none",
   stroke: "currentColor",
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "1.5"
 }, [
-  /* @__PURE__ */ i("path", { d: "m13 19l-6-7l6-7" }),
-  /* @__PURE__ */ i("path", { d: "m17 19l-6-7l6-7" })
-], -1), ht = [
-  _t
+  /* @__PURE__ */ d("path", { d: "m13 19l-6-7l6-7" }),
+  /* @__PURE__ */ d("path", { d: "m17 19l-6-7l6-7" })
+], -1), bt = [
+  gt
 ];
-function gt(t, n) {
-  return h(), g("svg", pt, ht);
+function ft(t, n) {
+  return g(), b("svg", ht, bt);
 }
-const bt = /* @__PURE__ */ U(dt, [["render", gt]]), ft = {
+const mt = /* @__PURE__ */ U(_t, [["render", ft]]), yt = {
   perPage: 10,
   currentPage: 1,
   total: 0,
   perPageOptions: () => [10, 20, 30, 40, 50]
-}, mt = { class: "table__pagination-wrapper" }, vt = { class: "table__pagination-details" }, wt = { class: "table__pagination-btn-list" }, yt = ["disabled"], kt = ["disabled"], $t = ["onClick", "aria-label"], Pt = {
+}, vt = { class: "table__pagination-wrapper" }, wt = { class: "table__pagination-details" }, kt = { class: "table__pagination-btn-list" }, $t = ["disabled"], Pt = ["disabled"], Ct = ["onClick", "aria-label"], Vt = {
   key: 1,
   class: "table__pagination-btn table__btn"
-}, Ct = ["disabled"], Vt = ["disabled"], St = /* @__PURE__ */ M({
+}, St = ["disabled"], Kt = ["disabled"], Ot = /* @__PURE__ */ L({
   __name: "VueyePagination",
-  props: H({
+  props: D({
     perPage: {},
     currentPage: {},
     total: {},
     perPageOptions: {}
-  }, ft),
+  }, yt),
   emits: ["update:currentPage", "update:perPage"],
   setup(t, { emit: n }) {
-    const e = t, o = v(() => Math.ceil(e.total / e.perPage)), s = v(() => e.perPageOptions.map((l) => ({
+    const e = t, o = m(() => Math.ceil(e.total / e.perPage)), s = m(() => e.perPageOptions.map((l) => ({
       content: l,
       label: l.toString()
-    }))), r = v(() => s.value.find((l) => l.content === e.perPage)), d = v(() => Array.from({ length: o.value }, (l, u) => u + 1).reduce(
-      (l, u) => (u === 1 || u === e.total || u >= e.currentPage - 2 && u <= e.currentPage + 2 ? l.push(u) : (u === e.currentPage - 3 || u === e.currentPage + 3) && l.push("..."), l),
+    }))), a = m(() => s.value.find((l) => l.content === e.perPage)), u = m(() => Array.from({ length: o.value }, (l, i) => i + 1).reduce(
+      (l, i) => (i === 1 || i === e.total || i >= e.currentPage - 2 && i <= e.currentPage + 2 ? l.push(i) : (i === e.currentPage - 3 || i === e.currentPage + 3) && l.push("..."), l),
       []
     ));
-    function _(l) {
+    function h(l) {
       n("update:perPage", Number(l));
     }
-    function a(l) {
+    function r(l) {
       l >= 1 && l <= o.value && n("update:currentPage", l);
     }
-    return (l, u) => (h(), g("div", mt, [
-      $(c($e), {
+    return (l, i) => (g(), b("div", vt, [
+      $(c(Ce), {
         options: c(s),
-        "default-value": c(r),
+        "default-value": c(a),
         label: "Per page",
-        "onUpdate:modelValue": _
+        "onUpdate:modelValue": h
       }, null, 8, ["options", "default-value"]),
-      i("span", vt, P((l.currentPage - 1) * l.perPage + 1) + " - " + P(l.currentPage * l.perPage > l.total ? l.total : l.currentPage * l.perPage) + " of " + P(l.total), 1),
-      i("ul", wt, [
-        i("li", null, [
-          i("button", {
+      d("span", wt, P((l.currentPage - 1) * l.perPage + 1) + " - " + P(l.currentPage * l.perPage > l.total ? l.total : l.currentPage * l.perPage) + " of " + P(l.total), 1),
+      d("ul", kt, [
+        d("li", null, [
+          d("button", {
             class: "table__pagination-btn table__btn",
-            onClick: u[0] || (u[0] = (b) => a(1)),
+            onClick: i[0] || (i[0] = (_) => r(1)),
             disabled: l.currentPage === 1,
             "aria-label": "First page"
           }, [
-            $(bt)
-          ], 8, yt)
+            $(mt)
+          ], 8, $t)
         ]),
-        i("li", null, [
-          i("button", {
+        d("li", null, [
+          d("button", {
             class: "table__pagination-btn table__btn",
-            onClick: u[1] || (u[1] = (b) => a(e.currentPage - 1)),
+            onClick: i[1] || (i[1] = (_) => r(e.currentPage - 1)),
             disabled: l.currentPage === 1,
             "aria-label": "Previous page"
           }, [
-            $(lt)
-          ], 8, kt)
+            $(at)
+          ], 8, Pt)
         ]),
-        (h(!0), g(L, null, B(c(d), (b) => (h(), g("li", { key: b }, [
-          typeof b == "number" ? (h(), g("button", {
+        (g(!0), b(j, null, R(c(u), (_) => (g(), b("li", { key: _ }, [
+          typeof _ == "number" ? (g(), b("button", {
             key: 0,
-            class: S(["table__pagination-btn table__btn", { "table__pagination-btn--current ": b === l.currentPage }]),
-            onClick: (w) => a(b),
-            "aria-label": "Go to page " + b
-          }, P(b), 11, $t)) : (h(), g("span", Pt, "..."))
+            class: K(["table__pagination-btn table__btn", { "table__pagination-btn--current ": _ === l.currentPage }]),
+            onClick: (v) => r(_),
+            "aria-label": "Go to page " + _
+          }, P(_), 11, Ct)) : (g(), b("span", Vt, "..."))
         ]))), 128)),
-        i("li", null, [
-          i("button", {
+        d("li", null, [
+          d("button", {
             class: "table__pagination-btn table__btn",
-            onClick: u[2] || (u[2] = (b) => a(l.currentPage + 1)),
+            onClick: i[2] || (i[2] = (_) => r(l.currentPage + 1)),
             disabled: l.currentPage === c(o),
             "aria-label": "Next page"
           }, [
-            $(Ye)
-          ], 8, Ct)
+            $(et)
+          ], 8, St)
         ]),
-        i("li", null, [
-          i("button", {
+        d("li", null, [
+          d("button", {
             class: "table__pagination-btn table__btn",
-            onClick: u[3] || (u[3] = (b) => a(l.total)),
+            onClick: i[3] || (i[3] = (_) => r(l.total)),
             disabled: l.currentPage === c(o),
             "aria-label": "Last page"
           }, [
-            $(ut)
-          ], 8, Vt)
+            $(pt)
+          ], 8, Kt)
         ])
       ])
     ]));
   }
 });
-function It(t) {
+function Tt(t) {
   return {
-    headerKeys: v(() => W(t.flat()))
+    headerKeys: m(() => I(t.flat()))
   };
 }
-function Ot(t = {}, n) {
-  const e = V({
+function Rt(t = {}, n) {
+  const e = C({
     perPage: t.perPage || 10,
     currentPage: t.currentPage || 1
   });
-  J(() => {
+  Y(() => {
     e.value.perPage = t.perPage || 10, e.value.currentPage = t.currentPage || 1;
-  });
-  function o(r) {
-    e.value.currentPage = r, n("update:currentPage", r);
+  }), se(
+    () => e.value.perPage,
+    (a, u) => {
+      a !== u && o(1);
+    }
+  );
+  function o(a) {
+    e.value.currentPage = a, n("update:currentPage", a);
   }
-  function s(r) {
-    e.value.perPage = r, n("update:perPage", r);
+  function s(a) {
+    e.value.perPage = a, n("update:perPage", a);
   }
   return {
     pagination: e,
@@ -679,50 +686,60 @@ function Ot(t = {}, n) {
     updatePerPage: s
   };
 }
-function Rt(t, n, e) {
-  const o = V(), s = V(!1);
-  function r({ key: _, desc: a }) {
-    o.value = _, s.value = a;
+function Bt(t, n, e) {
+  const o = C(), s = C(!1);
+  function a({ key: r, desc: l }) {
+    o.value = r, s.value = l;
   }
+  const u = m(() => {
+    const r = G(S(t.data)[0]), l = I(r), i = I(S(n)), _ = [], v = [...i];
+    for (const p of l)
+      i.includes(p) || (_.push(p), v.push(p));
+    return {
+      notListedKeys: _,
+      allKeys: v
+    };
+  });
   return {
-    bodyRows: v(() => {
-      const _ = O(e).perPage * (O(e).currentPage - 1), a = O(e).perPage * O(e).currentPage, l = re(O(t.data), O(n)), u = v(() => t.filterBy === void 0 || t.filterBy.length === 0 ? Object.keys(l[0]) : t.filterBy), b = l.filter((w) => {
-        var p;
-        return (p = t.filterMethod) == null ? void 0 : p.call(t, t.filterQuery, w, O(u));
+    bodyRows: m(() => {
+      const r = S(e).perPage * (S(e).currentPage - 1), l = S(e).perPage * S(e).currentPage, i = ie(S(t.data), u.value.allKeys), _ = m(() => t.filterBy === void 0 || t.filterBy.length === 0 ? Object.keys(i[0]) : t.filterBy), v = i.filter((p) => {
+        var k;
+        return (k = t.filterMethod) == null ? void 0 : k.call(t, t.filterQuery, p, S(_));
       });
-      return o.value && b.sort((w, p) => {
+      return o.value && v.sort((p, k) => {
         if (!o.value)
           return 0;
-        const C = w[o.value], k = p[o.value];
-        return C < k ? s.value ? 1 : -1 : C > k ? s.value ? -1 : 1 : 0;
-      }), ce(b, _, a);
+        const V = p[o.value], B = k[o.value];
+        return V < B ? s.value ? 1 : -1 : V > B ? s.value ? -1 : 1 : 0;
+      }), ue(v, r, l);
     }),
-    rowsCount: v(() => O(t.data).length),
-    onSort: r
+    notListedKeys: m(() => u.value.notListedKeys),
+    rowsCount: m(() => S(t.data).length),
+    onSort: a
   };
 }
-function Bt(t) {
+function Lt(t) {
   const n = c(t) ?? [];
   return {
-    headers: v(() => Q(n, z(n))),
-    headersCount: F(n)
+    headers: m(() => Z(n, Q(n))),
+    headersCount: W(n)
   };
 }
 function Mt(t, n, e) {
-  const o = v({
+  const o = m({
     get() {
-      var r, d, _;
-      return t.selected === null || ((r = t.selected) == null ? void 0 : r.length) === 0 ? "none" : ((d = t.selected) == null ? void 0 : d.length) === t.data.length || t.selectMode === "page" && ((_ = t.selected) == null ? void 0 : _.length) === n.value.length ? "all" : "indeterminate";
+      var a, u, h;
+      return t.selected === null || ((a = t.selected) == null ? void 0 : a.length) === 0 ? "none" : ((u = t.selected) == null ? void 0 : u.length) === t.data.length || t.selectMode === "page" && ((h = t.selected) == null ? void 0 : h.length) === n.value.length ? "all" : "indeterminate";
     },
-    set(r) {
-      r === "all" ? t.selectMode === "page" ? s.value = n.value.map((d) => Z(d)) : s.value = t.data : r === "none" && (s.value = []);
+    set(a) {
+      a === "all" ? t.selectMode === "page" ? s.value = n.value.map((u) => x(u)) : s.value = t.data : a === "none" && (s.value = []);
     }
-  }), s = v({
+  }), s = m({
     get() {
       return t.selected;
     },
-    set(r) {
-      e("update:selected", r);
+    set(a) {
+      e("update:selected", a);
     }
   });
   return {
@@ -730,13 +747,13 @@ function Mt(t, n, e) {
     selected: s
   };
 }
-const jt = { class: "table__wrapper" }, Dt = {
+const Ht = { class: "table__wrapper" }, jt = {
   key: 0,
   class: "table__caption"
-}, Lt = { class: "table__summary" }, At = /* @__PURE__ */ M({
+}, Dt = { class: "table__summary" }, Et = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "VueyeTable",
-  props: H({
+  props: D({
     data: {},
     columnHeaders: {},
     itemValue: {},
@@ -751,96 +768,97 @@ const jt = { class: "table__wrapper" }, Dt = {
     filterQuery: {},
     filterBy: {},
     filterMethod: { type: Function }
-  }, de()),
+  }, _e()),
   emits: ["update:currentPage", "update:perPage", "update:loading", "update:selected"],
   setup(t, { emit: n }) {
-    const e = t, o = v(
-      () => e.columnHeaders.length === 0 ? Y(e.data[0]) : e.columnHeaders
-    ), { headers: s, headersCount: r } = Bt(o), d = le(), _ = Object.keys(d).filter((f) => f.startsWith("headerCell")), a = Object.keys(d).filter((f) => f.startsWith("itemCell")), { pagination: l, updateCurrentPage: u, updatePerPage: b } = Ot(e, n), { bodyRows: w, rowsCount: p, onSort: C } = Rt(e, o, l), { selected: k, selectAll: K } = Mt(e, w, n);
-    return (f, N) => (h(), g("div", jt, [
-      i("table", {
-        class: S(f.$attrs.class ?? "table")
+    const e = t, o = m(
+      () => e.columnHeaders.length === 0 ? G(e.data[0]) : e.columnHeaders
+    ), { headers: s, headersCount: a } = Lt(o), u = ae(), h = Object.keys(u).filter((f) => f.startsWith("headerCell")), r = Object.keys(u).filter((f) => f.startsWith("itemCell")), { pagination: l, updateCurrentPage: i, updatePerPage: _ } = Rt(e, n), { bodyRows: v, rowsCount: p, notListedKeys: k, onSort: V } = Bt(e, o, l), { selected: B, selectAll: T } = Mt(e, v, n);
+    return (f, N) => (g(), b("div", Ht, [
+      d("table", {
+        class: K(f.$attrs.class ?? "table")
       }, [
-        m(f.$slots, "caption", {}, () => [
-          f.caption ? (h(), g("caption", Dt, P(f.caption), 1)) : T("", !0)
+        y(f.$slots, "caption", {}, () => [
+          f.caption ? (g(), b("caption", jt, P(f.caption), 1)) : z("", !0)
         ]),
-        $(c(We), {
+        $(c(Ge), {
           columnHeaders: c(s),
           selectable: f.selected !== null,
-          select: c(K),
-          "onUpdate:select": N[0] || (N[0] = (y) => I(K) ? K.value = y : null),
-          onSort: c(C)
-        }, x({
-          headers: R((y) => [
-            m(f.$slots, "headers", j(D(y)))
+          select: c(T),
+          "onUpdate:select": N[0] || (N[0] = (w) => A(T) ? T.value = w : null),
+          onSort: c(V)
+        }, X({
+          headers: O((w) => [
+            y(f.$slots, "headers", M(H(w)))
           ]),
           _: 2
         }, [
-          B(c(_), (y) => ({
-            name: y,
-            fn: R((A) => [
-              m(f.$slots, y, j(D(A)))
+          R(c(h), (w) => ({
+            name: w,
+            fn: O((E) => [
+              y(f.$slots, w, M(H(E)))
             ])
           }))
         ]), 1032, ["columnHeaders", "selectable", "select", "onSort"]),
-        $(c(Ke), {
-          selected: c(k),
-          "onUpdate:selected": N[1] || (N[1] = (y) => I(k) ? k.value = y : null),
-          bodyRows: c(w),
+        $(c(Ae), {
+          selected: c(B),
+          "onUpdate:selected": N[1] || (N[1] = (w) => A(B) ? B.value = w : null),
+          bodyRows: c(v),
           loading: f.loading,
           itemValue: f.itemValue,
-          "columns-length": c(r)
-        }, x({
-          checkbox: R((y) => [
-            m(f.$slots, "checkbox", j(D(y)))
+          "columns-length": c(a),
+          "not-listed-keys": c(k)
+        }, X({
+          checkbox: O((w) => [
+            y(f.$slots, "checkbox", M(H(w)))
           ]),
-          loading: R(() => [
-            m(f.$slots, "loading")
+          loading: O(() => [
+            y(f.$slots, "loading")
           ]),
-          empty: R(() => [
-            m(f.$slots, "empty")
+          empty: O(() => [
+            y(f.$slots, "empty")
           ]),
-          rows: R((y) => [
-            m(f.$slots, "rows", j(D(y)))
+          rows: O((w) => [
+            y(f.$slots, "rows", M(H(w)))
           ]),
-          row: R((y) => [
-            m(f.$slots, "row", j(D(y)))
+          row: O((w) => [
+            y(f.$slots, "row", M(H(w)))
           ]),
           _: 2
         }, [
-          B(c(a), (y) => ({
-            name: y,
-            fn: R((A) => [
-              m(f.$slots, y, j(D(A)))
+          R(c(r), (w) => ({
+            name: w,
+            fn: O((E) => [
+              y(f.$slots, w, M(H(E)))
             ])
           }))
-        ]), 1032, ["selected", "bodyRows", "loading", "itemValue", "columns-length"]),
-        m(f.$slots, "summary", {}, () => [
-          i("caption", Lt, P(f.summary), 1)
+        ]), 1032, ["selected", "bodyRows", "loading", "itemValue", "columns-length", "not-listed-keys"]),
+        y(f.$slots, "summary", {}, () => [
+          d("caption", Dt, P(f.summary), 1)
         ])
       ], 2),
-      m(f.$slots, "pagination", {
+      y(f.$slots, "pagination", {
         pagination: { ...c(l), perPageOptions: f.perPageOptions, total: c(p) }
       }, () => [
-        E($(c(St), {
+        F($(c(Ot), {
           perPage: c(l).perPage,
           currentPage: c(l).currentPage,
           perPageOptions: f.perPageOptions,
           total: c(p),
-          "onUpdate:currentPage": c(u),
-          "onUpdate:perPage": c(b),
+          "onUpdate:currentPage": c(i),
+          "onUpdate:perPage": c(_),
           class: "table__pagination"
         }, null, 8, ["perPage", "currentPage", "perPageOptions", "total", "onUpdate:currentPage", "onUpdate:perPage"]), [
-          [X, f.data.length > 0]
+          [q, f.data.length > 0]
         ])
       ])
     ]));
   }
 });
-function Ht(t) {
+function Ut(t) {
   const n = [];
   for (const e of t) {
-    const o = e.children ? Ht(e.children) : void 0;
+    const o = e.children ? Ut(e.children) : void 0;
     n.push({
       ...e,
       children: o
@@ -849,25 +867,25 @@ function Ht(t) {
   return n;
 }
 export {
-  At as VueyeTable,
-  ie as deepValues,
-  Kt as defineColumnHeaders,
-  Nt as defineFilterMethod,
-  Ht as defineTableColumnHeaders,
-  z as depthCount,
-  Q as flatHeadersToRows,
-  Y as generateColumns,
-  re as getBodyRows,
-  W as getHeaderKeys,
-  de as getVueyeTablePropDefaults,
-  se as humanize,
-  ue as isPrimitive,
-  F as leafCount,
-  Z as nestedObjectTransformer,
-  ce as paginateRows,
-  Rt as useBodyRows,
-  It as useHeaderKeys,
-  Bt as useHeaders,
-  Ot as usePagination,
+  Et as VueyeTable,
+  de as deepValues,
+  At as defineColumnHeaders,
+  It as defineFilterMethod,
+  Ut as defineTableColumnHeaders,
+  Q as depthCount,
+  Z as flatHeadersToRows,
+  G as generateColumns,
+  ie as getBodyRows,
+  I as getHeaderKeys,
+  _e as getVueyeTablePropDefaults,
+  re as humanize,
+  pe as isPrimitive,
+  W as leafCount,
+  x as nestedObjectTransformer,
+  ue as paginateRows,
+  Bt as useBodyRows,
+  Tt as useHeaderKeys,
+  Lt as useHeaders,
+  Rt as usePagination,
   Mt as useSelection
 };