@ianicdev/datatables2 0.9.10 → 0.10.1

package/dist/{cellRender-BPzg8pfq.js → cellRender-Ct6pUDNH.js}

@@ -1,11 +1,11 @@
-import { shallowRef as ue, computed as V, unref as q, watchEffect as je, toRef as C, provide as Y, toRaw as ne, inject as Q, ref as j, toValue as Tt, watch as ce, onBeforeUpdate as Ct, createVNode as w, normalizeStyle as we, normalizeClass as G, createElementVNode as S, mergeProps as B, nextTick as Ce, capitalize as _t, Fragment as U, createTextVNode as _e, withModifiers as re, toDisplayString as Bt, toRefs as Ot, defineComponent as Lt, h as At } from "vue";
-import { aP as Et, U as Nt, p as _, N as z, aA as ee, K as J, aQ as de, _ as Ge, J as Ke, af as ye, aR as Rt, T as Z, aS as se, g as $, a0 as $t, h as Ie, aj as fe, a as Se, al as Mt, aT as oe, u as K, a9 as W, x as Ht, y as Fe, m as We, as as jt, A as Gt, E as ze, f as ae, b as Ue, G as Kt, I as O, aU as Be, aV as Wt, ax as A, aW as zt, o as Ut, P as Je, L as Jt, D as Qt, ao as Ve, d as Oe, H as pe, a1 as Pe, k as Xt, aa as Yt, l as Zt, n as qt, F as ea } from "./dataTables-CPrc2H_E.js";
-import { V as Qe, a as ta, b as De, u as aa, d as la } from "./index-BW-yzY3p.js";
-import ie from "moment";
-function Le(e, t, a) {
-  return Object.keys(e).filter((l) => Et(l) && l.endsWith(t)).reduce((l, n) => (l[n.slice(0, -t.length)] = (r) => Nt(e[n], r, a(r)), l), {});
+import { shallowRef as de, computed as F, unref as ee, watchEffect as Ke, toRef as T, provide as Y, toRaw as re, inject as Q, ref as H, toValue as _t, watch as ve, onBeforeUpdate as Ot, createVNode as I, normalizeStyle as Ie, normalizeClass as K, createElementVNode as S, mergeProps as O, nextTick as _e, capitalize as Bt, Fragment as U, createTextVNode as Oe, withModifiers as se, toDisplayString as Lt, toRefs as At, defineComponent as Et, h as Nt } from "vue";
+import { aP as Rt, U as $t, p as _, N as z, aA as te, K as J, aQ as ce, _ as Ge, J as We, ad as pe, aR as Mt, T as Z, aS as oe, aT as jt, g as $, a0 as Ht, h as Fe, ah as ge, a as Pe, aj as Kt, aU as ie, u as G, a7 as W, x as Gt, y as De, m as ze, as as Wt, A as zt, E as Ue, f as le, b as Je, G as Ut, I as B, aV as Be, S as Ve, aW as Jt, ax as A, aX as Qt, o as Xt, P as Qe, L as Yt, D as Zt, an as Te, d as Le, H as xe, a1 as ke, k as qt, a8 as ea, l as ta, n as aa, F as la } from "./dataTables-B-LwTPCL.js";
+import { V as Xe, a as na, b as fe, u as ra, d as sa } from "./index-3kLkZg7E.js";
+import ue from "moment";
+function Ae(e, t, a) {
+  return Object.keys(e).filter((l) => Rt(l) && l.endsWith(t)).reduce((l, n) => (l[n.slice(0, -t.length)] = (r) => $t(e[n], r, a(r)), l), {});
 }
-const na = (e, t, a) => {
+const oa = (e, t, a) => {
   if (e == null || t == null) return -1;
   if (!t.length) return 0;
   e = e.toString().toLocaleLowerCase(), t = t.toString().toLocaleLowerCase();
@@ -15,11 +15,11 @@ const na = (e, t, a) => {
     l.push([n, n + t.length]), n = e.indexOf(t, n + t.length);
   return l.length ? l : -1;
 };
-function xe(e, t) {
+function Se(e, t) {
   if (!(e == null || typeof e == "boolean" || e === -1))
     return typeof e == "number" ? [[e, e + t.length]] : Array.isArray(e[0]) ? e : [e];
 }
-const ra = _({
+const ia = _({
   customFilter: Function,
   customKeyFilter: Object,
   filterKeys: [Array, String],
@@ -29,105 +29,105 @@ const ra = _({
   },
   noFilter: Boolean
 }, "filter");
-function sa(e, t, a) {
-  const l = [], n = a?.default ?? na, r = a?.filterKeys ? z(a.filterKeys) : !1, i = Object.keys(a?.customKeyFilter ?? {}).length;
+function ua(e, t, a) {
+  const l = [], n = a?.default ?? oa, r = a?.filterKeys ? z(a.filterKeys) : !1, i = Object.keys(a?.customKeyFilter ?? {}).length;
   if (!e?.length) return l;
-  let u = null;
-  e: for (let s = 0; s < e.length; s++) {
-    const [o, c = o] = z(e[s]), m = {}, d = {};
-    let f = -1;
+  let f = null;
+  e: for (let u = 0; u < e.length; u++) {
+    const [d, m = d] = z(e[u]), h = {}, s = {};
+    let o = -1;
     if ((t || i > 0) && !a?.noFilter) {
-      let y = !1;
-      if (typeof o == "object") {
-        if (o.type === "divider" || o.type === "subheader") {
-          u?.type === "divider" && o.type === "subheader" && l.push(u), u = {
-            index: s,
+      let b = !1;
+      if (typeof d == "object") {
+        if (d.type === "divider" || d.type === "subheader") {
+          f?.type === "divider" && d.type === "subheader" && l.push(f), f = {
+            index: u,
             matches: {},
-            type: o.type
+            type: d.type
           };
           continue;
         }
-        const F = r || Object.keys(c);
-        y = F.length === i;
-        for (const h of F) {
-          const I = ee(c, h), D = a?.customKeyFilter?.[h];
-          if (f = D ? D(I, t, o) : n(I, t, o), f !== -1 && f !== !1)
-            D ? m[h] = xe(f, t) : d[h] = xe(f, t);
+        const w = r || Object.keys(m);
+        b = w.length === i;
+        for (const y of w) {
+          const P = te(m, y), V = a?.customKeyFilter?.[y];
+          if (o = V ? V(P, t, d) : n(P, t, d), o !== -1 && o !== !1)
+            V ? h[y] = Se(o, t) : s[y] = Se(o, t);
           else if (a?.filterMode === "every")
             continue e;
         }
       } else
-        f = n(o, t, o), f !== -1 && f !== !1 && (d.title = xe(f, t));
-      const b = Object.keys(d).length, v = Object.keys(m).length;
-      if (!b && !v || a?.filterMode === "union" && v !== i && !b || a?.filterMode === "intersection" && (v !== i || !b && i > 0 && !y)) continue;
+        o = n(d, t, d), o !== -1 && o !== !1 && (s.title = Se(o, t));
+      const c = Object.keys(s).length, v = Object.keys(h).length;
+      if (!c && !v || a?.filterMode === "union" && v !== i && !c || a?.filterMode === "intersection" && (v !== i || !c && i > 0 && !b)) continue;
     }
-    u && (l.push(u), u = null), l.push({
-      index: s,
+    f && (l.push(f), f = null), l.push({
+      index: u,
       matches: {
-        ...d,
-        ...m
+        ...s,
+        ...h
       }
     });
   }
   return l;
 }
-function oa(e, t, a, l) {
-  const n = ue([]), r = ue(/* @__PURE__ */ new Map()), i = V(() => l?.transform ? q(t).map((s) => [s, l.transform(s)]) : q(t));
-  je(() => {
-    const s = typeof a == "function" ? a() : q(a), o = typeof s != "string" && typeof s != "number" ? "" : String(s), c = sa(i.value, o, {
+function da(e, t, a, l) {
+  const n = de([]), r = de(/* @__PURE__ */ new Map()), i = F(() => l?.transform ? ee(t).map((u) => [u, l.transform(u)]) : ee(t));
+  Ke(() => {
+    const u = typeof a == "function" ? a() : ee(a), d = typeof u != "string" && typeof u != "number" ? "" : String(u), m = ua(i.value, d, {
       customKeyFilter: {
         ...e.customKeyFilter,
-        ...q(l?.customKeyFilter)
+        ...ee(l?.customKeyFilter)
       },
       default: e.customFilter,
       filterKeys: e.filterKeys,
       filterMode: e.filterMode,
       noFilter: e.noFilter
-    }), m = q(t), d = [], f = /* @__PURE__ */ new Map();
-    c.forEach((y) => {
+    }), h = ee(t), s = [], o = /* @__PURE__ */ new Map();
+    m.forEach((b) => {
       let {
-        index: b,
+        index: c,
         matches: v
-      } = y;
-      const F = m[b];
-      d.push(F), f.set(F.value, v);
-    }), n.value = d, r.value = f;
+      } = b;
+      const w = h[c];
+      s.push(w), o.set(w.value, v);
+    }), n.value = s, r.value = o;
   });
-  function u(s) {
-    return r.value.get(s.value);
+  function f(u) {
+    return r.value.get(u.value);
   }
   return {
     filteredItems: n,
     filteredMatches: r,
-    getMatches: u
+    getMatches: f
   };
 }
-const ia = _({
+const ca = _({
   expandOnClick: Boolean,
   showExpand: Boolean,
   expanded: {
     type: Array,
     default: () => []
   }
-}, "DataTable-expand"), Xe = Symbol.for("vuetify:datatable:expanded");
-function ua(e) {
-  const t = C(() => e.expandOnClick), a = J(e, "expanded", e.expanded, (u) => new Set(u), (u) => [...u.values()]);
-  function l(u, s) {
-    const o = new Set(a.value), c = ne(u.value);
-    if (s)
-      o.add(c);
+}, "DataTable-expand"), Ye = Symbol.for("vuetify:datatable:expanded");
+function fa(e) {
+  const t = T(() => e.expandOnClick), a = J(e, "expanded", e.expanded, (f) => new Set(f), (f) => [...f.values()]);
+  function l(f, u) {
+    const d = new Set(a.value), m = re(f.value);
+    if (u)
+      d.add(m);
     else {
-      const m = [...a.value].find((d) => ne(d) === c);
-      o.delete(m);
+      const h = [...a.value].find((s) => re(s) === m);
+      d.delete(h);
     }
-    a.value = o;
+    a.value = d;
   }
-  function n(u) {
-    const s = ne(u.value);
-    return [...a.value].some((o) => ne(o) === s);
+  function n(f) {
+    const u = re(f.value);
+    return [...a.value].some((d) => re(d) === u);
   }
-  function r(u) {
-    l(u, !n(u));
+  function r(f) {
+    l(f, !n(f));
   }
   const i = {
     expand: l,
@@ -136,110 +136,110 @@ function ua(e) {
     isExpanded: n,
     toggleExpand: r
   };
-  return Y(Xe, i), i;
+  return Y(Ye, i), i;
 }
-function Ye() {
-  const e = Q(Xe);
+function Ze() {
+  const e = Q(Ye);
   if (!e) throw new Error("foo");
   return e;
 }
-const da = _({
+const va = _({
   groupBy: {
     type: Array,
     default: () => []
   }
-}, "DataTable-group"), Ze = Symbol.for("vuetify:data-table-group");
-function ca(e) {
+}, "DataTable-group"), qe = Symbol.for("vuetify:data-table-group");
+function ga(e) {
   return {
     groupBy: J(e, "groupBy")
   };
 }
-function fa(e) {
+function ma(e) {
   const {
     disableSort: t,
     groupBy: a,
     sortBy: l
-  } = e, n = j(/* @__PURE__ */ new Set()), r = V(() => a.value.map((c) => ({
-    ...c,
-    order: c.order ?? !1
+  } = e, n = H(/* @__PURE__ */ new Set()), r = F(() => a.value.map((m) => ({
+    ...m,
+    order: m.order ?? !1
   })).concat(t?.value ? [] : l.value));
-  function i(c) {
-    return n.value.has(c.id);
+  function i(m) {
+    return n.value.has(m.id);
   }
-  function u(c) {
-    const m = new Set(n.value);
-    i(c) ? m.delete(c.id) : m.add(c.id), n.value = m;
+  function f(m) {
+    const h = new Set(n.value);
+    i(m) ? h.delete(m.id) : h.add(m.id), n.value = h;
   }
-  function s(c) {
-    function m(d) {
-      const f = [];
-      for (const y of d.items)
-        "type" in y && y.type === "group" ? f.push(...m(y)) : f.push(y);
-      return [...new Set(f)];
+  function u(m) {
+    function h(s) {
+      const o = [];
+      for (const b of s.items)
+        "type" in b && b.type === "group" ? o.push(...h(b)) : o.push(b);
+      return [...new Set(o)];
     }
-    return m({
-      items: c
+    return h({
+      items: m
     });
   }
-  const o = {
+  const d = {
     sortByWithGroups: r,
-    toggleGroup: u,
+    toggleGroup: f,
     opened: n,
     groupBy: a,
-    extractRows: s,
+    extractRows: u,
     isGroupOpen: i
   };
-  return Y(Ze, o), o;
+  return Y(qe, d), d;
 }
-function qe() {
-  const e = Q(Ze);
+function et() {
+  const e = Q(qe);
   if (!e) throw new Error("Missing group!");
   return e;
 }
-function va(e, t) {
+function ba(e, t) {
   if (!e.length) return [];
   const a = /* @__PURE__ */ new Map();
   for (const l of e) {
-    const n = de(l.raw, t);
+    const n = ce(l.raw, t);
     a.has(n) || a.set(n, []), a.get(n).push(l);
   }
   return a;
 }
-function et(e, t) {
+function tt(e, t) {
   let a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0, l = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : "root";
   if (!t.length) return [];
-  const n = va(e, t[0]), r = [], i = t.slice(1);
-  return n.forEach((u, s) => {
-    const o = t[0], c = `${l}_${o}_${s}`;
+  const n = ba(e, t[0]), r = [], i = t.slice(1);
+  return n.forEach((f, u) => {
+    const d = t[0], m = `${l}_${d}_${u}`;
     r.push({
       depth: a,
-      id: c,
-      key: o,
-      value: s,
-      items: i.length ? et(u, i, a + 1, c) : u,
+      id: m,
+      key: d,
+      value: u,
+      items: i.length ? tt(f, i, a + 1, m) : f,
       type: "group"
     });
   }), r;
 }
-function tt(e, t, a) {
+function at(e, t, a) {
   const l = [];
   for (const n of e)
-    "type" in n && n.type === "group" ? (n.value != null && l.push(n), (t.has(n.id) || n.value == null) && (l.push(...tt(n.items, t, a)), a && l.push({
+    "type" in n && n.type === "group" ? (n.value != null && l.push(n), (t.has(n.id) || n.value == null) && (l.push(...at(n.items, t, a)), a && l.push({
       ...n,
       type: "group-summary"
     }))) : l.push(n);
   return l;
 }
-function ga(e, t, a, l) {
+function ha(e, t, a, l) {
   return {
-    flatItems: V(() => {
+    flatItems: F(() => {
       if (!t.value.length) return e.value;
-      const r = et(e.value, t.value.map((i) => i.key));
-      return tt(r, a.value, Tt(l));
+      const r = tt(e.value, t.value.map((i) => i.key));
+      return at(r, a.value, _t(l));
     })
   };
 }
-function ma(e) {
+function ya(e) {
   let {
     page: t,
     itemsPerPage: a,
@@ -247,22 +247,22 @@ function ma(e) {
     groupBy: n,
     search: r
   } = e;
-  const i = Ge("VDataTable"), u = () => ({
+  const i = Ge("VDataTable"), f = () => ({
     page: t.value,
     itemsPerPage: a.value,
     sortBy: l.value,
     groupBy: n.value,
     search: r.value
   });
-  let s = null;
-  ce(u, (o) => {
-    Ke(s, o) || (s && s.search !== o.search && (t.value = 1), i.emit("update:options", o), s = o);
+  let u = null;
+  ve(f, (d) => {
+    We(u, d) || (u && u.search !== d.search && (t.value = 1), i.emit("update:options", d), u = d);
   }, {
     deep: !0,
     immediate: !0
   });
 }
-const ba = _({
+const pa = _({
   page: {
     type: [Number, String],
     default: 1
@@ -271,70 +271,70 @@ const ba = _({
     type: [Number, String],
     default: 10
   }
-}, "DataTable-paginate"), at = Symbol.for("vuetify:data-table-pagination");
-function ha(e) {
+}, "DataTable-paginate"), lt = Symbol.for("vuetify:data-table-pagination");
+function xa(e) {
   const t = J(e, "page", void 0, (l) => Number(l ?? 1)), a = J(e, "itemsPerPage", void 0, (l) => Number(l ?? 10));
   return {
     page: t,
     itemsPerPage: a
   };
 }
-function ya(e) {
+function Sa(e) {
   const {
     page: t,
     itemsPerPage: a,
     itemsLength: l
-  } = e, n = V(() => a.value === -1 ? 0 : a.value * (t.value - 1)), r = V(() => a.value === -1 ? l.value : Math.min(l.value, n.value + a.value)), i = V(() => a.value === -1 || l.value === 0 ? 1 : Math.ceil(l.value / a.value));
-  ce([t, i], () => {
+  } = e, n = F(() => a.value === -1 ? 0 : a.value * (t.value - 1)), r = F(() => a.value === -1 ? l.value : Math.min(l.value, n.value + a.value)), i = F(() => a.value === -1 || l.value === 0 ? 1 : Math.ceil(l.value / a.value));
+  ve([t, i], () => {
     t.value > i.value && (t.value = i.value);
   });
-  function u(d) {
-    a.value = d, t.value = 1;
+  function f(s) {
+    a.value = s, t.value = 1;
   }
-  function s() {
-    t.value = ye(t.value + 1, 1, i.value);
+  function u() {
+    t.value = pe(t.value + 1, 1, i.value);
   }
-  function o() {
-    t.value = ye(t.value - 1, 1, i.value);
+  function d() {
+    t.value = pe(t.value - 1, 1, i.value);
   }
-  function c(d) {
-    t.value = ye(d, 1, i.value);
+  function m(s) {
+    t.value = pe(s, 1, i.value);
   }
-  const m = {
+  const h = {
     page: t,
     itemsPerPage: a,
     startIndex: n,
     stopIndex: r,
     pageCount: i,
     itemsLength: l,
-    nextPage: s,
-    prevPage: o,
-    setPage: c,
-    setItemsPerPage: u
+    nextPage: u,
+    prevPage: d,
+    setPage: m,
+    setItemsPerPage: f
   };
-  return Y(at, m), m;
+  return Y(lt, h), h;
 }
-function pa() {
-  const e = Q(at);
+function Pa() {
+  const e = Q(lt);
   if (!e) throw new Error("Missing pagination!");
   return e;
 }
-function xa(e) {
+function ka(e) {
   const t = Ge("usePaginatedItems"), {
     items: a,
     startIndex: l,
     stopIndex: n,
     itemsPerPage: r
-  } = e, i = V(() => r.value <= 0 ? a.value : a.value.slice(l.value, n.value));
-  return ce(i, (u) => {
-    t.emit("update:currentItems", u);
+  } = e, i = F(() => r.value <= 0 ? a.value : a.value.slice(l.value, n.value));
+  return ve(i, (f) => {
+    t.emit("update:currentItems", f);
   }, {
     immediate: !0
   }), {
     paginatedItems: i
   };
 }
-const Sa = {
+const wa = {
   showSelectAll: !1,
   allSelected: () => [],
   select: (e) => {
@@ -350,7 +350,7 @@ const Sa = {
     } = e;
     return t;
   }
-}, lt = {
+}, nt = {
   showSelectAll: !0,
   allSelected: (e) => {
     let {
@@ -374,13 +374,13 @@ const Sa = {
       currentPage: a,
       selected: l
     } = e;
-    return lt.select({
+    return nt.select({
       items: a,
       value: t,
       selected: l
     });
   }
-}, Pa = {
+}, Ia = {
   showSelectAll: !0,
   allSelected: (e) => {
     let {
@@ -405,7 +405,7 @@ const Sa = {
     } = e;
     return new Set(t ? a.map((l) => l.value) : []);
   }
-}, ka = _({
+}, Fa = _({
   showSelect: Boolean,
   selectStrategy: {
     type: [String, Object],
@@ -416,140 +416,177 @@ const Sa = {
     default: () => []
   },
   valueComparator: Function
-}, "DataTable-select"), nt = Symbol.for("vuetify:data-table-selection");
-function wa(e, t) {
+}, "DataTable-select"), rt = Symbol.for("vuetify:data-table-selection");
+function Da(e, t) {
   let {
     allItems: a,
     currentPage: l
   } = t;
-  const n = J(e, "modelValue", e.modelValue, (h) => {
-    const I = e.valueComparator;
-    return I ? new Set(z(h).map((D) => a.value.find((P) => I(D, P.value))?.value ?? D)) : new Set(z(h).map((D) => Rt(D) ? a.value.find((P) => D === P.value)?.value ?? D : a.value.find((P) => Ke(D, P.value))?.value ?? D));
-  }, (h) => [...h.values()]), r = V(() => a.value.filter((h) => h.selectable)), i = V(() => l.value.filter((h) => h.selectable)), u = V(() => {
+  const n = J(e, "modelValue", e.modelValue, (y) => {
+    const P = e.valueComparator;
+    return P ? new Set(z(y).map((V) => a.value.find((k) => P(V, k.value))?.value ?? V)) : new Set(z(y).map((V) => Mt(V) ? a.value.find((k) => V === k.value)?.value ?? V : a.value.find((k) => We(V, k.value))?.value ?? V));
+  }, (y) => [...y.values()]), r = F(() => a.value.filter((y) => y.selectable)), i = F(() => l.value.filter((y) => y.selectable)), f = F(() => {
     if (typeof e.selectStrategy == "object") return e.selectStrategy;
     switch (e.selectStrategy) {
       case "single":
-        return Sa;
+        return wa;
       case "all":
-        return Pa;
+        return Ia;
       case "page":
       default:
-        return lt;
+        return nt;
     }
-  }), s = ue(null);
-  function o(h) {
-    return z(h).every((I) => n.value.has(I.value));
+  }), u = de(null);
+  function d(y) {
+    return z(y).every((P) => n.value.has(P.value));
   }
-  function c(h) {
-    return z(h).some((I) => n.value.has(I.value));
+  function m(y) {
+    return z(y).some((P) => n.value.has(P.value));
   }
-  function m(h, I) {
-    const D = u.value.select({
-      items: h,
-      value: I,
+  function h(y, P) {
+    const V = f.value.select({
+      items: y,
+      value: P,
       selected: new Set(n.value)
     });
-    n.value = D;
+    n.value = V;
   }
-  function d(h, I, D) {
-    const P = [];
-    if (I = I ?? l.value.findIndex((L) => L.value === h.value), e.selectStrategy !== "single" && D?.shiftKey && s.value !== null) {
-      const [L, N] = [s.value, I].sort((p, x) => p - x);
-      P.push(...l.value.slice(L, N + 1).filter((p) => p.selectable));
+  function s(y, P, V) {
+    const k = [];
+    if (P = P ?? l.value.findIndex((L) => L.value === y.value), e.selectStrategy !== "single" && V?.shiftKey && u.value !== null) {
+      const [L, N] = [u.value, P].sort((p, x) => p - x);
+      k.push(...l.value.slice(L, N + 1).filter((p) => p.selectable));
     } else
-      P.push(h), s.value = I;
-    m(P, !o([h]));
+      k.push(y), u.value = P;
+    h(k, !d([y]));
   }
-  function f(h) {
-    const I = u.value.selectAll({
-      value: h,
+  function o(y) {
+    const P = f.value.selectAll({
+      value: y,
       allItems: r.value,
       currentPage: i.value,
       selected: new Set(n.value)
     });
-    n.value = I;
+    n.value = P;
   }
-  const y = V(() => n.value.size > 0), b = V(() => {
-    const h = u.value.allSelected({
+  const b = F(() => n.value.size > 0), c = F(() => {
+    const y = f.value.allSelected({
       allItems: r.value,
       currentPage: i.value
     });
-    return !!h.length && o(h);
-  }), v = C(() => u.value.showSelectAll), F = {
-    toggleSelect: d,
-    select: m,
-    selectAll: f,
-    isSelected: o,
-    isSomeSelected: c,
-    someSelected: y,
-    allSelected: b,
+    return !!y.length && d(y);
+  }), v = T(() => f.value.showSelectAll), w = {
+    toggleSelect: s,
+    select: h,
+    selectAll: o,
+    isSelected: d,
+    isSomeSelected: m,
+    someSelected: b,
+    allSelected: c,
     showSelectAll: v,
-    lastSelectedIndex: s,
-    selectStrategy: u
+    lastSelectedIndex: u,
+    selectStrategy: f
   };
-  return Y(nt, F), F;
+  return Y(rt, w), w;
 }
-function ve() {
-  const e = Q(nt);
+function me() {
+  const e = Q(rt);
   if (!e) throw new Error("Missing selection!");
   return e;
 }
-const Ia = _({
+const Va = _({
+  initialSortOrder: {
+    type: String,
+    default: "asc",
+    validator: (e) => !e || ["asc", "desc"].includes(e)
+  },
   sortBy: {
     type: Array,
     default: () => []
   },
   customKeySort: Object,
-  multiSort: Boolean,
+  multiSort: {
+    type: [Boolean, Object],
+    default: !1
+  },
   mustSort: Boolean
-}, "DataTable-sort"), rt = Symbol.for("vuetify:data-table-sort");
-function Fa(e) {
-  const t = J(e, "sortBy"), a = C(() => e.mustSort), l = C(() => e.multiSort);
+}, "DataTable-sort"), st = Symbol.for("vuetify:data-table-sort");
+function Ta(e) {
+  const t = T(() => e.initialSortOrder), a = J(e, "sortBy"), l = T(() => e.mustSort), n = T(() => e.multiSort);
   return {
-    sortBy: t,
-    mustSort: a,
-    multiSort: l
+    initialSortOrder: t,
+    sortBy: a,
+    multiSort: n,
+    mustSort: l
   };
 }
-function Va(e) {
+function Ca(e, t) {
+  if (!jt(e))
+    return {
+      active: !!e
+    };
   const {
-    sortBy: t,
-    mustSort: a,
-    multiSort: l,
-    page: n
-  } = e, r = (s) => {
-    if (s.key == null) return;
-    let o = t.value.map((m) => ({
-      ...m
+    key: a,
+    mode: l,
+    modifier: n
+  } = e, r = n === "alt" && t?.altKey || n === "shift" && t?.shiftKey;
+  return {
+    active: !a || t?.ctrlKey || t?.metaKey || !1,
+    mode: r ? l === "append" ? "prepend" : "append" : l
+  };
+}
+function _a(e) {
+  const {
+    initialSortOrder: t,
+    sortBy: a,
+    mustSort: l,
+    multiSort: n,
+    page: r
+  } = e, i = (d, m) => {
+    if (d.key == null) return;
+    let h = a.value.map((c) => ({
+      ...c
     })) ?? [];
-    const c = o.find((m) => m.key === s.key);
-    c ? c.order === "desc" ? a.value && o.length === 1 ? c.order = "asc" : o = o.filter((m) => m.key !== s.key) : c.order = "desc" : l.value ? o.push({
-      key: s.key,
-      order: "asc"
-    }) : o = [{
-      key: s.key,
-      order: "asc"
-    }], t.value = o, n && (n.value = 1);
+    const s = h.find((c) => c.key === d.key), o = t.value, b = t.value === "desc" ? "asc" : "desc";
+    if (s)
+      s.order === b ? l.value && h.length === 1 ? s.order = t.value : h = h.filter((c) => c.key !== d.key) : s.order = b;
+    else {
+      const {
+        active: c,
+        mode: v
+      } = Ca(n.value, m);
+      c ? v === "prepend" ? h.unshift({
+        key: d.key,
+        order: o
+      }) : h.push({
+        key: d.key,
+        order: o
+      }) : h = [{
+        key: d.key,
+        order: o
+      }];
+    }
+    a.value = h, r && (r.value = 1);
   };
-  function i(s) {
-    return !!t.value.find((o) => o.key === s.key);
+  function f(d) {
+    return !!a.value.find((m) => m.key === d.key);
   }
   const u = {
-    sortBy: t,
-    toggleSort: r,
-    isSorted: i
+    sortBy: a,
+    toggleSort: i,
+    isSorted: f
   };
-  return Y(rt, u), u;
+  return Y(st, u), u;
 }
-function st() {
-  const e = Q(rt);
+function ot() {
+  const e = Q(st);
   if (!e) throw new Error("Missing sort!");
   return e;
 }
-function Da(e, t, a, l) {
+function Oa(e, t, a, l) {
   const n = Z();
   return {
-    sortedItems: V(() => a.value.length ? Ta(t.value, a.value, n.current.value, {
+    sortedItems: F(() => a.value.length ? Ba(t.value, a.value, n.current.value, {
       transform: l?.transform,
       sortFunctions: {
         ...e.customKeySort,
@@ -559,39 +596,39 @@ function Da(e, t, a, l) {
     }) : t.value)
   };
 }
-function Ta(e, t, a, l) {
+function Ba(e, t, a, l) {
   const n = new Intl.Collator(a, {
     sensitivity: "accent",
     usage: "sort"
   });
-  return e.map((i) => [i, l?.transform ? l.transform(i) : i]).sort((i, u) => {
-    for (let s = 0; s < t.length; s++) {
-      let o = !1;
-      const c = t[s].key, m = t[s].order ?? "asc";
-      if (m === !1) continue;
-      let d = de(i[1], c), f = de(u[1], c), y = i[0].raw, b = u[0].raw;
-      if (m === "desc" && ([d, f] = [f, d], [y, b] = [b, y]), l?.sortRawFunctions?.[c]) {
-        const v = l.sortRawFunctions[c](y, b);
+  return e.map((i) => [i, l?.transform ? l.transform(i) : i]).sort((i, f) => {
+    for (let u = 0; u < t.length; u++) {
+      let d = !1;
+      const m = t[u].key, h = t[u].order ?? "asc";
+      if (h === !1) continue;
+      let s = ce(i[1], m), o = ce(f[1], m), b = i[0].raw, c = f[0].raw;
+      if (h === "desc" && ([s, o] = [o, s], [b, c] = [c, b]), l?.sortRawFunctions?.[m]) {
+        const v = l.sortRawFunctions[m](b, c);
         if (v == null) continue;
-        if (o = !0, v) return v;
+        if (d = !0, v) return v;
       }
-      if (l?.sortFunctions?.[c]) {
-        const v = l.sortFunctions[c](d, f);
+      if (l?.sortFunctions?.[m]) {
+        const v = l.sortFunctions[m](s, o);
         if (v == null) continue;
-        if (o = !0, v) return v;
+        if (d = !0, v) return v;
       }
-      if (!o && (d instanceof Date && f instanceof Date && (d = d.getTime(), f = f.getTime()), [d, f] = [d, f].map((v) => v != null ? v.toString().toLocaleLowerCase() : v), d !== f))
-        return se(d) && se(f) ? 0 : se(d) ? -1 : se(f) ? 1 : !isNaN(d) && !isNaN(f) ? Number(d) - Number(f) : n.compare(d, f);
+      if (!d && (s instanceof Date && o instanceof Date && (s = s.getTime(), o = o.getTime()), [s, o] = [s, o].map((v) => v != null ? v.toString().toLocaleLowerCase() : v), s !== o))
+        return oe(s) && oe(o) ? 0 : oe(s) ? -1 : oe(o) ? 1 : !isNaN(s) && !isNaN(o) ? Number(s) - Number(o) : n.compare(s, o);
     }
     return 0;
   }).map((i) => {
-    let [u] = i;
-    return u;
+    let [f] = i;
+    return f;
   });
 }
-function Ca() {
-  const e = j([]);
-  Ct(() => e.value = []);
+function La() {
+  const e = H([]);
+  Ot(() => e.value = []);
   function t(a, l) {
     e.value[l] = a;
   }
@@ -600,7 +637,7 @@ function Ca() {
     updateRef: t
   };
 }
-const _a = _({
+const Aa = _({
   activeColor: String,
   start: {
     type: [Number, String],
@@ -618,19 +655,19 @@ const _a = _({
   },
   totalVisible: [Number, String],
   firstIcon: {
-    type: O,
+    type: B,
     default: "$first"
   },
   prevIcon: {
-    type: O,
+    type: B,
     default: "$prev"
   },
   nextIcon: {
-    type: O,
+    type: B,
     default: "$next"
   },
   lastIcon: {
-    type: O,
+    type: B,
     default: "$last"
   },
   ariaLabel: {
@@ -666,22 +703,22 @@ const _a = _({
     default: "..."
   },
   showFirstLastPage: Boolean,
-  ...Kt(),
+  ...Ut(),
+  ...Je(),
+  ...le(),
   ...Ue(),
-  ...ae(),
-  ...ze(),
-  ...Gt(),
-  ...jt(),
-  ...We({
+  ...zt(),
+  ...Wt(),
+  ...ze({
     tag: "nav"
   }),
-  ...Fe(),
-  ...Ht({
+  ...De(),
+  ...Gt({
     variant: "text"
   })
-}, "VPagination"), Ae = $()({
+}, "VPagination"), Ee = $()({
   name: "VPagination",
-  props: _a(),
+  props: Aa(),
   emits: {
     "update:modelValue": (e) => !0,
     first: (e) => !0,
@@ -698,71 +735,71 @@ const _a = _({
       t: r,
       n: i
     } = Z(), {
-      isRtl: u
-    } = $t(), {
-      themeClasses: s
-    } = Ie(e), {
-      width: o
-    } = fe(), c = ue(-1);
-    Se(void 0, {
+      isRtl: f
+    } = Ht(), {
+      themeClasses: u
+    } = Fe(e), {
+      width: d
+    } = ge(), m = de(-1);
+    Pe(void 0, {
       scoped: !0
     });
     const {
-      resizeRef: m
-    } = Mt((p) => {
+      resizeRef: h
+    } = Kt((p) => {
       if (!p.length) return;
       const {
         target: x,
         contentRect: g
-      } = p[0], k = x.querySelector(".v-pagination__list > *");
-      if (!k) return;
-      const T = g.width, R = k.offsetWidth + parseFloat(getComputedStyle(k).marginRight) * 2;
-      c.value = b(T, R);
-    }), d = V(() => parseInt(e.length, 10)), f = V(() => parseInt(e.start, 10)), y = V(() => e.totalVisible != null ? parseInt(e.totalVisible, 10) : c.value >= 0 ? c.value : b(o.value, 58));
-    function b(p, x) {
+      } = p[0], D = x.querySelector(".v-pagination__list > *");
+      if (!D) return;
+      const C = g.width, R = D.offsetWidth + parseFloat(getComputedStyle(D).marginRight) * 2;
+      m.value = c(C, R);
+    }), s = F(() => parseInt(e.length, 10)), o = F(() => parseInt(e.start, 10)), b = F(() => e.totalVisible != null ? parseInt(e.totalVisible, 10) : m.value >= 0 ? m.value : c(d.value, 58));
+    function c(p, x) {
       const g = e.showFirstLastPage ? 5 : 3;
       return Math.max(0, Math.floor(
         // Round to two decimal places to avoid floating point errors
         Number(((p - x * g) / x).toFixed(2))
       ));
     }
-    const v = V(() => {
-      if (d.value <= 0 || isNaN(d.value) || d.value > Number.MAX_SAFE_INTEGER) return [];
-      if (y.value <= 0) return [];
-      if (y.value === 1) return [n.value];
-      if (d.value <= y.value)
-        return oe(d.value, f.value);
-      const p = y.value % 2 === 0, x = p ? y.value / 2 : Math.floor(y.value / 2), g = p ? x : x + 1, k = d.value - x;
+    const v = F(() => {
+      if (s.value <= 0 || isNaN(s.value) || s.value > Number.MAX_SAFE_INTEGER) return [];
+      if (b.value <= 0) return [];
+      if (b.value === 1) return [n.value];
+      if (s.value <= b.value)
+        return ie(s.value, o.value);
+      const p = b.value % 2 === 0, x = p ? b.value / 2 : Math.floor(b.value / 2), g = p ? x : x + 1, D = s.value - x;
       if (g - n.value >= 0)
-        return [...oe(Math.max(1, y.value - 1), f.value), e.ellipsis, d.value];
-      if (n.value - k >= (p ? 1 : 0)) {
-        const T = y.value - 1, R = d.value - T + f.value;
-        return [f.value, e.ellipsis, ...oe(T, R)];
+        return [...ie(Math.max(1, b.value - 1), o.value), e.ellipsis, s.value];
+      if (n.value - D >= (p ? 1 : 0)) {
+        const C = b.value - 1, R = s.value - C + o.value;
+        return [o.value, e.ellipsis, ...ie(C, R)];
       } else {
-        const T = Math.max(1, y.value - 2), R = T === 1 ? n.value : n.value - Math.ceil(T / 2) + f.value;
-        return [f.value, e.ellipsis, ...oe(T, R), e.ellipsis, d.value];
+        const C = Math.max(1, b.value - 2), R = C === 1 ? n.value : n.value - Math.ceil(C / 2) + o.value;
+        return [o.value, e.ellipsis, ...ie(C, R), e.ellipsis, s.value];
       }
     });
-    function F(p, x, g) {
+    function w(p, x, g) {
       p.preventDefault(), n.value = x, g && l(g, x);
     }
     const {
-      refs: h,
-      updateRef: I
-    } = Ca();
-    Se({
+      refs: y,
+      updateRef: P
+    } = La();
+    Pe({
       VPaginationBtn: {
-        color: C(() => e.color),
-        border: C(() => e.border),
-        density: C(() => e.density),
-        size: C(() => e.size),
-        variant: C(() => e.variant),
-        rounded: C(() => e.rounded),
-        elevation: C(() => e.elevation)
+        color: T(() => e.color),
+        border: T(() => e.border),
+        density: T(() => e.density),
+        size: T(() => e.size),
+        variant: T(() => e.variant),
+        rounded: T(() => e.rounded),
+        elevation: T(() => e.elevation)
       }
     });
-    const D = V(() => v.value.map((p, x) => {
-      const g = (k) => I(k, x);
+    const V = F(() => v.value.map((p, x) => {
+      const g = (D) => P(D, x);
       if (typeof p == "string")
         return {
           isActive: !1,
@@ -776,9 +813,9 @@ const _a = _({
           }
         };
       {
-        const k = p === n.value;
+        const D = p === n.value;
         return {
-          isActive: k,
+          isActive: D,
           key: p,
           page: i(p),
           props: {
@@ -786,40 +823,40 @@ const _a = _({
             ellipsis: !1,
             icon: !0,
             disabled: !!e.disabled || Number(e.length) < 2,
-            color: k ? e.activeColor : e.color,
-            "aria-current": k,
-            "aria-label": r(k ? e.currentPageAriaLabel : e.pageAriaLabel, p),
-            onClick: (T) => F(T, p)
+            color: D ? e.activeColor : e.color,
+            "aria-current": D,
+            "aria-label": r(D ? e.currentPageAriaLabel : e.pageAriaLabel, p),
+            onClick: (C) => w(C, p)
           }
         };
       }
-    })), P = V(() => {
-      const p = !!e.disabled || n.value <= f.value, x = !!e.disabled || n.value >= f.value + d.value - 1;
+    })), k = F(() => {
+      const p = !!e.disabled || n.value <= o.value, x = !!e.disabled || n.value >= o.value + s.value - 1;
       return {
         first: e.showFirstLastPage ? {
-          icon: u.value ? e.lastIcon : e.firstIcon,
-          onClick: (g) => F(g, f.value, "first"),
+          icon: f.value ? e.lastIcon : e.firstIcon,
+          onClick: (g) => w(g, o.value, "first"),
           disabled: p,
           "aria-label": r(e.firstAriaLabel),
           "aria-disabled": p
         } : void 0,
         prev: {
-          icon: u.value ? e.nextIcon : e.prevIcon,
-          onClick: (g) => F(g, n.value - 1, "prev"),
+          icon: f.value ? e.nextIcon : e.prevIcon,
+          onClick: (g) => w(g, n.value - 1, "prev"),
           disabled: p,
           "aria-label": r(e.previousAriaLabel),
           "aria-disabled": p
         },
         next: {
-          icon: u.value ? e.prevIcon : e.nextIcon,
-          onClick: (g) => F(g, n.value + 1, "next"),
+          icon: f.value ? e.prevIcon : e.nextIcon,
+          onClick: (g) => w(g, n.value + 1, "next"),
           disabled: x,
           "aria-label": r(e.nextAriaLabel),
           "aria-disabled": x
         },
         last: e.showFirstLastPage ? {
-          icon: u.value ? e.firstIcon : e.lastIcon,
-          onClick: (g) => F(g, f.value + d.value - 1, "last"),
+          icon: f.value ? e.firstIcon : e.lastIcon,
+          onClick: (g) => w(g, o.value + s.value - 1, "last"),
           disabled: x,
           "aria-label": r(e.lastAriaLabel),
           "aria-disabled": x
@@ -827,16 +864,16 @@ const _a = _({
       };
     });
     function L() {
-      const p = n.value - f.value;
-      h.value[p]?.$el.focus();
+      const p = n.value - o.value;
+      y.value[p]?.$el.focus();
     }
     function N(p) {
-      p.key === Be.left && !e.disabled && n.value > Number(e.start) ? (n.value = n.value - 1, Ce(L)) : p.key === Be.right && !e.disabled && n.value < f.value + d.value - 1 && (n.value = n.value + 1, Ce(L));
+      p.key === Be.left && !e.disabled && n.value > Number(e.start) ? (n.value = n.value - 1, _e(L)) : p.key === Be.right && !e.disabled && n.value < o.value + s.value - 1 && (n.value = n.value + 1, _e(L));
     }
-    return K(() => w(e.tag, {
-      ref: m,
-      class: G(["v-pagination", s.value, e.class]),
-      style: we(e.style),
+    return G(() => I(e.tag, {
+      ref: h,
+      class: K(["v-pagination", u.value, e.class]),
+      style: Ie(e.style),
       role: "navigation",
       "aria-label": r(e.ariaLabel),
       onKeydown: N,
@@ -848,21 +885,21 @@ const _a = _({
         key: "first",
         class: "v-pagination__first",
         "data-test": "v-pagination-first"
-      }, [a.first ? a.first(P.value.first) : w(W, B({
+      }, [a.first ? a.first(k.value.first) : I(W, O({
         _as: "VPaginationBtn"
-      }, P.value.first), null)]), S("li", {
+      }, k.value.first), null)]), S("li", {
         key: "prev",
         class: "v-pagination__prev",
         "data-test": "v-pagination-prev"
-      }, [a.prev ? a.prev(P.value.prev) : w(W, B({
+      }, [a.prev ? a.prev(k.value.prev) : I(W, O({
         _as: "VPaginationBtn"
-      }, P.value.prev), null)]), D.value.map((p, x) => S("li", {
+      }, k.value.prev), null)]), V.value.map((p, x) => S("li", {
         key: p.key,
-        class: G(["v-pagination__item", {
+        class: K(["v-pagination__item", {
           "v-pagination__item--is-active": p.isActive
         }]),
         "data-test": "v-pagination-item"
-      }, [a.item ? a.item(p) : w(W, B({
+      }, [a.item ? a.item(p) : I(W, O({
         _as: "VPaginationBtn"
       }, p.props), {
         default: () => [p.page]
@@ -870,32 +907,33 @@ const _a = _({
         key: "next",
         class: "v-pagination__next",
         "data-test": "v-pagination-next"
-      }, [a.next ? a.next(P.value.next) : w(W, B({
+      }, [a.next ? a.next(k.value.next) : I(W, O({
         _as: "VPaginationBtn"
-      }, P.value.next), null)]), e.showFirstLastPage && S("li", {
+      }, k.value.next), null)]), e.showFirstLastPage && S("li", {
         key: "last",
         class: "v-pagination__last",
         "data-test": "v-pagination-last"
-      }, [a.last ? a.last(P.value.last) : w(W, B({
+      }, [a.last ? a.last(k.value.last) : I(W, O({
         _as: "VPaginationBtn"
-      }, P.value.last), null)])])]
+      }, k.value.last), null)])])]
     })), {};
   }
-}), ot = _({
+}), it = _({
+  color: String,
   prevIcon: {
-    type: O,
+    type: B,
     default: "$prev"
   },
   nextIcon: {
-    type: O,
+    type: B,
     default: "$next"
   },
   firstIcon: {
-    type: O,
+    type: B,
     default: "$first"
   },
   lastIcon: {
-    type: O,
+    type: B,
     default: "$last"
   },
   itemsPerPageText: {
@@ -942,9 +980,9 @@ const _a = _({
     }]
   },
   showCurrentPage: Boolean
-}, "VDataTableFooter"), Ee = $()({
+}, "VDataTableFooter"), Ne = $()({
   name: "VDataTableFooter",
-  props: ot(),
+  props: it(),
   setup(e, t) {
     let {
       slots: a
@@ -955,39 +993,40 @@ const _a = _({
       page: n,
       pageCount: r,
       startIndex: i,
-      stopIndex: u,
-      itemsLength: s,
-      itemsPerPage: o,
-      setItemsPerPage: c
-    } = pa(), m = V(() => e.itemsPerPageOptions.map((d) => typeof d == "number" ? {
-      value: d,
-      title: d === -1 ? l("$vuetify.dataFooter.itemsPerPageAll") : String(d)
+      stopIndex: f,
+      itemsLength: u,
+      itemsPerPage: d,
+      setItemsPerPage: m
+    } = Pa(), h = F(() => e.itemsPerPageOptions.map((s) => typeof s == "number" ? {
+      value: s,
+      title: s === -1 ? l("$vuetify.dataFooter.itemsPerPageAll") : String(s)
     } : {
-      ...d,
-      title: isNaN(Number(d.title)) ? l(d.title) : d.title
+      ...s,
+      title: isNaN(Number(s.title)) ? l(s.title) : s.title
     }));
-    return K(() => {
-      const d = Ae.filterProps(e);
+    return G(() => {
+      const s = Ee.filterProps(e);
       return S("div", {
         class: "v-data-table-footer"
       }, [a.prepend?.(), S("div", {
         class: "v-data-table-footer__items-per-page"
       }, [S("span", {
         "aria-label": l(e.itemsPerPageText)
-      }, [l(e.itemsPerPageText)]), w(Qe, {
-        items: m.value,
-        modelValue: o.value,
-        "onUpdate:modelValue": (f) => c(Number(f)),
+      }, [l(e.itemsPerPageText)]), I(Xe, {
+        items: h.value,
+        itemColor: e.color,
+        modelValue: d.value,
+        "onUpdate:modelValue": (o) => m(Number(o)),
         density: "compact",
         variant: "outlined",
         hideDetails: !0
       }, null)]), S("div", {
         class: "v-data-table-footer__info"
-      }, [S("div", null, [l(e.pageText, s.value ? i.value + 1 : 0, u.value, s.value)])]), S("div", {
+      }, [S("div", null, [l(e.pageText, u.value ? i.value + 1 : 0, f.value, u.value)])]), S("div", {
         class: "v-data-table-footer__pagination"
-      }, [w(Ae, B({
+      }, [I(Ee, O({
         modelValue: n.value,
-        "onUpdate:modelValue": (f) => n.value = f,
+        "onUpdate:modelValue": (o) => n.value = o,
         density: "comfortable",
         firstAriaLabel: e.firstPageLabel,
         lastAriaLabel: e.lastPageLabel,
@@ -998,10 +1037,10 @@ const _a = _({
         showFirstLastPage: !0,
         totalVisible: e.showCurrentPage ? 1 : 0,
         variant: "plain"
-      }, d), null)])]);
+      }, Ve(s, ["color"])), null)])]);
     }), {};
   }
-}), te = Wt({
+}), ae = Jt({
   align: {
     type: String,
     default: "start"
@@ -1027,8 +1066,8 @@ const _a = _({
     slots: a
   } = t;
   const l = e.tag ?? "td", n = typeof e.fixed == "string" ? e.fixed : e.fixed ? "start" : "none";
-  return w(l, {
-    class: G(["v-data-table__td", {
+  return I(l, {
+    class: K(["v-data-table__td", {
       "v-data-table-column--fixed": n === "start",
       "v-data-table-column--fixed-end": n === "end",
       "v-data-table-column--last-fixed": e.lastFixed,
@@ -1048,16 +1087,16 @@ const _a = _({
   }, {
     default: () => [a.default?.()]
   });
-}), Ba = _({
+}), Ea = _({
   headers: Array
-}, "DataTable-header"), it = Symbol.for("vuetify:data-table-headers"), ut = {
+}, "DataTable-header"), ut = Symbol.for("vuetify:data-table-headers"), dt = {
   title: "",
   sortable: !1
-}, Oa = {
-  ...ut,
+}, Na = {
+  ...dt,
   width: 48
 };
-function La() {
+function Ra() {
   const t = (arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : []).map((a) => ({
     element: a,
     priority: 0
@@ -1090,53 +1129,53 @@ function La() {
     dequeue: () => t.shift()
   };
 }
-function ke(e) {
+function we(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
   if (!e.children)
     t.push(e);
   else
     for (const a of e.children)
-      ke(a, t);
+      we(a, t);
   return t;
 }
-function dt(e) {
+function ct(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : /* @__PURE__ */ new Set();
   for (const a of e)
-    a.key && t.add(a.key), a.children && dt(a.children, t);
+    a.key && t.add(a.key), a.children && ct(a.children, t);
   return t;
 }
-function Aa(e) {
+function $a(e) {
   if (e.key) {
-    if (e.key === "data-table-group") return ut;
-    if (["data-table-expand", "data-table-select"].includes(e.key)) return Oa;
+    if (e.key === "data-table-group") return dt;
+    if (["data-table-expand", "data-table-select"].includes(e.key)) return Na;
   }
 }
-function Te(e) {
+function Ce(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
-  return e.children ? Math.max(t, ...e.children.map((a) => Te(a, t + 1))) : t;
+  return e.children ? Math.max(t, ...e.children.map((a) => Ce(a, t + 1))) : t;
 }
-function Ea(e) {
+function Ma(e) {
   let t = !1;
   function a(r, i) {
-    let u = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "none";
+    let f = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "none";
     if (r)
-      if (u !== "none" && (r.fixed = u), r.fixed === !0 && (r.fixed = "start"), r.fixed === i)
+      if (f !== "none" && (r.fixed = f), r.fixed === !0 && (r.fixed = "start"), r.fixed === i)
         if (r.children)
           if (i === "start")
-            for (let s = r.children.length - 1; s >= 0; s--)
-              a(r.children[s], i, i);
+            for (let u = r.children.length - 1; u >= 0; u--)
+              a(r.children[u], i, i);
           else
-            for (let s = 0; s < r.children.length; s++)
-              a(r.children[s], i, i);
+            for (let u = 0; u < r.children.length; u++)
+              a(r.children[u], i, i);
         else
-          !t && i === "start" ? r.lastFixed = !0 : !t && i === "end" ? r.firstFixedEnd = !0 : isNaN(Number(r.width)) ? zt(`Multiple fixed columns should have a static width (key: ${r.key})`) : r.minWidth = Math.max(Number(r.width) || 0, Number(r.minWidth) || 0), t = !0;
+          !t && i === "start" ? r.lastFixed = !0 : !t && i === "end" ? r.firstFixedEnd = !0 : isNaN(Number(r.width)) ? Qt(`Multiple fixed columns should have a static width (key: ${r.key})`) : r.minWidth = Math.max(Number(r.width) || 0, Number(r.minWidth) || 0), t = !0;
       else if (r.children)
         if (i === "start")
-          for (let s = r.children.length - 1; s >= 0; s--)
-            a(r.children[s], i);
+          for (let u = r.children.length - 1; u >= 0; u--)
+            a(r.children[u], i);
         else
-          for (let s = 0; s < r.children.length; s++)
-            a(r.children[s], i);
+          for (let u = 0; u < r.children.length; u++)
+            a(r.children[u], i);
       else
         t = !1;
   }
@@ -1146,127 +1185,127 @@ function Ea(e) {
     a(e[r], "end");
   let l = 0;
   for (let r = 0; r < e.length; r++)
-    l = ct(e[r], l);
+    l = ft(e[r], l);
   let n = 0;
   for (let r = e.length - 1; r >= 0; r--)
-    n = ft(e[r], n);
+    n = vt(e[r], n);
 }
-function ct(e) {
+function ft(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
   if (!e) return t;
   if (e.children) {
     e.fixedOffset = t;
     for (const a of e.children)
-      t = ct(a, t);
+      t = ft(a, t);
   } else e.fixed && e.fixed !== "end" && (e.fixedOffset = t, t += parseFloat(e.width || "0") || 0);
   return t;
 }
-function ft(e) {
+function vt(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
   if (!e) return t;
   if (e.children) {
     e.fixedEndOffset = t;
     for (const a of e.children)
-      t = ft(a, t);
+      t = vt(a, t);
   } else e.fixed === "end" && (e.fixedEndOffset = t, t += parseFloat(e.width || "0") || 0);
   return t;
 }
-function Na(e, t) {
+function ja(e, t) {
   const a = [];
   let l = 0;
-  const n = La(e);
+  const n = Ra(e);
   for (; n.size() > 0; ) {
     let i = n.count();
-    const u = [];
-    let s = 1;
+    const f = [];
+    let u = 1;
     for (; i > 0; ) {
       const {
-        element: o,
-        priority: c
-      } = n.dequeue(), m = t - l - Te(o);
-      if (u.push({
-        ...o,
-        rowspan: m ?? 1,
-        colspan: o.children ? ke(o).length : 1
-      }), o.children)
-        for (const d of o.children) {
-          const f = c % 1 + s / Math.pow(10, l + 2);
-          n.enqueue(d, l + m + f);
+        element: d,
+        priority: m
+      } = n.dequeue(), h = t - l - Ce(d);
+      if (f.push({
+        ...d,
+        rowspan: h ?? 1,
+        colspan: d.children ? we(d).length : 1
+      }), d.children)
+        for (const s of d.children) {
+          const o = m % 1 + u / Math.pow(10, l + 2);
+          n.enqueue(s, l + h + o);
         }
-      s += 1, i -= 1;
+      u += 1, i -= 1;
     }
-    l += 1, a.push(u);
+    l += 1, a.push(f);
   }
   return {
-    columns: e.map((i) => ke(i)).flat(),
+    columns: e.map((i) => we(i)).flat(),
     headers: a
   };
 }
-function vt(e) {
+function gt(e) {
   const t = [];
   for (const a of e) {
     const l = {
-      ...Aa(a),
+      ...$a(a),
       ...a
     }, n = l.key ?? (typeof l.value == "string" ? l.value : null), r = l.value ?? n ?? null, i = {
       ...l,
       key: n,
       value: r,
       sortable: l.sortable ?? (l.key != null || !!l.sort),
-      children: l.children ? vt(l.children) : void 0
+      children: l.children ? gt(l.children) : void 0
     };
     t.push(i);
   }
   return t;
 }
-function Ra(e, t) {
-  const a = j([]), l = j([]), n = j({}), r = j({}), i = j({});
-  je(() => {
-    const o = (e.headers || Object.keys(e.items[0] ?? {}).map((b) => ({
-      key: b,
-      title: _t(b)
-    }))).slice(), c = dt(o);
-    t?.groupBy?.value.length && !c.has("data-table-group") && o.unshift({
+function Ha(e, t) {
+  const a = H([]), l = H([]), n = H({}), r = H({}), i = H({});
+  Ke(() => {
+    const d = (e.headers || Object.keys(e.items[0] ?? {}).map((c) => ({
+      key: c,
+      title: Bt(c)
+    }))).slice(), m = ct(d);
+    t?.groupBy?.value.length && !m.has("data-table-group") && d.unshift({
       key: "data-table-group",
       title: "Group"
-    }), t?.showSelect?.value && !c.has("data-table-select") && o.unshift({
+    }), t?.showSelect?.value && !m.has("data-table-select") && d.unshift({
       key: "data-table-select"
-    }), t?.showExpand?.value && !c.has("data-table-expand") && o.push({
+    }), t?.showExpand?.value && !m.has("data-table-expand") && d.push({
       key: "data-table-expand"
     });
-    const m = vt(o);
-    Ea(m);
-    const d = Math.max(...m.map((b) => Te(b))) + 1, f = Na(m, d);
-    a.value = f.headers, l.value = f.columns;
-    const y = f.headers.flat(1);
-    for (const b of y)
-      b.key && (b.sortable && (b.sort && (n.value[b.key] = b.sort), b.sortRaw && (r.value[b.key] = b.sortRaw)), b.filter && (i.value[b.key] = b.filter));
+    const h = gt(d);
+    Ma(h);
+    const s = Math.max(...h.map((c) => Ce(c))) + 1, o = ja(h, s);
+    a.value = o.headers, l.value = o.columns;
+    const b = o.headers.flat(1);
+    for (const c of b)
+      c.key && (c.sortable && (c.sort && (n.value[c.key] = c.sort), c.sortRaw && (r.value[c.key] = c.sortRaw)), c.filter && (i.value[c.key] = c.filter));
   });
-  const u = {
+  const f = {
     headers: a,
     columns: l,
     sortFunctions: n,
     sortRawFunctions: r,
     filterFunctions: i
   };
-  return Y(it, u), u;
+  return Y(ut, f), f;
 }
-function ge() {
-  const e = Q(it);
+function be() {
+  const e = Q(ut);
   if (!e) throw new Error("Missing headers!");
   return e;
 }
-const gt = _({
+const mt = _({
   color: String,
   disableSort: Boolean,
   fixedHeader: Boolean,
   multiSort: Boolean,
   sortAscIcon: {
-    type: O,
+    type: B,
     default: "$sortAsc"
   },
   sortDescIcon: {
-    type: O,
+    type: B,
     default: "$sortDesc"
   },
   headerProps: {
@@ -1274,12 +1313,12 @@ const gt = _({
   },
   /** @deprecated */
   sticky: Boolean,
-  ...ae(),
-  ...Ve(),
-  ...Qt()
-}, "VDataTableHeaders"), Ne = $()({
+  ...le(),
+  ...Te(),
+  ...Zt()
+}, "VDataTableHeaders"), Re = $()({
   name: "VDataTableHeaders",
-  props: gt(),
+  props: mt(),
   setup(e, t) {
     let {
       slots: a
@@ -1290,60 +1329,60 @@ const gt = _({
       toggleSort: n,
       sortBy: r,
       isSorted: i
-    } = st(), {
-      someSelected: u,
-      allSelected: s,
-      selectAll: o,
-      showSelectAll: c
-    } = ve(), {
-      columns: m,
-      headers: d
-    } = ge(), {
-      loaderClasses: f
-    } = Ut(e);
-    function y(x, g) {
+    } = ot(), {
+      someSelected: f,
+      allSelected: u,
+      selectAll: d,
+      showSelectAll: m
+    } = me(), {
+      columns: h,
+      headers: s
+    } = be(), {
+      loaderClasses: o
+    } = Xt(e);
+    function b(x, g) {
       if (!(e.sticky || e.fixedHeader) && !x.fixed) return;
-      const k = typeof x.fixed == "string" ? x.fixed : x.fixed ? "start" : "none";
+      const D = typeof x.fixed == "string" ? x.fixed : x.fixed ? "start" : "none";
       return {
         position: "sticky",
-        left: k === "start" ? A(x.fixedOffset) : void 0,
-        right: k === "end" ? A(x.fixedEndOffset) : void 0,
+        left: D === "start" ? A(x.fixedOffset) : void 0,
+        right: D === "end" ? A(x.fixedEndOffset) : void 0,
         top: e.sticky || e.fixedHeader ? `calc(var(--v-table-header-height) * ${g})` : void 0
       };
     }
-    function b(x, g) {
-      x.key === "Enter" && !e.disableSort && n(g);
+    function c(x, g) {
+      x.key === "Enter" && !e.disableSort && n(g, x);
     }
     function v(x) {
-      const g = r.value.find((k) => k.key === x.key);
+      const g = r.value.find((D) => D.key === x.key);
       return g ? g.order === "asc" ? e.sortAscIcon : e.sortDescIcon : e.sortAscIcon;
     }
     const {
-      backgroundColorClasses: F,
-      backgroundColorStyles: h
-    } = Je(() => e.color), {
-      displayClasses: I,
-      mobile: D
-    } = fe(e), P = V(() => ({
-      headers: d.value,
-      columns: m.value,
+      backgroundColorClasses: w,
+      backgroundColorStyles: y
+    } = Qe(() => e.color), {
+      displayClasses: P,
+      mobile: V
+    } = ge(e), k = F(() => ({
+      headers: s.value,
+      columns: h.value,
       toggleSort: n,
       isSorted: i,
       sortBy: r.value,
-      someSelected: u.value,
-      allSelected: s.value,
-      selectAll: o,
+      someSelected: f.value,
+      allSelected: u.value,
+      selectAll: d,
       getSortIcon: v
-    })), L = V(() => ["v-data-table__th", {
+    })), L = F(() => ["v-data-table__th", {
       "v-data-table__th--sticky": e.sticky || e.fixedHeader
-    }, I.value, f.value]), N = (x) => {
+    }, P.value, o.value]), N = (x) => {
       let {
         column: g,
-        x: k,
-        y: T
+        x: D,
+        y: C
       } = x;
-      const R = g.key === "data-table-select" || g.key === "data-table-expand", le = g.key === "data-table-group" && g.width === 0 && !g.title, be = B(e.headerProps ?? {}, g.headerProps ?? {});
-      return w(te, B({
+      const R = g.key === "data-table-select" || g.key === "data-table-expand", ne = g.key === "data-table-group" && g.width === 0 && !g.title, ye = O(e.headerProps ?? {}, g.headerProps ?? {});
+      return I(ae, O({
         tag: "th",
         align: g.align,
         class: [{
@@ -1355,7 +1394,7 @@ const gt = _({
           width: A(g.width),
           minWidth: A(g.minWidth),
           maxWidth: A(g.maxWidth),
-          ...y(g, T)
+          ...b(g, C)
         },
         colspan: g.colspan,
         rowspan: g.rowspan,
@@ -1364,54 +1403,53 @@ const gt = _({
         lastFixed: g.lastFixed,
         firstFixedEnd: g.firstFixedEnd,
         noPadding: R,
-        empty: le,
+        empty: ne,
         tabindex: g.sortable ? 0 : void 0,
-        onClick: g.sortable ? () => n(g) : void 0,
-        onKeydown: g.sortable ? (M) => b(M, g) : void 0
-      }, be), {
+        onClick: g.sortable ? (M) => n(g, M) : void 0,
+        onKeydown: g.sortable ? (M) => c(M, g) : void 0
+      }, ye), {
         default: () => {
           const M = `header.${g.key}`, X = {
             column: g,
-            selectAll: o,
+            selectAll: d,
             isSorted: i,
             toggleSort: n,
             sortBy: r.value,
-            someSelected: u.value,
-            allSelected: s.value,
+            someSelected: f.value,
+            allSelected: u.value,
             getSortIcon: v
           };
-          return a[M] ? a[M](X) : le ? "" : g.key === "data-table-select" ? a["header.data-table-select"]?.(X) ?? (c.value && w(De, {
+          return a[M] ? a[M](X) : ne ? "" : g.key === "data-table-select" ? a["header.data-table-select"]?.(X) ?? (m.value && I(fe, {
+            color: e.color,
             density: e.density,
-            modelValue: s.value,
-            indeterminate: u.value && !s.value,
-            "onUpdate:modelValue": o
+            modelValue: u.value,
+            indeterminate: f.value && !u.value,
+            "onUpdate:modelValue": d
           }, null)) : S("div", {
             class: "v-data-table-header__content"
-          }, [S("span", null, [g.title]), g.sortable && !e.disableSort && w(Oe, {
+          }, [S("span", null, [g.title]), g.sortable && !e.disableSort && I(Le, {
             key: "icon",
             class: "v-data-table-header__sort-icon",
             icon: v(g)
           }, null), e.multiSort && i(g) && S("div", {
             key: "badge",
-            class: G(["v-data-table-header__sort-badge", ...F.value]),
-            style: we(h.value)
-          }, [r.value.findIndex((he) => he.key === g.key) + 1])]);
+            class: K(["v-data-table-header__sort-badge", ...w.value]),
+            style: Ie(y.value)
+          }, [r.value.findIndex((q) => q.key === g.key) + 1])]);
         }
       });
     }, p = () => {
-      const x = V(() => m.value.filter((k) => k?.sortable && !e.disableSort)), g = V(() => {
-        if (m.value.find((T) => T.key === "data-table-select") != null)
-          return s.value ? "$checkboxOn" : u.value ? "$checkboxIndeterminate" : "$checkboxOff";
-      });
-      return w(te, B({
+      const x = F(() => h.value.filter((g) => g?.sortable && !e.disableSort));
+      return I(ae, O({
         tag: "th",
         class: [...L.value],
-        colspan: d.value.length + 1
+        colspan: s.value.length + 1
       }, e.headerProps), {
         default: () => [S("div", {
           class: "v-data-table-header__content"
-        }, [w(Qe, {
+        }, [I(Xe, {
           chips: !0,
+          color: e.color,
           class: "v-data-table__td-sort-select",
           clearable: !0,
           density: "default",
@@ -1420,59 +1458,65 @@ const gt = _({
           multiple: e.multiSort,
           variant: "underlined",
           "onClick:clear": () => r.value = [],
-          appendIcon: g.value,
-          "onClick:append": () => o(!s.value)
+          "onClick:append": () => d(!u.value)
         }, {
-          chip: (k) => w(ta, {
-            onClick: k.item.raw?.sortable ? () => n(k.item.raw) : void 0,
-            onMousedown: (T) => {
-              T.preventDefault(), T.stopPropagation();
+          append: () => I(fe, {
+            color: e.color,
+            density: "compact",
+            modelValue: u.value,
+            indeterminate: f.value && !u.value,
+            "onUpdate:modelValue": d
+          }, null),
+          chip: (g) => I(na, {
+            onClick: g.item.raw?.sortable ? () => n(g.item.raw) : void 0,
+            onMousedown: (D) => {
+              D.preventDefault(), D.stopPropagation();
             }
           }, {
-            default: () => [k.item.title, w(Oe, {
-              class: G(["v-data-table__td-sort-icon", i(k.item.raw) && "v-data-table__td-sort-icon-active"]),
-              icon: v(k.item.raw),
+            default: () => [g.item.title, I(Le, {
+              class: K(["v-data-table__td-sort-icon", i(g.item.raw) && "v-data-table__td-sort-icon-active"]),
+              icon: v(g.item.raw),
               size: "small"
             }, null)]
           })
         })])]
       });
     };
-    K(() => D.value ? S("tr", null, [w(p, null, null)]) : S(U, null, [a.headers ? a.headers(P.value) : d.value.map((x, g) => S("tr", null, [x.map((k, T) => w(N, {
-      column: k,
-      x: T,
+    G(() => V.value ? S("tr", null, [I(p, null, null)]) : S(U, null, [a.headers ? a.headers(k.value) : s.value.map((x, g) => S("tr", null, [x.map((D, C) => I(N, {
+      column: D,
+      x: C,
       y: g
     }, null))])), e.loading && S("tr", {
       class: "v-data-table-progress"
     }, [S("th", {
-      colspan: m.value.length
-    }, [w(Jt, {
+      colspan: h.value.length
+    }, [I(Yt, {
       name: "v-data-table-progress",
       absolute: !0,
       active: !0,
-      color: typeof e.loading == "boolean" ? void 0 : e.loading,
+      color: typeof e.loading == "boolean" || e.loading === "true" ? e.color : e.loading,
       indeterminate: !0
     }, {
       default: a.loader
     })])])]));
   }
-}), mt = _({
+}), bt = _({
   item: {
     type: Object,
     required: !0
   },
   groupCollapseIcon: {
-    type: O,
+    type: B,
     default: "$tableGroupCollapse"
   },
   groupExpandIcon: {
-    type: O,
+    type: B,
     default: "$tableGroupExpand"
   },
-  ...ae()
-}, "VDataTableGroupHeaderRow"), $a = $()({
+  ...le()
+}, "VDataTableGroupHeaderRow"), Ka = $()({
   name: "VDataTableGroupHeaderRow",
-  props: mt(),
+  props: bt(),
   setup(e, t) {
     let {
       slots: a
@@ -1481,82 +1525,83 @@ const gt = _({
       isGroupOpen: l,
       toggleGroup: n,
       extractRows: r
-    } = qe(), {
+    } = et(), {
       isSelected: i,
-      isSomeSelected: u,
-      select: s
-    } = ve(), {
-      columns: o
-    } = ge(), c = V(() => r([e.item])), m = C(() => o.value.length - (o.value.some((d) => d.key === "data-table-select") ? 1 : 0));
+      isSomeSelected: f,
+      select: u
+    } = me(), {
+      columns: d
+    } = be(), m = F(() => r([e.item])), h = T(() => d.value.length - (d.value.some((s) => s.key === "data-table-select") ? 1 : 0));
     return () => S("tr", {
       class: "v-data-table-group-header-row",
       style: {
         "--v-data-table-group-header-row-depth": e.item.depth
       }
-    }, [o.value.map((d) => {
-      if (d.key === "data-table-group") {
-        const f = l(e.item) ? e.groupCollapseIcon : e.groupExpandIcon, y = () => n(e.item);
+    }, [d.value.map((s) => {
+      if (s.key === "data-table-group") {
+        const o = l(e.item) ? e.groupCollapseIcon : e.groupExpandIcon, b = () => n(e.item);
         return a["data-table-group"]?.({
           item: e.item,
-          count: c.value.length,
+          count: m.value.length,
           props: {
-            icon: f,
-            onClick: y
+            icon: o,
+            onClick: b
           }
-        }) ?? w(te, {
+        }) ?? I(ae, {
           class: "v-data-table-group-header-row__column",
-          colspan: m.value
+          colspan: h.value
         }, {
-          default: () => [w(W, {
+          default: () => [I(W, {
             size: "small",
             variant: "text",
-            icon: f,
-            onClick: y
-          }, null), S("span", null, [e.item.value]), S("span", null, [_e("("), c.value.length, _e(")")])]
+            icon: o,
+            onClick: b
+          }, null), S("span", null, [e.item.value]), S("span", null, [Oe("("), m.value.length, Oe(")")])]
         });
-      } else if (d.key === "data-table-select") {
-        const f = i(c.value), y = u(c.value) && !f, b = (v) => s(c.value, v);
+      } else if (s.key === "data-table-select") {
+        const o = i(m.value), b = f(m.value) && !o, c = (v) => u(m.value, v);
         return a["data-table-select"]?.({
           props: {
-            modelValue: f,
-            indeterminate: y,
-            "onUpdate:modelValue": b
+            modelValue: o,
+            indeterminate: b,
+            "onUpdate:modelValue": c
           }
-        }) ?? w(te, {
+        }) ?? I(ae, {
           class: "v-data-table__td--select-row",
           noPadding: !0
         }, {
-          default: () => [w(De, {
+          default: () => [I(fe, {
             density: e.density,
-            modelValue: f,
-            indeterminate: y,
-            "onUpdate:modelValue": b
+            modelValue: o,
+            indeterminate: b,
+            "onUpdate:modelValue": c
           }, null)]
         });
       }
       return "";
     })]);
   }
-}), bt = _({
+}), ht = _({
+  color: String,
   index: Number,
   item: Object,
   cellProps: [Object, Function],
   collapseIcon: {
-    type: O,
+    type: B,
     default: "$collapse"
   },
   expandIcon: {
-    type: O,
+    type: B,
     default: "$expand"
   },
-  onClick: pe(),
-  onContextmenu: pe(),
-  onDblclick: pe(),
-  ...ae(),
-  ...Ve()
-}, "VDataTableRow"), Ma = $()({
+  onClick: xe(),
+  onContextmenu: xe(),
+  onDblclick: xe(),
+  ...le(),
+  ...Te()
+}, "VDataTableRow"), Ga = $()({
   name: "VDataTableRow",
-  props: bt(),
+  props: ht(),
   setup(e, t) {
     let {
       slots: a
@@ -1564,62 +1609,62 @@ const gt = _({
     const {
       displayClasses: l,
       mobile: n
-    } = fe(e, "v-data-table__tr"), {
+    } = ge(e, "v-data-table__tr"), {
       isSelected: r,
       toggleSelect: i,
-      someSelected: u,
-      allSelected: s,
-      selectAll: o
-    } = ve(), {
-      isExpanded: c,
-      toggleExpand: m
-    } = Ye(), {
-      toggleSort: d,
-      sortBy: f,
-      isSorted: y
-    } = st(), {
-      columns: b
-    } = ge();
-    K(() => S("tr", {
-      class: G(["v-data-table__tr", {
+      someSelected: f,
+      allSelected: u,
+      selectAll: d
+    } = me(), {
+      isExpanded: m,
+      toggleExpand: h
+    } = Ze(), {
+      toggleSort: s,
+      sortBy: o,
+      isSorted: b
+    } = ot(), {
+      columns: c
+    } = be();
+    G(() => S("tr", {
+      class: K(["v-data-table__tr", {
         "v-data-table__tr--clickable": !!(e.onClick || e.onContextmenu || e.onDblclick)
       }, l.value]),
       onClick: e.onClick,
       onContextmenu: e.onContextmenu,
       onDblclick: e.onDblclick
-    }, [e.item && b.value.map((v, F) => {
-      const h = e.item, I = `item.${v.key}`, D = `header.${v.key}`, P = {
+    }, [e.item && c.value.map((v, w) => {
+      const y = e.item, P = `item.${v.key}`, V = `header.${v.key}`, k = {
         index: e.index,
-        item: h.raw,
-        internalItem: h,
-        value: de(h.columns, v.key),
+        item: y.raw,
+        internalItem: y,
+        value: ce(y.columns, v.key),
         column: v,
         isSelected: r,
         toggleSelect: i,
-        isExpanded: c,
-        toggleExpand: m
+        isExpanded: m,
+        toggleExpand: h
       }, L = {
         column: v,
-        selectAll: o,
-        isSorted: y,
-        toggleSort: d,
-        sortBy: f.value,
-        someSelected: u.value,
-        allSelected: s.value,
+        selectAll: d,
+        isSorted: b,
+        toggleSort: s,
+        sortBy: o.value,
+        someSelected: f.value,
+        allSelected: u.value,
         getSortIcon: () => ""
       }, N = typeof e.cellProps == "function" ? e.cellProps({
-        index: P.index,
-        item: P.item,
-        internalItem: P.internalItem,
-        value: P.value,
+        index: k.index,
+        item: k.item,
+        internalItem: k.internalItem,
+        value: k.value,
         column: v
       }) : e.cellProps, p = typeof v.cellProps == "function" ? v.cellProps({
-        index: P.index,
-        item: P.item,
-        internalItem: P.internalItem,
-        value: P.value
+        index: k.index,
+        item: k.item,
+        internalItem: k.internalItem,
+        value: k.value
       }) : v.cellProps, x = v.key === "data-table-select" || v.key === "data-table-expand", g = v.key === "data-table-group" && v.width === 0 && !v.title;
-      return w(te, B({
+      return I(ae, O({
         align: v.align,
         indent: v.intent,
         class: {
@@ -1640,45 +1685,48 @@ const gt = _({
         default: () => {
           if (v.key === "data-table-select")
             return a["item.data-table-select"]?.({
-              ...P,
+              ...k,
               props: {
-                disabled: !h.selectable,
-                modelValue: r([h]),
-                onClick: re(() => i(h), ["stop"])
+                color: e.color,
+                disabled: !y.selectable,
+                modelValue: r([y]),
+                onClick: se(() => i(y), ["stop"])
               }
-            }) ?? w(De, {
-              disabled: !h.selectable,
+            }) ?? I(fe, {
+              color: e.color,
+              disabled: !y.selectable,
               density: e.density,
-              modelValue: r([h]),
-              onClick: re((T) => i(h, e.index, T), ["stop"])
+              modelValue: r([y]),
+              onClick: se((C) => i(y, e.index, C), ["stop"])
             }, null);
           if (v.key === "data-table-expand")
             return a["item.data-table-expand"]?.({
-              ...P,
+              ...k,
               props: {
-                icon: c(h) ? e.collapseIcon : e.expandIcon,
+                icon: m(y) ? e.collapseIcon : e.expandIcon,
                 size: "small",
                 variant: "text",
-                onClick: re(() => m(h), ["stop"])
+                onClick: se(() => h(y), ["stop"])
               }
-            }) ?? w(W, {
-              icon: c(h) ? e.collapseIcon : e.expandIcon,
+            }) ?? I(W, {
+              icon: m(y) ? e.collapseIcon : e.expandIcon,
               size: "small",
               variant: "text",
-              onClick: re(() => m(h), ["stop"])
+              onClick: se(() => h(y), ["stop"])
             }, null);
-          if (a[I] && !n.value) return a[I](P);
-          const k = Bt(P.value);
+          if (a[P] && !n.value) return a[P](k);
+          const D = Lt(k.value);
           return n.value ? S(U, null, [S("div", {
             class: "v-data-table__td-title"
-          }, [a[D]?.(L) ?? v.title]), S("div", {
+          }, [a[V]?.(L) ?? v.title]), S("div", {
             class: "v-data-table__td-value"
-          }, [a[I]?.(P) ?? k])]) : k;
+          }, [a[P]?.(k) ?? D])]) : D;
         }
       });
     })]));
   }
-}), ht = _({
+}), yt = _({
+  color: String,
   loading: [Boolean, String],
   loadingText: {
     type: String,
@@ -1695,13 +1743,13 @@ const gt = _({
   },
   rowProps: [Object, Function],
   cellProps: [Object, Function],
-  ...Pe(bt(), ["collapseIcon", "expandIcon", "density"]),
-  ...Pe(mt(), ["groupCollapseIcon", "groupExpandIcon", "density"]),
-  ...Ve()
-}, "VDataTableRows"), Re = $()({
+  ...ke(ht(), ["collapseIcon", "expandIcon", "density"]),
+  ...ke(bt(), ["groupCollapseIcon", "groupExpandIcon", "density"]),
+  ...Te()
+}, "VDataTableRows"), $e = $()({
   name: "VDataTableRows",
   inheritAttrs: !1,
-  props: ht(),
+  props: yt(),
   setup(e, t) {
     let {
       attrs: a,
@@ -1709,96 +1757,97 @@ const gt = _({
     } = t;
     const {
       columns: n
-    } = ge(), {
+    } = be(), {
       expandOnClick: r,
       toggleExpand: i,
-      isExpanded: u
-    } = Ye(), {
-      isSelected: s,
-      toggleSelect: o
-    } = ve(), {
-      toggleGroup: c,
-      isGroupOpen: m
-    } = qe(), {
-      t: d
+      isExpanded: f
+    } = Ze(), {
+      isSelected: u,
+      toggleSelect: d
+    } = me(), {
+      toggleGroup: m,
+      isGroupOpen: h
+    } = et(), {
+      t: s
     } = Z(), {
-      mobile: f
-    } = fe(e);
-    return K(() => {
-      const y = Pe(e, ["groupCollapseIcon", "groupExpandIcon", "density"]);
+      mobile: o
+    } = ge(e);
+    return G(() => {
+      const b = ke(e, ["groupCollapseIcon", "groupExpandIcon", "density"]);
       return e.loading && (!e.items.length || l.loading) ? S("tr", {
         class: "v-data-table-rows-loading",
         key: "loading"
       }, [S("td", {
         colspan: n.value.length
-      }, [l.loading?.() ?? d(e.loadingText)])]) : !e.loading && !e.items.length && !e.hideNoData ? S("tr", {
+      }, [l.loading?.() ?? s(e.loadingText)])]) : !e.loading && !e.items.length && !e.hideNoData ? S("tr", {
         class: "v-data-table-rows-no-data",
         key: "no-data"
       }, [S("td", {
         colspan: n.value.length
-      }, [l["no-data"]?.() ?? d(e.noDataText)])]) : S(U, null, [e.items.map((b, v) => {
-        if (b.type === "group") {
-          const I = {
+      }, [l["no-data"]?.() ?? s(e.noDataText)])]) : S(U, null, [e.items.map((c, v) => {
+        if (c.type === "group") {
+          const P = {
             index: v,
-            item: b,
+            item: c,
             columns: n.value,
-            isExpanded: u,
+            isExpanded: f,
             toggleExpand: i,
-            isSelected: s,
-            toggleSelect: o,
-            toggleGroup: c,
-            isGroupOpen: m
+            isSelected: u,
+            toggleSelect: d,
+            toggleGroup: m,
+            isGroupOpen: h
           };
-          return l["group-header"] ? l["group-header"](I) : w($a, B({
-            key: `group-header_${b.id}`,
-            item: b
-          }, Le(a, ":groupHeader", () => I), y), l);
+          return l["group-header"] ? l["group-header"](P) : I(Ka, O({
+            key: `group-header_${c.id}`,
+            item: c
+          }, Ae(a, ":groupHeader", () => P), b), l);
         }
-        if (b.type === "group-summary") {
-          const I = {
+        if (c.type === "group-summary") {
+          const P = {
             index: v,
-            item: b,
+            item: c,
             columns: n.value,
-            toggleGroup: c
+            toggleGroup: m
           };
-          return l["group-summary"]?.(I) ?? "";
+          return l["group-summary"]?.(P) ?? "";
         }
-        const F = {
+        const w = {
           index: v,
-          item: b.raw,
-          internalItem: b,
+          item: c.raw,
+          internalItem: c,
           columns: n.value,
-          isExpanded: u,
+          isExpanded: f,
           toggleExpand: i,
-          isSelected: s,
-          toggleSelect: o
-        }, h = {
-          ...F,
-          props: B({
-            key: `item_${b.key ?? b.index}`,
+          isSelected: u,
+          toggleSelect: d
+        }, y = {
+          ...w,
+          props: O({
+            key: `item_${c.key ?? c.index}`,
             onClick: r.value ? () => {
-              i(b);
+              i(c);
             } : void 0,
             index: v,
-            item: b,
+            item: c,
+            color: e.color,
             cellProps: e.cellProps,
             collapseIcon: e.collapseIcon,
             expandIcon: e.expandIcon,
             density: e.density,
-            mobile: f.value
-          }, Le(a, ":row", () => F), typeof e.rowProps == "function" ? e.rowProps({
-            item: F.item,
-            index: F.index,
-            internalItem: F.internalItem
+            mobile: o.value
+          }, Ae(a, ":row", () => w), typeof e.rowProps == "function" ? e.rowProps({
+            item: w.item,
+            index: w.index,
+            internalItem: w.internalItem
           }) : e.rowProps)
         };
         return S(U, {
-          key: h.props.key
-        }, [l.item ? l.item(h) : w(Ma, h.props, l), u(b) && l["expanded-row"]?.(F)]);
+          key: y.props.key
+        }, [l.item ? l.item(y) : I(Ga, y.props, l), f(c) && l["expanded-row"]?.(w)]);
       })]);
     }), {};
   }
-}), yt = _({
+}), pt = _({
   fixedHeader: Boolean,
   fixedFooter: Boolean,
   height: [Number, String],
@@ -1808,13 +1857,13 @@ const gt = _({
     default: null,
     validator: (e) => ["even", "odd"].includes(e)
   },
-  ...Ue(),
-  ...ae(),
-  ...We(),
-  ...Fe()
-}, "VTable"), $e = $()({
+  ...Je(),
+  ...le(),
+  ...ze(),
+  ...De()
+}, "VTable"), Me = $()({
   name: "VTable",
-  props: yt(),
+  props: pt(),
   setup(e, t) {
     let {
       slots: a,
@@ -1822,11 +1871,11 @@ const gt = _({
     } = t;
     const {
       themeClasses: n
-    } = Ie(e), {
+    } = Fe(e), {
       densityClasses: r
-    } = Xt(e);
-    return K(() => w(e.tag, {
-      class: G(["v-table", {
+    } = qt(e);
+    return G(() => I(e.tag, {
+      class: K(["v-table", {
         "v-table--fixed-height": !!e.height,
         "v-table--fixed-header": e.fixedHeader,
         "v-table--fixed-footer": e.fixedFooter,
@@ -1836,7 +1885,7 @@ const gt = _({
         "v-table--striped-even": e.striped === "even",
         "v-table--striped-odd": e.striped === "odd"
       }, n.value, r.value, e.class]),
-      style: we(e.style)
+      style: Ie(e.style)
     }, {
       default: () => [a.top?.(), a.default ? S("div", {
         class: "v-table__wrapper",
@@ -1846,7 +1895,7 @@ const gt = _({
       }, [S("table", null, [a.default()])]) : a.wrapper?.(), a.bottom?.()]
     })), {};
   }
-}), Ha = _({
+}), Wa = _({
   items: {
     type: Array,
     default: () => []
@@ -1863,11 +1912,11 @@ const gt = _({
   cellProps: [Object, Function],
   returnObject: Boolean
 }, "DataTable-items");
-function ja(e, t, a, l) {
-  const n = e.returnObject ? t : ee(t, e.itemValue), r = ee(t, e.itemSelectable, !0), i = l.reduce((u, s) => (s.key != null && (u[s.key] = ee(t, s.value)), u), {});
+function za(e, t, a, l) {
+  const n = e.returnObject ? t : te(t, e.itemValue), r = te(t, e.itemSelectable, !0), i = l.reduce((f, u) => (u.key != null && (f[u.key] = te(t, u.value)), f), {});
   return {
     type: "item",
-    key: e.returnObject ? ee(t, e.itemValue) : n,
+    key: e.returnObject ? te(t, e.itemValue) : n,
     index: a,
     value: n,
     selectable: r,
@@ -1875,37 +1924,37 @@ function ja(e, t, a, l) {
     raw: t
   };
 }
-function Ga(e, t, a) {
-  return t.map((l, n) => ja(e, l, n, a));
+function Ua(e, t, a) {
+  return t.map((l, n) => za(e, l, n, a));
 }
-function Ka(e, t) {
+function Ja(e, t) {
   return {
-    items: V(() => Ga(e, e.items, t.value))
+    items: F(() => Ua(e, e.items, t.value))
   };
 }
-const Wa = _({
-  ...ht(),
+const Qa = _({
+  ...yt(),
   hideDefaultBody: Boolean,
   hideDefaultFooter: Boolean,
   hideDefaultHeader: Boolean,
   width: [String, Number],
   search: String,
-  ...ia(),
-  ...da(),
-  ...Ba(),
-  ...Ha(),
-  ...ka(),
-  ...Ia(),
-  ...gt(),
-  ...yt()
-}, "DataTable"), za = _({
-  ...ba(),
+  ...ca(),
+  ...va(),
+  ...Ea(),
   ...Wa(),
-  ...ra(),
-  ...ot()
-}, "VDataTable"), tl = $()({
+  ...Fa(),
+  ...Va(),
+  ...Ve(mt(), ["multiSort"]),
+  ...pt()
+}, "DataTable"), Xa = _({
+  ...pa(),
+  ...Qa(),
+  ...ia(),
+  ...it()
+}, "VDataTable"), rl = $()({
   name: "VDataTable",
-  props: za(),
+  props: Xa(),
   emits: {
     "update:modelValue": (e) => !0,
     "update:page": (e) => !0,
@@ -1923,151 +1972,155 @@ const Wa = _({
     } = t;
     const {
       groupBy: n
-    } = ca(e), {
-      sortBy: r,
-      multiSort: i,
+    } = ga(e), {
+      initialSortOrder: r,
+      sortBy: i,
+      multiSort: f,
       mustSort: u
-    } = Fa(e), {
-      page: s,
-      itemsPerPage: o
-    } = ha(e), {
-      disableSort: c
-    } = Ot(e), {
-      columns: m,
-      headers: d,
-      sortFunctions: f,
-      sortRawFunctions: y,
-      filterFunctions: b
-    } = Ra(e, {
+    } = Ta(e), {
+      page: d,
+      itemsPerPage: m
+    } = xa(e), {
+      disableSort: h
+    } = At(e), {
+      columns: s,
+      headers: o,
+      sortFunctions: b,
+      sortRawFunctions: c,
+      filterFunctions: v
+    } = Ha(e, {
       groupBy: n,
-      showSelect: C(() => e.showSelect),
-      showExpand: C(() => e.showExpand)
+      showSelect: T(() => e.showSelect),
+      showExpand: T(() => e.showExpand)
     }), {
-      items: v
-    } = Ka(e, m), F = C(() => e.search), {
-      filteredItems: h
-    } = oa(e, v, F, {
-      transform: (H) => H.columns,
-      customKeyFilter: b
+      items: w
+    } = Ja(e, s), y = T(() => e.search), {
+      filteredItems: P
+    } = da(e, w, y, {
+      transform: (j) => j.columns,
+      customKeyFilter: v
     }), {
-      toggleSort: I
-    } = Va({
-      sortBy: r,
-      multiSort: i,
+      toggleSort: V
+    } = _a({
+      initialSortOrder: r,
+      sortBy: i,
+      multiSort: f,
       mustSort: u,
-      page: s
+      page: d
     }), {
-      sortByWithGroups: D,
-      opened: P,
-      extractRows: L,
-      isGroupOpen: N,
-      toggleGroup: p
-    } = fa({
+      sortByWithGroups: k,
+      opened: L,
+      extractRows: N,
+      isGroupOpen: p,
+      toggleGroup: x
+    } = ma({
       groupBy: n,
-      sortBy: r,
-      disableSort: c
+      sortBy: i,
+      disableSort: h
     }), {
-      sortedItems: x
-    } = Da(e, h, D, {
-      transform: (H) => ({
-        ...H.raw,
-        ...H.columns
+      sortedItems: g
+    } = Oa(e, P, k, {
+      transform: (j) => ({
+        ...j.raw,
+        ...j.columns
       }),
-      sortFunctions: f,
-      sortRawFunctions: y
+      sortFunctions: b,
+      sortRawFunctions: c
     }), {
-      flatItems: g
-    } = ga(x, n, P, () => !!l["group-summary"]), k = V(() => g.value.length), {
-      startIndex: T,
-      stopIndex: R,
-      pageCount: le,
-      setItemsPerPage: be
-    } = ya({
-      page: s,
-      itemsPerPage: o,
-      itemsLength: k
+      flatItems: D
+    } = ha(g, n, L, () => !!l["group-summary"]), C = F(() => D.value.length), {
+      startIndex: R,
+      stopIndex: ne,
+      pageCount: ye,
+      setItemsPerPage: M
+    } = Sa({
+      page: d,
+      itemsPerPage: m,
+      itemsLength: C
     }), {
-      paginatedItems: M
-    } = xa({
-      items: g,
-      startIndex: T,
-      stopIndex: R,
-      itemsPerPage: o
-    }), X = V(() => L(M.value)), {
-      isSelected: he,
-      select: pt,
-      selectAll: xt,
-      toggleSelect: St,
-      someSelected: Pt,
-      allSelected: kt
-    } = wa(e, {
-      allItems: v,
-      currentPage: X
+      paginatedItems: X
+    } = ka({
+      items: D,
+      startIndex: R,
+      stopIndex: ne,
+      itemsPerPage: m
+    }), q = F(() => N(X.value)), {
+      isSelected: xt,
+      select: St,
+      selectAll: Pt,
+      toggleSelect: kt,
+      someSelected: wt,
+      allSelected: It
+    } = Da(e, {
+      allItems: w,
+      currentPage: q
     }), {
-      isExpanded: wt,
-      toggleExpand: It
-    } = ua(e);
-    ma({
-      page: s,
-      itemsPerPage: o,
-      sortBy: r,
+      isExpanded: Ft,
+      toggleExpand: Dt
+    } = fa(e);
+    ya({
+      page: d,
+      itemsPerPage: m,
+      sortBy: i,
       groupBy: n,
-      search: F
-    }), Se({
+      search: y
+    }), Pe({
       VDataTableRows: {
-        hideNoData: C(() => e.hideNoData),
-        noDataText: C(() => e.noDataText),
-        loading: C(() => e.loading),
-        loadingText: C(() => e.loadingText)
+        hideNoData: T(() => e.hideNoData),
+        noDataText: T(() => e.noDataText),
+        loading: T(() => e.loading),
+        loadingText: T(() => e.loadingText)
       }
     });
-    const E = V(() => ({
-      page: s.value,
-      itemsPerPage: o.value,
-      sortBy: r.value,
-      pageCount: le.value,
-      toggleSort: I,
-      setItemsPerPage: be,
-      someSelected: Pt.value,
-      allSelected: kt.value,
-      isSelected: he,
-      select: pt,
-      selectAll: xt,
-      toggleSelect: St,
-      isExpanded: wt,
-      toggleExpand: It,
-      isGroupOpen: N,
-      toggleGroup: p,
-      items: X.value.map((H) => H.raw),
-      internalItems: X.value,
-      groupedItems: M.value,
-      columns: m.value,
-      headers: d.value
+    const E = F(() => ({
+      page: d.value,
+      itemsPerPage: m.value,
+      sortBy: i.value,
+      pageCount: ye.value,
+      toggleSort: V,
+      setItemsPerPage: M,
+      someSelected: wt.value,
+      allSelected: It.value,
+      isSelected: xt,
+      select: St,
+      selectAll: Pt,
+      toggleSelect: kt,
+      isExpanded: Ft,
+      toggleExpand: Dt,
+      isGroupOpen: p,
+      toggleGroup: x,
+      items: q.value.map((j) => j.raw),
+      internalItems: q.value,
+      groupedItems: X.value,
+      columns: s.value,
+      headers: o.value
     }));
-    return K(() => {
-      const H = Ee.filterProps(e), Ft = Ne.filterProps(e), Vt = Re.filterProps(e), Dt = $e.filterProps(e);
-      return w($e, B({
+    return G(() => {
+      const j = Ne.filterProps(e), Vt = Re.filterProps(Ve(e, ["multiSort"])), Tt = $e.filterProps(e), Ct = Me.filterProps(e);
+      return I(Me, O({
         class: ["v-data-table", {
           "v-data-table--show-select": e.showSelect,
           "v-data-table--loading": e.loading
         }, e.class],
         style: e.style
-      }, Dt, {
+      }, Ct, {
         fixedHeader: e.fixedHeader || e.sticky
       }), {
         top: () => l.top?.(E.value),
         default: () => l.default ? l.default(E.value) : S(U, null, [l.colgroup?.(E.value), !e.hideDefaultHeader && S("thead", {
           key: "thead"
-        }, [w(Ne, Ft, l)]), l.thead?.(E.value), !e.hideDefaultBody && S("tbody", null, [l["body.prepend"]?.(E.value), l.body ? l.body(E.value) : w(Re, B(a, Vt, {
-          items: M.value
+        }, [I(Re, O(Vt, {
+          multiSort: !!e.multiSort
+        }), l)]), l.thead?.(E.value), !e.hideDefaultBody && S("tbody", null, [l["body.prepend"]?.(E.value), l.body ? l.body(E.value) : I($e, O(a, Tt, {
+          items: X.value
         }), l), l["body.append"]?.(E.value)]), l.tbody?.(E.value), l.tfoot?.(E.value)]),
-        bottom: () => l.bottom ? l.bottom(E.value) : !e.hideDefaultFooter && S(U, null, [w(Yt, null, null), w(Ee, H, {
+        bottom: () => l.bottom ? l.bottom(E.value) : !e.hideDefaultFooter && S(U, null, [I(ea, null, null), I(Ne, j, {
           prepend: l["footer.prepend"]
         })])
       });
     }), {};
   }
-}), Ua = {
+}), Ya = {
   actions: "button@2",
   article: "heading, paragraph",
   avatar: "avatar",
@@ -2100,33 +2153,33 @@ const Wa = _({
   "table-tfoot": "text@2, avatar@2",
   text: "text"
 };
-function Ja(e) {
+function Za(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
   return S("div", {
-    class: G(["v-skeleton-loader__bone", `v-skeleton-loader__${e}`])
+    class: K(["v-skeleton-loader__bone", `v-skeleton-loader__${e}`])
   }, [t]);
 }
-function Me(e) {
+function je(e) {
   const [t, a] = e.split("@");
   return Array.from({
     length: a
-  }).map(() => me(t));
+  }).map(() => he(t));
 }
-function me(e) {
+function he(e) {
   let t = [];
   if (!e) return t;
-  const a = Ua[e];
+  const a = Ya[e];
   if (e !== a) {
     if (e.includes(",")) return He(e);
-    if (e.includes("@")) return Me(e);
-    a.includes(",") ? t = He(a) : a.includes("@") ? t = Me(a) : a && t.push(me(a));
+    if (e.includes("@")) return je(e);
+    a.includes(",") ? t = He(a) : a.includes("@") ? t = je(a) : a && t.push(he(a));
   }
-  return [Ja(e, t)];
+  return [Za(e, t)];
 }
 function He(e) {
-  return e.replace(/\s/g, "").split(",").map(me);
+  return e.replace(/\s/g, "").split(",").map(he);
 }
-const Qa = _({
+const qa = _({
   boilerplate: Boolean,
   color: String,
   loading: Boolean,
@@ -2138,13 +2191,13 @@ const Qa = _({
     type: [String, Array],
     default: "ossein"
   },
-  ...ea(),
-  ...ze(),
-  ...Fe()
-}, "VSkeletonLoader"), al = $()({
+  ...la(),
+  ...Ue(),
+  ...De()
+}, "VSkeletonLoader"), sl = $()({
   name: "VSkeletonLoader",
   inheritAttrs: !1,
-  props: Qa(),
+  props: qa(),
   setup(e, t) {
     let {
       attrs: a,
@@ -2153,31 +2206,31 @@ const Qa = _({
     const {
       backgroundColorClasses: n,
       backgroundColorStyles: r
-    } = Je(() => e.color), {
+    } = Qe(() => e.color), {
       dimensionStyles: i
-    } = Zt(e), {
-      elevationClasses: u
-    } = qt(e), {
-      themeClasses: s
-    } = Ie(e), {
-      t: o
-    } = Z(), c = V(() => me(z(e.type).join(",")));
-    return K(() => {
-      const m = !l.default || e.loading, d = e.boilerplate || !m ? {} : {
+    } = ta(e), {
+      elevationClasses: f
+    } = aa(e), {
+      themeClasses: u
+    } = Fe(e), {
+      t: d
+    } = Z(), m = F(() => he(z(e.type).join(",")));
+    return G(() => {
+      const h = !l.default || e.loading, s = e.boilerplate || !h ? {} : {
         ariaLive: "polite",
-        ariaLabel: o(e.loadingText),
+        ariaLabel: d(e.loadingText),
         role: "alert"
       };
-      return m ? S("div", B({
+      return h ? S("div", O({
         class: ["v-skeleton-loader", {
           "v-skeleton-loader--boilerplate": e.boilerplate
-        }, s.value, n.value, u.value],
+        }, u.value, n.value, f.value],
         style: [r.value, i.value]
-      }, d, a), [c.value]) : S(U, null, [l.default?.()]);
+      }, s, a), [m.value]) : S(U, null, [l.default?.()]);
     }), {};
   }
 });
-function Xa(e, t, a) {
+function el(e, t, a) {
   switch (a) {
     case ">":
       return e > t;
@@ -2193,53 +2246,65 @@ function Xa(e, t, a) {
       throw new Error(`Invalid operator: ${a}`);
   }
 }
-function ll() {
-  const { advancedFiltersState: e, hardFiltersState: t } = aa(), a = Q("table_props"), l = j(), n = V(() => {
-    const i = Object.values(t.value).filter((o) => o.args).map((o) => o.args).reduce((o, c) => ({ ...o, ...c }), {}), u = { ...e.value, ...i };
+function ol() {
+  const { advancedFiltersState: e, hardFiltersState: t } = ra(), a = Q("table_props"), l = H(), n = F(() => {
     let s = l.value;
-    return !u || Object.keys(u).length === 0 || Object.keys(u).forEach((o) => {
-      const c = u[o].value, m = u[o]?.comparison ?? "=", d = a.headers.find((f) => (f.advancedFilter?.key ?? f.key) === o);
-      c && (s = s.filter((f) => {
-        let y = !0;
-        if (!d) return y;
-        let b = la(f);
-        Object.hasOwn(d, "filterReturnValue") && typeof d.filterReturnValue == "function" && (b[o] = d.filterReturnValue({
-          value: f[o],
-          item: f
-        }));
-        let v = o.split(".").reduce((F, h) => F && F[h], b);
-        switch (console.log(v), d.advancedFilter?.component) {
-          case "datepicker":
-            y = r(v, c);
-            break;
-          case "comparison":
-            y = Xa(
-              Number(v),
-              Number(c),
-              m
-            );
-            break;
-          default:
-            Array.isArray(c) ? y = c.map((F) => F.toString().toLowerCase()).includes(v.toString().toLowerCase()) : y = v?.toString().toLowerCase().includes(c.toString().toLowerCase());
-            break;
-        }
-        return y;
+    if (!s) return s;
+    const o = u(e.value, t.value);
+    return !o || Object.keys(o).length === 0 || Object.keys(o).forEach((b) => {
+      const { value: c, comparison: v = "=" } = o[b];
+      if (!c) return;
+      const w = h(a.headers, b);
+      w && (s = s.filter((y) => {
+        const P = m(y, b, w);
+        return w.advancedFilter?.customFilterFn && typeof w.advancedFilter.customFilterFn == "function" ? w.advancedFilter.customFilterFn({ value: P, filterValue: c, filterComparison: v, header: w, item: y }) : f(P, c, v, w);
       }));
     }), s;
-  }), r = (i, u) => {
-    const s = Array.isArray(u) ? u : [u], o = ie(s[0]).startOf("day").isSameOrBefore(ie(i).format()), c = ie(s[s.length - 1]).endOf("day").isSameOrAfter(ie(i).format());
-    return o && c;
-  };
-  return ce(
+  });
+  function r(s, o) {
+    const b = Array.isArray(o) ? o : [o], c = ue(b[0]).startOf("day").isSameOrBefore(ue(s).format()), v = ue(b[b.length - 1]).endOf("day").isSameOrAfter(ue(s).format());
+    return c && v;
+  }
+  function i(s, o) {
+    return Array.isArray(o) ? o.map((b) => b.toString().toLowerCase()).includes(s.toString().toLowerCase()) : s?.toString().toLowerCase().includes(o.toString().toLowerCase());
+  }
+  function f(s, o, b, c) {
+    switch (c.advancedFilter?.component) {
+      case "datepicker":
+        return r(s, o);
+      case "comparison":
+        return el(Number(s), Number(o), b);
+      default:
+        return i(s, o);
+    }
+  }
+  function u(s, o) {
+    const b = Object.values(o).filter((c) => c.args).map((c) => c.args).reduce((c, v) => ({ ...c, ...v }), {});
+    return { ...s, ...b };
+  }
+  function d(s, o) {
+    return o.split(".").reduce((b, c) => b && b[c], s);
+  }
+  function m(s, o, b) {
+    const c = sa(s);
+    return Object.hasOwn(b, "filterReturnValue") && typeof b.filterReturnValue == "function" && (c[o] = b.filterReturnValue({
+      value: s[o],
+      item: s
+    })), d(c, o);
+  }
+  function h(s, o) {
+    return s.find((b) => (b.advancedFilter?.key ?? b.key) === o);
+  }
+  return ve(
     () => a.data,
-    async (i, u) => {
-      const s = i ?? [], o = u ?? [];
-      JSON.stringify(s) !== JSON.stringify(o) && (l.value = i);
+    (s, o) => {
+      const b = s ?? [], c = o ?? [];
+      JSON.stringify(b) !== JSON.stringify(c) && (l.value = s);
     },
     { deep: !0, immediate: !0 }
   ), { tableData: l, filteredData: n };
 }
-const nl = Lt({
+const il = Et({
   props: {
     render: {
       type: [Function, Object, String, Number, Date],
@@ -2256,31 +2321,31 @@ const nl = Lt({
   },
   setup: (e) => () => {
     const t = { ...e.props, ...e.params };
-    return typeof e.render == "function" ? e.render(t) : typeof e.render == "object" && e.render !== null ? At(e.render, t) : e.render;
+    return typeof e.render == "function" ? e.render(t) : typeof e.render == "object" && e.render !== null ? Nt(e.render, t) : e.render;
   }
 });
 export {
-  nl as C,
-  tl as V,
-  al as a,
-  Fa as b,
-  ca as c,
-  ha as d,
-  Ra as e,
-  Ka as f,
-  fa as g,
-  ya as h,
-  ga as i,
-  wa as j,
-  ua as k,
-  ma as l,
-  Ee as m,
-  Ne as n,
-  Re as o,
-  Va as p,
-  $e as q,
-  ot as r,
-  Wa as s,
-  ba as t,
-  ll as u
+  il as C,
+  rl as V,
+  sl as a,
+  Ta as b,
+  ga as c,
+  xa as d,
+  Ha as e,
+  Ja as f,
+  ma as g,
+  Sa as h,
+  ha as i,
+  Da as j,
+  fa as k,
+  ya as l,
+  Ne as m,
+  Re as n,
+  $e as o,
+  _a as p,
+  Me as q,
+  it as r,
+  Qa as s,
+  pa as t,
+  ol as u
 };