vlite3 1.4.35 → 1.4.37

package/components/DataTable/DataTable.vue.js

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