vlite3 1.4.37 → 1.4.40

package/components/DataTable/DataTable.vue.js

@@ -1,26 +1,26 @@
-import { defineComponent as ze, inject as $e, computed as u, toRef as _, ref as B, watch as D, openBlock as r, createElementBlock as m, createElementVNode as h, normalizeClass as p, unref as d, createCommentVNode as E, Fragment as R, renderList as I, normalizeStyle as K, createVNode as W, createBlock as ee, isMemoSame as te, createSlots as le, withCtx as ne, renderSlot as U, mergeProps as ae } from "vue";
-import We from "../CheckBox.vue.js";
-import Le from "../ConfirmationModal.vue.js";
-import Ve from "../Pagination/Pagination.vue.js";
-import Fe from "../Empty/Empty.vue.js";
-import Ae from "./DataTableHeader.vue.js";
-import Me from "./DataTableRow.vue.js";
-import { useDataTableTree as Ne } from "./useDataTableTree.js";
-import { $t as P } from "../../utils/i18n.js";
-import { SCREEN_CONTEXT_KEY as je } from "./types.js";
-const Ke = { class: "space-y-6.5" }, Ue = { key: 0 }, Oe = {
+import { defineComponent as ze, inject as We, computed as r, toRef as _, ref as W, watch as D, shallowRef as Le, onUnmounted as Ve, openBlock as i, createElementBlock as c, createElementVNode as v, normalizeClass as x, unref as u, createCommentVNode as E, Fragment as R, renderList as P, normalizeStyle as j, createVNode as L, createBlock as ee, isMemoSame as te, createSlots as le, withCtx as ne, renderSlot as K, mergeProps as ae } from "vue";
+import Fe from "../CheckBox.vue.js";
+import Ae from "../ConfirmationModal.vue.js";
+import Me from "../Pagination/Pagination.vue.js";
+import Ne from "../Empty/Empty.vue.js";
+import Ue from "./DataTableHeader.vue.js";
+import je from "./DataTableRow.vue.js";
+import { useDataTableTree as Ke } from "./useDataTableTree.js";
+import { $t as I } from "../../utils/i18n.js";
+import { SCREEN_CONTEXT_KEY as Oe } from "./types.js";
+const Ye = { class: "space-y-6.5" }, Xe = { class: "w-full overflow-x-auto overflow-y-hidden" }, qe = { key: 0 }, Ge = {
   key: 0,
   style: { width: "40px" }
-}, Ye = { class: "hover:bg-transparent" }, Xe = {
+}, He = { class: "hover:bg-transparent" }, Je = {
   key: 0,
   scope: "col",
   class: "w-[40px] px-0 text-center font-medium text-muted-foreground",
   style: { width: "40px" }
-}, qe = { class: "flex items-center justify-center" }, Ge = { class: "[&_tr:last-child]:border-0" }, He = {
+}, Qe = { class: "flex items-center justify-center" }, Ze = { class: "[&_tr:last-child]:border-0" }, _e = {
   key: 0,
   class: "w-[48px] px-0 py-4 align-middle text-center",
   style: { width: "48px" }
-}, Je = { key: 2 }, Qe = ["colspan"], Ze = { key: 0 }, dt = /* @__PURE__ */ ze({
+}, et = { key: 2 }, tt = ["colspan"], lt = { key: 0 }, ft = /* @__PURE__ */ ze({
   __name: "DataTable",
   props: {
     rows: { default: () => [] },
@@ -48,6 +48,7 @@ const Ke = { class: "space-y-6.5" }, Ue = { key: 0 }, Oe = {
     bordered: { type: Boolean, default: !0 },
     cellBordered: { type: Boolean, default: !1 },
     compact: { type: Boolean, default: !1 },
+    rounded: { type: Boolean, default: !0 },
     tableClass: {},
     class: {},
     sortable: { type: Boolean, default: !1 },
@@ -62,7 +63,7 @@ const Ke = { class: "space-y-6.5" }, Ue = { key: 0 }, Oe = {
     const se = (e, t) => {
       if (!(!e || !t))
         return t.includes(".") ? t.split(".").reduce((l, o) => l?.[o], e) : e[t];
-    }, g = (e, t) => se(e, t), ie = (e, t) => {
+    }, w = (e, t) => se(e, t), ie = (e, t) => {
       const l = ["id", "_id"];
       if (t && t !== "auto") return t;
       if (e && e.length > 0) {
@@ -70,26 +71,27 @@ const Ke = { class: "space-y-6.5" }, Ue = { key: 0 }, Oe = {
           if (o in e[0]) return o;
       }
       return "_id";
-    }, re = (e) => e.sortKey || e.field, a = n, y = oe, L = $e(je, null), S = u(() => a.hideSelectable ? !1 : L ? L.forceSelectable : !0), v = u(() => ie(a.rows, a.keyField)), {
-      isTreeMode: b,
-      flattenVisibleRows: O,
-      allLoadedRows: z,
+    }, re = (e) => e.sortKey || e.field, a = n, b = oe, V = We(Oe, null), S = r(() => a.hideSelectable ? !1 : V ? V.forceSelectable : !0), h = r(() => ie(a.rows, a.keyField)), {
+      isTreeMode: g,
+      flattenVisibleRows: F,
+      allLoadedRows: $,
+      findParentId: O,
       isExpandable: Y,
       isExpanded: X,
       isLoading: q,
       collectDescendantIds: G,
       toggleExpand: de,
       pruneStaleTreeState: ce,
-      getChildren: V
-    } = Ne({
+      getChildren: H
+    } = Ke({
       rows: _(a, "rows"),
-      keyField: v,
+      keyField: h,
       loadChildren: _(a, "loadChildren"),
-      getRowId: g,
-      onExpand: (e) => y("expand", e)
-    }), x = B({ field: "", order: "" }), T = B(
+      getRowId: w,
+      onExpand: (e) => b("expand", e)
+    }), p = W({ field: "", order: "" }), T = W(
       a.pageInfo?.itemsPerPage || a.paginationProps?.itemsPerPage || 10
-    ), C = B(a.pageInfo?.currentPage || 1), $ = B(!1), ue = u(() => a.loading);
+    ), C = W(a.pageInfo?.currentPage || 1), z = W(!1), ue = r(() => a.loading);
     D(
       () => a.pageInfo?.itemsPerPage,
       (e) => {
@@ -106,303 +108,302 @@ const Ke = { class: "space-y-6.5" }, Ue = { key: 0 }, Oe = {
         e && (C.value = e);
       }
     );
-    const i = B(/* @__PURE__ */ new Set());
+    const s = Le(/* @__PURE__ */ new Set());
     D(
       () => a.selectedRows,
       (e) => {
-        const t = new Set((e || []).map((l) => g(l, v.value)));
-        (t.size !== i.value.size || [...t].some((l) => !i.value.has(l))) && (i.value = t);
+        const t = new Set((e || []).map((l) => w(l, h.value)));
+        (t.size !== s.value.size || [...t].some((l) => !s.value.has(l))) && (s.value = t);
       },
-      { immediate: !0, deep: !0 }
+      { immediate: !0 }
     );
-    const F = u(() => {
-      if (!b.value) return a.rows;
+    const A = r(() => {
+      if (!g.value) return a.rows;
       const e = [], t = (l) => {
         for (const o of l) {
           e.push(o);
-          for (const c of V(o)) t([c]);
+          for (const m of H(o)) t([m]);
         }
       };
       return t(a.rows), e;
-    }), A = u(() => {
-      const e = F.value;
-      return e.length > 0 && e.every((t) => i.value.has(g(t, v.value)));
-    }), H = u(() => i.value.size > 0 && !A.value), me = u(() => {
-      const e = new Map(z.value);
-      return (a.selectedRows || []).forEach((t) => e.set(g(t, v.value), t)), a.rows.forEach((t) => e.set(g(t, v.value), t)), Array.from(i.value).map((t) => e.get(t)).filter(Boolean);
-    }), J = (e) => {
-      const t = (o, c) => {
-        for (const s of o) {
-          const f = g(s, v.value);
-          if (f === e) return { found: !0, parentId: c };
-          const w = t(V(s), f);
-          if (w.found) return w;
-        }
-        return { found: !1, parentId: null };
-      }, l = t(a.rows, null);
-      return l.found ? l.parentId : null;
-    }, Q = (e) => {
-      if (!b.value) return !1;
+    }), M = r(() => {
+      const e = A.value;
+      return e.length > 0 && e.every((t) => s.value.has(w(t, h.value)));
+    }), J = r(() => s.value.size > 0 && !M.value), me = r(() => {
+      const e = new Map($.value);
+      return (a.selectedRows || []).forEach((t) => e.set(w(t, h.value), t)), a.rows.forEach((t) => e.set(w(t, h.value), t)), Array.from(s.value).map((t) => e.get(t)).filter(Boolean);
+    }), fe = (e) => {
+      if (!g.value) return !1;
       const t = G(e);
       if (!t.length) return !1;
       let l = 0;
       for (const o of t)
-        i.value.has(o) && l++;
+        s.value.has(o) && l++;
       return l > 0 && l < t.length;
-    }, fe = (e, t) => {
-      let l = J(e);
+    }, Q = r(() => {
+      const e = /* @__PURE__ */ new Set();
+      if (!g.value) return e;
+      for (const t of F.value)
+        fe(t.row) && e.add(t.id);
+      return e;
+    }), ve = (e, t) => {
+      let l = O(e);
       for (; l != null; ) {
-        const o = z.value.get(l);
+        const o = $.value.get(l);
         if (!o) break;
-        const c = V(o).map((f) => g(f, v.value));
-        c.length > 0 && c.every((f) => t.has(f)) ? t.add(l) : t.delete(l), l = J(l);
+        const m = H(o).map((f) => w(f, h.value));
+        m.length > 0 && m.every((f) => t.has(f)) ? t.add(l) : t.delete(l), l = O(l);
       }
-    }, ve = (e) => {
-      const t = new Set(i.value);
-      F.value.forEach((l) => {
-        const o = g(l, v.value);
-        e ? t.add(o) : t.delete(o);
-      }), i.value = t, M();
     }, he = (e) => {
-      const t = new Set(i.value), l = !t.has(e);
-      if (b.value) {
-        const o = z.value.get(e);
+      const t = new Set(s.value);
+      A.value.forEach((l) => {
+        const o = w(l, h.value);
+        e ? t.add(o) : t.delete(o);
+      }), s.value = t, N();
+    }, ge = (e) => {
+      const t = new Set(s.value), l = !t.has(e);
+      if (g.value) {
+        const o = $.value.get(e);
         if (o) {
-          const c = (s, f) => {
-            f ? t.add(s) : t.delete(s);
+          const m = (d, f) => {
+            f ? t.add(d) : t.delete(d);
           };
-          c(e, l), G(o).forEach((s) => c(s, l)), fe(e, t), i.value = t, M();
+          m(e, l), G(o).forEach((d) => m(d, l)), ve(e, t), s.value = t, N();
           return;
         }
       }
-      t.has(e) ? t.delete(e) : t.add(e), i.value = t, M();
-    }, M = () => {
+      t.has(e) ? t.delete(e) : t.add(e), s.value = t, N();
+    }, N = () => {
       const e = /* @__PURE__ */ new Set(), t = [], l = (o) => {
-        const c = g(o, v.value);
-        i.value.has(c) && !e.has(c) && (t.push(o), e.add(c));
+        const m = w(o, h.value);
+        s.value.has(m) && !e.has(m) && (t.push(o), e.add(m));
       };
-      F.value.forEach(l), (a.selectedRows || []).forEach(l), y("select", {
+      A.value.forEach(l), (a.selectedRows || []).forEach(l), b("select", {
         selected: t,
-        all: A.value,
-        indeterminate: H.value
-      }), y("update:selectedRows", t);
-    }, ge = (e) => {
+        all: M.value,
+        indeterminate: J.value
+      }), b("update:selectedRows", t);
+    }, we = (e) => {
       const t = a.headers.find((o) => o.field === e), l = t ? re(t) : e;
-      x.value.field === l ? x.value.order = x.value.order === "asc" ? "desc" : "asc" : (x.value.field = l, x.value.order = "asc"), C.value = 1, j();
+      p.value.field === l ? p.value.order = p.value.order === "asc" ? "desc" : "asc" : (p.value.field = l, p.value.order = "asc"), C.value = 1, U();
     }, be = (e) => {
-      C.value = e, j();
-    }, we = (e) => {
-      T.value = e, C.value = 1, y("update:itemsPerPage", e), j();
-    }, pe = (e) => y("rowClick", e), ye = () => {
-      y("delete", me.value), $.value = !1;
+      C.value = e, U();
+    }, pe = (e) => {
+      T.value = e, C.value = 1, b("update:itemsPerPage", e), U();
+    }, ye = (e) => b("rowClick", e), xe = () => {
+      b("delete", me.value), z.value = !1;
     };
-    let N = null;
-    const j = () => {
-      N && clearTimeout(N), N = setTimeout(() => {
+    let y = null;
+    const U = () => {
+      y && clearTimeout(y), y = setTimeout(() => {
+        y = null;
         const e = {
           pagination: { page: C.value, limit: T.value },
-          sort: { ...x.value },
+          sort: { ...p.value },
           filter: {}
         };
-        y("change", e), L?.onTableChange?.(e);
+        b("change", e), V?.onTableChange?.(e);
       }, 10);
     };
-    D(
+    Ve(() => {
+      y && (clearTimeout(y), y = null);
+    }), D(
       () => a.rows,
       () => {
         ce();
-        const e = new Set(z.value.keys());
+        const e = new Set($.value.keys());
         (a.selectedRows || []).forEach((t) => {
-          e.add(g(t, v.value));
-        }), i.value = new Set([...i.value].filter((t) => e.has(t)));
+          e.add(w(t, h.value));
+        }), s.value = new Set([...s.value].filter((t) => e.has(t)));
       }
     );
-    const xe = u(() => [
-      "w-full flex flex-col",
-      a.variant === "raised" ? "bg-background shadow-sm p-2 rounded-lg" : "bg-background rounded",
-      "overflow-hidden",
-      a.bordered ? "border border-border" : "",
-      a.class
-    ].join(" ")), Se = u(() => {
+    const Se = r(() => {
+      const e = a.variant === "raised", t = a.rounded ? e ? "rounded-lg" : "rounded" : "rounded-none";
+      return [
+        "w-full flex flex-col",
+        e ? `bg-background shadow-sm p-2 ${t}` : `bg-background ${t}`,
+        "overflow-hidden",
+        a.bordered ? "border border-border" : "",
+        a.class
+      ].join(" ");
+    }), Ce = r(() => {
       const e = a.cellBordered ? "[&>thead>tr>th:not(:last-child)]:border-r [&>thead>tr>th]:border-border [&>tbody>tr>td:not(:last-child)]:border-r [&>tbody>tr>td]:border-border [&>tbody>tr>th:not(:last-child)]:border-r [&>tbody>tr>th]:border-border" : "";
       return [
         "w-full caption-bottom -text-fs-1",
-        b.value ? "table-fixed" : "",
+        g.value ? "table-fixed" : "",
         e,
         a.tableClass
       ].join(" ");
-    }), Ce = (e) => {
+    }), ke = (e) => {
       const t = {};
-      return e.width && !/(?:^|\s|:)w-/.test(e.width) && (t.width = e.width), e.minWidth && !/(?:^|\s|:)min-w-/.test(e.minWidth) && (b.value && !t.width ? t.width = e.minWidth : t.minWidth = e.minWidth), t;
-    }, ke = (e) => {
+      return e.width && !/(?:^|\s|:)w-/.test(e.width) && (t.width = e.width), e.minWidth && !/(?:^|\s|:)min-w-/.test(e.minWidth) && (g.value && !t.width ? t.width = e.minWidth : t.minWidth = e.minWidth), t;
+    }, Pe = (e) => {
       const t = {};
       return e.width && !/(?:^|\s|:)w-/.test(e.width) ? t.width = e.width : e.minWidth && !/(?:^|\s|:)min-w-/.test(e.minWidth) && (t.width = e.minWidth), t;
     }, Z = (e) => {
       const t = [];
       return e.width && /(?:^|\s|:)w-/.test(e.width) && t.push(e.width), e.minWidth && /(?:^|\s|:)min-w-/.test(e.minWidth) && t.push(e.minWidth), t.join(" ");
-    }, Ie = u(
-      () => a.emptyTitleI18n ? P(a.emptyTitleI18n) : a.emptyTitle
-    ), Pe = u(
-      () => a.emptyDescriptionI18n ? P(a.emptyDescriptionI18n) : a.emptyDescription
-    ), Te = u(() => {
-      const e = P("vlite.dataTable.confirmDeleteTitle");
+    }, Ie = r(
+      () => a.emptyTitleI18n ? I(a.emptyTitleI18n) : a.emptyTitle
+    ), Te = r(
+      () => a.emptyDescriptionI18n ? I(a.emptyDescriptionI18n) : a.emptyDescription
+    ), Be = r(() => {
+      const e = I("vlite.dataTable.confirmDeleteTitle");
       return e !== "vlite.dataTable.confirmDeleteTitle" ? e : "Confirm Deletion";
-    }), Be = u(() => {
-      const e = P("vlite.dataTable.confirmDeleteDesc");
+    }), De = r(() => {
+      const e = I("vlite.dataTable.confirmDeleteDesc");
       return e !== "vlite.dataTable.confirmDeleteDesc" ? e : "Are you sure you want to delete the selected items?";
-    }), De = u(() => {
-      const e = P("vlite.dataTable.deleteBtn");
+    }), Ee = r(() => {
+      const e = I("vlite.dataTable.deleteBtn");
       return e !== "vlite.dataTable.deleteBtn" ? e : "Delete";
-    }), Ee = u(() => {
-      const e = P("vlite.dataTable.cancelBtn");
+    }), Re = r(() => {
+      const e = I("vlite.dataTable.cancelBtn");
       return e !== "vlite.dataTable.cancelBtn" ? e : "Cancel";
     });
-    return (e, t) => (r(), m("div", Ke, [
-      h("div", {
-        class: p(xe.value)
+    return (e, t) => (i(), c("div", Ye, [
+      v("div", {
+        class: x(Se.value)
       }, [
-        h("div", {
-          class: p(["overflow-x-auto w-full", d(b) ? "[scrollbar-gutter:stable]" : ""])
-        }, [
-          h("table", {
-            class: p([Se.value, "data-table"])
+        v("div", Xe, [
+          v("table", {
+            class: x([Ce.value, "data-table"])
           }, [
-            d(b) ? (r(), m("colgroup", Ue, [
-              S.value ? (r(), m("col", Oe)) : E("", !0),
-              (r(!0), m(R, null, I(n.headers, (l) => (r(), m("col", {
+            u(g) ? (i(), c("colgroup", qe, [
+              S.value ? (i(), c("col", Ge)) : E("", !0),
+              (i(!0), c(R, null, P(n.headers, (l) => (i(), c("col", {
                 key: "col-" + l.field,
-                class: p(Z(l)),
-                style: K(ke(l))
+                class: x(Z(l)),
+                style: j(Pe(l))
               }, null, 6))), 128))
             ])) : E("", !0),
-            h("thead", {
-              class: p([
+            v("thead", {
+              class: x([
                 "[&_tr]:border-b [&_tr]:border-border",
                 n.headerVariant === "minimal" ? "bg-transparent" : "bg-accent",
-                n.variant === "raised" ? "[&_th:first-child]:rounded-tl-lg [&_th:last-child]:rounded-tr-lg" : ""
+                n.variant === "raised" && n.rounded ? "[&_th:first-child]:rounded-tl-lg [&_th:last-child]:rounded-tr-lg" : ""
               ])
             }, [
-              h("tr", Ye, [
-                S.value ? (r(), m("th", Xe, [
-                  h("div", qe, [
-                    W(We, {
-                      "model-value": A.value,
-                      indeterminate: H.value,
+              v("tr", He, [
+                S.value ? (i(), c("th", Je, [
+                  v("div", Qe, [
+                    L(Fe, {
+                      "model-value": M.value,
+                      indeterminate: J.value,
                       size: "xs",
-                      "onUpdate:modelValue": ve
+                      "onUpdate:modelValue": he
                     }, null, 8, ["model-value", "indeterminate"])
                   ])
                 ])) : E("", !0),
-                (r(!0), m(R, null, I(n.headers, (l) => (r(), ee(Ae, {
+                (i(!0), c(R, null, P(n.headers, (l) => (i(), ee(Ue, {
                   key: l.field,
                   header: l,
-                  "sort-config": x.value,
+                  "sort-config": p.value,
                   compact: n.compact,
                   size: n.size,
                   "table-sortable": n.sortable,
                   "cell-bordered": n.cellBordered,
-                  onSort: ge,
-                  class: p([
+                  onSort: we,
+                  class: x([
                     n.cellBordered ? "" : "last:pr-5!",
                     Z(l),
-                    d(b) ? "min-w-0! max-w-none!" : ""
+                    u(g) ? "min-w-0! max-w-none!" : ""
                   ]),
-                  style: K(Ce(l))
+                  style: j(ke(l))
                 }, null, 8, ["header", "sort-config", "compact", "size", "table-sortable", "cell-bordered", "class", "style"]))), 128))
               ])
             ], 2),
-            h("tbody", Ge, [
-              ue.value ? (r(!0), m(R, { key: 0 }, I(Math.min(T.value, 15), (l, o, c, s) => {
+            v("tbody", Ze, [
+              ue.value ? (i(!0), c(R, { key: 0 }, P(Math.min(T.value, 15), (l, o, m, d) => {
                 const f = [];
-                if (s && s.key === "skeleton-" + l && te(s, f)) return s;
-                const w = (r(), m("tr", {
+                if (d && d.key === "skeleton-" + l && te(d, f)) return d;
+                const B = (i(), c("tr", {
                   key: "skeleton-" + l,
                   class: "border-b border-border/70 bg-background transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"
                 }, [
-                  S.value ? (r(), m("td", He, [...t[6] || (t[6] = [
-                    h("div", { class: "flex items-center justify-center" }, [
-                      h("div", { class: "h-4 w-4 rounded-[4px] bg-muted/50 animate-pulse" })
+                  S.value ? (i(), c("td", _e, [...t[6] || (t[6] = [
+                    v("div", { class: "flex items-center justify-center" }, [
+                      v("div", { class: "h-4 w-4 rounded-[4px] bg-muted/50 animate-pulse" })
                     ], -1)
                   ])])) : E("", !0),
-                  (r(!0), m(R, null, I(n.headers, (k) => (r(), m("td", {
+                  (i(!0), c(R, null, P(n.headers, (k) => (i(), c("td", {
                     key: k.field,
-                    class: p(["align-middle", [
+                    class: x(["align-middle", [
                       k.hideOnMobile ? "hidden md:table-cell" : "",
                       n.cellBordered ? "px-5! py-3!" : "p-5! last:pr-6!"
                     ]])
                   }, [
-                    h("div", {
+                    v("div", {
                       class: "rounded-md bg-muted/50 animate-pulse h-4",
-                      style: K({ width: `${50 + Math.random() * 40}%` })
+                      style: j({ width: `${50 + Math.random() * 40}%` })
                     }, null, 4)
                   ], 2))), 128))
                 ]));
-                return w.memo = f, w;
-              }, t, 0), 128)) : d(O).length > 0 ? (r(!0), m(R, { key: 1 }, I(d(O), (l, o, c, s) => {
+                return B.memo = f, B;
+              }, t, 0), 128)) : u(F).length > 0 ? (i(!0), c(R, { key: 1 }, P(u(F), (l, o, m, d) => {
                 const f = [
                   l.row,
-                  i.value.has(l.id),
-                  Q(l.row),
+                  s.value.has(l.id),
+                  Q.value.has(l.id),
                   S.value,
                   n.compact,
                   n.size,
                   n.striped,
                   n.hoverable,
                   n.cellBordered,
-                  d(b),
+                  u(g),
                   l.depth,
                   l.isLastSibling,
                   l.ancestorLastFlags,
-                  d(X)(l.id),
-                  d(q)(l.id),
-                  d(Y)(l.row),
+                  u(X)(l.id),
+                  u(q)(l.id),
+                  u(Y)(l.row),
                   n.treeIndent
                 ];
-                if (s && s.key === l.id && te(s, f)) return s;
-                const w = (r(), ee(Me, {
+                if (d && d.key === l.id && te(d, f)) return d;
+                const B = (i(), ee(je, {
                   key: l.id,
                   row: l.row,
                   headers: n.headers,
                   index: l.index,
-                  "key-field": v.value,
+                  "key-field": h.value,
                   selectable: S.value,
-                  "is-selected": i.value.has(l.id),
-                  "is-indeterminate": Q(l.row),
+                  "is-selected": s.value.has(l.id),
+                  "is-indeterminate": Q.value.has(l.id),
                   hoverable: n.hoverable,
                   striped: n.striped,
                   compact: n.compact,
                   size: n.size,
                   "cell-bordered": n.cellBordered,
-                  "tree-mode": d(b),
+                  "tree-mode": u(g),
                   depth: l.depth,
                   "tree-indent": n.treeIndent,
-                  expandable: d(Y)(l.row),
-                  expanded: d(X)(l.id),
-                  "tree-loading": d(q)(l.id),
+                  expandable: u(Y)(l.row),
+                  expanded: u(X)(l.id),
+                  "tree-loading": u(q)(l.id),
                   "is-last-sibling": l.isLastSibling,
                   "ancestor-last-flags": l.ancestorLastFlags,
-                  onSelect: he,
-                  onRowClick: pe,
-                  onToggleExpand: (k) => d(de)(l.row, l.depth),
-                  class: p(n.cellBordered ? "" : "[&_td:last-child]:pr-5!")
+                  onSelect: ge,
+                  onRowClick: ye,
+                  onToggleExpand: (k) => u(de)(l.row, l.depth),
+                  class: x(n.cellBordered ? "" : "[&_td:last-child]:pr-5!")
                 }, le({ _: 2 }, [
-                  I(n.headers, (k) => ({
+                  P(n.headers, (k) => ({
                     name: k.field,
-                    fn: ne((Re) => [
-                      U(e.$slots, k.field, ae({ ref_for: !0 }, Re))
+                    fn: ne(($e) => [
+                      K(e.$slots, k.field, ae({ ref_for: !0 }, $e))
                     ])
                   }))
                 ]), 1032, ["row", "headers", "index", "key-field", "selectable", "is-selected", "is-indeterminate", "hoverable", "striped", "compact", "size", "cell-bordered", "tree-mode", "depth", "tree-indent", "expandable", "expanded", "tree-loading", "is-last-sibling", "ancestor-last-flags", "onToggleExpand", "class"]));
-                return w.memo = f, w;
-              }, t, 2), 128)) : (r(), m("tr", Je, [
-                h("td", {
+                return B.memo = f, B;
+              }, t, 2), 128)) : (i(), c("tr", et, [
+                v("td", {
                   colspan: S.value ? n.headers.length + 1 : n.headers.length,
                   class: "align-middle hover:bg-transparent"
                 }, [
-                  U(e.$slots, "empty", {}, () => [
-                    W(d(Fe), {
+                  K(e.$slots, "empty", {}, () => [
+                    L(u(Ne), {
                       title: Ie.value,
-                      description: Pe.value,
+                      description: Te.value,
                       icon: n.emptyIcon,
                       variant: "variant12",
                       class: "bg-transparent! py-8!"
@@ -410,42 +411,42 @@ const Ke = { class: "space-y-6.5" }, Ue = { key: 0 }, Oe = {
                       e.$slots["empty-action"] ? {
                         name: "action",
                         fn: ne(() => [
-                          U(e.$slots, "empty-action")
+                          K(e.$slots, "empty-action")
                         ]),
                         key: "0"
                       } : void 0
                     ]), 1032, ["title", "description", "icon"])
                   ])
-                ], 8, Qe)
+                ], 8, tt)
               ]))
             ])
           ], 2)
-        ], 2)
+        ])
       ], 2),
-      n.showPagination && n.pageInfo && n.pageInfo.totalPages > 1 ? (r(), m("div", Ze, [
-        W(d(Ve), ae({
+      n.showPagination && n.pageInfo && n.pageInfo.totalPages > 1 ? (i(), c("div", lt, [
+        L(u(Me), ae({
           "current-page": C.value,
           "total-pages": n.pageInfo.totalPages,
           "total-items": n.pageInfo.totalItems
         }, n.paginationProps, {
           onChange: be,
-          "onUpdate:itemsPerPage": we
+          "onUpdate:itemsPerPage": pe
         }), null, 16, ["current-page", "total-pages", "total-items"])
       ])) : E("", !0),
-      W(Le, {
-        show: $.value,
-        "onUpdate:show": t[4] || (t[4] = (l) => $.value = l),
-        title: Te.value,
-        description: Be.value,
-        "confirm-text": De.value,
-        "cancel-text": Ee.value,
+      L(Ae, {
+        show: z.value,
+        "onUpdate:show": t[4] || (t[4] = (l) => z.value = l),
+        title: Be.value,
+        description: De.value,
+        "confirm-text": Ee.value,
+        "cancel-text": Re.value,
         variant: "danger",
-        onConfirm: ye,
-        onCancel: t[5] || (t[5] = (l) => $.value = !1)
+        onConfirm: xe,
+        onCancel: t[5] || (t[5] = (l) => z.value = !1)
       }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text"])
     ]));
   }
 });
 export {
-  dt as default
+  ft as default
 };